@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Quicksand:300,400,700);

h2.grupo {font-family: 'Quicksand', sans-serif; font-size:26px; font-weight:bold; color:#1C3F80; margin-bottom:20px;}
#pop {   
    margin: 0;   
    display:block;   
    position:fixed;   
    width:500px;    
    height:306px;   
    left:35%; top:45%;    
    color:#000000;      
    z-index:100;    
    text-align:center;   
    font-weight:bold; background:url(img/popup.png) no-repeat;   
}  

* {margin:0 0; padding:0 0; border:0;}

a.unidades {color:#333333; text-decoration:none;}
a.unidades:active {color:#333333; text-decoration:none;}
a.unidades:visited {color:#333333; text-decoration:none;}
a.unidades:hover {color:#000000; text-decoration:underline;}

p {text-align:justify; line-height:21px;}

p.titulo {margin-bottom:10px;}

p.escola {margin-bottom:10px;}

.tempresa {font-size:16px; font-weight:bold;}

img.topo {margin-bottom:6px;}
img.siez_corpo {margin-right:10px;}
img.abrinq {margin-right:10px; }

body { background:url(img/bg_topo.jpg) #142C5A repeat-x;
	   font-family:Arial, Helvetica, sans-serif;
	   color:#666666;
	   font-size:12px;}

#total {width:940px;
		margin:0 auto;
		}

#topo {width:900px;
	   height:150px;
	   margin:0 auto;
	   float:left;
	   padding-left:20px;
	   padding-right:20px;}

#topo #esquerdo {
				 float:left;
				 width:200px;
				 height:150px;
				 padding-top:0px;}
				 
#topo #direito {
			    width:700px;
				height:150px;
				float:left;}
				
#topo #direito #menu-horizontal{ position:relative; width:700px; height:35px; float:left;}
#topo #direito #menu-horizontal ul{ list-style:none;text-indent:-9998em;}
#topo #direito #menu-horizontal li{
      position:absolute;
      top:0;
      height:35px;
      border:0px;
    }
#topo #direito #menu-horizontal li a{
  display:block;
  text-decoration:none;
  width:100%;
  height:100%;
  top:0;
    }
	
#topo #direito #menu-horizontal li a span{
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  cursor:pointer;
}
	
#topo #direito #menu-horizontal #um{ width:89px; left:0px;}
#topo #direito #menu-horizontal #um a:hover{background:url(img/menu-horizontal.png) no-repeat 0 -35px;}
#topo #direito #menu-horizontal #um a span{background:url(img/menu-horizontal.png) no-repeat 0 0;}
#topo #direito #menu-horizontal #um a:hover span{background:url(img/menu-horizontal.png) no-repeat 0 -35px;}

#topo #direito #menu-horizontal #dois{ width:85px; left:92px;}
#topo #direito #menu-horizontal #dois a:hover{background:url(img/menu-horizontal.png) no-repeat -92px -35px;}
#topo #direito #menu-horizontal #dois a span{background:url(img/menu-horizontal.png) no-repeat -92px 0;}
#topo #direito #menu-horizontal #dois a:hover span{background:url(img/menu-horizontal.png) no-repeat -92px -35px}

#topo #direito #menu-horizontal #tres{ width:84px; left:180px;}
#topo #direito #menu-horizontal #tres a:hover{background:url(img/menu-horizontal.png) no-repeat -180px -35px;}
#topo #direito #menu-horizontal #tres a span{background:url(img/menu-horizontal.png) no-repeat -180px 0;}
#topo #direito #menu-horizontal #tres a:hover span{background:url(img/menu-horizontal.png) no-repeat -180px -35px}

#topo #direito #menu-horizontal #quatro {width:82px; left:267px;}
#topo #direito #menu-horizontal #quatro a:hover{background:url(img/menu-horizontal.png) no-repeat -267px -35px;}
#topo #direito #menu-horizontal #quatro a span{background:url(img/menu-horizontal.png) no-repeat -267px 0;}
#topo #direito #menu-horizontal #quatro a:hover span{background:url(img/menu-horizontal.png) no-repeat -267px -35px}

