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

body{
  margin:0px;
  padding:0px;
  background:url(../imagens/design/bgbody.png) repeat-x top #FFFDE6;
  font-family:"Trebuchet MS", Arial, sans-serif; 
}

#principal{
  width:780px;
  margin:5px auto 0px auto;
  padding:0px;
  overflow:visible;
}

#topo{
  background:url(../imagens/design/bgtopo.png) repeat-x;
  width:780px;
  height:80px;
  margin:0px;
  padding:0px;
}

#topo h1{
  margin:0px;
}


#topo h1 a{
  background:url(../imagens/design/logocdl.png) no-repeat top;
  width:198px;
  height:80px;
  margin:0px 0px 0px 10px;
  padding:0px;
  display:block;  
}

#topo h1 span{
  display:none;
}

/*#topo h1{
  background:url(../imagens/design/logocdl.png) no-repeat top;
  width:150px;
  height:80px;
  margin:0px 0px 0px 10px;
  padding:0px;  
}*/




/* ============================ FORMATAÇÃO BÁSICA DE TEXTOS =============================*/

#colunaConteudo h1{
  width:380px;		
  font-size:22px;
  color:#06375B;
  padding:0px;
  margin:20px 15px 10px 15px;
}

#colunaConteudo img{
  border:1px solid #CCCCCC;
  padding:5px;
  margin:10px 15px;  	
}

#colunaConteudo p{
  padding:0px;
  margin:10px 20px;
  font-size:13px;
  color:#585B61;
  text-align:justify;
  text-indent:20px;	
}

#colunaConteudo a{
  text-decoration:none;
  color:#225486;
  font-weight:bold;
}

#colunaConteudo a:hover{
  color:#00711F;	
}

/* === FIM FORMATAÇÃO BÁSICA DE TEXTOS ===*/

#painelDestaques{
  background:#79796D;
  width:780px;
  height:200px;
  margin:5px 0px 5px 0px;
  padding:0px;
}

#painelFotos{	
  float:left;
  width:570px;
  height:200px;
  overflow:hidden;	
}

#painelRelogio{
  float:right;
  width:210px;
  height:200px;	
  text-align:center;	
  color:#ffffff;
  font-size:11px;
}

#dataPainelRelogio{
  background:#616157;
  width:210px;
  height:20px;
  margin:10px 0px 0px 0px;
  padding:5px 0px 0px 0px;
  overflow:hidden; 
}

#relogio{	
  width:210px;	
  height:122px;
}

#buscaPainelRelogio{
  background:#494941;
  height:28px;
  width:210px;	
  overflow:hidden;
  padding:5px 0px 0px 0px;
}

#buscaPainelRelogio form{	
  margin:0px 0px 0px 5px;
  padding:0px;	
}

.txtFormBusca{
  background:url(../imagens/design/backgroundform.png) repeat-x left top #ffffff;
  height:15px;
  width:130px;
  border:2px solid #333333;
  margin:0px 0px 0px 3px;
  padding:2px 0px 0px 2px;
  font-size:11px;
  color:#333333;
}

.btnFormBusca{
  float:right;
  margin:0px 5px 0px 0px;
}

/* - FORMATAÇÃO DOS MENUS - */
#colunaMenu{
  float:left;
  background:url(../imagens/design/bgmenu.png) repeat-y top #004182;
  width:180px;
  margin:0px 0px 5px 0px;
  padding:0px 0px 15px 0px;
  font-size:11px;
}

#colunaMenu h3{
  width:180px;
  height:20px;
  margin:10px 0px 5px 0px;
  padding:0px;
}

#colunaMenu h3 span{
  display:none;
}

#colunaMenu ul{
  margin:8px 0px 0px 10px;
  padding:0px;
  list-style:none;	
}

#colunaMenu ul li{
  width:154px;
  margin:0px;
  padding:2px 2px 1px 2px;	
  border-top:1px solid #004182;
  border-bottom:1px solid #06375B;
}

