@charset "utf-8";
/* CSS Document */

/* corpo da pagina */
body{
	font-size:100%;
	margin:0px; 
	padding:0px; 
	overflow-x:hidden;
	background-color:#4f568c;
}
/* determina estilo dos links padrão */
a{
	text-decoration:none;
}
/* determina estilo dos links qdo o ponteiro do mouse estiver sobre eles */
a:hover{
	text-decoration:underline;
}
/* determina estilo dos links qdo o mesmo já foi usado anteriormente  */
a:visited{
	color:#0000CC;
}

/* descobre o tamanho do navegador */
#navegador{
	width:100%; 
	height: 100%;
}
/* posiciona o conteudo com o ponto de registro no meio do navegador */
#pos1{
	position:relative; 
	top:0%; 
	left:50%; 
	width:779px; 
	height:595px;
}
/* posiciona o conteudo centralizado */
#pos2{
	width:779px; 
	height:595px; 
	background-color:#4f568c; 
	position:relative; 
	top:0%; 
	left:-50%;
}
/* posiciona o topo */
#topo {
	position:absolute;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;	
	width:779px;
	height:48px;
	z-index:1;
	background-color: #DCDEF5;
}
/*Nao havia funcionalidade na estrutura*/

/*
#topo2{
	width:779px; 
	height:48px; 
	background-color:white; 
	position:absolute; 
	top:0%;  
	left:0%
}
*/

/* essa div tera que ser substituida pelo codigo asp que exibira a hora */
/*#data{
	position:relative; 
	top:10%; 
	left:1%;
}*/

/* tentativa de centralizar a data de acoredo com os tamanhos diferentes que ela pode ter */
#data1{
	width: 100%;
	height: 100%;
}
#data2{
	position:absolute; 
	top:50%; 
	left:50%;
	width: 202px;
	height: 12px;	
}
#data3{
	position:absolute; 
	top:-50%; 
	left:-50%;
	width: 202px;
	height: 12px;
	vertical-align: center;
	text-align: center;
}


#data{
	position:absolute; 
	top:0px; 
	left:0px;
	width: 205px;
	height: 15px;
	vertical-align: center;
	text-align: center;
}

/* formata o box com os botoes do topo */
#menu {
	position:relative;
	left:20%;
	top:45%;
	width:80%;
	height:40%;
	z-index:2;
	background-color: #4f568c;
}
/* formata o efeito luminoso no box dos botoes do topo */
#efeito {
	position:relative;
	margin:0px;
	padding:0px;
	top:1px;
	left:0px;
	width:100%;
	height:44%;
	z-index:3;
	background-image: url(img/fundo.jpg);
	overflow:hidden;
}
/* formata o fio que fecha o topo embaixo */
#fio {
	position:absolute;
	left:0%;
	top:93%;
	width:100%;
	height:6%;
	z-index:11;
	background-color: #4f568c;
	overflow:hidden;
}
/* formata o simbolo e os tipos da marca  */
#logo{
	position: absolute;
	left: 0%;
	top: 0%;
	width: 114px;
	height: 45px;
	z-index: 10;
}
/* formata o simbolo da marca(imagem) */
#simbolo{
	position: absolute;
	left: 13%;
	top: 12%;
	width: 32px;
	height: 37px;
	z-index: 12;
}
/* formata os tipos da marca(imagem) */
#txt{
	position:absolute;
	left:45%;
	top:25%;
	width:76px;
	height:30px;
	z-index:12;
	background-color: #dcdef5;
}
/* determina as caracteristicas dos botoes do topo */
#links{
	position:absolute; 
	top:23px; 
	left:368px; 
	z-index:8; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 	
	font-size:80%; 
	color:#ffff00;
}
/* determina as caracteristicas das palavras do topo enquanto links */
#links a{
	color:#ffff00;
	text-decoration: none;
}
/* determina as caracteristicas dos botoes do topo qdo o ponteiro do mouse esta sobre eles*/
#links a:hover{
	color:#ffffff;
}
/* formata o box que sera utilizado para busca futuramente, atual data */
#box_busca {
	position: absolute;
	left: 1px;
	top: 2px;
	vertical-align: middle;
	width: 205px;
	height: 15px;
	overflow: hidden;
	z-index: 4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #4f568c;
	background-color: White;
}
/* determina as caracteristicas do botao "Todos os Sites" */
#todos_sites{
	position:absolute;
	left:84%;
	top:3px;
	width:120px;
	height:15px;
	z-index:16;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:80%;
	color: #4f568c;
}
/* determina as caracteristicas das palavras "Todos" "os" "Sites" enquanto links */
#todos_sites a{
	text-decoration: none;
	color: #4f568c;
}
/* determina as caracteristicas do botão "Todos os Sites" quando o ponteiro do mouse esta sobre ele */
#todos_sites a:hover{
	text-decoration: underline;
	color: #4f568c;
}
/* efeito de luminosidade contido no alto do topo */
#brilho {
	position:absolute;
	left:0%;
	top:0%;
	width:100%;
	height:20%;
	z-index:10;
	overflow:hidden;
	background-image: url(img/brilho.jpg);
}
/* imagem que arredonda o canto direito do topo */
#quadradinho {
	position:absolute;
	left:762px;
	top:0%;
	width:17px;
	height:12px;
	z-index:9;
	overflow:hidden;
	background-image: url(img/quadradinho_bubu.jpg);
}
/* imagem que arredonda o canto esquerdo do topo */
#quadradinho_esq {
	position:absolute;
	left:0px;
	top:0%;
	width:17px;
	height:12px;
	z-index:9;
	overflow:hidden;
	background-image: url(img/quadradinho_esq_bubu.jpg);
}

