/*
Theme Name: MERE
Theme URI: http://www.jorgecalcado.com.br/
Description: Esse tema faz parte de um conjunto de templates para Rádios desenvolvido e mantido por JorgeCalçado</a>.
Version: 2.0
Author: Jorge::Calcado
Author URI: http://www.jorgecalcado.com.br/
Tags: top 10, equipe, radio online, layout liquido, widgets, menu, podcast, slider, contato, videos
*/

/* CSS Document */

body {
	text-align:left;
	font:13px arial, verdana, sans-serif;
	color:#000;
	background:#fff url(imagens/corpo-bg.gif) repeat;
	margin:0;
	padding:0;
}



#backtopo {
	width:auto;
	height:700px;
	position:relative;
	z-index:1;
	background: url(imagens/backlogo.png) repeat-x;
	margin:0 auto;
	border:solid 0px #fff;
}

* {
margin:0;
padding:0;
}

#wrapper {
	width:930px;
	border:solid 0px #fff;
	margin:-700px auto;
}

#header {
	position:relative;
	z-index:88;
	float:right;
	width:100%;
	height:300px;
	margin:0;
	border:solid 0px orange;
}

		#logo {
			width:280px;
			float:left;
			margin:50px 0 0 0px;
			border:solid 0px red;
		}
		
		#box-player {
			float:right;
			width:630px;
			height:280px;
			background:url(imagens/moca.png) no-repeat;
			margin:20px 0 0 0;
			border:solid 0px #000;
		}
		
				#player {
					float:right;
					width:100px;
					height:40px;
					/*background:url(imagens/ouca.png) no-repeat*/
					margin:15px 0 0 0;
					border:solid 0px red;
				}
				
				#dj-rotator {
					float:left;
					margin:5px 0 0 0;
					/*background:url(imagens/noar.png) no-repeat;*/
					border:solid 0px #000;
					}

						.dj-image {
							float:left;
							margin:0 0 0 0;
							border:solid 0px #000;
						}				
						.dj-desc {
							float:left;
							width:160px;
							margin:0 0 0 5px;
							font:bold 16px 'Questrial', Arial, Helvetica, sans-serif;
							color:#7E9218;
							border:solid 0px #fff;
						}
		
		
#box-linha-menu {
	position:relative;
	z-index:89;
	float:left;
	width:100%;
	height:60px;
	margin:0 0 0 0;
	border:solid 0px #000;
}

	#box-menu {
		float:left;
		width:100%;
		height:60px;
		/*box-shadow:0 2px 10px #333;*/
		background:url(imagens/backmenugeral.png) repeat;
		border:solid 0px #000;
	}
	
		#box-menu ul {
			float:left;
			width:100%;
			height:60px;
			list-style:none;
			font:18px 'Abel', Arial, Helvetica, sans-serif;
			color:#000;
			margin:0;
			padding:0;
			border:solid 0px red;
		}
		
				#box-menu li,.textwidget,#menu-baixo li {
					float:left;
					border:solid 0 red;
				}
				
						#box-menu a {
							border:solid 0 #fff;
							display:block;
							color:#FFF;
							text-align:center;
							text-decoration:none;
							margin:0;
							padding:17px 25px;
							}
							
							/*formatacao do menu corrente*/
							#box-menu .current-menu-item a {
								text-decoration: none;
								background:url(imagens/menuativo.png) repeat;
								color:#fff;
								}

						
						#box-menu a:hover {
							text-decoration:none;
							color:#fff;
							background:url(imagens/menuativo.png) repeat;
						}
						
					

		#redes {
			float:right;
			heigth:50px;
			margin:10px 0 0 0;
			text-align:right;
			border:solid 0px #fff;
			}

				#redes img {
					float:right!important;
					border:solid 0px #fff;
					}

/*CONF. GERAIS*/
#geral-cont {
	position:relative;
	z-index:100;
	float:left;
	width:930px;
	margin:20px 0 0 0;
	padding:12px;
	background:url(imagens/backconteudo.png) repeat;
	border:solid 0px red;
}

		#slide-capa {
			float:left;
			width:930px;
			margin:5px 0 0 0;
			border:solid 0px #FF0;
		}
	
	
		.pontilhado {
			float:left;
			width:930px;
			height:50px;
			margin:0 0 0 0;
			background:url(imagens/pontilhadobaixoslider.png) repeat-x center;
			border:solid 0px #FF0;
		}


		.clear {
		clear:both;
		}
		
		#content {
			float:left;
			width:930px;
			background:#D5CFBF;
			margin:30px 0 0 0;
			border:solid 0px green;
		}


		#content .box-fixa-tit-not h2 {
			font:bold 28px 'Questrial', arial, Helvetica, sans-serif;
			color:#A82626;
			padding:0 0 0 20px;
			border:solid 0px green;
		}
		
		.tit {
			float:left;
			width:100%;
			margin:0 0 20px 0;
		}
		
		#content .box-fixa-tit h2 {
			font:bold 28px 'Questrial', arial, Helvetica, sans-serif;
			color:#A82626;
			padding:0;
		}
		