#topo #direito #menu-horizontal #cinco {width:81px; left:352px;}
#topo #direito #menu-horizontal #cinco a:hover{background:url(img/menu-horizontal.png) no-repeat -352px -35px;}
#topo #direito #menu-horizontal #cinco a span{background:url(img/menu-horizontal.png) no-repeat -352px 0;}
#topo #direito #menu-horizontal #cinco a:hover span{background:url(img/menu-horizontal.png) no-repeat -352px -35px}

#topo #direito #menu-horizontal #seis {width:142px; left:436px;}
#topo #direito #menu-horizontal #seis a:hover{background:url(img/menu-horizontal.png) no-repeat -436px -35px;}
#topo #direito #menu-horizontal #seis a span{background:url(img/menu-horizontal.png) no-repeat -436px 0;}
#topo #direito #menu-horizontal #seis a:hover span{background:url(img/menu-horizontal.png) no-repeat -436px -35px}

#topo #direito #menu-horizontal #sete {width:129px; left:581px;}
#topo #direito #menu-horizontal #sete a:hover{background:url(img/menu-horizontal.png) no-repeat -581px -35px;}
#topo #direito #menu-horizontal #sete a span{background:url(img/menu-horizontal.png) no-repeat -581px 0;}
#topo #direito #menu-horizontal #sete a:hover span{background:url(img/menu-horizontal.png) no-repeat -581px -35px}
				
#site {background:url(img/bg_site.png) repeat-y;
	   width:900px;
	   padding-left:20px;
	   padding-right:20px;
	   margin:0 auto;
	   float:left;}

#site #menu {
			 width:200px;
			 height:100%;
			 float:left;
			 padding-top:10px;}
			 
#site #menu #menu-vertical {position:relative; width:170px; height:144px; float:left; margin-bottom:15px;}
#site #menu #menu-vertical ul{ list-style:none;text-indent:-9998em;}
#site #menu #menu-vertical li{
      position:absolute;
      top:0;
      height:24px;
      border:0px;
    }
#site #menu #menu-vertical li a{
  display:block;
  text-decoration:none;
  width:100%;
  height:100%;
  top:0;
    }
	
#site #menu #menu-vertical li a span{
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  cursor:pointer;
}
			 
#site #menu #menu-vertical #um{ width:170px; left:0px;}
#site #menu #menu-vertical #um a:hover{background: url(img/menu-vertical.png) no-repeat 0 -144px;}
#site #menu #menu-vertical #um a span{background:url(img/menu-vertical.png) no-repeat 0 0;}
#site #menu #menu-vertical #um a:hover span{background:url(img/menu-vertical.png) no-repeat 0 -144px;}

#site #menu #menu-vertical #dois{ width:170px; left:0px; top:24px;}
#site #menu #menu-vertical #dois a:hover{background: url(img/menu-vertical.png) no-repeat 0 -168px;}
#site #menu #menu-vertical #dois a span{background:url(img/menu-vertical.png) no-repeat 0 -24px;}
#site #menu #menu-vertical #dois a:hover span{background:url(img/menu-vertical.png) no-repeat 0 -168px;}

#site #menu #menu-vertical #tres{ width:170px; left:0px; top:48px;}
#site #menu #menu-vertical #tres a:hover{background: url(img/menu-vertical.png) no-repeat 0 -192px;}
#site #menu #menu-vertical #tres a span{background:url(img/menu-vertical.png) no-repeat 0 -48px;}
#site #menu #menu-vertical #tres a:hover span{background:url(img/menu-vertical.png) no-repeat 0 -192px;}

#site #menu #menu-vertical #quatro{ width:170px; left:0px; top:72px;}
#site #menu #menu-vertical #quatro a:hover{background: url(img/menu-vertical.png) no-repeat 0 -216px;}
#site #menu #menu-vertical #quatro a span{background:url(img/menu-vertical.png) no-repeat 0 -72px;}
#site #menu #menu-vertical #quatro a:hover span{background:url(img/menu-vertical.png) no-repeat 0 -216px;}

