﻿*{margin:0; padding:0;}
body{background: #EEEEF0 url(../imgs/pageBg.jpg) repeat-x;}
.clear {line-height: 0;	clear: both; font-size: 1px;}

#topo{position: relative; width:863px; height:147px; margin:auto;}
#topo h1{position: absolute; top: 21px; left: 0; widows: 337px; height: 111px; z-index: 1;}
#topo h1 img{border: none;}
#topo h1 strong{display:none;}
 
#menuTopo{background: url(../imgs/topLinksBg.jpg) no-repeat 0 0; float:right; margin-top:5px; height:36px; border-bottom:1px solid #C5C7CF; list-style: none;}
#menuTopo li{float:left; margin:10px 8px 6px 8px; font:normal 11px Verdana; color:#666; height: 19px;}
#menuTopo li.line{float:left; margin: 10px 0 6px 0; padding: 0; width: 1px; height: 19px; background-color: #C5C7CF; font:normal 1px Verdana;}
#menuTopo li a{display: block; margin-top: 3px; font:normal 11px Verdana; color:#666; text-decoration: none;}
#menuTopo li a:hover{text-decoration: underline;}

#flags {clear: both; float: right; margin: 17px 5px 0 0; width: 260px; font:normal 11px Verdana; color:#666;}
#menuLanguage{float:right; margin-top:6px; list-style: none;}
#menuLanguage li{float:left; margin: 0 3px; font:normal 11px Verdana; color:#666; height: 19px;}
#menuLanguage li img{float:left; margin: 0; border: none;}
#menuLanguage li.line{float:left; margin: 4px 4px 0 4px; padding: 0; width: 1px; height: 12px; background-color: #C5C7CF; font:normal 1px Verdana;}
#menuLanguage li a{display: block; margin-top: 3px; font:normal 11px Verdana; color:#666; text-decoration: none;}
#menuLanguage li a:hover{text-decoration: underline;}

#mSup {clear: both; float: right; position: relative; margin: 17px 0 0 0; width: 100%; font:normal 11px Verdana; color:#666; text-align: right; z-index: 2;}
#mainmenu{float:right; margin: 6px 63px 0 0; _margin: 6px 31px 0 0; list-style: none;}
#mainmenu li{float:left; margin: 0; padding: 0; font:normal 11px Verdana; color:#FFFFFF; height: 25px;}
#mainmenu li.off{float:left; margin: 0; padding: 0; font:normal 11px Verdana; color:#FFFFFF; height: 25px; background: url(../imgs/mainmenu-bkg-off.gif) repeat-x; background-color: #00531F;}
#mainmenu li.on{float:left; margin: 0; padding: 0; font:normal 11px Verdana; color:#FFFFFF; height: 25px; background: url(../imgs/mainmenu-bkg-on.gif) repeat-x; background-color: #005A00;}
#mainmenu li.firstoff{float:left; margin: 0; padding: 0; width: 20px; height: 25px; background: url(../imgs/mainmenu-left-first-off.gif) no-repeat;}
#mainmenu li.firston{float:left; margin: 0; padding: 0; width: 20px; height: 25px; background: url(../imgs/mainmenu-left-first-on.gif) no-repeat;}
#mainmenu li.middleoff{float:left; margin: 0; padding: 0; width: 20px; height: 25px; background: url(../imgs/mainmenu-right-int-off.gif) no-repeat;}
#mainmenu li.middlebeginon{float:left; margin: 0; padding: 0; width: 20px; height: 25px; background: url(../imgs/mainmenu-left-int-on.gif) no-repeat;}
#mainmenu li.middleon{float:left; margin: 0; padding: 0; width: 20px; height: 25px; background: url(../imgs/mainmenu-right-int-on.gif) no-repeat;}
#mainmenu li.lastoff{float:left; margin: 0; padding: 0; width: 20px; height: 25px; background: url(../imgs/mainmenu-right-last-off.gif) no-repeat;}
#mainmenu li.laston{float:left; margin: 0; padding: 0; width: 20px; height: 25px; background: url(../imgs/mainmenu-right-last-on.gif) no-repeat;}
#mainmenu li a{display: block; margin: 6px 20px 0 20px; font:normal 11px Verdana; color:#FFFFFF; text-decoration: none;}
#mainmenu li a:hover{text-decoration: underline;}

#pgContent{clear: both; background: #EEEEF0 url(../imgs/contentbg.jpg) no-repeat top center; margin:auto; margin-top:13px; padding: 15px 0 0 0; height:500px; width:901px;}

#maincontent {clear: both; margin: auto; padding: 0; width: 862px; background-color: #FFF;}

#leftcontent {float: left; margin: 0 11px 0 0; padding: 0; width: 182px;}
 
#leftmenu {width: 182px; clear: both; margin: 0; padding: 0; font:normal 12px Arial, Verdana; color:#666;}
#navmenu{width: 182px; margin: 0; padding: 0; list-style: none;}
#navmenu li{clear: both; margin: 0; #margin: 0 0 -3px 0; padding: 0; font:normal 12px Arial, Verdana; color:#666; height: 34px; background: url(../imgs/leftmenu-middle.gif) no-repeat;}
#navmenu li.first{background: url(../imgs/leftmenu-top.gif) no-repeat;}
#navmenu li.beforelast{background: url(../imgs/leftmenu-beforelast.gif) no-repeat;}
#navmenu li.last{background: url(../imgs/leftmenu-last.gif) no-repeat;}
#navmenu li.img{background: url(../imgs/leftmenu-lastimg.gif) no-repeat;}
#navmenu li a{display: block; margin: 0; padding: 9px 0 0 41px; font:normal 12px Arial, Verdana; color:#666; text-decoration: none;}
#navmenu li a:hover{text-decoration: underline;}

#calendarioatividades {display: none; clear: both; float: right; margin: 0 5px 0 0; padding: 0; width: 146px; background-color: #E1E1E1; text-align: center;}
#calendarioatividades img {margin: 0; #margin: 0 0 -4px 0; padding: 0; border: none;}
#calendarioatividades h3 {clear: both; display: block; margin: 0; padding: 12px 0 19px 0; width: 146px; font:normal 13px Verdana; color:#003399; background: url(../imgs/calendario-top.gif) no-repeat;}
#calendarioatividades form {text-align: center; font:normal 10px Verdana; color:#000; border:}
#calendarioatividades select {font:normal 10px Verdana; color:#000; border:}
#calendarioatividades select.month {margin: 0 4px 5px 0; padding: 0; width: 66px; height: 16px;}
#calendarioatividades select.year {margin: 0 0 5px 0; padding: 0;width: 53px; height: 16px;}

#middlecontent {float: left; margin: 0 11px 0 0; padding: 0; width: 488px; font:normal 12px Arial, Verdana; color:#333333;}
#middlecontent a {font:normal 12px Arial, Verdana; color:#333333; text-decoration: none;}
#middlecontent a:hover {text-decoration: underline;}

#maincontentarea {clear: both; margin: 0; padding: 20px 0 0 0; #padding: 10px 0 0 0; font:normal 12px Arial, Verdana; color:#666666;}
#maincontentarea p.title {font:normal 12px Arial, Verdana; color:#333333;}
#maincontentarea .activated {display: block;}
#maincontentarea .deactivated {display: none;}

#webdoor {margin: 0 0 17px 0; padding: 0; width: 488px; height: 318px; background: url(../imgs/webdoor.jpg) no-repeat; font:normal 12px Arial, Verdana; color:#FFF;}
#webdoor h1.webdoortitle {float: right; margin: 10px 0 0 0; padding: 0; width: 230px; font:normal 16px Arial, Verdana; color:#FFF; line-height: 20px;}
#webdoor p {clear: both; float: right; margin: 0 0 1em 0; padding: 10px 10px 0 0; width: 217px; font:normal 12px Arial, Verdana; color:#FFF; line-height: 18px;}

#middlecontent h1.contenttitle {margin: 13px 0 7px 0; padding: 0; font:normal 18px Arial, Verdana; color:#008131; border-bottom: 1px solid #008131;}
#middlecontent h2 {font:normal 14px Verdana; color:#333333;}
#middlecontent p {margin: 0 0 1em 0; line-height:19px;}

#contentsub {margin: 0; padding: 0;}
#imgarea {float: left; margin: 0 5px 0 0; padding: 0;}
#imgarea img {border: none; margin: 0; padding: 0;}
#contentarea {float: left; width: 421px;}
#contentarea h2 {margin: 11px 0 6px 0; #margin: 11px 0 7px 0; padding: 0; font:normal 16px Arial, Verdana; color:#666666;}
#contentarea img {border: none; margin: 0; padding: 0;}
#contentarea .submenu {margin: 0; padding: 5px 7px 3px 7px; font:normal 11px Arial, Verdana; color:#666666; background: #E6E6E6 url(../imgs/contentsubmenutop.gif) no-repeat;}
#contentarea .submenu span {margin: 0 0.8em 0 0.8em; padding: 0;}
#contentarea .submenu a {color:#666666; text-decoration: none;}
#contentarea .submenu a.on {color:#666666; text-decoration: underline;}
#contentarea .submenu a.off {color:#666666; text-decoration: none;}
#contentarea .submenu a:hover {text-decoration: underline;}

#middlecontent .box {float: left; margin: 6px 8px 0 0; padding: 0; width: 157px; background: url(../imgs/box-bkg.jpg) no-repeat; font:normal 12px Arial, Verdana; color:#000;}
#middlecontent .boxlast {float: left; margin: 6px 0 0 0; padding: 0; width: 157px; background: url(../imgs/box-bkg.jpg) no-repeat; font:normal 12px Arial, Verdana; color:#000}
#middlecontent .box h2, #middlecontent .boxlast h2 {margin: 0 0 0 27px; padding: 18px 0 11px 0; font:normal 12px Arial, Verdana; color:#666666;}
#middlecontent .box p, #middlecontent .boxlast p {margin: 0 0 0 42px; padding: 0; line-height: 21px;}
#middlecontent .box a, #middlecontent .boxlast a {font:normal 12px Arial, Verdana; color:#000; text-decoration: none;}
#middlecontent .box a:hover, #middlecontent .boxlast a:hover {text-decoration: underline;}

#rightcontent {float: left; margin: 0; padding: 0; width: 167px;}
#rightcontent img {margin: 0 0 26px 0; #margin: 0 0 24px 0; padding: 0; border: none;}

#footer {clear: both; margin: 0; padding: 2em 0 2em 0; font:normal 11px Verdana; color:#666666; text-align: center;}

#boxCadastro{width:151px; border:1px solid; padding:5px;}
#boxCadastro input{width:96%;}

.bannersLeft{padding-left:15px;}
.bannersLeft img{display:block; clear:both; margin-bottom:10px; border:0px;}


.bancoList{clear:both; padding:10px 0; font:normal 11px verdana; border-bottom:1px dashed #e8e8e8 }
.bancoList .info{float:left; width: 370px; margin-left:10px;}
.bancoList .logomarca{float:left; display:block; width:96px; height:72px; text-align:center;}
.bancoList img{margin:auto; vertical-align:middle;}
.bancoList .titulo{ display:block; float:left; font-weight:normal; color:#5D8A0C; text-transform:uppercase}
.bancoList .bairro{ display:block; float:left; padding-left:1px;  clear:both; width:370px; line-height:16px; }
.bancoList  a{color:#5D8A0C; line-height:16px; text-decoration:none; }


.bancoDetail{clear:both;  font:normal 11px verdana; }
.bancoDetail span{ display:block; clear:both; width:470px; padding:3px 0;line-height:15px;}
.bancoDetail .titulo{ display:block; font-weight:bold; color:#5D8A0C; text-transform:uppercase}
.bancoDetail .info{ display:block; width:470px; padding:5px 0 5px 4px;  clear:both;}

.bancoDetail  a{color:#5D8A0C; line-height:16px; text-decoration:none; }


#bancoDetails{text-align:center;}
#bancoDetails td{padding:5px;}
#bancoDetails .legend{clear:both; font:bold 10px verdana; color:#5D8A0C;}
#bancoDetails img{border:1px solid #FFF;}
#bancoDetails .prev {font:normal 10px Verdana; color:#333;}
#bancoDetails .next {font:normal 10px Verdana; color:#333;}
#bancoDetails .lkFoto{border:5px solid #FFF}
#bancoDetails .lkFoto:hover{border:5px solid #5D8A0C}
#bancoDetails .lkFotoFocus{border:5px solid #5D8A0C}