#content .bloco-conteudo {
	float:left;
	width:600px;
	font:14px arial;
	color:#333;
	word-spacing:2px;
	margin:10px 0 0 15px;
	border:solid 0px red;
}

#content a,#content-capa a {
	text-decoration:none;
	color:#333;
}

#content a:hover,#content-capa a:hover {
	color:#333;
	text-decoration:underline;
}

#content ul,ol {
	margin:10px 10px 10px 25px;
}

#content li {
	padding:10px;
}

#content h1,#content-capa h1 {
	font:25px arial;
	color:#222;
	margin:10px 0;
}

#content h2,#content-capa h2 {
	font:20px arial;
	color:#333;
	margin:10px 0;
}

#content h3 {
	font:18px arial;
	color:#333;
	margin:10px 0;
}

#content h4 {
	font:14px arial;
	color:#333;
	margin:10px 0;
}

#content h5 {
	font:10px arial;
	color:#333;
	margin:10px 0;
}

#content h6 {
	font:8px arial;
	color:#333;
	margin:10px 0;
}

#content p {
	font:14px arial;
	color:#333;
	margin:0 0 10px;
}

a.more {
display:block;
text-align:right;
color:#2F460D;
text-decoration:none;
margin:10px 0 0;
}

#content img {
border:0;
}

#content a img {
border:0 solid #000;
}

/*conf geral das imagens*/
#content img.alignleft, #content a img.alignleft {
	float:left;
	margin:0 10px 0 0;
	}


.wp-caption-dd {
font-size:11px;
text-align:left;
margin:0;
}

.wp-caption-text {
font:bold 10px arial!important;
color:#004e37!important;
text-align:center;
padding:5px;
}

	#box-segura-sidebar {
		float:right;
		width:250px;
		margin:10px 15px 0 0;
		border:solid 0px red;
	}

	#sidebar {
		float:right;
		width:100%;
		font:12px arial, Helvetica, sans-serif;
		color:#6A6B6C;
		margin:0;
		border:solid 0px blue;
	}

#sidebar img {
float:left;
border:solid 0 #cecece;
margin:0 7px 10px 0;
}

#sidebar p.downloads {
float:left;
width:95%;
background:transparent url(imagens/bullet-down.png) no-repeat left;
border:solid 0 #000;
margin:0 0 5px;
padding:0 0 0 20px;
}

#sidebar p.downloads a,p.downloads #sidebar a:visited {
float:left;
color:#000;
font:13px arial, Helvetica, sans-serif;
text-decoration:none;
}

#sidebar a,#sidebar a:visited {
color:#000;
font:13px arial, Helvetica, sans-serif;
text-decoration:none;
}

#sidebar h2 {
width:95%;
float:left;
font:1px Arial, Helvetica, sans-serif!important;
color:#fff!important;
border:solid 0 #000;
margin:0!important;
padding:0!important;
}

#sidebar ul.xoxo {
list-style:none;
border:solid 0 #000;
margin:0 0 5px;
}

#sidebar ul.xoxo li {
border-bottom:0 solid #f6f6f6;
padding:3px;
}

#sidebar ul.xoxo li a {
font:12px arial, Helvetica, sans-serif;
color:#333;
text-decoration:none;
background:url(imagens/seta.png) no-repeat;
padding:0 0 0 15px;
}

#sidebar ul.xoxo li a:hover {
background:url(imagens/seta.png) no-repeat;
color:#1c4e66;
padding:0 0 0 15px;
}

#sidebar ul {
list-style:none;
margin:0 0 5px;
}

#sidebar li {
border-bottom:0 solid #f6f6f6;
padding:5px 0;
}

#sidebar li a {
font:12px arial, Helvetica, sans-serif;
color:#333;
text-decoration:none;
padding:0 0 0 5px;
}

#sidebar li a:hover {
font:12px arial, Helvetica, sans-serif;
color:#1c4e66;
padding:0 0 0 5px;
}

