/* CSS Document */
html, body { height: 100% }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:70%; padding:0; margin:0; color:#ffffff; background:#006799 url(../img/faux.gif) repeat-y 25% 0; }
img { border: 0 }
h1 { font-size: 100% }
h2 { font-size: 130%; color:#800000 }
h3{font-size: 90%}
h3.amarillo{
	color: #EBE9C3;
	margin-top:0px;
	padding-top: 0px;
}
h3.grande{
	font-size: 100%;
	border-top-width: 0.9em;
	border-bottom-width: 0.9em;
}
h3.recorrido{font-size:100%; margin:3em 0 1em 0}
h3.peque, h4{ font-size: 90%;}
h4.histo-activ {margin:2em 0 0 0; font-size:100%}
a.vinculo { color:#006799 }
a.vinculo:hover {color:#990000}
abbr, acronym { cursor: help }
address {text-decoration:none; font-style: normal; line-height:20px;}

#cabecera:after { clear:both; display:block; content:"."; height:0; visibility:hidden }
#cabecera { width:100% ; background-color: #006799;height: 80px;}
	#escudo { float:left; width:25%; background: #006799 }
	#cabecera h1 {float:right; margin:1.3em 2.3em 0 0}
#cabecera object img { float:right }

#contenido { float:right; width:72%; padding: 1% 1% 5% 1%;  color:#000000 }
#contenido_inicio { width:100%; text-align:center; margin-top:2em; color:#ffffff}


#home { background-color:#ffffff; color:#000000; background-image:none}
#home #swf {float:right}
#home .contenido {margin:auto; width:95%; margin-top:2em }
#home .sup {text-align:center}
#home .sup a:hover { text-decoration:underline}
#home .sup .titular {float:left; margin-left:20em}
#home .sup .direcc {float:right; font-size:80%; color:#CCC; margin:1em 2em 0 0}
#home #cabecera {background-image: none}
#home #cabecera h1 {float:none; margin-top:0}
#home #escudo {background-image: none}
#home #logo_museo{margin-top:15px}
#home div.central {text-align:center; padding-top:2em}
#home div.central a:hover { text-decoration:underline }
#home ul {list-style:none; margin:3em 0 0 0; padding:0}
#home ul li { margin-right:1em}
#home ul a {text-decoration:none; font-weight:bold; color:#000000}
#home .pie {margin: 0 0 2em 0; text-align:center}
#home .pie span { display:block; margin-top:.5em; margin-bottom: .5em }
#home .titular {margin-bottom:1.5em}
.aviso {border:2px solid #000; text-align:center; padding:.6em .2em .6em .2em; margin:2% auto 0.5% auto ; width:100% }



#menu { float:left ; width:25%; 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: #ffffff; margin-top:2em; margin-bottom:3em}

.fr { float:right; margin-left:1% }
.fl { float:left; margin-right:1% }
.sel { text-decoration:underline }
.justif { text-align:justify }
.centrado { text-align:center }
.clearer { clear:both }
.img_coleccion { text-align:center; float:right; width:25% }
.dcha_coleccion { width:70%; float:left }
.img_coleccion span { display:block; font-size:85%;  }

ul.sin { list-style-type:none; margin:0; padding:0}
ul.sin li {margin-bottom:1em;margin-top:1em;}
ul.normas {list-style:none; margin-left:1em; padding-left:0; font-size:90%}
ul.normas li {margin-bottom: .5em; padding-left:3em; display:block; padding-top:5px; padding-bottom:1em}
.normas .n1 {background:url(../img/nocamaras.gif) no-repeat; background-position:0 .2em;font-size:110% }
.normas .n2 {background:url(../img/nobebidas.gif) no-repeat; background-position:0 .2em;font-size:110% }
.normas .n3 {background:url(../img/nobultos.gif) no-repeat; background-position:0 .2em;font-size:110% }
.normas .n4 {background:url(../img/nomoviles.gif) no-repeat; background-position:0 .2em;font-size:110% }
.normas .n5 {background:url(../img/noanimales.gif) no-repeat; background-position:0 .2em;font-size:110% }
.normas .n6 {background:url(../img/nofumar.gif) no-repeat; background-position:0 .2em;font-size:110% }

.mapa a{ color:#002953; font-weight:bold; text-decoration:none ;line-height: 20px;}
.mapa a:hover { text-decoration:underline }
.mapa ul {
	margin-top:.5em;
	margin-bottom:.5em;	
}

/* estilos para las páginas de selección de piezas */
.navegador {text-align:right}
div.imagen {clear:both; margin-top:3em}
div.imagen:after {clear:both; display:block; content:"."; height:0; visibility:hidden}
div.imagen img {
	float:left;
	padding-right: 10px;
	padding-bottom: 10px;
}
div.imagen h3, div.imagen .pie {
	margin-left:140px;
}
div.imagen .descripcion {clear:both; float:left; margin-top:2em; width:90%}
div.imagen .descripcion2 {clear:both; float:left; margin-top:0; width:90%}


.det-pieza h3, .det-pieza p {color:#ac3e00}
.det-pieza h3 {margin:10em 0 0 400px; color:#ac3e00; font-size:100%}
.det-pieza p {margin:1em 0 0 400px; color:#ac3e00}
.det-pieza.img-ancha h3, .det-pieza.img-ancha p {clear:both; padding:0; margin-left: 10em}
.det-pieza.img-ancha h3 {margin-top:2%}
.det-pieza .pieza {clear:both; float:left; margin: 2em 5em 2em}
.det-pieza.img-ancha .pieza {margin-left:1em}

.compo_img {margin:auto auto 2em auto; padding:0; width:285px}
.compo_img img {display:block; float:left}
.compo_img .det1 {padding-top: 62px}
.compo_img .det2{margin-top: 49px}

dl dt {font-weight:bold}
dl dd {margin:0 0 1em 0}
dl dd a {font-size:90%; text-decoration:underline; color:#006699}

/* estilos para actividades */
.actividades h3, .actividades h4 {font-size:110%}
/*.actividades h3 {color:#660000; margin-top:5em}*/
.actividades h3 {color:#660000; margin-top:1em}
.actividades h4 {margin:2em 0 .5em 0}
.actividades h5 {font-size:100%; margin: 3em 0 0 0}
.actividades h6 { font-size:100%; padding:0; margin:0 }

.actividades .amarillo {color:#7B6303}
.actividades .negro {color:#000000}
.actividades .descrip {margin:0 0 2em 3em}
.actividades a.vinculo-act { color:#006799; text-decoration:none }
.actividades a.vinculo-act:hover {color:#990000; text-decoration:none}


/* estilos para la sección Histórico de Actividades */
ul.historico {list-style-type:none; margin:0; padding:0}
ul.historico li {margin:0}
ul.historico-bullet {list-style-type:square; color:#CC0000}
ul.historico-bullet li span {color:#000000}

#readspeaker_button {float:right;}
.oculto {
	position:absolute;
	left:-10000px;
	text-indent:-10000px;
	margin: 0;
	padding: 0;
	
}

 h4,h3,h2,h5 .enlace a {
	display: block;
	
}
.enlace a {
	/*font-size: .9em;
	font-family: verdana;
	font-weight: bold;*/
	font-size: 0.9em;
	padding-left: 1.30em;
	text-decoration: none;
	background-image: url(../img/img_mas.gif);
	background-repeat: no-repeat;
	background-position: 0% 0.3em;
	margin-left: 10px;
}

 .enlace a:hover { text-decoration:underline; }
#parrafo ul li{
	list-style-type: none;
	margin-bottom:1em;
	padding-bottom: 1em;
}

#barra_menu_portada {
	CLEAR: left; FLOAT: left; /*WIDTH: 29.37em; HEIGHT: 1.18em; */ COLOR: #000000;  BACKGROUND-COLOR: #cc0000;TEXT-ALIGN: right;
}
#barra_menu_portada UL {
	PADDING-RIGHT: 0em; PADDING-LEFT: 0em; PADDING-BOTTOM: 0em; MARGIN: 0em; PADDING-TOP: 0em; LIST-STYLE-TYPE: none
}
#barra_menu_portada UL LI {
	PADDING-RIGHT: 0em; DISPLAY: inline; PADDING-LEFT: 0.1em; PADDING-BOTTOM: 0em; MARGIN: 0em 0.1em 0em 0em; PADDING-TOP: 0em; LIST-STYLE-TYPE: none;
}
#barra_menu_portada A {
	PADDING-RIGHT: 0em; BACKGROUND-POSITION: left 50%; PADDING-LEFT: 0.4em; FONT-SIZE: 85%; 0 MARGIN: 0px; COLOR: #000000; BACKGROUND-REPEAT: no-repeat;  TEXT-DECORATION: none;
}
#barra_menu_portada A:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}


/* 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 #006799; color: #ffffff; /*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 #006799;color: #ffffff; 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 #006799;/* #dddddd;*/}
div#formularios div form fieldset { margin: 0.5em 0em 0.3em 0em; padding: 0em 0.5em 0em 0.5em;  border: 0.0625em solid #006799;/*#dddddd*/ border-top: 0.25em solid #006799; /*#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 #006799; }
div#formularios div form fieldset div div select { border: 0.0625em solid #006799; }
div#formularios div form fieldset div div textarea { border: 0.0625em solid #006799; }
#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 #999999;
	color: #333333;
	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 #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	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; }