@import 'columnas2.css';

/* 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:0 -20px;}
.row 					{ position:relative; display:flex; flex-flow:row wrap; margin:0 -20px;}
.row-noticias			{ position:relative; display:flex; flex-flow:row wrap; margin:0 -20px;}
.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 .cajablanca			{ height:100%;}
.row-masonry .cajablanca	{ height:auto;}

.row-alcentro .parrafo .titulo{ text-align:center;}

[class*="col-"] 		{ margin:0; padding:20px; width:100%;}

[class*="colpie-"] 		{ padding:15px 30px; width: 100%;}


/* set col widths */
.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%;}
  
.colvideos-1-3			{ width: 33.33%;}
  
  

@media screen and (max-width: 1024px) {
.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) {
.col-1-2 				{ width:100%;}
.col-1-3-video			{ width:100%;}
.col-imagen				{ width:auto; padding:0;}
}