/*CAPA*/
#linha-meio-capa {
	float:left;
	width:100%;
	margin:35px 0 0;
	border:solid 0px red;
}

		#linha-meio-noticias-atuais {
			float:left;
			width:600px;
			border:solid 0px #fff;
		}

			.tit-capa-preto {
				float:left;
				width:100%;
				height:50px;
				background:url(imagens/backtitnoticias.png) no-repeat;
				margin:0 0 10px 0;
				border:solid 0px red;
			}

					.tit-capa-preto h1 {
						font:italic 28px 'Questrial', Arial, Helvetica, sans-serif;
						color:#333;
						margin:0 0 0 0;
						border:solid 0px red;
					}

		#linha-meio-capa .box-not {
			float:left;
			width:580px;
			margin:7px 0 7px 0;
			background:url(imagens/backnoticias.png) repeat;
			padding:10px;
			border:solid 0px red;
		}
		
		#linha-meio-capa .imagem-capa {
			float:left;
			width:170px;
			height:150px;
			border:solid 0px red;
		}
		
			#linha-meio-capa .imagem-capa img {
				width:170px;
				height:150px;
				float:left;
				border:0;
			}
		
		#linha-meio-capa .linha-tit {
			float:left;
			width:390px;
			margin:0 0 0 10px;
			border:solid 0px red;
		}
		
			#linha-meio-capa .linha-tit h2 {
				font:20px 'Questrial', Arial, Helvetica, sans-serif;
				color:#000;
			}

		#linha-meio-capa .data-noticia-capa {
			float:left;
			font:bold 12px Arial, Helvetica, sans-serif;
			color:#6D8015;
			padding:2px 10px 0 0;
			border:solid 0px red;
		}

		#linha-meio-capa .bloco-noticia-capa {
			float:left;
			width:390px;
			font:12px 'Questrial', Arial, Helvetica, sans-serif;
			color:#000;
			margin:5px 0 0 10px;
			border:solid 0px red;
		}

		.bloco-noticia-capa a:link,.bloco-noticia-capa a:visited {
			display:block;
			float:right;
			width:62px;
			height:15px;
			font:bold 12px Arial, Helvetica, sans-serif;
			text-decoration:none;
			color:#fff;
			background:url(imagens/backleiamais.png) repeat;
			margin:10px 0 0;
			padding:0 0 0 4px;
		}
		
		.bloco-noticia-capa a:hover,.bloco-noticia-capa a:active {
			width:62px;
			height:15px;
			font:bold 12px Arial, Helvetica, sans-serif;
			text-decoration:underline;
			color:#000;
			margin:10px 0 0;
		}

		#baixo-noticias-capa {
			float:left;
			width:100%;
			height:35px;
			/*background:url(imagens/backleiatodasnoticias.png) no-repeat right;*/
			border:solid 0px #000;
		}

		#baixo-noticias-capa p {
			float:right;
			margin:5px 0 0 0;
		}

			#baixo-noticias-capa p a {
				font:italic 14px 'Questrial', Arial, Helvetica, sans-serif;
				text-decoration:none;
				color:#000;
			}

			#baixo-noticias-capa p a:hover {
				color:#ED3237;
			}
				#baixo-noticias-capa p a span {
					font: 20px 'Questrial', Arial, Helvetica, sans-serif;
					text-decoration:none;
					color:#000;
				}

	#banner-lado-noticias {
		float:right;
		width:270px;
		height:650px;
		border:solid 0px #fff;
		}



/*LINHA PARCEIROS*/
#linha-parceiros {
	float:left;
	width:100%;
	margin:40px 0 0;
	border:solid 0px red;
}

		#tit-parceiros {
			float:left;
			width:100%;
			height:50px;
			background:url(imagens/backtitnoticias.png) no-repeat;
			border:solid 0px red;
		}
		
				#tit-parceiros  h1 {
					font:italic 30px 'Questrial', Arial, Helvetica, sans-serif;
					color:#fff;
					margin:10px 0 0 10px;
					border:solid 0px red;
				}

	/*SANTOS*/
#box-santos{
	float:left;
	width:100%;
	margin:0 0 0 0;
	padding:0;
	border:solid 0px red;
}

#santos{
	float:left;
	width:930px;
	height:150px;
	margin:0 0 0 0;
	background:#EBEBEB;
	border:solid 0px red;
}

#santos ul img{
	float:left;
	width:250px;
	height:110px;
	margin:15px 22px 0 5px;
	border:solid 2px #A6C624;
}


#carrossel{
	float:left;
	width:830px!important;
	height:150px;
	overflow:hidden;
	margin:0 0 0 10px;
	background:#EBEBEB;
   	border:solid 0px green;
}

#carrossel ul{
   list-style:none;
   float:left
}
#carrossel ul li{
   float:left;
   display:inline;
	   	border:solid 0px green;
}

.prev-santos{
	float: left;
	margin-left:0px;
		   	border:solid 0px green;

}

