/* CSS Document */
/* ---------- Outros ---------- */
h1 {font-size:17px; color:#004891;}
h2 {font-size:15px; color:#004891;}
p  { text-align:justify; padding-left:10px; padding-right:40px;}
a, a:visited {color:#06C;}
a:hover {color:#004891;}
#conteudo ul {list-style-image:url('imagens-layout/circ.jpg');}
.tab-azul	{background-color:#B7D5EF;}
.eng {width:490px; margin:0px 0px 0px 5px;}
.eng1 {border-right:5px solid #FFF;}
.eng1 .nomeeng,.eng2 .nomeeng {float:left; width:490px; background-color:#004080; color:#FFF; text-align:center;}
.eng1 div,.eng2 div {float:left; width:490px; padding:5px; background-color:#FAFAFA;}
/* ---------- Fim de Outros ---------- */
/* ---------- Layout ---------- */
body {margin-top:5px; background:#899286; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px;}
#bordasite,#topo,#logo,#imagem-topo,#area-conteudo,#lateral,#conteudo,#rodape,.quadroL1,.quadroL2,.dividequadro,.sombraquadro,.vinheta,.areaquadro { position:relative; float:left;}
#centraliza {width:775px; margin:0px auto;}
#bordasite {width:775px; height:auto; background:url('imagens-layout/fundo.jpg') repeat-x #D2D9C4;}
#body {position:relative; width:700px; height:auto; margin:0px auto;}
#topo {width:700px; height:auto; background:#FFF; margin-bottom:2px;}
#logo {width:165px; height:220px;}
#logo div {position:relative; width:140px; height:50px; margin-top:72px; margin-left:8px;}
#imagem-topo {width:520px; height:auto; background-image:url('imagens-layout/imagem-topo.jpg');}
#area-conteudo {width:705; height:auto; background:#FFF url('imagens-layout/fundo-conteudo.jpg');}
#lateral {width:164px; height:auto;}
#conteudo {width:516px; height:auto; padding:10px;}
#rodape {width:700px; height:8px; font-size:11px; padding:18px 0px}
#rodape p {margin:0px;}
/* ---------- Fim do Layout ---------- */
/* ---------- Menu ---------- */
#menu {width:155px; font-size:12px; margin:0px 4px; padding:0px; list-style-type:none;}
#menu li {padding-left:15px; border-bottom:1px solid #FFF; background:#60B7E2 url('imagens-layout/marcador.jpg') no-repeat 2px;}
#menu li:hover {background-image:url('imagens-layout/marcador-hover.jpg');}
#menu .semlinha {border-bottom:0px;}
#menu .semmarcador {background:#60B7E2 url('imagens-layout/semmarcador.jpg') no-repeat 2px; font-size:11px;}
#menu .semmarcadorlinha {background:#60B7E2 url('imagens-layout/semmarcador.jpg') no-repeat 2px; font-size:11px; border-bottom:0px;}
#menu li a, #menu li a:visited {width:140px; line-height:22px; display:block; color:#FFF; text-decoration:none;}
#menu li a:hover {color:#069;}
/* ---------- Fim do Menu ---------- */
/* ---------- Quadro Home ---------- */
.quadroL1,.quadroL2 {width:250px; height:234px;}
.vinheta {width:250px; height:30px;}
.vinheta p {padding:9px 0px 0px 15px; font-weight:bold; margin:0px;}
.quadroL1 .vinheta {background-image:url('imagens-layout/vinheta-quadro.jpg');}
.quadroL2 .vinheta {background-image:url('imagens-layout/vinheta-quadro2.jpg');}
.areaquadro {width:245px; height:204px; padding-left:5px;}
.areaquadro p {font-size:11px; margin:0px; padding-top:5px;}
.areaquadro a,.areaquadro a:hover {color:#333; padding-right:5px;}
.quadroL1 .areaquadro {background-image:url('imagens-layout/area-quadro.jpg');}
.quadroL2 .areaquadro {background-image:url('imagens-layout/area-quadro2.jpg');}
.dividequadro {width:10px; height:234px; background-image:url('imagens-layout/divide-quadro.jpg');}
.sombraquadro {
	width:510px;
	height:12px;
	background:url('imagens-layout/sombra-quadro.jpg') no-repeat;
}
/* ---------- Fim do Quadro Home ---------- */
/* ---------- Form ---------- */
.contactForm{width: 100%; height: auto;}
.contactFormText{float: left; width: 88px; line-height: 25px; text-align: right; padding-right:2px;}
.contactFormInputText{
	float: left;
	width: auto;
	border-bottom-width: 3px;
}
/* ---------- Fim do Form ---------- */
/* ---------- Galeria de foto ---------- */
.borda {position:relative; float:left; width:auto; height:auto; margin-bottom:30px;}
.foto, .foto2 {background:#FFF; width:100px; font-size:10px; height:auto; padding:4px; display:block; margin-bottom:0px; text-decoration:none; text-align:center;}
.foto:hover, .foto2:hover {background:#B7DFF2;}
.foto span, .foto2 span {display:none;}
.foto:hover span, .foto2:hover span {position:absolute; top:0px; z-index:auto; display:block; padding:4px; background-color:#B7DFF2; width:auto; height:auto;}
.foto:hover span {left:246px;}
.foto2:hover span {left:138px;}
.borda .areafoto {position:absolute; left:246px; top:0px; width:236px; height:195px;}
.areafoto img {border:4px solid #B7DFF2;}
/* ---------- Fim da Galeria de foto ---------- */