@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; }
html { 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; font-size:12px; background: #f7bf21; }

a:focus { outline: none; }
a:hover { cursor: pointer;  }

fieldset { border: none; }

small { font-size: 11px; }


h2 { width: 92%; height: 31px; float: left; display: inline; background: url(../images/tit.jpg) repeat-x; position: relative; font-size: 18px; color: #FFFFFF; font-weight:700; padding: 3px 0 0 60px; margin: 10px 0; }
.sapinho { width: 51px; height: 51px; float: left; display: inline; background: url(../images/sapinho.png) no-repeat; position: absolute; top: -6px; left: 10px;  }

/* classes   */
.none 		{ display: none; }
.azul 		{ color: #fbc122; }
.amarelo 	{ color: #0e8ad2; }
.roza 		{ color: #f8b1db; }
.verde		{ color: #a4cc38; }



.dois_banners { width: 980px; height: 97px; margin:8px; float: left; display: inline;}
span.grande { width:722px; height: 90px; float: left; display: inline;  border:2px solid #ec7121; margin-right:3px; }
span.pequeno { width:247px; height: 90px; float: left; display: inline;  border:2px solid #ec7121; background: #333333;}
span.grande img { width:722px; height: 90px; float: left; display: inline; }
span.pequeno img { width:247px; height: 90px; float: left; display: inline;}
#center span.grande { margin-top:60px; }

#topo { width: 100%; height: 351px; float: left; display: inline; }

#geral { width: 997px; height: auto; margin: 0 auto;   }
#geral #bg { width: 997px; height: auto; float: left; display:inline; background: #FFFFFF ;}

#col_esq { width: 726px; height: auto; float: left; display: inline; margin: 0 4px 0 8px;}
#col_dir { width: 247px; height: auto; float: left; display: inline; }
#pulo { width: 230px; height: auto; float: left; display: inline; background: #ebc7e1; margin: 10px 0 10px 10px; }
#pulo h3 { width: 100%; height:50px; background: url(../images/tit_pulo_03.png) no-repeat 30px 0; }
#pulo p { text-align: center; }

#pulo ul { width:100%; height: auto; float: left; display: inline;  }

#pulo ul li { width: 212px; height: 70px; float: left; display: inline; background:#e2c0d9; margin:5px 0 5px 10px; }
#pulo ul li  span { width: 50px; height:auto; float: left; display: inline; text-align: center; font-size: 11px; margin:5px 0 0 0; width:190px; }
#pulo ul li p { margin: 10px 0 0 0; float: left; color:#560540; width:190px; font-size: 14px; font-weight:bold; }



#mural { width: 230px; height: auto; float: left; display: inline; background: #f9d691; margin: 10px 0 10px 10px; } 
#mural h3 { width: 100%; height: 45px; float:left; display:inline; background:url(../images/tit_mural_06.png) no-repeat 50px 5px; }
#mural ul { width:100%; height: auto; float: left; display: inline; }
#mural ul li { width: 212px; height: 85px; float: left; display: block; background:#face77; margin:5px 0 5px 10px; }
#mural ul li small { background: #c07101; font-size:12px; color:#fff; padding:0 3px; }
#mural ul li p a { margin: 5px 0 0 10px; width: 200px; height: auto; float: left; display:block; color:#000; }
#mural ul li a { width: 110px; height: 18px; float: left; display: inline; color: #f4b02b; /*margin:5px 0 0 5px;*/}
#mural ul li span { width:80px; float: left; display: inline; margin: 5px 0 0 10px; font-size:11px; }
#mural ul li a.mande_mensagem { width:95%; background: #c07101; padding:5px; float:right; text-align:center; font-size:14px; }
#mural ul li.bg-none { background:none; margin-bottom:-45px; }

#enquete { width: 230px; height: auto; float: left; display: inline; background: #abeafb; margin: 10px 0 10px 10px; } 
#enquete h3 { background: #cbf2fd; width: 210px; height: 40px; float: left; display:inline; margin: 5px 0 0 5px; padding:5px; color: #016b88; }
#enquete form#enquete {  width: 220px; height: auto; float: left; display: inline; margin:10px 0 0 10px; }
#enquete form#enquete fieldset {  width: 210px; height: auto; float: left; display: inline;  }
#enquete form#enquete input { width:15px; height:auto; float: left; display: inline; }
#enquete form#enquete label { width:180px; height: auto; margin: 0 0 0 5px; float: left; display:inline; }
#enquete form#enquete a { width: 70px; height:20px; color: #FFFFFF; float: left; display: inline; background: #01799a; padding: 4px 0 0 0; text-align:center; margin:5px 0 10px 20px; text-transform:uppercase; }

#enquete form#enquete input.butonn  { width: 70px; height:24px; color: #FFFFFF; font-size:12px; font-weight:bold; float: left; display: inline; background: #01799a; padding: -2px 0 0 0; text-align:center; margin:5px 0 10px 25px; text-transform:uppercase; cursor:pointer; }
#enquete form#enquete a#parciais { font-weight:bold; font-size:12px; }

#contador { width: 230px; height: auto; float: left; display: inline; background: #E5E3E3;  margin: 10px 0 10px 10px; }
#contador p { width: 100%; color: #000; float: left; display: inline;  text-align: center; margin:10px 0; } 
#contador p strong { font-size:16px; color: #F3810F; }

#newsletter { width: 230px; height: auto; float: left; display: inline; background: #fceec7; margin: 10px 0 10px 10px; } 
#newsletter h3 { width: 200px; height: 26px; float: left; display: inline; background:url(../images/tit_news.png) no-repeat 60px 5px;} #newsletter p { width: 100%; float: left; display: inline; margin:0 0 0 10px; font-weight:600; }
#newsletter form#news { width: 220px; height: auto; float: left; display: inline; margin:10px 0 0 10px; }
#newsletter form#news fieldset {  width: 210px; height: auto; float: left; display: inline;  }
#newsletter form#news fieldset input { width: 208px; height: 21px; border: 1px solid #000000; margin: 0 0 5px 0; padding: 2px 0 0 2px}
#newsletter form#news input#cadastrar { width: 80px; height: 25px; float: left; display: inline; color:#000000; ;  text-align: center; background: #f9d15f; border: 1px solid #f8bf1d;cursor: pointer; margin: 5px 0 10px 60px; } 

#tv_sapo { width: 230px; height: auto; float: left; display: inline; background: #ed7122; margin: 10px 0 0 10px; } 
#tv_sapo h3 { width: 200px; height: 32px; float: left; display: inline; background:url(../images/tit_video.png) no-repeat 55px 5px;}
#tv_sapo a { width: 199px; height: 149px; float: left; display: inline; border:1px solid #FFF; margin: 10px 0 0 15px; position:relative; }
#tv_sapo a span { width: 95px; height: 91px; background: url(../images/seta_video.png) no-repeat 0 0; position: absolute; top:30px; left: 55px; }
#tv_sapo a img { width: 199px; height: 149px; float: left; display: inline; }
#tv_sapo p { width: 210px; float: left; display: inline; margin: 5px 0 10px 13px; color:#FFFFFF; font-size: 14px;  font-weight:700; }

#loja { width:650px; margin:0 auto; padding:0; }
#loja h2 { width: 98%; height: 31px; float: left; display: inline; background: url(../images/tit.jpg) repeat-x; position: relative; font-size: 16px; color: #FFFFFF; font-weight:700; padding: 3px 0 0 60px; margin: 10px 0; }
#loja p.vermelho { text-align:center!important; font-size:18px!important; }
#loja ul.produtos { margin:0 auto; padding:0; }
#loja ul.produtos li { float:left; margin:3px; }

<!-- Formulario de cadastro de compra -->
form#cadas-loja { margin:60px auto 20px auto; padding:10px; width:460px; }
form#cadas-loja fieldset { background-color:#FFFFCC; border:1px solid #F9D691; width:460px; margin:10px auto; padding:15px; }
form#cadas-loja fieldset legend { font-size:18px; padding:0 5px; text-align:center; font-weight:bold; color:#000; }
form#cadas-loja fieldset span { float:left; margin:5px 0; }
form#cadas-loja fieldset span label { float:left; width:100px; }
form#cadas-loja fieldset span input#camisa01, form#cadas-loja fieldset span input#camisa02 { width:60px; padding:10px 0 0 -10px; }
form#cadas-loja fieldset span input#quantidade { width:60px; padding-top:5px; }
form#cadas-loja fieldset span input { float:left; width:300px; height:25px; border:1px solid #F9D691; }
form#cadas-loja fieldset span select { float:left; width:300px; height:25px; border:1px solid #F9D691; }
form#cadas-loja fieldset span input:hover, form#cadas-loja fieldset span select:hover { border:1px solid #C07101; }
form#cadas-loja fieldset span input#enviar { float:left; background-color:#C07101; border:1px solid #F9D691; color:#fff; width:80px; cursor:pointer; }
form#cadas-loja fieldset span input#enviar:hover { border:1px solid #000; }
form#cadas-loja fieldset span textarea { border:1px solid #F9D691; width:300px; height:80px; }
form#cadas-loja fieldset span textarea:hover { border:1px solid #C07101; }






#destaque { width: 310px; height: 220px; float: left; display: inline; background: #f3810f; position: relative; margin: 10px 0 0 0; }
#destaque #navegar { width: 35px; height: 29px; float: left; display: inline; background: #f48e29; position: absolute; bottom: 0; right: 5px; }
#destaque #navegar span { width: 16px; height: 29px; float: left; display: inline; }
#destaque #navegar span a { width: 16px; height: 29px; float: left; display: inline; background: #333333; }
#destaque #navegar span a img {  width: 16px; height: 29px; float: left; display: inline; }
#destaque .imagem { width: 300px; height: 181px; float: left; display: inline; margin: 5px 0 0 5px; }
#destaque .imagem p {width: 270px; float: left; display: inline; font-weight:600; color:#FFF; line-height:14px;  }
#destaque .imagem p a:link { color:#FFF; }
#destaque .imagem p a:hover { color:#FFF; }

#noticia_tres { width: 385px; height: 220px; float: left; display: inline; margin: 10px 0 0 30px;  }
#noticia_tres ul { width: 385px; height: auto; float: left; display: block; }
#noticia_tres ul li { width: 100%; height: 75px; float: left; display: inline; }
#noticia_tres ul li a img {  width: 95px; height: 60px; float: left; display: inline; border: 2px solid #eb008b; margin: 0 10px 0 0;}
#noticia_tres ul li small { width: 180px; float: left; display: inline; color: #000000; }
#noticia_tres ul li p  { line-height: 15px; }
#noticia_tres ul li p a { width: 270px; height: auto; float: left; display: inline; color: #fac11c;  font-size: 14px; font-weight:600; }

#outras_noticias { width: 370px; height: auto; float: left; display: inline; margin: 10px 0 0 0;}
#outras_noticias h2 { width: 310px!important; float: left; display: inline;  }
#outras_noticias ul { width: 100%; height: auto; float: left; display: block; margin: 10px 0; }
#outras_noticias ul li { width: 100%; height: auto; float: left; display: inline; margin: 0 0 5px 0; }
#outras_noticias ul li p a { width: 100%; height: auto; float: left; display: inline; font-size: 14px; font-weight:700; }


#carnafolia { width: 345px; height: auto; float: left; display: inline; margin: 10px 0 0 10px  }
#carnafolia h2 { width: 287px; float: left; display: inline;}
#carnafolia span.flash { width: 340px; height: 240px; float: left; display: inline; margin: 20px 0 0 0; }



#foto_folia { width: 100%; height: auto; float: left; display: inline; margin: 10px 0 20px 0; }
#cont_foto { width: 100%; height: 310px; float: left; display: inline; background: #b9d442;  }
#cont_foto hr { width: 90%; height:5px; border-bottom: 1px solid #9cad51; float: left; display: inline; margin: 10px 0 15px 30px }
#foto_folia #cont_foto a.foto_folia img { width:208px; height:162px; }
#cont_foto a.foto_folia { width:208px; height: 156px; float: left; display: inline; margin: 10px; }
#cont_foto small, #cont_foto p a  { color: #FFFFFF; width: 490px; float: left; display: inline; margin: 5px 0 0 0 ; }
#cont_foto h3 a { color:#FFFFFF; font-size:24px;  }
#cont_foto p a p,  { color:#FFF!important; font-size:16px; }
.ie #cont_foto p a p { font-size:16px; }
#cont_foto p a p:hover { color:#FFF!important; font-size:14px;  }
.ie #cont_foto p a p:hover { font-size:16px; }
#cont_foto ul { width: 100%; height: auto; float: left; display: inline; margin: 10px 0 0 0; }
#cont_foto ul li { width: 215px; height: 80px; float: left; display: inline; margin: 0 0 0 20px; }
#cont_foto ul li small {  width:110px; float: left; }
#cont_foto ul li a.peq { width: 100px; height: 72px; float: left; display: inline; }
#cont_foto ul li a.peq img { width: 96px; height: 72px; float: left; display: inline; }
#cont_foto ul li h4 a { font-size:14px; color:#FFFFFF;}


#click { width: 250px; height:275px; float: left; display: inline; margin: 10px 5px 0 0; background: url(../images/foto_folia.jpg) no-repeat 0 55px; }
span.nada { width:250px; height:200px; display:block; margin:50px auto }
#click h2  {width: 100%!important;}
#foto_folia h2 span.link-dir a  { float:right!important; margin-right:10px; color:/*#ED7122*/#fff!important; font-size:14px; margin-top:3px;}
#click ul { width: 100%; height: auto; float:left; display:inline; background:#f9d15f; margin: 0 0 10px 0}
#click ul li { width: 220px; height: 200px; float: left; display: inline; background:#fbde8e; margin: 10px 0 10px 15px; }
#click ul li a img { width: 191px; height: 125px; float: left; display:inline; margin: 10px 0 5px 15px; }
#click ul li small { width:191px; float:left; display:inline; margin:0 0 0 10px; }
#click ul li h4 a { color: #f39d4d; font-size:13px; margin:0 0 0 10px; }


ul#fotos { margin:25px auto 30px 20px; padding:0 0 0 50px; width:600px; height:145px; background-color:#F9D691; display:block; }
ul#fotos li { float:left; margin:10px 15px; width:80px; text-align:center; }
ul#fotos li small { clear:both; }
ul#fotos li img { border:3px solid #C07101; }

#cadastro-newsletter { margin:20px 0 0 160px; width:500px }
#cadastro-newsletter img#sapo { margin-left:100px; }
#cadastro-newsletter p { margin:10px 0; width:430px; text-align:center; }
form#newsletter { margin:30px auto 0 auto; padding:10px; width:410px; background-color:#FFFFCC; border:1px solid #F9D691;}
form#newsletter fieldset { border:none }
form#newsletter fieldset legend { font-size:18px; width:400px; text-align:center; font-weight:bold; color:#000; }
form#newsletter fieldset span { float:left; margin:5px 0; }
form#newsletter fieldset span label { float:left; width:100px; }
form#newsletter fieldset span input { float:left; width:300px; height:25px; border:1px solid #F9D691; }
form#newsletter fieldset span input:hover { border:1px solid #C07101; }
form#newsletter fieldset span input#enviar { float:right; background-color:#C07101; border:1px solid #F9D691; color:#fff; width:80px; cursor:pointer; }
form#newsletter fieldset span input#enviar:hover { border:1px solid #000; }
form#newsletter fieldset span textarea { border:1px solid #C07101; width:300px; height:80px; }
form#newsletter fieldset span textarea { border:1px solid #F9D691; }

#publicidade { margin:0 auto; 700px; }
#publicidade p { text-align:justify; padding:0 10px; font-size:12px; margin-bottom:10px; }
#publicidade big { text-align:center; font-size:16px; font-weight:bold; margin-bottom:15px; }
#publicidade table { margin:15px auto 0 auto; width:600px; padding:0px; text-align:center; font-size:14px; border:1px solid #DFB96F; }
#publicidade table tr { height:20px; }
#publicidade table tr.cabecalho { background-color:#DFB96F; color:#000; font-size:16px; font-weight:bold;  }
#publicidade table tr.cor-creme { background-color:#F9D691;  }
#publicidade table tr td { border:1px solid #fff }

p.cor-preta { color:#000; font-size:16px; font-weight:normal; text-align:center; margin-bottom:10px; width:100%; }
p.cor-vermelha { color:#CC3300; font-size:14px; text-align:center; margin-bottom:10px; }  
#contato { width:715px; margin:0 auto; padding:0;}
#contato p.center { text-align:center; margin:40px 0 20px 0; font-size:18px; font-weight:bold; }
#contato h2 { color:#326032!important; font-size:20px!important; font-weight:bold!important; }
#contato ul.fale { margin:0 auto; padding:0; clear:both; }
#contato ul.fale li.esq, #contato ul.fale li.dir { float:left; margin-left:30px; }
#contato ul.fale li img { border:3px solid #A5CD39; }

#foliao { width:715px; margin:0 auto; padding:0; clear:both; }
#foliao a { width:715px; }
#foliao a img#foto-destaque { margin:25px 230px 0 230px; border:3px solid #A5CD39; padding:5px; width:250px; height:250px; }
#foliao a small#comentario-destaque { text-align:center; color:#333; margin:0 auto!important; }
#foliao ul.foto-folia { margin:50px auto 0 -15px; padding:0; width:690px; }
#foliao ul.foto-folia li { float:right; width:180px; padding:3px; margin:10px; color:#333;}
#foliao ul.foto-folia li img { padding:2px; width:130px; height:135px; border:3px solid #A5CD39; margin-left:15px; }
#foliao ul.foto-folia li p { color:#333; padding-top:5px; font-size:11px; font-weight:lighter; text-align:center; }


#grito { width: 250px; height:auto; float: left; display: inline; margin: 10px 0 0 0;  }
#grito h2 { width: 190px; }
#grito #bg_grito { width: 250px; height: 218px; float:left; display: inline; background: #F9D15F;  }
#grito #bg_grito a { padding-bottom:5px; }
#grito a img { width: 100px; height: 90px; float: left; display:inline; margin: 10px 5px 0 5px; }
#grito small { float:left; display:inline; margin:5px 0 0 10px; font-size:10px; }
#grito small a { color:#ED7122; }
#grito h4 a { width:228px; color: #ED7122; font-size:13px; margin:5px 5px 0 10px; float: left; display: inline; }
#grito  p {   margin: 0 0 0 5px; }
#grito  p a{ color: #000; padding:10px 3px 5px 3px; text-align:justify; height:100px; display:block; }
#grito  p small { margin-top:10px; display:block; height:20px; clear:both; border:1px solid red }
 
#micareta { width: 215px; height:275px; float: left; display: inline; margin: 10px 0 0 5px;   }
#micareta h2 { width: 155px; }
#bg_mica {width: 215px; height:218px; float: left; display: inline; background: #FBDE8E url(../images/micaretas.png) no-repeat  0 15px; }
#bg_mica p { margin:10px; color: #000000; }
#bg_mica p a { color: #000000; }
.vermelho { color: #FF0000; }

#rodape #parceiros { clear:both; width:963px; height:80px; /*float: left;*/ display:block; margin:0 auto; /*position:relative;*/ }
#parceiros h2 { width: 11px; height: 47px;  background: url(../images/parceiros.jpg) no-repeat; /*position: absolute; top:0; left: 0;*/}
#parceiros ul { height: auto; float:left; display:inline; margin:5px auto 0 auto; padding:0;}
#parceiros ul li {  width:110px; height: 55px; float: left; display: inline; margin: 0 0 0 30px;}

div#noticia_int #parcer{ width:710px; margin:0 auto; padding:0;}
div#noticia_int #parcer ul.parceiro-lista { margin:0 auto; padding:0; width:600px; }
div#noticia_int #parcer ul.parceiro-lista li { float:left; margin:10px 5px; }

#noticia_int ul#mais-videos        { margin:0; padding:0; }
#noticia_int ul#mais-videos li     { width:200px; height:200px; padding:5px; float:left; margin:0 0 10px 10px; background-color:#EFD1E8; border:1px solid #BF83B0; }
#noticia_int ul#mais-videos li p a { font-size:11px; color:#333; }
#noticia_int ul#mais-videos li p a:hover { font-size:11px; color:#333; }


#rodape { width: 100%!important; height:208px; float:left; display:inline;  background:url(../images/rodape.png) bottom center; position:relative; }
#rodape #center { width: 995px; height: auto; margin: 0 auto;  }
#rodape #center .grande { width: 722px; height: 90px; float: left; display: inline; margin: 0 0 0 8px; border: 2px solid #EC7121; }

#coperight { width: 100%; height: auto; position:absolute; bottom:10px; left:0; z-index: 9999999;  }
#coperight p { text-align: center; }
span.logo { width: 190px; height: 25px; float:left; position:absolute; top: 175px; right:10%; z-index: 999999999;}