@charset "utf-8";
/* CSS Document */

body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#ccc;
	text-align:justify;
	background:url(../images/productora-de-teatro.jpg) no-repeat top center #000;
	margin:0;
	padding:0;
}

a:link, a:visited, a:active {
	color:#999;
	text-decoration:none;

}

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

iframe {
	border:none; 
	overflow:hidden; 
	width:292px; 
	height:280px;
}

#contenedor {
	margin:0 auto;
	width:1050px;	
}

#content {
	margin:0 auto;
	width:1000px;	
}

#contenido {
	width:500px;
	height:700px;
	float:left;
}

#contenido2 {
	width:300px;
	height:500px;
	float:right;
	
}

.item {
	font-size:18px;
	text-align:justify;
	color:#ccc;
}

.titulo {
	font-size:18px;
	font-weight:bold;
	text-align:justify;
	color:#ccc;
}

#header-left {
	width:300px;
	height:107px;
	float:left;		
}

#header-right {
	width:690px;
	height:57px;
	float:right;
	padding:50px 0;		
}

#nav-example {
	background: url(../images/teatro-peruano.png) no-repeat;
	width:670px;
	height:33px;
	margin:0;
	padding:0;
}

#nav-example span {
display: none;
}
#nav-example li, #nav-example a {
height:33px;
display:block;
}

#nav-example li {
float:left;
list-style:none;
display:inline;
}
#nav-example-01 {width: 63px;}
#nav-example-02 {width: 101px;}
#nav-example-03 {width: 88px;}
#nav-example-04 {width: 95px;}
#nav-example-05 {width: 97px;}
#nav-example-06 {width: 95px;}
#nav-example-07 {width: 123px;}

#nav-example-01 a:hover {background:url("../images/teatro-peruano.png") 0px -33px no-repeat; }
#nav-example-02 a:hover {background:url("../images/teatro-peruano.png") -63px -33px no-repeat; }
#nav-example-03 a:hover {background:url("../images/teatro-peruano.png") -164px -33px no-repeat; }
#nav-example-04 a:hover {background:url("../images/teatro-peruano.png") -252px -33px no-repeat; }
#nav-example-05 a:hover {background:url("../images/teatro-peruano.png") -347px -33px no-repeat; }
#nav-example-06 a:hover {background:url("../images/teatro-peruano.png") -444px -33px no-repeat; }
#nav-example-07 a:hover {background:url("../images/teatro-peruano.png") -539px -33px no-repeat; }

 estilos del banner 

.clear {
	clear:both;
}

#banner {
	width:1011px;
	height:325px;
	margin:0 auto;	
}


.clear {
	clear:both
}

#gallery {
	position:relative;
	height:278px;
	padding-left:20px;
}

#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:000px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#fff;
	}
	


#contenido-izq {
	width:660px;
	float:left;
	margin:40px 0 0 15px;
}

#contenido-der {
	width:300px;
	float:right;
	margin:40px 15px 0 0;
}


#producciones-anteriores {
	background:url(../images/bg-obras-de-teatro-peruano.png) no-repeat top;
	width:660px;
	height:193px;
	margin:0 auto;	
}

#boletin {
	width:300px;
	height:192px;
	background:url(../images/teatro-en-peru.png);
	margin:0 auto;
}

#footer {
	width:1030px;
	height:127px;
	background:#971419;
	margin-left:1px;
	
	
}

.footer {
	font-size:11px;
	color:#fff;
	padding-left:20px;
	padding-top:0px;
	
}

.siguenos {
	font-size:18px;
	
}