/*////////////////////////////////////////////////////////////////////////////////
//          Desenvolvido por Vizzia Agência Digital   		                    //
//      URL:www.vizzia.com  |  E-mail: info@vizzia.com                          //
//       Parte Integrante do web site www.cepg.com.br                           //
////////////////////////////////////////////////////////////////////////////////*/

/* CSS Document */

body{
  background:url(../imagem/bg_body.jpg) no-repeat top #015071; 
  margin:0px;
  padding:0px;
}

#sky{
  float:inherit;
  width:550px;
  position:absolute;
  left:50%;
  margin: 5px 0px 0px -275px;
}

#principal{
  width:750px;
  height:410px;
  margin:10px auto 0px auto;
}

#colunaMenu{
  float:left;
  width:170px;
  height:455px;
  margin:0px;
  padding:0px;
}

#colunaMenu ul{
  width:160px;
  margin:30px 0px 0px 5px;
  padding:10px 0px 0px 0px;
}

#colunaMenu ul li{
  list-style:none;
  width:160px;
  height:40px;
  margin:0px;
  padding:0px;
  overflow:hidden;
}

* html #colunaMenu ul li{
  margin:-4px 0px 0px 0px;
}

#colunaMenu ul li span{
  display:none;
}

#colunaMenu ul li a{
  width:160px;
  height:40px;
  display:block;
}

#menuQuem a{
  background:url(../imagem/btn_quem.png) no-repeat;
}


#menuCursos a{
  background:url(../imagem/btn_cursos.png) no-repeat;
}


#menuParceiros a{
  background:url(../imagem/btn_parceiros.png) no-repeat;
}


#menuCertificacao a{
  background:url(../imagem/btn_certificacao.png) no-repeat;
}


#menuContato a{
  background:url(../imagem/btn_contato.png) no-repeat;
}

#cepg{
  width:160px;
  height:145px;
  margin-left:5px;
}
#cepg h1{
  display:none;
}

#cepg a span{
  display:none;
}
#cepg a{
  width:160px;
  height:145px;
  background:url(../imagem/logo_salutte_site.png) no-repeat top;
  display:block;
}

#colunaTexto{
  float:left;
  background:url(../imagem/bg_texto.jpg) no-repeat top;
  width:363px;
  min-height:375px;
  margin:0px 0px 0px 1px;
  padding:0px;  
}

* html #colunaTexto{
  height:375px;
}

#colunaTexto p{
  margin:10px 15px 5px 25px;
  padding:0px;
  font-family:Arial, Verdana, Tahoma, sans-serif;
  font-size:11px;
  color:#FFFFFF;
}

#colunaTexto p a{
  color:#CF6211;
  text-decoration:none;
}

#colunaTexto p a:hover{
  color:#62A624;
}

#colunaTexto p u{
  color:#CF6211;
}

#colunaTexto h1{
  display:none;
}

.imgTitulo{
  border:none;
  width:350px;
  height:38px;
  margin:38px 0px 0px 7px;
  padding:0px;
}

#colunaTexto h3{
  display:block;
  height:22px;
  width:350px;
  margin:10px 0px 0px 10px;
  padding:0px;
}

#colunaTexto h3 span{
  display:none;
}

#objetivos{
  background:url(../imagem/sub_objetivos.jpg) no-repeat top;
}

#carga{
  background:url(../imagem/sub_carga.jpg) no-repeat top;
}

#conteudo{
  background:url(../imagem/sub_conteudo.jpg) no-repeat top;
}

#documentos{
  background:url(../imagem/sub_documentos.jpg) no-repeat top;
}

#publico{
  background:url(../imagem/sub_publico.jpg) no-repeat top;
}

#docente{
  background:url(../imagem/sub_docente.jpg) no-repeat top;
}

#inscricoes{
  background:url(../imagem/sub_inscricoes.jpg) no-repeat top;
}

#horario{
  background:url(../imagem/sub_horario.jpg) no-repeat top;
}

#investimento{
  background:url(../imagem/sub_investimento.jpg) no-repeat top;
}

#informacoes{
  background:url(../imagem/sub_informacoes.jpg) no-repeat top;
}

#locais{
  background:url(../imagem/sub_locais.jpg) no-repeat top;
}

#destaqueEstudar{
  float:left;
  background:url(../imagem/quero_estudar.jpg) no-repeat;
  width:340px;
  height:150px;
  margin:30px 0px 0px 10px;
  padding:0px;
}

#destaqueEstudar p{
  width:150px;
  height:75px;
  margin:75px 0px 0px 175px;
  padding:0px;
}

#destaqueConheca{
  background:url(../imagem/conheca_cepg.jpg) no-repeat top;
  float:left;
  width:340px;
  height:100px;
  margin:20px 0px 0px 10px;
  padding:0px;
}

#destaqueConheca p{
  width:190px;
  height:65px;
  margin:30px 0px 0px 20px;
  padding:0px;
}

#destaqueParceiros{
  background:url(../imagem/nossos_parceiros.jpg) no-repeat top;
  float:left;
  width:340px;
  height:100px;
  margin:45px 0px 0px 5px;
  padding:0px;
}

