/* CSS Document */
/* Estilos Generales*/
html{
font-size:68%;
margin:0;
padding:0;
}

body{
background-color: #000000;
color: #ffffff;
text-align:left;
margin:0px;
padding:0px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1.05em;
}

.clearb{
clear:both;
}

.cleara{
clear:both;
height:40px;
}


a img{
border:0px;
}
 
.oculta{
display:none;
}

a:link, a:visited{
	color: #beb086;
	font-weight: bold;
	text-decoration: none;
	}
a:hover{
	color: #000000;
	font-weight: bold;
	background-color: #beb086;
	}


/* cabecera**********************************************************************/
#cabecera{
	position: relative;
	top: 0px;
	left: 0px;
	width: 954px;
	margin: 0px;
	padding: 0px;
	height:146px;
}

#cabecera h1{
position:absolute;
top: 10px;
left: 100px;
height:80px;
width:100%;
background: url(../imgs/logo_maria-pages.gif) top left no-repeat;
}
#cabecera h1 span{
display:none;
}
#cabecera h1 a:link, #cabecera h1 a:visited, #cabecera h1 a:hover{
display: block;
width: 400px;
height: 100%;
background: none;
margin: 0px;
padding: 0px;
}

/*menu principal*/

#navcontainer{
position:relative;
width: 600px;
height: 21px;
top: 121px;
left: 459px;
margin:0px;
padding:0px;
list-style: none;
}

#navcontainer li{ 
margin:0px;
padding:0px;
list-style: none;
float:left;
}

#navcontainer li a{
display:block;
border:none;
background-position:left top;
background-repeat:no-repeat;
text-indent:-9999px;
height: 20px;
}

#navcontainer li a.item1{ width: 51px; background: url(../imgs/bot_agenda_o.gif);}
#navcontainer li a.item1:hover, #navcontainer li.active a.item1{ background: url(../imgs/bot_agenda.gif);}

#navcontainer li a.item2{ width: 42px; background: url(../imgs/bot_blog_o.gif);}
#navcontainer li a.item2:hover, #navcontainer li.active a.item2{ background: url(../imgs/bot_blog.gif);}

#navcontainer li a.item3{ width: 50px; background: url(../imgs/bot_videos_o.gif); }
#navcontainer li a.item3:hover, #navcontainer li.active a.item3{ background: url(../imgs/bot_videos.gif);}

#navcontainer li a.item4{ width: 88px; background: url(../imgs/bot_espectaculos_o.gif); }
#navcontainer li a.item4:hover, #navcontainer li.active a.item4{ background: url(../imgs/bot_espectaculos.gif);}

#navcontainer li a.item5{ width: 83px; background: url(../imgs/bot_lacompania_o.gif);}
#navcontainer li a.item5:hover, #navcontainer li.active a.item5{ background: url(../imgs/bot_lacompania.gif);}

#navcontainer li a.item6{width: 54px; background: url(../imgs/bot_prensa_o.gif);}
#navcontainer li a.item6:hover, #navcontainer li.active a.item6{ background: url(../imgs/bot_prensa.gif);}

#navcontainer li a.item7{width: 46px;background: url(../imgs/bot_fotos_o.gif);}
#navcontainer li a.item7:hover, #navcontainer li.active a.item7{ background: url(../imgs/bot_fotos.gif);}

#navcontainer li a.item8{width: 83px;background: url(../imgs/bot_mariapages_o.gif);}
#navcontainer li a.item8:hover, #navcontainer li.active a.item8{background: url(../imgs/bot_mariapages.gif);}

/*menu principal en ingles*/

#en_navcontainer{
position:relative;
width: 500px;
height: 21px;
top: 121px;
left: 518px;
margin:0px;
padding:0px;
list-style: none;
}

#en_navcontainer li{ 
margin:0px;
padding:0px;
list-style: none;
float:left;
}

#en_navcontainer li a{
display:block;
border:none;
background-position:left top;
background-repeat:no-repeat;
text-indent:-9999px;
height: 20px;
}

#en_navcontainer li a.item1{ width: 51px; background: url(../imgs/en_bot_agenda.gif);}
#en_navcontainer li a.item1:hover, #en_navcontainer li.active a.item1{ background: url(../imgs/en_bot_agenda_o.gif);}

#en_navcontainer li a.item2{ width: 42px; background: url(../imgs/en_bot_blog.gif);}
#en_navcontainer li a.item2:hover, #en_navcontainer li.active a.item2{ background: url(../imgs/en_bot_blog_o.gif);}

#en_navcontainer li a.item3{ width: 49px; background: url(../imgs/en_bot_videos.gif); }
#en_navcontainer li a.item3:hover, #en_navcontainer li.active a.item3{ background: url(../imgs/en_bot_videos_o.gif);}

