/* 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: 95%;}
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; height: 64px; }
	#escudo { float:left; /*width:30%;*/ background: #053C6D url(../img/cruceta.gif) no-repeat right bottom;   }
	#escudo a img { margin-top: 0.25em; }
	#cabecera h1 {float:left; margin-left:2em}
	#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}
	#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:780px}


#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 .direcc {text-align:center; font-size:80%; color:#fff; margin:1em 1em 0 0}
#home #cabecera {background-image:none}
#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;
}
/*#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%;}
.avisosinborde {text-align:center; padding:.2em ; margin: 0 0 0 1.8em; width:56%;}

.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 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}

#readspeaker_button {
float: right;
margin-top:1em;
}

/* ESTILOS PARA FORMULARIOS 05/11/2010 */
/*************************** formularios 10.07.2006***************************/
div#formularios { font-family: Arial, Helvetica, sans-serif; margin-top: 1em; }
div#formularios #aviso {margin-top: 0.5em; margin-bottom: 0.5em; border: 0.0625em solid #dddddd;  padding: 0.5em 0.8em; background-color: #F8F8F8; }
div#formularios #aviso span {/**/font-size: 1em;  padding-left: 1.6em; text-transform: uppercase; color: #990000; font-weight: bold; display: block; background: url(icoAviso.gif) left no-repeat; }
div#formularios #aviso span.error {/*/*font-size: 0.7em;*/ */ padding-left: 1.6em; text-transform: uppercase; color: #990000; font-weight: bold; display: block; background: url(icoEnvioError.gif) left no-repeat; }
div#formularios #aviso span.ok {/*/*font-size: 0.7em;*/*/  padding-left: 1.6em; text-transform: uppercase; color: #339933; font-weight: bold; display: block; background: url(icoEnvioOK.gif) left no-repeat; }
div#formularios #aviso ul { list-style-type: none; margin-top: 0.5em; margin-bottom: 0em; padding-bottom: 0em;  }
div#formularios #aviso ul li {/**/ font-size: 1em; line-height: 1.2em; padding-left: 0em; padding-bottom: 0em; color: #333333; vertical-align: top; list-style-image: url(bulletCamposError.gif); }
div#formularios #aviso ul li a { color: #333333; text-decoration: underline; padding-bottom: 0em; }
div#formularios #aviso ul li a:hover {text-decoration: none; }

div#formularios div { }
div#formularios div form {margin-top: 1em;}
div#formularios div form p.formNota { margin-bottom: 0em; margin-top: 0.5em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  /*font-size: 0.7em;*/ text-align: right; }
div#formularios div form p.formNota span {border-left: 0.25em solid #FFFFFF; color: #053C6D; /*font-size: 0.7em;*/ }
div#formularios div form label {/*font-size: 0.7em;*/  padding-right: 1em; font-weight: bold;  }

div#formularios span.Obligatorio,
div#formularios div form div.campos span.Obligatorio { border-left: 0.25em solid #FFCC00;color: #ffffff; padding-left: 0em; font-size: 0.8em;}/*campo obligatorio*/

div#formularios div form label span { border-left: 0.25em solid #FFFFFF;color: #053C6D; padding-left: 0em; font-size: 0.8em;}/*campo obligatorio*/
div#formularios div form label select { font-size: 1em; }
div#formularios div form label input { font-size: 1em; }
div#formularios div form fieldset.sinLegend { border-top: 0.5em solid #FFFFFF;/* #dddddd;*/}
div#formularios div form fieldset { margin: 0.5em 0em 0.3em 0em; padding: 0em 0.5em 0em 0.5em;  border: 0.0625em solid #FFFFFF;/*#dddddd*/ border-top: 0.25em solid #FFFFFF; /*#FFCC00;*/ }
div#formularios div form fieldset legend { /*font-size: 0.7em;*/ color: #333333; text-transform: uppercase; font-weight: bold;  }
div#formularios div form fieldset div { margin: 0em; display: block; padding: 0.3em 0.1em 0.3em 0.1em; clear: both; }
div#formularios div form fieldset div div { float: none; display: block; padding: 0em; margin:0.8em 0em; clear: both; vertical-align: top; }
div#formularios div form fieldset div div label { /*font-size: 0.7em;*/ clear: none; display: block; text-align: right; float: left; width: 12.5em;  margin-bottom: 0.3em;}
div#formularios div form fieldset div div input { border: 0.0625em solid #FFFFFF; }
div#formularios div form fieldset div div select { border: 0.0625em solid #FFFFFF; }
div#formularios div form fieldset div div textarea { border: 0.0625em solid #FFFFFF; }
#bloqueContenido #contenido div#formularios div form fieldset div div p.ayuda { display: block; font-size: 0.65em; color: #333333; clear: both; margin: 0em 0em 0em 15em; padding: 0em 0.3em 0.3em 0em; float: none; }
div#formularios div form fieldset div div p.ayuda a { color: #990000; text-decoration: underline; }
div#formularios div form fieldset div div p.ayuda a:hover { text-decoration: none; } 

div#formularios div form div#botones {/*font-size: 0.7em;*/ text-align: center; margin-top: 0em; margin-bottom: 0.5em; padding-top: 0.5em; background-image: none;}
div#formularios div form div#botones input {
	background: transparent url(bgFormBoton.gif) repeat-x scroll center bottom;
	border: 0.0625em solid #FFFFFF;
	color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 1em;
	margin: 0.2em 3em;
	padding: 0.5em 2em;
	cursor: pointer;
}
div#formularios div form div#botones a {
	background: url(bgFormBoton.gif) bottom repeat-x;
	border: 0.0625em solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0.11em 0.6em 0.11em 0.6em;
	vertical-align: 20%;
	cursor: default;
}
/* Cuando el input es muy ancho y es necesario poner label encima del input */
div#formularios div form fieldset div div.camposEnBloque { padding: 0em; }
div#formularios div form fieldset div div.camposEnBloque label {text-align: left; clear:both; display: block; width: auto; float: none; }
div#formularios div form fieldset div div.camposEnBloque input { clear:both; display: block; }
div#formularios div form fieldset div div.camposEnBloque select { clear:both; display: block;}
div#formularios div form fieldset div div.camposEnBloque textarea { clear:both; display: block; vertical-align: top;}
#bloqueContenido #contenido div#formularios div form fieldset div div.camposEnBloque p.ayuda { margin-left: 0em; }

div#formularios div form fieldset div div.camposEnLinea { padding: 0em; }
div#formularios div form fieldset div div.camposEnLinea label.enLinea {display:inline; float:left; width:auto; padding: 0em 0.5em;}
div#formularios div form fieldset div div.camposEnLinea input.enLinea {display:inline; float:left; width:auto; padding: 0em 0.5em; }
div#formularios div form fieldset div div.camposEnLinea select.enLinea {display:inline; float:left; width:auto; padding: 0em 0.5em;}
#bloqueContenido #contenido div#formularios div form fieldset div div.camposEnLinea p.ayuda { margin-left: 0em; }

/*campos en linea */
div#formularios div form fieldset div.camposEnLinea { margin-left: 10em; margin-bottom: 0.8em; display: block; clear: both; }
div#formularios div form fieldset div.camposEnLinea div { float: left; padding: 0em; margin: 0em; clear: none; vertical-align: top; }
div#formularios div form fieldset div.camposEnLinea div label { display: inline; width: auto; padding-right: 0.5em; }
div#formularios div form fieldset div.camposEnLinea div input { display: inline; padding: 0em; margin-right: 1em; }

/*campos en linea con titulo (fecha) */
div#formularios div form fieldset div.camposEnLineaConTitulo { margin-bottom: 0.8em; display: block; clear: both; }
div#formularios div form fieldset div.camposEnLineaConTitulo .camposEnLineaTitulo { /*font-size: 0.7em;*/ clear: none; display: inline; text-align: right; float: left; width: 12.5em; margin-right: 0.5em; }
div#formularios div form fieldset div.camposEnLineaConTitulo div { float: left; padding: 0em 0.1em 0.3em 0.3em; margin: 0em; clear: none; vertical-align: top; }
div#formularios div form fieldset div.camposEnLineaConTitulo div label { display: inline; width: auto; padding-right: 0.5em; }
div#formularios div form fieldset div.camposEnLineaConTitulo div input { display: inline; padding: 0em; margin-right: 0.5em; }
div#formularios div form fieldset div.camposEnLineaConTitulo div select { display: inline; padding: 0em; margin-right: 0.5em; }

/* Cuando el input es checkbox en bloque (si combinamos con campos en linea con titulo, se ponen en linea) */
div#formularios div form fieldset div div.camposCheck { float: none; display: block; padding: 0em; margin:0.4em 0em 0.2em 1em; vertical-align: top; }
div#formularios div form fieldset div div.camposCheck input { /*font-size: 0.7em;*/ clear: none;  vertical-align: top;display: inline;  }
div#formularios div form fieldset div div.camposCheck label { /*font-size: 0.7em;*/ text-align: left; display: inline; float: none;}
#bloqueContenido #contenido div#formularios div form fieldset div div.camposCheck p.ayuda { display: block; font-size: 0.65em; color: #333333; clear: both; margin: 0em 0em 0em 2em; padding: 0em 0em 0em 0.4em; float: none; }

/* fieldset anidado con caracteristicas "por defecto" - */
div#formularios div form fieldset { padding-bottom: 0.5em; }
div#formularios div form fieldset fieldset { border-top-color: #dddddd; margin: 1em 1em 0.3em 1em; padding: 0.3em; background-image: url(bgFormFieldSet.jpg); background-position: bottom; background-repeat: repeat-x; }
div#formularios div form fieldset fieldset div.camposEnLinea { display: block; clear: both; float: none;  margin-left: 0.5em; }
div#formularios div form fieldset fieldset div.camposEnLinea label { text-align: left; width: auto; }
div#formularios div form fieldset fieldset div.camposEnLinea input { /*font-size: 0.7em;*/ }
div#formularios div form fieldset fieldset div.camposEnLinea select { font-size: 1em;}
div#formularios div form fieldset fieldset div.camposEnLinea textarea { font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
div#formularios div form fieldset fieldset div.camposEnLinea p.ayuda { margin-left: 0em; }

div#formularios div form fieldset fieldset div.camposEnBloque { padding: 0em; margin-left: 0.5em; }
div#formularios div form fieldset fieldset div.camposEnBloque label {text-align: left; clear:both; display: block; width: auto; float: none; }
div#formularios div form fieldset fieldset div.camposEnBloque input { clear:both; display: block; }
div#formularios div form fieldset fieldset div.camposEnBloque select { clear:both; display: block;}
div#formularios div form fieldset fieldset div.camposEnBloque textarea { clear:both; display: block; vertical-align: top;}
#bloqueContenido #contenido div#formularios div form fieldset fieldset div.camposEnBloque p.ayuda { margin-left: 0em; }

div#formularios div form fieldset fieldset.invisible { border: none; margin: 1em; background-image: none; background-position: bottom; background-repeat: repeat-x;}
div#formularios div form fieldset p.ayuda { font-size: 0.9em; margin: 0 0 0 15em; }
div#formularios div form fieldset fieldset.invisible p.ayuda span { font-weight: bold; padding-left: 0.5em; border-left: 0.25em solid #ffcc00; }
div#formularios div form fieldset fieldset.invisible label { font-weight: normal; padding: 0em; margin: 0em; text-align: left; }

.pie {border-top: 1px #A4A4A4 dotted; border-bottom: 1px #A4A4A4 solid; color:#A4A4A4; font-size: 85%; padding:2px; margin-top: 25px}

ul.sin {
	list-style-type:none;
	padding-left:1em;
	
}
.eti {  margin-top:0; margin-left:0; margin-right:0 ; margin-bottom:0 }