/* DOCUMENTO CSS GENERAL PARA JAZZVITORIA.COM */

/***************** ETIQUETAS HTML *************************/
body, html {
	margin:0;
	padding:0;
}
body {
	font-size:12px;
	font-family:Tahoma, "Trebuchet MS", Helvetica, Arial;
	background-color: #000;
	background-image: url(../images/all/bg-web.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
img {
	border:0;
	margin:0;
	padding:0;
 }

h1, h2, h3, h4, p, ul, ol, li, form, blockquote {
	margin:0;
	padding:0;
}
h1, h2, h3, h4 {
	font-family:Tahoma, "Trebuchet MS", Helvetica, Arial;}

ul {
	list-style:none;
}
a {
	color:#3AA9D3;
}
a:hover {
	text-decoration:none;
}
fieldset {
	border:0;
	padding:0;
	margin:0;
}
legend.access {
	display:none;
	font-size:0
}
/***************** /ETIQUETAS HTML ************************/

/***************** BLOQUES GENERALES ************************/
#general {
	position:relative;
	width:984px;
	margin:0 auto;
	padding:0;
}
/*Subnavegación superior en cabecera*/
.centrador {width:984px; margin:0 auto;}
#navegacion {height:30px; line-height:30px}
#navegacion a {color:#fff; text-decoration:none; display:block; float:left}
#navegacion a:hover {text-decoration:underline}
	#navegacion a.inicio {padding-left:18px; background:url(../images/all/bg-a-inicio.gif) no-repeat left center}
#navegacion ul#opciones {float:right; border-left:1px solid #FF3399; border-right:1px solid #FF3399}
	ul#opciones li {float:left; }
	li.idiomas {border-right:1px solid #484848; padding:0 3px}
	li.idiomas a {display:block; padding:0 4px; font-size:11px; color:#E6E6E6}
	li.suscripcion {border-left:1px solid #FF3399;}
	li.suscripcion a {display:block; padding:0 8px 0 30px; background:url(../images/all/ico-suscripcion.gif) no-repeat 8px 10px}
	li.suscripcion a:hover {background:#333 url(../images/all/ico-suscripcion.gif) no-repeat 8px 10px; text-decoration:none!important}

/*Habilitamos franja de menu a sangre*/
#superior {
	height:42px;
	background:url(../images/all/bg-menu.png) repeat-x}
/*Menu general de la web*/
#menu {	
	position:relative;
	z-index:2;
	width:984px;
	margin:0 auto 0 auto;
}
#menu ul {margin:0 0 0 175px}
#menu ul li {float:left; height:42px; border-left:1px solid #FF3399}
#menu ul li a {float:left; display:block; height:48px}
	#menu ul li a.inicio {width:68px; background-image:url(../images/es/menu/menu-inicio-1.gif)}
	#menu ul li a.inicio:hover {width:68px; background-image:url(../images/es/menu/menu-inicio-2.gif)}
	#menu ul li a.inicioSel {width:68px; background-image:url(../images/es/menu/menu-inicio-3.gif)}

	#menu ul li a.noticias {width:79px; background-image:url(../images/es/menu/menu-noticias-1.gif)}
	#menu ul li a.noticias:hover {width:79px; background-image:url(../images/es/menu/menu-noticias-2.gif)}
	#menu ul li a.noticiasSel {width:79px; background-image:url(../images/es/menu/menu-noticias-3.gif)}

	#menu ul li a.multimedia {width:110px; background-image:url(../images/es/menu/menu-multimedia-1.gif)}
	#menu ul li a.multimedia:hover {width:110px; background-image:url(../images/es/menu/menu-multimedia-2.gif)}
	#menu ul li a.multimediaSel {width:110px; background-image:url(../images/es/menu/menu-multimedia-3.gif)}

	#menu ul li a.edicion09 {width:110px; background-image:url(../images/es/menu/menu-edicion09-1.gif)}
	#menu ul li a.edicion09:hover {width:110px; background-image:url(../images/es/menu/menu-edicion09-2.gif)}
	#menu ul li a.edicion09Sel {width:110px; background-image:url(../images/es/menu/menu-edicion09-3.gif)}

/*Logotipo*/
#corporativo {display:block; position:absolute; z-index:5; top:-5px; left:-10px}

/*Cabecera gráfica*/
#cabecera {background:url(../images/all/bg-logos-sup.png) no-repeat right top; padding:35px 0 15px 175px;}
#cabecera h1 {width:514px; height:85px; background-repeat:no-repeat; margin:0 0 10px/*25px*/ 0}

/*Patrocinadores superiores*/
#patrocinadoresTop {position:absolute; top:14px; right:6px;}
#patrocinadoresTop ul {}
#patrocinadoresTop ul li {float:left}

/*Banner Entradas*/
#bannerentradas {}
 /*HOME*/
#titulares {float:right; width:260px; height:340px; background:url(../images/all/bg-titulares.png) repeat-x left top}
#titulares h2 {width:236px; padding:20px 0 22px 30px; margin:6px 0 0 -6px; background:url(../images/all/bg-h2-titulares.gif) no-repeat; font-size:14px; color:#fff; text-transform:uppercase;}
	#titulares ul {margin:0}
	#titulares ul li {margin:0 0 0 -3px; background:url(../images/all/bullet-pestana-azul.gif) no-repeat left 14px; padding:15px 0 0 30px}
	#titulares ul li:hover {background-color:#14323D; cursor:hand}
	#titulares ul li a {display:block; text-decoration:none; color:#fff; font-family:Tahoma, Helvetica, Arial; font-size:12px; padding-right:10px}
	#titulares ul li a:hover {}
	#titulares ul li p {color:#368AA9; font-size:10px; padding-bottom:15px; border-bottom:1px solid #14323D }
	
#diapos {position:relative; z-index:0; float:left; border:1px solid #14323D; width:690px; height:340px}
#diapos img {width:690px; height:340px;}

/*Banners*/
#accesos {margin:30px 0 0 0; position:relative}
#accesos dl {float:left; background-repeat:no-repeat; width:310px; height:249px; margin-left:26px; position:relative}
#accesos dt {height:45px; background-repeat:no-repeat; position:relative;  left:-5px; top:10px}
#accesos dt a {display:block; height:45px}
#accesos dd {margin:165px 0 0 0; padding:0}
#accesos dd a {display:block; width:310px; height:40px; background:url(../images/all/banners/bg-dd-programa.png) no-repeat; text-indent:20px; line-height:40px; color:#fff; text-decoration:none}
#accesos dd a:hover {background:url(../images/all/banners/bg-dd-programa2.png) no-repeat;}
/*#banner1 {margin-left:0!important; background-image:url(../images/all/banners/bg-programa.jpg)}
#banner1 dt {background-image:url(../images/all/banners/bg-dt-programa.gif)}*/
#banner1 {margin-left:0!important; background-image:url(../images/all/banners/bg-suite.jpg)}
#banner1 dt {background-image:url(../images/all/banners/bg-dt-suite.gif)}
#banner2 {background-image:url(../images/all/banners/bg-fotos.jpg)}
#banner2 dt {background-image:url(../images/all/banners/bg-dt-fotos.gif)}
#banner3 {background-image:url(../images/all/banners/bg-historia.jpg)}
#banner3 dt {background-image:url(../images/all/banners/bg-dt-historia.gif)}

 
#modulos {position:relative}

/* PÁGINAS DE CONTENIDOS */
#contenidos {border:1px solid #266379; position:relative; margin:0 auto; background:#fff; padding-bottom:20px; min-height:450px; _height:450px;}
#contenidos.tienda {background:#fff url(../images/all/bg-contenidos-tienda.gif) repeat-y top right}
	#titulo {background:#0E2228 url(../images/all/bg-div-titulo.png) repeat-x left top; height:96px; padding-top:24px; margin-bottom:35px; position:relative}
	#titulo h2 {margin:0 0 15px 34px; color:#fff; font-size:30px}
		ul#pestanas {position:absolute; left:35px; bottom:0; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px;}
		ul#pestanas li {float:left; margin-right:5px;}
		ul#pestanas li a {float:left; display:block; padding:8px 12px; background:#266379 url(../images/all/bg-li-a-pestanas1.png) repeat-x left top; color:#fff; font-size:14px; text-decoration:none}
		ul#pestanas li a.activo {background:#fff; color:#fff; font-weight:bold; color:#22566A}
		ul#pestanas li a:hover {background:#000}

/* PIE DE WEB*/
/*Logotipos de patrocinadores*/
#pie {margin-top:50px; width:100%; height:380px; background-color:#122E38;}
/*#piePatrocinadores {background:url(../images/all/bg-patrocinadores.png) repeat-x; height:125px; width:100%}*/
#piePatrocinadores {background:url(../images/all/bg-patrocinadores2.png) repeat-x; height:226px; width:100%}
#patrocinadoresLogos {width:984px; margin:-1px auto  0 auto; background:url(../images/all/bg-patrocinadoreslogos.gif) no-repeat top center; padding-top:25px;}
#patrocinadoresLogos ul li {float:left; margin:0; }
#patrocinadoresLogos ul#logosEmpresa {float:left}
#patrocinadoresLogos ul#logosInstitucion {float:right}
/*Zocalo informativo*/
#zocalo {position:relative; width:984px; margin:0 auto; font-size:11px }
#zocalo div {margin-top:55px}
#zocalo p {margin-bottom:15px; color:#F2F2EA}
#zocalo p.oficina {margin-bottom:5px}
#zocalo1 {float:left; width:33%;}
#zocalo2 {float:left; width:33%; text-align:center}
#zocalo3 {float:right; width:33%; text-align:right; text-align:right }
#cierreLogo {position:absolute; top:-36px; left:460px; z-index:2}

/* SECCION EL FESTIVAL */
/******** enlaces a festivales *******/
#cajas {
	width:100%;
	margin:15px 0;
	font-size:9px;
	color:#AF7708;}
#cajas li {
	float:left;
	width:120px;
	margin-right:16px;
	margin-bottom:15px;
	padding-bottom:10px;

	}
#cajas li a.logo {
	display:block;
	border:1px solid #ABA491;
	margin-bottom:10px
	}
#cajas li a.logo:hover {
	border:1px solid #000;
	}

