/* CSS Document */



/* tinynav */



nav.example-nav { padding: 1em 0; }

ul.dropdown { list-style: none; padding: 0px; margin: 0px; font-weight: normal; position: relative; text-align: center; vertical-align:top; }

nav > ul.dropdown:after { content: ""; clear: both; display: block; }

ul.dropdown li { float:left; text-align: left; }

ul.dropdown li a { display: block; padding-right: 10px; text-decoration: none; color: #000000;}

ul.dropdown li a:hover { color: #000000; text-decoration: underline; }

    

ul.dropdown ul { display: none; position: absolute; top: 100%; margin:0; padding:0; min-width: 250px;  }

ul.dropdown li:hover > ul { display: block;  }

ul.dropdown ul li { float: none; display: block; position: relative; }

ul.dropdown ul ul { position: absolute; left: 100%; top:0; }

    

 .tinynav { display: none; margin: 10px auto; }





/* estilos geral */



html { font-size: 0.9em; font-family: Helvetica, Arial, sans-serif; font-weight:normal; height: 100%;}



body  {

	padding: 0;

	color: #000000;

	margin:0;

	

	height: 100%;

}



h1,h2,h3 {font-weight:normal; margin-top:0}

h1 {margin:0; padding:0;}



.topo { padding-top:20px; }



#logoprincipal { width: 150px; font-size: 28px; line-height: 28px; margin-right: 370px; margin-bottom:20px; float:left; }

#contato { float:left; margin-right: 30px; margin-bottom:10px;}



.websites, .emarketing, .branding, .curriculum, .app { height:20px; padding-top:10px; margin-top:6px; width:40px; }

.websites { margin-right: 80px; 	white-space: nowrap;  }

.emarketing { margin-right: 88px; 	white-space: nowrap; }

.branding { margin-right: 38px;  }

.curriculum { margin-right: 50px; }




.selected {border-top-style: solid; border-top-color:#000000; border-top-width:4px; padding-top:6px; }

.deselected { height:20px; padding-top:6px; margin-top:3px; }

.conteudo { max-width:800px; line-height: 1.5em;}



.texto {clear:both; padding-top:10px; margin-bottom:50px;}

.etexto {padding: 15px 5px 50px 5px}



.clear { clear:both}

.fltleft {float:left}

.fltright {float:right}

.underline { text-decoration: underline}



.sep {float:left; width:20px}

.box {}



a:link, a:visited, a:active{ color:#000000; text-decoration:none;}

a:hover{text-decoration:underline;}



a.linkb:link, a.linkb:visited, a.linkb:active{ color:#000000; text-decoration:none;}

a.linkb:hover{text-decoration:underline;}



/* estilos desktop */



@media only screen and (min-width: 921px) {





#tudo { background-image:url(imagens/bgprincipal.gif) no-repeat; }



h1 {font-size:7em; margin-top:20px; margin-bottom:1px; margin-left:-5px; }

#container { padding-left:12%;text-align: left; }

.esq, .dir {float:left; margin-right:35px	}

.esqtexto, .dirtexto {float:left; margin-right:15px; padding:20px; width:300px; background-color:#FFF; }

.emkt { max-width:100% }

.bd { }

.footer { font-size:0.9em; color:#666; padding:20px 0;  }



}



/* estilos tablet */



@media only screen and (max-width: 920px) and (min-width: 640px) {



#tudo { background: #ffffff url(imagens/bgprincipal.gif) no-repeat; background-position: -150px -10px;}

h1 {font-size:7em;  margin-top:20px; margin-bottom:40px; margin-left:-5px; line-height:0.8em}

#logoprincipal {}



#container { padding-left:20px;}

.esq, .dir {float:left; margin-right:15px	}

.esqtexto, .dirtexto { margin-right:15px; padding:20px; background-color:#FFF; }

.footer { font-size:0.9em; color:#666; background-color:#fff; padding:20px 0;  }

	

}





/* estilos mobile */



@media only screen and (max-width: 640px) {



#tudo { background: #ffffff url(imagens/bgprincipal.gif) no-repeat; background-position: -150px -70px;}

.topo { padding-top:5px; }

h1 {font-size:4em; margin-bottom:20px; }

#logoprincipal { float: none; margin: 0px auto; text-align:center}

#contato { float: none; margin: 0px auto; text-align:center}

select { width:250px; padding:6px; }



#container { margin:10px; text-align:center	}

.esq img, .dir img { width: 300px; height:auto }

.esqtexto, .dirtexto { margin-right:15px; padding:20px; background-color:#FFF; }

.emkt { }

.bd { }

footer { text-align:center	}

.footer { font-size:0.8em; color:#666; background-color:#fff; padding:20px 0; }

	







/* estilos mobile original tinynav */



  .tinynav { display: block }

  .dropdown { display: none }

  .tinynav { float:none }	



}