@charset "UTF-8";
/* CSS Document */




/* Super-Banner publicitario | Portada, secciones principales y artículos */

.super-central {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
}

.super-central img {
	width:100%;
	height: auto;
	float: left;
}


.super-left {
	width:8%;
	height: auto;
	float: left;
	margin-left: 11.7%;
	position: fixed;
}


.super-left img {
	width:100%;
	height: auto;
	float: left;
}


.super-right {
	width:8%;
	height: auto;
	float: left;
	margin-left: 80.3%;
	position: fixed;
}


.super-right img {
	width:100%;
	height: auto;
	float: left;
}

.super-movil {
	width:0%;
	height: auto;
	float: left;
	margin-left:0%;
	position: fixed;
}


.super-movil img {
	width:0%;
	height: auto;
	float: left;
}

/* Final Bloque Partner sección */




/* Bloque destinado a artículos, posición intermedia */
.central {
	width:90%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 0%;
	margin-bottom: 4%;
}

.central img {
	width:100%;
	height: auto;
	float: left;
}
/* Final Bloque inter-artículos */



/* Estilo banner pubicitario sección Actualidad y Cultura*/



/* Banner intermedio para tablet*/
.banner-intermediate {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.banner-intermediate img {
	width:0%;
	height: auto;
	float: left;
}	


/* Banner 800x1000px */
.banner-square {
	width:32.5%;
	height: auto;
	float: left;
	margin-left: 0.5%;
	margin-right:0.2%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.banner-square img {
	width:100%;
	height: auto;
	float: left;
}


/* Banner horizontal movil*/
.banner-square-mobile {	
	width:0%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.banner-square-mobile img {
	width:0%;
	height: auto;
	float: left;
}

	
/* Rascacielos 400x1200px*/
.skyscraper {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.skyscraper img {
	width:100%;
	height: auto;
	float: left;
}	


.skyscraper-2 {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.skyscraper-2 img {
	width:100%;
	height: auto;
	float: left;
}


.skyscraper-3 {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom: 2%;
}

.skyscraper-3 img {
	width:100%;
	height: auto;
	float: left;
}	

@media screen and (max-width: 1500px) {
	
	
/* Super-Banner publicitario | Portada, secciones principales y artículos */

.super-central {
	width:99%;
	height: auto;
	float: left;
	margin-left: 0.5%;
}

.super-central img {
	width:100%;
	height: auto;
	float: left;
}


.super-left {
	width:10%;
	height: auto;
	float: left;
	margin-left: 5%;
	position: fixed;
}


.super-left img {
	width:100%;
	height: auto;
	float: left;
}


.super-right {
	width:10%;
	height: auto;
	float: left;
	margin-left: 85%;
	position: fixed;
}


.super-right img {
	width:100%;
	height: auto;
	float: left;
}
	
	
/* Bloque destinado a artículos, posición intermedia */
	
.central {
	width:90%;
	height: auto;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 2%;
	margin-bottom: 4%;
}

.central img {
	width:100%;
	height: auto;
	float: left;
	margin-top: 2%;
}
/* Final Bloque inter-artículos */	
	
	

/* Final Super-Banner publicitario */


/* Banner 800x1000px */
.banner-square {
	width:32.5%;
	height: auto;
	float: left;
	margin-left: 0.5%;
	margin-right:0.2%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.banner-square img {
	width:100%;
	height: auto;
	float: left;
}


.banner-square-mobile {	
	width:0%;
	height:auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.banner-square-mobile img {
	width:0%;
	height: auto;
	float: left;
}
	
	
/* Rascacielos 400x1200px*/
.skyscraper {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.skyscraper img {
	width:0%;
	height: auto;
	float: left;
}
	
/* Rascacielos 400x1200px*/
.skyscraper-2 {
	width:32.5%;
	height: auto;
	float: left;
	margin-left: 0.5%;
	margin-right:0.2%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.skyscraper-2 img {
	width:100%;
	height: auto;
	float: left;
}
	
	
.skyscraper-3 {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.skyscraper-3 img {
	width:100%;
	height: auto;
	float: left;
}	
	

	
}


@media screen and (max-width: 1180px) {
	
	
	
/* Banner intermedio para tablet*/
.banner-intermediate {
	width:70%;
	height: auto;
	float: left;
	margin-left: 15%;
	margin-right:15%;
	margin-top: 8%;
	margin-bottom: 0%;
}

.banner-intermediate img {
	width:100%;
	height: auto;
	float: left;
}	
	
	
/* Super-Banner publicitario | Portada, secciones principales y artículos */

.super-central {
	width:99%;
	height: auto;
	float: left;
	margin-left: 0.5%;
}

.super-central img {
	width:100%;
	height: auto;
	float: left;
}


.super-left {
	width:10%;
	height: auto;
	float: left;
	margin-left: 1%;
	position: fixed;
}


.super-left img {
	width:100%;
	height: auto;
	float: left;
}


.super-right {
	width:10%;
	height: auto;
	float: left;
	margin-left: 89%;
	position: fixed;
}


.super-right img {
	width:100%;
	height: auto;
	float: left;
}


.skyscraper-3 {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.skyscraper-3 img {
	width:0%;
	height: auto;
	float: left;
}	
		
	
}





@media screen and (max-width: 700px) {
	
	
	
/* Super-Banner publicitario | Portada, secciones principales y artículos */

.super-central {
	width:99%;
	height: auto;
	float: left;
	margin-left: 0.5%;
	border-bottom: 1px solid #fff;
}

.super-central img {
	width:100%;
	height: auto;
	float: left;
}


.super-left {
	width:10%;
	height: auto;
	float: left;
	margin-left: 0%;
	position: fixed;
}


.super-left img {
	width:100%;
	height: auto;
	float: left;
}


.super-right {
	width:10%;
	height: auto;
	float: left;
	margin-left:90%;
	position: fixed;
}


.super-right img {
	width:100%;
	height: auto;
	float: left;
}

/* Final Super-Banner publicitario */	
	
	
/* Banner intermedio para tablet*/
.banner-intermediate {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.banner-intermediate img {
	width:0%;
	height: auto;
	float: left;
}		
	
	
}


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


/* Super-Banner publicitario | Portada, secciones principales y artículos */

.super-central {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
}

.super-central img {
	width:0%;
	height: auto;
	float: left;
}


.super-left {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	position:inherit;
}


.super-left img {
	width:0%;
	height: auto;
	float: left;
}


.super-right {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	position: inherit;
}


.super-right img {
	width:0%;
	height: auto;
	float: left;
}
	


/* Final Super-Banner publicitario */
	
	

/* Bloque destinado a artículos, posición intermedia */
.central {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.central img {
	width:0%;
	height: auto;
	float: left;
}
/* Final Bloque inter-artículos */	
	
	

/* Banner 800x1000px */
.banner-square {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.banner-square img {
	width:0%;
	height: auto;
	float: left;
}


.banner-square-mobile {	
	width:96%;
	height:auto;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 5%;
	margin-bottom: 5%;
}

.banner-square-mobile img {
	width:100%;
	height: auto;
	float: left;
}
	
	
/* Rascacielos 400x1200px*/
.skyscraper {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.skyscraper img {
	width:0%;
	height: auto;
	float: left;
}
	
/* Rascacielos 400x1200px*/
.skyscraper-2 {
	width:0%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right:0%;
	margin-top: 0%;
	margin-bottom: 0%;
}

.skyscraper-2 img {
	width:0%;
	height: auto;
	float: left;
}	
	
}