/*************  -DOCUMENTO CSS GENERAL PARA PERISCOPIO VITORIA *************/

/***************** ETIQUETAS HTML *************************/
body, html {width:100%;
	font-size: 11px;
	color:#fff;
	background:#000 /*url(../images/all/bg-web.jpg) no-repeat top center*/;
	margin:0 0 10px 0;
	font-family: "Trebuchet MS", arial, sans-serif;
} /*1em = 11px*/
html>body {
	font-size: 100%;
}
table {
	font-size:100%;
	border-collapse:collapse;
	border-spacing:0;
}
img {
	border:0;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, p, ul, ol, li, form, blockquote {
	margin:0;
	padding:0;
}
ul {
	list-style:none;
}
a {
	color:#fff;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
fieldset {
	border:0;
	padding:0;
	margin:0;
}
legend, hr {
	display:none;
}


/***************** /ETIQUETAS HTML ************************/
/* Provisional 2010*/
#central {width:449px; margin:60px auto}
#novedades {margin-bottom:60px}
#novedades a {font-size:16px; display:block; padding-left:16px; background:url(../images/all/2010-bullet-novedades.gif) no-repeat left 2px}
#novedades li {margin-bottom:10px;}
#ediciones {font-size:16px;}
#texto {margin-bottom:60px}
#texto h1 {font-size:17px; font-weight:normal; margin-bottom:10px}
#texto p {font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;}
#texto a {color:#FF097D; font-weight:bold}
/*Elementos de interfaz*/
#superior {width:100%;margin:60px 0 0 0;padding:0; position:relative; background:#000; border-color:#333; border-width:1px 0 1px 0; border-style:solid}
#cabecera, #contenido {width:880px; margin:0 auto; padding:0}
#idiomas {position:absolute; left:12px; top:-23px; background:url(../images/all/bg-idiomas.gif) no-repeat; width:170px; height:24px}
	#idiomas ul {margin:3px 0 0 11px}
	#idiomas ul li {float:left; margin-right:5px; padding-right:5px; background:url(../images/all/bullet-li-idiomas.gif) no-repeat right center}
	#idiomas ul li a {color:#fff}
	#idiomas ul li a:hover {color:#DC0067}
	#idiomas ul li.ultimo {background:none; padding-right:0}
#cabecera {height:66px}
/*Logo
h1 {float:left; margin-top:18px}*/
/*Menu*/
#menu {float:left; margin-left:25px; margin-top:19px}
#menu li {float:left; padding-left:25px; margin-right:25px; background:url(../images/all/bullet-li-menu.gif) no-repeat left center; height:31px}
#menu li a {display:block; float:left; height:31px; background-repeat:no-repeat; background-position:center center}
#menu li a.expos {width:106px; background-image:url(../images/es/menu-expo1.gif)}
	#menu li a.expos:hover, #menu li a.exposAct {width:106px; background-image:url(../images/es/menu-expo2.gif)}
#menu li a.exposEu {width:99px; background-image:url(../images/eu/menu-expo1.gif)}
	#menu li a.exposEu:hover, #menu li a.exposEuAct {width:99px; background-image:url(../images/eu/menu-expo2.gif)}
#menu li a.exposEn {width:92px; background-image:url(../images/en/menu-expo1.gif)}
	#menu li a.exposEn:hover, #menu li a.exposEnAct {width:92px; background-image:url(../images/en/menu-expo2.gif)}
#menu li a.peris {width:88px; background-image:url(../images/es/menu-peris1.gif)}
	#menu li a.peris:hover, #menu li a.perisAct {width:88px; background-image:url(../images/es/menu-peris2.gif)}
#menu li a.afici {width:98px; background-image:url(../images/es/menu-afic1.gif)}
	#menu li a.afici:hover, #menu li a.aficiAct {width:98px; background-image:url(../images/es/menu-afic2.gif)}
#menu li a.aficiEu {width:66px; background-image:url(../images/eu/menu-aficionados1.gif)}
	#menu li a.aficiEu:hover, #menu li a.aficiEuAct {width:66px; background-image:url(../images/eu/menu-aficionados2.gif)}
/*Menu*/
#avisoTalleres {width:141px; height:141px; background:url(../images/es/bg-a-talleres.gif) no-repeat; position:absolute; right:0; top:0; border:0; outline:0}
#avisoTalleresEu {width:141px; height:141px; background:url(../images/eu/bg-a-talleres.gif) no-repeat; position:absolute; right:0; top:0; border:0; outline:0}

#pie {padding-top:30px; background:#000; border-top:1px solid #333}
	#patros {margin:0 auto 30px auto; width:595px;}
	#patros li {float:left; margin-right:50px;}
	#patros li.ultimo {margin-right:0}
	
	#firma {margin:0 auto; width:59px; height:19px; background:url(../images/all/logo-creatta.gif) no-repeat; display:block; }

/* Home */
h2#homeFechas {width:290px; height:57px; background:url(../images/es/bg-fechas-home.gif) no-repeat; margin:55px auto 25px auto}
h2#homeFechasEu {width:290px; height:57px; background:url(../images/eu/bg-fechas-home.gif) no-repeat; margin:55px auto 25px auto}
h2#homeFechasEn {width:290px; height:57px; background:url(../images/en/bg-fechas-home.gif) no-repeat; margin:55px auto 25px auto}
#carrusel {background:#000 url(../images/all/bg-contenidos-home.jpg) no-repeat bottom center; padding-bottom:200px}

/*Aviso*/
#aviso {left:38%; overflow:hidden; margin-left:-90px; margin-top:35px; width:700px; position:absolute; font-size:15px; height:60px; padding-left:42px; padding-top:10px; background:url(../images/all/bg-aviso.gif) no-repeat left center}
#aviso a {}
	
/*Exposiciones*/
#contenido {padding-top:30px}
#infoExpo {float:left; width:265px; margin-top:34px}
#infoExpo a {color:#fff; text-decoration:underline}
#infoExpo a:hover {color:#DC0067; text-decoration:none}
strong.autorExpo {font-size:13px}
	#infoExpo h2#tituloExpo {text-transform:uppercase; font-size:22px; color:#DC0067; margin-bottom:10px}
	h2#tituloExpo span {display:block!important; font-size:11px; font-weight:normal; text-transform:none}
	#infoExpo h2#nombreSede {font-size:15px; color:#999; margin-bottom:10px; line-height:18px; margin-bottom:10px}
	#infoExpo p.infoExpo {margin-bottom:15px; padding-bottom:20px; border-bottom:1px solid #333}
#fotosExpo {float:left; width:581px; margin:27px 25px 41px 4px}

#infoExpo dl {padding-left:160px; background-position:left top; background-repeat:no-repeat; margin:15px 0; min-height:100px; _height:100px}
#infoExpo dl.sede1 {background-image:url(../images/imagenes/sedes/montehermoso.jpg)}
#infoExpo dl.sede2 {background-image:url(../images/imagenes/sedes/villasuso.jpg)}
#infoExpo dl.sede3 {background-image:url(../images/imagenes/sedes/virgenblanca.jpg)}
#infoExpo dl.sede4 {background-image:url(../images/imagenes/sedes/plazaespana.jpg)}
#infoExpo dl.sede5 {background-image:url(../images/imagenes/sedes/cajavital.jpg)}
#infoExpo dl.sede6 {background-image:url(../images/imagenes/sedes/kreafueros.jpg)}
#infoExpo dl.sede7 {background-image:url(../images/imagenes/sedes/dendaraba.jpg)}
#infoExpo dl.sede8 {background-image:url(../images/imagenes/sedes/espaciociudad.jpg)}
#infoExpo dl.sede9 {background-image:url(../images/imagenes/sedes/luisdeajuria.jpg)}
#infoExpo dl.sede10 {background-image:url(../images/imagenes/sedes/casacultura.jpg)}
#infoExpo dl.sede11 {background-image:url(../images/imagenes/sedes/museobbaa.jpg)}
#infoExpo dl.sede12 {background-image:url(../images/imagenes/sedes/parlamento.jpg)}

#infoExpo dl dt {font-size:14px; color:#999}
#infoExpo dl dd {margin-left:0}

#infoExpo p.localizacion {margin-top:10px;}
#infoExpo p.localizacion a {color:#DC0067; text-decoration:none; font-size:13px; padding-left:16px; background:url(../images/all/bg-a-localizacion.gif) no-repeat left center}
#infoExpo p.localizacion a:hover {color:#fff; text-decoration:underline}


/*Periscopio*/
#navegacion {float:left; width:170px; margin:30px 0 0 4px}
	h2.periscopio {height:23px; background:url(../images/all/bg-h2-periscopio.gif) left top no-repeat; margin-bottom:20px}
	h2.aficionados {height:23px; background:url(../images/all/bg-h2-aficionados.gif) left top no-repeat; margin-bottom:20px}
	h2.aficionadosEu {height:23px; background:url(../images/eu/bg-h2-aficionados.gif) left top no-repeat; margin-bottom:20px}
	#navegacion ul {float:right; width:170px; }
	#navegacion ul li {text-align:right}
	#navegacion ul li a {display:block; text-align:right; padding:3px 40px 3px 0; font-size:15px; color:#fff;  background:url(../images/all/bg-li-navegacion.gif) no-repeat center right}
	#navegacion ul li a:hover {background:#222 url(../images/all/bg-li-navegacion2.gif) no-repeat center right}
	#navegacion ul li a.activo {background:#555 url(../images/all/bg-li-navegacion2.gif) no-repeat center right!important}

#informacion {float:left; margin:30px 0 60px 0; border:1px solid #555; width:700px; min-height:400px; _height:400px}
.bgEdito {background:url(../images/all/bg-div-editorial.gif) no-repeat left 550px}
	#columna1 {margin:40px 40px 0 40px; width:200px; float:left}
	#firmaPaco {text-align:right; font-size:17px}
	#firmaPaco span {display:block; font-size:11px; color:#999}
	#avisoHorario {margin-top:347px; background:#555; padding:8px; color:#ccc; line-height:12px}
	#avisoHorario span {font-size:13px; color:#fff}
	
	#columna2 {margin:42px 40px 35px 0; width:380px; float:left}
	#columna2 p {margin-bottom:10px}

/*Modulo Video*/
#video {margin:40px 20px 0 40px; padding:0!important}

/*Sedes*/	
	#map {margin:40px 40px 10px 40px; width:626px; height:442px}
		#map a {color:#DC0067; font-weight:bold}
	#infoSede {padding-left:30px; background:url(../images/es/flecha.png) left center no-repeat; margin:0 0 30px 40px; line-height:30px; font-size:13px}
	#infoSede strong {color:#DC0067;}
	

/*Suscripción*/	
	#boletinAlta {margin: 40px 0 40px 40px; width:280px; float:left;}
	#boletinAlta h2 {font-size:15px;}
	#boletinBaja {margin: 40px 0 40px 40px; width:280px; float:left;}
	#boletinBaja h2 {font-size:15px;}
	#boletinAlta p {padding-top: 15px; padding-bottom:5px;}
	#boletinBaja p {padding-top: 15px; padding-bottom:5px;}
	#informacion h3 { font-family:"Trebuchet MS", Tahoma, san-serif; font-size:22px; margin-left:40px; margin-top:40px;}
	#boletinAlta .caja_suscripcion, #boletinBaja .caja_suscripcion { background-color:#FFFFFF; font-size:11px; border:none; height:20px; display:block;}
	#boletinAlta input.botonSuscripcionAlta, #boletinBaja input.botonSuscripcionBaja { padding:5px 7px; margin-top:7px; text-align:left; background-color:#000000; border:1px solid #323232; color:#FFFFFF;}

	.aviso_legal_suscrip{ color:#999; margin-left:40px; font-size:9px; padding-top:70px; margin-bottom:40px; margin-right:40px;}

	
/*Talleres y contacto*/
	#columna1.talleres h3 {font-size:22px; text-align:right; margin:30px 0 15px 0}
	#columna1.talleres ul {text-align:right; margin-bottom:25px}
	.talleres ul li {font-size:15px; color:999; margin-bottom:3px}
	p.organizado {text-align:right; font-weight:bold}
	#horarioKrea {margin-top:49px; background:#555; padding:8px; color:#ccc; line-height:12px}
	#horarioKrea strong {color:#fff}
	#horarioKrea span {font-size:11px; color:#fff}
	#horarioKrea a {color:#fff; text-decoration:underline}
	#horarioKrea a:hover {color:#fff; text-decoration:none}
	
	#columna2.talleres h4 {font-size:15px; }
	#columna2.talleres p.autor {font-size:13px; color:#ccc; margin-bottom:5px}
	#columna2.talleres p.tallerInfo {margin-bottom:10px}
	#columna2.talleres p.infoContacto {margin-bottom:30px}	
	#columna2.talleres p.infoContacto a {color:#DC0067; text-decoration:underline}
	#columna2.talleres p.infoContacto a:hover {color:#fff; text-decoration:none} 
	#columna2.talleres a {color:#fff; text-decoration:underline}
/*Noticias*/
	#columna1.noticias {margin:0 40px 0 40px; width:200px; float:left; background-color:#444; height:100%; min-height:400px; _height:400px}
	#columna1.noticias h3 {font-size:22px; text-align:left; margin:42px 0 15px 19px; font-weight:normal}
	#columna1.noticias ul {margin:15px 0 20px 0; border-top:1px solid #000}
	#columna1.noticias ul li {border-bottom:1px solid #000}
	#columna1.noticias ul li a {display:block; padding:8px 5px 8px 20px; color:#fff}
	#columna1.noticias ul li a:hover {font-weight:bold; background-color:#333} 
	#columna1.noticias ul li a.activo {background:#000} 

	#columna2.noticias h4 {font-size:15px; }
	#columna2.noticias p.fechas {font-size:11px; color:#DC0067; margin-bottom:5px}
	#columna2.noticias a {color:#DC0067; text-decoration:underline}
	#columna2.noticias a:hover {color:#fff;}
	#columna2.noticias img {display:block; margin:20px 0 10px 0; max-width:389px}
	#columna2.noticias p.pieFoto {max-width:389px; font-size:11px; color:#ccc;}

/*Cartel*/
	#columna1 p.pieFoto {text-align:right; color:#999; margin-top:30px}
	#columna1 p.pieFoto span {color:#fff}
	#columna2.cartel {margin:42px 0 35px 0; width:420px; height:588px; float:left; background:url(../images/all/bg-cartel.gif) no-repeat}

/*Ediciones*/
	.edicion {height:150px}
	.edicion img {float:left; display:block; border:1px solid #333; margin-right:20px}
	.edicion ul {float:left; width:150px}
	.edicion ul li.fecha {font-size:15px; font-weight:bold; color:#fff; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif}
	.edicion ul li {font-size:11px; color:#fff}


/*Enlaces*/
	ul.enlaces {margin:40px 30px 40px 40px}
	ul.enlaces li {float:left; background:#191919; border:1px solid #333; padding:10px; margin:0 25px 27px 0}
	ul.enlaces li img {display:block}
	ul.enlaces li a.enlace {display:block; color:#fff; font-weight:normal; margin-top:10px; height:30px}
	ul.enlaces li a.enlace:hover {background:#555}

/*AFicionados listas*/
	ul.aficionados {margin:40px 30px 40px 40px}
	ul.aficionados li {float:left; background:#191919; margin:0 2px 20px 0; border-bottom:1px solid #555; width:120px}
	ul.aficionados li p.nombreExpo {height:44px; background:#555; padding:10px 10px 0 10px; line-height:12px}
	ul.aficionados li p.nombreAutor {font-size:10px; font-family:Tahoma, Helvetica, sans-serif; color:#999; border-bottom:1px solid #000; padding:5px 3px 3px 10px; margin-bottom:5px; height:26px}
	ul.aficionados li p.local {font-size:9px; font-family:Tahoma, Helvetica, sans-serif; color:#DC0067; height:27px; padding:0 3px 0 10px}
	ul.aficionados li p.direccion {font-size:9px; font-family:Tahoma, Helvetica, sans-serif; color:#999; height:27px; padding:0 3px 0 10px}

/*Bases*/
#informacion.bases h3 {display:block!important; font-size:15px; margin:25px; padding:10px 25px; background:url(../images/all/bg-h1.png) repeat-x; margin:10px 0 20px 0}
	#informacion.bases h4 {font-size:15px; color:#DC0067; margin-left:25px}
	#informacion.bases p {margin:0 25px 15px 25px}
	#informacion.bases ul {margin:25px; display:block!important}
	#informacion.bases ul li {display:block!important; padding-left:20px; background:url(../images/all/bullet-li-bases.gif) no-repeat left 4px; margin-bottom:10px}
	#informacion.bases .direccion {background:#333; border:1px solid #666; padding:10px}
	
	/* Galerías de fotos */
#informacion.bases .cajas {margin-left:25px; margin-top:0px; margin-bottom:25px!important}
#informacion.bases .cajas li {float:left; margin:0 10px 10px 0!important; background:none!important; padding:0!important}
#informacion.bases .cajas li a {border:1px solid #fff; display:block}
#informacion.bases .cajas li img {display:block; width:80px; height:80px}
#informacion.bases div.clear {margin-bottom:15px;}

img.galeria {border:1px solid #fff; display:block; width:80px; height:80px}

	
/* Vídeos en talleres */
.video {padding-left:150px; min-height:74px; _height:74px}
.video dt {font-size:12px; font-weight:bold}
.video dd {margin-left:0}

.matiascosta {background:url(../images/all/bg-matiascosta.jpg) no-repeat left top}
.conesa {background:url(../images/all/bg-conesa.jpg) no-repeat left top}
.alas {background:url(../images/all/bg-alas.jpg) no-repeat left top}
/* Galerías de fotos */
.cajas {margin-left:0; margin-bottom:25px!important}
.cajas li {float:left; margin:0 10px 10px 0;}
.cajas li a {border:1px solid #fff; display:block}
.cajas li img {display:block; width:80px; height:60px}
/************ OTROS **********************/
.limpia, .clear {
	clear: both;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .clearfix {
	height:1%;
} /* Internet Explorer */
*:first-child+html .clearfix {
	height:1%;
} 
/* Accesibilidad */
.ayuda-access, h2 span, h3 span, h1 a span, #menu li a span, #avisoTalleres span, #avisoTalleresEu span, #firma span {
	display:none;
}