#en_navcontainer li a.item4{ width: 50px; background: url(../imgs/en_bot_shows.gif); }
#en_navcontainer li a.item4:hover, #en_navcontainer li.active a.item4{ background: url(../imgs/en_bot_shows_o.gif);}

#en_navcontainer li a.item5{ width: 63px; background: url(../imgs/en_bot_company.gif);}
#en_navcontainer li a.item5:hover, #en_navcontainer li.active a.item5{ background: url(../imgs/en_bot_company_o.gif);}

#en_navcontainer li a.item6{width: 46px; background: url(../imgs/en_bot_press.gif);}
#en_navcontainer li a.item6:hover, #en_navcontainer li.active a.item6 { background: url(../imgs/en_bot_press_o.gif);}

#en_navcontainer li a.item7{width: 54px;background: url(../imgs/en_bot_photos.gif);}
#en_navcontainer li a.item7:hover, #en_navcontainer li.active a.item7{ background: url(../imgs/en_bot_photos_o.gif);}

#en_navcontainer li a.item8{width: 85px;background: url(../imgs/en_bot_mariapages.gif);}
#en_navcontainer li a.item8:hover, #en_navcontainer li.active a.item8{background: url(../imgs/en_bot_mariapages_o.gif);}


/*menuservicios*/

#navservicios{
	position:absolute;
	top: 10px;
	right: 10px;
	list-style:none;
	margin:0px;
	padding:0px;
	z-index: 10;
}

#navservicios li{
	position:relative;
	list-style:none;
	margin:0px;
	padding:0px;
	float:right;
	padding-left: 10px;
	padding-right: 10px;
	border-left: solid 1px #FFFFFF;
	font-size: 1.1em;
	
}
#navservicios li.pri {
	border: none;
	
}
#navservicios li a{
	text-decoration: none;
	color: #BEB086;
	font-weight: bold;
}
#navservicios li a:hover{
	color: #FFFFFF;
}

/*area contenidos */


#container{
	position:relative;
	width:954px;
	border:0px;
	text-align:left;
	margin:0px;
}

#col_img{
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 360px;
	
	}
#col_cont{
	position: relative;
	float: right;
	right: 87px;
	margin: 0px;
	padding: 0px;
	width: 503px;
	padding-top: 40px;
	padding-bottom: 40px;
	line-height: 1.3em;
	}

#contents_agenda {
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-right: 0px;
	background: url(../imgs/titulo-blog.jpg);
	background-position: 870px 40px;
	background-repeat: no-repeat;
	}


h2{
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-bottom: 4px;
	background: url(../imgs/fondoh2.gif) top left repeat-x;
	font-size: 1.3em;
	margin-bottom: 20px;
	clear: both;
	
	}
h2 span{
	position: absolute;
	float: right;
	top: 0px;
	right: 5px;
	font-size: 80%;
	padding-top: 0px;
	
	}
h2 span strong{
	font-size: 150%;
	padding-top: 4px;
	
	}
h3{
	font-size: 1.1em;
	border-bottom: solid 1px #682b2d;
	padding: 0px;
	margin: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-top: 20px;
	margin-bottom: 10px;
	
	}
#col_cont p{
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-top: 5px;
	text-align: justify;
	
	}
.img_ida{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: solid 1px #fff;
	
	}
.img_dcha{
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: solid 1px #fff;
	
	}
/*titulos*/
#tit_contacto{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 450px;
	background: url(../imgs/titulo-contacto.jpg) top left no-repeat;
	
	
	}
#tit_prensa{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 450px;
	background: url(../imgs/titulo-prensa.jpg) top left no-repeat;
	
	
	}
#tit_newsletter{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 450px;
	background: url(../imgs/titulo-newsletter.jpg) top left no-repeat;
	
	
	}
#tit_mariapages{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 450px;
	background: url(../imgs/titulo-mariapages.jpg) top left no-repeat;
	
	
	}
#tit_agenda{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 450px;
	background: url(../imgs/titulo-agenda.jpg) top left no-repeat;
	
	
	}
#tit_espectaculos{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 500px;
	background: url(../imgs/titulo-espectaculos.jpg) top left no-repeat;
	
	
	}
#tit_videos{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 450px;
	background: url(../imgs/titulo-videos.jpg) top left no-repeat;
	
	
	}
#tit_fotos{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 500px;
	background: url(../imgs/titulo-fotos.jpg) top left no-repeat;
	
	
	}
#tit_compania{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 500px;
	background: url(../imgs/titulo-compania.jpg) top left no-repeat;
	
	
	}
#tit_blog{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 500px;
	background: url(../imgs/titulo-blog.jpg) top left no-repeat;
	}


/*titulos english*/
#tit_contacto_en{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 450px;
	background: url(../imgs/en_titulo-contacto.jpg) top left no-repeat;
	
	
	}
