/* 
Theme Name: Programa
Theme URL: http://www.cherryplus.com.br
Description: Template do site Programa de Índio
Author: Cherry Plus
Author URI: http://www.cherryplus.com.br
Version: 1.0.0

Obviously, you may edit the above info upon your customization.
Though I wouldn't mind a link somewhere... *hint hint*
*/
/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */


/* CSS Document */

*{
	margin: 0;
	padding: 0;
	border: 0;
}

body{
	/*background: url(img/bg.gif);*/
	background: #CDC5AF;

}

#geral{
	margin: 0 auto;
	width:1009px;
	background: url(img/bgcontent.png) no-repeat;
}

#geralinternas{
	margin: 0 auto;
	width:1009px;
	background: url(img/bginternas.png) no-repeat;
}

/***********************************************
CABECALHO
***********************************************/

#header{
	width:950px;
	height:160px;	
}

#logo a{
	display: block;
	width:292px;
	height:70px;
	padding: 47px 0 0 0px; 
	float: left;
	background: url(img/logo.png) no-repeat;
	text-indent: -9000px;
	margin-top: 45px;
}

/***************************************
MENU
****************************************/

#menu{
	display: block;
	width:715px;
	height:55px;
	margin-left: 292px;
	padding-top: 85px;
}

#menu ul li{
	display:inline;

}

#menu ul li a{
	display:block;
	float:left;
    background: transparent url(img/menu.png) no-repeat 0 0;
    height:55px;
    text-indent: -9000px;
    overflow: hidden;
}   

#bt1{ width:240px; }
#bt2{ width:80px; background-position: -240px 0!important;}
#bt3{ width:110px; background-position: -320px 0 !important;}
#bt4{ width:130px; background-position: -430px 0 !important;}
#bt5{ width:150px; background-position: -557px 0 !important;}


#bt1:hover, #bt1.selecionado{ background-position: 0px -91px !important;}
#bt2:hover, #bt2.selecionado{ background-position: -240px -91px !important;}
#bt3:hover, #bt3.selecionado{ background-position: -320px -91px !important;}
#bt4:hover, #bt4.selecionado{ background-position: -430px -91px !important;}
#bt5:hover, #bt5.selecionado{ background-position: -557px -91px !important;}

/***************************************
COLUNA ESQUERDA
****************************************/

#esquerda{
	width: 810px;
	float: left;
	
}


/***************************************
DESTAQUES
****************************************/

#destaque {
	width: 
}

.destaque{
	width:370px;
	height:160px;
	padding: 10px;
	float: left;
	margin: 10px 0 0 10px;
}

#destaque2{
	width:370px;
	height:160px;
	padding: 10px;
	margin-left: 400px;
	margin-top: 10px;
}


.foto{
	width:195px;
	float: left;
}

.legenda{
	font:10px verdana;
	color: #cdc5af;
	text-align: right;
}

.legenda a{
	font:10px verdana;
	color: #cdc5af;
	text-align: right;
	text-decoration:  none;
}

.legenda_programa{
	font:10px verdana;
	color: #cdc5af;
	text-align: left;
	margin-bottom: 3px;
}

.legenda_programa a{
	font:10px verdana;
	color: #cdc5af;
	text-align: right;
	text-decoration:  none;
}

.texto{
	width: 160px;
	margin-left: 205px;
}

.texto h1{
	font: bold 11px arial;
	color:#ff9900;
	text-transform
	: uppercase;
}
.texto h1 a{
	font: bold 11px arial;
	color:#ff9900;
	text-transform: uppercase;
	text-decoration: none;
}

.data{
	font:10px verdana;
	color:#FFF;
	margin-bottom: 10px;
}

.text{
	font:11px verdana;
	color:#FFF;
	text-decoration: none;
}

.text a{
	font:11px verdana;
	color:#FFF;
	text-decoration: none;
}

.text a:hover{
	font:11px verdana;
	color:#FFF;
	text-decoration: underline;
}

.leiamais1{
	font:bold 9px verdana;
	color:#FFF;
	text-decoration: none;
}

.musicas{
	font:9px verdana;
	color: #ff9900;
	margin-top: 10px;
}

/*********************************
MAIS VOTADOS
*********************************/

#maisvotados{
	width: 565px;
	height: 235px;
	padding: 20px 0 0 25px;
	float: left;
}

#maisvotados h1{
	display:block;
	width:150px;
	height:25px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/titulos.png) top left;
}

#mvotado{
	width:170px;
	height:177px;
	background: url(img/bg_maisvotados.png);
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	padding: 8px 0 0 5px;
}

