/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* grid */
.row-masonry			{ display:flex; flex-flow:row wrap; margin:0 -20px;}
.row 					{ display: flex; flex-flow: row wrap; margin: 0 -20px;}
.row-alcentro			{ display:flex; align-items:center; justify-content:center; margin:0 -20px;}
.row-pie				{ display: flex; flex-flow: row wrap; margin: 0 -20px;}
.row:last-child 		{ margin-bottom: 0;}
[class*="col-"] 		{ padding:20px; width: 100%;}
[class*="colpie-"] 		{ padding:5px 30px; width: 100%;}

/* set col widths */
.col-2-3 			{ width: 66.66%;}
.col-100 			{ width: 100%; clear:both;}
.col-1-2 			{ width: 50%;}
.col-1-2-entradasuno{ width:50%;}

.col-1-pie			{ width: 25%;}
.col-1-3 			{ width: 33.33%;}
.col-1-3-video		{ width: 33.33%;}
.col-1-4 			{ width: 25%;}
.col-1-4-novedades	{ width: 25%;}
.col-3-4 			{ width: 75%;}
.col-1-8 			{ width: 12.5%;}
.col-7-8 			{ width: 87.5%;}
.col-1-3-masonry 	{ width: 33.33%;}
  
.colvideos-1-3	{ width: 33.33%;}
  
  
.frow				{ -ms-flex-pack:center;-ms-flex-wrap:wrap;-webkit-box-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center}
.col-md-6-8		{ width:75%}
.col-md-7-8		{ width:87.5%}
.col-md-8-8		{ width:100%}
  
  
.col-cab2			{ width:90%; border-bottom:1px solid #ddd; margin:0 auto; padding:10px 0;}
.col-imagen		{ width:90%; overflow:hidden;}
.col-texto		{ width:80%;}


@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-4 				{ width: 25%;}
.col-1-4-novedades		{ width: 33.33%;}

.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-2-entradasuno{ width:100%;}

.col-1-4			{ width:100%;}
.col-1-4-novedades	{ width:100%;}
.col-1-3			{ width:100%;}
.col-1-3-video		{ width:50%;}
.colpie-1-3 		{ width:100%;}
}
@media screen and (max-width: 480px) {
.col-1-3-video		{ width:100%;}
.col-imagen		{ width:auto; padding:0;}
}