.next-santos{	
	float: right;
	margin-left:0px;
		   	border:solid 0px green;
}
	
		
		
		

	/* LINHA GALERIA DE FOTOS E VIDEOS */
	#linha-fotos-videos {
		float:left;
		width:100%;
		margin:40px 0 0;
		border:solid 0px red;
	}
	
	#box-fotos{
		float:left;
		width:450px;
		border:solid 0px red;
	}
	
		#tit-fotos {
			float:left;
			width:100%;
			height:50px;
			background:url(imagens/backtitgaleriadefotos.png) repeat-y;
			border:solid 1px #FF0;
		}

			/*#box-fotos  h1 {
				font:italic 30px 'Questrial', Arial, Helvetica, sans-serif;
				color:#fff;
				margin:10px 0 0 10px;
				border:solid 0px red;
			}*/




	#fotos {
	float:left;
	width:100%;
	margin:10px 0 0 0;
	border:solid 0px red;
	}
	
		.sair {
			font:1px Arial, Helvetica, sans-serif!important;
			color:transparent!important;
			margin:0!important;
			padding:0!important;
			border:solid 0px red;
		}

		#fotos .ngg-widget {
			float:left;
			margin:-4px 0 0 0;
			border:solid 0px #000!important; 
		}
		
		#fotos a img{
			border:solid 1px #93C400!important;
			margin:4px 5px 5px 4px;
		}
		
		#fotos a:hover img{
			border:solid 1px #ED3237!important;
		}
	
	#baixo-fotos {
		float:left;
		width:100%;
		border:solid 0px #FF0;
	}

		#baixo-fotos p {
			float:right;
			margin:0 0 0 0;
		}

				#baixo-fotos p a {
					font:italic 14px 'Questrial', Arial, Helvetica, sans-serif;
					color:#000;
					text-decoration:none;
				}
		
				#baixo-fotos p a:hover {
					font:italic 14px 'Questrial', Arial, Helvetica, sans-serif;
					color:#ED3237;
					text-decoration:none;
				}
				
					#baixo-fotos p a span {
						font: 20px 'Questrial', Arial, Helvetica, sans-serif;
						text-decoration:none;
						color:#000;
						border:solid 0px;
					}


	#box-videos {
	float:right;
	width:450px;
	border:solid 0px #fff;
	}
	
	
			#tit-videos {
			float:left;
			width:100%;
			height:50px;
			background:url(imagens/backtitvideos.png) repeat-y;
			border:solid 0px #FF0;
		}

			#tit-videos  h1 {
				font:italic 30px 'Questrial', Arial, Helvetica, sans-serif;
				color:#fff;
				margin:10px 0 0 10px;
				border:solid 0px red;
			}

	
	#videos {
		float:left;
		width:100%;
		height:240px;
		margin:15px 0 0 0;
		border:solid 0px #FF0;
	}
	
	#baixo-videos {
		float:left;
		width:100%;
		margin:10px 0 0 0;
		border:solid 0px #FF0;
	}
	
			#baixo-videos p {
			float:right;
			margin:0 20px 0 0;
		}

				#baixo-videos p a {
					font:15px 'Questrial', Arial, Helvetica, sans-serif;
					color:#00C3F4;
					text-decoration:none;
				}
		
				#baixo-videos p a:hover {
					font:15px 'Questrial', Arial, Helvetica, sans-serif;
					color:#ED3237;
					text-decoration:none;
				}
				
					#baixo-videos p a span {
						font: 20px 'Questrial', Arial, Helvetica, sans-serif;
						text-decoration:none;
						color:#fff;
						border:solid 0px;
					}

	/*linha mural e top 10*/
	#linha-mural-top10{
		position:relative;
		float:left;
		width:100%;
		z-index:79;
		margin:40px 0 0 0;
		border:solid 0px red;
	}

			#box-mural{
				float:left;
				width:500px;
				border:solid 0px red;
			}

					#tit-box-mural {
					float:left;
					width:100%;
					height:50px;
					background:url(imagens/backtitmural.png) repeat-y;
					border:solid 0px #FF0;
				}
		
					#tit-box-mural  h1 {
						font:italic 28px 'Questrial', Arial, Helvetica, sans-serif;
						color:#000;
						margin:10px 0 0 10px;
						border:solid 0px red;
					}
		
		/*COMENTARIOS CAPA*/
		#dep {
			float:left;
			position:relative;
			z-index:9;
			width:500px;
			height:390px;
			border:solid 0px red;
		}
		
		.box-segura-dep {
			float:left;
			width:95%;
			padding:10px 0 20px 0;
			margin:0 0 0 0;
				border-bottom:solid 1px #000;
			}
		
		span.auto-coment-capa {
			float:left;
			width:97%;
			height:25px;
			margin:10px 0 0 0;
			background: url('imagens/bulletcoments.png') no-repeat left;
			border:solid 0px #fff;
			}	
		
			
		span.auto-coment-capa {
			font:bold 12px Arial, sans-serif!important;
			color:#000!important;
			text-transform:uppercase;
			text-decoration:none;
			padding: 3px 0 0 25px;
			}
		
		
		.box-segura-dep a{
			font:12px Arial, sans-serif!important;
			color:#000!important;
			text-decoration:none;
			}
			
		.box-segura-dep a:hover{
			font:12px Arial, sans-serif!important;
			color:#333!important;
			text-decoration:none;
			}
			
		#todos-dep {
			float:left;
			width:95%;
			height:50px;
			margin:-2px 0 10px 0;
			background:#fff;
			text-align:right;
			border:solid 0px #000;
			}
		
		#todos-dep a:link {
		}
		
		#todos-dep a:hover {
			 /*opacity: 10.0; 
			 filter: alpha(opacity=1); */
			 opacity: 0.85; 
			 filter: alpha(opacity=5); 
			 cursor: pointer;
			 }
			 
		/*CURTA NO FACEBOOK*/
		#pageface {
			float:left;
			width:100%;
			height:200px;
			border:solid 0px red;	
		}

	/**TOP 1O**/
	#box-top10 {
		float:right;
		width:300px;
		border:solid 0px #000;
	}


		#tit-top10 {
			float:left;
			width:100%;
			height:50px;
			margin:0 0 20px 0;
			background:url(imagens/backtittop10.png) repeat-y;
			border:solid 0px #FF0;
		}

			#tit-top10  h1 {
				font:italic 28px 'Questrial', Arial, Helvetica, sans-serif;
				color:#000;
				margin:10px 0 0 10px;
				border:solid 0px red;
			}


		#numeracao {
			float:left;
			width:40px;
			height:570px;
			background:url(imagens/numeracao.png) no-repeat;
			margin:0 0 0 0;
			border:solid 0px #FF0;
		}

		#top10 {
			float:left;
			width:85%;
			height:455px;
			margin:0 0 0 0;
			border:solid 0px #FF0;
		}

		/*.textwidget {
			float:left;
			width:100%;
			margin:-4px 0 0 0;
			border:solid 0px red;
			}*/
			
		.impar1 {
			float:left;
			width:100%;
			height:50px;
			margin:-4px 0 0 0;
			padding:5px 0 0 0;
			background:#E3DED0;
			border:solid 0px green;
		}
		
		.impar {
			float:left;
			width:100%;
			height:50px;
			margin:0 0 0 0!important;
			padding:5px 0 0 0;
			background:#E3DED0;
			border:solid 0px red;
		}


		/* hack Somente para Chrome e Safari */
		@media screen and (-webkit-min-device-pixel-ratio:0) {
		.impar {
					margin:0 0 0 0;
				}
		}
		
		.par {
			float:left;
			width:100%;
			height:50px;
			margin:0 0 0 0!important;
			padding:5px 0 0 0;
			background:#C6C0B0;
			border:solid 0px red;
		}

	
	.textotop {
		float:left;
		width:245px;
		height:30px;
		margin:0 0 0 5px;
		border:solid 0px #000;
	}
			p.topcantor {
				font:bold 13px Arial, Helvetica, sans-serif;
				color:#000;
			}
			
			p.topmusica {
				font:bold 11px Arial, Helvetica, sans-serif;
				color:#000;
			}

	.topplayer {
		float:right;
		width:80px;
		height:25px;
		margin:7px 10px 0 0;
		border:solid 0px #000;
	}

		
		/********** COMENTARIOS INTERNOS **********/
		div.box-segura-coments {
			float: left;
			width: 100%;
			margin: 15px 0  0 0;
				border:solid 1px #000;
		}
		
		
		.comentarios-internos {
			float:left;
			width:620px;
			font:14px arial;
			color:#fff;
			padding:0 5px 0 20px;
			border:solid 0px blue;
		}
		
		/*retira todas as linhas dos links*/
		.comentarios-internos a {
			text-decoration:none!important;
			}
		
		/*segura o box dos comentarios*/
		.bloco-coment {
			width:100%;
			float:left;
			margin:20px 0 0 -20px;
			border:solid 0px blue;
		}
		
		
		/*comentarios organizados em listas*/
		ol.commentlist, ul.children {
			float:left;
			list-style:none;
			border:solid 0px #000;
			}
		
		ol.commentlist li{
			width:95%;
			float:left;
			margin:0 0 0 10px;
			padding: 10px 0 20px 0;
			border-top:solid 1px #B1A491;
			}
		
		ol.commentlist li p{
			float:left;
			border:solid 0px #000;
			}
			
		/*resposta*/
		ul.children li{
			border-top:solid 0px #000;
			}
		
		/*titulo DEIXAR UM COMENTARIO*/
		.tit-deixe-coment {
			float:left;
			margin:20px 0 0 0;
			width:98%;
		}
		
		#content .comentarios-internos h2 {
			font:25px 'dekar-bloom', arial, Helvetica, sans-serif;
			text-align:left;
			color:#A1243F;
			margin:0;
			padding:0 0 5px 0;
		}
		
		#content .comentarios-internos h3 {
			float:left;
			width:100%;
			font:20px 'Oxygen', arial, Helvetica, sans-serif;
			text-align:left;
			color:#A1243F;
			margin:30px 0 0 0;
			padding:0 0 0 5px;
				border:solid 0px #000;
		}
		
		/*linha para segurar os campos: nome, email e site*/
		.linha-dados-comenta {
			width:620px;
			float:left;
			margin:25px 0 0 0;
			border:solid 0px blue;
		}
		
		.coment-nome {
			float:left;
			border:solid 0px blue;
		}
		
		.coment-email {
			float:left;
			border:solid 0px blue;
		}
		
		.coment-site {
			float:left;
			border:solid 0px blue;
		}
		
		/*Formatacao dos textos soltos na tag <p> inclusive as mensagens dos comentarios*/
		.comentarios-internos p {
			font:14px arial !important;
			color:#333 !important;
		}
		
		.comentarios-internos p a:hover{
			font:Arial, Helvetica, sans-serif;
			color:#DD3438!important;
		}
		
		
		/*inputs dos campos de dados: nome, email, site etc*/
		.comentarios-internos input{
			float:left;
			width:190px;
			height:25px;
			border:solid 1px #B1A491;
			background:#DED8D0;
			margin:0 10px 0 0;
		}
		
		/*botao confirma*/
		.comentarios-internos button{
			float:right;
			width:120px;
			height:30px;
			border:solid 1px #B1A491;
			background:#DD3438;
			margin:10px 20px 0 0;
			font:bold 14px arial !important;
			color:#fff !important;
			cursor:pointer;
		}
		
		
		/*caixa digitar a mensagem*/
		
		textarea#comment {
			width:590px;
			height:150px;
			border:solid 1px #B1A491;
			background:#DED8D0;
			margin:10px 0 0 0;
			padding:5px;
		}
		
		
		/*textos: DATA, AUTOR, MODERACAO*/
		#content .commentmetadata {
			float:left;
			width:100%;
			font-size:10px;
			padding:0 0 15px 0;
			border:solid 0px red;
		}
		
		#content .commentmetadata a {
			color:#333!important;
		
			}
		
		#content  .comentarios-internos .comment-author, #content  .comentarios-internos .comment-author a {
			width:100%;
			font:18px 'Oxygen', arial;
			color:#DD3438;
			text-transform:uppercase;
			padding:0 0 5px 0;
			border:solid 0px red;
		}
		
		#content  .comentarios-internos  span.says {
			font:11px arial;
			color:#F4F5F6;
			text-transform:uppercase;
			padding:0 0 5px 10px;
			border:solid 0px red;
		}
		
		.comentarios-internos .comment-awaiting-moderation {
			font:14px arial;
			color:#DD3438;
		}
		
		p.infor {
					float:left;
					margin:5px 0 0 0;
					font:10px arial!important;
					color:#000;
					}
					
		.comment-reply-link {
					float:right;
					margin:15px 0 0 0;
					font:10px arial!important;
					color:#F4F5F6!important;
					padding:3px;
					border:solid 0px #DD3438;
			}
			
		/************/
		

