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

* { font-family: Trebuchet MS, Arial, Helvetica; color: #000; }
body { background: #fff url(../imagens/background.jpg) repeat-x ; font-size: 13px; }
h1 { height: px; width: px; background: ; }
a { color: #333;  }
a:hover{ color: #164d93;  }

#container {width: 795px; background: #fff url(../imagens/bg-container.gif) no-repeat; background-position: 0 224px  }
#header { background: #ccc; height: 224px; }
#content { width: 785px; padding: 0 0 73px 10px; }
#content p{ line-height: 18px; margin-bottom: 10px; }
#footer { background:#fff url(../imagens/bg-footer.gif) no-repeat; height: 63px; }
#footer li { height: 63px; }

#menu { width: 150px; background:#fff url(../imagens/bg-menu.jpg) no-repeat top left; }
#menu li{ background: url(../imagens/bg-li-menu.png) no-repeat bottom left;  }
#menu li a{ width: 115px; display: block; background: url(../imagens/bg-a-menu.png) no-repeat center left; padding: 15px 0 15px 35px; }
#menu li .a{ background: url(../imagens/bg-a-menu.gif) no-repeat center left; }
#menu li a:hover{ background-position: -150px; }
#menu .li { background: none; }

#menu ul li { position: relative; }
#menu li ul { display: none; position: absolute; width: 425px; background: url(../imagens/bg-sub-ul.gif) no-repeat; padding-top: 10px; }
#menu li ul li{ float: left; width: 180px; /*height: 23px;*/ background-image: none; padding-left: 15px; }
#menu li ul .li{ float: left; width: 425px; height: 14px; background: url(../imagens/fim-bg-ul.gif) no-repeat; margin: 0; }
#menu li ul li a{/* height: 22px;*/ line-height: 22px; padding: 0; background: url(../imagens/seta-menu.gif) no-repeat left top ; width: 165px; padding-left: 18px; display: block; border-bottom: 1px solid #d4d4d4; background-position: 0; }
#menu li ul li a:hover { background-position: 0; }
/*#menu li > ul { top: 0; left: 150px; }*/
#menu li:hover ul, #menu li.over ul{ display: block; }
#menu li ul { top: 0; left: 150px; }

#left { float:left; width: 150px; margin-right: 5px; }
#left .twitter { width: 143px; height: 100px; display: block; background: url(../imagens/twitter.gif) no-repeat left top; margin-bottom: 10px; }
#left .livro{ width: 143px; height: 218px; display: block; background: url(../imagens/livro.jpg) no-repeat left top; }


#right { min-height: 500px; float:left; width:601px; margin-left: 3px; background: url(../imagens/bg-content.jpg) no-repeat center top; background-position: 0 87px; padding: 0 7px; }

#right .banner{ background: url(../imagens/bg-banner.gif) no-repeat top right; width: 483px; height: 60px; margin: 14px auto 20px auto; }
#right #destaque01 { width: 260px; height: 210px; margin-left: 16px; }
#right #destaque02 { width: 260px; height: 210px; margin-left: 42px; }
#right #destaque01 h2, #right #destaque02 h2, #right #destaque03 h2, #right #destaque04 h2 { margin-bottom: 7px; background: url(../imagens/seta2.png) no-repeat center left; padding-left: 20px; line-height: 20px; font-size: 15px; font-weight: bold; color: #0A1E24; }
#right #destaque01 img, #right #destaque02 img { border: solid 1px #d4d4d4 } 
#right #destaque01 p, #right #destaque02 p { line-height: 14px; }

#right #destaque03 { width: 260px; margin-left: 16px; padding-right: 21px; border-right: 1px dashed #EBEBEB; }
#right #destaque04 { width: 260px; margin-left: 21px; }
#right #destaque04 h3{ font-size: 12px; padding-left: 9px; background: url(../imagens/bullet.gif) no-repeat; background-position: 0 6px; line-height: 14px; margin-bottom: 4px; }
#right #destaque04 p{ font-size: 12px; padding-left: 9px; line-height: 15px; }
#right .divs { width: 255px; background: url(../imagens/bg-destaques.jpg) top right no-repeat; padding: 12px 5px 5px 0; margin-bottom: 10px; }
#right .divs li { padding: 3px 0 3px 5px; }
#right .divs p { padding-left: 5px; line-height: 16px; }

#right #contentRight h2 { border-bottom: solid 1px #889EAA; margin: 0 16px 7px 16px; background: url(../imagens/seta2.png) no-repeat center left; padding-left: 20px; line-height: 20px; font-size: 16px; font-weight: bold; color: #0A1E24; }
#right #contentRight h2 span { font-size: 14px; font-weight: normal; color: #3F4B56; line-height: 20px;}
#right #contentRight #submenu { margin-bottom: 5px; text-align: center; }
#right #contentRight #submenu a { display: block; line-height: 18px; font-size: 11px; padding: 0 10px; margin: 1px; background: #fff; border: 1px solid #AEB6BB; }
#right #contentRight #submenu a:hover { background: #B5C2CC; color: #fff; }
#right #fromDB{margin:0 16px;}
#right #fromDB ul { list-style: circle; margin: 0 0 10px 20px; line-height: 20px; }

#right #fromDB ul a { background: url(../imagens/iconver.png) no-repeat left top; width: 25px; height: 25px; display: block; float: right; }
#right #fromDB ul a:hover { background-position: 0 -25px; }
#right #fromDB ul h3 { float: left; font-size: 13px; font-weight: normal; }
#right #fromDB #news li { border-bottom: 1px solid #AEB6BB; margin-bottom: 3px; line-height: 25px; }
#right #fromDB ul li:hover { background: #FFF}

#right .titImprensa { margin: 5px 0 10px 0; border-bottom: 1px solid  #fff; line-height: 20px; }

#right .materia { background: url(../imagens/materia.png) no-repeat left top; width: 157px; height: 50px;  }
#right .video { background: url(../imagens/video.png) no-repeat left top; width: 157px; height: 50px;  }
#right .audio { background: url(../imagens/audio.png) no-repeat left top; width: 157px; height: 50px;  }
#right .arquivo { background: url(../imagens/arquivo.png) no-repeat left top; width: 157px; height: 50px;  }
#right .voltar { background: url(../imagens/voltar.png) no-repeat left top; width: 102px; height: 50px;  }

#formularios{
 width: 310px;
 height: 370px;
 border: solid 1px #CCCFC5;
 float: left;
 padding: 10px;
 margin-right: 2px; 
} 	

#formularios label {
 display: block;
 width: 100%;
 line-height: 25px;
 background: url(imagens/bg-h3.gif) no-repeat bottom;
 font-size: 14px;
 padding-left: 5px;
 border-bottom: solid 1px #CCCFC5;
}

#formularios input, #formularios select, #formularios textarea {
margin-top: 5px;
border: #CCCFC5 solid 2px;
font-size: 14px;	
}

#formularios input:focus, #formularios select:focus, #formularios textarea:focus {
  background: #E7E1DA;
  border: #C63333 solid 2px; 
}
  
  
#dados{
 width: 235px;
 border: solid 1px #CCCFC5;
 float: right;
 padding: 10px;
 margin-right: 5px;
}

#right #mapa ul { padding-left: 20px; list-style: square; float: left; }
#right #mapa ul li { font-weight: bold; font-size: 16px; padding-top: 10px; }
#right #mapa ul li ul { list-style: disc; float: none; }
#right #mapa ul li ul li { font-weight: normal;  font-size: 15px;  }
#right #mapa ul li ul li ul{ list-style: circle; }
#right #mapa ul li ul li ul li{ font-weight: normal;  font-size: 13px;  }
#right #mapa .ul { border-left: solid 1px #9AA7B6; width: 270px;  }
#right #mapa a:hover { text-decoration: underline; }