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

/***************** ETIQUETAS HTML *************************/
html {background-color:#413D30}
body {background:#E3DFD7 url(../images/all/bg-web.jpg);}
body, html {width:100%; font-size: 12px; color:#403D30; margin:0; font-family: Georgia, "Times New Roman", Times, serif; font-size:100%} 
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 {font-family: ltc-bodoni-175, georgia, serif; font-weight: 600;}
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:none;
}
fieldset {
	border:0;
	padding:0;
	margin:0;
}
legend, hr {
	display:none;
}


/***************** /ETIQUETAS HTML ************************/
/*Elementos de interfaz*/
#superior {width:100%; margin:0 0 0 0; padding:0; position:relative; z-index:5; background:url(../images/all/bg-superior.png) repeat-x bottom; height:108px;}
#cabecera, #nav {width:880px; margin:0 auto; padding:0; position:relative}
/*Logo*/
h1 {float:left; width:222px; height:49px; margin:30px 0 0 0; background:url(../images/all/bg-h1.gif) no-repeat;}
h1 a {display:block; width:222px; height:49px}
h1 a span {display:none}

/*Menu*/
#menu {float:left; margin:31px 0 0 30px;}
	#menu li {float:left; background:url(../images/all/bullet-li-menu.gif) no-repeat left center; }
	#menu li a {display:block; float:left; padding:10px 8px; font-family: ltc-bodoni-175, Georgia, serif; font-style: italic; font-weight:500; font-size:22px; color:#F5F4F1; letter-spacing: -0.05em; text-shadow: 1px 1px 1px #000;}
	#menu li a:hover {color:#fff; text-shadow:none}
	#menu li a.activo {color:#2BB9FF}
#idiomas {position:absolute; right:0; top:0; width:80px; height:86px; padding-top:8px; background:url(../images/all/bg-idiomas.png) no-repeat bottom; }
	#idiomas li {font-size:12px; font-style:italic; text-shadow: 1px 1px 1px #003047; text-align:center; }
	#idiomas li a {display:block;  padding:2px; color:#D3E8EF; }
	#idiomas li a:hover {color:#0097DF}
	#idiomas li.ultimo {background:none; padding-right:0}
#cabecera {height:50px; margin-top:36px; padding-bottom:26px; background:url(../images/all/bg-doble-linea.gif) repeat-x bottom;}
#cabecera h2 {font-size:34px; color:#302C22; text-shadow: 1px 1px 1px #fff; letter-spacing: -0.05em; font-weight:800; text-transform:uppercase; line-height:110%; text-align:center}
#cabecera h2.eu {font-size:28px!important}
#cabecera h2 span {display:block;  font-size:20px; font-weight:bolder!important; font-style: italic; letter-spacing: -0.05em;}
#banner {margin:20px auto; width:300px}

#pie {position:relative; z-index:5; height:95px; margin-top:60px; padding-top:40px; background:url(../images/all/bg-pie.png) repeat-x top;}
	#patros {margin:0 auto; width:770px; padding-left:55px}
	#patros li, #colabs li {float:left; margin:0}
	#firma {margin:0 auto; width:59px; height:19px; background:url(../images/all/logo-creatta.gif) no-repeat; display:block; }

/* Home */
#diapos {margin:20px auto 60px auto; position:relative;  width:914px; height:500px; /*background:url(../images/all/bg-home-diapos.png) no-repeat*/}
	#numExpo { position:absolute; top:0; right:0; width:72px; z-index:20000; height:72px; background:url(../images/all/bg-estrella-expo.png) no-repeat}
	.homeExpo {position:absolute; top:-10px; right:-15px; font-size:45px; z-index:20001; font-family: ltc-bodoni-175, Georgia, serif; font-style: italic; font-weight:500; color:#E1DFD8; text-shadow:1px 1px 1px #000; width:65px; text-align:center }
#paneles {margin:45px auto 20px auto; position:relative;  width:914px; height:564px; background:url(../images/all/bg-paneles.png) no-repeat left 19px}

/* Expos*/

#menuExpos {width:880px; margin:46px auto 30px auto;}
#menuExpos h2 {float:left; margin-right:20px; width:225px; height:46px; text-align:center; font-size:26px; font-style:italic; line-height:46px; color:#E9E8E2; text-shadow:1px 1px 1px #00486A; background:url(../images/all/bg-h2-exposiciones.png) no-repeat;}
#contenido {width:880px; margin:0 auto; padding:0}

#infoExpo {float:left; width:265px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#infoExpo a {color:#078CC9; text-decoration:underline}
#infoExpo a:hover {color:#0097DF; text-decoration:none}
strong.autorExpo {font-size:17px; display:block; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; letter-spacing:-1px; text-shadow: 1px 1px 1px #DBD8D0; font-weight:normal; background:url(../images/all/bg-ocre.png); padding:4px; color:#262119; margin-bottom:10px; }
	#infoExpo .aviso {font-family:Georgia, "Times New Roman", Times, serif; ; font-size:13px; text-shadow: 1px 1px 1px #fff; font-style:italic; background:url(../images/all/bg-claro.jpg); padding:3px 5px; color:#3F3D30; margin-bottom:5px; text-decoration:none;}
	#infoExpo h3#tituloExpo {	font-size:30px; font-family: ltc-bodoni-175, georgia, serif; font-weight:400; color:#302D23; text-transform:uppercase; text-shadow: 1px 1px 1px #fff; margin-bottom:15px; line-height:85%}
	h2#tituloExpo span {display:block!important; font-size:11px; font-weight:normal; text-transform:none}
	#infoExpo p.infoExpo {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#403D30; margin-bottom:15px; padding-bottom:20px; background:url(../images/all/bg-doble-linea.gif) repeat-x bottom;}
	#infoExpo h2#nombreSede {font-size:15px; color:#999; margin-bottom:10px; line-height:18px; margin-bottom:10px}

#fotosExpo {float:left; padding:10px; background-color:#fff; width:581px; min-height:580px; margin:0 25px 41px 4px; padding:0}

#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/casacordon.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/espaciociudad.jpg)}
#infoExpo dl.sede7 {background-image:url(../images/imagenes/sedes/luisdeajuria.jpg)}
#infoExpo dl.sede8 {background-image:url(../images/imagenes/sedes/parlamento.jpg)}
#infoExpo dl.sede9 {background-image:url(../images/imagenes/sedes/casacultura.jpg)}
#infoExpo dl.sede10 {background-image:url(../images/imagenes/sedes/museobbaa.jpg)}
#infoExpo dl.sede11 {background-image:url(../images/imagenes/sedes/sanchoelsabio.jpg)}

#infoExpo dl dt {font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; text-shadow: 1px 1px 1px #fff; margin-bottom:7px}
#infoExpo dl dd {margin-left:0; font-family:Arial, Helvetica, sans-serif; font-size:12px}

#infoExpo p.localizacion {margin-top:10px;}
#infoExpo p.localizacion a {font-family:Georgia, "Times New Roman", Times, serif; ; font-size:13px; text-shadow: 1px 1px 1px #fff; font-style:italic; background:url(../images/all/bg-claro.jpg); padding:3px 5px; color:#3F3D30; margin-bottom:5px; text-decoration:none;}
#infoExpo p.localizacion a:hover {color:#fff; text-shadow:1px 1px 1px #3F3D30; background:url(../images/all/bg-ocre.png;)}

/*Concurso*/
.concurso {widht:100%; height:100%;}
.concurso #map {width:100%; height:700px; position:absolute; z-index:0: font-size:11px!important}
.concurso #superior {margin-bottom:0!important}
.concurso #pie {margin-top:690px}

/*Noticias*/
#noticias {margin:45px auto 0 auto; position:relative; width:880px; min-height:534px; _height:534px; padding:0;}

	#columna1.noticias {margin:0 0 0 18px; width:270px; float:left; height:100%; min-height:400px; _height:400px;}
	#columna1.noticias h2 {margin:0 0 10px 0px; text-transform:uppercase; font-style:italic; font-size:26px; text-shadow:1px 1px 1px #fff}
	#columna1.noticias ul {margin:15px 0 20px 0; font-size:12px}
	#columna1.noticias ul li {}
	#columna1.noticias ul li a {display:block; font-size:12px; padding:8px 5px 8px 30px; color:#302C1F}
	#columna1.noticias ul li a:hover {font-style:italic} 
	#columna1.noticias ul li a.activo {background:url(../images/all/bg-li-activo.png) no-repeat left center} 

	#columna2.noticias  { float:left; width:510px;height:100%; font-size:12px; padding:30px 40px; background:#fff; font-family:Arial, Helvetica, sans-serif;}
	#columna2.noticias h3 {font-family: ltc-bodoni-175, georgia, serif; font-size:26px; font-weight:600; line-height:100%!important; font-style:italic; color:#302D23;margin-bottom:5px;}
	#columna2.noticias p.fechas {font-size:11px; padding-bottom:15px; margin-bottom:15px; background:url(../images/all/bg-doble-linea.gif) repeat-x bottom}
	#columna2.noticias p {margin-bottom:10px; }
	#columna2.noticias a {color:#0097DF; text-decoration:underline}
	#columna2.noticias a:hover {text-decoration:none}
	#columna2.noticias img {display:block; margin:20px 0 10px 0; max-width:510px}
	#columna2.noticias p.pieFoto {max-width:389px; font-size:11px;}

/************ OTROS **********************/
.limpia, .clear {
	clear: both;
}
.clearfix:after, #menuExpos: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, h1 a span, #avisoTalleres span, #avisoTalleresEu span, #firma span {
	display:none;
}