* {
margin: 0;
padding: 0; 
border:0;
} 
 body{
		width:100%; 
		font-family: Times New Roman, Arial, Helvetica, sans-serif;    
      background-color: #EDD0B2;
      }
/*Formato general de párrafo*/  
  p {
  padding: 0.5em;/*Formato general de párrafo*/
  text-align: justify;
  margin: 0;
}
/*AQUI COMIENZA LA DEFINICIÓN DE LOS ELEMENTOS DE LA CABECERA COMUN A TODAS LAS PÁGINAS*/

/*Aquí se define el contenedor general de todas las páginas*/
#contenedor {
	width: 80%; 
	margin-top: -15px;
	margin-left: 10%;
	overflow:hidden; 
	background-color: #ffffff;
	} 

 /*Aquí se define la linea gruesa de la parte superior de la cabecera general de las páginas*/
.lineasuperior {
background-color:#d85900;
width: 100%;
height: 17px;
}  
h3 {
		color:white;
		font-size: 18px;
		}
/*Aquí se define el texto: Educacion intercultural antirracista de la cabecera general de página*/
h3.portada {
color:white;	
background-color:#d85900;
width: 99.9%;
max-width: 990px;
text-align:center;
margin-top:-5px;
margin-left: 0.25%;
margin-right: 0.25%
} 
/*Color y tamaño de letra del apartado homenaje en el sitio antebreves de la página principal*/
h3.homenaje{
color: black;
font-size: 20px;}
/*Aquí se difine la cabecera de la página principal*/
header {
	width:99.5%;
	text-align: center;
	} 
/*apartado ultimas publicaciones de la página principal*/
#ultimaspublicaciones { 
		  padding-top: 1em;
        padding-bottom: 1em;
        width: 59%;
        margin-left: 2.5%;
        margin-bottom: 12px;
        border: 0;
        padding-left: 1.6em;
        background: #6a3d29;
        float: left;
      }
/*Documentos recientes de la página principal*/    
#documentosrecientes { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
       width: 59.7%;
       margin-left: 2.5%;
       margin-bottom: 12px;
       border: 0;
       padding-left: 1.6em;
       padding-top: 1em;
       padding-bottom: 1em;
       background: #e58b4a;
       float: left;
      }
#documentosrecientes li {
		font-size:12px; 
		text-decoration:none;     
      }
/*Imagen general de la cabecera*/
 .imgcabecera {
 	 	width:100%;
 	 	max-width: 991px;
 	 	margin-left: 0.2%;
 	 	}

  /*Aqui se define el apartado dedicado a los homenajes en la página principal*/     
 #antebreves {
		   width:27.6%;
		   float:right; 
		   margin-left: 0;
		   margin-right:2.5%; 
		   margin-bottom: 12px;
		   border:0;
		   padding: 1em;
			background-color: #edd0b2;
			}
 /*Aqui se define el apartado dedicado a breves en la página principal*/    
 #breves {		
 			font-family:Arial, Helvetica, sans-serif;
 			width:26%;
 			float:right; 
			margin-left:0;
			margin-right: 2.5%;
			margin-bottom: 12px;
			border:0;
			padding: 1.5em;
			background-color: #d85900;
			}
#breves li {
			font-size: 12px;
			text-decoration: none;			
			}
a:link {
	text-decoration: none;
	color: black;
	}
a:hover {
			color: #ff0000;			
			}
#breves a:hover{
			color: #ffffff;
}
#documentosrecientes a:hover{
			color:ffffff;
}

footer {
  			background-color: #e58b4a;
  		  	clear: both;
        	padding: 1em;
        	width: :99.5%; 
			height: auto; 
			font-size: 10px;
			}
/*Barra de navegación general*/
nav{
 width: 99.9%; /* Ancho del menú */
 height: 12px; /* Altura del menú */
 margin-left:3px; 
 margin-top: 0px;
 margin-bottom: 12px;
 padding-top: 1em;
 padding-bottom: 1em;
 border-bottom-style:solid;
 border-bottom-width: 1px;
 border-bottom-color: black;
 background-color: #edd0b2;
 font-size: 12px;
 }
