/* CSS Document */
body {
background-color:#D5E308;
margin: 0px 0px 0px 0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-align:center;
}

#tudo {background-color:#000000; margin:-140px auto 0px auto; width:800px;}
	
#div_centro {background-color:#000000;}
	

.conteudo-home {background-color:#FFFFFF; margin:0px 197px 0px 0px; height:366px; text-align:left; position:relative;}
.conteudo {background-color:#FFFFFF; margin:0px 197px 0px 0px; min-height:370px; height:auto !important; height:370px; padding-left:19px; padding-top:19px; padding-bottom:19px; text-align:left; position:relative;}

.fundo_topo{
	height: 140px;
	background-image:url(images/fundo_topo.jpg);
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;
	width:auto !important;
	}


/****************************************************************************************************************


TOPO


****************************************************************************************************************/

#topo {
	width:800px;
	height:239px;
	background-image:url(images/topo_emt.jpg);
	background-repeat:no-repeat;
	background-position:right;
	text-align: left;
	}
	
.topo_logo {
	width:567px;
	background-image:url(images/topo_meio.jpg);
	background-repeat:no-repeat;
	background-position:right;
 }
 
.topo_txt {
	background-image:url(images/topo_fundo_txt.jpg);
	height:99px;
	width: 567px;
	float:left;
	}
	
	
/****************************************************************************************************************


TOPO MULHER


****************************************************************************************************************/


#topo_mulher {
	width:800px;
	height:239px;
	background-image:url(images/topo_mulher.jpg);
	background-repeat:no-repeat;
	background-position:right;
	text-align: left;
	}
	
.topo_logo_mulher {
	width:567px;
	background-image:url(images/topo_meio.jpg);
	background-repeat:no-repeat;
	background-position:right;
 }
 
.topo_txt_mulher {
	background-image:url(images/topo_fundo_txt.jpg);
	height:99px;
	width: 567px;
	float:left;
	}
	
	
/****************************************************************************************************************


TOPO MENINO


****************************************************************************************************************/


#topo_menino {
	width:800px;
	height:239px;
	background-image:url(images/topo_menino.jpg);
	background-repeat:no-repeat;
	background-position:right;
	text-align: left;
	}
	
.topo_logo_menino {
	width:567px;
	background-image:url(images/topo_meio.jpg);
	background-repeat:no-repeat;
	background-position:right;
 }
 
.topo_txt_menino {
	background-image:url(images/topo_fundo_txt.jpg);
	height:99px;
	width: 567px;
	float:left;
	}

/****************************************************************************************************************


TOPO VIOLAO


****************************************************************************************************************/


#topo_violao {
	width:800px;
	height:239px;
	background-image:url(images/topo_violao.jpg);
	background-repeat:no-repeat;
	background-position:right;
	text-align: left;
	}
	
	
	
/****************************************************************************************************************


MENU


****************************************************************************************************************/
		
.menu {
	width:800px;
	height:40px;
	}				
		
		
/****************************************************************************************************************


LATERAL


****************************************************************************************************************/

#lateral {
	width:197px;
	height:366px;
	float:right;
	}
		
		
		
/****************************************************************************************************************


DEFAULT


****************************************************************************************************************/

	
.carimbo_emt {
	width:305px;
	height:145px;
	background-image:url(images/new_cursos.jpg);
	border: 0;
	float:left;
	position:relative;
	}
	
.foto_carimbo {
	width:158px;
	height:143px;
	float:left;
	}
	
.txts_carimbo {
	width: 180px;
	margin:-125px 0px 0px 0px;
	float:right;
	}
	
.txt_carimbo {
	width:130px;
	margin:10px 0px 0px 0px;
	float:right;
	}
	
.animacao {width: 245px; height: 250px; position:absolute; margin:19px auto auto 338px; border: 1px #999 solid;}
	
.promocao-default {
	width:305px;
	height:100px;
	margin: -100px 0px 0px 0px;
	}
	
.promocao-gde {width:305px; height:257px; border: 0; float:left; position:relative;}

.promocao-cima {width:305px; height:145px; border: 0; position:absolute; margin:19px auto auto 19px;}
.promocao-baixo {width:305px; height:100px; border: 0; position:absolute; margin:171px auto auto 19px; background:url(images/promocao-baixo.jpg);}
.promocao-baixo img {position:absolute; border:0;}
#txt-promocao {position:absolute; width:164px; margin:10px auto auto 132px; font-weight:bold; color:#FFFFFF;}

.divisoria {width: 565px; height:27px; background:url(images/divisoria.jpg) no-repeat center; position:absolute; margin:284px 0px 0px 19px; z-index:0;}
	
#destaques {width:565px; height:69px; position:absolute; margin:285px auto auto 19px; z-index:10;}
	
.destaque {
	width:176px;
	height: 69px;
	margin-right: 12px;
	float:left;
	}
	
.link_saiba_mais {
	color:#606992;
	margin-top:5px;
	}
	



/****************************************************************************************************************


INTERNA QUEM SOMOS


****************************************************************************************************************/
	
.foto_emt {
	width:106px;
	height:85px;
	float:left;
	margin: 0px 13px 0px 0px;
	}
	
.foto_homem {
	width:157px;
	height:331px;
	float:right;
	margin: -40px 0px 0px 0px;
	}
	

/****************************************************************************************************************


INTERNA CONTATO


****************************************************************************************************************/
#contato_tudo {
	width: 450px;
	height: 200px;
	margin: 30px 0px 0px 60px;
	}
	