#site #menu #menu-vertical #cinco{ width:170px; left:0px; top:96px;}
#site #menu #menu-vertical #cinco a:hover{background: url(img/menu-vertical.png) no-repeat 0 -240px;}
#site #menu #menu-vertical #cinco a span{background:url(img/menu-vertical.png) no-repeat 0 -96px;}
#site #menu #menu-vertical #cinco a:hover span{background:url(img/menu-vertical.png) no-repeat 0 -240px;}

#site #menu #menu-vertical #seis{ width:170px; left:0px; top:120px;}
#site #menu #menu-vertical #seis a:hover{background: url(img/menu-vertical.png) no-repeat 0 -264px;}
#site #menu #menu-vertical #seis a span{background:url(img/menu-vertical.png) no-repeat 0 -120px;}
#site #menu #menu-vertical #seis a:hover span{background:url(img/menu-vertical.png) no-repeat 0 -264px;}
			 
.mais-detalhes {width:200px; height:56px; float:left;}
.mais-detalhes a span { /* seletor contextual */
display:none;    /* esconde */
}

			 
img.parceiros { margin-top:10px; margin-bottom:20px;}
#site #menu img.conheca_cursos {margin-top:10px;}

#site #conteudo {
	width:660px;
	padding:20px 20px;
	float:left;

}

#site #conteudo img.apresentacao {margin-bottom:20px;}

#site #conteudo #lados { width:660px; float:left; height:auto; margin-top:20px; }

#site #conteudo #lados #lado01 {width:340px;
						 float:left;}

#site #conteudo #lados #lado01 #ultimas_noticias {width:340px;
										   float:left;}
										   					 
#site #conteudo #lados #lado02 {width:660px;
						 float:left;}

#site #conteudo #lados #lado02 #login {width:300px;
								float:left;}
								
#site #conteudo .cursos_online_informatica {width:280px; height:110px; padding:10px 10px 0px 10px; margin-bottom:20px; margin:0 auto; border:#E0E0E0 1px solid; margin-bottom:20px;}

#site #conteudo #lados #lado02 #login .atendimento_online {width:280px; height:82px; background:url(img/bg_atendimento.jpg) no-repeat; padding:10px 10px 0px 10px;}

#site #conteudo #lados #lado02 #login .atendimento_online p {margin-bottom:5px;}

#site #conteudo #lados #lado02 #newsletter {width:660px;
										   float:left;
										  }
										  
#site #conteudo #lados #lado02 #newsletter #news { background:#FFFFFF; border:1px solid #E3E6EA; width:638px; height:auto; padding:5px 10px 5px 10px;}
								
#site #conteudo #lados #lado01 #vagas_emprego { width:340px;
										 float:left;}
										 
#site #conteudo #lados #lado02 #indique {width:300px;
								  height:123px; float:left; margin-bottom:20px;}
								  
#site #conteudo #divisao {background:#142C5A; width:660px; height:6px; float:left; margin-bottom:20px; margin-top:20px;}

#site #conteudo #cursos-online-home {width:320px; float:left;}
#site #conteudo #cursos-online-home .chamadas {width:310px; height:auto; border:1px solid #CCCCCC; padding:4px 4px; float:left; color:#69779A; font-size:18px; margin-bottom:10px; line-height:20px;} 
#site #conteudo #cursos-online-home .chamadas img {margin-right:10px;}
#site #conteudo #cursos-online-home .chamadas .descri {font-size:12px; font-weight:normal;}

#site #conteudo #cursos-online-home .chamadas a {color:#2F3D7C; text-decoration:none;}
#site #conteudo #cursos-online-home .chamadas a:active {color:#2F3D7C; text-decoration:none;}
#site #conteudo #cursos-online-home .chamadas a:visited {color:#2F3D7C; text-decoration:none;}
#site #conteudo #cursos-online-home .chamadas a:hover {color:#000000; text-decoration:none;}

#site #conteudo #cursos-presenciais-home {width:320px; float:right;}
#site #conteudo #cursos-presenciais-home .chamadas {width:310px; height:auto; border:1px solid #CCCCCC; padding:4px 4px; float:left; color:#69779A; font-size:18px; margin-bottom:10px; line-height:20px;}
#site #conteudo #cursos-presenciais-home .chamadas img {margin-right:10px;}
#site #conteudo #cursos-presenciais-home .chamadas .descri {font-size:12px; font-weight:normal;}