#colunaMenu ul li a{
  width:140px;
  display:block;
  padding:0px 8px;
  color:#ffffff;
  text-decoration:none; 	
}

#colunaMenu ul li a:hover{
  background:#114B77;
}

/* -- SEÇÕES DO MENU -- */
#CDLinstitucional{
  background:url(../imagens/design/titulocdlinstitucional.png) no-repeat;
}

#CDLassociados{
  background:url(../imagens/design/titulocdlassociados.png) no-repeat;
}

#CDLservicos{
  background:url(../imagens/design/titulocdlservicos.png) no-repeat;
}

#CDLonline{
  background:url(../imagens/design/titulocdlonline.png) no-repeat;
}

/* - FORMATAÇÃO CONTEÚDO DO PORTAL - */

#colunaConteudo{
  float:left;
  background:#ffffff;
  width:420px;
  margin:0px 10px 5px 10px;
  padding:0px;
}

#colunaConteudo h3{
  margin:10px 0px 0px 10px;
  padding:0px;	
}

#colunaConteudo h3 span{
  display:none;	
}

/* -- FORMATAÇÃO CONTEÚDO PÁGINA PRINCIPAL -- */


/* FORMATAÇÃO DOS TÍTULOS DAS SEÇÕES DO PORTAL */
#tituloNoticias{
  height:17px;
  width:397px;
  background:url(../imagens/design/titulonoticias.png) no-repeat top left;
}

#tituloInstitucional{
  height:17px;
  width:397px;
  background:url(../imagens/design/tituloinstitucional.png) no-repeat top left;
}

#tituloAssociados{
  height:17px;
  width:397px;
  background:url(../imagens/design/tituloassociados.png) no-repeat top left;
}

#tituloServicos{
  height:17px;
  width:397px;
  background:url(../imagens/design/tituloservicos.png) no-repeat top left;
}

#tituloOnline{
  height:17px;
  width:397px;
  background:url(../imagens/design/tituloonline.png) no-repeat top left;
}


#noticiaManchete{
  width:400px;
  height:150px;
  margin:0px 10px;
  padding:10px 0px;
}

#noticiaManchete h2{
  margin:0px;
  padding:0px;
  font-size:14px;
  color:#364347;	
}

#noticiaManchete p{
  margin:10px 10px 10px 160px;
  font-size:12px;
  color:#585B61;
  text-align:justify;
  text-indent:0px;	
}

#imagemNoticiaManchete{
  background:#D8D7C2;
  float:left;
  width:150px;
  height:125px;
  margin:5px 0px 0px 0px;	
}

#imagemNoticiaManchete img{
  border:0px;
  margin:0px;
  padding:0px;
}

#painelNoticias{
  width:400px;
  margin:0px 10px;
  padding:0px;
  border-top:1px solid #E1E3E4;
  font-weight:bold;
  font-size:12px;
  clear:both;
}

#painelNoticias ul li a{
  margin:5px 10px 0px 10px;
  text-decoration:none;
  color:#364347;	
}

#painelNoticias ul li a:hover{
  color:#00711F;	
}

#painelNoticias ul{
  margin:0px;
  padding:0px;
  list-style:none;	
}

#painelNoticias ul li{
  width:400px;
  height:19px;
  padding:3px 0px 0px 0px;
  margin:0px;
  border-bottom:1px solid #E1E3E4;
  overflow:hidden;
}

#painelNoticias ul li span{
  float:right;
  padding:0px;
  margin:-2px 0px 0px 0px;		
  background:#E9EDDF;
  padding:2px 5px;
  font-size:11px;
  color:#364347;
}

#painelDiscussao{
  width:190px;	
  height:148px;
  margin:10px 0px 0px 10px;
  overflow:hidden;
}

#painelDiscussao a{
 background:url(../imagens/design/bannerBalcao.png) no-repeat;
 width:190px;
 height:148px;
 display:block;
}

#secoesDestaque{
  float:right; 
  background:#06375B;
  width:200px;
  height:339px;
  margin:10px 10px 0px 0px;
  padding:0px;
  font-size:11px;
}