nav ul{
 margin: 0 auto;
 list-style: none; /* Se elimina la viñeta */
 float: left;
 left: 8%;
 position: relative;
 }
 
nav ul li{
 float: left; /* Se alinean los botones */
 margin: 0 10px; /* Distancia de separación entre botones */
 position: relative;
}
/*Esta es la línea blanca de la página principal*/
hr.blanca {
  background-color: white; 
  height: 2px;
}
/*Esta es la línea negra de la página principal*/
hr.negra {
background-color: black;
height: 2px;
}
hr.negraconmargen{
background-color: black;
height: 2px;
width: 98%;
}

/*AQUI COMIENZA LA DEFINICIÓN DE ELEMENTOS DEL APARTADO EL GRUPO*/

/*Aquí se define apartado El Grupo con letras en color rojo*/
p.elgrupo {
font-family: arial;
font-size: 14px;
font-style: italic;
color: #da6151;
}
/*Aquí se define el apartado El Grupo con letras en color negro*/
p.elgrupo2 {
text-align: left;
font-family: arial;
font-size: 12px;
font-style: italic;
color: black;
} 
/*Este es el div que contiene el apartado El Grupo*/
#elgrupo {
 padding: 1em;
 width: 59%;
 margin-left: 1.5%;
 margin-bottom: 12px;
 border: 0;
 float: left;
}
/*Se definen las tres columnas del apartado El Grupo*/
.tres-columnas {
    
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
/*Aqui comienza la definición de elementos a la derecha del apartado componentes, inmemoriam y dirección del grupo en página El grupo*/

#componentes {/*Apartado componentes en la página El Grupo*/
		   width:27.6%;
		   float:right; 
		   margin-left: 0;
		   margin-right:2.5%; 
			margin-top: 50px;		  
		   margin-bottom: 12px;
		   border:0;
		   padding: 1em;
			background-color: #EDD0B2;
			-moz-border-radius:25px;
			border-radius: 25px;
			-webkit-box-shadow:4px 8px 0 0 rgba(72,72,72,1);
			-moz-box-shadow:4px 8px 0 0 rgba(72,72,72,1);
			box-shadow:4px 8px 0 0 rgba(72,72,72,1);
			}
			
#componentes li {
			padding-left: 0.5em;
			font-size: 12px;
			text-decoration: none;			
			}		
 /*Aqui se define el apartado dedicado a inmemorian en la página El Grupo*/    
 #inmemoriam {		
 			width:26%;
			float:right; 
			margin-left:0;
			margin-right: 2.5%;
			margin-bottom: 12px;
			border:0;
			padding: 1.5em;
			background-color: #EDD0B2;
			-moz-border-radius:25px;
			border-radius: 25px;
			-webkit-box-shadow:4px 8px 0 0 rgba(72,72,72,1);
			-moz-box-shadow:4px 8px 0 0 rgba(72,72,72,1);
			box-shadow:4px 8px 0 0 rgba(72,72,72,1);
			}
#inmemoriam li {
			padding-left: 0.5em;
			font-size: 12px;
			text-decoration: none;			
			}	
/*Aquí se define el apartado de dirección del grupo en la página El Grupo*/
#direccion {
font-family:Arial, Helvetica, sans-serif;
 			width:26%;
			float:right; 
			margin-left:0;
			margin-right: 2.5%;
			border:0;
			padding: 1.5em;
			background-color: #EDD0B2;
			-moz-border-radius:25px;
			border-radius: 25px;
			-webkit-box-shadow:4px 8px 0 0 rgba(72,72,72,1);
			-moz-box-shadow:4px 8px 0 0 rgba(72,72,72,1);
			box-shadow:4px 8px 0 0 rgba(72,72,72,1);
}
/*AQUÍ COMIENZA LA DEFINICIÓN DE LOS ELEMENTOS DEL APARTADO PUBLICACIONES DEL MENU PRINCIPAL*/