#mvotado h2{
	font:12px Arial;
	color:#ff9900;
}

#mvotado h2 a{
	color:#FF9900;
	font-family:Arial;
	font-size:12px;
	text-transform: uppercase;
	text-decoration: none;
}

#mvotado2{
	width:170px;
	height:177px;
	background: url(img/bg_maisvotados.png);
	float: left;
	margin-left: 15px;
	margin-top: 5px;
	padding: 8px 0 0 5px;
}

#mvotado2 h2{
	font:14px Arial;
	color:#ff9900;
}

#mvotado3{
	width:170px;
	height:177px;
	background: url(img/bg_maisvotados.png);
	margin-left: 380px;
	margin-top: 5px;
	padding: 8px 0 0 5px;
}

#mvotado3 h2{
	font:14px Arial;
	color:#ff9900;
}

.mvotdata{
	font:10px Verdana;
	color:#FFF;
	margin-bottom: 15px;
}

.mvottext{
	font:12px arial;
	color:#FFF;
}

.leiamais2{
	font:9px Arial;
	color:#f39101;
	text-transform: uppercase;
	text-decoration: none;
}

.mvotmusicas{
	font:11px Arial;
	color:#ff9900;
}

.star{
	display: block;
	width:70px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/estrelas.png) no-repeat -70px 0;
}

.star1{
	display: block;
	width:70px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/estrelas.png) no-repeat -56px 0;
}

.star2{
	display: block;
	width:70px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/estrelas.png) no-repeat  -43px 0;
}

.star3{
	display: block;
	width:70px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/estrelas.png) no-repeat  -29px 0;
}

.star4{
	display: block;
	width:70px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/estrelas.png) no-repeat  -15px 0;
}	

.star5{
	display: block;
	width:70px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/estrelas.png) no-repeat;
}


/*********************************
BUSCA
*********************************/

#busca{
	width:210px;
	height:245px;
	margin:200px 0 0 584px;
}

#busca h1{
	display:block;
	width:150px;
	height:30px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/titulos.png) 0 335px;
	margin-bottom: 10px;
}

#busca2{
	width:210px;
	height:210px;
	margin:20px 0 0 0;
}

#busca2 h1{
	display:block;
	width:150px;
	height:30px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/titulos.png) 0 335px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#formbusca{
	background: url(img/bg_busca.png) no-repeat;
	width:190px;
	height:190px;
	padding: 20px 0 0 15px;
}

#formbusca form label{
	font:10px Arial;
	text-transform: uppercase;
	color: #FFF;
}

#formbusca label{
	font:10px Arial;
	text-transform: uppercase;
	color: #FFF;
}


#formbusca form input{
	margin: 2px 0 2px 0;
	width:169px;
	height:20px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	background: #611616;
	color: #FFF;
}

#formbusca select{
	margin: 2px 0 2px 0;
	width:169px;
	height:20px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	background: #611616;
	color: #FFF;
}

#formbusca form select{
	margin: 2px 0 2px 0;
	width:169px;
	height:20px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	background: #611616;
	color: #FFF;
}

.btbusca{
	width: 72px !important;
	height: 22px !important;
	background: url(img/bt_buscar.png) no-repeat !important;
	border: none !important;
	margin-left: 100px !important;
}

strong.search-excerpt { background: yellow; }


/***********************************
PATROCINIO
***********************************/

#patrocinio{
	width:665px;
	height:70px;
	padding:1px 0 0 36px;
	float: left;
}

#patrocinio h3{
	font: 12px Arial;
	color: #FFF;
	margin-bottom: 5px;
}

.petrobras{
	display:block;
	width:168px;
	height:54px;
	background: url(img/patrocinio.png) no-repeat top left;
	text-indent: -9000px;
	overflow: hidden;
	float: left;
}

.inscultura{
	display:block;
	width:50px;
	height:60px;
	background: url(img/patrocinio.png) no-repeat 0 -133px;
	text-indent: -9000px;
	overflow: hidden;
	float: left;
	margin:0px 0 0 25px;
}

.governo{
	display:block;
	width:100px;
	height:45px;
	background: url(img/patrocinio.png) no-repeat 0 -220px;
	text-indent: -9000px;
	overflow: hidden;
	float: left;
	margin-top: 15px;
}


.realizacao{
	width:150px;
	height:70px;
	padding:5px 0 0 30px;
	margin-left: 380px;
}

.realizacao h3{
	font: 12px Arial;
	color: #FFF;
}

