/*
Definicion general de estilo de etiquetas
*/
p		{
		color: #000000; 
		font-family: Verdana,ARIAL;
		font-size: 93%;
		text-align:justify; 
		line-height: 1.4em;
		padding: 0px 6px 0px 16px;
		margin-bottom: 2px;
		}
		
h2		{
		background-color: white;
		padding: 1mm;
		color: #303030; 
		font-family: verdana,arial; 
		font-size: 90%; 
		text-decoration:none; 
		margin: 15 0 10 0px;
		border: 1px solid #AAAAAA;
		text-align:center;
		}

h3
 
		{
  		width: 91%;  
 		border-color: #0096C6; 
		border-style: solid; 
		border-width: 1px 1px 1px 1px; 
		font-family: Verdana,ARIAL, sans-serif;
		font-size: 90%;
		letter-spacing: 1px;
		color: #006484;
		background: url(imagenes/cuadrado.gif) no-repeat 2px 3px;
		padding: 0 5px 0 14px;
		margin: 20px 0 0px 10px; 
 		}
h4		{
		background: white url(imagenes/h4.gif) no-repeat left 7px ;
		padding: 1mm 1mm 1mm 3.5mm;
		font-family: verdana,arial; 
		font-size: 80%; 
		text-decoration:none; 
		margin: 0 0 10 0px;
		}
/* estilo de lista - 5 niveles*/	
ul		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 83%;
	text-align: justify;
	list-style-image: url(imagenes/dot.gif);
	line-height: 1.3em;
	padding: 0.8 em;
	margin: 0px auto;
	}
ul li{	
	margin: 0px;
	margin-top: 6px;
	padding: 0px;
}
ul ul{
	font-size: 100%;
	margin-left: 10px;
	line-height: 1.6em;
	list-style-image: url(imagenes/dot1.gif);
}
ul ul ul{
	font-size: 83%;
	margin-left: 20px;
	line-height: 1.6em;
	list-style-image: url(imagenes/dot2.gif);
}
ul ul ul ul{
	font-size: 100%;
	margin-left: 30px;
	line-height: 1.6em;
	list-style-image: url(imagenes/dot3.gif);
}
ul ul ul ul ul{
	font-size: 100%;
	margin-left: 10px;
	line-height: 1.6em;
	list-style-image: url(imagenes/dot4.gif);
}
/*Estilo de lista ordenada*/
ol{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 83%;
	text-align: justify;
	line-height: 1.3em;
	padding: 0.8 em;
	margin: 0px auto;
}
ol li{
	margin: 0px;	
	margin-top: 6px;
	padding: 0px;
}
ol ol{
	font-size: 100%;
	color: #303030;
	margin-left: 10px;
	line-height: 1.6em;
}
ol ol ol{	
	font-size: 83%;
	color: #404040;
	margin-left: 20px;
	line-height: 1.6em;
}
ol ol ol ol{
	color: #505050;
	font-size: 100%;
	margin-left: 30px;
	line-height: 1.6em;
}
ol ol ol ol ol{
	color: #606060;
	font-size: 100%;
	margin-left: 10px;
	line-height: 1.6em;
}
/*
Definicion de estilo de tablas
*/
.tabla1{
	width: 500px;
	margin: 20px 10% 10px;
	background: #9DB5B4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tabla1 th{
	font-size: 83%;	
	padding: 7px;
}
.tabla1 td{
	background: #F0F0F0;
	font-size: 83%;
	padding: 5px;
}
.tabla1 .columnaiz{
	background: White;
}
.tabla2{
	width: 500px;
	margin: 20px 10% 10px;
	background: #9DB5B4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tabla2 th{
	font-size: 70%;	
	padding: 4px;
}
.tabla2 td{
	background: #F0F0F0;
	font-size: 70%;
	padding: 2px;
	text-align: center;
}
.tabla2 .columnaiz{
	background: White;
}


.piedetabla{
 width: 500px;
 margin: 0px 10% 10px;
 background: #F0F0F0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 70%;
 padding: 4px;
 text-align: justify;
 border: 2px solid #9DB5B4;
}






/*
capa base del documento
*/
.cuerpo 
		{
		background-color:#ffffff; 
		margin: 0mm; 
		padding: 0mm; 
		width: 600px;
		}

/*
capa contenedora del título y numero de tema + estilos propios de <p> y titular <h1>
*/
.capatitulo 
		{
		margin: 0 0 0 0;
		background-image: url(imagenes/fondocabecera.gif);
		background-repeat: no-repeat;
		background-position: top left;
		border-bottom: 1px #838383 solid;
		}