/* formatao das divs gerais onde sera inserido o contedo principal */
#conteudo{
	width:779px; 
	height:547px;
	/* background-color:#dff6f6; */
	background-color:#d7f5f6;
	/* background-color:#caecf6; */
	position:relative; 
	top:48px;  
	left:0px;
}



#conteudo_fale_conosco{
	width:779px; 
	height:547px;
	background-color:#CCD8E6;
	position:relative; 
	top:48px;  
	left:0px;
}

#conteudo_cadastro{
	width:779px; 
	height:547px; 
	background-color:#ede9e9; 
	position:relative; 
	top:48px;  
	left:0px;
}

#conteudo_quem_somos{
	width:779px; 
	height:547px; 
	background-color:#cedcc2; 
	/*background-color:#EEF3F6; */
	position:relative; 
	top:48px;  
	left:0px;
}



/* fim da formatao das divs gerais onde sera inserido o contedo principal */

#titulo_quem_somos {
	position:relative;
	left:2px;/* 17 */
	top:0px;
	z-index:15;
	overflow:hidden;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:19px;
	/*color: #333366;*/
	color: #333366;
	font-weight:bold;
	font-style: italic;
		
}

#titulo_cadastro {
	position:relative;
	left:2px;/* 17 */
	top:0px;
	z-index:15;
	overflow:hidden;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:19px;
	/*color: #333366;*/
	color: #333366;
	font-weight:bold;
	font-style: italic;
		
}

#titulo_todos_sites {
	position:relative;
	left:0px;
	top:0px;
	z-index:13;
	overflow:hidden;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:19px;
	/*color: #333366;*/
	color: #333366;
	font-weight:bold;
	font-style: italic;
	background-color: #cac8b9;
	height: 28px;
		
}

#titulo_fale_conosco {
	position:relative;
	left:2px;/* 17 */
	top:0px;
	z-index:15;
	overflow:hidden;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:19px;
	/*color: #333366;*/
	color: #333366;
	font-weight:bold;
	font-style: italic;
		
}

#voltar {
	position:absolute;
	left:711px;
	top:10px;
	z-index:900;
	overflow:hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:13px;
	color: #333366;
	font-weight:normal;
		
}

#voltar a{
    text-decoration: none;
    /*color: #4F568C;*/
	 color: #4F568C;

}
#voltar a:visited{
    text-decoration: none;
    /*color: #773366; */ /* Essa cor quebra totalmente o layout */
	 color: #4f568c;

}
#voltar a:hover{
    text-decoration: underline;
    color: #4F568C;
}


#churros {
	position:absolute;
	left:0px;
	top:8px;
	width:779px;
	height:547px;
	z-index:15;
	overflow:hidden;
	
	
	
}


