@charset "utf-8";
/* CSS Document
(C) 2008 Marco Produções | https://www.marcoproducoes.art.br
Todos os direitos reservados.
Desenvolvido por Thiago Peixoto
*/

*{
	list-style:none;
	margin:0;
	padding:0;
	text-decoration:none;
}
html, body{
  height:100%;
}
body{
	background:url(../imagens/bg.png) repeat;
	color:#fff;
	font:italic 62.5% Georgia, "Tines New Roman", serif;
	width:100%;
	overflow-x: hidden;
}
img{border:0}
.left{float:left}
.right{float:right}
.clear{clear:both}

#geral{
	background:url(../imagens/bg-rodape.png) repeat-x bottom;
	min-height:100%;
	position:relative;
}
/* hack para IE6 que trata height como min-height */
* html #geral{
  height:100%;
}

/*WRAPPER*/
.wrapper{
	margin: 0 auto;
	width:960px;
}

/*TOPO*/
#topo{
	background:url(../imagens/bg-menu.png) repeat-x 0 25px;
	height:160px;
}

	/*MARCA*/
	h1{
		background:url(../imagens/marca.png) no-repeat;
		height:142px;
		left:40px;
		position:absolute;
		text-indent:-9999px;
		top:5px;
		width:244px;
		z-index:10;
	}
	h1 a{
		display:block;
		height:142px;
		overflow:hidden;
		width:244px;
	}

	/*MENU*/
	#mega-menu-1 {
		margin:45px 0 0 400px;
		float:left;
	}
	#mega-menu-1 li ul, #mega-menu-1 .sub {
	display:none;
	}
	#mega-menu-1 .sub, #mega-menu-1 li.over a{
	box-shadow: 0 0 .25em #000; /* Implementa��o W3C */
	-moz-box-shadow: 0 0px .25em #000;/* Implementa��o Mozilla */
	-webkit-box-shadow: 0 0 .25em #000; /* Implementa��o para browsers que renderizam via webkit */
	}
	#mega-menu-1 .sub ul {
	display:block;
	}
	#mega-menu-1 {
	width:100%;
	height:40px;
	position:relative;
	}
	#mega-menu-1 li {
	float:left;
	margin:0;
	padding:0;
	font-weight:bold;
	}
	#mega-menu-1 li a {
	color:#fff;
	font:normal 1.6em "PT Sans Narrow", sans-serif;
	float:left;
	display:block;
	padding:10px 15px;
	}
	#mega-menu-1 li.mega-hover a, #mega-menu-1 li a:hover {
	color:#efc53a;
	}
	#mega-menu-1 li .sub-container {
	position:absolute;
	}
	#mega-menu-1 li .sub {
	font-size:1.4em;
	background:#720707;
	padding:15px 7px 0 15px;
	}
	#mega-menu-1 li .sub .row {
	width: 100%;
	overflow: hidden;
	clear: both;
	}
	#mega-menu-1 li .sub li {
	list-style: none;
	float: none;
	width: 170px;
	font-size: 1em;
	font-weight: normal;
	}
	#mega-menu-1 li .sub li.mega-hdr {
	margin: 0 10px 10px 0;
	float: left;
	}
	#mega-menu-1 li .sub li.mega-hdr.last {
	margin-right: 0;
	}
	#mega-menu-1 li .sub a {
	background: none;
	color: #fff;
	padding: 7px 10px;
	display: block;
	float: none;
	font-size: 0.9em;
	}
	#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
	padding: 5px 15px;
	margin-bottom: 5px;
	background: #5b1012;
	text-transform: uppercase;
	font-weight: bold;
	color:#efc53a;
	}
	#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover {
	color: #fff;
	}
	#mega-menu-1 .sub li.mega-hdr li a {
	padding: 4px 5px;
	font-weight: normal;
	}
	#mega-menu-1 .sub li.mega-hdr li a:hover {
	color: #a32403;
	background: #efefef;
	}
	#mega-menu-1 .sub ul li {
	padding-right: 0;
	}
	#mega-menu-1 li .sub-container.non-mega .sub {
	padding: 10px;
	}
	#mega-menu-1 li .sub-container.non-mega li {
	padding: 0;
	width: 190px;
	margin: 0;
	}
	#mega-menu-1 li .sub-container.non-mega li a {
	padding: 7px 5px 7px 22px;
	}
	#mega-menu-1 li .sub-container.non-mega li a:hover {
	color: #a32403;
	background: #efefef;
	} 

