/*
Definicion general de estilo de etiquetas
*/

p		{
		font-family: Verdana,ARIAL;
		font-size: 83%;
		text-align:justify; 
		line-height: 1.4em;
		padding: 0 6px 0 6px
		}
		
h2		{
		padding: 1mm;
		color: #303030; 
		font-family: verdana,arial; 
		font-size: 90%; 
		text-decoration:none; 
		margin: 15 0 10 0px;
		border: 1px solid #AAAAAA;
		}

h3
 
		{
  		width: 75%;  
 		border-color: #0096C6; 
		border-style: solid; 
		border-width: 1px 1px 1px 1px; 
		font-family: Verdana,ARIAL, sans-serif;
		font-size: 80%;
		letter-spacing: 1px;
		color: #006484;
		background: url(imagenes/cuadrado.gif) no-repeat 2 45%;
		padding: 0 0 0 14px;
		margin: 25px 0 -12px 10px; 
		 		}
		 		
h4
 
		{
  		width: 75%;  
 		border-color: #0096C6; 
		border-style: dotted; 
		border-width: 0px 0px 1px 0px; 
		font-family: Verdana,ARIAL, sans-serif;
		font-size: 70%;
		letter-spacing: 1px;
		color: #006484;
		padding: 0 0 0 14px;
		margin: 25px 0 -12px 10px; 
		 		}
		 		
		 		
/* estilo de lista - 5 niveles*/	
ul		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 84%;
	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;
	padding: 0px;
}
ul li ul{
	margin-left: 10px;
	line-height: 1.6em;
	list-style-image: url(imagenes/dot1.gif);
}
ul li ul li ul{
	margin-left: 20px;
	line-height: 1.6em;
	list-style-image: url(imagenes/dot2.gif);
}
ul li ul li ul li ul{
	font-size: 100%;
	margin-left: 30px;
	line-height: 1.6em;
	list-style-image: url(imagenes/dot3.gif);
}
ul li ul li ul li ul li 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: 84%;
	text-align: justify;
	line-height: 1.3em;
	padding: 0.8 em;
	margin: 0px auto;
}
ol li{
	margin: 0px;
	padding: 0px;
}
ol li ol{
	color: #303030;
	margin-left: 10px;
	line-height: 1.6em;
}
ol li ol li ol{
	color: #404040;
	margin-left: 20px;
	line-height: 1.6em;
}
ol li ol li ol li ol{
	color: #505050;
	font-size: 100%;
	margin-left: 30px;
	line-height: 1.6em;
}
ol li ol li ol li ol li ol{
	color: #606060;
	font-size: 100%;
	margin-left: 10px;
	line-height: 1.6em;
}
	
/*
capa base del documento
*/
body {
	background-color: #edf8fa;
}

.cuerpo 
		{
		font: 13px verdana,helvetica,arial,sans-serif;
		padding: 20px 7%;
		background-color: #EDF8FA;
		color: #333333;
		max-width: 700px;
		}

/*
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%;
		}
.foto a{
	cursor: help;
}
/*
ESTRUCTURAS DE IMAGEN:
complemento imagen 200px - CENTRADA
*/
.ancho_200{
	margin: 0px 32% 0px;
	width: 210px;
}
/*
complemento imagen 300px - CENTRADA
*/
.ancho_300{
	margin: 0px 25% 0px;
	width: 310px;
}
/*
complemento imagen 400px - CENTRADA
*/
.ancho_400{
	margin: 0px 17% 0px;
	width: 410px;
}
/*
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;
}
/*
Párrafo de citas: Con línea y fondo gris
*/
.cita
		{
			width: 580px;
			margin: 0px 3% 0px;
			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 citas: Con línea y fondo gris
*/
.recorte
		{
			width: 580px;
			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: 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: 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: 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: 15px 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;
 		}	
/*
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: 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;
 		}	
/*
Estilo para glosario con sus respectivos estados de links
*/
.glosario {
  color:#ff0000;
  text-decoration:none;
  border-bottom:1px dotted #ff0000;  
  }
a.glosario {
  color:#03c;
  text-decoration:none;
  border-bottom:1px dotted #69f;
  }  
a.glosario:hover {
  color:#ff0000;
  text-decoration:none;
  border-bottom:1px dotted #ff0000;  
  }
 

/*
Estilo del texto del copyright
*/
.copyright {  
  	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #999999; 
	text-decoration: overline;
	padding-top: 50px;
	margin: 30px 10px;	
	}.enlace {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #006484;
}