/**ESTILOS GENERALES**/

/*CENTRAR PAGINA*/
	* {	margin-left:auto; 
		margin-right:auto;}
	
 /* mantiene el tamaño definido en witdh / height , sin sumar margin, border...)*/	
	* { box-sizing: border-box;}
	
/*tipo de fuente */
	*{font-family: 'Crimson Text', serif;}
  
/*body{background:#f00;}*/
	body{background:#FFF;
	max-width:1200px;
	}
	
/*escalado de imagenes*/	
			img{
			width:100%;
				max-width:100%;
				height:auto;}
				
/*color fuente:#476874;
color fondo: #66a1a9; */

/*apostrofes (català) ' */

			h1, h2, h3, h4{color:#1b272b;}
			h1{font-size:1.5em;}
			h2{font-size:1.2em;}
			p{font-size:1em;}
			
			
/* 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;
				}

/*********************************************************************
*************EDICION **************************************************/

			#capital:first-letter{
					font-size:2em;
					font-family: 'adobe', serif; 
					font-style: italic;
					font-weight: bold;
					color:#476874;
					line-height:0;
					}
			
				
			
		
/*enlaces internos (importante: respetad el orden de flujo)*/
					A.enlaces:link {text-decoration:none; color:#0000cc;} /*no visitado*/
					A.enlaces:visited {text-decoration:none; color:#0000cc;} /*link visitado*/
					A.enlaces:hover {text-decoration:underline; color:#f00;} /*en foco*/
					A.enlaces:active {text-decoration:none; color:#f00;} /*activado click*/
					
					A.enlaces:link, A.enlaces:visited, A.enlaces:hover,  A.enlaces:active{
						font-style: italic;
						font-weight: bold;}	
					
/*enlaces externos*/
				#leermas{
						-moz-border-radius:3x;
						border-radius:3px;
						}
				#leermas:hover{
						box-shadow:  5px 5px 5px #888}
						
					A.leermas:link {text-decoration:none; color:#1b272b; } /*no visitado*/
					A.leermas:visited {text-decoration:none; color:#1b272b;} /*link visitado*/
					A.leermas:hover {text-decoration:none; color:#fff; background:#1b272b;} /*en foco*/
					A.leermas:active {text-decoration:none; color:#6c0;} /*activado click*/

				
/*caja y enlaces ediciones*/
			#ediciones{
				background:#66a1a9;
				width: auto;
				height:auto;
				padding:10px;
				color:#fff;
				border: solid 2px #ccc;
				/*sombra*/
				margin-bottom:10px;
				box-shadow: -5px 5px 5px #999;
			/*curvatura*/
				-moz-border-radius:5px;
				border-radius:5px;
				}
				
					A.ediciones:link {text-decoration:none; color:#FFF; } /*no visitado*/
					A.ediciones:visited {text-decoration:none; color:#FFF;} /*link visitado*/
					A.ediciones:hover {text-decoration:underline; color:#fff;} /*en foco*/
					A.ediciones:active {text-decoration:none; color:#6c0;} /*activado click*/
			/* */
					
					
/** LINEA SEPARADORA **/
					hr {
						border: 1px solid #ccc; 
						border-radius: 300px/10px;
						height: 0px; 
						text-align: center;
						}					
	
	/*listas sin topos*/
					.none {
						line-height:2em;
						list-style-type: 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 5px;
	border: double 4px #e1e1e1;
	display:inline-block;
	}	
	#dvd{ 
	width:100%;
	border: solid 0px #0f0;
	overflow:hidden;
	}	
	.dvd{
	height:auto;
	width:200px;
	margin:0 5px;
	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;
					}	
					
					
/*****************************************************************************
RESOLUCIONEN DE MONITOR
***************************************************************************/	
		
	@media screen and (min-width: 1025px) {

		/*body{background:#f00;}*/
	body{background:#FFF;
	max-width:1200px;
	}
/** WRAP estructura general**/
		#wrap{
			width:80%; /*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:8%;
				border: solid 0px #f00;
				height:40px;
				}
				
/*titulares de la cabecera*/
			HEADER h1{
				font-size:2.3em;
				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:98%;
				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);
				box-shadow: 5px 5px 5px #999;/* x/y/profundidad/ color*/
				}
		
			ARTICLE{
				width:80%;
				}
	
/* ARTICLE . columnas*/

			ARTICLE#columnas{
				text-align:justify;
				width:100%;
				height:auto;
				column-count: 2;
				-webkit-column-count: 2;
				-moz-column-count: 2;
				-o-column-count: 2;
					/*Espacio entre columnas*/
				column-gap: 5em;
				-webkit-column-gap: 5em;
				-moz-column-gap: 5em;
				-o-column-gap: 5em;
				/*Agrega una barra solida de color*/
				column-rule: 4px double #eee;
				-webkit-column-rule: 4px double #eee;
				-moz-column-rule:  4px double #eee;
				-o-column-rule:  4px double #eee;
				}					
		
	/*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:500px; float:left; border:solid 0px #f00;overflow:hidden;}		
			#footerTXT{display:block; width:auto; padding:10px;border:solid 0px #f00;}
			
					
	/* caja info */			
			.info{
				background:url('../imagenes/nota.png');
				font-family: 'Satisfy', cursive;
				background-position:0px 0px ; /*x y */
				border-top: solid 30px #ddd;
				background-repeat:no-repeat;
				margin:0 0 20px 0;
				width:100%;
				height:auto;
				padding:20px  5px 0 45px;/*top right bottom left */
				float:left;
				position:relative;
				box-shadow:5px 5px 10px #ccc;
				/*rotar*/
				-webkit-transform: rotateZ(2deg);
				-moz-transform: rotateZ(2deg);
				-o-transform: rotateZ(2deg);
				}
					
			.info h3{ 
				font-size:1.2em; 
				margin-top:-35px;
				padding-top:2px;
				font-family: 'Satisfy', cursive;}
			
			.info p{font-size:1.1em;
				font-family: 'Satisfy', cursive;
				text-align:left;}
			
			.info ul>li{
					font-family: 'Satisfy', cursive;
					font-size:1.1em;
					line-height:1.5em;
					}
		/**/

		/* dos columnas*/
		
			.colCentral{
				width:100%;
				height:auto;
				float:none;
				overflow:hidden;
				text-align:center;
				}
			.colDcha{
				width:55%;
				height:auto;
				float:right;
				margin-left:20px;
				overflow:hidden;
				}
			
			.colIzq{
				width:40%;
				float:left;
				height:auto;
				overflow:hidden;
				}
				

	/**************************************************************
		MAPA GOOGLE
	**************************************************************/
		#mapaGoogle{ 
			float:right;
			width:450px;
			height:250px;
			margin:20px;
		}	

}