.iframe_contato {
	width: 450px;
	height: 200px;
	margin: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	text-align:left;
	}
	
.contato {
	width:200px;
	height:200px;
	margin:0px 0px 0px 0px;
	float: left;
	}
	
	
.box_contato {
	width:200px;
	height:20px;
	border:1px solid #000;
	background-color:#EBEBEB;
	margin:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	
#msg-box {width:200px; height:155px; margin:0 auto auto 0;}
.box_msg {width:200px; height:155px; border:1px solid #000000; background-color:#EBEBEB; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#botoes {float:right; margin-top:5px;}
.botao-form {width:60px; height:20px; background:#838181; color:#fff; border:0; font-size:13px;}

	
/***************************************************************************************************************


LOCALIZAÇÃO


*****************************************************************************************************************/

.localizacao {
	height:292px;
	float:left;
	margin:15px 0px 0px 25px;
	border:1px solid #000000;
	padding:3px 3px 3px 3px;
	}
	
#unidade {
	float:left;
	height:292px;
	margin: 15px 0px 0px 0px;
	border:1px solid #000000;
	padding: 3px 3px 3px 3px;
	text-align:center;
	}

/***************************************************************************************************************


CURSOS


*****************************************************************************************************************/
	
.logo_institutos {
	float:left;
	width:70px;
	margin: -10px 0px 0px 0px;
	}

.txt_cursos {
	margin: 25px 20px 0px 20px
	}
	
/***************************************************************************************************************


INTERNA ENSINO EM&T


*****************************************************************************************************************/
	
.foto_emt2 {
	width:106px;
	height:85px;
	float:right;
	margin: 0px 30px 0px 10px;
	}
	
/***************************************************************************************************************


INTERNA PROFESSORES


*****************************************************************************************************************/

.professores img {border:1px solid #000000;}

img {border:0;}

#professores2 {
	margin:20px 0px 0px 30px;
	height:300px;
	font-size:12px;
	}

.professores {
	float:left;
	}

.foto-professor-pequena {
	float:left;
	margin:0 20px 0 0;
	font-weight:bold;
	height:130px;
	padding:2px;
	display:inline;
	}
	
.foto-professor-pequena a {float:left; overflow:hidden; padding:2px;}
.foto-professor-pequena a:hover { padding:2px; background-color:#000000; color:#FFFFFF; text-decoration:none;}
	
.foto-professor-grande {
	float:left;
	}

.titulo-professor {
 	color:#D5E308;
	font-size:15px;
	font-weight:bold;
 	}

.informacoes-professores {
	display:none;
	position:absolute;
	width:202px;
	padding:5px;
	color:#FFFFFF;
	background-color:#000000;
	border:1px solid #FFFFFF;
	z-index:2;
	margin:-50px 0 0 -10px;
	}

#professores {
	margin:0;
	}
	
.professor {
	width:290px;
	margin:0px 0px 0px 0px;
	min-height:100px;
	float:left;
  	height:auto !important;
	height:100px;
	}
	
.professor-script {
	width:150px;
	float:left;
	height:120px;
	}
		
.professor2 {
	margin:0px 0px 20px 290px;
	min-height:100px;
  	height:auto !important;
	height:100px;
	}
	
.foto_professor {
	width:100px;
	height:100px;
	float:left;
	margin:0px 0px 0px 0px;
	border: 1px #999 solid;
	}
	
.txt_professores {
	width:160px;
	margin:0px 0px 0px 115px;
	}
	
/***************************************************************************************************************


INTERNA PROMOÇÃO


*****************************************************************************************************************/

#promocoes {
	margin:0px 0px 0px 0px;
	height:360px;
	}
	
.promocao {
	width:565px;
	margin:0px 0px 0px 0px;
	min-height:100px;
	float:left;
  	height:auto !important;
	height:100px;
	}
	
.promocao2 {
	width:250px;
	margin:0px 10px 10px 0px;
	min-height:100px;
  	height:auto !important;
	height:100px;
	float:right;
	}
	
.foto_promocao {
	width:100px;
	height:100px;
	float:left;
	margin:0px 0px 0px 0px;
	border: 1px #999 solid;
	}
	
.txt_promocao {
	margin:0px 0px 0px 115px;
	text-align:center;
	}
	
#foto-metodos-pequena {
	background: url(images/metodos.jpg) no-repeat center;
	width:100px;
	height:100px;
	float:left;
	margin:0px 0px 0px 0px;
	border: 1px #999 solid;
	}

