/* Franja horizontal superior de la página */
body{
background-color:#CC0000;
color:#00000;
font:12px Verdana,Geneva,Arial,Helvetica,sans-serif;
margin:0;
padding:0
}
/* h1-> Letra azul. La grande */
h1{color:#0000FF;font-size:16px}
/* h2-> Letra roja. La mediana */
h2{color:#C50102;font-size:14px}
/* p-> Letra negra. La pequeña:normal */
p{color:#000000;font-size:12px}
#header{
background-image: url("imagenes/logo.jpg");
background-repeat:no-repeat;
/* Altura de la imagen */
height:90px;	
left:50%;
margin-left:-375px;
position:absolute;
width:750px
}

#menu-Unidades,#menu-Unidad1,#menu-Unidad2,#menu-Unidad3,#menu-Unidad4,#menu-Unidad5,#menu-Glosario{
/* Anchura del menu */
height:25px;
margin:65px 0 0 250px;	/* 1ª coordenada: posicion de altura en la pagina */
position:absolute;
width:500px
}
#menu-Unidades{background:transparent url("Imagenes/Unidades.gif") no-repeat}
#menu-Unidad1{background:transparent url("Imagenes/Unidad1.gif") no-repeat}
#menu-Unidad2{background:transparent url("Imagenes/Unidad2.gif") no-repeat}
#menu-Unidad3{background:transparent url("Imagenes/Unidad3.gif") no-repeat}
#menu-Unidad4{background:transparent url("Imagenes/Unidad4.gif") no-repeat}
#menu-Unidad5{background:transparent url("Imagenes/Unidad5.gif") no-repeat}
#menu-Glosario{background:transparent url("Imagenes/Glosario.gif") no-repeat}
#map a{height:25px;position:absolute;text-decoration:none}
#map a em{visibility:hidden}
a#Unidad1{left:0px;width:82px}
a#Unidad2{left:83px;width:82px}
a#Unidad3{left:167px;width:82px}
a#Unidad4{left:249px;width:82px}
a#Unidad5{left:332px;width:82px}
a#Glosario{left:415px;width:82px}
/* Fin CSS Mapa de Imagen: En original png */
/* Franja bajo el menú */
#subheader{
background-color:#E1E1E1;
border-bottom:2px solid #646464; /* Línea bajo la franja*/
font-size:11px;
height:20px;
margin:90px 0 0 0;
padding:0;
position:absolute;
width:100%
}
#main{margin:112px 0 0 0;position:absolute;width:100%}
/* Franja lateral bajo MAIN que se ve en alta resolución, pero solo a la altura del BreadCrumb */
#stripwrap{background-color:#969696;position:relative;width:100%}
/* Franja bajo subheader: BreadCrumb */
#strip{
background-color:#969696;
left:50%;
margin-left:-375px;
padding:6px;
position:relative;
width:738px
}
#strip a link,#strip a:active,#strip a:visited,#strip a:hover{color:#FFFFFF}
#strip a:hover{text-decoration:none}
/* Franjas laterales verticales que se ven en alta resolución */
#contentwrap{
background-color:#E1E1E1;
border-bottom:2px solid #8C7B21;
position:relative;
width:100%
}
/* Zona bajo los link: Se utiliza la imagen Submenu_fondo.gif . El resto se omite  */
#contentwrap2{
background-color:#969696;
background-image:  url("Imagenes/Submenu_fondo.gif");
background-repeat:repeat-y;
border-top:1px solid #FFFFFF;
left:50%;
margin-left:-375px;
position:relative;
width:750px
}
#content{
background-color:#FFFFFF;
background-image:  url("Imagenes/teclado.jpg");
background-repeat:no-repeat;
float:right;
padding:10px;	/* Distancia entre el borde y el contenido. Existen padding-top | bottom | left | right */
height:400px;						/* Altura de la zona. Si no se pone se ajusta al texto*/
width:575px
}
#submenu{background-color:#C5C0102;float:left;width:151px} 
#submenu a{
background-image: url("Imagenes/Flecha_link.gif");
background-repeat:no-repeat;
border-bottom:1px solid #C50102;	/* Color del borde inferior */
display:block;
font-size:11px;
font-weight:bold;
padding:2px;
text-decoration:none;
width:100%
}
/* Color de los link del menu: Fondo y letras */
#submenu a:link,#submenu a:active,#submenu a:visited{background-color:#E1E1E1;color:#000000}
/* Al pasar sobre el submenu los link se ponen de este color */
#submenu a:hover{background-color:#FAFAFA;color:#91022E}