#espaco-footer {
	float:left;
	width:930px;
	height:40px;
	border:solid 0px #000;
}

#footer {
	position:relative;
	float:left;
	width:930px;
	height:110px;
	color:#000;
	z-index:78;
	clear:both;
	margin:10px 0 0 0;
	padding:0;
	border:solid 0px #FF0;
}

#footer a {
	color:#ED3237;
	text-decoration:none;
}

#footer a:hover {
	color:#000;
	text-decoration:none;
}

#cop {
	float:left;
	width:700px;
	color:#000;
	margin:20px 0 0 0;
	border:solid 0px #000;
}


#por {
	float:right;
	width:150px;
	color:#000;
	text-align:right;
	margin:20px 0 0 0;
	border:solid 0px #000;
}

#licenca {
	float:left;
	margin:20px 0 0 0;
	padding:0;
	font:11px arial!important;
	color:#000!important;
	border:solid 0px #000;
}


#preto-rodape {
	width:100%;
	height:150px;
	float:left;
	z-index:88;
	clear:both;
	background:url(imagens/backrodape.png) repeat-x;
	margin:-120px 0 0;
	border:solid 0px green;
}


/*CONTATO E PEDIDO MUSICAL*/
.chamada-contato {
float:left;
width:600px;
border:solid 0 #000;
}