#destaqueParceiros p{
  width:190px;
  height:65px;
  margin:30px 0px 0px 150px;
  padding:0px;
}

#colunaTexto ul{
  background:#993300;
  width:360px;
  list-style:none;
  display:inline;
  margin:0px;
  padding:0px;
  text-align:center; 
}

#colunaTexto ul li{
  float:left;
  width:130px;
  height:130px;
  margin:5px 0px 0px 35px;
  padding:0px;
  overflow:hidden;
}

* html #colunaTexto ul li{
  margin:5px 10px 0px 20px;
}

.moldura{
  background:url(../imagem/moldura_cursos.png) no-repeat top left;
  width:130px;
  height:135px;
  padding:0px;  
  overflow:visible;
  text-align:center;
}

.moldura a{
  font-family:Arial, Verdana, Tahoma, sans-serif;
  font-size:11px;
  color:#FFFFFF;
  text-decoration:none;
}

* html .moldura a{
  line-height:12px;
  vertical-align:bottom;
}

.moldura a:hover{
  color:#CF6211;
}

.imgMoldura{
  width:120px;
  height:75px;
  border:none;
  margin:5px 0px 5px 0px;
  padding:0px;
}

* html .imgMoldura{
  margin-bottom:2px;
}

#formularioContato{
  width:280px;
  margin:10px 0px 0px 40px;
  padding:0px;
}

#formularioContato form{
  width:280px;
  font-family:Arial, Verdana, Tahoma, sans-serif;
  font-size:11px;
  color:#FFFFFF;
  margin:0px;
  padding:0px;
}

.txtContato{ 
  background:url(../imagem/bg_input.png) repeat-x #FFFFFF;
  border:1px solid #0E4D2D;
  width:260px;
  height:14px;
  margin:1px 0px;
  padding:2px;
  font-family:Arial, Verdana, Tahoma, sans-serif;
  font-size:11px;
  color:#0D2B08;
}

.frmTextarea{
  background:url(../imagem/bg_textarea.png) repeat-x #FFFFFF;
  border:1px solid #0E4D2D;
  width:260px;
  height:80px;
  padding:2px; 
  font-family:Arial, Verdana, Tahoma, sans-serif;
  font-size:11px;
  color:#0D2B08; 
}

.btnContato{
  width:122px;
  height:20px;
  margin:10px 0px 5px 5px;
  padding:0px;
  border:none;
}

#colunaImagem{
  float:left;
  background:url(../imagem/bg_imagem.jpg) no-repeat top;
  width:215px;
  margin:0px;
  padding:0px;
}

.imgflash{
  width:191px;
  height:360px;
  padding:0px;
  margin:8px 0px 0px 12px;
}

#botoes{
  width:350px;
  height:20px;
  margin:10px 0px 5px 10px;
  padding:0px;
  text-align:center;
}

#telefones{
  background:url(../imagem/telefones.png) no-repeat center;
  height:80px;
  width:215px;
  margin-top:7px;
}

#quality{
  background:url(../imagem/parceiros/qualitybox.jpg) no-repeat center;
  width:215px;
  height:215px;
  margin:17px 0px 0px 0px;
}

#rodape{
  position:relative;
  margin-top:40px;
  background:url(../imagem/bg_rodape.gif) no-repeat;

  width:750px;
  height:40px;
  padding:0px;
  
}

#rodape ul{
  float:left;
  width:300px;
  height:20px;
  margin:6px 0px 0px 15px;
  padding:0px;
  overflow:hidden;
}

* html #rodape ul{
  margin:5px 0px 0px 8px;
}

#rodape ul li{
  width:20px;
  list-style:none;
  display:inline;
  margin:0px 0px 0px -2px;
  padding:0px 0px 0px 5px;
  overflow:hidden;
}



#rodape ul li a{
  font-family:Arial, Verdana, Tahoma, sans-serif;
  font-size:9px;
  color:#CFD3CD;  
  text-decoration:none;  
  margin:0px;
  padding:0px;
}

#rodape ul li a:hover{
  color:#D16110;
}

#vizzia{
  float:left;
  width:300px;
  height:18px;
  margin:8px 0px 0px 80px;
  padding:0px;
  overflow:hidden;
  font-family:Arial, Verdana, Tahoma, sans-serif;
  font-size:9px;
  color:#FFFFFF;  
  line-height:10px;
}

.imglink{
  vertical-align:text-bottom;
  border:none;
  margin:0px;
  padding:0px;
}

#imgucb{
  border:none;
  margin-left:10px;
  padding:0px;
}

#copyright{
  float:left;
  width:200px;
  margin:5px 0px 0px 5px;
  padding:0px;
  font-family:Arial, Verdana, Tahoma, sans-serif;
  font-size:9px;
  color:#CED2CD;
}

.oculto{
  display:none;
}

#player{
  float:left;
  width:320px;
  height:25px;
  margin:5px 0px 0px 15px;
  padding:0px;
  text-align:center;
}