#tit_prensa_en{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 450px;
	background: url(../imgs/en_titulo-prensa.jpg) top left no-repeat;
	
	
	}
#tit_mariapages_en{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 450px;
	background: url(../imgs/titulo-mariapages.jpg) top left no-repeat;
	
	
	}
#tit_agenda_en{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 450px;
	background: url(../imgs/titulo-agenda.jpg) top left no-repeat;
	
	
	}
#tit_espectaculos_en{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 500px;
	background: url(../imgs/en_titulo-espectaculos.jpg) top left no-repeat;
	
	
	}
#tit_videos_en{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 450px;
	background: url(../imgs/en_titulo-videos.jpg) top left no-repeat;
	
	
	}
#tit_fotos_en{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 500px;
	background: url(../imgs/en_titulo-fotos.jpg) top left no-repeat;
	
	
	}
#tit_compania_en{
	position: absolute;
	top: 40px;
	right: 0px;
	width: 79px;
	height: 500px;
	background: url(../imgs/en_titulo-compania.jpg) top left no-repeat;
	
	
	}

/*home*/
#flashcontainer{
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 956px;
	height: 460px;
	}
	
#flashcontent{


}

#contents_home {
	position: relative;
	margin: 0px;
	padding: 20px;
	padding-left: 40px;
	padding-right: 0px;
	
	}
#contents_home h2{
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	padding-bottom: 4px;
	background: url(../imgs/fondoh2.gif) top left repeat-x;
	font-size: 1.3em;
	margin-bottom: 20px;
	
	
	}
#col_left{
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 450px;
	
	}
#col_right{
	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;
	width: 400px;
	}
	
/*blog entradas********************/

#col_left h3{
	position: relative;
	margin: 0px;
	padding:0px;
	border-bottom: solid 1px #682b2d;
	padding-bottom: 5px;
	font-size: 1.3em;
	}
#col_left .metadata{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	padding-bottom: 10px;
	padding-top: 3px;
	
	}
#col_left .cuerpo{
	margin: 0px;
	padding: 0px;
	padding-top: 7px;
	font-size: 1.2em;
	font-weight: normal;
	padding-bottom: 7px;
	line-height: 1.3em;
	text-align: justify;
	
	}
#col_left .entry{
	padding-left: 10px;
	padding-bottom: 40px;
	}
#col_left .asset-footer{
	height: 20px;
	
	
	}
	
/* Listas de datos**************************/
ul.listasimple{
	position: relative;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	padding-bottom: 40px;
	}
ul.listasimple li{
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 65%;
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom: solid 1px #682b2d;
	padding-left: 5px;
	}
	
ul.listasimple li.uno{
	width: 30%;
	height: 60px;
	font-size: 11px;
	padding-left: 0px;
	}

/*area contenidos*/
#col_cont .p_color{
	color: #beb086;
	}
#col_cont .p_color:hover {
	color: #000;
	background-color: #beb086;
	
	}
#col_cont p.alinea_centro{
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 10px;
	
	}
#col_cont p.alinea_centro a{
	font-size: 1.4em;
	
	}
#col_cont p.ficha_obra strong{
	font-weight: bold;
	color: #9f686b;

	}
div.video{
	position: relative;
	margin: 0 auto;
	text-align: center;
	
	
	}
#col_cont a.galeria img{
	border:solid 1px #beb086;
	margin:6px;
	
	}
#col_cont a.galeria:hover img{
	border:solid 1px #fff;
	background-color: none;
	padding: 0px;
	
	}
html #col_cont a.galeria:hover{
	background-color: none;
	background: none;
	
	}

#container_barra_p{
position:relative;
padding-left: 20px;
padding-right: 60px;
padding-top: 20px;
padding-bottom: 60px;
margin: 0px;
font-size: 1.1em;
line-height: 1.3em;

} 
	
/* Listas formulario**************************/
ul.listasimple2{
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
	padding-bottom: 0px;
	}
ul.listasimple2 li{
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 50%;
	padding-top: 10px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-bottom: solid 1px #682b2d;
	}
	
ul.listasimple2 li.uno{
	width: 40%;
	
	}
ul.listasimple2 li.large{
	clear: both;
	float: none;
width: 90%;
	
	}
ul.listasimple2 li.bot_news{
	clear: both;
	float: none;
	width: 90%;
		clear: both;
	float: none;
	border: none;
	text-align: center;
	
	}
	
fieldset{
	margin: 10px;
	border: solid 1px #682b2d;
	
	}
p.centra{
	margin: 0px;
	padding: 0px;
	text-align: center;
	
	
	
	}

/*footer*/

#footer{
	position: relative;
	width: 960px;
	text-align: center;
	
	
	}
	#footer p{
		line-height: 1.2em;
		font-size: 1.1em;
		padding-bottom: 40px;
		padding-top: 20px;
		/*border-top: solid 1px  #682b2d;*/
	
	
	}