#cajas li p {
	padding-left:6px;
	background:url(../img/all/bullet-li-cajas.gif) no-repeat left top;
	margin-bottom:2px;
	}
#cajas li p.destacado {
	color:#251B05;
	font-size:12px
}
#cajas li ul li.ultimo {
    margin-bottom:0px
	}
/******** Patrocinadores *******/
.titPat {
	font-family:"Trebuchet MS", Helvetica, sans-serif; 
	padding:10px 0 10px 15px;
	color:#B0137D;
	font-size:17px;
	border-bottom:1px solid #D7D7C6;
	letter-spacing:-1px;	}

.logos {
	width:100%;
	margin:15px 0;
}
.logos li {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}
.logos li img {
	display:block;
	border:1px solid #ABA491;
	margin-bottom:10px
	}



/*HACKS Y BUGS*/
/* Limpieza de floats */
.clear {
	clear: both; height:0; font-size:0; line-height:0;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .clearfix {
	height:1%;
} /* Internet Explorer */
*:first-child+html .clearfix {
	height:1%;
} /* Internet Explorer 7 */
#destacado:after, dl:after, img:after, #contenido:afer {
content:" ";
clear:both;
display:block;
height:0px;
visibility:hidden;
}
.ultimo {border:none; background:none}
/* Accesibilidad */
.ayuda-access, h1 span, #menu a span, #accesos dl dt span  {
	display:none;
}