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

/* ---------------------------------------------------
   Cuadrícula y Layouts
--------------------------------------------------- */
/* Layouts */
.container{margin:0 auto; width:980px; overflow:hidden;}
.container882{width:882px;margin:0 auto;overflow:hidden;}

/* Cuadrícula */
.fila{ overflow:hidden; width:99%; padding:.5em 0; display:flex;align-content:flex-start;flex-wrap: wrap;}
.filaNivel2{ overflow:hidden; width:100%; padding:0 0 .5em 0;}
.fila div, .filaNivel2 div{float:left; display:block; overflow:visible; min-height:.1em;}
.fila div.totalCol, .filaNivel2 div.totalCol{ width:99.7%;}

	/* 3 columnas */
	.tresColIndividual{ width:30.5%;}
	.tresColDoble{ width:65%;}
	.tresColMargenIzda{padding-right:4%;}

	/* 4 columnas */	
	.cuatroColIndividual { width:21.9%;}
	.cuatroColDoble{ width:47.9%; }
	.cuatroColTriple{ width:73.8%; }
	.cuatroColMargenIzda{padding-right:4%;}

	/* 5 columnas */
	.cincoColIndividual { width:16.75%;}
	.cincoColDoble{ width:37.5%;}
	.cincoColTriple{ width:58.25%;}
	.cincoColCuadruple{ width:79%;}
	.cincoColMargenIzda{padding-right:4%;}

.fila.botones{ border-bottom:1px solid #fff}


@media only screen and (max-width: 979px) {
	.tresColMargenIzda, .cuatroColMargenIzda, .cincoColMargenIzda{padding-right:3.9%;}
}

@media only screen and (max-width: 599px) {
	.fila div.totalCol, .filaNivel2 div.totalCol,
	.tresColIndividual, .tresColDoble,
	.cuatroColIndividual, .cuatroColDoble, .cuatroColTriple,
	.cincoColIndividual, .cincoColDoble, .cincoColTriple, .cincoColCuadruple,
	form .cuatroColDoble, form .cuatroColIndividual{ width:99.4%;}
	.tresColMargenIzda, .cuatroColMargenIzda, .cincoColMargenIzda, form .cuatroColMargenIzda{padding-right:0;}
}