.ikore{
	display:block;
	width:100px;
	height:65px;
	background: url(img/patrocinio.png) no-repeat 0 -71px;
	text-indent: -9000px;
	overflow: hidden;
	float: left;
	margin: 3px 0 0 17px;
}

.nucleo{
	display:block;
	width:185px;
	height:65px;
	background: url(img/patrocinio.png) no-repeat 0 -273px;
	text-indent: -9000px;
	overflow: hidden;
	float: left;
	margin: 3px 0 0 0px;
}

/***********************************
COLUNA DIREITA
***********************************/

#direita{
	width: 200px;
	height:510px;
	margin-left: 794px;
}

#direitainternas{
	width: 200px;
	height:455px;
	margin-left: 794px;
}

#post1{
	width: 180px;
	margin: 0 0 0 5px;
}

#post2{
	width: 180px;
	margin: 0 0 0 5px;
}

#blog{
	width: 210px;
	height:510px;
	padding: 5px 0 0 5px;
}

#blog h1{
	display:block;
	width:150px;
	height:30px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/titulos.png) 0 381px;
	margin-bottom: 10px;
}

#blog #blog_link a{
	display:block;
	width:150px;
	height:30px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/titulos.png) 0 381px;
	margin-bottom: 10px;
}

.fotoblog{
	width:180px;
	height:120px;
	background: url(img/bg_fotoblog.png) no-repeat;
	padding: 7px;	
}

.textoblog{
	width:195px;
}

.textoblog h2{
	font:14px Arial;
	color:#FFF;
	border-bottom: 1px dashed #FFF;
	margin-bottom: 5px;
}

.textoblog h2 a{
	font:14px Arial;
	color:#FFF;
	margin-bottom: 5px;
	line-height:30px;
}

.textoblog p{
	font:12px Arial;
	color: #FFF;
}

.leiamais3{
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font:bold 10px Arial;
	color: #ff9900;
	margin:10px 0 5px 140px;
}

/************************************
RODAPE
************************************/

#rodape{
	width:1000px;
	height:50px;
	text-align: center;
	padding-top: 25px;
	font: 10px Arial;
	color: #5a4f35;
}

#rodape ul li{
	display: inline;
	font: 10px Arial;
	color: #5a4f35;
}

#rodape ul li a{
	font: 10px Arial;
	color: #5a4f35;
	text-decoration: none;
}

#rodape ul li a:hover{
	font: 10px Arial;
	color: #5a4f35;
	text-decoration: underline;
}

/************************************
CONTATO
************************************/

#contato{
	width: 700px;
	margin: 10px 0 0 30px;
}

#contato h1{
	display:block;
	width:150px;
	height:30px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/titulos.png) 0 285px;
	margin-bottom: 10px;
}

.wpcf7-form form{
	background: url(img/bg_form_contato.png) no-repeat;
	width:582px;
	height: 198px;
	margin: 50px 0 0 100px;
}

#contato form{
	background: url(img/bg_form_contato.png) no-repeat;
	width:582px;
	height: 198px;
	margin: 50px 0 0 100px;
}

.wpcf7-form p{
	display: block;
	width:250px;
	font: 12px Arial;
	color: #FFF;
	margin-bottom: 2px;
	padding:10px 0 0 20px;

}

#contato form label{
	display: block;
	width:250px;
	font: 12px Arial;
	color: #FFF;
	margin-bottom: 2px;
}

#contato form input{
	margin: 2px 0 15px 0;
	width:169px;
	height:20px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	background: #611616;
	color: #FFF;
}


#contato form textarea{
	width: 280px;
	height:130px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	background: #611616;
	color: #FFF;
}

#formesquerda{
	width:	215px;
	height: 160px;
	margin: 10px;
	float: left;
	padding: 15px 0 0 20px;
}

#formdireita{
	width:	300px;
	height: 165px;
	margin: 10px 0 0 250px;
	padding: 13px 0 0 20px;
}

#logoemail{
	width:580px;
	height:50px;
	padding: 10px 0 0 120px;
}

.textoemail{
	width:200px;
	height:43px;
	font: 12px Arial;
	color: #FFF;
	margin-left: 10px;
	padding-top: 7px; 
	float: left;
}

.btenviar{
	width:73px !important;
	height:29px !important;
	background: url(img/bt_enviar.png) no-repeat !important;
	border: 0 !important;
	float: right;
	margin-top:35px !important;
	margin-right:20px !important;
}

.ajax-loader{
	float: right;
	margin-top:43px !important;
	margin-right:-90px !important;
}

#adorno{
	margin:8px 0 0 30px;
}


