/* menu superior */
#menusuperior {PADDING-BOTTOM: 0.2em; PADDING-TOP: 0.2em; width: 982px}
#nav-menusuperior {	MARGIN-TOP: 0px; FLOAT:  left; FONT: bold 107% Tahoma, Arial, Verdana, Helvetica, sans-serif; WIDTH: 100%; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none; BACKGROUND: #0272c6}
#nav-menusuperior UL {	PADDING-RIGHT: 1%; PADDING-LEFT: 1%; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}
#nav-menusuperior LI {	PADDING-RIGHT: 0.5%; PADDING-LEFT: 0.5%; FONT-WEIGHT: normal; FLOAT: left; PADDING-BOTTOM: 0%; MARGIN: 0% ; COLOR: #fff; PADDING-TOP: 0%; TEXT-ALIGN: center; BACKGROUND: #0272c6}
.inactivo{	PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.9em; FONT-WEIGHT: bold; FLOAT: left;  COLOR: #0272c6;TEXT-ALIGN: center; BACKGROUND-color: #e1e1e1; FONT-size:  125%; font-family:Georgia, Times New Roman, Times, serif; border:#999999 1px solid; margin-left:0.5em; padding-top: 2px; padding-bottom:1px}
#nav-menusuperior LI A {	FLOAT: left; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none; BACKGROUND: #0272c6}
#nav-menusuperior LI A {	FLOAT: none}
#nav-menusuperior LI A:link {	FLOAT: left; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none; BACKGROUND: #0272c6}
#nav-menusuperior LI A:visited {	FONT-WEIGHT: bold; FLOAT: left; COLOR: #fff; TEXT-DECORATION: none; BACKGROUND: #0272c6}
#nav-menusuperior LI A:hover {	TEXT-DECORATION: underline}
.atajos  {	color:#cc0000;BACKGROUND-COLOR: #e6cb74; font-size:120%}
.navcontainer{width:980px;margin: 2px 2px 2px 3px;padding:2px 2px 5px 2px; font-size:96%}
.navcontainer ul { padding: 1px; }
.navcontainer ul li { display: inline}
.navcontainer ul{margin: 2px 2px 2px 2px;}
.navcontainer ul li a{padding: 2px 2px 2px 2px;width:80px !important;min-width:85px !important;display:block;
background:#0272c6;color: #09509e;text-decoration: none;text-align: center;text-transform: uppercase; 
float: left; border-left:#fff 7px solid}
.navcontainer ul li a:link{color: #fff;background-color: #cc0000; border-left:#fff 5px solid}
.navcontainer ul li a:focus{color: #fff;background-color: #cc0000; border-left:#fff 5px solid}
.navcontainer ul li a:hover{color: #fff;background-color: #cc0000; border-left:#fff 5px solid; text-decoration:none}
.navcontainer ul li a:visited{color: #fff; border-left:#fff 5px solid;}    
#cortar_cabeza {clear:both; border:#e1e1e1 1px solid}  
/* generales */ 
#pagina {width: 984px; border:#000 1px solid; margin-top:0.4em}
#logos {font-size: 2em; float: left; padding-top:0.2em; padding-left:0.5em; }
.tituloestaes {font-size:1.1em; font-family: Georgia, Times New Roman, Times, serif;  margin-left: 1.4em; color: #000080; background-color:#fff; vertical-align:super}
.tituloeco {float: right; font-size: 2.4em; margin-top:0.4em; margin-right:1em; line-height:1.4em}
a img { border-right-style:none; border-top-style:none; border-bottom-style:none; border-left-style:none} 
.dere_logron {background-color:#e1e1e1; border-top:#CCCCCC 1px solid; border-bottom: #CCCCCC 1px solid; font-size: 1.3em; font-weight: bold; color:#0272c6; padding-top: 0.3em; padding-bottom: 0.3em; font-family:Geneva, Arial, Helvetica, sans-serif; font-variant:small-caps}
.dere_biblio {border-bottom: #CCCCCC 1px solid; padding-bottom: 1.5em}
HTML {	HEIGHT: 100%}
BODY {	PADDING-RIGHT: 0.5%; PADDING-LEFT: 0.7%; BACKGROUND: #fff; PADDING-BOTTOM: 0%; MARGIN: 0%; FONT: 11px/16px Verdana, Arial, Helvetica, sans-serif; COLOR: #000; PADDING-TOP: 0.2em; TEXT-ALIGN: left; HEIGHT: 100%}
H1 {	PADDING-RIGHT: 0%; DISPLAY: inline; PADDING-LEFT: 0%; FONT-WEIGHT: normal; FONT-SIZE: 150%; PADDING-BOTTOM: 4%; MARGIN: 0%; PADDING-TOP: 0%; FONT-FAMILY: arial, sans-serif}
H2 {	PADDING-RIGHT: 0%; DISPLAY: inline; PADDING-LEFT: 0%; FONT-WEIGHT: normal; FONT-SIZE: 120%; PADDING-BOTTOM: 4%; MARGIN: 0%; PADDING-TOP: 0%; FONT-FAMILY: arial, sans-serif}

#cuerpocontenidos {PADDING-BOTTOM: 4%; MARGIN: 0% auto;  WIDTH: 100%;  color: #000}
.letpq {	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color:#FFFFFF;
	text-align: justify;
}

A:link {
	FONT-WEIGHT: bold; COLOR: #000; BACKGROUND: #fff
}
A:visited {
	FONT-WEIGHT: bold; COLOR: #6ca6e1; BACKGROUND: #fff
}
A:hover {
	FONT-WEIGHT: bold; COLOR: #ff6600; BACKGROUND: #fff
}

#contenedor_general {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #ffffff; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: auto; color: #000
}

#validar {
	PADDING-RIGHT: 0%; PADDING-LEFT: 0%; PADDING-BOTTOM: 0%; MARGIN: 0em 0em 0em; WIDTH: 109%; PADDING-TOP: 0%; HEIGHT: 20%
}
.clr {
	CLEAR: both
}
.spacer {
	CLEAR: both; MARGIN-TOP: 5px
}
.titulos {
	FONT: bold 185% Arial, Verdana, Helvetica, sans-serif; COLOR: #000; BACKGROUND: #fff
}

.botonizq {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 7px; BORDER-LEFT: #999 1px solid; WIDTH: 60px; PADDING-TOP: 0px; BORDER-BOTTOM: #999 1px solid
}
.textimgdere {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 7px;  WIDTH: 257px; PADDING-TOP: 0px
}
.textodere {
	PADDING-RIGHT: 7px; PADDING-LEFT: 40px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 7px;  WIDTH: 338px; PADDING-TOP: 0px; text-align:justify
}
A.link2:link {
	FONT-WEIGHT: bold; FONT-SIZE: 100%; COLOR: #cc0000; LINE-HEIGHT: 18px; BACKGROUND: #fff
}
A.link2:visited {
	FONT-WEIGHT: bold; COLOR: #333; BACKGROUND: #fff
}
A.link2:hover {
	FONT-WEIGHT: bold; COLOR: #0863be; BACKGROUND: #fff
}

#contenedor-img {	PADDING-RIGHT: 18px; PADDING-BOTTOM: 0px; MARGIN: 20px 0px 0px; WIDTH: 705px; PADDING-TOP: 0px; HEIGHT: auto; TEXT-ALIGN: left}
.enimg {	PADDING-RIGHT: 9px; PADDING-LEFT: 9px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px; HEIGHT: 171px}
.conjunto-recursos {
	PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 9px; BACKGROUND: #ececec; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 4px; HEIGHT: 33px; BORDER-BOTTOM: #ccc 1px solid; color: #000
}

.cabecera {
	FONT-SIZE: 120%
}

.recursos {
	FONT-SIZE: 110%
}
.imgflash {	BORDER: #000 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 91%; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 20px; WIDTH: 234px; LINE-HEIGHT: 13px; PADDING-TOP: 0px; HEIGHT: 240px}
.imgweb {	FONT-SIZE: 91%; FLOAT: left;  MARGIN: 0px; WIDTH: 465px; LINE-HEIGHT: 13px; BORDER-BOTTOM: #000 1px solid; HEIGHT: 260px; text-align:justify}
.separa-imgtexto {
	FLOAT: left; MARGIN: 0px; WIDTH: 12px; HEIGHT: 125px
}
.imgbotones {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px; WIDTH: 328px; PADDING-TOP: 10px; HEIGHT: 400px; text-align:justify
}
.imgbotonesdere {
	PADDING-RIGHT: 10px; PADDING-LEFT: 30px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px; WIDTH: 338px; PADDING-TOP: 10px; HEIGHT: 400px; text-align:justify
}
.buscaralfa {
	PADDING-RIGHT: 10px; PADDING-LEFT: 1px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px; WIDTH: 300px; PADDING-TOP: 10px; text-align:justify
}
.separabotones {
	 FLOAT: left; MARGIN: 0px; WIDTH: 7px; HEIGHT: 420px
}
.separatextosuper {
	 FLOAT: left; MARGIN: 0px; WIDTH: 7px; HEIGHT: 120px
}

.texto-botonizq {
	PADDING-RIGHT: 0px; PADDING-LEFT: 7px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 7px; WIDTH: 255px; PADDING-TOP: 0px; text-align:justify
}
.textoizq {	PADDING-RIGHT: 0px; PADDING-LEFT: 7px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 7px; WIDTH: 329px; PADDING-TOP: 0px; text-align:justify}
.imgdere {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 7px; BORDER-LEFT: #999 1px solid; WIDTH: 60px; PADDING-TOP: 0px; BORDER-BOTTOM: #999 1px solid
}

#piedere {
	PADDING-RIGHT: 1px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #999 1px solid; BORDER-TOP: #999 1px solid; WIDTH: 95%; text-align: center; margin-left: 30px; BACKGROUND: #e1e1e1; color: #000
}
.pie {
	FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #000;  TEXT-DECORATION: none; BACKGROUND: #e1e1e1
}
A.pie:link {
	FONT-WEIGHT: normal; FONT-SIZE: 90%; COLOR: #000080; TEXT-DECORATION: none; BACKGROUND: #e1e1e1
}
A.pie:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 90%; COLOR: #ff6600; TEXT-DECORATION: none; BACKGROUND: #e1e1e1
}
A.pie:hover {
	FONT-WEIGHT: normal; TEXT-DECORATION: underline
}
.pie_abajo {font-size: 1.4em; margin-bottom:2em; margin-top:1em; }
.separator {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px; WIDTH: auto; PADDING-TOP: 15px; max-height: 1px
}
.separador-medio {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 8px; WIDTH: auto; PADDING-TOP: 8px; max-height: 1px
}
.buscador {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	background-color: #cc0000
}

/* estilos fuera */
.fuera_general {float: right; margin-right:1em; vertical-align: top; width: 18.5em; margin-top: 2em; text-align:justify; border-left:#CCCCCC 1px solid; padding-left: 0.9em}
.titu_fuera {border-top: #CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; background-color:#e1e1e1; font-size: 1.7em; line-height: 1.2em }
.subtitu_fuera {font-size: 1em; font-weight: bold; border-bottom:#CCCCCC 1px solid;}
.titu_fuera2 {border-top: #CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; background-color:#e1e1e1; font-size: 1.5em}
#cont_demandan {MIN-HEIGHT: 100px; MARGIN: 0px 2px 5px 3px; COLOR: white; background-image: url(museo_demanda1.jpg)}
HTML  #cont_demandan {	MARGIN: 2px 2px 5px 5px; POSITION: relative; HEIGHT: 100px; font-size: 1em}
#cont_demandan P {	PADDING-RIGHT: 30px; padding-left: 1em; text-align:left}
#cont_demandan STRONG {COLOR: #ffff22}
#cont_demandan .mas_info {COLOR: #ffff22; background-color:#0472c9}
#cont_demandan a.mas_info:hover{COLOR: #fff; background-color:#0472c9; text-decoration:none}
#cont_intro {font-size: 1.5em; font-family: Georgia, Times New Roman, Times, serif; line-height:1.4em}

#enlaces_img {FLOAT: left; width:100%; margin-top:0.1em}
.separa_flecha {background-color: #b2b2b3; color:#FFFFFF; width:1% }
.marco_enla {border: #CCCCCC 1px solid; vertical-align:top; width:100% }
.pq_img {border:#0272c6 1px solid}

 #visor {MARGIN: 1px 0px 0px 7px}

TABLE.timelineMain {
	BORDER: #0272c6 1px solid; MARGIN-LEFT: 2px; BACKGROUND-COLOR: #ffffff
}

DIV#scrollholder {
	Z-INDEX: 100; OVERFLOW: hidden; WIDTH: 900px; POSITION: relative; HEIGHT: 100px
}
DIV#scrollbox {
	Z-INDEX: 1; LEFT: 0px; OVERFLOW: hidden; WIDTH: 900px;  POSITION: absolute; TOP: 0px; HEIGHT: 100px
}
DIV#scrolllayer {
	Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px
}