#menu_cadastro {
   margin:0px;
	padding:0px;
	position:absolute;
	left:9px;
	top:30px;
	width:197px;
	height:277px;
	z-index:15;
	overflow:hidden;
	background-color:#ffffff; 
	border: solid 1px #999999;
	
}

#menu_cadastro_tit {
	position:relative;
	left:0px;
	top:0px;
	width:197px;
	height:29px;
	z-index:15;
	overflow:hidden;
	background-color:#999999; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:80%;
	color: #ffffff;
	font-weight:bold;
	text-align:center;
	
}

#menu_cadastro_tit span   {
	position:relative;
	margin:0px;
	left:0px;
	top:5px;
	padding:0px;					
 						
}
				
				
#menu_cadastro_texto {
	position:relative;
	left:5px;
	top:10px;
	width:195px;	
	z-index:15;
	overflow:hidden;
	background-color:#ffffff; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:13px;
	color: #333366;
	text-align:left;	
}


#menu_cadastro_texto a{
    text-decoration: none;
    color: #4F568C;

}

#menu_cadastro_texto a:visited{
    text-decoration: none;
    color: #773366;

}

#menu_cadastro_texto a:hover{
    text-decoration: underline;
    color: #4F568C;
}

#menu_cadastro_texto p {
	margin:0px;
	padding:0px;
	margin-top: 5px;
	
}	

/* bordas menu cadastro */
#ec_menu_cadastro{
	background-image: url("img/ec_menu_cadastro.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 12px;
	left: 9px;
	z-index: 16;
	overflow:hidden;
}	

#dc_menu_cadastro{
	background-image: url("img/dc_menu_cadastro.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 3px;
	left: 199px;
	z-index: 16;
	overflow:hidden;
}

#eb_menu_cadastro{
	background-image: url("img/eb_menu_cadastro.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 246px;
	left: 9px;
	z-index: 16;
	overflow:hidden;
}

#db_menu_cadastro{
	background-image: url("img/db_menu_cadastro.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 237px;
	left: 199px;
	z-index: 16;
	overflow:hidden;
}
/* fim bordas menu cadastro */


/* bordas menu fale conosco */
#ec_menu_fale_conosco{
	background-image: url("img/ec_menu_fale_conosco.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 12px;
	left: 9px;
	z-index: 16;
	overflow:hidden;
}	

#dc_menu_fale_conosco{
	background-image: url("img/dc_menu_fale_conosco.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 3px;
	left: 199px;
	z-index: 16;
	overflow:hidden;
}

#eb_menu_fale_conosco{
	background-image: url("img/eb_menu_fale_conosco.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 246px;
	left: 9px;
	z-index: 16;
	overflow:hidden;
}

#db_menu_fale_conosco{
	background-image: url("img/db_menu_fale_conosco.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 237px;
	left: 199px;
	z-index: 16;
	overflow:hidden;
}
/* fim bordas menu fale conosco */




#form_cadastro {
	position:absolute;
	
	left:215px;
	top:30px;
	width:555px;
	height:500px;
	z-index:15;
	overflow:hidden;
	background-color:#ffffff; 
	border: solid 1px #333366;	
}


#form_cadastro_tit {
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:29px;
	z-index:15;
	overflow:hidden;
	background-color:#333366; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:80%;
	color: #ffffff;
	font-weight:bold;
	text-align:center;

}

#form_cadastro_tit span   {
	position:relative;
	margin:0px;
	left:0px;
	top:5px;
	padding:0px; 						
}

#form_cadastro_logo {
	position:absolute;
	left:460px;
	top:10px;
	width:86px;
	height:87px;
	z-index:15;
	overflow:hidden;	
}


#form_cadastro_texto {
   margin:0px;
	padding:0px;
	position:absolute;
	left:35px;
	top:40px;
	width:440px;
	height:471px;
	z-index:15;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight:bold;
	color: #333366;
	overflow:hidden;	
}

/* bordas conteudo cadastro */
#dc_cadastro{
	background-image: url("img/dc_cadastro.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 30px;
	left: 763px;
	z-index: 16;
	overflow:hidden;
}

