@import url("internas.css");
/* 
Coperight: Delano Marçal
Site: Acorda Paraíba
CSS + XHTML: Delano Marçal 
Date: 28/12/2009
@: delanomarcal@hotmail.com
*/

*  { margin:0; padding:0; list-style: none; text-decoration: none; border: none; }


.nospace {margin: 0!important; padding: 0!important;  }
.noborder { border:  none!important; }

#geral { width: 977px; height: auto; margin: 0 auto;  }

#topo {  width: 977px; height: 578px; margin: 0 auto; position:relative; background: url(../images/topo33_02.png) no-repeat 0 -5px; }


#topo_int {  width: 977px; height: 297px; margin: 0 auto; position:relative; background: url(../images/topo_int.png) no-repeat 0 -5px; }


#botoes ul { width: 977px; float: left; display: inline; margin: 20px 0; }
#botoes ul li {  float: left; display: inline; margin: 0 80px 0 0;  }

#topo span.redes { width: 166px; height: 71px; float: left; display:inline; background: url(../images/efraimfilho_topo_03.png) no-repeat 0 0; position:absolute; top: 140px; right: 10px;   }

span.redes_int { width: 166px; height: 71px; float: left; display:inline; background: url(../images/efraimfilho_topo_03.png) no-repeat 0 0; position:absolute; top: 140px; right: 10px;  z-index: 99999999999;  }

#menu { width: 830px; height: 37px; float: left; display: inline; /*background: url(../images/menu.png) no-repeat;*/ margin:245px 0 0 80px; }
#menu ul {width: 930px; height: 32px; float: left; display: inline;}
#menu ul li { height: 32px; float: left; display: inline; margin:0 26px 0 0px;  }
#menu ul li a { height: 24px; float: left; display: inline; margin:10px 0 0 0; color:#fff; font-size:17px; font-weight:900;}
#m_1 a { width: 50px;  } 
#m_2 a { width: 50px;}
#m_3 a { width: 175px; }
#m_4 a { width: 70px; }
#m_5 a { width: 60px; }
#m_6 a { width: 140px; }
#m_7 a { width: 180px; }
#m_8 a { width: 110px;}

#menu ul li a:hover { border-bottom: 2px solid #FFFFFF; }


span.redes ul, span.redes_int ul { width: 95%; height: 71px; float:left; display: inline; margin: 0 0 0 20px; }
span.redes ul li, span.redes_int ul li { width: 30px; height: 30px; float:left; display: inline; margin: 30px 6px 0 0;  }
span.redes ul li a, , span.redes_int ul li a { width: 30px; height: 30px; float:left; display: inline; cursor:pointer; }


