@charset "iso-8859-1";
/* CSS Document */

/************* BASE *****************/
*{ padding:0; margin:0;  line-height:normal; }
body{ background:url(images/bg_site.png) no-repeat top center  #FFF; font-family: Arial, Helvetica, sans-serif; font-size:12px;  }
img {border:0}
.clear{clear:both}
p{ margin:8px 0;  }

h3{font-size:18px }

/******* TITLE CONFIG **********/
h3.title_noar { background:url(images/title_noar.png) no-repeat top right; width:70px; height:14px; margin:10px 0 0 12px }
h3 img{ margin-top:4px }

h3.title_destaque { background:url(images/title_destaque.png) no-repeat top right; width:130px; height:17px; margin:10px 0 0 12px;  }
h3.title_destaque img{ margin-top:4px }

h3.title_noticias { background:url(images/title_noticias.png) no-repeat top right; width:90px; height:17px; margin:10px 0 0 12px;  }
h3.title_noticias img{ margin-top:4px }

h3.title_top10 { background:url(images/title_top10.png) no-repeat top right; width:190px; height:17px; margin:10px 0 0 12px;  }
h3.title_top10 img{ margin-top:4px }

h3.title_mural { background:url(images/title_mural.png) no-repeat top right; width:170px; height:17px; margin:10px 0 0 12px;  }
h3.title_mural img{ margin-top:4px }

h3.title_enquete { background:url(images/title_enquete.png) no-repeat top right; width:90px; height:17px; margin:10px 0 0 12px;  }
h3.title_enquete img{ margin-top:4px }

h3.title_newsletter { background:url(images/title_newsletter.png) no-repeat top right; width:115px; height:17px; margin:10px 0 0 12px;  }
h3.title_newsletter img{ margin-top:4px }

h3.title_recado { background:url(images/title_recado.png) no-repeat top right; width:170px; height:17px; margin:10px 0 0 12px;  }
h3.title_recado img{ margin-top:4px }

h3.title_faleconosco { background:url(images/title_faleconosco.png) no-repeat top right; width:130px; height:17px; margin:10px 0 0 12px;  }
h3.title_faleconosco img{ margin-top:4px }

h3.title_programacao { background:url(images/title_programacao.png) no-repeat top right; width:130px; height:18px; margin:10px 0 0 12px;  }
h3.title_programacao img{ margin-top:4px }

h3.title_servicos { background:url(images/title_servicos.png) no-repeat top right; width:90px; height:18px; margin:10px 0 0 12px;  }
h3.title_servicos img{ margin-top:4px }

h3.title_programas { background:url(images/title_programas.png) no-repeat top right; width:110px; height:18px; margin:10px 0 0 12px;  }
h3.title_programas img{ margin-top:4px }

h3.title_resultado { background:url(images/title_resultado.png) no-repeat top right; width:110px; height:18px; margin:10px 0 0 12px;  }
h3.title_resultado img{ margin-top:4px }

h3.title_clube { background:url(images/title_clube.png) no-repeat top right; width:170px; height:18px; margin:10px 0 0 12px;  }
h3.title_clube img{ margin-top:4px }

h3.title_podcast { background:url(images/title_podcast.png) no-repeat top right; width:90px; height:18px; margin:10px 0 0 12px;  }
h3.title_podcast img{ margin-top:4px }

h3.title_publicidade { background:url(images/title_publicidade.png) no-repeat top right; width:125px; height:18px; margin:10px 0 0 12px;  }
h3.title_publicidade img{ margin-top:4px }



/************* LAYOUT *****************/
#frame { width:960px; height:auto; margin:0 auto; }
.flash_menu {float:left; width:960px; height:280px;}
.top{background:url(images/bg_top.png) top center no-repeat; width:960px; height:30px; float:left; }
#meio { background:url(images/bg_meio.png) repeat-y top center; width:960px; height:auto; margin:0 auto; }


/******* LOCALIZANDO LOCAIS NO SITE ( LEFT, RIGHT E CENTER )**********/

#left{ width:250px; height:auto; padding: 0 0 0 30px; float:left; margin-top:-70px }
#left .UOLWidgetsStyle{  margin:0px 0 10px  25px !important; float:left; }

#center { float:left; width:680px; height:auto; }
#center .banner { margin:0pt 30px 10px 0; float:right  }
#center img.banner_350x150{margin:20px 0 0 10px}
#center .banner_160x90px{ float:left; margin:20px 0 0 3px; width:350px; text-align:center; }
#center .banner_160x90px img{ margin:5px 0 }
#center .center{ width:370px; height:auto; float:left; padding-left:28px; margin-top:20px }
#center .right1{float:right; width:260px; height:auto; }

#center span.decri{display:block; margin:12px 0; font-size:17px; color:#666; font-weight:bold }
#center span.data{ color:#333; margin:5px 0 0; display:block; font-style:italic }

/************* BOTTOM *****************/
#bottom{ background:url(images/bg_bottom.png) top center no-repeat; width:960px; height:120px; margin:0 auto;  }
#bottom p{ float:right; margin:20px 10px 0 0; font-size:11px; color:#666}
#bottom img{ float:right; margin:-30px 20px 0 0 }

#bottom .banner_160x90px{ margin:0 auto; width:350px; text-align:center; }
#bottom .banner_160x90px img{ margin:0 5px }


/******* BOX TAMANHO GRANDE **********/
.box_large{ width:364px; height:auto; float:left; margin:20px 0 0 0 }
.box_large .top{ background:url(images/bg_cont_top_large.png) no-repeat top center; width:364px; height:10px; float:left }
.box_large .bottom{ width:364px; height:37px; background:url(images/bg_cont_bottom_large.png) bottom center no-repeat; float:left }

.box_large .meio{ background:url(images/bg_cont_center_large.png) repeat-y top center; width:364px;  height:auto; float:left; }
.box_large .meio .span{ margin:12px 30px; display:block }
.box_large .meio p { font-size:13px; color:#333; margin:8px 0 }
.box_large .meio p span{ color:#F30; font-weight:bolder }

.box_large .noticia a{ color:#000; text-decoration:none }
.box_large .noticia a:hover{ text-decoration:underline }

.box_large span.enquete { width:320px; height:auto; float:left; margin:5px 30px ;  }
.box_large span.enquete p { font-size:12px; margin:0 }

.box_large span.enquete ul { list-style:none; margin:5px 0 }
.box_large span.enquete ul li{ margin:3px 0; font-size:11px; width:100%; float:left}
.box_large span.enquete ul li input { float:left; margin:0 7px 0 0 } 
.box_large span.enquete ul li label { float:left; }


/******* BOX TAMANHO PEQUENO **********/
.box_small{ width:229px; height:auto; float:left; margin-bottom:20px }
.box_small .top{ background:url(images/bg_cont_top.png) no-repeat top center; width:229px; height:10px; float:left }
.box_small .bottom{ width:229px; height:30px; background:url(images/bg_cont_bottom.png) bottom center no-repeat; float:left }

.box_small .meio{ background:url(images/bg_cont_center.png) repeat-y top center; width:229px;  height:auto; float:left; }
.box_small .meio .span{ margin:12px 30px; display:block }
.box_small .meio p { font-size:13px; color:#333; margin:8px 0 0 }
.box_small .meio p span{ color:#F30; font-weight:bolder }

.box_small span.recados { width:100%; height:auto; float:left; display:block;  }
.box_small p.box{display:block; float:left; width:145px;}
.box_small .recados span{float:left; display:block; }
.box_small .recados img { float:left; margin:10px 7px 0 8px} 
.box_small .recados a{ color:#000; text-decoration:none; display:block; width:280px; padding:5px 0 3px 0; background:url(images/bg_border.gif) no-repeat 45% 100% ; }
.box_small .recados a:hover{ text-decoration:underline }

.box_small span.enquete { width:190px; height:auto; float:left; margin:5px 30px ;  }
.box_small span.enquete p { font-size:12px; margin:0 }

.box_small span.enquete ul { list-style:none; margin:5px 0 }
.box_small span.enquete ul li{ margin:3px 0; font-size:11px; width:100%; float:left}
.box_small span.enquete ul li input { float:left; margin:0 7px 0 0 } 
.box_small span.enquete ul li label { float:left; }


/******** CONFIGURAÇÕES DE LINK DOS BOX ************/
ul.link_box { float:right; list-style:none }
ul.link_box li { background:url(images/bg_title_link_center.png) repeat-x bottom; float:left; height:19px; }
ul.link_box li a { color:#FFF; font-size:12px; text-decoration:none; font-weight:bold; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
ul.link_box li a:hover { color:#F90}
ul.link_box li.left { background: url(images/bg_title_link_left.png) no-repeat; height:19px; width:41px }
ul.link_box li.right { background: url(images/bg_title_link_right.png) no-repeat; height:19px; width:20px; border:0 }

ul.link_box1 { float:left; list-style:none }
ul.link_box1 li { background:url(images/bg_title_link_center1.png) repeat-x bottom; float:left; height:19px; }
ul.link_box1 li a { color:#FFF; font-size:12px; text-decoration:none; font-weight:bold; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
ul.link_box1 li a:hover { color:#F90}
ul.link_box1 li.left { background: url(images/bg_title_link_left1.png) no-repeat; height:19px; width:12px }
ul.link_box1 li.right { background: url(images/bg_title_link_right1.png) no-repeat; height:19px; width:40px; border:0 }





.top10 span{float:left; display:block; padding:5px 5px 3px 0; font-size:16px; }
.top10 .a{ color:#000; text-decoration:none; display:block; width:180px; padding:5px 0 3px 0; background:url(images/bg_border.gif) no-repeat 45% 100% ; }
.top10 .a:hover{ text-decoration:underline }
/*.top10 a:hover{ text-decoration:underline }*/

.servicos { float:left; margin:0 25px}
.servicos ul li{ list-style:url(images/list_style.gif);  margin:5px 0}
.servicos ul li a{ color:#000; text-decoration:none; display:block; width:180px; padding:5px 0 3px 0; background:url(images/bg_border.gif) no-repeat 45% 100% ; }
.servicos  ul li a:hover{ text-decoration:underline }

.noticias {width:600px; height:auto; float:left; padding:10px; border-bottom:1px inset #999}
.noticias h3 { font-size:14px; margin:0 0 5px 0 }
.noticias img{ float:left; margin:0 12px 0 0; border:1px solid #CCC; padding:1px }
.noticias img:hover{ border:1px solid #009}
.noticias span a{ color:#000; text-decoration:none; }
.noticias span a:hover{ text-decoration:underline }

.programas {width:600px; height:auto; float:left; padding:10px; border-bottom:1px inset #999}
.programas h3 { font-size:14px; margin:0 0 5px 0 }
.programas img{ float:left; margin:0 12px 0 0; border:1px solid #CCC; padding:1px }
.programas img:hover{ border:1px solid #009}
.programas span a{ color:#000; text-decoration:none; }
.programas span a:hover{ text-decoration:underline }
.programas span.hora{ font-size:13px }

.recados1 { width:100%; height:auto; float:left; display:block;  }
.recados1 p.box{display:block; float:left; width:145px;}
.recados1 span{float:left; display:block; }
.recados1 img { float:left; margin:10px 7px 0 8px} 
.recados1 a{ color:#000; text-decoration:none; display:block; width:280px; padding:5px 0 3px 0; background:url(images/bg_border.gif) no-repeat 45% 100% ; }
.recados1 a:hover{ text-decoration:underline }

enquete { width:190px; height:auto; float:left; margin:5px 30px ;  }
enquete p { font-size:12px; margin:0 }

.resultado { margin:0 10px; float:left; width:90% }
.resultado ul { list-style:none; margin:5px 15px }
.resultado ul li{ margin:3px 0; font-size:12px; width:100%; float:left;}

#play { margin:10px 0px 0 14px; float:left }


/************ FORMULARIO ********************/
.form { width:320px; height:auto; float:left; margin:5px 30px; }
.form p { font-size:12px; margin:0 }

.form ul { list-style:none; margin:5px 0 }
.form ul li{ margin:3px 0; font-size:11px; width:100%; float:left; width:100%;}
.form ul li input { float:left; margin:0 7px 0 2px; padding:1px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px } 
.form ul li textarea{ width:180px; height:80px; margin-left:2px; overflow:auto}
.form ul li label { float:left; width:70px; text-align:right; }
.bt{ border:0; background:0; color:#FFF; font-weight:bold; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
.bt:hover{ color:#F90; cursor:pointer }


.listar td{ padding:5px 0}
.listar a{ color:#000; text-decoration:none }
.listar a:hover{ text-decoration:underline }



/*
	SLIDER
*/
.slider-wrap								{ width: 350px; margin:10px 0 0 0; float:left; }			
.stripViewer .panelContainer 				{ margin-top:2px; }
.panel ul									{ text-align: left; margin: 15px 15px 0 30px; }
.panel	a									{ color:#FFF; font-weight:bold; text-decoration:none; font-size:12px}

.stripViewer								{ position: relative; overflow: hidden; width: 370px; height: 260px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 370px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }

.nav-thumb 									{ border: none; float:left; }

#movers-row									{ margin: 5px 0 0; width:370px; float:left; }
#movers-row div								{ width: 60px; float: left; margin:0 8px 0 5px;  }
#movers-row div a.cross-link 				{ float: right; }

.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }