/* Documento css general para jazzvitoria.com */

a {border:0; outline:0;}
li {list-style:none}
img {border:0}

html, body {background:#fff; color:#16364B; height:100%; width:100%; min-height:1000px; margin:0 }
body {font-family:Arial, Helvetica, sans-serif; font-size:12px}
body, ul, ol, li, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; }

.centrador {width:984px; margin:0 auto; position:relative; clear:both}
#cabecera {width:984px; height:105px; padding-top:0; margin:0 auto; position:relative; display:block}
h1 {margin:17px 0 0 0px; float:left}
h1.home {margin:17px 0 0 78px; float:left}
h1 a {display:block; /*background:url(../images/es/bg-h1-logo.gif) no-repeat;*/ width:179px; height:48px; text-decoration:none;}

#submenu {background:#26597B; /*width:150px;*/ height:26px; position:absolute; right:0; top:0; font-family:"Trebuchet MS", arial, sans-serif; padding:0 10px}
#submenu ul {padding:0; margin-top:4px}
#submenu ul li {float:left; line-height:15px; font-size:11px; color:#fff; background:url(../images/all/bg-li-submenu.gif) no-repeat center right; padding-right:6px; margin-left:6px}
#submenu ul li.ultimo {padding-righ:0; background:none}
#submenu ul li a {color:#fff; text-decoration:none}

#menu {position:absolute; bottom:0; left:290px; width:690px;}
#menu li {margin:0 15px 0 0; float:left;}
#menu li a {display:block; height:53px; outline:none; background-repeat:no-repeat;}

a.social {display:block; position:absolute; right:0; bottom:0; width:63px; height:23px; background:url(../images/all/logo-facebook.gif) no-repeat}

/*#accesoTech {position:absolute; display:block; right:0; bottom:0; padding:2px 7px 0 14px; background:#000 url(../images/all/bg-a-accesoTech.gif) no-repeat left top; color:#fff; text-decoration:none; font-size:11px}
#accesoTech:hover {color:#E10079}*/

#corporativohome {position:absolute; top:82px; width:330px; left:30px; z-index:2}
#corporativohome a.corporativohome {display:block; width:201px; height:223px; margin-left:47px; background:url(../images/all/bg-a-corporativo.png) no-repeat}
#corporativo {position:absolute; top:82px; width:200px; left:0; z-index:2}
#corporativo a.corporativo {display:block; width:201px; height:223px; margin-left:0px; background:url(../images/all/bg-a-corporativo.png) no-repeat}
#fechas {margin:26px 0 26px 44px; width:193px; height:21px; background:url(../images/all/bg-p-fechas.gif) no-repeat  }

#logos {margin:0 0 0 40px;}
#logos li {float:left; margin-right:40px; background-repeat:no-repeat}
#logos li a {display:block; background-repeat:no-repeat}
#logos li.iberdrola a {width:92px; height:53px; background-image:url(../images/all/logos/pat-corp-iberdrola.png)}
#logos li.vodafone a {width:74px; height:53px; background-image:url(../images/all/logos/pat-corp-vodafone.png)}
#logos li.cultural {display:none; width:104px; height:52px; background-image:url(../images/all/logos/pat-corp-cultural.png); margin-right:0 }


/* Central carrusel*/
#central {background:#000; height:362px}
#featured {position:relative; width:986px; margin:0 auto; clear:both; z-index:1}

/* Modulo destacados*/
#destacados {background:#F2F2EC url(../images/all/bg-div-destacados.png) repeat-x; position:relative; overflow:hidden;  }
#destacado1, #destacado2, #destacado3 {position:relative; float:left; height:240px; font-size:12px; color:#255776; text-shadow:1px 1px 1px #fff; padding:8px; }
#destacado1 {width:311px; }
#destacado2, #destacado3 {background:url(../images/all/bg-sombra-destacados.png) no-repeat left top; width:311px; }
#destacado1 #tira {position:absolute; top:16px; left:-2000px; width:2026px; height:35px; background:#337296}
#destacado1 h3 {position:absolute; z-index:2; top:16px; left:10px; width:321px; height:52px}
#destacado1 p {margin:95px 25px 20px 24px; line-height:17px;}
#destacado1 p a {color:#255776; font-weight:bold; text-decoration:underline;}
#destacado1 p a:hover {text-decoration:none}

#destacado2 h3, #destacado3 h3 {font-size:25px; letter-spacing:-1px; text-transform:uppercase; margin:36px 20px 16px 26px; padding-bottom:15px; background:url(../images/all/bg-h3-destacados.png) no-repeat left bottom}
#destacado2 img {display:block; position:absolute; top:65px; right:20px;}
#destacado2 dl {margin:0 140px 0 30px}
#destacado2 dt a {color:#255776; font-weight:bold; text-decoration:none}
#destacado2 dd {margin:0 0 15px 0}
#destacado3 p {margin:0 140px 0 30px}
#destacado3 p a {color:#255776; text-decoration:none}
#destacado3 img {display:block; position:absolute; top:50px; right:0;}

/*Modulo Artistas*/
#listados {background:#337395 url(../images/all/bg-div-listados.png) repeat-x left top; min-height:300px; _height:300px; padding-top:40px}
#listados2 {background:#337395 url(../images/all/bg-div-listados.png) repeat-x left top; min-height:150px; _height:150px; }
#artistas {position:relative; width:984px; margin:-30px auto 0 auto; }
#artistas li {float:left; }
#artistas li a {display:block; background-repeat:no-repeat; background-position:left bottom;}
#artistas li a.normal {width:152px; height:136px; margin-right:16px}
#artistas li a.doble {width:304px; height:136px; margin-right:0!important}
	#artistas li a.trombone {background-image:url(../images/imagenes/home/home-art-trombon1.png)}
	#artistas li a.trombone:hover {background-image:url(../images/imagenes/home/home-art-trombon2.png)}
	#artistas li a.nigel {background-image:url(../images/imagenes/home/home-art-nigel1.png)}
	#artistas li a.nigel:hover {background-image:url(../images/imagenes/home/home-art-nigel2.png)}
	#artistas li a.cullum {background-image:url(../images/imagenes/home/home-art-cullum1.png)}
	#artistas li a.cullum:hover {background-image:url(../images/imagenes/home/home-art-cullum2.png)}
	#artistas li a.blades {background-image:url(../images/imagenes/home/home-art-blades1.png)}
	#artistas li a.blades:hover {background-image:url(../images/imagenes/home/home-art-blades2.png)}
	#artistas li a.miles {background-image:url(../images/imagenes/home/home-art-miles1.png)}
	#artistas li a.miles:hover {background-image:url(../images/imagenes/home/home-art-miles2.png)}

/*Modulo Listados*/
#listado1, #listado2, #listado3 {position:relative; float:left; margin:10px 0 20px 0; font-size:12px; color:#fff; text-shadow:1px 1px 1px #16364B}
#listado1 {width:332px;}
#listado2 {width:330px;}
#listado3 {width:310px;}
#listado2, #listado3 {border-left:1px solid #4998C2;}
#listado2 h4, #listado3 h4 { margin:0 40px 15px 20px!important;}
#listados h4 {font-size:25px; letter-spacing:-1px; text-transform:uppercase; color:#fff; margin:0 40px 15px 10px; padding-bottom:8px; border-bottom:1px solid #16364B}
#listado1 ul{margin-left:10px}
#listado2 ul, #listado3 ul {margin-left:20px}
#listado1 ul li, #listado2 ul li , #listado3 ul li {margin-bottom:10px}
#listados li a {color:#fff; text-decoration:none; font-size:13px}
#listados li a:hover {text-decoration:underline}


/*__________________________ 	PÁGINAS INTERIORES _________________________________*/
#encabezado {background:#000; height:177px}
	#encabezado h2 {margin-left:250px; padding-top:77px; font-size:34px; letter-spacing:-1px; font-weight:normal; color:#95DAE1; text-transform:uppercase;}
	#navegacion {margin-left:250px; margin-top:25px}
	#navegacion li {float:left; margin-right:10px; font-size:15px; letter-spacing:-1px;}
	#navegacion li a {display:block; text-decoration:none; padding:10px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px;}
	#navegacion li a.activo {
	background:#EAEAE1;
	color:#16364B;
	text-shadow:1px 1px 1px #fff;
}
	#navegacion li a.reposo {background:#16364B; color:#fff; text-shadow:1px 1px 1px #000;}
	#navegacion li a.reposo:hover {
	background:#337296
}

	#navegacion li a {background:#EAEAE1; }
	#patrocinadores {position:absolute; right:0; top:55px}
		#patrocinadores li {float:left; margin-right:15px; background-repeat:no-repeat}
		#patrocinadores li a {display:block; background-repeat:no-repeat}
		#patrocinadores li.iberdrola a {width:92px; height:53px; background-image:url(../images/all/logos/pat-corp-iberdrola.png)}
		#patrocinadores li.vodafone a {width:74px; height:53px; background-image:url(../images/all/logos/pat-corp-vodafone.png)}
		#patrocinadores li.cultural {display:none; width:104px; height:52px; background-image:url(../images/all/logos/pat-corp-cultural.png); margin-right:0 }

