@charset "utf-8";
/* CSS Document */
* {
/*margin: 0px;*/
/*	padding: 3;*/
box-sizing: border-box;
}


body {
	margin: 0px;
/*	height:100%;*/
	font-family: 'Roboto Slab', sans-serif;
	background-color:#666666; 
	color: #000000;
	font-size: 0.9rem;
}
a:link {

	TEXT-DECORATION: none;
    COLOR: #eeeeee;
}
a:visited {

	TEXT-DECORATION: none;
    COLOR: #eeeeee;
}
a:hover {
	color: #FFF;
	background-color:#333;
    COLOR: #ffffff;
}

H1 {
	font-size: 1.8rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 100%;
	}

H2 {
	font-size: 1.6rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 90%;
	}
H2 a{
	font-size: 1.6rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #fff;
	line-height: 90%;
	}
H2 a:hover{
	color: #fff;
	background-color:#333;
	}		
	
H3 {
	font-size: 1.4rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 100%;
	}

H4 {
	font-size: 1.2rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 100%;
	}

p {
    margin-bottom: 0.5rem;
}

.flecha {
	font-size: 1.4rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 800;
	color: #ACE96C;
	line-height: 100%;
	}

.flecha a {
    font-size: 1.4rem;
    font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
    font-weight: 800;
    color: #ACE96C;
    line-height: 100%;
	}
.flecha a:hover{
	color: #ffffff;
	background-color:#333333;
	}

.linkDestacado {
	font-size: 1rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #ACE96C;
	line-height: 100%;
	}

.linkDestacado a {
    font-size: 1em;
    font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
    font-weight: 400;
    color: #ACE96C;
    line-height: 100%;
	}
.linkDestacado a:hover{
	color: #ffffff;
	background-color:#333333;
	}



/*      EXTRAS   */
.tabla {
	margin: 0px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap:nowrap;
	align-content: center;
	align-items: center;
	
}

.celdas{
	padding-right: 20px;
	flex-shrink: 2;
}

/* COMIENZA PAGINA */
.pagina {
	width: 100%;
	background-color:#666666;
		/* Flexbox */
    display:flex;
    flex-direction:column;
	align-items: center;
	justify-content: center;
	flex-wrap:nowrap;
    margin: 0px;
	}

.contenedor {
	margin-top: 4px;
	width: 95%;
/*	max-width: 1400px;*/
/*	margin:auto;*/
	padding:0px;
	background-color:#666666;
	border-top: 1px dotted #000000;
	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
/*	align-items: center;
justify-content: center;*/
}

