/* CSS Document */
html, body { height: 100% }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:70%; padding:0; margin:0; color:#ffffff; background:#053C6D url(../img/faux.gif) repeat-y 25% 0; }
img { border: 0 }
h1 { font-size: 100% }
h2 { font-size: 130% }
h3{font-size: 90%}
h3.amarillo{color: #EBE9C3}
h3.grande{font-size: 100%;}
h3.peque, h4{ font-size: 90%;}
a { color:#ffffff }
abbr, acronym { cursor: help }

#cabecera:after { clear:both; display:block; content:"."; height:0; visibility:hidden }
#cabecera { width:100% ; background: url(../img/cabecera.gif) repeat-x 0 0  }
	#escudo { float:left; width:25%; background: #053C6D url(../img/cruceta.gif) no-repeat right bottom;   }
	#cabecera h1 {float:center; margin-left:5em}
	#cabecera img.fr {float: right; margin-right: 10em}
	

/*#contenido { float:right; width:72%; padding: 1% 1% 5% 2%;  }*/
#contenido_inicio { width:100%; text-align:center; margin-top:2em; color:#ffffff}
#home #contenido div {
	margin:5px;
	vertical-align: middle;
}
#contenido {
	float:right;
	width:85%;
	margin-left: 2%;
	padding-top: 2%;
	padding-right: 4%;
	padding-bottom: 5%;
	padding-left: 2%;
	margin-right: 1%;
	
}
	#contenido_inicio span { display:block; margin-bottom:1em  }
	#contenido_inicio div.aviso {border:2px solid #FFF; text-align:center; padding:.3em; margin:2em auto 2em auto; width:585px}


#home { background-color:#053C6D; background-image:none}
#home #swf {float:right}
#home .contenido {margin:auto; width:63em; margin-top:2em }
#home .sup {text-align:center}
/*#home .sup .titular {float:left; margin-left:20em}*/
#home .sup .titular {align:center}
#home .direcc {text-align:center; font-size:80%; color:#fff; margin:1em 1em 0 0}
#home #cabecera {background-image:none}
#home #cabecera img.titular {	margin-left: 13em;}
#home #escudo {background-image:none;width:18%}
#home div.central {text-align:center}
#home ul {list-style:none; float:left; margin:1em 0 0 0; padding:0}
#home ul a {text-decoration:none; font-weight:bold; color:#FFFFFF}
#home ul.izq {width:18em; text-align:right; margin-left:.2em}
/*#home ul.izq {width:19em; text-align:right; margin-left:.5em}*/
/*#home ul.izq li {padding:0 1em 7em 0}*/
#home ul.izq li {padding:0 2em 1.5em 0}
#home .img-central {
	float:left;
	text-align:center;margin-left: 1em;
	/*margin-left: 1em;*/
}
/*#home .img-central ul {float:none; margin:.5em 0 0 0}
#home .img-central ul li {display: inline; margin-right:5em}*/
#home .img-central ul {float:none; margin:.1em 0 0 0}
#home .img-central ul li {display: inline; margin-right:6em}
#home ul.dcha {width:17em; text-align:left; margin-left:0}
#home ul.dcha li {padding:0 0 7em 1em}
#home .n1 {background: url(../imgIntro/linea.jpg) no-repeat}
#home .n2 {background: url(../imgIntro/menu_historia.jpg) no-repeat}
#home .n3 {background: url(../imgIntro/menu_actividades.jpg) no-repeat}
#home .n4 {background: no-repeat}
#home .n5 {background: no-repeat}
#home .n6 {background: url(../imgIntro/menu_servicios.jpg) no-repeat}
#home .pie {margin: 0 0 2em 0; text-align:center}
#home .pie span { display:block; margin-top:.5em; margin-bottom: .5em }
/*.aviso {border:2px solid #fff; text-align:center; padding:.2em ; margin: 0 0 0 1.8em; width:56%;}*/
.aviso {border:2px solid #fff; text-align:center; padding:0.3em; margin:1% auto  2%; width:75% }

.iconos_home { text-align:right; padding-right:1%;  }
.iconos_home a { margin-left:1em; margin-right:1em }


/*#menu { float:left ; width:24%; padding-top:1em }*/
#menu {
	float:left;
	width:25%;
	padding:0;
	margin:0;
	text-align:center;
	text-transform: uppercase;
	font-weight: bold;
	font-size:90%;
}
	#menu a, #menu ul { color:#ffffff; text-decoration:none  }
	#menu a:hover { text-decoration:underline }
	#menu ul { padding:0; margin:0 0 0 1.5em; list-style-type:none }
	#menu ul li { padding: .5em 0 .5em .5em; background: url(../img/bullet.gif) no-repeat 0 .9em; margin-left:.5em }
	#menu ul ul { margin-top: .5em }
	