* html #secoesDestaque{
  margin-right:5px;	
}

#secoesDestaque h2{
  height:18px;
  width:180px;
  margin:0px;
  padding:0px;	
}

#secoesDestaque h2 a{
  display:block;
  width:180px;
  height:18px;
}

#secoesDestaque h2 a span{
  display:none;
}

#secoesDestaque ul{
  margin:5px 0px 0px 0px;
  padding:0px;
  list-style:none;	
}

#secoesDestaque ul li{
  background:url(../imagens/design/fundosecaodestaque.png) #134163;
  width:190px;
  height:50px;
  margin:1px 5px 0px 5px;
  padding:0px;
  overflow:hidden;	
}

* html #secoesDestaque ul li{
  margin:-1px 5px 0px 5px;
}

#secoesDestaque p{
  margin:5px 7px;
  padding:0px;
  line-height:12px;
  font-size:11px;
  text-indent:0px;
  text-align:left;	
}

#secoesDestaque p a{
  color:#ffffff;	
  text-decoration:none;
}

#secoesDestaque p a:hover{
  color:#9DCBEC;
}

#boxNewsletter{
  background:url(../imagens/design/fundosecaodestaque.png) #134163;	
  width:190px;
  height:125px;	
  margin:1px 5px;
  padding:0px;
  overflow:hidden;
}

* html #boxNewsletter{
  margin:-1px 5px;	
}

#boxNewsletter p{
  color:#ffffff;
  font-size:12px;
  padding:5px 0px 0px 0px;	
}

#tituloDestaqueAssociese{
  background:url(../imagens/design/tituloassociese.png) no-repeat left top;	
}

#tituloDestaqueDescontos{
  background:url(../imagens/design/titulodescontos.png) no-repeat left top;	
}

#tituloDestaqueEmpregos{
  background:url(../imagens/design/tituloempregos.png) no-repeat left top;	
}

#tituloDestaqueAssociado{
  background:url(../imagens/design/titulocursos.png) no-repeat left top;	
}

#tituloDestaqueNovidades{
  background:url(../imagens/design/titulonovidades.png) no-repeat left top;	
}

#secoesDestaque form{
  margin:0px 5px;
  padding:0px;
  color:#ffffff;	
}

.txtBoxNewsletter{	
  height:16px;
  width:135px;
  background:url(../imagens/design/backgroundform.png) repeat-x left top;
  border:2px solid #06375B;
  padding:1px 0px 0px 1px;
  margin:1px 0px 0px 0px;
  font-size:11px;
  color:#06375B;	
}

* html .txtBoxNewsletter{
  margin:-1px 0px 0px 0px;
}

.btnBoxNewsletter{	
  margin:5px 0px 0px 110px;
}

#enquete{
  background:#D8D7C2;	
  width:190px;
  height:173px;	
  margin:10px 0px 10px 10px;
  padding:8px 0px 0px 0px;
  font-size:11px;
  color:#364347;
}

#enquete h3{
  margin:0px;
}

#enquete h3 span{
  display:none;	
}

#tituloEnquete{
  height:21px;
  width:190px;
  background:url(../imagens/design/tituloenquete.png) no-repeat left top;
}

#enquete p{
  margin:5px 15px;
  font-size:11px;
  text-indent:0px;
  color:#585B61;
  text-align:left;	
}

#enquete ul{
  margin:10px 0px 0px 0px;
  padding:0px;
  list-style:none;	
}

#enquete ul li{
  margin:5px 15px;
  padding:0px;	
}

#enquete ul li a{
  background:url(../imagens/design/botaoopcaoenquete.png) no-repeat left top;
  padding:0px 0px 0px 20px;	
  text-decoration:none;
  color:#585B61;
}

#enquete ul li a:visited{
  background:url(../imagens/design/botaorespostaenquete.png) no-repeat left top;
  padding:0px 0px 0px 20px;	
  color:#00711F;
  font-weight:bold;
}

