/* Importación de fuentes --------------------------------------------------------------------------------------------------------------------- */

	/* @import url(https://fonts.googleapis.com/css?family=Montserrat); */
	/* font-family: 'Montserrat', sans-serif; */

/* Inicialización de visualización en dispositivos móviles ------------------------------------------------------------------------------------- */	
	
	@viewport {
		width: auto;
		zoom: 1.0;	
	}

/* Nivel 1, superior o supercontenedores ------------------------------------------------------------------------------------------------------- */

	.header {
		width: 100%;
		position: fixed;
		z-index: 100;
	}

	.content {
		width: 100%;
		height: auto;
		position: relative;
		background-color: white;
	}

	@media screen and (min-width: 481px) {
		.content {top: 100px;}
	}

	@media screen and (max-width: 480px) {
		.content {top: 60px;}
	}

	.footer {
		width: 100%;
		height: auto;
		position: relative;		
	}

	.subFooter {
		width: 100%;
		height: auto;
		position: relative;
	}

	@media screen and (min-width: 481px) {
		.footer {top: 100px;}
		.subFooter {top: 100px;}
	}

	@media screen and (max-width: 480px) {
		.footer {top: 60px;}
		.subFooter {top: 60px;}
	}

/* Nivel 2, intermedio o de filas flexibles ---------------------------------------------------------------------------------------------------- */

	.flexRow {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: stretch;
		min-height: 20px;
	}

	.sliderBox {
		width: 100%;
		height: 100%;
	}
	
	.fixedImageBox {
		width: 100%;
		height: 100%;
	}

	.separadorSecciones {
		width: 100%;
		height: 50px;
	}
	
/* Nivel 3, intermedio o de celdas flexibles ---------------------------------------------------------------------------------------------------- */

	.sideLeft {
		flex: 1 1 3.125%;
		position: relative;
		align-items: stretch;
	}

	.contentColumn {
		flex: 0 0 93.75%;
		max-width: 960px;
		min-width: 320px;
		position: relative;
		align-items: stretch;
	}

	.sideRight {
		flex: 1 1 3.125%;
		position: relative;
		align-items: stretch;
	}