/************************************
GLOSSARIO
************************************/

#glossario{
	width: 700px;
	margin: 10px 0 0 30px;
}

#glossario h1{
	display:block;
	width:150px;
	height:30px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/titulos.png) 0 247px;
	margin-bottom: 10px;
}

#conteudoglo{
	width:745px;
	height:350px;
	overflow:auto;
}

#conteudoglo h2{
	font:14px Arial;
	color:#ff9900;
}

#conteudoglo p{
	font:12px Arial;
	color:#fff;
}

.itemglossario h2{
	background: url(img/linha_glossario.png) left bottom no-repeat;
	padding-bottom: 5px;
	width: 600px;
}

.itemglossario a{
	font:bold 13px Verdana;
	color:#ff9900;
	text-transform: uppercase;
	text-decoration: none;
}

.itemglossario p{
	color:#FFF;
	font:12px Verdana;
	margin: 10px 0 0 0;
	padding-bottom: 15px;
	background: url(img/linha_glossario.png) left bottom no-repeat;
	width:600px;
}


.leiamais4{
	color:#FFF !important;
	text-transform: uppercase !important;
	font-weight: normal !important;
}

.leiamais4:hover{
	color:#ff9900 !important;
}

#pane2{
	overflow: hidden;
	margin-top: 20px;
}

.scroll-pane {
	float:left;
	overflow:auto;
}

/************************************
PROGRAMAS
************************************/


#programas{
	width: 700px;
	margin: 10px 0 0 30px;
}

#programas h1{
	display:block;
	width:150px;
	height:30px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/titulos.png) 0 -382px;
	margin-bottom: 10px;
}

#conteudoprogramas{
	/*margin: 50px 0 0 60px;*/
	width: 745px;
	height:350px;
	overflow: auto;
}

#conteudoprogramas h2{
	font:14px Arial;
}	

.itemprogramas {
	margin-bottom: 10px;
}

.itemprogramas h2{
	background: url(img/linha_glossario.png) left bottom no-repeat;
	padding-bottom: 5px;
	width: 600px;
}

.itemprogramas a{
	font:bold 13px Verdana;
	color:#ff9900;
	text-transform: uppercase;
	text-decoration: none;
}

.itemprogramas p{
	color:#FFF;
	font:12px Verdana;
	margin: 10px 0 5px 0;
/*	padding-bottom: 15px; */
/*	background: url(img/linha_glossario.png) left bottom no-repeat; */
	width:600px;
}

.itemprogramas .text {
	margin-bottom: 10px;
}


/************************************
HISTORIA
************************************/

#historia{
	width: 750px;
	margin: 10px 0 0 15px;
}

#historia h1{
	display:block;
	width:150px;
	height:30px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/titulos.png) 0 205px;
	margin:0px 0 10px 20px;
}

#menuhistoria{
	background: url(img/bg_menu_historia.png);
	width:269px;
	height: 397px;
	float: left;
}

#menuhistoria ul li{
	list-style: none;
	padding: 5px 0 0 20px;
	width:245px !important;
	height:25px !important;
	background: url(img/link_menu_historia.png) left bottom no-repeat;
}

#menuhistoria ul li:hover{
	background: url(img/hover_menu_historia.png) no-repeat;
	display: block;
	width:245px;
	height:25px;
}

#menuhistoria ul li a{
	font:14px Arial;
	color: #FFF;
	text-decoration: none;
	
}

#menuhistoria ul li a:hover{
	color: #ff9900;
}

#textohistoria{
	padding: 20px 0 30px 10px;
}

#textohistoria h2{
	font:15px Arial;
	color:#ff9900;
	margin-bottom: 10px;
}

#textohistoria p{
	font:12px Arial;
	color:#FFF;
	margin-bottom:10px;
}

#conteudohis{
	width: 480px;
	height:400px;
	overflow: auto;
}

#pane3{
	height: 380px ;
	overflow: hidden;
}

/************************************
PROGRAMA
************************************/

#programa{
	width: 750px;
	margin: 10px 0 0 15px;
}

#programa h1{
	display:block;
	width:220px;
	height:30px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/titulos.png) 0 159px;
	margin:0px 0 10px 20px;
}

#post{
	width: 365px;
	height:400px;
	padding: 25px 0 0 20px;
	float: left;
}

#imagem{
	width:356px;
	height:235px;
	background: url(img/bg_img_programa.png) no-repeat;
	padding: 5px 0 0 5px;
}

#enviaramigo{
	width:170px;
	height:50px;
	border-right: 1px solid #1c0808;
	float: left;
	margin: 10px 0 0 0;
}

