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

body{ margin:0;}

#geral{ width:1002px; margin:0 auto; text-align:left; position:relative;}

#topo{ width:900px; height:297px; margin:0 auto; border-left: 2px solid rgba(9, 9, 9, 0.5) ; border-right: 2px solid rgba(9, 9, 9, 0.5);  position:relative;}
#topoFoto{ width:387px; height:270px; float:left; margin:18px 0 0 25px; }
#foto{ width:372px;height:255px; margin:6px; overflow:hidden;}
#logo{ right:-50px; top:0; position:absolute;}
#titulo{ width:240px; height:40px; overflow:hidden; position:relative; margin:9px 0 0 43px; float:left;}
#topo h1{ margin:0; font:28px Georgia; font-style:italic; line-height:40px;}
#topo .sombra{ font:28px Georgia; font-style:italic; color:#FFF; left:-2px; top:-2px; position:absolute; line-height:40px;}
#topoInformacoes{ width:339px; height:228px; margin:4px 0 0 28px; float:left; position:relative;}
#topo span{ width:92px; text-align:right; font-style:italic; font:bold 13px arial; margin:11px 0 0; float:left; clear:left;}
#topo h2{ width:169px; font:12px arial; margin:13px 0 0 110px; overflow:hidden;}

#meio{ width:900px; height:500px; margin:0 auto;  border-left:2px solid rgba(9, 9, 9, 0.5);  border-right: 2px solid rgba(9, 9, 9, 0.5);  }

#fotos{ width:425px; float:left; }
#fotos ul{ list-style:none; margin:0; padding:30px;}
#fotos li{ width:106px; height:104px; margin:0 7px 70px 8px; float:left;}
.moldura{ width:93px; height:92px; overflow:hidden; margin:6px;}

#texto{ font:12px arial; width:470px; height:100%; _margin-left:-5px; float:right; }
#texto p{ margin:40px 15px 0 30px;}



/*** MENU TOPO ***/
#tempMenuTopo{ height:21px; padding:2px 0 0 0; background:#497909; font-family:"Trebuchet ms", arial, helvetica;}

#centralizaMenu{ width:1002px; height:21px; margin:0 auto;}

#tempMenuTopo ul{ list-style-type:none; height:20px; overflow:hidden; margin:0; padding:0;}
#tempMenuTopo li{ float:left; font-size:12px; color:#FFF; margin:0 3px; height:21px; }
#tempMenuTopo li a{ font-size:12px; color:#FFF; text-decoration:none;}
#tempMenuTopo li a:hover{ text-decoration:underline;}
#tempMenuTopo form{ margin:0; padding:0;}

#tempMenuTopo .loginGeral{ width:284px; height:169px; position:absolute; z-index:80; top:130px; left:714px;}

#tempMenuTopo .login{ width:284px; height:169px; position:absolute;}
#tempMenuTopo .login span{ font-size:15px; color:#FFF; float:left; text-align:center; width:100%; margin:8px 0;}
#tempMenuTopo .login label{ font:bold 14px arial; color:#FFF; float:left; margin:13px 4px 0 8px; width:60px; text-align:right;}
#tempMenuTopo  .login input.input{ background:#77a13f; border:0 none; color:#1e3500; font:bold 18px "Trebuchet ms", arial; float:left; width:190px; padding:5px 3px; margin:5px 5px 3px 0; }
#tempMenuTopo  .login input.button{ float:right; margin:0 12px 0 0;}

#divLogado{ width:284px; height:229px; position:absolute; z-index:80; top:50px; left:694px;}
#divLogado .adm{ width:324px; height:229px; position:absolute; padding:20px 0 0 18px;}
#divLogado .txt{ font-size:15px; color:#e94e00; float:left; width:90%; margin:8px 0 0 60px;}
#divLogado .adm ul{ width:290px; float:left; list-style-type:none; padding:0 0 0 8px;}

#divLogado .adm li.linkTop{ width:264px; height:35px; float:left; overflow:hidden;}
#divLogado .adm li.linkTop a:hover{ width:264px; height:35px; float:left; margin-left:-264px;}
#divLogado .adm li.linkMiddle{ width:264px; height:30px; float:left; overflow:hidden;}
#divLogado .adm li.linkMiddle a:hover{ width:264px; height:30px; float:left; margin-left:-264px;}
#divLogado .adm li.linkBottom{ width:264px; height:36px; float:left; overflow:hidden;}
#divLogado .adm li.linkBottom a:hover{ width:264px; height:36px; float:left; margin-left:-264px;}

/*** RODAPÉ ***/
#tempRodape{ width:900px; text-align:center; font-family:"Trebuchet ms",arial,helvetica; font-size:11px; color:#000; margin:0 auto; border-top: 2px solid rgba(9, 9, 9, 0.5) ;}
#tempRodape a{ color:#1c3001; text-decoration:none;}
#tempRodape a:hover{ text-decoration:underline;}
#tempRodape strong{ font-size:13px;}
#logoKaerea{ float:right;}