/*CONTAINER*/
#container{
	background:url(../imagens/bg-container.png) repeat-y;
	height:100%;
	overflow:hidden;
	box-shadow: 0 0 0.5em #000; /* Implementa��o W3C */
	-moz-box-shadow: 0 0px 0.5em #000;/* Implementa��o Mozilla */
	-webkit-box-shadow: 0 0 0.5em #000; /* Implementa��o para browsers que renderizam via webkit */
	width:940px;
}
	h3{
		color:#efc53a;
		font:normal 2.4em "PT Sans Narrow", sans-serif;
		margin-bottom:20px;
		text-transform:uppercase;
	}	
	.mais{
		color:#000;
		font:bold 1.4em "PT Sans Narrow", sans-serif;
		text-transform:uppercase;
	}	
	.mais span{
		color:#efc53a;
	}
	.mais:hover{
		color:#fff;
	}
	p, dt{
		font:italic 1.2em Georgia, serif;	
	}
	
	/*BANNER*/
	#banner{
		background:#000;
		width:960px;
	}
		.bannerhome{height:320px}
		.bannerinterno{
			height:200px;
			overflow:hidden;
		}
		
		/*
		Coin Slider jQuery plugin CSS styles
		https://workshop.rs/projects/coin-slider
		*/
		.coin-slider { overflow: hidden; zoom: 1; position: relative; }
		.coin-slider a{ text-decoration: none; outline: none; border: none; }
		
		.cs-buttons { font-size: 0px; padding: 10px; float: left; }
		.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #efc53a; color: #B8C4CF; text-indent: -1000px; }
		.cs-active { background-color: #efc53a; color: #FFFFFF; }
		
		.cs-title { width: 940px; padding: 10px; background-color: #000000; color: #FFFFFF; }
		
		.cs-prev, 
		.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
	
	/*CONTEUDO*/
	#conteudo{
		padding:20px 40px 40px 40px;
		width:560px;
	}
		#conteudo h2{
			color:#efc53a;
			font:normal 5em "PT Sans Narrow", sans-serif;
			text-align:center;
		}
		#conteudo h3{
			text-transform:none;
		}
		.compartilhar{
			border-bottom:1px dashed #efc53a;
			border-top:1px dashed #efc53a;
			margin:10px 0 20px 0;
			padding:7px 0 5px 0;
			text-align:center;
		}
		#conteudo p{
			line-height:150%;
			padding-bottom:10px;
		}
		#conteudo a{
			border-bottom:0;
			color:#efc53a;
		}
		#conteudo a:hover{
			border-bottom:1px dashed #efc53a;
		}
		#conteudo ul{
			margin-bottom:20px;
		}
		#conteudo ul li{
			font-size:1.2em;
			line-height:150%;
		}
		
		/*na midia*/
		.midia{
		}
			.midia dt{
				font:bold 1.6em Georgia, serif;
			}
				.midia dt a{color:#fff}
				.midia dt a:hover{color:#efc53a}
			.midia dd{
				color:#fff;
				font:italic 1.2em Georgia, serif;
				padding-bottom:5px;
			}
			
		/*agenda*/
		.tabela-agenda{
			margin:10px 0;
			width:100%;
		}
			.tabela-agenda th{
				background:#000;
				color:#efc53a;
				font:normal 1.5em "PT Sans Narrow", sans-serif;
				padding:5px 10px;
			}
			.tabela-agenda td{
				background:#6a070a;
				font:italic 1.2em "Georgia", serif;
				padding:10px;
			}
			.tabela-agenda a{
				color:#fff;
			}
			.tabela-agenda a:hover{color:#efc53a}
		
		/*atores*/
		.atores{
			display:block;
			margin:10px 0;
		}
			.atores h5{
				font:italic bold 1.4em Georgia, serif;
				padding-top:10px;
				}
			.atores img{
				background:#630b0c;
				float:left;
				padding:5px;
				margin:10px 10px 5px 0;
			}		
		.btn-ancora{
			background:#630b0c;
			color:#fff;
			font-size:1.2em;
			margin:10px 0;
			padding:5px 10px;
		}


		/*-----box-patrocinadores-----*/
		#box-patrocinadores{
			height:100%;
			width:100%;
		}

			#box-patrocinadores img{
				height:120px;
				margin:10px;
				width:120px;
			}
		
		/*comentarios*/
		.dados{
			border-bottom:1px dashed #efc53a;
			border-top:1px dashed #efc53a;
			margin:10px 0;
			padding-top:8px;
		}
			.dados p{
				font-weight:bold;
			}
			.comentario p{
				padding:0 10px;
			}
		fieldset{
			border-bottom:1px dashed #efc53a;
			border-top:1px dashed #efc53a;
			border-left:0;
			border-right:0;
			padding:10px;
		}
			legend{
				border-top:1px dashed #efc53a;
				display:block;
				color:#efc53a;
				font:normal 1.8em "PT Sans Narrow", sans-serif;
				padding:5px 10px;
				width:540px;
			}
			fieldset label{
				display:block;
				font-size:1.2em;
				margin-top:7px;
				width:200px;
			}
			fieldset label input{
				font:normal 1.1em Georgia, serif;
				padding:3px 5px;
				width:300px;
			}
			fieldset label textarea{
				height:80px;
				padding:3px 5px;
				width:300px;
			}
			fieldset button{
				background:#5b1012;
				border:0;
				color:#fff;
				cursor:pointer;
				font:italic 1.2em Georgia, sans-serif;
				margin-top:10px;
				padding:5px 10px;
			}
			fieldset button:hover{
				color:#efc53a;
			}
			
	/*ESPETACULOS*/
	.peca{
		display:block;
		margin:10px;
		width:250px;
	}
		.peca img{
			border:5px solid #630b0c;
			height:165px;
			overflow:hidden;
			width:250px
		}
		.peca h3:hover{
			color:#000;
		}
	
	/*BOXES*/
	#boxes{
		background:#720707;
		padding:40px 0;
		width:640px;
	}
	
		/*COMENTARIOS*/
		.comentarios{
			margin:0 40px;
			width:240px;
		}
			dt{
				line-height:140%;
			}
			dd{
				color:#000;
				font-size:1.4em;
				font-weight:bold;
				margin-bottom:15px;
			}
				.cidade{
					font-size:0.9em;
					font-weight:normal;
				}
			
			/*AGENDA*/
			.agenda{
				width:300px;
			}
			.item-agenda{
				background:url(../imagens/bg-item-agenda.png) no-repeat;
				height:40px;
				padding:12px 20px;
				width:260px;
			}
			.data{
				display:block;
				font:normal "PT Sans Narrow", sans-serif;
				line-height:150%;
				text-align:center;
				width:20px;
			}
			.dia{font-size:2.4em}
			.mes{font-size:1.6em}
			.local{
				padding-left:50px;
			}
			.local a{
				color:#fff;
				font:italic bold 1.2em Georgia, serif;
			}
			.local a:hover{
				color:#efc53a;
			}
			.teatro{
				font-weight:normal;
			}
			
			/*SOCIAL*/
			.social{
				padding:20px 0 0 40px;
			}
				h4{
					font:bold 1.6em "PT Sans Narrow", sans-serif;
					text-transform:uppercase;
					padding-top:10px;
					width:110px;
				}
				.social img{
					border:0;
					margin:0 12px;
				}
		
		/*BARRA LATERAL*/
		#sidebar{
			padding:40px 10px 40px 20px;
			width:270px;
		}
			.fotos, .videos{
				display:block;
			}
      #sidebar p {
        line-height: 140%;
      }
      .sidebar__link{
        color: white;
      }
		
		/*FOTOS*/
		.fotos{
			padding-bottom:20px;
		}
			.fotos h3{
				margin:0;
				padding:0;
			}
			.fotos ul li{
				float:left;
				margin:5px 5px 0 0;
				padding:0;
			}
			.fotos ul li a,ul li a img{
				float:left
			}
			.fotos ul li a:hover{border:5px solid #8b1819}
			.fotos ul li a:hover img{margin:-5px}
	
		/*VIDEO*/
		.video{
			margin-top:20px;
		}
		
/*RODAPE*/
#rodape{
  bottom:0;
	height:50px;
	position:absolute;
}