/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after 		{ content:""; display:table; clear:both;}

/* grid */
.row-objeto				{ display:flex; flex-flow:row wrap; justify-content:center; text-align:center; margin:0;}
.row-masonry			{ display:flex; flex-flow:row wrap; margin:30px -20px;}
.row 					{ position:relative; display:flex; flex-flow:row wrap; margin:10px -20px;}

.row-cenefita			{ position:relative; margin:-20px; max-width:100%); margin:auto; display:flex; flex-flow:row wrap;}
---.row-parrafo			{ margin:20px -20px; padding:0; max-width:var(--ancho-parrafo); display:flex; justify-content:center; flex-flow:row wrap;}
.row-parrafo			{ margin:auto; margin-right:-20px; margin-left:-20px; max-width:var(--ancho-parrafo); display:flex; flex-flow:row wrap; justify-content:center;}

.row-parrafo-2			{ position:relative; margin:20px auto; padding:40px; background:#f7f7f7; max-width:var(--ancho-parrafo);}
.row-alcentro			{ display:flex; flex-flow:row wrap; justify-content:center; margin:0 -20px;}
.row-slide				{ position:relative; display:flex; flex-flow:row wrap; margin:0 -20px;}

.row-slide .col-4-entradacero				{ width:auto;}
.row-slide .entradacero						{ width:auto;}


.row .cajablanca 			{ height:100%;}
.row-masonry .cajablanca	{ height:auto;}

.row-alcentro .parrafo .titulo{ text-align:center;}

[class*="col-"] 			{ pposition:relative; margin:0; padding:20px; width:100%;}
[class*="colpie-"] 			{ margin:0; padding:20px; width:100%;}


/* ancho de columnas tipo 1 */
.col-1-1		 		{ border:none;}
.col-2-3 				{ width:66.66%;}
.col-3-4 				{ }
.col-1-2 				{ width:50%;}

.col-1-pie				{ width:25%;}
.col-1-3 				{ width:33.33%;}
.col-1-4 				{ width:25%;}
.col-1-5 				{ width:20%;}
.col-1-8 				{ width:12.5%;}
.col-7-8 				{ width:87.5%;}

.col-relleno			{ width:auto;flex:1 1 0%}  
/* fin ancho de columnas tipo 1 */




@media screen and (max-width: 1080px) {
.row					{ margin:auto 0px;}

.col-1-4-novedades		{ width: 25%;}

	
}

@media screen and (max-width: 980px) {

.col-1-4 				{ width: 25%;}
}
@media screen and (max-width: 768px) {
.col-1-3 				{ width: 50%;}
.col-1-4 				{ width: 25%;}
.col-2-3				{ width:50%;}

.col-1-pie				{ width: 33.33%;}

}
@media screen and (max-width: 600px) {


	
}
@media screen and (max-width: 568px) {
.col-1-pie				{ width:auto;}



.col-1-4				{ width:100%;}
.col-1-5				{ width:100%;}
.col-1-3				{ width:100%;}
.colpie-1-3 			{ width:100%;}
.col-2-3				{ width:100%;}
}
@media screen and (max-width: 480px) {
--.row					{ margin:20px 0px;}
.row-parrafo			{ background:red; margin:20px 0px;}

[class*="col-"] 		{ margin:0; padding:20px 0; width:100%;}
.col-imagen				{ width:auto; padding:0;}
}