@charset "UTF-8";
/* 
   Reset (http://meyerweb.com/eric/tools/css/reset/)
------------------------------------------------------------------- */

html, body, div, span, applet, object, iingme, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	border-collapse: collapse;
	border-spacing: 0;
}
ul, ol, li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
li {
	display:list-item;
}
* {
	margin:0;
	padding:0;
}
 html, div, {
 display:block;
}
a {
	color:#34D1D3;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}
a:hover {
	color:#878787;
}
:root {
	quotes:"“" "”" "‘" "’";
}
strong {
	font-weight:bold;
}

:-moz-any-link {
cursor:pointer;
}
/**|*:-moz-any-link img, img[usemap], object[usemap] {
border:2px solid;
}*/

body {
	color:#878787;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5em;
	margin-right: auto;
	margin-left: auto;
}
#contenedor {
	min-height:100%;
	margin-right: auto;
	margin-left: auto;
	width: 895px;
	margin-bottom: 1em;
}
#cabecera {
	background-image: url(../img/grafico/fondo_cabecera2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 253px;
	width: 895px;
}
#cabecera #festival_cabecera {
	text-indent: -1000px;
}
div.contenido {
	background-position: top;
	position:relative;
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
	padding-right: 6em;
	padding-bottom: 2em;
	padding-left: 6em;
	padding-top: 1em;
}
.clearer {
	clear: both;
	display: block;
	font-size: 0;
	line-height: 0;
}
/*estilos para menú*/
ul.main_menu {
	margin-top: 17.9em;
	margin-right: 0;
	padding-top: 0px;
	padding-right: 1.1em;
	padding-bottom: 0;
	height: 3.3em;
	padding-left: 6em;
}
ul.main_menu li {
	float:left;
	background-color: #EBE5A6;
	border-right-width: 0.1em;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-top: 0.8em;
	padding-right: 1.3em;
	padding-bottom: 0.8em;
	padding-left: 1.3em;
}
ul.main_menu li a {
	color:#958532;
	font-size:1.3em;
	text-decoration: none;
}
ul.main_menu li a:hover {
	color: #5C5325;
}
ul.main_menu li.active {
	background-color: #DCAE00;
}
ul.main_menu li.active a {
	color: #30100E;
}
ul.main_menu #ultimo {
	border-right-style: none;
}
ul.main_menu li.contacto {
	margin-left: 64.5em;
	_margin-left: 0em; /* para ie6*/
 	*margin-left: 30.5em; /* para ie7*/
	margin-top: 3.3em;
	background-color: #FFFFFF;
	padding: 0px;
	_margin-top: 3em; /* para ie6*/
	position: absolute;
}
ul.main_menu li.contacto a {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	background-attachment: scroll;
	background-image: url(../img/grafico/icon_00.png);
	background-repeat: no-repeat;
	color: #000000;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 24px;
	font-weight: bold;
	color: #958532;
	padding-right: 5px;
	height: 24px;
}
ul.main_menu li.contacto a:hover {
	color: #E00F1D;
	background-image: url(../img/grafico/icon_01.png);
}
ul.main_menu li.folleto {
	margin-left: 48.5em;
	_margin-left: 0em; /* para ie6*/
 	*margin-left: 15.25em; /* para ie7*/
	margin-top: 3.3em;
	background-color: #FFFFFF;
	padding: 0px;
	_margin-top: 3em; /* para ie6*/
	position: absolute;
}
ul.main_menu li.folleto a {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	background-attachment: scroll;
	background-image: url(../img/grafico/icon_00.png);
	background-repeat: no-repeat;
	color: #000000;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 24px;
	font-weight: bold;
	color: #958532;
	padding-right: 5px;
	height: 24px;
}
ul.main_menu li.folleto a:hover {
	color: #E00F1D;
	background-image: url(../img/grafico/icon_01.png);
}
/*estilos para capa central index*/
.contenido .izda {
	float: left;
	margin-right: 5em;
}
div.contenido h2 {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	background-image: url(../img/grafico/titulo_valderrobres.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 155px;
	width: 160px;
	float: left;
	padding-top: 0;
	padding-left: 0;
	padding-right: 14px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	text-indent: -1000px;
}
div.contenido #foto1 a {
	background-attachment: scroll;
	background-image: url(../img/grafico/titulo_valderrobres2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 155px;
	width: 160px;
	float: left;
	margin-bottom: 14px;
}
div.contenido #foto1 a:hover, a:active {
	background-image: url(../img/grafico/decalage.jpg);
	background-repeat: no-repeat;
	height: 155px;
	width: 160px;
}
div.contenido #foto2 {
	background-attachment: scroll;
	background-image: url(../img/grafico/titulo_valderrobres3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 140px;
	width: 334px;
	clear: left;
	margin: 0px;
}
 div.contenido h2, div.contenido h3, div.contenido h4, div.contenido h5, {
 color:#4A4A4A;
}
.contenido .dcha {
	float: left;
	width: 33em;
}
div.contenido .dcha h3 {
	display:block;
	height:1.4em;
	padding-top: 0em;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-bottom-width: 0.1em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	margin-bottom: 0.4em;
	color: #DCAE00;
}
.contenido #texto_index p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #666666;
	line-height: 1.3em;
}
/*
	Estilos programacion
------------------------------------------------------------------- */
div.content_module {
	background:#FFFFFF none repeat scroll 0 0;
	position:relative;
	display:block;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1.6em;
	padding-top: 0em;
	padding-right: 6em;
	padding-left: 6em;
	width: 69em;
}
/*
	Estilos para lista de fechas de programación
------------------------------------------------------------------- */
ul.menu_tabs {
	border-bottom:0.1em solid #DFDFDF;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 1.5em;
	margin-left: -0.1em;
	padding-top: 0px;
	padding-right: 1.1em;
	padding-bottom: 0;
	height: 3.3em;
	width: 68em;
}
ul.menu_tabs li {
	border-right:0.1em solid #DFDFDF;
	float:left;
	padding:0.9em 1.2em;
}
ul.menu_tabs li a {
	color:#B0ADAD;
	font-size:1.3em;
	text-decoration: none;
}
ul.menu_tabs li.active {
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../img/grafico/icon_02.jpg);
	background-repeat: no-repeat;
	background-position: 6px 5px;
	padding-top: 0.9em;
	padding-right: 1.2em;
	padding-bottom: 0.9em;
	padding-left: 2.9em;
}
ul.menu_tabs li.active a {
	color:#4A4A4A;
}
ul.menu_tabs li.first-child {
	border-left:0.1em solid #DFDFDF;
}
/*
Estilos para lista de programación
------------------------------------------------------------------- */
ul.programacion {
	margin: 0.5em -1em 0em -0.9em;
}
ul.programacion li {
	float:left;
	margin:0;
	overflow:hidden;
	height:auto;
	position:relative;
	width:17.6em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1.3em;
	padding-left: 0;
	background-color: #FFFFFF;
}
ul.programacion li a {
	display:block;
	position:relative;
	height:17.4em;
	width:17.4em;
	margin-top: 0;
	margin-right: 1em;
	margin-bottom: 0;
	margin-left: 1em;
}
ul.programacion li a:hover {
	background-color: #666666;
	background-image: none;
}
ul.programacion li a img {
	width: 16.5em;
	height: 11.7em;
}
ul.programacion li a:hover img {
	visibility: hidden;
}
ul.programacion li a strong {
	color:#666666;
	display:block;
	font-size:1.2em;
	font-weight:normal;
	margin:0;
	bottom:0.2em;
	position:absolute;
	left: 0.2em;
}
ul.programacion li a:hover strong {
	color:#DFDFDF;
	margin:3.5em 1em 0;
	position:absolute;
	top:0;
}
ul.programacion li a em {
	color:#CCCCCC;
	display:none;
	font-style:normal;
	font-size: 1.1em;
}
ul.programacion li a:hover em {
	display: block;
	position: absolute;
	left: 1.2em;
	bottom: 2.6em;
	color: #FFFFFF;
}
ul.programacion li a strong span {
	color:#333333;
	display:block;
	font-size:1.2em;
	font-weight:normal;
}
ul.programacion a strong span.nombredoble {
	font-size: 0.95em;
}
ul.programacion li a:hover strong span {
	color:#FCD71C;
}
ul.programacion li a strong span.date {
	color:#CAA11A;
	display:inline;
	font-size:0.9em;
}
ul.programacion li a:hover strong span.date {
	color:#DFDFDF;
}
ul.programacion li a strong span.lugar {
	color:#666666;
	display:block;
	font-size:0.9em;
}
ul.programacion li a:hover strong span.lugar {
	color:#DFDFDF;
}
/*
	pie
------------------------------------------------------------------- */

