@media screen and (min-width: 200px) and (max-width: 700px){

/*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:300px; 
				background:url('../imagenes/cabeceras/cabecera_movil.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:auto;
				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:5px; width:150px; border:solid 0px #f00; float:none; overflow:hidden;}		
			#footerTXT{color:#fff; text-align:center;display:inline-block; width:100%; padding:10px;}
		
/*********************************************************************
*************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:0px;
				border:solid 2px #eee;
				box-shadow:0;
				
				}
			.ArtContAgenda{
				border:solid 0px #0f0;
				width:100%;
				overflow:hidden;
				padding:0px;
				border:solid 2px #eee;
				box-shadow:0;
				margin-bottom:10px;
				}
			.AgendaTxT{
				width:100%;
				float:none;
				padding:10px;
				margin:5px; 
				border:solid 0px #f00;
				}
			.AgendaImg{
				max-width:100%;
				height:auto;
				float:none;
				position:relative;
				padding:5px;
				border:solid 0px #0f0;
				}
			
	
	/*******************************************************************
	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 px #e1e1e1;
				width:100%;
				overflow:hidden;
				box-shadow:0px 0px 0px #ccc;
				}
		
			/*imagenes en .video*/
					
				figure.videos {
					padding:0;
					width:100%;
					height:auto;
					float:none;
					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%;}


					
/*****************************************************************************
RESOLUCIONEN DE MOVIL
***************************************************************************/	
		
	

/** 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{
				display:none
				}


/*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:100%;
				height:auto;
				float:none;
				margin-left:0px;
				overflow:hidden;
				}
			
			.colIzq{
				width:100%;
				float:none;
				height:auto;
				overflow:hidden;
				}
			.colIzq figure{max-width:100%;}	
/*****************************************************************/		
}