#publicaciones { 
		  font-family:Arial, Helvetica, sans-serif;
		  padding-top: 1em;
        padding-bottom: 1em;
        width: 93%;
        margin-left: 2.5%;
        margin-bottom: 12px;
        border: 0;
        padding-left: 1.6em;
        background: #f2dec9;
        }
/*Texto para la fecha de la publicacion*/
.publicacionesfecha {
font-size:16px;
}
/*Texto para el título de la publicacion*/
.publicacionestitulo {
font-size: 20px;
font-weight: bold;
}
/*Texto para la descripción de cada publicacion*/
.publicacionesdescripcion {
font-size: 16px;
font-style: italic;
}
/*Especificaciones para la imagen de cada publicacion*/
.publicacionesimagen {
float: right;
padding: 1em;
}
/*Texto para el título con el índice de cada publicacion*/
.publicacionestitulolista {
padding-left: 1em;
font-size: 12px;
}
/*Características de la lista con el índice de la publicacion*/
ul.publicaciones {
padding-left: 1em;
font-size: 12px;
}
/*Características de la lista con el índice de la publicacion sin boliche*/
ul.publicaciones2 {
padding-left: 1em;
font-size: 12px;
list-style-type:none;
}
h3.gran_estafa {
text-align: center;
color: black;
font-size: 18;
}
p.gran_estafa {
text-align: center;
font-size: 14;
font-style: italic;
}
.video{
text-align: center;
}


/*AQUI COMIENZA LA DEFINICION DE LOS ELEMENTOS DEL APARTADO ARTICULOS DEL MENU PRINCIPAL*/
/*Caja general que contiene las subcajas que se despliegan*/
#articulos {
		  font-family:Arial, Helvetica, sans-serif;
		  margin-left: 2em;
        margin-bottom: 1em;
        width: 94%;
        border: 0;
        background: #EDD0B2;
        min-height: 50px;
        overflow: hidden;
        border-radius: 5px;
        }
/*Caja contenedora de cada grupo de artículos*/
div.articulossubapartado{
	width:100%;
	min-height:30px;
	background-color: #d85900;
	-moz-transiton: height 0.4s;
	-webkit-transition:height: 0.4s;
	transition-duration:0.4s;
	padding-left: 2.5em;
	}
		
/*Caja que contiene el título genérico de cada artículo*/
div.articulostitulo{
	width:94%;
	height:35px;
	background-color: #d85900
	overflow: hidden;
	border-bottom: 1px solid #39f58f;
	}

p.articulostitulo{
	color: white;
	
}
/*Caja que contien la información de cada artículo o la lista de artículos que encajan con el título genérico*/
div.articulosinfo{
	width:94%;
	height:0px;
	text-align: left;
	background-color: #edd0b2;
	overflow: scroll;
	-moz-transition: height 0.4s;
	-webkit-transition:height: 0.4s;
	transition-duration:0.4s;
	}
	
p.articulosinfo{
	
	text-align: left;
	color:#4f4f4f;
}
/*Caja que hace el efecto de descubrir el contenido de cada apartado de artículos*/
div.articulossubapartado:hover div.articulosinfo{
	height:350px;
}

/*Controla la imagen de cada grupo de artículos*/
.articulosimg{
float: left;
padding: 1em;
}

.autorarticulos {
	color: #d85900
}