.contenedorPagina {
	margin-top: 4px;
	width: 95%;
    max-width: 800px;
	padding:0px;
	background-color:#666666;
	border: 1px dotted #000000;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}

.centrar-h {
  justify-content: center;
}
.centrar-v {
  align-items: center;
}

header {
	margin: 0px;
	width: 100%;
	height: auto;
	padding:10px;
	 	/* Flexbox */
	display: flex;
	justify-content:space-between;
	align-items:center;
	background-color:#838679;
	flex-direction:row;
	flex-wrap:wrap;
	}
	
	header .ID {
	font-size: 1,8rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 100%;
}	
	
	header .ID a {
	font-size: 1,8rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 100%;
}	

header nav {
	width:100%;
	/* Flexbox */

	display:flex;
	flex-wrap:wrap;
	align-items:center;
}

header nav a {
	text-align: center;
	text-decoration: none;
	padding:4px;
	margin:2px;
	color: #ccCCCC;
	background-color: #5D5F58;
	border: 1px solid #CCCCCC;
	TEXT-DECORATION: none;
	font-size: 0.8rem;
	font-family: 'Armata', sans-serif;
	font-weight: bold;
	text-transform: uppercase;

	/* Flexbox */
	flex-grow:1;
}
header nav a:hover {
	color: #333333;
	background-color: #BBBAAA;
	border: 1px solid #CCCCCC;
	TEXT-DECORATION: none;

	/* Flexbox */
	flex-grow:1;
}

.vimeo {
	text-align: center;
	text-decoration: none;
	padding:4px;
	margin:2px;
	color: #00ff00;
	background-color: #5D5F58;
	border: 1px solid #00ff00;
	TEXT-DECORATION: none;
	font-size: 0.8rem;
	font-family: 'Armata', sans-serif;
	font-weight: bold;
	text-transform: uppercase;

	/* Flexbox */
	flex-grow:1;
}
header .vimeo a {
	text-align: center;
	text-decoration: none;
	padding:4px;
	margin:2px;
	color: #00ff00;
	background-color: #5D5F58;
	border: 1px solid #00ff00;
	TEXT-DECORATION: none;
	font-size: 0.8rem;
	font-family: 'Armata', sans-serif;
	font-weight: bold;
	text-transform: uppercase;

	/* Flexbox */
	flex-grow:1;
}
header .vimeo a:hover {
	color: #333333;
	background-color: #BBBAAA;
	border: 1px solid #CCCCCC;
	TEXT-DECORATION: none;

	/* Flexbox */
	flex-grow:1;
}

header .navOFF {
	text-align: center;
	text-decoration: none;
	padding:4px;
	color: #333333;
	background-color: #BBBAAA;
	border: 1px solid #CCCCCC;
	TEXT-DECORATION: none;
	font-size: 0.8rem;
	font-family: 'Armata', sans-serif;
	font-weight: bold;
	text-transform: uppercase;

	/* Flexbox */
	flex-grow:1;
}

.navOFF {
	text-align: center;
	text-decoration: none;
	padding:4px;
	color: #333333;
	background-color: #BBBAAA;
	border: 1px solid #CCCCCC;
	TEXT-DECORATION: none;
	font-size: 0.8rem;
	font-family: 'Armata', sans-serif;
	font-weight: bold;
	text-transform: uppercase;

	/* Flexbox */
	flex-grow:1;
}

.topID {
	margin: 0px;
	width: 100%;
	height: 60px;
	padding:10px;

	 /* Flexbox */
		
	display: flex;
	justify-content:space-between;
	align-items:center;
	background-color:#585B55;
	flex-direction:row;
/*	flex-wrap:wrap;*/
	}
	
.topID .ID {
	font-size: 1,8rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 100%;
}	
	
.topID english a{
	font-size: 1.1rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	TEXT-DECORATION: none;
	/* Flexbox */
}	
.topID .english {
	font-size: 1.1em;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	TEXT-DECORATION: none;
	/* Flexbox */
}


.contenedorBio {
	margin: 0px;
	width: 95%;
/*	max-width: 1400px;*/
/*	margin:auto;*/
	padding:0px;
	background-color:#666666;
	border-bottom: 1px dotted #000000;
	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;
	height: auto;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
/*	align-items: center;
justify-content: center;*/
}
.cajaDatos{
	margin: 0px;
	width: 70%;
	height: auto;
	padding:4px;
	background-color:#838679;
	overflow:hidden;
	}
	
	
.cajaDatos .fadein {
	position:relative; 
	width:100%;

/*width: 40%;
min-width: 100px;*/
	margin: 0px auto;
	padding: 4px;
	float: left;
	}

.cajaDatos .fadein img{
	width: 100%;
/*    width:200px;*/

	position:absolute; 
	left:0; 
	top:0; 
	padding:10;
	
	margin: 0px auto;
/*	padding: 2px;*/
	border: 1px solid #000000;
	}		

	
	
	
.infoFoto {
/*width: 400px;*/
	max-width: 500px;
	min-width:400;
	height: 340px;
	width:100%;
	margin: 10px auto;
	padding:14px;
	float: left;

}


.cajaMagazine{
	margin: 0px;
	width: 100%;
	height: auto;
	padding:4px;
	overflow:hidden;
	}
	
	
.cajaMagazine .fadein {
	position:relative; 
	width:100%;

/*width: 40%;
min-width: 100px;*/
	margin: 0px auto;
	padding: 200px;
/*	float: left;*/
	}

.cajaMagazine .fadein img{
	width: 100%;
/*    width:200px;*/
    height: auto;
	position:absolute; 
	left:0; 
	top:0; 
	padding:0;
	margin: 0px auto;
/*	padding: 2px;*/
	border: 1px solid #000000;
	}	

.magazine {
/*width: 400px;*/
	max-width: 800px;
	min-width:200px;
/*	height: 340px;*/
    	height: auto;
	width:100%;
	margin: 4px auto;
	padding:0px;
/*	float: left;*/

}

.IDseccion {
	margin: 0px;
	width: 100%;
	height: 30px;
	padding:20px;
	 /* Flexbox */
	display: flex;
	justify-content:space-between;
	align-items:center;
	background-color:#585B55;
	flex-direction:row;
/*	flex-wrap:wrap;*/
	}

.txtBio {
/*	width: auto;*/
	/*	max-width: 400px;*/
	margin: 14px auto;
	padding: 14px;
	text-align: justify;
}

.cajaMenu{
	margin: 0px;
	width: 30%;
	height: auto;
	padding:4px;
	background-color:#838679;
	overflow:hidden;
	}



/*  /////// DESTACADOS //////  */

.cajaDestacados {
	margin: 0px;
	width: 95%;
	padding:4px;
	background-color:#838679;
	border-bottom: 1px dotted #000000;
	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;

	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-around;
	align-items:center;
}


.destacado{
	margin: 4px;
	/*max-width: 300px;*/
	width: 16%;
	padding:10px;
	background-color:#838679;
	border: 1px dotted #000000;
	align-self: stretch;
	text-align: center;

	}
.destacado img {

/*	max-height: 300px;*/
	width: 100%;
}


.caja2Destacados {
	margin: 0px;
	width: 100%;
	padding:12px;
    background-color:#999999;
/*	border-bottom: 1px dotted #000000;*/
/*	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;*/

	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-around;
	align-items:center;
    overflow:hidden;
}

.destacadoBorde{
    width: 100%;
    border: 1px dotted #cccccc;
   background-color:#838679;
    padding:10px;
    
    display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-around;
	align-items:center;
    overflow:hidden;
}

.destacado1{
	margin: 4px;
	/*max-width: 300px;*/
	width: 30%;
	padding:10px;
	background-color:#838679;
/*	border: 1px dotted #000000;*/
	align-self: stretch;
	text-align: left;
	}

.destacado1 img {
/*	max-height: 300px;*/
	width: 100%;
    padding-bottom:10px
}

.destacado2{
	margin: 4px;
	/*max-width: 300px;*/
	width: 70%;
	padding:10px;
	background-color:#838679;
/*	border: 1px dotted #000000;*/
	align-self: stretch;
	text-align: left;
	}

.destacado2 img {
/*	max-height: 300px;*/
	width: 100%;
    padding-bottom:10px
}
	
/* ///// COMIENZA INFO //// */

.cajaInfo {
	margin: 10px;
	width: 100%;
    max-width: 1400px;
	vertical-align:top;
	padding:0px;
	background-color:#666666;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
    justify-content:flex-start;
}

.cajaPagina{
    margin: 0px auto;
    padding: 0px;
	width: 100%;
    max-width: 800px;
    background-color: #838679;
    border: 1px dotted #000000;
}


.cajaTabla {
	margin: 0px;
	width: 98%;
	padding:4px;
	background-color:#838679;
/*	border-bottom: 1px dotted #000000;
	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;*/

	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-around;
	align-items:center;
}

.cajaTabla .itemTabla{
	margin: 4px;
	/*max-width: 300px;*/
	width: 33%;
	padding:10px;
	background-color:#838679;
	border: 1px dotted #000000;
	align-self: stretch;
	text-align: center;

	}


.cajaLibros {
	margin: 0px;
	width: 98%;
	padding:10px;
	background-color:#838679;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items:center;
}

.libro{
	margin: 6px;
	/*max-width: 300px;*/
	width: 30%;
	padding:10px;
	background-color:#838679;
    border: 1px dashed #cccccc;
	align-self: stretch;
	text-align: center;
	}
.libro img {
	width: 100%;
    padding:6px;
}


.cajaGaleria {
	margin: 0px;
	width: 100%;
	padding:0px;

	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items:center;
}
.cajaGaleria img {
	width: 100% !important;
    height: auto;
    padding:4px;
}

.itemGaleria{
	margin: 0px;
	/*max-width: 300px;*/
	width: 50%;
	padding:4px;

    border-bottom: 1px dashed #cccccc;
    border-right: 1px dashed #cccccc;
    border-left: 1px dashed #cccccc;
	align-self: stretch;
	text-align: center;
	}
.itemGaleria img {
	width: 100%;
    height: auto;
    padding:4px;

}


.cajaVideos {
	margin: 0px;
	width: 98%;
	padding:10px;
	background-color:#838679;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items:center;
}

.video{
	margin: 6px;
	/*max-width: 300px;*/
	width: 40%;
	padding:10px;
	background-color:#838679;
    border: 1px dashed #cccccc;
	align-self: stretch;
	text-align: center;
	}
.video img {
	width: 100%;
    padding:6px;
}

/* ///// CAJA DE NOVEDADES E HIJOS //// */

.cajaNovedades {
	margin: 4px;
	width: 60%;
	padding:0px;
	background-color:#666666;
    border: 0px dotted #ccccff;

	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	align-items: flex-start;
    align-content: stretch;
}

.contenedorNovedad {
	margin: 0px;
	width: 98%;
	padding:0px;
	background-color:#666666;
	border: 1px dotted #000000;
}

.IDnovedades {
	margin: 0px;
	width: 100%;
	height: 30px;
	padding:0px;
/*	align-items:center;*/
	background-color:#585B55; 
		/* Flexbox */
/*	display: flex;
	flex-direction:row;*/
	}
	
.cajaDatosNovedad {
	margin: px;
	width: 100%;
	padding: 0px;
/*	background-color:#838679;*/
	background-color:#838679;
	border-bottom: 2px dotted #000000;
    clear:left;
    overflow: hidden;
	}
	
.cajaDatosNovedad .fotoNovedad{
    width: 100%;
/*    min-width: 100px;*/
/*	margin: 0px auto;*/
	padding: 8px;
	}

.cajaDatosNovedad .fotoNovedad img{
    width: 100%;
	padding: 0px;
	border: 1px solid #CCccCC;
	}	
		
.datoNovedad {
    width: auto;
/*	max-width: 400px;*/
	margin: 20px auto;
	background-color:#909084; 
	padding: 4px;
	border: 2px dotted #CCCCCC;
}

.fotoNovedad {
	width: 100%;
	padding:4px;

}

.textoNovedad {
    width: 100%;
	margin: 0px auto;
	padding: 14px;
	text-align: left;
	/*		border: 1px dotted #CC00CC;*/
}

.imgNovedad {
    width:100%;
/*	max-width: 400px;
	min-width: 200px;*/
	margin: 0px auto;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
.imgNovedadFloat {
	width: 100%;
/*	max-width: 400px;
	min-width: 200px;*/
	margin: 0px auto;
	padding: 4px;
	border: 1px solid #CCCCCC;
	float: left;
}
/* ////  CAJAS DE SECCIONES E HIJOS  /*/

.cajaSecciones {
	margin: 0px;
	width: 100%;
	padding:0px;
	background-color:#666666;
    border: 0px solid #00CCCC;
	height: auto;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items: stretch;
}

.contenedorSeccion {
	margin: 4px;
	width: 32%;
/*	max-width: 1400px;*/
	margin:top;
	padding:0px;
	background-color:#666666;
	border: 1px dotted #CCCCCC;
	height: auto;
	/* Flexbox */
	display:flex;
	flex-direction:rows;
	flex-wrap:wrap;
	align-items: stretch;
/*	align-items: center;
justify-content: center;*/
}	


.IDseccion {
	margin: 0px;
	width: 100%;
	height: 60px;
	padding:10px;

	 /* Flexbox */
		
	display: flex;
	justify-content:space-between;
	align-items:center;
	background-color:#585B55;
	flex-direction:row;
/*	flex-wrap:wrap;*/
	}
	
.IDseccion .ID {
	font-size: 1,8rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 100%;
}	

.IDsubseccion {
    margin: 0px;
    width: 100%;
    height: 50px;
    padding: 14px;
    font-size: 1.2rem;
    color: #000000;
    
    /* Flexbox */
		
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #808280;
    flex-direction: row;
/*	flex-wrap:wrap;*/
	}
	
.IDsubseccion .ID {
	font-size: 1.2rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #000000;
	line-height: 100%;
}

.IDsubseccion h3 {
	font-size: 1.4rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #000000;
	line-height: 100%;
}


.cajaDatosSeccion{
	margin: 10px;
	width: 95%;
	height: auto;
	padding:10px;
	background-color:#838679;
    border: 1px dashed #cccccc;
    
	flex-direction:column;
	flex-wrap:nowrap;
	align-items: stretch;
    align-content: stretch;
    
    overflow: hidden;
    
	}
	
	
	.trenDatos {
	margin: 0px;
	width: 100%;
	height: auto;
	padding:0px;

	 /* Flexbox */
		
	display: flex;
/*	justify-content:space-between;
	align-items:center;*/
	align-items: stretch;
	background-color:#838679;
	flex-direction:row;
	flex-wrap:wrap;
	}




.imgSeccion {
	width: 100%;
/*	max-width: 400px;
	min-width: 200px;*/
	margin: 0px auto;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

.imgLibro {
	width: 100%;
/*	max-width: 400px;
	min-width: 200px;*/
	margin: 0px auto;
	padding: 2px;
}

.fotoSeccion {
/*width: 400px;*/
/*	max-width: 400px;*/
	margin: 0px auto;
	padding:4px;
}

.txtSeccion {
	width: auto;
	/*	max-width: 400px;*/
	margin: 0px auto;
	padding: 4px;
	text-align: left;
}

.linkSecciones {
	text-decoration: none;
	padding:4px;
	color: #fff;
	font-size: 0.8rem;
	font-family: 'Armata', sans-serif;
	font-weight: bold;
}

.linkSecciones a {
	color: #fff;
}
.linkSecciones a:hover {
	color: #333333;
	background-color: #BBBAAA;
}


.cajaVimeo {
    position: relative;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;
}
/*	padding-bottom: 75%;    4x3 */ 
/*	padding-bottom: 56.25%;   16x9 */

.cajaVimeo iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cajaIssuu {
    position: relative;
    padding-bottom: 75%; 
    height: 0;
    overflow: hidden;
}
/*	padding-bottom: 75%;    4x3 */ 
/*	padding-bottom: 56.25%;   16x9 */

.cajaIssuu iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cajaVimeo {
    position: relative;
    padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;
}
/*	padding-bottom: 75%;    4x3 */ 
/*	padding-bottom: 56.25%;   16x9 */

.cajaVimeo iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.linksSecciones {
	width: auto;
	/*	max-width: 400px;*/
	margin: 0px auto;
	padding: 4px;
	text-align: center;
}

.imgLeft{
    width: 50%;
    height: auto;
    float: left;
    padding-right: 10px;
    margin: 0px;
}

.imgLeftMoon{
    width: 50%;
    height: auto;
    float: left;
    padding-right: 10px;
    margin: 0px;
}

.textoLeft{
    width: 100%;
    height: auto;
    padding: 10px;
    margin: 10px;
/*    overflow: auto;*/
}

.img50{
    width: 50%;
    height: auto;
    padding-bottom: 10px;
    margin: auto;
    
}

.parrafoSuelto {
    padding: 10px;
    margin: 10px;
}

.cuerpoPequenho {
    font-size: 0.7rem;
    font-family: 'Roboto Slab', serif;
}

/*
 __       ______   _______    ________   ______   __  __    
/_/\     /_____/\ /______/\  /_______/\ /_____/\ /_/\/_/\   
\:\ \    \::::_\/_\::::__\/__\::: _  \ \\:::__\/ \ \ \ \ \  
 \:\ \    \:\/___/\\:\ /____/\\::(_)  \ \\:\ \  __\:\_\ \ \ 
  \:\ \____\::___\/_\:\\_  _\/ \:: __  \ \\:\ \/_/\\::::_\/ 
   \:\/___/\\:\____/\\:\_\ \ \  \:.\ \  \ \\:\_\ \ \ \::\ \ 
    \_____\/ \_____\/ \_____\/   \__\/\__\/ \_____\/  \__\/ 
                                                            
*/


.subtituloNEGRO {
	font-size: 1.3rem;
	font-weight: bold;
	color: #000000;
	line-height: 120%;
}

.tituloNEGRO {
	font-size: 1.5rem;
	font-weight: bold;
	color: #000000;
	line-height: 120%;
}

.copeteNEGRO {
	font-size: 1.1rem;
	font-weight: bold;
	color: #000000;
	line-height: 120%;
	}	
.copeteNEGROmenor {
    font-size: 1rem;
    font-weight: bold;
    color: #212121;
    line-height: 120%;
	}	


/* FUENTES */

.logoIMG {
	z-index: 10;
	background-color:#ef4031; 
    min-width: 100px;
	max-width: 480px;
	width: 85%;
  	height: auto;
	padding: 5%;
	border: 6px solid #15de00;
	}
	
	.infoIMG {
	background-color:#ef4031; 
    min-width: 100px;
	max-width: 480px;
	width: 100%;
  	height: auto;
	text-align: center;
	border: 0px solid #15de00;
	}

	.subtitulo{
    font-size: 1.4rem;
    font-family: 'Armata', sans-serif;
    font-weight: 800;
    font-style: normal;
    letter-spacing: 0.05em;
    color: #eeeeee;
    line-height: 1.6rem;
    text-align: left;
	}	
	
	.titulo{
	font-size: 1.8rem;
	font-family: 'Armata', sans-serif;
  	font-weight: 800; 
    font-style: normal;
	letter-spacing: 0.05em;
	color: #eeeeee;
	line-height: 2rem;
	text-align: left;
	}	
	
	.copete {
	font-size: 1.2rem;
	font-family: 'Armata', sans-serif;
  	font-weight: 800; 
    font-style: normal;
	letter-spacing: 0.05em;
	color: #eeeeee;
	line-height: 1.3rem;
	text-align: left;
	}	
	
	.cuerpo {
	font-family: 'Roboto Slab', serif;
	FONT-WEIGHT: 300;
	FONT-SIZE: 0.95rem;
	COLOR: #404042;
	line-height: 125%;
/*	letter-spacing: -0.02em;*/
	text-align: justify;
 /*	text-justify: inter-word;*/
	text-justify:inter-character;
	}

.epigrafe {
	FONT-WEIGHT: normal;
	FONT-SIZE: 1rem;
	font-style: normal;
	font-family: 'Armata', serif;
	TEXT-DECORATION: none;
	color: #15de00;
	line-height: normal;
}
	
	
.bordeTabla {
	border: 6px solid #15de00;
	background-color:#ef4031; 
}


/*****  HEREDADO DEL ANTERIOR DISEÑO */

.menu {
	font-size: 0,4rem;
	font-family: 'Armata', sans-serif;
	font-weight: bold;
	line-height: 100%;
	text-transform: uppercase;
	letter-spacing: 0.2pc;
	TEXT-DECORATION: none;
}

a.menu:link  {
	color: #CCCCCC;
	line-height: 100%;
	background-color: #5D5F58;
	border: 1px solid #000;
	TEXT-DECORATION: none;
}
a.menu:active  {
	color: #00FF00;
	line-height: 100%;
	background-color: #5D5F58;
	border: 1px solid #000;
	TEXT-DECORATION: none;
}
a.menu:visited  {
	color: #CCCCCC;
	line-height: 100%;
	background-color: #5D5F58;
	border: 1px solid #000;
	TEXT-DECORATION: none;
}
a.menu:hover  {
	color: #333333;
	line-height: 100%;
	background-color: #BBBAAA;
	TEXT-DECORATION: none;
	border: 1px dotted #CCCCCC;
}

/* ///////////////// */

/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

/* HEREDADO */




IMG {border-color: #000000;}



.texto {font-size: 8pt;font-family: Arial, Helvetica, sans-serif}

.ENTER {
	font-size: 13pt;
	font-family: DIN, Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #CCCCCC;
	line-height: 130%;
		letter-spacing: -0.05em;
}
.link {
	font-size: 12pt;
	font-family: DIN, Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}


.cuerpo {
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height: 130%;
	letter-spacing: -0.02em;
}
.cuerpoMenor {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height: 130%;
	letter-spacing: -0.02em;
}

.cuerpoBco {


	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ACADA5;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height: 130%;
	letter-spacing: -0.02em;
}
.IDGR {

	font-size: 14pt;
	font-family: DIN, Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #CCCCCC;
	line-height: 130%;
}
.bordeTablas {
	border: 1px dashed #CCCCCC;
}
.link2 {

	font-size: 10pt;
	font-family: DIN, "Trebuchet MS", Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}
.textoBody {
	FONT-SIZE: 13px;
	COLOR: #000000;
	FONT-FAMILY: Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height: 130%;
	letter-spacing: 0.01em;

}
.IDseccionNegro {

	font-size: 18pt;
	font-family: DIN, "Trebuchet MS", Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	line-height: 130%;
}
.textoSimple {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
}
.bordeColor {
	border: medium solid #66FF33;
}
.textoBIO {
	FONT-SIZE: 13px;
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	line-height: 125%;
	letter-spacing: 0.01em;
}
.bordeNegro {
	border: 2px solid #000000;
}
.MENU {
	font-size: 13pt;
	font-family: DIN, "Trebuchet MS", Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #252525;
	line-height: 180%;
	letter-spacing: -0.05em;
}
.TITULOS {
	font-size: 0.8rem;
	font-family: 'Armata', Helvetica, sans-serif;
	font-weight: bold;
	color: #00FF00;
	line-height: normal;
	letter-spacing: -0.05em;
}

.titulosObrasSecciones {
    font-size: 1.1rem;
    font-family: 'Armata', Helvetica, sans-serif;
    font-weight: bold;
    color: #00FF00;
    line-height: 1.3rem;
}
/*.epigrafe {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #CCC;
}*/

/*
 ___ __ __   ______   ______    ________  ________                     
/__//_//_/\ /_____/\ /_____/\  /_______/\/_______/\                    
\::\| \| \ \\::::_\/_\:::_ \ \ \__.::._\/\::: _  \ \                   
 \:.      \ \\:\/___/\\:\ \ \ \   \::\ \  \::(_)  \ \                  
  \:.\-/\  \ \\::___\/_\:\ \ \ \  _\::\ \__\:: __  \ \                 
   \. \  \  \ \\:\____/\\:\/.:| |/__\::\__/\\:.\ \  \ \                
    \__\/ \__\/ \_____\/ \____/_/\________\/ \__\/\__\/                
 ______    __  __   ______   ______     ________  ______   ______      
/_____/\  /_/\/_/\ /_____/\ /_____/\   /_______/\/_____/\ /_____/\     
\:::_ \ \ \:\ \:\ \\::::_\/_\:::_ \ \  \__.::._\/\::::_\/_\::::_\/_    
 \:\ \ \ \_\:\ \:\ \\:\/___/\\:(_) ) )_   \::\ \  \:\/___/\\:\/___/\   
  \:\ \ /_ \\:\ \:\ \\::___\/_\: __ `\ \  _\::\ \__\::___\/_\_::._\:\  
   \:\_-  \ \\:\_\:\ \\:\____/\\ \ `\ \ \/__\::\__/\\:\____/\ /____\:\ 
    \___|\_\_/\_____\/ \_____\/ \_\/ \_\/\________\/ \_____\/ \_____\/ 
 

*/

/* //// MEDIA QUERIES ///// */

@media screen and (max-width: 1024px){
	
/*.cajaDatos{
	margin: 0px;
	width: 70%;
	height: auto;
	padding:4px;
	background-color:#838679;
	overflow:hidden;

	}*/
	
.cajaDatos {
	order:0;
	margin: 0px;
	width: 100%;
	background-color:#838679;
	border: 0px solid #000000;
	vertical-align: top;
	}	
	
.cajaDatos .fadein {
	position:relative; 
	padding: 4px;
/*	float: left;*/
	}

.cajaDatos .fadein img{
	width: 100%;
/*    width:200px;*/

	position:absolute; 
	left:0; 
	top:0; 
	padding:10;
	
	margin: 0px auto;
/*	padding: 2px;*/
	border: 1px solid #000000;
	}		


.infoFoto {
	margin: 20px;
	width: 100%;
	height: 100%;
	padding:0px;
/*	min-width:400px;
	max-width:510px;*/
	border: 1px solid #000000;
	position: relative;
    padding-bottom: 33.25%; 
    height: 0;
    overflow: hidden;
}	
	
.fadein {
/*	order:2;
	position:relative; */
	width:auto;
	width: 100%;
	margin: 0px;
	padding: 10px;
	
/*	clear: left;*/
	}


.txtBio {
	/*	order:3;*/
	
	/*	max-width: 400px;*/
	height:auto;
	text-align: left;
	background-color:#838679;
	}	
	
	/* MENU  */
	
.cajaMenu {
	order:-2;

	width: 100%;
/*	overflow:hidden;*/
	justify-content: stretch;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content: center;
}
	

 header {
	margin: 0px;
	width: 100%;
	height: auto;
	padding:10px;
	display: flex;
	justify-content:space-between;
	align-items:center;

	flex-direction:row;
	flex-wrap:wrap;
	order:-2;
	}

	
header nav {
	width:100%;
	/* Flexbox */
	display:flex;
	flex-wrap:wrap;
	
}


header nav a {
	text-align: center;
	text-decoration: none;
	padding:4px;
	margin:2px;
	color: #ccCCCC;
	background-color: #5D5F58;
	border: 1px solid #000;
	TEXT-DECORATION: none;
	font-size: 0.7rem;
	font-family: 'Armata', sans-serif;
	font-weight: bold;
	text-transform: uppercase;

	/* Flexbox */
	flex-grow:1;
}
header nav a:hover {
	color: #333333;
	background-color: #BBBAAA;
	border: 1px solid #CCCCCC;
	TEXT-DECORATION: none;

	/* Flexbox */
	flex-grow:1;
}	
	
   .cajaDerFilas {
    margin: 4px;
	width: 100%;
	padding:0px;
	background-color:#999999;
    border: 0px dotted #ccccff;

	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items: flex-start;

}

.cajaDerFilas img {
	width: 100%;
    height: auto;
	padding-top:10px;
    padding-left: 10px;

    
}

.cajaDerDato {
    margin: 0px;
	width: 100%;
	padding:6px;
	background-color:#999999;
    border: 1px dashed #ccccCC;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items: flex-start;
    align-content: stretch;

}	
    
    .IDsubseccion h3 {
	font-size: 1.2rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #000000;
	line-height: 100%;
}
	
}


@media screen and (max-width: 800px){

body {
	margin-top: 10px;
/*	height:100%;*/
	font-family: 'Roboto Slab', sans-serif;
/*     justify-content: center;
     align-items: center;*/
	 background-color:#666666; 
		color: #000000;
	font-size: 0.8rem;
}
	
	header nav {
	width:100%;
	/* Flexbox */

	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
	

	
	.contenedorBio {
	margin: 0px;
	width: 95%;
	padding:0px;
	background-color:#666666;
	border-bottom: 1px dotted #000000;
	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;

	display: flex;
	flex-direction:column;
	flex-wrap:nowrap;
	}
		
.cajaInfo {
	margin: 0px;
	width: 100%;
/*    max-width: 1400px;*/
	vertical-align:top;
	padding:0px;
	background-color:#666666;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
    justify-content:flex-start;
}
    
.cajaDatos {
	clear:both;
	margin: 0px;
	width: 100%;
	background-color:#838679;
	border: 0px solid #000000;
	vertical-align: top;
	}	
    
    .IDsubseccion h3 {
	font-size: 1.1rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #000000;
	line-height: 100%;
}
	
.infoFoto {
	margin: 0px;
	width: 100%;
	padding:20px;
/*	min-width:400px;
	max-width:510px;*/
	border: 0px solid #000000;
/*	position: relative;*/
    padding-bottom: 45%; 
/*    height: 0;*/
/*    overflow: hidden;*/
}	
	
.fadein {
	margin: 0px;
	padding: 0px;
	}


.txtBio {
	width: 100%;
	/*	max-width: 400px;*/
	height:auto;
	padding: 10px;
	text-align: left;
	background-color:#838679;
	}	
	
	/* MENU  */
	
/*  /////// DESTACADOS //////  */

.cajaDestacados {
	margin: 0px;
	width: 98%;
	padding:0px;
	background-color:#838679;
	border-bottom: 1px dotted #000000;
	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;

	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items:center;
}

.destacado{
	margin: 4px;
/*	max-width: 300px;*/
	width: 30%;
	padding:10px;
	background-color:#838679;
	border: 1px dotted #000000;
	align-self: stretch;
	text-align: center;

	}
.destacado img {

	max-height: 240px;
	width: 100%;
}
	
	.TITULOS {
    font-size: 1rem;
	font-family: 'Armata', Helvetica, sans-serif;
    font-weight: bold;
    color: #00FF00;
    line-height: 1rem;
}
.titulosObrasSecciones {
    font-size: 1rem;
    font-family: 'Armata', Helvetica, sans-serif;
    font-weight: bold;
    color: #00FF00;
    line-height: 1rem;
}
    
    .cajaNovedades {
	margin: 4px;
	width: 100%;
	padding:0px;
	background-color:#666666;
    border: 0px dotted #ccccff;

	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	align-items: flex-start;
    align-content: stretch;
}
    
    
    
    .cajaTabla {
	margin: 0px;
	width: 98%;
	padding:4px;
	background-color:#838679;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-around;
	align-items:center;
}
    
    
    .cajaLibros {
	margin: 0px;
	width: 98%;
	padding:2px;
	background-color:#838679;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items:center;
}

.libro{
	margin: 4px;
	/*max-width: 300px;*/
	width: 45%;
	padding:4px;
	background-color:#838679;
    border: 1px dashed #cccccc;
	align-self: stretch;
	text-align: center;
	}
.libro img {
	width: 100%;
    padding:6px;
}
	
    .cajaGaleria {
	margin: 0px;
	width: 100%;
	padding:0px;

	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items:center;
}
.cajaGaleria img {
	width: 100% !important;
    height: auto;
    padding:4px;
}

.itemGaleria{
	margin: 0px;
	/*max-width: 300px;*/
	width: 100%;
	padding:4px;

    border-bottom: 1px dashed #cccccc;
    border-right: 1px dashed #cccccc;
    border-left: 1px dashed #cccccc;
	align-self: stretch;
	text-align: center;
	}
.itemGaleria img {
	width: 100%;
    height: auto;
    padding:4px;

}

   .cajaDerFilas {
    margin: 4px;
	width: 100%;
	padding:0px;
	background-color:#999999;
    border: 0px dotted #ccccff;

	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	align-items: flex-start;

}

.cajaDerFilas img {
	width: 100% !important;
    height: auto;
	padding-top:10px;
    padding-left: 10px;

    
}

.cajaDerDato {
    margin: 0px;
	width: 100%;
	padding:6px;
	background-color:#999999;
    border: 1px dashed #ccccCC;
	/* Flexbox */
	display:flex;
	flex-direction:column;
	flex-wrap:wrap !important;
	align-items: flex-start;
    align-content: stretch;

}
 .cajaMagazine .fadein {
	position:relative; 
	width:100%;

/*width: 40%;
min-width: 100px;*/
	margin: 0px auto;
	padding: 10px;
     padding-bottom: 150px;
/*	float: left;*/
	}
    
}  /* <<<<<< fin media query 800 */



@media screen and (max-width: 640px){

	
	body {
	margin: 4px;
	font-family: 'Roboto Slab', sans-serif;
	background-color:#666666; 
    font-size: 0.7rem; 
}
	H1 {font-size: 1.5rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #ccCCCC;
	line-height: 100%;
	}
	
	H2 {
	font-size: 1.2rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 90%;
	}
	
.pagina {
	width: 100%;
	background-color:#666666;
		/* Flexbox */
	display:flex;
	flex-direction:column;
	align-items: center;
	justify-content: stretch;
	flex-wrap:nowrap;
    margin: 0px;
    padding: 0px;
	}
    
    

.contenedor {
	margin-top: 4px;
	width: 98%;

	padding:0px;
	background-color:#666666;
	border-top: 1px dotted #000000;
	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}

	header .ID {
	font-size: 1,8rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 100%;
}	
	
	header .ID a {
	font-size: 1,8rem;
	font-family: 'Ropa Sans', Trebuchet MS, Trebuchet, Georgia, Verdana, Helvetica, sans-serif;
	font-weight: 400;
	color: #CCCCCC;
	line-height: 100%;
}	

	
.contenedorBio {
	margin: 0px;
	width: 100%;
	padding:0px;
	background-color:#cccccc;

	display: flex;
	flex-direction:column;
	flex-wrap:wrap;
	}
	
.cajaDatos {
/*	order:1;*/
	margin: 0px;
	width: 100%;
	background-color:#838679;
	border: 0px solid #000000;
/*	vertical-align: top;*/
	clear: both;
	text-align: center;
	display: flex;
	flex-direction: column;
	}	
	
.cajaDatos .infoFoto {
	margin: 0px auto;

	
	width: 360px;
	height: 270px;
	
	padding:0px;

	border: 0px solid #000000;
/*	padding-bottom: 45%; 
   	height: 0;*/
	clear: both;
	text-align: center;
/*    overflow: hidden;*/
}	
	
.cajaDatos .infoFoto .fadein{
	margin: 0px auto;
/*	width: 100%;*/
	
	padding:0px;
	width: 360px;
	height: 270px;
/*	min-width:400px;
	max-width:510px;*/
	border: 0px solid #ff0000;
	text-align: center;
/*	position: relative;*/
/* padding-bottom: 56.25%; */
/*    height: 0;*/
/*    overflow: hidden;*/
}	
	
/*.fadein {
	margin: 0px;
	padding: 0px;
	}*/


.txtBio {
	/*	order:3;*/
	width: 100%;
	/*	max-width: 400px;*/
	height:auto;
	padding: 10px;
	text-align: left;
	background-color:#838679;
	clear: both;
	}	
	
	/* MENU  */
	
.cajaMenu {
	order:-2;

	width: 100%;
/*	overflow:hidden;*/
	justify-content: stretch;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content: center;
}
	

 header {
	margin: 0px;
	width: 100%;
	height: auto;
	padding:10px;
	display: flex;
	justify-content:space-between;
	align-items:center;

	flex-direction:row;
	flex-wrap:wrap;
	order:-2;
	}

	
header nav {
	width:100%;
	/* Flexbox */
	display:flex;
	flex-wrap:wrap;
	
}


header nav a {
	text-align: center;
	text-decoration: none;
	padding:4px;
	margin:2px;
	color: #ccCCCC;
	background-color: #5D5F58;
	border: 1px solid #000;
	TEXT-DECORATION: none;
	font-size: 0.7rem;
	font-family: 'Armata', sans-serif;
	font-weight: bold;
	text-transform: uppercase;

	/* Flexbox */
	flex-grow:1;
}
header nav a:hover {
	color: #333333;
	background-color: #BBBAAA;
	border: 1px solid #CCCCCC;
	TEXT-DECORATION: none;

	/* Flexbox */
	flex-grow:1;
}	
    
.cajaInfo {
	margin: 0px;
	width: 100%;
/*    max-width: 1400px;*/
	vertical-align:top;
	padding:0px;
	background-color:#666666;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
    justify-content:flex-start;
}

.cajaNovedades {
	margin-top: 8px;
	width: 50%;
	padding:0px;
	background-color:#666666;
    border: 0px dotted #ccccff;

	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	align-items: flex-start;
    align-content: stretch;
}


	
	
/*    FIN BIO + MENU ---  */	
	
	/* DESTACADOS 480  */
	
	.cajaDestacados {
	margin: 0px;
	width: 98%;
	padding:4px;
	background-color:#838679;
	border-bottom: 1px dotted #000000;
	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;

	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items:center;
}

.destacado{
	margin: 4px;
/*	max-width: 300px;*/
	width: 45%;
	padding:10px;
	background-color:#838679;
	border: 1px dotted #000000;
	align-self: stretch;
	text-align: center;

	}
.destacado img {
	padding: 2px;
/*	max-height: 240px;*/
	width: 100%;
}
	
	.TITULOS {
	padding: 2px;
    font-size: 0.9rem;
	font-family: 'Armata', Helvetica, sans-serif;
    font-weight: bold;
    color: #00FF00;
    line-height: 1rem;
}
	
	/* FIN DESTACADOS */
	
.cajaInfo {
	margin: 0px;
	width: 100%;

	padding:0px;
	background-color:#666666;
	height: auto;

}
    
    
    .cajaLibros {
	margin: 0px;
	width: 98%;
	padding:2px;
	background-color:#838679;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items:center;
}

.libro{
	margin: 4px;
	/*max-width: 300px;*/
	width: 90%;
	padding:4px;
	background-color:#838679;
    border: 1px dashed #cccccc;
	align-self: stretch;
	text-align: center;
	}
.libro img {
	width: 100%;
    padding:6px;
}
    
    
    
    .cajaGaleria {
	margin: 0px;
	width: 100%;
	padding:0px;

	/* Flexbox */
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items:center;
}
.cajaGaleria img {
	width: 100% !important;
    height: auto;
    padding:4px;
}

.itemGaleria{
	margin: 0px;
	/*max-width: 300px;*/
	width: 100%;
	padding:4px;

    border-bottom: 1px dashed #cccccc;
    border-right: 1px dashed #cccccc;
    border-left: 1px dashed #cccccc;
	align-self: stretch;
	text-align: center;
	}
.itemGaleria img {
	width: 100%;
    height: auto;
    padding:4px;

}    
    
       .cajaDerFilas {
    margin: 4px;
	width: 100%;
	padding:0px;
	background-color:#999999;
    border: 0px dotted #ccccff;

	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items: flex-start;

}

.cajaDerFilas img {
	width: 100%;
    height: auto;
	padding-top:10px;
    padding-left: 10px;

    
}

.cajaDerDato {
    margin: 0px;
	width: 100%;
	padding:6px;
	background-color:#999999;
    border: 1px dashed #ccccCC;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items: flex-start;
    align-content: stretch;

}
	
.cajaNovedades {
	margin: 0px;
	width: 50%;
	padding:4px;
	background-color:#666666;

	height: auto;
	/* Flexbox */
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
}
.IDseccion {
	margin: 0px;
	width: 100%;
	min-height: 40px;
    height: auto;
	padding:10px;
	background-color:#585B55;
	 /* Flexbox */
	font-size: 0.8rem;	
	display: flex;
/*	justify-content:center;*/
	align-items:stretch;
	flex-direction:row;
/*	flex-wrap:wrap;*/
	}
	
	.IDseccion h3{
		font-size: 1.2rem;
		padding:0.2rem;
	}
	
.cajaSecciones {
	margin: 0px;
	width: 100%;
	padding:0px;
	background-color:#666666;
	border: 0px dotted #CCCCCC;
    height: auto;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}

.contenedorSeccion {
	margin: 2px;
	width: 99%;
	padding:0px;
	background-color:#666666;
	border: 1px dotted #CCCCCC;
		height: auto;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
	
	.dato {
    width: 100%;
/*max-width: 400px;*/
/*	min-width: 125px;*/
	margin: 1px auto;
	background-color:#909084; 
	padding:4px;
	border: 1px dotted #CCCCCC;
	}
    
	.cajaTabla {
	margin: 0px;
	width: 100%;
	padding:1px;
	background-color:#838679;
/*	border-bottom: 1px dotted #000000;
	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;*/

	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items:center;
}

.cajaTabla .itemTabla{
	margin: 4px;
	/*max-width: 300px;*/
	width: 75%;
	padding:2px;
	background-color:#838679;
	border: 1px dotted #000000;
/*	align-self: stretch;*/
	text-align: center;

	}
	
	
	.titulosObrasSecciones {
    font-size: 0.9rem;
    font-family: 'Armata', Helvetica, sans-serif;
    font-weight: bold;
    color: #00FF00;
    line-height: 1rem;
}
	
    
    .cajaDatosSeccion{
	margin: 4px;
        margin-bottom: 6px;
	width: 96%;
	height: auto;
	padding:4px;
	background-color:#838679;
    border: 1px dashed #cccccc;
    
	flex-direction:column;
	flex-wrap:nowrap;
	align-items: stretch;
    align-content: stretch;
    
    overflow: hidden;
    
	}
    
	.imgLeftMoon{
    width: 95%;
    height: auto;
    /*float: left;*/
    padding: 4px;
    margin: 0px;
}
    
    .cajaVideos {
	margin: 0px;
	width: 98%;
	padding:4px;
	background-color:#838679;
	/* Flexbox */
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items:center;
}

.video{
	margin: 4px;
	/*max-width: 300px;*/
	width: 98%;
	padding:4px;
	background-color:#838679;
    border: 1px dashed #cccccc;
	align-self: stretch;
	text-align: center;
	}
.video img {
	width: 100%;
    padding:6px;
}
    
    
    
    
    
    
    
}



/* FIN MEDIA QUERY 540PX  ----*/