.contato-l1 {
float:left;
width:600px;
border:solid 0 red;
margin:35px 0 0;
}

.l1-nome input {
float:left;
width:150px;
height:25px;
background:#fde6e7;
border:solid 1px #999;
}

.l1-email input {
float:left;
width:225px;
height:25px;
background:#fde6e7;
border:solid 1px #999;
}

.l1-cidade {
float:left;
margin:0 0 0 15px;
}

.l1-cidade input {
float:left;
width:180px;
height:25px;
background:#fde6e7;
border:solid 1px #999;
}


.contato-l2 input {
float:left;
width:185px;
height:25px;
background:#fde6e7;
border:solid 1px #999;
}

.contato-l2-2 input {
float:left;
width:590px;
height:25px;
background:#fde6e7;
border:solid 1px #999;
}

.l-mensagem .mensagem {
float:left;
width:595px;
border:solid 0 #000;
}

.l-mensagem textarea {
width:590px;
height:150px;
background:#fde6e7;
border:solid 1px #999;
}

.l-pergunta-confirma {
float:left;
width:590px;
border:solid 0 #000;
margin:0;
}

.pergunta {
float:right;
font:13px Arial, Helvetica, sans-serif;
color:#3F342E;
border:solid 0 #000;
margin:5px 0 30px 0;
}

