/********************************************
*	@Author: Ely Cabral 					*
*	@Email: contato@communiq.com.br			*
*	@Fone: +55 83 3247.1210					*
*	@Copyright: Communiq.com.br				*
*	@Version: 2010							*
*	@Ouvindo: Cordel do Fogo Encantado		*
*			  Caetano Veloso 				*
*			  Chico Buarque					*
*			  Chico Cesar					*
*			  Totonho e os Cabra			*
*			  Tom Zé						*
*			  Chico Correa					*
********************************************/

/******************** class **********************/
.none{display:none;}

h2{color:#fff; width:100%; float:left; display:inline; font-size:20px; font-weight:lighter; font-family:Zag Bold, Trebuchet MS, sans-serif; padding-bottom:1px !important; margin-bottom:15px; border-bottom:1px solid #ad3233;}
a.a_right{float:right; display:inline; margin:10px 0 0 0;}
p, small{color:#fff; font-size:12px;}
a{color:#fff; font-size:12px;}
a:hover{text-decoration:underline;}

.communiq{position:absolute; bottom:5px; right:15%; width:71px; height:30px;}
.communiq a{float:left; display:inline; width:71px; height:30px;}

ul.resize{float:right; display:inline; width:100%;  margin:0 0 15px 0;}
ul.resize li{float:right; display:inline; margin-right:15px; text-align:center;}
ul.resize li a{ float:left; display:inline; margin:0; text-align:center;}
ul.resize li a:hover{text-decoration:none; color:#333;}

*{margin:0; padding:0; border:0; list-style:none; text-decoration:none; font-family: Trebuchet MS, sans-serif; outline:none}

body{background:#6e2424 url('../images/bg_body.jpg') repeat-x top left;}

/******************** div#wrap *********************/
div#wrap{width:100%; height:auto !important; min-height:100%; height:100%;  position:relative; background:url('../images/bg_wrap.jpg') no-repeat top center; overflow:auto; overflow:hidden; padding-bottom:270px;}

/******************** div#geral *********************/
div#geral{width:960px; margin:0 auto; padding:0 15px 0 15px;}

/******************** div#topo *********************/
div#geral div#topo{width:100%; height:191px; float:left; display:inline;}
div#geral div#topo h1{width:163px; height:145px; float:left; display:inline; margin:20px 0 0 20px;}
div#geral div#topo h1 img{width:100%; height:100%; float:left; display:inline;}

div#geral div#topo ul#menu{width:560px; float:right; display:inline; margin:15px 0 0 0;}
div#geral div#topo ul#menu li{float:left; display:inline; border-right:1px solid #ef8b7f; border-left:1px solid #8a623f;}
div#geral div#topo ul#menu li:hover{background:none;}
div#geral div#topo ul#menu li.no_border_left{border-left:none;}
div#geral div#topo ul#menu li.no_border_right{border-right:none;}
div#geral div#topo ul#menu li a{color:#fff; font-size:14px; padding:0 10px 0 10px;}
div#geral div#topo ul#menu li ul li{border:0;}
div#geral div#topo ul#menu li ul li a{font-size:12px;}
div#geral div#topo ul#menu li ul li:hover{background:#5f0a0a;}
div#geral div#topo ul#menu li ul li a:hover{text-decoration:none; color:#999}

/******************** div#banner *********************/
div#geral div#banner{width:923px; float:left; display:inline;}
div#geral div#banner img{width:903px; height:268px;}

/******************** div#conteudo *******************/
div#geral div#conteudo{width:923px; float:left; display:inline;}

/******************** div#videos *********************/
div#geral div#videos{width:100%; height:222px; float:left;  display:inline; position:relative; margin:20px 0 20px 0;}

div#geral div#videos a#left{position:absolute; left:0; top:110px;}
div#geral div#videos a#right{position:absolute; right:0; top:110px;}

div#geral div#videos ul{width:788px; margin:50px auto;}
*div#geral div#videos ul{width:825px; margin:15px auto;}
div#geral div#videos ul li{float:left; display:inline; margin:0 15px 0 15px; width:170px; height:140px; border:7px solid #fff;}
*div#geral div#videos ul li{margin:0 10px 0 10px; }
div#geral div#videos ul li img{float:left; display:inline; width:100%; height:100%;}

/******************** div#col_left *********************/
div#geral div#col_left{width:310px; float:left; display:inline; margin:0 30px 0 0;}

/******************** div#empresa *********************/
div#geral div#col_left div#empresa{width:100%; float:left; display:inline;}
div#geral div#col_left div#empresa img{width:109px; height:129px; border:1px solid #fff; float:left; display:inline; margin:0 10px 0 0;}

/******************** div#noticias *********************/
div#geral div#col_left div#noticias{width:100%; float:left; display:inline;}

div#geral div#col_left div#noticias ul{width:100%; float:left; display:inline;}
div#geral div#col_left div#noticias ul li{width:290px; padding:3px 9px 3px 9px; margin:0 0 7px 0; float:left; display:inline;}
div#geral div#col_left div#noticias ul li.zebra{background:#fff; border:1px solid #dedede;}
div#geral div#col_left div#noticias ul li.zebra a, div#geral div#col_left div#noticias ul li.zebra small{color:#581212;}

/******************** div#col_right *********************/
div#geral div#col_right{width:546px; float:right; display:inline; margin:0 0 0 0;}

div#geral div#col_right div#programacao, div#geral div#col_right div#roteiros, div#geral div#col_right div#quem_ve{width:100%; float:left; display:inline; margin:0 0 15px 0;}
div#geral div#col_right div#programacao img, div#geral div#col_right div#roteiros img, div#geral div#col_right div#quem_ve img{width:109px; height:129px; border:1px solid #fff; float:left; display:inline; margin:0 10px 0 0;}
div#geral div#col_right div#programacao h2, div#geral div#col_right div#roteiros h2, div#geral div#col_right div#quem_ve h2{width:419px}

/******************** div#rodape *********************/
div#rodape{width:100%; height:237px; float:left; display:inline; position:absolute; left:0; bottom:0 !important; background:url('../images/bg_rodape.jpg') repeat-x top left; clear:both;}
div#rodape div#cont_rodape{width:960px; margin:0 auto; border-top:1px solid #ad3233;}

div#rodape div#cont_rodape ul.menu{width:134px; height:112px; float:left; display:inline; margin:50px 50px 0 0;}
div#rodape div#cont_rodape ul.menu li{list-style-position:inside; list-style-image:url('../images/list_style.png'); margin:0 0 5px 0;}
*div#rodape div#cont_rodape ul.menu li{list-style-position:outside; margin:0 0 10px 0; line-height:0.8;}

div#rodape div#cont_rodape div#newsletter{width:314px; float:left; display:inline; margin:50px 0 0 0;}
div#rodape div#cont_rodape div#newsletter input{color:#a3a3a3; font-size:12px; height:23px; width:275px; border:1px solid #ededed; float:left; display:inline;}
div#rodape div#cont_rodape div#newsletter input#ok{width:30px; float:right; display:inline; cursor:pointer; background:#fff; height:24px;}

div#rodape div#cont_rodape div#midias{float:right; display:inline; width:80px; margin:50px 0 0 0;}
div#rodape div#cont_rodape div#midias ul{float:right; display:inline; margin:10px 0 0 0}
div#rodape div#cont_rodape div#midias ul li{float:left; display:inline;}

div#rodape  p.copy{position:absolute; bottom:10px; width:100%; text-align:center;}