ul.logos {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding-left: 6em;
	background-image: url(../img/grafico/fondo_pie.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 1em;
	height: 7.7em;
	padding-bottom: 0.1em;
}
ul.logos li {
	padding-left: 0.7em;
	padding-right: 0.7em;
	background-color: #FFFFFF;
	height: 30px;
	display: block;
	float: left;
}
ul.logos .primero {
	color: #333333;
	height: 30px;
	font-size: 0.9em;
}
ul.direccion {
	display: block;
	font-size: 0.9em;
	color: #333333;
	padding-top: 0.5em;
	padding-right: 0.8em;
	padding-left: 3.7em;
	padding-bottom: 1em;
 *padding-bottom: 2em; /*para ie7*/
}
ul.direccion li {
	display: inline;
	padding-left: 0.8em;
	padding-right: 0.8em;
	border-right-width: 0.1em;
	border-right-style: dotted;
	border-right-color: #333333;
	background-color: #FFFFFF;
	height: 1.4em;
	float: left;
}
ul.direccion .primero {
	color: #333333;
	border-left-width: 0.1em;
	border-left-style: dotted;
	border-left-color: #333333;
	font-weight: bold;
}
ul.direccion .ultimo a {
	margin-left: 17.8em;
	_margin-left: 1em;	/* para ie6*/
 *margin-left: 15em; /* para ie7*/
	font-weight: bold;
	color: #958532;
}
ul.direccion li.ultimo a:hover {
	color: #E00D1A;
}
	
	
	
	/* Base para correcciones de explorer
	left: 200px;   12.50ems;
	*left: 260px;  16.25ems; para ie7
	_left: 180px;   11.25ems; para ie6
	
	Para calcular correspondencia px en ems
	http://riddle.pl/emcalc/
	
	*/