/* Nivel 3, inferior o de celdas adaptables ----------------------------------------------------------------------------------------------------- */




	@media screen and (min-width: 1290px) {

		.uno1 {
			width: 100%;
			height: 100%;
			float: left;
		}
		
		.uno2, .dos2 {
			width: 50%;
			height: 100%;
			float: left;
		}
		
		.uno3, .dos3 {
			width: 33.3333%;
			height: 100%;
			float: left;
		}
		
		.tres3 {
			width: 33.3334%;
			height: 100%;
			float: left;
		}
		
		.uno4, .dos4, .tres4, .cuatro4 {
			width: 25%;
			height: 100%;
			float: left;
		}

		.uno5, .dos5, .tres5, .cuatro5, .cinco5 {
			width: 20%;
			height: 100%;
			float: left;
		}
		
		.uno6, .dos6, .tres6, .cuatro6, .cinco6 {
			width: 16.6666%;
			height: 100%;
			float: left;
		}
		
		.seis6 {
			width: 16.6670%;
			height: 100%;
			float: left;
		}
		
		.uno8, .dos8, .tres8, .cuatro8, .cinco8, .seis8, .siete8, .ocho8 {
			width: 12.5%;
			height: 100%;
			float: left;
		}
		
		.uno2asimetrico {
			width: 30%;
			height: 100%;
			float: left;
		}
			
		.dos2asimetrico {
			width: 70%;
			height: 100%;
			float: left;
		}

	}

	@media screen and (max-width: 1289px) and (min-width: 980px) {

		.uno1 {
			width: 100%;
			height: 100%;
			float: left;
		}

		.uno2, .dos2 {
			width: 50%;
			height: 100%;
			float: left;
		}
		
		.uno3, .dos3 {
			width: 33.3333%;
			height: 100%;
			float: left;
		}
		
		.tres3 {
			width: 33.3334%;
			height: 100%;
			float: left;
		}
		
		.uno4, .dos4, .tres4, .cuatro4 {
			width: 25%;
			height: 100%;
			float: left;
		}
		
		.uno5, .dos5, .tres5, .cuatro5, .cinco5 {
			width: 20%;
			height: 100%;
			float: left;
		}
		
		.uno6, .dos6, .tres6, .cuatro6, .cinco6 {
			width: 16.6666%;
			height: 100%;
			float: left;
		}
		
		.seis6 {
			width: 16.6670%;
			height: 100%;
			float: left;
		}
		
		.uno8, .dos8, .tres8, .cuatro8, .cinco8, .seis8, .siete8, .ocho8 {
			width: 12.5%;
			height: 100%;
			float: left;
		}
			
		.uno2asimetrico {
			width: 30%;
			height: 100%;
			float: left;
		}
			
		.dos2asimetrico {
			width: 70%;
			height: 100%;
			float: left;
		}

	}

	@media screen and (max-width: 979px) and (min-width: 768px) {

		.uno1 {
			width: 100%;
			height: 100%;
			float: left;
		}

		.uno2, .dos2 {
			width: 50%;
			height: 100%;
			float: left;
		}
		
		.uno3, .dos3 {
			width: 33.3333%;
			height: 100%;
			float: left;
		}
		
		.tres3 {
			width: 33.3334%;
			height: 100%;
			float: left;
		}
		
		.uno4, .dos4, .tres4, .cuatro4 {
			width: 25%;
			height: 100%;
			float: left;
		}
		
		.uno5, .dos5, .tres5, .cuatro5, .cinco5 {
			width: 20%;
			height: 100%;
			float: left;
		}
		
		.uno6, .dos6, .tres6, .cuatro6, .cinco6 {
			width: 16.6666%;
			height: 100%;
			float: left;
		}
		
		.seis6 {
			width: 16.6670%;
			height: 100%;
			float: left;
		}
		
		.uno8, .dos8, .tres8, .cuatro8, .cinco8, .seis8, .siete8, .ocho8 {
			width: 12.5%;
			height: 100%;
			float: left;
		}
		
		.uno2asimetrico {
			width: 30%;
			height: 100%;
			float: left;
		}
			
		.dos2asimetrico {
			width: 70%;
			float: left;
		}
		
	}

	@media screen and (max-width: 767px) and (min-width: 481px) {

		.uno1 {
			width: 100%;
			height: 100%;
			float: left;
		}

		.uno2, .dos2 {
			width: 100%;
			height: 50%;
			float: left;
		}
		
		.uno3, .dos3 {
			width: 50%;
			height: 50%;
			float: left;
		}
		
		.tres3 {
			width: 100%;
			height: 50%;
			float: left;
		}
		
		.uno4, .dos4, .tres4, .cuatro4 {
			width: 50%;
			height: 50%;
			float: left;
		}
		
		.uno5, .dos5 {
			width: 33.3333%;
			height: 50%;
			float: left;
		}
		
		.tres5 {
			width:33.3334%;
			height: 50%;
			float: left;
		}
		
		.cuatro5, .cinco5 {
			width: 50%;
			height: 50%;
			float: left;
		}
		
		.uno6, .dos6, .cuatro6, .cinco6 {
			width: 33.3333%;
			height: 50%;
			float: left;
		}
		
		.tres6, .seis6 {
			width: 33.3334%;
			height: 50%;
			float: left;
		}
		
		.uno8, .dos8, .tres8, .cuatro8, .cinco8, .seis8, .siete8, .ocho8 {
			width: 25%;
			height: 50%;
			float: left;
		}
		
		.uno2asimetrico {
			width: 50%;
			height: 100%;
			float: left;
		}
			
		.dos2asimetrico {
			width: 50%;
			height: 100%;
			float: left;
		}

	}

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

		.uno1 {
			width: 100%;
			height: 100%;
			float: left;
		}
		
		.uno2, .dos2 {
			width: 100%;
			height: 50%;
			float: left;
		}
		
		.uno3, .dos3, .tres3 {
			width: 100%;
			height: 33.3333%;
			float: left;
		}
		
		.uno4, .dos4, .tres4, .cuatro4 {
			width: 100%;
			height: 25%;
			float: left;
		}
		
		.uno5, .dos5, .tres5, .cuatro5 {
			width: 50%;
			height: 33.3333%;
			float: left;
		}
		
		.cinco5 {
			width: 100%;
			height: 33.3334%;
			float: left;
		}
		
		.uno6, .dos6, .tres6, .cuatro6, .cinco6, .seis6 {
			width: 50%;
			height: 25%;
			float: left;
		}
		
		.uno8, .dos8, .tres8, .cuatro8, .cinco8, .seis8, .siete8, .ocho8 {
			width: 25%;
			height: 25%;
			float: left;
		}
		
		.uno2asimetrico {
			width: 50%;
			height: 100%;
			float: left;
		}
			
		.dos2asimetrico {
			width: 50%;
			height: 100%;
			float: left;
		}
		
	}
	
	.clear {
		clear: both;
	}