#ec_cadastro{
	background-image: url("img/ec_cadastro.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 21px;
	left: 215px;
	z-index: 16;
	overflow:hidden;
}

#db_cadastro{
	background-image: url("img/db_cadastro.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 487px;
	left: 763px;
	z-index: 16;
	overflow:hidden;
}

#eb_cadastro{
	background-image: url("img/eb_cadastro.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 478px;
	left: 215px;
	z-index: 16;
	overflow:hidden;
}
/* fim bordas conteudo cadastro */

/* bordas conteudo fale conosco */
#dc_fale_conosco{
	background-image: url("img/dc_fale_conosco.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 30px;
	left: 763px;
	z-index: 16;
	overflow:hidden;
}

#ec_fale_conosco{
	background-image: url("img/ec_fale_conosco.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 21px;
	left: 215px;
	z-index: 16;
	overflow:hidden;
}

#db_fale_conosco{
	background-image: url("img/db_fale_conosco.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 487px;
	left: 763px;
	z-index: 16;
	overflow:hidden;
}

#eb_fale_conosco{
	background-image: url("img/eb_fale_conosco.jpg");
	width: 9px;
	height: 9px;
	position: relative;
	top: 478px;
	left: 215px;
	z-index: 16;
	overflow:hidden;
}
/* fim bordas conteudo fale conosco */




#aba_conheca{
   position:absolute;
   margin:0px;
   padding:0px;
	top: 47px;
	left: 33px; /* 25 */
	border: solid 1px #333366;
	width: 120px;
	height: 24px;
	z-index:17;
	overflow:hidden;
	
}


#aba_conheca_on{

   position:absolute;
   margin:0px;
   padding:0px;
	top: 47px;
	left: 33px;
	border: solid 1px #333366;
	border-bottom: solid 1px #ffffff;
	width: 120px;
	height: 24px;
	z-index:20;
	overflow:hidden;
	background-color:#ffffff; 
	
}




#aba_equipe{
	position:absolute;
	top: 47px;
	left: 396px;/* 146 */
	border: solid 1px #333366;
	width: 120px;
	height: 24px;
	z-index:17;
	overflow:hidden;
	
}

#aba_equipe_on{

   position:absolute;
   margin:0px;
   padding:0px;
	top: 47px;
	left: 396px;
	border: solid 1px #333366;
	border-bottom: solid 1px #ffffff;
	width: 120px;
	height: 24px;
	z-index:20;
	overflow:hidden;
	background-color:#ffffff; 
	
}



#aba_selos{
	position:absolute;
	top: 47px;
	left: 275px;/* 267 */
	border: solid 1px #333366;
	width: 120px;
	height: 24px;
	z-index:17;
	overflow:hidden;
	
}

#aba_selos_on{

   position:absolute;
   margin:0px;
   padding:0px;
	top: 47px;
	left: 275px;
	border: solid 1px #333366;
	border-bottom: solid 1px #ffffff;
	width: 120px;
	height: 24px;
	z-index:20;
	overflow:hidden;
	background-color:#ffffff; 
	
}


#aba_cronologia{
	position:absolute;
	top: 47px;
	left: 154px;/* 388 */
	border: solid 1px #333366;
	width: 120px;
	height: 24px;
	z-index:17;
	overflow:hidden;
	
}

#aba_cronologia_on{

   position:absolute;
   margin:0px;
   padding:0px;
	top: 47px;
	left: 154px;
	border: solid 1px #333366;
	border-bottom: solid 1px #ffffff;
	width: 120px;
	height: 24px;
	z-index:20;
	overflow:hidden;
	background-color:#ffffff; 
	
}

.aba_quem_somos_texto{
	background-image: url("img/efeitoAbaQuemSomos.jpg");
	position: relative;
	top: 0px;
	left: 0px;
	padding:0px;
	margin:0px;
	height: 24px;
	width: 120px;
	z-index: 16;
	text-align:center;
	overflow:hidden;
	
}



.aba_quem_somos_texto span{
	
	position:relative;
	
	top: 2px;
	_top:5px;/* Hack para o IE6 */
	left: 0px;
	padding:0px;
	margin:0px;
	z-index: 16;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	color: #333366;
	overflow:hidden;
}