#contenidos {background:#F2F2EC url(../images/all/bg-div-destacados.png) repeat-x; position:relative; margin:0; padding-bottom:80px;}
#contenido {margin-left:250px;}
#contenido a {color:#337296}
#contenido a:hover {text-decoration:none}
#contenido h3 {font-size:34px; letter-spacing:-1px; text-transform:uppercase; margin:0 0 20px 0; padding-bottom:20px; background:url(../images/all/bg-h3-destacados.png) no-repeat left bottom}
#fechaseminario {border:1px solid #deded0; background:#fff; padding:12px; font-size:16px}

/*Submenu acompañando el scroll*/
#moduloMenuSec{ width: 200px; height: 900px; position:absolute; z-index:2; left:0; top:0}
#menuSec {position: relative; padding: 0 0 70px 0; background: url(../images/all/bg-div-menusec.png) no-repeat left bottom; }
#menuSec h3 {font-family:Arial, Helvetica, sans-serif; margin-bottom:20px; color:#fff; font-size:20px; text-transform:uppercase; padding:20px 0 0 20px; text-decoration:none;font-weight:bold}
#menuSec ul li {margin-bottom:1px}
#menuSec ul li a {display:block; padding:5px 0 5px 25px; font-size:13px; color:#fff; text-decoration:none}
#menuSec ul li a:hover {background-color:#95DAE1}
#menuSec ul li a.activo  {display:block; width:182px; color:#000;  background:url(../images/all/bg-a-menusec.gif) no-repeat right}

/* Programación */
#contenido.programacion {background-color:#fff; border:1px solid #deded0; min-height:400px;}
#contenido.programacion h3 {position:relative; margin:15px 0 20px -13px; padding:24px 0 8px 34px; width:730px; font-size:24px; color:#fff; background:url(../images/all/bg-h3-contenido-2.gif) no-repeat left top;}




/*Pie de web */
/*Logotipos de patrocinadores*/
#pie {margin-top:0; width:100%; height:480px; background-color:#000;}
#piePatrocinadores { width:100%}
#patrocinadoresLogos {width:970px; min-height:355px; _height:355px; margin:0 auto; overflow:hidden; clear:both; padding-top:30px}
#patrocinadoresLogos ul {margin:0 auto; width:350px;}
#patrocinadoresLogos ul li {float:left; margin:0 0 0 40px; }
.pat-gen {padding-bottom:25px; height:50px}
ul li.colaboradores {margin:0 0 0 105px!important}
#pat, #col {
	clear:both;
	height:50px;
	margin:30px 0 0 0;
	padding-top:25px;
	background-repeat: no-repeat;
	background-position: center top;
}
#pat {background-image: url(../images/all/logos/pat/bg-div-patrocinadores.png);}
#col {background-image: url(../images/all/logos/col/bg-div-colaboradores.png);}
#pat ul, #col ul {width:970px!important}
#pat ul li, #col ul li {float:left; margin:0!important; }

 

/*Zocalo informativo*/
#zocalo {position:relative; width:984px; border-top:1px solid #16364B;  margin:20px auto; font-size:12px; clear:both; color:#285E7E }
#zocalo div {margin-top:20px}

#zocalo p {margin:0}
#zocalo a {color:#285E7E; text-decoration:none}
#zocalo a:hover {color:#fff; text-decoration:underline}
#zocalo1 {float:left; width:33%;}
#zocalo2 {float:left; width:33%; text-align:center}
#zocalo3 {float:right; width:33%; text-align:right; text-align:right }

/*Ticket newsletter*/
#newsletter {display:block; position:fixed; right:0; top:460px; background:url(../images/all/) no-repeat; width:59px; height:111px; }


/* Class genéricos*/
.destacado {color:#F6A20B}
/*Hacks & tratamiento de encabezados*/
h1 span, h2 span, h3 span, #menu li a span, #logos li span, #patrocinadores li span, .social span {display:none}

/* Limpieza de floats */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* Gama de colores
Burdeos: #750040
Magenta: #E10079
Naranja: #FFA41A
*/

