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

body{ margin:0; padding:0; background-color: #262626; font-family: tahome, arial, verdana; color: #EAEAEA;}
/*===TOPO===*/
div#topo{ height: 300px; width: 100%; margin: 0; padding: 4px 0 0 0; background: #EAEAEA url(../imgs/bg_topo.jpg) bottom repeat-x; text-align:center;}
div#publicidade_topo{ height: 104px; width: 800px; margin:0 auto; padding:0 text-align: center;; background: #FFF url(../imgs/bg_publicidade_bai.jpg) 4px bottom repeat-x;}
div#publicidade_topo div{ width: 100%; height: 100%; margin: 0; padding: 4px 0 0 0; text-align: center; background: url(../imgs/bg_publicidade_esq.jpg) left -4px no-repeat;}

/*===MENU===*/
div#menu_mid{ margin: 9px auto 0 auto; padding:0; width:800px; height: 47px; background: url(../imgs/bg_menu.jpg);}
div#menu_esq{ margin: 0; padding:0; width:100%; height: 100%; background: url(../imgs/bg_menu_esq.jpg) left top no-repeat;}

ul#menu{ margin: 0; padding: 9px 0; width: 100%; background: url(../imgs/bg_menu_dir.jpg) right top no-repeat;}
ul#menu li{ display: inline; margin: auto 5px; padding:0; position: relative;}
ul#menu li a{ padding: 0 17px; font-size: 21px;}
ul#menu li a img{ margin: 0; padding: 0; border: none;}
ul#menu li a.lnk_submenu{ background: url(../imgs/bg_menu_drop.gif) no-repeat right top;}

ul#menu li ol{ margin: 0; padding: 0; background-color: #A3A3A3; border-color: #AEAEAE; border-style: solid; border-width: 0 2px 2px 2px; position: absolute; top: 18px; left: 0; z-index: 7; filter: alpha(opacity=0); opacity: 0; float: left;}
ul#menu li ol li{ margin: 0; padding: 0; display: block; list-style: none;}
ul#menu li ol li a{ display: block; width: 150px; height: 20px; padding: 3px 7px; border-style: solid; border-color: #9B9B9B; border-width: 0 0 1px 0; text-decoration: none; color: #282828; font-size: 15px; text-align: left;}
ul#menu li ol li a:hover{ background-color: #BCBCBC;}

/*===CORPO===*/
div#corpo{ width: 816px; height: 100%; margin: 0 auto; padding: 0; background: url(../imgs/bg_corpo.jpg) top repeat-x}
div#corpo_esq{ width: 808px; height: 100%; margin: 0; padding: 0;  background: url(../imgs/bg_corpo_esq.jpg) left top no-repeat}
div#corpo_dir{ width: 784px; height: 100%; margin: 0; padding: 4px 16px;  background: url(../imgs/bg_corpo_dir.jpg) right top no-repeat}
/*--*/
div.box, div.box_cima{ background: url(../imgs/bg_titulo.jpg) repeat-x; border: solid 2px #2E2E2E; border-width: 0 2px 2px 2px; font-size: 12px; margin: 0 0 5px 0; padding: 0 0 -25px 0;}

div.box_cima div.box_titulo { background: url(../imgs/bg_titulo_cima_esq.jpg) left top no-repeat; position: relative; top: 0px; left:-2px; height: 30px; }
div.box_cima div.box_texto { background: url(../imgs/bg_titulo_cima_dir.jpg) right top no-repeat; position: relative; top: -30px; right: -2px; padding-top: 32px;}

div.box div.box_titulo { background: url(../imgs/bg_titulo_esq.jpg) left top no-repeat; position: relative; top: 0px; left:-2px; height: 30px; z-index:2;}
div.box div.box_texto { background: url(../imgs/bg_titulo_dir.jpg) right top no-repeat; position: relative; top: -30px; right: -2px; padding-top: 32px; z-index:1;}

div.box div.box_titulo img, div.box_cima div.box_titulo img{ margin: 6px 0 0 9px}
/*--*/
p.imagem{ margin: 0 4px 4px 0; padding: 4px; background-color: #2E2E2E; float: left; /*width: 180px;*/}
p.imagem img{ border: solid 2px #1F1F1F;}
p.imagem label{ width: 100%; font-size: 11px;}

/*===ESQUERDA===*/
div#esq{ width: 177px; margin: 0 6px 2px 0; padding:0; float: left;}
/*===DIREITA===*/
div#dir{ width: 192px; margin: 0 0 2px 6px; padding:0; float: right;}
div#publicidade { padding: 3px; background-color: #282828; border: solid 1px #2E2E2E; text-align: center; font-size: 10px;}
/*===MEIO===*/
div#mei{ float: left; width: 403px; margin: 0; padding: 0; text-align: justify;}
div#mei a{ text-decoration: none; color: #C06E24;}
div#mei a:hover{ text-decoration: underline;}

/*===RODAPE===*/
div#rodape{ width: 100%; height: 30px; color:#626262; font-size:11px; background-color: #1F1F1F; clear: both; margin: 2px 0 1px 0; padding: 3px;}
div#rodape a{ text-decoration: none; color: #999999;}
div#rodape a:hover{ text-decoration: underline;}