#enquete ul li a:hover{
  background:url(../imagens/design/botaorespostaenquete.png) no-repeat left top;
  padding:0px 0px 0px 20px;
  color:#00711F;
  font-weight:bold;	
}

/* - FORMATAÇÃO DAS PUBLICIDADES- */

#colunaPublicidade{
  float:left;
  background:#F3F1E9;
  width:160px;
  margin:0px 0px 5px 0px;
  padding:0px 0px 10px 0px;
}

#colunaPublicidade h3{
  width:160px;
  height:20px;
  margin:10px 0px 5px 0px;
  padding:0px;
}

#colunaPublicidade h3 span{
  display:none;
}

#CDLparceiros{
  background:url(../imagens/design/titulocdlparceiros.png) no-repeat top;
}

#boxParceiros{
  border:1px solid #D8D7C2;	
  width:140px;
  height:120px;	
  margin:10px 0px 5px 10px;
  padding:0px;
  overflow:hidden;
}

#CDLpublicidade{
  background:url(../imagens/design/titulocdlpublicidade.png) no-repeat top;
}

.publicidadeBannerTopo{
  background:url(../imagens/design/avisopublicidade.png) top left no-repeat;	
  float:right;	
  height:60px;
  width:478px;
  margin:10px 0px 0px 0px;
  padding:0px 20px 0px 10px;
}

.publicidadeSelo{
  background:#D8D7C2;	
  height:40px;
  width:140px;
  margin:2px 0px 0px 10px;
  padding:5px 0px 0px 0px;
  text-align:center;
}

.publicidadeVerticalBanner{
  background:#D8D7C2;	
  height:202px;
  width:140px;
  padding:5px 0px 0px 0px;
  margin:2px 0px 0px 10px;
  text-align:center;
}


/* - FORMATÇÃO RODAPÉ - */

#rodape{
  background:url(../imagens/design/rodapecdlcampinas.png) no-repeat top left #F3F1E9;
  width:780px;
  height:20px;
  margin:0px;
  padding:5px 0px 0px 0px;
  clear:both;
  overflow:hidden;
  text-align:center;
  font-size:11px;
}

#rodape ul{
  margin:0px;
  padding:0px;
  list-style:none;	
}

#rodape ul li{
  margin:0px 2px;
  padding:0px;	
  display:inline;	
}

#rodape ul li a{
  color:#585B61;
  text-decoration:none;
}

#rodape ul li a:hover{
  color:#06375B;
}

#rodape span{
  float:right;	
  padding:0px;
  margin:-20px 0px 0px 0px;	
}

/*======= CLASSES GENÉRICAS =======*/

.linkImagem{
  margin:0px;
  padding:0px;	
  border:none;
}

.bug{
  width:300px;
  height:1px;
  overflow:hidden;	
  clear:both;	
}

.leiaMais{
  margin:0px;
  padding:0px 10px 0px 0px; 
  font-size:11px;
  font-weight:bold; 
  text-align:right;	
}

.leiaMais a{
  color:#225486;
  text-decoration:none;	
}

.leiaMais a:hover{
  color:#00711F;	
}

.publicacaoInfo{
  font-size:10px;
  color:#585B61;
  font-style:italic;
  margin:0px 20px;	
}

#paginas{
  background:#F3F1E9;
  width:400px;
  min-height:18px;
  margin:10px 10px 10px 10px;
  padding:2px 0px 0px 0px;
  text-align:center;
  font-size:11px;
}

.voltar{
  font-size:10px;
  margin:0px 20px;	
  padding:0px;
}

#observacao{
  background:#F3F1E9;	
  border:1px solid #CCCCCC;
  width:350px;
  margin:20px 20px;
  padding:10px;
  font-weight:bold;	
}

#observacao p{
  text-indent:0px;	
}

.destaqueAzul{ 
  background:#06375B;
  color:#ffffff;	
  font-size:12px;
  margin:0px 15px;
  padding:0px;
  text-indent:0px;
  text-align:center;
}