#site #conteudo #cursos-presenciais-home .chamadas a {color:#2F3D7C; text-decoration:none;}
#site #conteudo #cursos-presenciais-home .chamadas a:active {color:#2F3D7C; text-decoration:none;}
#site #conteudo #cursos-presenciais-home .chamadas a:visited {color:#2F3D7C; text-decoration:none;}
#site #conteudo #cursos-presenciais-home .chamadas a:hover {color:#000000; text-decoration:none;}

#site #conteudo #cursos-presenciais-home .chamadas{margin-bottom:10px;}
#site #conteudo #rodape {
	background:#E3E6EA;
	width:650px;
	padding:20px 5px;
	color:#333333;
	float:left;
	margin-top:20px;
	text-align:center;
}
						 
.news {width:200px;border:1px solid #999999;background:#F4F4F4; color:#666666;}
.online {width:235px;border:1px solid #999999;background:#F4F4F4;color:#666666;}
.indicacao {width:130px;border:1px solid #F56F5B;background:#FEE1D8; margin-bottom:2px; color:#999999;}

.negrito {font-weight:bold; font-size:16px;}
.quatro {font-size:14px;}

a.linkgeral {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	outline:none;
}
a:link.linkgeral {
	text-decoration:none;
}
a:visited.linkgeral {
	text-decoration:none;
}
a:hover.linkgeral {
	color:#000000;
	text-decoration:none;
}
a:active.linkgeral {
	text-decoration:none;
}

#contato_esquerdo {width:320px; float:left;}
#contato_direito {width:320px; float:right;}

form.contato{margin:0 auto; width:660px;}
form.contato label{margin:10px 0px;width:110px;}
form.contato input, textarea, select{width:320px;border:1px solid #CDCECE;background:#F3F3F3;font-weight:bold; margin-top:5px; margin-bottom:8px;}
form.contato textarea{height:200px;overflow:auto;font-weight:bold;}
form.contato button{margin:0 auto;cursor:pointer;border:0;background:0; float:right;}

form.contato input.uf {width:100px;}
form.contato label.teste {width:100px; float:left; margin:0px 10px 0px 0px;}
form.contato label.teste2 {width:100px; float:right; margin-top:0px;}

form.contato label.telefone {width:155px; margin:0px 10px 0px 0px; float:left;}
form.contato label.telefone2 {width:155px; float:right; margin-top:0px;}
form.contato input.tel {width:155px;}

ul.empresa {margin-left:10px; padding-left:10px;}
li.empresa{margin-bottom:10px;}

a.escola {text-decoration:underline;color:#666666;}
a.escola:active {text-decoration:underline;color:#666666;}
a.escola:visited {text-decoration:underline;color:#666666;}
a.escola:hover {color:#666666; text-decoration:overline;}

#tela_indicacao {background:url(img/indicacao.jpg) no-repeat;
				 width:492px;
				 height:150px;
				 margin:0 auto;
				 padding:134px 0px 0px 28px;
				 margin-bottom:20px;
				 }

#tela_indicacao #indica_nome {width:210px; float:left; margin-right:23px; margin-bottom:60px;}
#tela_indicacao #indica_email {width:210px; float:left; margin-bottom:60px;}
#tela_indicacao #indicado_nome {width:210px; float:left; margin-right:23px; display:block;}
#tela_indicacao #indicado_email {width:210px; float:left; display:block;}

#unidade_selecionada { background:url(img/bg_unidade.jpg) no-repeat;
						width:500px;
						height:41px;
						margin:0 auto;
						padding-top:35px;
						padding-left:20px;
						margin-bottom:20px;}

#tela_indicacao #premio2 {width:250px;
						   float:left;
						   margin-left:54px;
						   margin-top:13px;}
						   
#tela_indicacao #btn_indicar2 {width:120px;
							   height:25px;
							   float:right;
							   margin-right:25px;
							   margin-top:20px;}
							   
#tela_indicacao_enviada { background:url(img/bg_indicacao_premiada_enviada.jpg) no-repeat;
				 width:520px;
				 height:150px;
				 margin:0 auto;
				 padding:134px 0px 0px 0px;
				 margin-bottom:20px;
				 }
				 
#pagseguro_index {width:124px;
				  height:283px;
				  margin:0 auto;}
				  
#fotos88 {width:660px;
		  float:left;}
		  
li.escola {line-height:21px; margin-bottom:5px;}
ul.escola { margin-bottom:10px; margin-left:10px; padding-left:10px;}

.vinte {font-size:16px;}

.red {color:#F00F00;}

form.franquia{margin:0 auto; width:660px;}
form.franquia label{margin:10px 7px; width:300px;}
form.franquia input{width:260px;border:1px solid #CDCECE;background:#F3F3F3;font-weight:bold; margin-top:9px; margin-bottom:0px;}

form.franquia label.menor{margin:10px 7px;width:200px;}
form.franquia input.menor{width:120px;border:1px solid #CDCECE;background:#F3F3F3;font-weight:bold; margin-top:9px; margin-bottom:0px;}

form.franquia input.uf{width:40px;border:1px solid #CDCECE;background:#F3F3F3;font-weight:bold; margin-top:9px; margin-bottom:0px; margin-right:80px; }

form.franquia input.teste{width:60px;border:1px solid #CDCECE;background:#F3F3F3;font-weight:bold; margin-top:9px; margin-bottom:0px; }

form.franquia label.menor2{margin:10px 7px;width:270px;}
form.franquia input.menor2{width:180px;border:1px solid #CDCECE;background:#F3F3F3;font-weight:bold; margin-top:9px; margin-bottom:0px;}

form.franquia label.menor3{margin:10px 7px;width:200px;}

form.franquia label.maior{margin:10px 7px;width:300px;}
form.franquia input.maior{width:160px;border:1px solid #CDCECE;background:#F3F3F3;font-weight:bold; margin-top:9px; margin-bottom:0px;}

form.franquia label.informacoes{margin:20px 7px; width:30px;}
form.franquia textarea.informacoes{width:400px; height:50px;border:1px solid #CDCECE;background:#F3F3F3;font-weight:bold; margin-top:9px; margin-bottom:0px; margin-left:7px; }
form.franquia input.enviar {margin-top:50px; width:60px;}

.oito { font-size:9px;}

form.matricula{margin:0 auto; width:440px;}
form.matricula label{margin:10px 0px;width:340px;}
form.matricula input, textarea, select{width:320px;border:1px solid #CDCECE;background:#F3F3F3;font-weight:bold; margin-top:5px; margin-bottom:8px; right:0px;}
form.matricula input.maior{width:430px;border:1px solid #CDCECE; background:#FFFF99;font-weight:bold; margin-top:5px; margin-bottom:8px;}
form.matricula input.cidade{width:250px;border:1px solid #CDCECE;background:#FFFF99;font-weight:bold; margin-top:5px; margin-bottom:8px;}
form.matricula input.fone{width:130px;border:1px solid #CDCECE;background:#F3F3F3;font-weight:bold; margin-top:5px; margin-bottom:8px;}
form.matricula input.cpf{width:130px;border:1px solid #CDCECE;background:#F3F3F3;font-weight:bold; margin-top:5px; margin-bottom:8px;}
form.matricula input.nascimento{width:110px;border:1px solid #CDCECE;background:#F3F3F3;font-weight:bold; margin-top:5px; margin-bottom:8px; float:right;}
form.matricula input.menor{width:30px;border:1px solid #CDCECE;background:#FFFF99;font-weight:bold; margin-top:5px; margin-bottom:8px;}
form.matricula input.menor2{width:30px;border:1px solid #CDCECE;background:#F3F3F3;font-weight:bold; margin-top:5px; margin-bottom:8px;}
form.matricula textarea{height:200px;overflow:auto;font-weight:bold;}
form.matricula button{margin:0 auto;cursor:pointer;border:0;background:0; float:right; margin-top:5px; font-size:18px; font-family:Tahoma, Geneva, sans-serif; color:#4173A5;}