.foto-grande-metodos a {
	height:100px;
	width:100px;
	display: block;
	}
	
.foto-grande-metodos a:hover {
	width: 300px;
	height: 331px;
	background: url(images/metodos-maior.jpg);
	position:absolute;
	border:1px solid #999;
	background-color:#FFFFFF;
	margin:0px 0px 0px -160px;
	float:left;
	}
	
#foto-camiseta-pequena {
	background: url(images/camiseta.jpg) no-repeat center;
	width:100px;
	height:100px;
	float:left;
	margin:0px 0px 0px 0px;
	border: 1px #999 solid;
	}

.foto-grande-camiseta a {
	height:100px;
	width:100px;
	display: block;
	}
	
.foto-grande-camiseta a:hover {
	width: 300px;
	height: 331px;
	background: url(images/camiseta-maior.jpg);
	position:absolute;
	border:1px solid #999;
	background-color:#FFFFFF;
	margin:-100px 0px 0px -160px;
	float:left;
	}
	
#foto-adesivo-pequena {
	background: url(images/adesivo.jpg) no-repeat center;
	width:100px;
	height:100px;
	float:left;
	margin:0px 0px 0px 0px;
	border: 1px #999 solid;
	}

.foto-grande-adesivo a {
	height:100px;
	width:100px;
	display: block;
	}
	
.foto-grande-adesivo a:hover {
	width: 300px;
	height: 331px;
	background: url(images/adesivo-maior.jpg);
	position:absolute;
	border:1px solid #999;
	background-color:#FFFFFF;
	margin:-220px 0px 0px -160px;
	float:left;
	}

/***************************************************************************************************************


RODAPÉ


*****************************************************************************************************************/


#rodape {width:800px; height:41px;}
	
.txts_rodape {
	margin:0px 0px 0px 0px;
	color:#999;
	font-size:10px;
	}	
	
.link_rodape {
	margin:13px 0px 0px 0px;
	float:left;
	padding-left:19px;
	}
	
.endereco_rodape {
	float:right;
	margin:13px 0px 0px 0px;
	padding-right: 19px;
	text-align:left;
	}
	
	
	
	

/****************************************************************************************************************


TEXTOS


****************************************************************************************************************/

h1 {
	font-size:16px;
	font-weight: bold;
	margin: 15px 0px 0px 20px;
	}
	
h2 {
	font-size:14px;
	font-weight:bold;
	margin: 0px 0px 3px 0px;
	}
	
h3 {
	font-size:16px;
	font-weight: bold;
	margin: 5px 0px 15px 0px;
	}
	
	
p {
	margin: 0px 0px 0px 0px;
	}
	
.txt_subtitulo_cima {
	margin: 5px 0px 0px 21px;
	}
	

	
	
	
/****************************************************************************************************************


LINKS


****************************************************************************************************************/


.destaque a:link {color:#000; text-decoration: none;}
.destaque a:visited {color:#000; text-decoration: none;}
.destaque a:hover {color:#000; background-color: #EBEBEB; text-decoration: none;}
.destaque a:active {color:#000; text-decoration: none;}

.link-emt a:link {color:#000; text-decoration: none;}
.link-emt a:visited {color:#000; text-decoration: none;}
.link-emt a:hover {color:#000; background-color: #EBEBEB; text-decoration: none;}
.link-emt a:active {color:#000; text-decoration: none;}

	
/**********************************************************************************************/	
	
.link_rodape a:link {
	color:#999;
	text-decoration: none;
	}
	
.link_rodape a:visited {
	color:#999;
	text-decoration: none;
	}
	
.link_rodape a:hover {
	color:#CCC;
	text-decoration: underline;
	}
	
.link_rodape a:active {
	color:#999;
	text-decoration: none;
	}


	
/*****************************************************************************************/

a:link {
	color:#000;
	text-decoration: none;
	}
	
a:visited {
	color:#000;
	text-decoration: none;
	}
	
a:hover {
	color:#000;
	text-decoration: underline;
	}
	
a:active {
	color:#000;
	text-decoration: none;
	}
	
	
/********** EVENTOS **************/


.eventos {float:left; width:240px; margin:30px 30px 0 0; display:block;}
.eventos img {float:left; margin-right:10px; border:1px solid #000;}
.eventos a {float:left; overflow:hidden; padding:2px;}
.eventos a:hover {padding:2px; background-color:#000000; color:#FFFFFF; text-decoration:none; width:240px;}


/********** MÍDIAS SOCIAIS **************/

#box-midias-sociais {position:absolute; margin:110px auto auto 250px; width:300px; height:20px; text-align:center; color:#FFF;}