.preload {position: fixed;width:100%;height:100%;z-index:9999; overflow-y:hidden;}
.preload {background:#fff;}
.spinner { margin: auto 0;position: absolute;top:50%;left:50% ;z-index: 1050; width:58px; height:33px; background:url(img/castillito.png) no-repeat 0 0; margin-left:-29px; margin-top:-16px;}


.homepage .main{-webkit-transform:translate3d(0,0,0)}
.homepage h1{display:none}
.homepage h2.top-title{margin:12px 0 5px}
.homepage .custom-select{z-index:1100}
.homepage .row{margin:0 0 0 -10px;margin:0 0 0 -.75%}
.homepage .row article{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0 10px 10px;padding:0 0 .75% .75%;float:left;position:relative}
.homepage .row article.mas-separacion{ padding:0.75%;}
.homepage .row article img{max-width:100%; }
 a > span.velo { display:block; position: relative; /*display:inline-block; background:#000; */}
 a > span.velo > img{ opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;}
 a > span.velo > img:hover { /*opacity:0.9;*/ }
.homepage .row .overlay, section.overlay {position:absolute;top:15px;text-transform:uppercase; font-size:14px; font-family:"Open Sans", arial; text-align:center; width:100%; letter-spacing:1px; line-height:22px; color:#787878;}
section.overlay.convivenciaAbajo { top: auto !important; bottom: 0; width: 100% !important; }
/*
section.overlay .boy {background:url(img/bolo-boy.png) no-repeat; margin-left:-24px; padding-left:24px;}
section.overlay .girl {background:url(img/bolo-girl.png) no-repeat; margin-left:-24px; padding-left:24px;}
section.overlay .baby {background:url(img/bolo-baby.png) no-repeat; margin-left:-24px; padding-left:24px;}
section.overlay .newborn {background:url(img/bolo-newborn.png) no-repeat; margin-left:-24px; padding-left:24px;}
*/
.textoConvivencia { display:block; color:white; font-size: 12px; letter-spacing: 1px; line-height: 19px; margin: 0; padding: 0; margin-bottom:7px; }
.textoConvivencia.oscuro { color: #111; }


section.debajo { position:relative !important; top:0 !important; }

.linea1 > section.overlay  { top:5px !important; }
.homepage .row .lookbook { font-size:14px; color:#555;}
.homepage .row .overlay h2{color:#FFF;text-shadow:1px 1px 3px #000;font-size:18px;font-size:1.8rem;line-height:20px;display:block;margin:0 0 10px}
.homepage article.new .gray{background-color:#fff;background-position:100% 0;background-repeat:no-repeat}
.homepage article .gray{padding:12px 20px;background-color:#e8e8e8;height:100%;min-height:110px}
.homepage article.shops select,.homepage article.newsletter input[type=text]{width:100%;padding:5px}
.homepage article.shops .btn,.homepage article.newsletter .btn,.homepage article.new .btn{margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.homepage .overlay h3 { text-align:center; font-size:23px; color:#fff; text-transform:uppercase; }
.homepage .overlay h4 { text-align:center; font-size:36px; color:#fff; text-transform:uppercase; margin-top:50px; }

a.blog { text-decoration:underline; text-transform:uppercase; }
img.mini-blog { float:right; max-width:30% !important; max-height:110px; margin-top:-25px; }
a.btnBlog { height: 20px; line-height: 20px; margin-top: 9px;  padding: 0 10px;}

.margint20 { margin-top:20px;}



#columnas { -webkit-column-width:333px; -moz-column-width:333px; column-width:333px; -webkit-column-gap:8px; max-width: 1269px; margin:0 auto; }
div#columnas figure, div#columnas div.item-video-nanos { margin: 0 0 8px 0;  display: inline-block;  position:relative; }
div#columnas figure img, div#columnas div.item-video-nanos img { width: 100%; height: auto; }

#columnasFluid {}
div#columnasFluid article { width:32.8%; margin:0 0.5% 0.5% 0; float:left; position:relative; }
div#columnasFluid article img { width: 100%; height: auto; }

span#resaltado { color:black; }
.fichaTecnica { line-height:18px; background-color:#f5f5f5; padding:15px 10px !important; }

.igape { padding: 30px 5px 16px 5px; margin: 30px 5px 0 5px !important; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 0.9em; color: #A2A2A2; }
.igapeLinea1 { border-bottom: none; }
.igapeSS { margin-top: 0 !important; border-top: none; padding-top: 0px; }

@media only screen and (min-width:641px) and (max-width:1024px){
	/*.homepage .row .overlay{left:20px;bottom:20px}*/
	.homepage .row .overlay{font-size:12px; line-height:17px;}
}

@media only screen and (max-width:940px){
	div#columnasFluid article { width:49%; margin:0 1% 1% 0; }
}


@media only screen and (max-width:640px){
	.homepage .slider-wrapper,/*.homepage article h2,*/.homepage article.newsletter,.homepage article.new{display:none}
	.homepage .row article, .homepage .row article.mas-separacion {padding:0 0 10px}
	/*.homepage .row .overlay{left:10px;bottom:20px}*/
	.homepage article .gray{min-height:0}
	.homepage .titles{padding:10px 0}
	.homepage .titles h2{border-left:1px solid #787878;width:32%;float:right;text-align:center;}
	.homepage .titles h2:first-child{border-left:0;float:left;text-align:center;}
	.homepage .size1of3,.homepage .size1of2,.homepage .size2of3,.homepage .size1of4,.homepage .size3of4,.homepage .size1of5,.homepage .size2of5,.homepage .size3of5,.homepage .size4of5,.homepage article img{width:100%}
	#overlay-box{width:80%;left:0!important;padding-left:5%;padding-right:5%;margin-left:5%;margin-right:5%}
  #columnas { column-gap: 0px; }
  #columnas figure, #columnas div { width: 100%; }
  div#columnasFluid article { width:100%; margin:4px 0; }
}

@media only screen and (max-width: 415px) {
	.textoConvivencia { font-size: 10px; line-height:17px; }
	.homepage .row .overlay, section.overlay { font-size: 10px; top: 5px; }
}




/*columnas para news y videos */

#columns { column-width: 300px; -webkit-column-width:300px; width: 90%; max-width: 1100px; margin: 20px auto; }
div#columns figure.news {
	background: #fefefe; border: 2px solid #fcfcfc; box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4); margin: 1px 2px 15px; padding: 15px; padding-bottom: 10px;  display: inline-block; column-break-inside: avoid; }
div#columns figure.news img { width: 100%; height: auto; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 5px; }
div#columns figure.news figcaption, ul#grid_Masonry li figure.news figcaption  { font-size: 1.2rem; color: #444; line-height: 1.5; }
div#columns small, ul#grid_Masonry small  { font-size: .9rem; float: right;  text-transform: uppercase; color: #aaa; } 
div#columns small a, ul#grid_Masonry small a  { color: #666; text-decoration: none; transition: .4s color; }

ul#grid_Masonry li figure.news  { background: #fefefe; box-shadow: 0 0px 1px rgba(34, 25, 25, 0.4); margin: 1px 2px 15px; display: block; }
ul#grid_Masonry li figure.news img { width: 100%; }
ul#grid_Masonry li figure.news figcaption { padding: 15px; }
ul#grid_Masonry small.etiqueta { float: left; margin-top: 5px; font-size: 1rem; }

#columnsVideo { column-width:600px; -webkit-column-width:600px; width:100%; max-width: 1200px; margin: 20px auto; }
div#columnsVideo div { display: inline-block; column-break-inside: avoid; }
div#columnsVideo img { width: 100%; height: auto; padding-bottom:10px; }

@media screen and (max-width: 750px) { 
  #columns { column-gap: 0px; }
  #columns figure.news { }
}