.capatitulo p {
		color: #184888; 
		font-weight:bold; 
		font-family: verdana,arial; 
		font-size: 10px;
		margin: 0px;
		padding-top: 2px; /*5px 0.5em 10px 0*/;
}
.capatitulo h1 {
		color: #184888;
		font-family: verdana,arial;
		font-size: 14px;
		margin-top: 5px;
		margin-left: 0.5em;	
		margin-bottom: 3px;	
}
/*
capa contenedora de imágenes
*/
.foto
		{
		   margin-top: 20px;
			margin-bottom: 10px;
			padding: 1mm;
			border: 1px solid #eeeeee;
			font-family: Verdana, ARIAL;
			font-size: 75%;
		}

/*
ESTRUCTURAS DE IMAGEN:
complemento imagen 200px - CENTRADA
*/
.ancho_200{
	margin: 0px 32% 0px;
	width: 210px;
}
/*
complemento imagen 300px - CENTRADA
*/
.ancho_300{
	margin: 0px 23% 0px;
	width: 310px;
}
/*
complemento imagen 400px - CENTRADA
*/
.ancho_400{
	margin: 0px 15% 0px;
	width: 410px;
}




/*
complemento imagen TUMBNAIL 143px - CENTRADA
*/
.ancho_143{
	margin: 0px 37% 0px;
	width: 153px;
}


/*
complemento imagen TUMBNAIL 190px - CENTRADA
*/
.ancho_190{
	margin: 0px 33% 0px;
	width: 200px;
}
/*
complemento imagen PARA FLASH - CENTRADO
*/
.ancho_flash{
	margin: 0px 24% 0px;
	width: 330px;
}
/*
estilo propio de <p> dentro de foto
*/
.foto p {
	background-color: #F0F0F0;
	padding: 3px 3px 3px 3px;
	margin: 2px 0px 0px 0px;
}
/*
prueba de grupo de fotos
*/
.grupodefotos4{
	border: 1px solid #C7C7C7;
	width: 404px;
	height: 354px;
	margin: 20px 17% 10px;
	padding: 2px 2px 2px 2px;
}
.grupodefotos2{
	border: 1px solid #C7C7C7;
	width: 404px;
	height: 170px;
	margin: 20px 17% 10px;
	padding: 2px 2px 2px 2px;
}
.fotodegrupo{
	float: left;
	width: 200px;
	padding: 0px;
}
.fotodegrupo .foto{
	margin: 0px 0px 0px 0px;
	padding: 1mm;	
}
.fotodegrupo foto p {
	background-color: #F0F0F0;
	margin: 2px 0px 0px 0px;
}
/*Enlace flash: Para aquellos flashes que no se ajusten a la proporción 4/3*/
.enlaceflash{
	border: 1px solid #708090; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-color: #F6FAFD;	
	padding: 1mm 2mm 2mm 10mm;
	/*padding: 8px 3px 3px 33px;*/
	width: 87%;
	margin: 15px 3% 10px 20px;
	height: 32px;
	background-image: url(imagenes/flash.gif);
	background-repeat: no-repeat;
	background-position: 2px 1px;
}
/*
Párrafo de citas: Con línea y fondo gris
*/
.cita
		{
			
			margin: 15px 3% 10px;
			padding: 1mm 2mm 2mm 2mm;
			border-style: solid;
			border-width: 1px 1px 1px 1px;
			border-color: #CCCCCC;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 70%;
			color: #000000;
			background-color: #eeeeee;		
		}
/*
Párrafo de recorte: Con línea punteada
*/
.recorte
		{
			
			margin: 10px 3% 0px;
			padding: 1mm 2mm 1mm 2mm;
			border-style: dotted;
			border-width: 1px 1px 1px 1px;
			border-color: #5F9EA0;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 70%;
			color: #000000;
			background-color: White;		
		}
/*
Párrafo de procedimiento: Fondo amarillo
*/
.procedimiento
		{
			margin: 5px;
			padding: 1mm 2mm 2mm 2mm;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 70%;
			color: #000000;
			background-color: #FCFFC1;		
		}
/*
Recuadro de advertencias
*/
.advertencia  
		{
		background-image: url(imagenes/atencion.gif);
		background-color: #FFF4F4; 
		border-style: solid; 
		border-width: 1px 1px 1px 1px; 
		border-color: Red;  
		padding: 20px 15px 15px 15px;
		margin: 0.7em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 83%;
		color: #000000;
		text-align: justify;
		background-position: 0px 0px 0px 0px;
		background-repeat: no-repeat;
		}
/*
Estilo autoevaluación
*/
.autoevaluacion 
		{
		background-image: url(imagenes/auto.gif);
		background-color: #F4FFF8; 
		border-style: solid; 
		border-width: 1px 1px 1px 1px; 
		border-color: Green;  
		padding: 20px 15px 15px 15px;
		margin: 0.7em;		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 83%;
		color: #000000;
		text-align: justify;
		background-position: 0px 0px 0px 0px;
		background-repeat: no-repeat;
 		}
