/**************************************/
 /* Site IBDD
/* Versão 1.0 */


@import url('css_reset.css');

  /**************************************/
 /************** GLOBALS ***************/
/**************************************/

.wrapper{ margin: auto; width: 960px; }
body{ overflow-x:hidden; font-size: 14px; font-weight: 400; background-color: #f6f6f6; font-family: "nimbus-sans"; }
:root{ overflow-x: hidden; }
a, a:link, a:hover, a:visited{ color: inherit; text-decoration: none; }
div{ position:relative; }
.clearfix{ clear:both; }
.alignleft{ float:left; }
.alignright{ float:right; }
.alignnone{ float:none; }
input{ border:1px solid #ccc; background-color: white; }

  /**************************************/
 /*************** HEADER ***************/
/**************************************/

#header div.mancha{ background: url(../images/mancha.png) no-repeat; position: absolute; top: -285px; width: 475px; height: 558px; left:210px; }
#header div.logo{ background: url(../images/logo.png) no-repeat; width: 185px; height: 93px; position: absolute; top:30px; left:20px; z-index:99; }

#header div.login-area{ position:absolute; left:592px; top:95px; z-index:99; }
#header div.login-area span{ font-size: 80%; color:#ccc;}
#header div.login-area input{ color:#999; }

#header div.login-done{ position:absolute; top:95px; right:0px; z-index:99; margin-right:25px; }
#header div.login-done p{ color:#005f9d; float:left; overflow: hidden; font-weight: bold; text-align: right; margin-right:25px; }
#header div.login-done a:hover{text-decoration: underline;}
#header div.login-done a{color:#ccc; font-weight:400; float:left;}
#header div.login-done p:hover{text-decoration: underline;}

#header div.search{ position:absolute; left:688px; top:140px; z-index:99; }
#header div.search input{ color:#999; }

#header div.hero{ padding-top: 170px; }
#header div.hero span{ background-color: RGBa(0,0,0,0.3); position:absolute; color: white; font-weight: 700; font-size: 275%; text-align: right; padding:1px 10px; margin-right: 10px; height:45px;}
#header div.hero span.first{ top: 100px; right:10px; }
#header div.hero span.second{ top: 153px; right: 10px; }
#header div.hero div.nav{ position: absolute; top: 380px; right: 10px; color: white; }
#header div.hero div.arrowleft{ float:left; background: url(../images/arrowleft.png) no-repeat; width: 23px; height: 23px; margin-right: 8px; cursor:pointer; }
#header div.hero div.arrowright{ float:left; background: url(../images/arrowright.png) no-repeat; width: 23px; height: 23px; cursor:pointer; }
#header div.hero div.hero-shadow{ background: url(../images/hero-shadow.png) no-repeat; width: 960px; height: 27px; position:absolute; top:99%;}
#header div.hero div.item{ float:left; margin-right:1px; border:1px solid #f0f0f0; height:320px; width:960px;}

#header div.hero div.clipper{ width:960px; height:322px; overflow: hidden; }
#header div.hero div.clipper div.carrosel{ width:9999px; }


  /**************************************/
 /************ NAVIGATION **************/
/**************************************/

#header div.nav{ padding-right:15px; z-index:999;}
#header div.nav ul{ float:right; margin-right:8px;}

#header div.nav li ul{ background-color:#0071b3; display:none; position:absolute; }
#header div.nav li:hover ul{ position:absolute; display:block; margin-top:-10px; padding:10px; }

#header div.nav li:hover ul li{ width: 100%; padding:5px 15px; }

#header div.nav li{ display: inline-block; color: white; font-weight: 700; }

#header div.nav li li{ display: block; }

#header div.nav li li a:hover{ text-decoration: underline; }


  /**************************************/
 /************** CONTENT ***************/
/**************************************/

#content { color: white; line-height: 130%; min-height: 185px; }
#content a, #content a:link, #content a:visited{ color: inherit; text-decoration: none;}
#content a:hover{ color: inherit; text-decoration: underline;}
#content strong, #content b{ font-weight: 700; }
#content em, #content i{ font-style: italic; }

#content h2{ font-size: 125%; font-weight: 700; padding:5px 15px; margin-bottom: 15px; }
#content p{ padding:0px 15px; margin-bottom:12px; font-size: 110%; }

#content div.column{ float:left; width: 288px; height: 442px; background-color: #778077; margin-right: 22px; margin-top: -60px; }
#content div.column span{ color:#364540; }

#content div.first{ margin-left:25px; }

#content div.interna h2{ font-size: 130%; font-weight: 700; color:#005f9d; margin:25px 0px;}

#content div.interna p{color:#666;}

#content div.interna h2, #content div.interna p{ padding:0px 30px;}

#content div.interna{min-height:210px;}

#content p.subtitulo_categoria{ position:relative; top:-20px; }

select#membros{ position:absolute; top:-2px; left:135px;}

div.socios-individuais table, div.socios-empresariais table{ color:#666; text-align: center; width:500px; margin:25px auto; }
div.socios-individuais td, div.socios-empresariais td{ padding:5px; cursor:pointer; }

div.socios-individuais td:hover, div.socios-empresariais td:hover{ text-decoration: underline; }


div.partners{ float:left; width:625px; height:155px; margin-top:-10px; padding-left:20px; }
div.partners img{ float:left; margin-right:10px; }
div.clipper{ height:75px; overflow:hidden;}
div.linha_de_baixo{ position:relative; top:0px; }
div.linha_de_cima{ position:relative; top:0px; }
div.ad{ background:url(../images/back-parceiros.png) no-repeat; float:left; width:288px; height:111px;  overflow:hidden;}

div.ad h2{ color:#43504B; margin:0px 0px 0px -8px !important; position:absolute; top:2px; left:2px; }
div.ad img{ float:left; margin: 4px 10px;}
div.ad p{ color:#43504B; }
div.leftarrow{position:absolute; cursor:pointer; top:3px; right:35px; z-index:9; width:10px; height:17px; margin-right:5px;}
div.rightarrow{position:absolute; cursor:pointer; top:3px; right:20px; z-index:9; width:10px; height:17px; }

div.ad-content{ float:left; width:288px; height:81px; margin-right: 15px; padding-top:30px; }

div.livraria img{ float:left; margin-right:25px; }
div.livraria p{ margin-top:25px; }

div.segura_cursos{ height:275px; overflow: hidden; }

  /**************************************/
 /*************** FOOTER ***************/
/**************************************/

#footer{ background-color: #e6e7e8; }
#footer div.footer-detail{ background: url(../images/footer-detail.png) repeat-x; height:9px; }
#footer ul{ float:left; margin-right: 25px; color:#999; }
#footer li{ margin-bottom: 3px; }
#footer div.nav{ margin-left:25px; margin-top: 20px;}

#footer div.contact-form{ color:#999; float:left; width: 250px; margin-left:35px; }
#footer div.contact-form h2{ font-size:120%; }
#footer div.contact-form input[type="text"]{ width:100%; }
#footer div.contact-form textarea{ font-family: nimbus-sans; resize:none; width:98.5%; border:1px solid #ccc;}

#footer div.contact-info{ float:left; margin-left:51px; color:#999; }
#footer div.contact-info p{ text-align: right; margin-right: 10px; }
#footer div.contact-info span{ font-size:120%; color:#005f9d; font-weight: 700; }


div.social{ width: 85px; height: 88px; float:left; margin-right: 10px; }