#anime {  width: 977px; height: 284px; margin: 0 auto;  position: absolute; top:285px; float:left;  background: url(../images/bg_titie.png) no-repeat 650px 20px;}
#anime div { width: 610px; height: 250px; margin: 20px 0 0 40px;   }
#anime div a img { width: 610px; height: 250px; border: none; float: left; }
.legenda { width: 315px; height: 250px; float: left; display: inline; position: absolute; top:305px; right: 13px;  z-index:999999909;  }
.none {  display: none; }
.legenda p { width: 300px; height: 76px;  float: left; margin: 0 0 10px 0; color: #FFFFFF; font-size: 18px;  }
.legenda p a { width: 290px; margin:5px; float: left; color:#FFFFFF; }


#botoes ul li#um    { width: 166px; height: auto; margin:0 90px 0 30px }
#botoes ul li#dois  { width: 166px; height: auto; }
#botoes ul li#tres  { width: 166px; height: auto; }
#botoes ul li#quatro { width: 166px; height: auto; }
#botoes ul li#cnco   { width: 166px; height: auto; margin: 0 0 0 10px; } 

#barra {  width: 166px; height: 71px; margin: 0;  position: absolute; top:285px; float:left; right: 40px; }


ul.navi { width: 300px; height: 250px; float: left; display: inline; position: absolute; top:305px; right: 26px; list-style:none; text-decoration:none;     }
ul.navi li { width: 300px; height: 76px; float: left; display: block; margin: 0 0 10px 0; color: #000; font-size: 18px; position: relative; z-index:9999;}
ul.navi li a { width: 300px; height: 76px; float: left; margin: 0 0 10px 0; color: #fff; font-size: 18px; display: none; text-decoration:none;}
ul.navi li a.activeSlide  { width: 295px; height: 71px; float: left; margin: 0 0 5px 0; color: #fff; font-size: 20px; background: #0F4AB9; display: inline;text-decoration:none; padding:5px; cursor: pointer; }
ul.navi li a span { width: 29px; height: 64px; float: left; display: inline; position:absolute; top: 5px; left: -30px; }
ul.navi li a.activeSlide span {  width: 29px; height: 64px; float: left; display: inline; position:absolute; top: 5px; left: -30px;  background:  url(../images/seta.png) no-repeat 0 5px; z-index: 9999999999;  }

#col_esq { width: 670px; height: auto; float:left; display: inline;  }

#not{ width: 670px; height: auto; float: left; display: inline; margin: 10px 0 0 0; }
#not a{ inline; color:#000}
#not h2{ width: 100%; height: auto; float:left; display: inline; margin:0 0 0 0; font-size:20px;}
#not ul { width: 100%; height: auto; float:left; display: inline; margin:10px 0 0 0; }
#not ul li { width: 100%; height: 130px; float: left; display: inline; border-bottom: 1px solid #e6e6e6; margin-bottom:5px; position: relative; }
#not ul li h2{ width: 100%; height: auto; float:left; display: inline; margin:0 0 0 0; font-size:10px;}
#not ul li h3{ width: 100%!important; height: auto; float:left; display: inline; margin:0 0 0 0; font-size:20px; color:#0F4AB9!important;}
#not ul li h3 a{ color:#0F4AB9!important;}
#not ul li p{ width: 100%; height: auto; float:left; display: inline; margin:0 0 0 0; font-size:12px;}

.box { width: 675px; height: auto; float: left; display: inline; margin: 10px 0 0 0; }
.box ul { width: 375px; height: auto; float:right; display: inline; margin:65px 0 0 0; border-left: 1px solid #e6e6e6; padding: 0 0 0 10px; }
.box ul li { width: 178px; height: 130px; float: left; display: inline; border-bottom: 1px solid #e6e6e6; margin-bottom:20px; position: relative; }
.box ul li a img{ width:149px; height:80px; float:left; display: inline;  margn: 0 0 5px 0; }
.box ul li h4 a {  width: 149px; float: left; display: inline; color: #000000; margin: 5px 0 0 0; }
.box ul li span.setinha { width: 43px; height: 43px;  float: left; display: inline;  position: absolute; top:18px; left: 50px; }
.box ul li span.setinha a {  width: 43px; height: 43px;  float: left; display: inline; background: url(../images/player_dois.png) no-repeat 0 0;  }

.box ul li span.setinha a:hover { width: 43px; height: 43px;  float: left; display: inline; background: url(../images/player_dois.png) no-repeat 0 -45px;  }



#coll_e { width: 283px; float: left; display: inline; position: relative;  }
#coll_e a img { width: 280px; height:auto;}
#coll_e h2.video {  width: 194px; height: 55px; float: left; display: inline;  background: url(../images/videos.png) no-repeat; margin: 0 0 10px 0;  border-bottom: 1px solid #000000; }
#coll_e h2.fotos {  width: 168px; height: 64px; float: left; display: inline;  background: url(../images/fotos_03.jpg) no-repeat; margin: 0 0 10px 0; }
#coll_e span.seta {  width: 131px; height: 130px; float:left; position: absolute; top: 110px; left: 75px;   background: url(../images/player_um.png) no-repeat 0 0; cursor: pointer;  }
#coll_e span.seta:hover { width: 131px; height: 130px; float:left; position: absolute; top: 110px; left: 75px;   background: url(../images/player_um.png) no-repeat 0 -130px;  }
#coll_e span.seta a {  width: 131px; height: 130px; float:left; display:inline; }

#coll_e h3 a {  width: 250px; height: 64px; float: left; display: inline; margin: 0 0 10px 0; font-size: 16px; color: #000000; line-height: 20px;   }
#coll_e p a { width: 250px; height: 64px; float: left; display: inline; margin: 0; color: #000000;  }

#col_dir { width: 290px; float: left; display: inline;  margin: 0 0 0 10px; }

#twitter_div { width: 290px; height: 269px; float: left; display: inline; background: url(../images/twitter.jpg) no-repeat; position: relative; }
p.seg { text-align: center; margin:5px 0 5px 45px; float:left; display: inline; position: absolute; bottom: 120px; left: 10px; }
#twitter_div ul { width: 270px; margin: 5px 0 0 10px; }
#twitter_div ul li { width: 270px; float: left; display: inline; margin: 0 0 5px 0 ; border-bottom: 1px dotted #CCCCCC;  }

#twitter_update_list { width: 245px; height: auto; float: left; display: inline; margin: 15px 0 0 0;  }
a.twitter-link { float: left; display: inline; margin:10px 0 5px 10px; color: #666666; text-align: center; }

#twitter_update_list li { margin:10px 0 0 0; padding: 15px 0 0 0; float: left; display: block;}
#twitter_update_list li a { text-align: center; margin: 10px 0 0 0; }

#agenda { width: 280px; height: 240px; float: left; display: inline; background: url(../images/agenda.jpg) no-repeat;  }


#agenda ul { width: 280px; height: 199px; float: left; display: inline; margin: 40px 0 0 0; }
#agenda ul li { width: 280px; height: 70px; float: left; display: inline;  margin: 10px 0 0 0; }
#agenda ul li h3 { width: 70px; height: 42px; float: left; display: inline;  background: #034291; color: #FFFFFF; font-size:23px; font-weight:700; padding:10px 5px 0 5px; margin: 0 5px 0 10px; }
#agenda ul li p { color: #000000; font-size: 12px; font-weight:600; width: 160px!important; float: left;  }
#agenda ul a small{float:left; color: #0F93C6; margin:5px 10px 0 10px; width: 120px; font-size:12px;}

/*------- DEPOIMENTOS COLUNA DIREITA ---------*/
#mural_ { width: 280px; height: 418px; float: left; display: inline; background: url(../images/meuvoto.jpg) no-repeat; position: relative; margin:0 0 40px 0}
#mural_ ul { width: 280px; margin:10px 10px 0px 10px; float:left; border: none; clear:both}
#mural_ ul li { width: 270px; height:100px;float: left; display: inline; margin: 30px 0 5px 0 ; }
#mural_ ul li img {max-height:85px; width:auto; float: left; display: inline; margin: 5px auto; }
#mural_ ul li a.tit h3 { width:50%; height: auto; float: right; display: inline;  font-size: 12px; color: #0F93C6; margin:0 20px 5px 0; }
#mural_ ul li a.coment cite.commentBox { width: 130px; height: auto; float: right; display: inline; font-size: 12px; color: #666666; margin:0 25px 0 25px; }
#mural_ ul a.leia {float:left; color: #0F93C6; margin:15px auto; width: 150px; }
#mural_ ul li a cite.commentBox img.fechamento{float:none;}


#twitter_update_list { width: 245px; height: auto; float: left; display: inline; margin: 5px 0 0 0;  }
a.twitter-link { float: left; display: inline; margin:5px 0 5px 10px; color: #666666; }












#rodape { width: 100%; height: 308px; float: left; display: inline;  background: #034291  url(../images/bg_rodap_13.png) repeat-x; margin: 2px 0 0 0; }
/*#center { width: 1156px; height: 186px; background: url(../images/bg_rodape_14.jpg) no-repeat top center;  }*/
p.roda{
font-size:16px;
font-family:"Trebuchet MS",Arial,Helveltica,sans-serif;
margin-left:40px;
color:#FFFFFF;
margin-top:200px;
}