/*
Estilo descargas
*/
.descargas 
		{
		background-image: url(imagenes/download.gif);
		background-color: #F4F4FF; 
		border-style: solid; 
		border-width: 1px 1px 1px 1px; 
		border-color: Blue; 
		padding: 20px 15px 15px 15px;
		margin: 0.7em;		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 83%;
		color: Black;
		text-align: justify;
		background-position: 0px 0px 0px 0px;
		background-repeat: no-repeat;
 		}		
/*
/*Estilo wiki
*/
.wiki 
		{
		background-image: url(imagenes/wiki.gif);
		background-color: #F3DBEE; 
		border-style: solid; 
		border-width: 1px 1px 1px 1px; 
		border-color: Black; 
		padding: 20px 15px 15px 15px;
		margin: 0.7em;		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 83%;
		color: Black;
		text-align: justify;
		background-position: 0px 0px 0px 0px;
		background-repeat: no-repeat;
 		}		
/*
Estilo bibliografia
*/
.bibliografia 
		{
		background-image: url(imagenes/bibliografia.gif);
		background-color: #EEEEEE; 
		border-style: solid; 
		border-width: 1px 1px 1px 1px; 
		border-color: #888888;
		padding: 20px 5px 5px 5px;
		margin: 0.7em;
		margin-bottom: 1px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 70%;
		color: Black;
		text-align: justify;
		background-position: 0px 0px 0px 0px;
		background-repeat: no-repeat;
 		}
		
/*
Complemento para diferenciar entre Bibliografía básica y complementaria
*/		
.bibliografia h3{
		width: 95%;  
 		border-color: Gray; 
		border-style: solid; 
		border-width: 1px 1px 1px 1px; 
		font-family: Verdana,ARIAL, sans-serif;		
		letter-spacing: 1px;
		color: #5B5B5B;
		padding: 0 0 0 14px;
		margin: 5px 0px 0px 10px;
		background-image: none;
}
/*
Lista de Bibliografía
*/
.bibliografia ul{
	font-size: 100%;	
	margin-left: 10px;	
	}
/*
Estilo recursos on-line
*/
.recursos 
		{
		background-image: url(imagenes/online.gif);
		background-color: #EEEEEE; 
		border-style: solid; 
		border-width: 1px 1px 1px 1px; 
		border-color: #888888;
		padding: 20px 5px 5px 5px;
		margin: 0.7em;
		margin-bottom: 1px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 70%;
		color: Black;
		text-align: justify;
		background-position: 0px 0px 0px 0px;
		background-repeat: no-repeat;
 		}
/*
Complemento para diferenciar entre tipos de recursos online
*/		
.recursos h3{
		width: 95%;  
 		border-color: Gray; 
		border-style: solid; 
		border-width: 1px 1px 1px 1px; 
		font-family: Verdana,ARIAL, sans-serif;		
		letter-spacing: 1px;
		color: #5B5B5B;
		padding: 0 0 0 14px;
		margin: 5px 0px 0px 10px;
		background-image: none;
}
/*
Lista de Recursos
*/
.recursos ul{
	font-size: 100%;		
	margin-left: 10px;
	}
/*
Estilo actividades
*/
.actividad 
		{
		background-image: url(imagenes/actividad.gif);
		background-color: #FDE9C7; 
		border-style: solid; 
		border-width: 1px 1px 1px 1px; 
		border-color: #D68500;
		padding: 20px 15px 15px 15px;
		margin: 0.7em;
		margin-bottom: 1px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 83%;
		color: Black;
		text-align: justify;
		background-position: 0px 0px 0px 0px;
		background-repeat: no-repeat;
 		}	
/*
Párrafo de resaltado: Con línea punteada
*/
.resaltado
                {
                        margin: 5px;
                        padding: 10px;
                        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                        font-size: 83%;
                        color: #000000;                        
                        text-align: justify;
                        background-color: #EEFFF7;
                        border: 1px solid Gray;
                }
/*
Estilo para glosario con sus respectivos estados de links
*/
.glosario {
  color:#ff0000;
  text-decoration:none;
  border-bottom:1px dotted #ff0000;  
  }
a.glosario{
	color:#ff0000;
  border-bottom:1px dotted #ff0000;
  position: relative;
  z-index:24;
  text-decoration:none;}
a.glosario:hover{z-index:25;background-color: #ffffff}
a.glosario span{display: none}
a.glosario:hover span{
	display:block;
    position:absolute;
	 top:2em;
	 left:2em;
	 width:15em;
	 font-size: 11px;
	 line-height: 13px;
	 padding: 5px;
    border: 1px solid #ADD8E6;
	 background-color: #EAF5F9;
	 color:#000;
	 text-align: justify}
/*
Estilo del texto del copyright
*/
.copyright {  
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #999999; 
	text-decoration: overline;	
	margin: 20px 10px;	
	}