.pergunta span {
font:bold 13px Arial, Helvetica, sans-serif;
}

.pergunta input {
width:30px;
font:bold 13px Arial, Helvetica, sans-serif;
color:#3F342E;
border:solid 1px #999;
}

.enviar {
float:right;
background:#D5CFBF;
border:solid 0 #000;
margin:0 0 0 5px;
}

.enviar input {
float:right;
height:25px;
font:bold 14px Arial, Helvetica, sans-serif!important;
color:#fff!important;
background:#116EB9;
border:0;
cursor:pointer;
padding:0 10px 3px;
}

.wpcf7-select {
float:left;
width:120px;
font:bold 12px Arial, Helvetica, sans-serif!important;
color:#930239!important;
background:#fff;
border:0;
}

.wpcf7-display-none {
border:solid 0 red!important;
}

.linhas-verifica {
float:left;
width:430px;
font:11px Arial, sans-serif!important;
color:#333!important;
border:solid 1px red;
}

.linhas-verifica input {
float:left;
background:#96c9ae;
width:430px;
height:20px;
font:11px Arial, sans-serif!important;
color:#333!important;
border:solid 1px #4f7c93;
}

.l-informa {
float:left;
width:590px;
font:11px Arial, sans-serif!important;
color:#000!important;
border:solid 0 #4f7c93;
margin:5px 0 0;
}

.l-informa span {
font:bold 18px Arial, sans-serif!important;
color:#000!important;
}

.contato-l1 .l1-nome,.contato-l2 .l2-tel {
float:left;
border:solid 0 #000;
}

.contato-l1 .l1-email,.contato-l2 .l2-assunto,.contato-l2 .l2-cidade {
float:left;
border:solid 0 #000;
margin:0 0 0 15px;
}

.contato-l2,.contato-l2-2,.l-mensagem {
float:left;
width:600px;
border:solid 0 #000;
margin:10px 0 30px 0;
}

/*********** TODAS AS NOTICIAS ***************/

.box-not-linha-meio {
	float:left;
	width:100%;
	height:50px;
	background:url(imagens/linha-meio-not.png) repeat-x center;
	border:solid 0px red;
	}

h2.todas-noticias{
	float:left;
	width:100%;
	font:bold 16px arial;
	color:#000;
	margin:0;
	padding:5px 0 5px 0;
}

h2.todas-noticias a{
	float:left;
	font:bold 16px arial;
	color:#000;
	margin:0;
	text-decoration:none!important;
}

h2.todas-noticias a:hover {
	float:left;
	font:bold 16px arial;
	color:#039!important;
	margin:0;
	text-decoration:none!important;
}



p.data {
	font:bold 12px Arial, sans-serif!important;
	color:#333!important;
}

.bloco-texto-todas-not {
	float:left;
	width:100%;
	margin:5px 0 0 0;
	border:solid 0px red;
	}