#enviaramigo a{
	display: block;
	background: url(img/bt_envamigo.png) no-repeat;
	width:150px;
	height:26px;
	font:10px Arial;
	color:#FFF;
	text-decoration: none;
	padding: 6px 0 0 0px;
	text-align: center;
	text-transform: uppercase;
}

#votos{
	margin: 10px 0 0 170px;
	width:180px;
	height:50px;
	border-left: 1px solid #802323;
	padding-left: 10px;
}

#votos h3{
	font:bold 12px Arial;
	color: #ff9900;
	text-transform: uppercase;
	display: block;
	float: left;
	width:60px;
	margin-top: 4px;
}

#votos p{
	font:12px Arial;
	color:#FFF;
	margin-top: 5px;
}


#votos span{
	font:bold 11px Arial;
	color:#ff9900;
	text-transform: uppercase;
}

#pane4{
	height: 380px;
	overflow: hidden;
}

#conteudoprog{
	width: 320px;
	height:450px;
	margin-left: 10px;
	margin-top: 20px;
}

#postprograma h2{
	font:bold 14px Arial;
	color: #ff9900;
}

.dataprograma{
	font:12px Arial;
	color:#FFF;
	margin: 5px 0 10px 0;
}

#postprograma p{
	font:12px Arial;
	color:#FFF;
}

#postprograma a{
	color:#FFF;
	text-decoration: underline;
}

.modal{
	color:#09d8b8 !important;
	text-decoration: none !important;
}

#musicas{
	background: url(img/bg_mus_programa.png) top left no-repeat;
	padding-top: 10px;
	margin-top: 10px;
	width:320px;
	height: 40px;
}

#musicas h3{
	font:bold 11px Arial;
	color:#ff9900;
	text-transform: uppercase;
}

#comentarios{
	margin-top: 20px;
}

#comentarios h2{
	font:14px Arial;
	color:#ff9900;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.nome{
	font:bold 12px Arial !important;
	text-transform: uppercase;
	color: #FFF;
	margin:10px 0 5px 0;
}

.comment p{
	font:12px Arial;
	color:#FFF;
}

/***COMENTE****/


#comente{
	width:200px;
	height:245px;
	border-top: 1px solid #333;
}

#comente h1{
	display:block;
	width:150px;
	height:30px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/titulos.png) 0 120px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#formcomente{
	width:219px;
	padding: 0px 0 0 15px;
}

#formcomente form label{
	font:10px Arial;
	text-transform: uppercase;
	color: #FFF;
}


#formcomente form input{
	margin: 2px 0 2px 0;
	width:169px;
	height:20px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	background: #611616;
	color: #FFF;
}

#formcomente textarea{
	background: #611616;
	width:170px;
	height:65px;
	color: #FFF;
}


.btcomente{
	color: #FFF;
	width: 72px !important;
	height: 22px !important;
	background: url(img/bt_buscar.png) no-repeat !important;
	border: none !important;
	margin-left: 100px !important;
}


/************************************
RESULTADO DE BUSCA
************************************/

#resultbusca{
	width: 750px;
	margin: 10px 0 0 15px;
}

#resultbusca h1{
	display:block;
	width:220px;
	height:30px;
	text-indent: -9000px;
	overflow: hidden;
	background: url(img/titulos.png) 0 40px;
	margin:0px 0 10px 20px;
	float: left;
}

#resultselect{
	width:300px;
	height:50px;
	margin-left: 280px;
	padding-top: 05px;
}

#resultselect select{
	margin: 2px 0 2px 0;
	width:169px;
	height:20px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	background: #611616;
	color: #FFF;
}

#resultados{
	width: 750px;
	margin: 10px 0 0 15px;
}

.prog_buscado{
	width:360px;
	height:180px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}

.imgresult{
	width:180px;
	height:150px;
	background: url(img/bg_img_result.png) no-repeat;
	float: left;
	padding: 4px 0 0 5px;
}

.textoresult h2{
	font:14px Arial;
	color:#ff9900;
	text-transform: uppercase;
}

.textoresult p{
	font:12px Arial;
	color:#FFF;
}

.leiamais5{
	display: block;
	font:9px Arial;
	color:#f39101;
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 10px;
}

.musresult p{
	color: #ff9900;
}


#infresult{
	width:200px;
	height:245px;
	border-top: 1px solid #333;
}

#infresult p{
	font:12px Arial;
	color:#FFF;
	margin: 20px 0 0 10px;
}

.contentglossario1{
	display:none;
}