/* Para los sublinks en el menu lateral */
#submenu2{background-color:#C5C0102;float:right;width:140px} 
#submenu2 a{
background-image: url("Imagenes/Punto_link.gif");
background-repeat:no-repeat;
/*border-bottom:1px solid #FFFFFF;	*//* Color del borde inferior */
/*border-left:1px solid #FFFFFF;	*/	/* Color del borde izquierdo */
display:block;
font-size:11px;
font-weight:bold;
font-style:normal;
padding:2px;
text-decoration:none;
width:100%
}
/* Color de los link del menu: Fondo y letras */
#submenu2 a:link,#submenu2 a:active,#submenu2 a:visited{background-color:#E1E1E1;color:#333333}
/* Al pasar sobre el submenu2 los link se ponen de este color */
#submenu2 a:hover{background-color:#FAFAFA;color:#91022E}

/* Para los subsublinks en el menu lateral */
#submenu3{background-color:#C5C0102;float:right;width:120px} 
#submenu3 a{
background-image: url("Imagenes/Raya_link.gif");
background-repeat:no-repeat;
/*border-bottom:1px solid #FFFFFF;*/	/* Color del borde inferior */
/*border-left:1px solid #FFFFFF;*/		/* Color del borde izquierdo */
display:block;
font-size:10px;
font-weight:bold;
font-style:normal;
padding:2px;
text-decoration:none;
width:100%
}
/* Color de los link del menu: Fondo y letras */
#submenu3 a:link,#submenu2 a:active,#submenu3 a:visited{background-color:#E1E1E1;color:#646464}
/* Al pasar sobre el submenu2 los link se ponen de este color */
#submenu3 a:hover{background-color:#FAFAFA;color:#91022E}
/* ESTILOS */
.usuario0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FF0000;
}

.usuario1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #993333;
	text-decoration: underline;
}
.usuario2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #996633;
	text-decoration: underline;
}

.usuario_indice_tema {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	list-style-position: outside;
	list-style-type: decimal;
	overflow: auto;
	position: relative;
	visibility: visible;
	z-index: auto;
	height: auto;
	width: auto;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	clip: rect(auto,auto,auto,auto);
	list-style-image: url(Imagenes/Flecha_roja.gif);
	text-align: justify;
}
.usuario_texto_normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: justify;
	line-height: 20px;
	text-align: justify;
}
.usuario_texto_pequeno {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-align: justify;
	line-height: normal;
	text-align: justify;
}
.usuario_vinetas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	list-style-position: outside;
	list-style-type: square;
	line-height: 20px;
}
.usuario_vinetas_pequenas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-align: justify;
	list-style-position: outside;
	list-style-type: square;
	line-height: normal;
}
.usuario_subvinetas {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	list-style-position: outside;
	list-style-type:circle;
	line-height: 20px;
}
.usuario_numeracion {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	list-style-position: outside;
	list-style-type:decimal;
	line-height: 20px;
}
.cajatexto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #DDE8F3;
	border: 1px solid #000070;
}
.usuario_lista_terminos_glosario {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: justify;
}
.usuario_termino_glosario {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #CC0000;
	text-align: justify;
}

.busqueda_titulo { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10pt; font-weight: normal}
.busqueda_pequena { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; color:green; font-weight: normal}