/* CSS Document */
body{
    background:#336666;
	background-image:url(imagens/fundo.gif);
	margin-top:0px;
    font: 11px/1.5  Arial, Helvetica, sans-serif;
	color:#336666;
}

	#geral { 
		width:685px;
		margin:0 auto;
	
	}

	#topo, #rodape {
		
	}

	#esquerda, #direita {
		/*border:1px solid black;*/
		width:1px;
	}

	#esquerda { float:left; }
	#direita { float:right; }

	#meio {
	margin:0 auto;
	height:759px;
	background-image:url(imagens/nova_base.jpg);
	background-repeat:no-repeat;
	}
	#meio_empresa {
	margin:0 auto;
	height:759px;
	background-image:url(imagens/fundo_empresa.jpg);
	background-repeat:no-repeat;
	}
	#meio_servico {
	margin:0 auto;
	height:759px;
	background-image:url(imagens/fundo_servico.jpg);
	background-repeat:no-repeat;
	}
	#meio_contato {
	margin:0 auto;
	height:759px;
	background-image:url(imagens/fundo_contato.jpg);
	background-repeat:no-repeat;
	}
	#meio_seguranca {
	margin:0 auto;
	height:759px;
	background-image:url(imagens/base_seguranca.jpg);
	background-repeat:no-repeat;
	}

	/*#rodape p{ 
	position:relative;
	left:0px;
	width:680px;
	height:30px;
	background-color:#fff;
	clear:both; }*/
	/**********************Estilos para link acompanhamento***************************/
#Acompanhamento{
position:relative;
top:78px;
color:#336666;
font-weight:bold;
left:500px;
width:160px;
height:auto;
}

	/**********************Estilos para link sac***************************/
#Sac{
position:relative;
top:105px;
color:#336666;
font-weight:bold;
left:635px;
width:60px;
height:auto;
}
/**********************Estilos para titulo da area verde***************************/

#Area{
position:relative;
top:250px;
color:#ffffff;
left:10px;
}

/**********************Estilos para titulo da area vermelho***************************/

#Area2{
position:relative;
top:280px;
color:#ffffff;
left:10px;
}
/* estilo link + noticias*/
	
a.link1:link {
font-family:  Arial,helvetica, sans-serif;
color:#336666;
text-decoration:none;
}
a.link1:visited {
font-family:  Arial,helvetica, sans-serif;
color:#336666;
text-decoration:none;
}
a.link1:hover {
font-family:  Arial,helvetica, sans-serif;
color:#336666;
text-decoration:underline;
}

/************Estilo para layot do quadrado Cinza ************/

#qd_1{
position:relative;
top:345px;
*top:270px;
left:15px;
width:350px;
height:114px;
}

#qd_1 img{
position:relative;
margin-left:5px;
margin-top:0px;
width:118px;
height:116px;
float:left;


}
/*Classe para titulo*/
.titulo{
position:relative;
float:right;
margin-right:0px;
margin-top:0px;
width:220px;
height:30px;
font-size:14px;
font-weight:bold;
color:#336666;
}


.conteudo{
position:relative;
float:right;
margin-right:0px;
margin-top:5px;
width:220px;
height:auto;
font-size:10px;
color:#336666;

}

/* Estilo para layot do segundo quadrado cinza*/

#qd_2{
position:relative;
top:390px;
*top:310px;
left:15px;
width:350px;
height:114px;
}

#qd_2 img{
position:relative;
margin-left:5px;
margin-top:0px;
width:118px;
height:116px;
float:left;
}


/*Classe para titulo*/
.titulo2{
position:relative;
float:right;
margin-right:0px;
margin-top:0px;
width:220px;
height:30px;
font-size:14px;
font-weight:bold;
color:#336666;
}

.conteudo2{
position:relative;
float:right;
margin-right:0px;
margin-top:5px;
width:220px;
height:auto;
font-size:10px;
color:#336666;
}

/*Area cinza com conteudo*/
#textos{
position:relative;
top:345px;
*top:260px;
left:15px;
width:350px;
height:auto;
z-index:3px;
}



/*************************ESTILO PARA SETA PAGINA HOME*****************/
#Seta{
position:relative;
margin-top:-229px;
margin-left:209px;
*margin-top:-295px;
*margin-left:210px;
width:467px;
height:376px;
z-index:10px;
}

/*************************ESTILO PARA BOTŐES PAGINA HOME*****************/
#Botoes{
position:relative;
margin-top:-110px;
margin-left:462px;
*margin-top:-120px;
*margin-left:457px;
width:206px;
height:115px;
z-index:4px;
/*background-image:url(imagens/fundo_bototes.jpg);*/
}

/*************************ESTILO PARA SETA PAGINA HOME*****************/
#Seta2{
position:relative;
margin-top:-229px;
margin-left:209px;
*margin-top:-283px;
*margin-left:210px;
width:467px;
height:376px;
z-index:10px;
}

/*************************ESTILO PARA SETA PAGINA CONTATO*****************/
#Seta3{
position:relative;
margin-top:-229px;
margin-left:209px;
*margin-top:-354px;
*margin-left:210px;
width:467px;
height:376px;
z-index:10px;
}

/***************************ESTILO PARA FORMULÁRIO********************/

input{
color:#336666;
border:1px solid #336666;
font-size:10px;
	} 
	textarea{
color:#336666;
border:1px solid #336666;
font-size:12px;
	}   
	.bt{
color:#336666;
border:1px solid #336666;
font-size:10px;
}

#logo{
position:relative;
top:0px
*top:0px;
left:20px;
width:177px;
height:104px;
margin-bottom:-103px;
z-index:50px;
}