.painelAviso{
  background:#FAF8CB;	
  width:378px;
  padding:10px 0px;
  margin:30px 0px 0px 20px;	
  text-align:center;
  color:#364347;
  font-size:13px;
  font-weight:bold;
  border:1px solid #F5F19C;
  clear:both;
}

/*======= FORMATAÇÃO LOGIN =======*/

#fotologin{
 width:400px;
 height:156px;
 background:url(../imagens/design/bannerlogin.png) no-repeat;
 margin:15px 0px 0px 10px;
}

#textologin{
 width:160px;
 height:130px;
 background:#06375D;
 margin:15px 0px 0px 10px;
 font-family: Trebuchet MS, "Arial", sans-serif; 
 font-size:11px;
 text-align:justify;
 color:#FFFFFF;
 padding:10px 10px 0px 10px;
 float:left;
}

* html #textologin{
 margin:15px 0px 0px 5px;
}

.tittxtlogin{
 font-size:14px;
 font-weight:bold;
}

#formlogin{
 width:205px;
 height:125px;
 background:#F3F1E9;
 margin:15px 0px 10px 190px;
 font-family: Trebuchet MS, "Arial", sans-serif; 
 font-size:12px;
 color:#05385E;
 font-weight:bold;
 padding:15px 0px 0px 15px;
}

* html #formlogin{
 padding:10px 0px 5px 13px;
}

#formlogin a{
 font-family: Trebuchet MS, "Arial", sans-serif; 
 font-size:10px;
 color:#00711F;
 font-weight:bold;
 text-decoration:none;
 margin:5px 0px 0px 62px;
}

#formlogin a:hover{
 text-decoration:underline;
 color:#05385E;
}

.emaillogin{
 width:165px;
 height:13px;
 border:1px solid #D8D7C2;
 margin-bottom:5px;
 font-size:12px;
 color:#364347;
}

.senhalogin{
 width:100px;
 height:13px;
 border:1px solid #D8D7C2;
 font-size:12px;
 color:#364347;
}

.btnentrar{	
 height:18px;	
 vertical-align:top;
}

#bodyMalha{
 float:left;
 position:absolute;
 top:0px; 
 left:0px;
 width:100%;
 height:100px;
 text-align:center;
 background:url(../imagens/design/malhaalpha.gif) repeat top left;	
 margin:0px;
 padding:0px;
 visibility:hidden;
}

#Moldura{
 background:#ffffff;
 margin:20px auto 0px auto;	
 padding:10px;
 width:800px;
 overflow:hidden;
 font-family:"Trebuchet MS", Arial, sans-serif; 
}

#Moldura img{
 border:none;	
}

#Moldura p{
 background:#EBEBEB;	
 font-size:11px;
 padding:2px 0px;
 margin:5px 0px;
}

#Moldura a{ 
 color:#364347;	
 font-size:15px;
 font-weight:bold;
 text-decoration:none;
 padding:5px 2px 2px 2px;
 display:block;
 border:none;
}

#Moldura a:hover{
 color:#00711F;	
}

#imagemMoldura{ 
 width:750px;
 visibility:hidden;		
}

/* Beneficios */

#beneficios{
width: 390px;
background:#FFFFFF;
font-family:"Trebuchet MS", Arial;
}

#listabene{
width:390px;
}

#beneficios .categoriabene{
width:390px;
margin:10px 0px 0px 10px;
}

#beneficios .titcatbene img{
border:none;
margin:0px;
}

#beneficios .txtbene{
margin: 15px 0px 0px 15px;
}

#beneficios .txtbene p{
font-size:13px;
color:#666666;
margin:15px -2px;
padding:0px;
}

#beneficios .txtbene a{
text-decoration:underline;
font-weight:bold;
color:#06375B;
}

#beneficios .txtbene a:hover{
color:#666666;
}

#beneficios .tittxtbene{
font-weight:bold;
color:#06375B;
font-size:13px;
}



#beneficios .linhabene{
color:#CCCCCC;
margin-left:15px;
}