.aba_quem_somos_texto a{
    text-decoration: none;
    color: #333366;

}

.aba_quem_somos_texto a:visited{
    text-decoration: none;
    color: #333366;

}

.aba_quem_somos_texto a:hover{
    text-decoration: underline;
    color: #4F568C;
}

.aba_quem_somos_texto_on{

	position: relative;
	top: 0px;
	left: 0px;
	padding:0px;
	margin:0px;
	height: 24px;
	width: 120px;
	z-index: 16;
	text-align:center;
	overflow:hidden;
	
	
}


.aba_quem_somos_texto_on span{
	
	position:relative;
	top: 2px;
	_top:5px;/* Hack para o IE6 */
	left: 0px;
	padding:0px;
	margin:0px;
	z-index: 16;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	color: #333366;
	font-weight:bold;
	overflow:hidden;
}






#quem_somos_texto {
	position:absolute;
	margin:0px;
	padding:0px;/* 4 */
	left:33px; /* 25 */
	/*top:56px;*/
	top: 72px; /* para caber o titulo da pagina */
	width:710px;
	height:454px;
	z-index:15;
	overflow-y:auto;
	overflow-x:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	color: #333366;
	background-color:#ffffff; 
	border: solid 1px #333366;	

}

#quem_somos_texto span {
	position:absolute;
	margin:0px;
	padding:4px;
	left:45px;
	top:30px;
	width:560px;
	z-index:15;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	/*color: #333366;*/
	color: #343674;
	background-color:#ffffff;

}


#quem_somos_texto div {
	position:relative;
	margin:0px;
	padding:0px;
	left:45px;
	top:20px;
	height: 900px;
	z-index:15;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	color: #343674;
	background-color:#ffffff;
}

#quem_somos_texto div a{
	color: #343674;
}

#quem_somos_texto div h3{
	font-size: 20px;
}

#quem_somos_texto span span {
	position: relative;
	margin: 0px;
	padding: 0px;
	left: 15px;
	top: 0px;
	width: 560px;
	word-spacing: 1px;
	letter-spacing: .3px;
	line-height: 15px;
	z-index: 15;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333366;
	background-color: #ffffff;
}

#marca_titulo_quem_somos{
	position: absolute;
	top: -1px;
	_top: 0px; /* Hack para o IE6 */
	margin:0px;
	padding:0px;
	width: 779px;
	height: 28px;
	/*background-color: #7e86b4;*/ /* Utilizada anteriormente como padrão */
	background-color: #c4d0b9;
	/*background-image: url(img/titulo_quem_somos.jpg);
	background-repeat: no-repeat;*/
	z-index: 200;
}

#marca_titulo_cadastro{
	position: absolute;
	top: -1px;
	_top: 0px; /* Hack para o IE6 */
	margin:0px;
	padding:0px;
	width: 779px;
	height: 28px;
	/*background-color: #7e86b4;*/ /* Utilizada anteriormente como padrão */
	background-color: #E0DADA;  /*#E3DDDD;*/
	/*background-image: url(img/titulo_quem_somos.jpg);
	background-repeat: no-repeat;*/
	z-index: 200;
}

#marca_titulo_todos_sites{
	position: absolute;
	top: -1px;
	_top: 0px; /* Hack para o IE6 */
	margin:0px;
	padding:0px;
	width: 779px;
	height: 28px;
	_height: 10px;
	/*background-color: #7e86b4;*/ /* Utilizada anteriormente como padrão */
	background-color: #E0DADA;  /*#E3DDDD;*/
	/*background-image: url(img/titulo_quem_somos.jpg);
	background-repeat: no-repeat;*/
	z-index: 200;
}

#marca_titulo_fale_conosco{
	position: absolute;
	top: -1px;
	_top: 0px; /* Hack para o IE6 */
	margin:0px;
	padding:0px;
	width: 779px;
	height: 28px;
	/*background-color: #7e86b4;*/ /* Utilizada anteriormente como padrão */
	background-color: #bccbdc;
	/*background-image: url(img/titulo_quem_somos.jpg);
	background-repeat: no-repeat;*/
	z-index: 200;
}