/*AQUI COMIENZA EL APARTADO DE RECURSOS SOBRE EL HOLOCAUSTO*/
/*Se define la columna de la izquierda que contiene la imagen*/
.degradado {
background: -webkit-linear-gradient (#ffffff, #f4ceb5);
background: -moz-linear-gradient(#ffffff, #f4ceb5);	
background: linear-gradient(#ffffff,#f4ceb5);
	}
#holocaustoizquierda {
float: left;
width: 40%; 
margin-left:2% ;
margin-top: 100px; 
 
}
/*Se define la columna de la derecha que contiene la cita y el marco con el listado de recursos*/
#holocaustoderecha {
float: right;
width: 40%; 
margin-right: 2%;
margin-top: 50;

} 
/*Define el marco pequeño que contiene el titulo con los enlaces a los recursos didácticas, profesorado, debate, experiecias*/ 
#holocaustorecursos {
float: left;
width: 80%;
border-width:10px;
border-radius: 10px;
border-color: #e58b4a;
border-style: solid;
margin-top:20px;
margin-bottom:20px;
padding:0.5em; 
background: -webkit-linear-gradient (#edd0b2, #f4ceb5);
background: -moz-linear-gradient(#edd0b2, #f4ceb5);
background: linear-gradient(#edd0b2, #f4ceb5);
}
img.holocausto1 {
	float: left;
	margin-left: 2em; 
	} 
	h1.holocausto{
	font-size: 55px;
	text-shadow: 0.1em 0.1em 0.2em #e58b4a; 
	}
	h3.holocausto{
	font-size: 20px;
	color: black;
	}
	p.holocausto{
	font-size: 14px;	
	}	
	p.holocaustomarco{
	font-size: 16px;
	color: #d85900; 
	line-height: 0.25;
	}
	.autorholocausto {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	color:black;
}
/*AQUI COMIENZA EL SUBAPARTADO HOLOCAUSTO_RECURSOS*/

#holocausto_recursos {
margin-top: 25px;
margin-left: 2em;
font-size: 22px;
line-height: 1.5;
}
#holocaustorecursosprofesorado {
margin-top: 25px;
margin-left: 2em;
font-size: 24px;
font-weight: bold;
line-height: 0.5;
}
.autorholocaustorecursosprofesorado {
font-size: 18px;
font-style: italic;
font-weight: normal;
}
/*Especificaciones para la imagen de cada recurso para el profesorado*/
.holocaustoimagen {
float: left;
padding-right: 3em;
}
/*AQUÍ COMIENZAN LAS ESPECIFICACIONES PARA EL APARTADO DEL MENU PRINCIPAL el2*/
/*SE UTILIZAN LAS MISMAS DENOMINACIONES QUE PARA EL APARTADO EL HOLOCAUSTO*/
.EL2autor{
font-size: 10px;
} 
 				
#EL2_izquierda {
float: left;
width: 40%; 
margin-left:2% ;
margin-top: 50px; 
margin-bottom: 12px;
}	
#EL2_articulos {
margin-top: 25px;
margin-left: 3em;
font-size: 14px;
line-height: 1.5;
}
#EL2_articulos li {
line-height:normal;
}
h3.articulosEL2{
font-size: 18px;
color: black;
}  
#EL2_bibliografia {
margin-top: 25px;
margin-left: 3em;
font-size: 14px;
line-height: 1.5;
} 
h3.bibliografiaEL2{
font-size: 16px;
color: black;
}  
#EL2_bibliografia li {
line-height:normal;
}  
#EL2_enlaces {
margin-top: 25px;
margin-left: 3em;
font-size: 12px;
line-height: 1.5;
} 
h3.enlacesEL2{
font-size: 14px;
color: black;
}  
#EL2_enlaces li {
line-height:normal;
}   
#EL2_revistas {
margin-top: 25px;
margin-left: 3em;
font-size: 12px;
line-height: 1.5;
} 
h3.revistasEL2{
font-size: 14px;
color: black;
}  
#EL2_revostas li {
line-height:normal;
}                                       
/*AQUI COMIENZAN LAS ESPECIFICACIONES PARA EL APARTADO ENLACES*/
#enlaces {
margin-top: 25px;
margin-left: 3em;
font-size: 14px;
line-height: 1.5;
}