.copy {display:block; text-align:center; color: #FFF; margin-top:2em; margin-bottom:3em}

.fr { float:right; margin-left:1% }
.fl { float:left; margin-right:1% }
address {text-decoration:none}
.sel { text-decoration:underline }
.txt_justificado { text-align:justify }
ul.lista-sin {list-style:none; margin-left:0; padding-left:0}

.clearer { clear:both }

ul.enlaces{list-style-type:none; margin: 0; padding: 0;}
ul.enlaces li{margin-bottom: 1.5em}
address{font-style: normal}

.resalte {color:#c0bebd; font-weight:bold}
a.coleccion { color:#ffffff; font-size:90%}

/* estilos para normas del museo */
ul.normas {list-style:none; margin-left:1em; padding-left:0; font-size:90%}
ul.normas li {margin-bottom: .5em; padding-left:2.2em; display:block; padding-top:5px; padding-bottom:1em}
.normas .n1 {background:url(../img/iconosfoto.gif) no-repeat; background-position:0 .3em }
.normas .n2 {background:url(../img/iconost.gif) no-repeat; background-position:0 .3em }
.normas .n3 {background:url(../img/iconos.gif) no-repeat; background-position:0 .3em }
.normas .n4 {background:url(../img/iconosp.gif) no-repeat; background-position:0 .3em }
.normas .n5 {background:url(../img/icono-f.gif) no-repeat; background-position:0 .3em }

/* estilos para colección de pintura */
div.composicion {text-align:justify; padding-right:2em}
div.composicion img {float:left; margin:0; padding:0}
ul.colec_pintura {list-style:none; margin:2em 0 4em 0; padding-left:1.5em}
ul.colec_pintura li, ul.colec_escultura li {margin-bottom:2em}
ul.colec_pintura ul, ul.colec_escultura {list-style:none; margin-top:2em}

	/* estilos para las páginas de detalle de pintura */
		#det_coleccion {background-color:#053C6D; background-image:none; margin:0; padding:0}
		#det_coleccion p {color:#ffffff; font-size:90%; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 1em;}
		#det_coleccion p.titulo {text-align:center; font-weight:bold}
		#det_coleccion div {text-align:center}
		body.vertical {margin:0; padding:0}
		#det_coleccion.vertical img {float:left; margin-right:.5em; margin-top:0; padding-top:0}
		#det_coleccion.vertical p {text-align:left; margin-top:0; padding-top:1em}
		#det_coleccion.escultura p.titulo {font-size:95%}
		
/* estilos para Recorrido */

ul.recorrido {list-style:none; margin-left:2em; float:left}
ul.recorrido a {text-decoration:none}
ul.recorrido a:hover {text-decoration:underline}
ul.recorrido li {margin-bottom:1em; font-weight:bold}
ul.recorrido li ul {list-style:none; margin:.5em 0 0 2em; padding-left:0}
ul.recorrido li ul li {font-weight:normal}

.img_estancia, .img_historia {float:left; margin-right:1em}
.txt_estancia, .txt_historia {float:left}
.txt_estancia p, .txt_historia p {margin-top:0; font-size:90%}
.txt_estancia h3, .txt_historia h3 {margin-top:0}


body#det_recorrido {background-color:#053C6D; background-image:none; margin:0; padding:0}
body#salaII .img_estancia {width:184px; text-align:right}
body#salaIII .img_estancia {width:180px; text-align:right}
body#jsorolla .img_historia {width:216px; text-align:left}
body#jsorolla .txt_historia {width: 50%; text-align:left}
body#jsorolla h4 {margin-bottom:2em; font-size:100%}
body#jsorolla .tresfotos {padding-top:1em}
body#casaenvida .txt_historia {width: 60%; text-align:left}
body#elmuseo .img_historia {width:240px; text-align:left}
body#elmuseo .txt_historia {width:50%; text-align:left}

.navegador {text-align:right; clear:both; margin:2em 2em 0 0}
.navegador a {text-decoration:none; color:#CCCCCC}


/* estilos para el mapa web */
#mapa #contenido ul {list-style-type:none; margin:0; padding:0}
ul.mapa {float:left; width:25%}
ul.mapa span {display:block; margin-bottom:.5em}
ul.mapa a {text-decoration:none}
ul.mapa a:hover {text-decoration:underline}
ul.mapa li {margin-bottom:.5em; font-weight:bold}
ul.mapa li ul {margin-bottom:.5em}
ul.mapa li ul li {margin-bottom:.5em; font-weight:normal}
ul.mapa li ul li ul {margin-bottom:.5em}
ul.mapa li ul li ul li {margin-bottom: .5em; padding-left:2em}
#fondo_home {float:left; background-image:url(../imgIntro/img_sorolla.jpg); background-repeat: no-repeat;background-position: center;width:100%; height:250px;margin:0;padding:0;text-align:center}
#contenido DIV.grupo DIV  {
	DISPLAY: block;
	FLOAT: left;
	PADDING-BOTTOM: 0.3em;
	PADDING-TOP: 0.3em;
	width:85%;
	margin-right: 5em;
	padding-left: 2em;
}
#contenido DIV.grupo DIV.dir1col DIV  {
	WIDTH: 34em
}
#contenido DIV.grupo DIV.dir2cols DIV  {
	WIDTH: 40%;
	/*margin-right: 2em;	*/
}
#contenido  DIV.grupo DIV.dir3cols DIV  {
	WIDTH: 27%;margin-left:auto; margin-right:auto;.
}
#contenido DIV.grupo DIV.dir3cols1 DIV  {
	WIDTH: 29%
}
#contenido DIV.grupo DIV.dir4cols DIV  {
	WIDTH: 20%
}
#contenido DIV.grupo DIV IMG {
	FLOAT: left;
	text-align: center;
}
 #contenido DIV.grupo H3 {
    FONT-WEIGHT: bold;
	FONT-SIZE: 1em;
	COLOR: #333333;
	PADDING-TOP: 0.4em;
	MARGIN-BOTTOM: 0.5em;
	PADDING-BOTTOM: 0.2em;
	height: 40px;
	vertical-align: text-bottom;
}