@media screen and (min-width: 701px) and (max-width: 1024px) {

/*CENTRAR PAGINA*/
	* {	margin-left:auto; 
		margin-right:auto;}
	
 /* mantiene el tamaño definido en witdh / height , sin sumar margin, border...)*/	
	* { box-sizing: border-box;}

/*body{background:#f00;}*/
	body{background:#fff;}
	
/*escalado de imagenes*/	
			img{
				max-width:100%;
				height:auto;}
				
		
/* HEADER */	

			HEADER{
				border:solid 0px #F00;
				height:75px; 
				background:url('../imagenes/cabeceras/cabecera.jpg');
				background-repeat:no-repeat;
				margin:0;
				position:relative;
				
			/*sombra*/
				margin-bottom:10px;
				box-shadow: -5px 5px 5px #999;
			/*curvatura*/
				-moz-border-radius:5px;
				border-radius:5px;
				}
		
	/*FOOTER*/
	
			FOOTER.areas{
				height:100px;
				width:auto;
				padding:0px;
				overflow:hidden;
				background-color:#66a1a9;
				/*sombra*/
					margin-bottom:5px;
					box-shadow: -5px 5px 5px #999;
				/*curvatura*/
					-moz-border-radius:5px;
					border-radius:5px;
					font-size:0.8em;
					}
			#footerAreas{padding:0px; margin:0;width:410px; border:solid 0px #f00; float:left;position:absolute; overflow:hidden;}		
			#footerTXT{display:block-inline; width:230px; position:absolute;height:95px;margin-left:420px; padding:0; float:left; border:solid 0px #f00;overflow:hidden;}		
			#footerTXT H3{color:#fff; text-align:center;}	
/*********************************************************************
*************EDICION **************************************************/

			#capital:first-letter{
					font-size:2em;
					font-family: 'adobe', serif; 
					font-style: italic;
					font-weight: bold;
					color:#476874;
					line-height:0;
					}
			

				
/*caja y enlaces ediciones*/
			#ediciones{
				display:none
				}
										
	/**imagenes **/

				figure{
					padding:0;
					background:#eee;
					float:none;
					padding:1px;
					border:double 4px #ccc;
					margin:20px;
					}
				figcaption{
					padding:0.2em;
					text-align:center;
					}	
						
				
		/***********************************************************			
	 AGENDA 
	 ***********************************************************/
			/* caja agenda */	
			#ContAgenda{
				width:100%;
				overflow:hidden;
				padding:10px;
				border:solid 2px #eee;
				box-shadow: -5px 5px 5px #999;
				}
			.ArtContAgenda{
				border:solid 0px #0f0;
				width:100%;
				overflow:hidden;
				padding:10px;
				border:solid 2px #eee;
				box-shadow: -5px 5px 5px #999;
				margin-bottom:10px;
				}
			.AgendaTxT{
				width:75%;
				float:left;
				padding:10px;
				margin:5px; 
				border:solid 0px #f00;
				}
			.AgendaImg{
				width:auto;
				float:right;
				position:relative;
				padding:0px;
				margin:0px; 
				border:solid 0px #0f0;
				}
			.lista{ list-style:none;
			margin:0; padding:0;
			line-height:1.8em;
			}
	
	/*******************************************************************
	PUBLICACIONES
	*************************************************************************/
	#libros{ 
	width:100%;
	border: solid 0px #0f0;
	overflow:hidden;
	}
	
	.libros{
	width:auto;
	margin:0 8px;
	border: double 4px #e1e1e1;
	display:inline-block;
	}	
			
	/*************************************************************************
	MULTIMEDIA
	******************************************************************/
			article.multimedia{
				border: solid 1px #e1e1e1;
				width:100%;
				overflow:hidden;
				box-shadow:5px 5px 10px #ccc;
				}
				
			/*imagenes en .video*/
					
				figure.videos {
					padding:0;
					width:30%;
					height:auto;
					float:left;
					text-align:center;
					border: solid 0px #f00;
					margin:5px;
					}
					
				 figure.videos> figcaption{
					padding:0.2em;
					text-align:center;
					font-size:1.1em;
					}	
					
/**************************************************************
MAPA GOOGLE
**************************************************************/
#mapaGoogle{ width:90%;}



/** WRAP estructura general**/
		#wrap{
			width:100%; /*ANCHO DE PANTALLA CON ESPACIADO (20%) LATERALES*/
			max-width:1000px; /* tamaño maximo de pantalla (para pantallas anchas muy grandes*/
			height:auto;
			padding:0; /* eliminamos espacios interiores (SECTION)*/
			border:solid 0px #f00;
			}
			
			
/* HEADER estructura de la cabecera 					
estas propiedades iran variando los titulares 
segun la resolucion de pantalla (media.css)*/

			.cabeceraText{
				position:absolute;
				margin-top:5px; 
				margin-left:15%;
				border: solid 0px #f00;
				height:40px;
				}
/*titulares de la cabecera*/
			HEADER h1{
				font-size:1.8em;
				font-weight: bold;
/*interlineado (para controlar el alto, y saltos, de línea*/
				line-height: 5%;   
				}


/*SLIDER DEL INDEX*/
			SECTION#slider {
				border:solid 0px #0f0;
				padding:0 10px  0 10px; /*top right bottom left */
				width:100%; /*ancho total respecto a section*/
				float:none;
				overflow:hidden;
				}
				
				
				
				
/*SECTION .contenidos*/

			SECTION#contenidos{ 
				width:100%;
				height:auto;
				overflow:hidden;
				margin:0 0 10px 0; /*top right bottom left */
				padding:10px;
				border:solid 2px #eee;
				background: rgba(255,255,255,0.3);
				}
		
			ARTICLE{
				width:100%;
				}
	
/* ARTICLE . columnas*/

			ARTICLE#columnas{
				text-align:justify;
				width:100%;
				height:auto;
				
				}					

					
	/* caja info */			
			.info{
				display:none;
				}
		

		/* tres columnas*/
		
			.colCentral{
				width:100%;
				height:auto;
				float:none;
				overflow:hidden;
				text-align:center;
				}
			.colDcha{
				width:50%;
				height:auto;
				float:left;
				margin-left:0px;
				overflow:hidden;
				}
			
			.colIzq{
				width:50%;
				float:left;
				height:auto;
				overflow:hidden;
				}
			.colIzq figure{width:50;}
/*****************************************************************/		
}