/******* PROGRAMAÇÃO ***************/

	/** ABAS **/
        #box-abas{
			  float:left;
              width: 100%;
			  margin: 10px 0 0 0;
			  border:solid 0px yellow;
          }
		  
	
	        #box-abas table{
			  float:left;
              width: 100%;
              height: 100%;
			  border:solid 0px red;
          }
		  

	/*Vamos ocultar o Input*/
          .tabs input{
              opacity:0;
          }
 
          /**
          * Vamos definir o container que vai englobar tudo
          * Nele vamos adicionar o position:relative, pra
          * definir o espaço que os elementos internos vão ter que seguir
          * já que um irá utilizar o position:absolute;
          **/
          .tab-main{
              position:relative;
			  float:left;
              width: 570px;
			  min-height:500px!important;
              padding: 0;
              margin: 0 auto;
			  border:solid 0px red;
          }
          /**
          * Definimos float:left nas abas
          */
          .tabs{
              float:left;
              width: 80px;
              min-height: auto!important;
			  margin:0;
          }

		          /**
		          * Vamos configurar o label, que será
		          * a nossa aba.
		          * Definimos também um position:relative
		          * porque vamos definir z-index, pra sobrepor,
		          * para compor o efeito.
		          */
		          .tabs label {
		              display: block;
		              padding: 15px 5px 15px 5px;
		              font-weight: normal;
					  color:#107239;
		              cursor: pointer;
		              position: relative;
		              top: 0;
		              z-index:1;
					  background:url(imagens/back-abas.png) repeat;
				      margin-right:2px;
		              border:1px solid #107239;
		          }
		 

		          .tabs label input checked {
					  background:#fff;
		          }
		 

          /**
          * Aqui define o elemento que engloba o texto.
          * Por padrão vamos ocultar esse elemento
          * E vamos definir position absolute.
          * Definimos um afastamento do topo, e z-index:0
          * para o Label ficar sobreposto a ele
          *
          **/
          .tab-content{
              display:none;
    		  float:left;
              text-align: left;
              width: 555px;
	          font-size: 20px;
              line-height: 140%;
              padding: 10px 0 15px 0;
              color: #333;
              border: solid 0px red;
	      }


  .tab-content2{
              display:none;
    		  float:left;
    		  margin:0 0 0 -80px;
              text-align: left;
              width: 555px;
	          font-size: 20px;
              line-height: 140%;
              padding: 10px 0 15px 0;
              color: #333;
              border: solid 0px red;
	      }

  .tab-content3{
              display:none;
    		  float:left;
    		  margin:0 0 0 -160px;
              text-align: left;
              width: 555px;
	          font-size: 20px;
              line-height: 140%;
              padding: 10px 0 15px 0;
              color: #333;
              border: solid 0px red;
	      }

  .tab-content4{
              display:none;
    		  float:left;
    		  margin:0 0 0 -240px;
              text-align: left;
              width: 555px;
	          font-size: 20px;
              line-height: 140%;
              padding: 10px 0 15px 0;
              color: #333;
              border: solid 0px red;
	      }

  .tab-content5{
              display:none;
    		  float:left;
    		  margin:0 0 0 -320px;
              text-align: left;
              width: 555px;
	          font-size: 20px;
              line-height: 140%;
              padding: 10px 0 15px 0;
              color: #333;
              border: solid 0px red;
	      }

  .tab-content6{
              display:none;
    		  float:left;
    		  margin:0 0 0 -400px;
              text-align: left;
              width: 555px;
	          font-size: 20px;
              line-height: 140%;
              padding: 10px 0 15px 0;
              color: #333;
              border: solid 0px red;
	      }

  .tab-content7{
              display:none;
    		  float:left;
    		  margin:0 0 0 -480px;
              text-align: left;
              width: 555px;
	          font-size: 20px;
              line-height: 140%;
              padding: 10px 0 15px 0;
              color: #333;
              border: solid 0px red;
	      }


		   /**
          * Agora vamos usar o seletores.
          * Selecionar o elemento Label que segue o elemento com atributo id que comece o tab,
          * desde que ele seja marcado (:checked).
          * Que no caso é o input. Aqui colocar uma borda branca no bottom
          */
 
          [id^=tab]:checked + label {
              border-bottom:1px solid #fff;
              border-top:4px solid #10733A;
              padding-top: 12px;
              padding-bottom: 17px;
 			  background:#fff;

 
          }
          /**
          * Faremos a mesma coisa do anterior, só que vamos usar o ~
          * para informar que selecione o elemento .tab-content
          * que está sendo precedido pelo atributo id com o valor
          * começado o tab, e selecionado (checked)
          */
 
          [id^=tab]:checked ~ .tab-content {
              display: block;
          }

          [id^=tab]:checked ~ .tab-content2 {
              display: block;
          }

          [id^=tab]:checked ~ .tab-content3 {
              display: block;
          }			

          [id^=tab]:checked ~ .tab-content4 {
              display: block;
          }

          [id^=tab]:checked ~ .tab-content5 {
              display: block;
          }	

           [id^=tab]:checked ~ .tab-content6 {
              display: block;
          }

          [id^=tab]:checked ~ .tab-content7 {
              display: block;
          }	


          			.tabs .box-dados-programacao  {
						float:left;
						width:100%;
						font: 16px Arial, Helvetica, sans-serif!important;
						color:#333;
						border:solid 0px red;
					}
					
					
					.tabs table tr td { /* Toda a tabela com fundo creme */
						background: #fff;
						padding:6px 6px 6px 10px;
						border-bottom:solid 1px #107239;
					} 
					
					.tabs table tr.dif td {
						background:#10733A; /* Linhas com fundo cinza */
						font: 16px Arial, Helvetica, sans-serif!important;
						color:#fff!important;
						padding:12px!important;
						border-left:solid 1px #fff;
					} 

					.tabs table tr.dif td p {
						font: 16px Arial, Helvetica, sans-serif!important;
						margin:0!important;
						color:#fff!important;

					}