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

@media only screen and (min-width: 320px) and (max-width: 479px) {
	
/* ================================ GENERAL ==================================*/

*{ margin:0; padding:0;outline:none}


html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  outline:none;

}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
  display:block;
}

body{ background-color:#F4F4F3;font-family: 'Noto Sans', sans-serif; font-weight:normal; overflow-x: hidden; font-size:12px;list-style-type:none; height: 100%;}
html {height: 100%;}
.main_container{ width:280px; height:auto; min-height:100%; margin:auto; }

.clear{ clear:both}

/* ================================ HEADER ==================================*/

header{ width:100%; height:65px; padding-top:45px}

.logo{ width:160px; height:30px; background-image:url(../img/logo.png); background-repeat:no-repeat; float:none; margin:auto; display:block; margin-bottom:20px}


/*------------------------------ BOTONERA -------------------------------------*/

nav a {	position: relative;	display: block;margin: 9px 0px 9px 0px;outline: none;color: #333;text-decoration: none;font-weight: 400;font-size: 14px;font-family: 'Noto Sans'; text-align:center;}

nav a:hover,nav a:focus {outline: none;}


/* Effect 5: same word slide in */
.cl-effect-5 a {overflow: hidden;padding: 0;height: 1.4em; }

.cl-effect-5 a span {position: relative;display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}

.cl-effect-5 a span::before {position: absolute;top: 100%;content: attr(data-hover);font-weight: 500;color: #999;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

.cl-effect-5 a:hover span,.cl-effect-5 a:focus span {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}

.bot_on{color: #999;}

#about{ margin-left:0px}

#contact{ margin-right:0px}

#bot_garments{animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

#bot_lookbook{animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}

#bot_illus{animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}


@keyframes fadein {
	from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}

/* ================================ FOOTER ==================================*/


footer{position: relative; margin-top: -60px; height:60px; clear: both; color: #FFFFFF; border-top:1px solid #000;}
.footer_wrapp{ width:280px; margin:auto; height:60px}
.copyright, .rights{ font-size:10px; color:#6F6D69; float:left; line-height:40px; margin-left:10px}
.copyright { width:150px; }
.rights { margin-left:5px; width:100px; }
.contenedor_email{ width:170px; height:40px; clear:both; margin-top:-40px; margin-left:40px}
.email{font-size:10px; color:#6F6D69; float:right; line-height:20px; width:35px; }


.mail:link, .mail:visited, .mail:active{  width:104px; height:12px; background:url(../img/base_info.png); float:right; margin-top:5px;
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: visible;}
.mail:hover{ width:104px; height:12px; background:url(../img/base_info.png) 0 -13px; float:right; margin-top:4px;
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: visible;}



.linkedin:link, #linkedin:visited, #linkedin:active{ width:26px; height:23px; background:url(../img/linkedin.png); float:right; margin-top:0px;margin-right:0px;
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: visible;}

.linkedin:hover{  width:26px; height:23px; background:url(../img/linkedin.png) 0 -23px; float:right; margin-top:0px ;margin-right:0px;
-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	overflow: visible;}
	

/* ================================ ABOUT ==================================*/

.contenido_about{ width:280px; height:600px; padding-bottom:75px; margin-top:90px; }

.foto_about{ width:280px; height:406px; float:left; background-image:url(../img/img_about.jpg); background-repeat:no-repeat;}

.txt_about{width:280px; height:auto; margin-left:0px;  font-size:13px; color:#6F6D69; float:left; line-height:20px; margin-top:20px; margin-bottom:30px}

/* ================================ WORK ==================================*/

.contenido_work{ width:100%; height:220px; padding-bottom:75px; background:#F4F4F3;margin-top:170px; /* background-image:url(../img/loader2.gif); background-repeat:no-repeat; background-position:center center;*/ }
/*

/*-----------------------------SLIDER-------------------------------*/

#slideshow {position:relative;height:350px;}

#slideshow IMG {position:absolute;top:0;left:0; z-index:8;opacity:0.0;}

#slideshow IMG.active {z-index:10;opacity:1.0;}

#slideshow IMG.last-active {z-index:9;}

/* ================================ GARMENTS ==================================*/

.contenido_garments{ width:100%; height:100%; margin-bottom:75px;margin-top:180px;}

.img_garment{ width:92px; height:71px; margin-bottom:17px; float:left;}

.espacio_garments{ width:22px; height:71px; float:left}

.espacio_horizontal{ width:100%; height:10px; clear:both}




#img01{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image: url(../img/garments/320/1.jpg);
animation: fadein 0.2s;
    -moz-animation: fadein 0.2s; /* Firefox */
    -webkit-animation: fadein 0.2s; /* Safari and Chrome */
    -o-animation: fadein 0.2s; /* Opera */
	
}

#img02{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/garments/320/2.jpg);
animation: fadein 0.4s;
    -moz-animation: fadein 0.4s; /* Firefox */
    -webkit-animation: fadein 0.4s; /* Safari and Chrome */
    -o-animation: fadein 0.4s; /* Opera */
}

#img03{width:92px; height:71px; margin-bottom:17px; margin-right:0px; float:left; background-image:url(../img/garments/320/3.jpg);
animation: fadein 0.6s;
    -moz-animation: fadein 0.6s; /* Firefox */
    -webkit-animation: fadein 0.6s; /* Safari and Chrome */
    -o-animation: fadein 0.6s; /* Opera */
}

#img04{width:92px; height:71px; margin-bottom:17px;margin-right:2px; float:left; background-image:url(../img/garments/320/4.jpg);
animation: fadein 0.8s;
    -moz-animation: fadein 0.8s; /* Firefox */
    -webkit-animation: fadein 0.8s; /* Safari and Chrome */
    -o-animation: fadein 0.8s; /* Opera */
}

#img05{width:92px; height:71px; margin-bottom:17px;  margin-right:2px;  float:left; background-image:url(../img/garments/320/5.jpg);
animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}

#img06{width:92px; height:71px; margin-bottom:17px; margin-right:0px; float:left; background-image:url(../img/garments/320/6.jpg);
animation: fadein 1.2s;
    -moz-animation: fadein 1.2s; /* Firefox */
    -webkit-animation: fadein 1.2s; /* Safari and Chrome */
    -o-animation: fadein 1.2s; /* Opera */
}

#img07{width:92px; height:71px; margin-bottom:17px; margin-right:2px;  float:left; background-image:url(../img/garments/320/7.jpg);
animation: fadein 1.4s;
    -moz-animation: fadein 1.4s; /* Firefox */
    -webkit-animation: fadein 1.4s; /* Safari and Chrome */
    -o-animation: fadein 1.4s; /* Opera */
}

#img08{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/garments/320/8.jpg);
animation: fadein 1.6s;
    -moz-animation: fadein 1.6s; /* Firefox */
    -webkit-animation: fadein 1.6s; /* Safari and Chrome */
    -o-animation: fadein 1.6s; /* Opera */
}

#img09{width:92px; height:71px; margin-bottom:17px;  margin-right:0px;  float:left; background-image:url(../img/garments/320/9.jpg);
animation: fadein 1.8s;
    -moz-animation: fadein 1.8s; /* Firefox */
    -webkit-animation: fadein 1.8s; /* Safari and Chrome */
    -o-animation: fadein 1.8s; /* Opera */
}

#img10{width:92px; height:71px; margin-bottom:17px;  margin-right:2px;  float:left; background-image:url(../img/garments/320/10.jpg);
animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

#img11{width:92px; height:71px; margin-bottom:17px;  margin-right:2px;  float:left; background-image:url(../img/garments/320/11.jpg);
animation: fadein 2.2s;
    -moz-animation: fadein 2.2s; /* Firefox */
    -webkit-animation: fadein 2.2s; /* Safari and Chrome */
    -o-animation: fadein 2.2s; /* Opera */
}

#img12{width:92px; height:71px; margin-bottom:17px; margin-right:0px; float:left; background-image:url(../img/garments/320/12.jpg);
animation: fadein 2.4s;
    -moz-animation: fadein 2.4s; /* Firefox */
    -webkit-animation: fadein 2.4s; /* Safari and Chrome */
    -o-animation: fadein 2.4s; /* Opera */
}

#img13{width:92px; height:71px; margin-bottom:17px;  margin-right:2px;  float:left; background-image:url(../img/garments/320/13.jpg);
animation: fadein 2.6s;
    -moz-animation: fadein 2.6s; /* Firefox */
    -webkit-animation: fadein 2.6s; /* Safari and Chrome */
    -o-animation: fadein 2.6s; /* Opera */
}

#img14{width:92px; height:71px; margin-bottom:17px;  margin-right:2px;  float:left; background-image:url(../img/garments/320/14.jpg);
animation: fadein 2.8s;
    -moz-animation: fadein 2.8s; /* Firefox */
    -webkit-animation: fadein 2.8s; /* Safari and Chrome */
    -o-animation: fadein 2.8s; /* Opera */
}

#img15{width:92px; height:71px; margin-bottom:17px; margin-right:0px; float:left; background-image:url(../img/garments/320/15.jpg);
animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}


#img16{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/garments/320/16.jpg);
animation: fadein 3.2s;
    -moz-animation: fadein 3.2s; /* Firefox */
    -webkit-animation: fadein 3.2s; /* Safari and Chrome */
    -o-animation: fadein 3.2s; /* Opera */
}

#img17{width:92px; height:71px; margin-bottom:17px;  margin-right:2px;  float:left; background-image:url(../img/garments/320/17.jpg);
animation: fadein 3.4s;
    -moz-animation: fadein 3.4s; /* Firefox */
    -webkit-animation: fadein 3.4s; /* Safari and Chrome */
    -o-animation: fadein 3.4s; /* Opera */
}

#img18{width:92px; height:71px; margin-bottom:17px;  margin-right:0px;  float:left; background-image:url(../img/garments/320/18.jpg);
animation: fadein 3.6s;
    -moz-animation: fadein 3.6s; /* Firefox */
    -webkit-animation: fadein 3.6s; /* Safari and Chrome */
    -o-animation: fadein 3.6s; /* Opera */
}

#img19{width:92px; height:71px; margin-bottom:17px;  margin-right:2px;  float:left; background-image:url(../img/garments/320/19.jpg);
animation: fadein 3.8s;
    -moz-animation: fadein 3.8s; /* Firefox */
    -webkit-animation: fadein 3.8s; /* Safari and Chrome */
    -o-animation: fadein 3.8s; /* Opera */
}

#img20{width:92px; height:71px; margin-bottom:17px;  margin-right:2px; float:left; background-image:url(../img/garments/320/20.jpg);
animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}

#img21{width:92px; height:71px; margin-bottom:17px;  margin-right:0px;  float:left; background-image:url(../img/garments/320/21.jpg);
animation: fadein 4.2s;
    -moz-animation: fadein 4.2s; /* Firefox */
    -webkit-animation: fadein 4.2s; /* Safari and Chrome */
    -o-animation: fadein 4.2s; /* Opera */
}

#img22{width:92px; height:71px; margin-bottom:17px;  margin-right:2px;  float:left; background-image:url(../img/garments/320/22.jpg);
animation: fadein 4.4s;
    -moz-animation: fadein 4.4s; /* Firefox */
    -webkit-animation: fadein 4.4s; /* Safari and Chrome */
    -o-animation: fadein 4.4s; /* Opera */
}

#img23{width:92px; height:71px; margin-bottom:17px;  margin-right:2px;  float:left; background-image:url(../img/garments/320/23.jpg);
animation: fadein 4.6s;
    -moz-animation: fadein 4.6s; /* Firefox */
    -webkit-animation: fadein 4.6s; /* Safari and Chrome */
    -o-animation: fadein 4.6s; /* Opera */
}

#img24{width:92px; height:71px; margin-bottom:17px; margin-right:0px; float:left; background-image:url(../img/garments/320/24.jpg);
animation: fadein 4.8s;
    -moz-animation: fadein 4.8s; /* Firefox */
    -webkit-animation: fadein 4.8s; /* Safari and Chrome */
    -o-animation: fadein 4.8s; /* Opera */
}

#img25{width:92px; height:71px; margin-bottom:17px;  margin-right:2px; float:left; background-image:url(../img/garments/320/25.jpg);
animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
}

#img26{width:92px; height:71px; margin-bottom:17px;  margin-right:2px; float:left; background-image:url(../img/garments/320/26.jpg);
animation: fadein 5.2s;
    -moz-animation: fadein 5.2s; /* Firefox */
    -webkit-animation: fadein 5.2s; /* Safari and Chrome */
    -o-animation: fadein 5.2s; /* Opera */
}

#img27{width:92px; height:71px; margin-bottom:17px;  margin-right:0px; float:left; background-image:url(../img/garments/320/27.jpg);
animation: fadein 5.4s;
    -moz-animation: fadein 5.4s; /* Firefox */
    -webkit-animation: fadein 5.4s; /* Safari and Chrome */
    -o-animation: fadein 5.4s; /* Opera */
}

#img28{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/garments/320/28.jpg);
animation: fadein 5.6s;
    -moz-animation: fadein 5.6s; /* Firefox */
    -webkit-animation: fadein 5.6s; /* Safari and Chrome */
    -o-animation: fadein 5.6s; /* Opera */
}

#img29{width:92px; height:71px; margin-bottom:17px;  margin-right:2px;  float:left; background-image:url(../img/garments/320/29.jpg);
animation: fadein 5.8s;
    -moz-animation: fadein 5.8s; /* Firefox */
    -webkit-animation: fadein 5.8s; /* Safari and Chrome */
    -o-animation: fadein 5.8s; /* Opera */
}

#img30{width:92px; height:71px; margin-bottom:17px;  margin-right:0px; float:left; background-image:url(../img/garments/320/30.jpg);
animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
}

#img31{width:92px; height:71px; margin-bottom:17px;  margin-right:2px;  float:left; background-image:url(../img/garments/320/31.jpg);
animation: fadein 6.2s;
    -moz-animation: fadein 6.2s; /* Firefox */
    -webkit-animation: fadein 6.2s; /* Safari and Chrome */
    -o-animation: fadein 6.2s; /* Opera */
}

#img32{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/garments/320/32.jpg);
animation: fadein 6.4s;
    -moz-animation: fadein 6.4s; /* Firefox */
    -webkit-animation: fadein 6.4s; /* Safari and Chrome */
    -o-animation: fadein 6.4s; /* Opera */
}

#img33{width:92px; height:71px; margin-bottom:17px;  margin-right:0px;  float:left; background-image:url(../img/garments/320/33.jpg);
animation: fadein 6.6s;
    -moz-animation: fadein 6.6s; /* Firefox */
    -webkit-animation: fadein 6.6s; /* Safari and Chrome */
    -o-animation: fadein 6.6s; /* Opera */
}

#img34{width:92px; height:71px; margin-bottom:17px;  margin-right:2px;  float:left; background-image:url(../img/garments/320/34.jpg);
animation: fadein 6.8s;
    -moz-animation: fadein 6.8s; /* Firefox */
    -webkit-animation: fadein 6.8s; /* Safari and Chrome */
    -o-animation: fadein 6.8s; /* Opera */
}




@keyframes fadein {
	from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}

/*--------------------------LUPA----------------------------*/

.view { width: 92px; height: 71px;float: left; overflow: hidden; position: relative;text-align: center;cursor: pointer;}

.view .mask, .view .content {width: 92px;height: 71px;position: absolute;overflow: hidden;
top: 0;left: 0;}

.view img {display: block;position: relative;}

.view a.info {background:url(../img/320_link.png)  no-repeat;display: inline-block;   text-decoration: none;padding:0;text-indent:-9999px;width:92px;height:71px;margin-left:-100px;}


.effect .mask {
   opacity: 0;
   overflow:visible;
   border:0px solid rgba(0,0,0,0.7);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   
}
.effect a.info {position:relative;top:-100px;opacity:0;
 -moz-transform:scale(0,0);
   -webkit-transform:scale(0,0);
   -o-transform:scale(0,0);
   -ms-transform:scale(0,0);
   transform:scale(0,0);
   -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}
.effect:hover .mask {opacity: 1;border:100px solid rgba(0,1,0,0.7);
}
.effect:hover a.info {opacity:1;
	-moz-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	-o-transform:scale(1,1);
	-ms-transform:scale(1,1);
	transform:scale(1,1);
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
	transition-delay:0.3s;
}
		
		
/* ================================ DETALLE ==================================*/
		
.contenido_detail{ width:220px; height:420px; margin-top:180px; margin-left:30px; }

#container {margin:0 auto;position:relative;width:220px;background:#F4F4F3; }	

ol {margin:1em 0px;padding:0;height:28px;font-family: 'Noto Sans', sans-serif; font-weight:normal; font-size:11px;color: #333; padding-top:10px; position:absolute; 	}
ol li{margin:0 2px 0 2px; padding:0;float:left;list-style:none;height:28px;line-height:28px;}
ol li a{float:left;height:28px;line-height:28px;color:#333;padding:0 4.2px;text-decoration:none;}
ol li.current a{background:#ececec;color:#999;}
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

.prevBtn, .nextBtn {display:block;width:30px;height:77px;position:absolute;left:-40px;top:70px;z-index:1000;background:url(../img/btn_prev.png) no-repeat 0 0;cursor:pointer;}	
.nextBtn{left:230px;}														
.nextBtn {background:url(../img/btn_next.png) no-repeat 0 0;}	

pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

.d_img{ width:220px; height:168px; cursor:-webkit-zoom-in; cursor: -moz-zoom-in;}

#d_img_01{ background-image:url(../img/garments/detalle/320/1.jpg)}
#d_img_02{ background-image:url(../img/garments/detalle/320/2.jpg)}
#d_img_03{ background-image:url(../img/garments/detalle/320/3.jpg)}
#d_img_04{ background-image:url(../img/garments/detalle/320/4.jpg)}
#d_img_05{ background-image:url(../img/garments/detalle/320/5.jpg)}
#d_img_06{ background-image:url(../img/garments/detalle/320/6.jpg)}
#d_img_07{ background-image:url(../img/garments/detalle/320/7.jpg)}
#d_img_08{ background-image:url(../img/garments/detalle/320/8.jpg)}
#d_img_09{ background-image:url(../img/garments/detalle/320/9.jpg)}
#d_img_10{ background-image:url(../img/garments/detalle/320/10.jpg)}
#d_img_11{ background-image:url(../img/garments/detalle/320/11.jpg)}
#d_img_12{ background-image:url(../img/garments/detalle/320/12.jpg)}
#d_img_13{ background-image:url(../img/garments/detalle/320/13.jpg)}
#d_img_14{ background-image:url(../img/garments/detalle/320/14.jpg)}
#d_img_15{ background-image:url(../img/garments/detalle/320/15.jpg)}
#d_img_16{ background-image:url(../img/garments/detalle/320/16.jpg)}
#d_img_17{ background-image:url(../img/garments/detalle/320/17.jpg)}
#d_img_18{ background-image:url(../img/garments/detalle/320/18.jpg)}
#d_img_19{ background-image:url(../img/garments/detalle/320/19.jpg)}
#d_img_20{ background-image:url(../img/garments/detalle/320/20.jpg)}
#d_img_21{ background-image:url(../img/garments/detalle/320/21.jpg)}
#d_img_22{ background-image:url(../img/garments/detalle/320/22.jpg)}
#d_img_23{ background-image:url(../img/garments/detalle/320/23.jpg)}
#d_img_24{ background-image:url(../img/garments/detalle/320/24.jpg)}
#d_img_25{ background-image:url(../img/garments/detalle/320/25.jpg)}
#d_img_26{ background-image:url(../img/garments/detalle/320/26.jpg)}
#d_img_27{ background-image:url(../img/garments/detalle/320/27.jpg)}
#d_img_28{ background-image:url(../img/garments/detalle/320/28.jpg)}
#d_img_29{ background-image:url(../img/garments/detalle/320/29.jpg)}
#d_img_30{ background-image:url(../img/garments/detalle/320/30.jpg)}
#d_img_31{ background-image:url(../img/garments/detalle/320/31.jpg)}
#d_img_32{ background-image:url(../img/garments/detalle/320/32.jpg)}
#d_img_33{ background-image:url(../img/garments/detalle/320/33.jpg)}
#d_img_34{ background-image:url(../img/garments/detalle/320/34.jpg)}

/* ================================ LOOKBOOK ==================================*/

.contenido_lookbook{ width:100%; height:100%; min-height:200px;margin-top:70px}

.coming_soon{ width:200px; line-height:330px; margin:auto;font-size:15px; color:#6F6D69; text-align:center }

/* ================================ ILLUSTRATIONS ==================================*/


#img_i_01{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/1.jpg);
animation: fadein 0.2s;
    -moz-animation: fadein 0.2s; /* Firefox */
    -webkit-animation: fadein 0.2s; /* Safari and Chrome */
    -o-animation: fadein 0.2s; /* Opera */
}

#img_i_02{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/2.jpg);
animation: fadein 0.4s;
    -moz-animation: fadein 0.4s; /* Firefox */
    -webkit-animation: fadein 0.4s; /* Safari and Chrome */
    -o-animation: fadein 0.4s; /* Opera */
}

#img_i_03{width:92px; height:71px; margin-bottom:17px; margin-right:0px; float:left; background-image:url(../img/illustrations/320/3.jpg);
animation: fadein 0.6s;
    -moz-animation: fadein 0.6s; /* Firefox */
    -webkit-animation: fadein 0.6s; /* Safari and Chrome */
    -o-animation: fadein 0.6s; /* Opera */
}

#img_i_04{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/4.jpg);
animation: fadein 0.8s;
    -moz-animation: fadein 0.8s; /* Firefox */
    -webkit-animation: fadein 0.8s; /* Safari and Chrome */
    -o-animation: fadein 0.8s; /* Opera */
}

#img_i_05{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/5.jpg);
animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}

#img_i_06{width:92px; height:71px; margin-bottom:17px; margin-right:0px; float:left; background-image:url(../img/illustrations/320/6.jpg);
animation: fadein 1.2s;
    -moz-animation: fadein 1.2s; /* Firefox */
    -webkit-animation: fadein 1.2s; /* Safari and Chrome */
    -o-animation: fadein 1.2s; /* Opera */
}

#img_i_07{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/7.jpg);
animation: fadein 1.4s;
    -moz-animation: fadein 1.4s; /* Firefox */
    -webkit-animation: fadein 1.4s; /* Safari and Chrome */
    -o-animation: fadein 1.4s; /* Opera */
}

#img_i_08{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/8.jpg);
animation: fadein 1.6s;
    -moz-animation: fadein 1.6s; /* Firefox */
    -webkit-animation: fadein 1.6s; /* Safari and Chrome */
    -o-animation: fadein 1.6s; /* Opera */
}

#img_i_09{width:92px; height:71px; margin-bottom:17px; margin-right:0px; float:left; background-image:url(../img/illustrations/320/9.jpg);
animation: fadein 1.8s;
    -moz-animation: fadein 1.8s; /* Firefox */
    -webkit-animation: fadein 1.8s; /* Safari and Chrome */
    -o-animation: fadein 1.8s; /* Opera */
}

#img_i_10{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/10.jpg);
animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

#img_i_11{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/11.jpg);
animation: fadein 2.2s;
    -moz-animation: fadein 2.2s; /* Firefox */
    -webkit-animation: fadein 2.2s; /* Safari and Chrome */
    -o-animation: fadein 2.2s; /* Opera */
}

#img_i_12{width:92px; height:71px; margin-bottom:17px; margin-right:0px; float:left; background-image:url(../img/illustrations/320/12.jpg);
animation: fadein 2.4s;
    -moz-animation: fadein 2.4s; /* Firefox */
    -webkit-animation: fadein 2.4s; /* Safari and Chrome */
    -o-animation: fadein 2.4s; /* Opera */
}

#img_i_13{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/13.jpg);
animation: fadein 2.6s;
    -moz-animation: fadein 2.6s; /* Firefox */
    -webkit-animation: fadein 2.6s; /* Safari and Chrome */
    -o-animation: fadein 2.6s; /* Opera */
}

#img_i_14{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/14.jpg);
animation: fadein 2.8s;
    -moz-animation: fadein 2.8s; /* Firefox */
    -webkit-animation: fadein 2.8s; /* Safari and Chrome */
    -o-animation: fadein 2.8s; /* Opera */
}

#img_i_15{width:92px; height:71px; margin-bottom:17px;margin-right:0px;float:left; background-image:url(../img/illustrations/320/15.jpg);
animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}


#img_i_16{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/16.jpg);
animation: fadein 3.2s;
    -moz-animation: fadein 3.2s; /* Firefox */
    -webkit-animation: fadein 3.2s; /* Safari and Chrome */
    -o-animation: fadein 3.2s; /* Opera */
}

#img_i_17{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/17.jpg);
animation: fadein 3.4s;
    -moz-animation: fadein 3.4s; /* Firefox */
    -webkit-animation: fadein 3.4s; /* Safari and Chrome */
    -o-animation: fadein 3.4s; /* Opera */
}

#img_i_18{width:92px; height:71px; margin-bottom:17px; margin-right:0px; float:left; background-image:url(../img/illustrations/320/18.jpg);
animation: fadein 3.6s;
    -moz-animation: fadein 3.6s; /* Firefox */
    -webkit-animation: fadein 3.6s; /* Safari and Chrome */
    -o-animation: fadein 3.6s; /* Opera */
}

#img_i_19{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/19.jpg);
animation: fadein 3.8s;
    -moz-animation: fadein 3.8s; /* Firefox */
    -webkit-animation: fadein 3.8s; /* Safari and Chrome */
    -o-animation: fadein 3.8s; /* Opera */
}

#img_i_20{width:92px; height:71px; margin-bottom:17px;margin-right:2px;float:left; background-image:url(../img/illustrations/320/20.jpg);
animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}

#img_i_21{width:92px; height:71px; margin-bottom:17px; margin-right:0px; float:left; background-image:url(../img/illustrations/320/21.jpg);
animation: fadein 4.2s;
    -moz-animation: fadein 4.2s; /* Firefox */
    -webkit-animation: fadein 4.2s; /* Safari and Chrome */
    -o-animation: fadein 4.2s; /* Opera */
}

#img_i_22{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/22.jpg);
animation: fadein 4.4s;
    -moz-animation: fadein 4.4s; /* Firefox */
    -webkit-animation: fadein 4.4s; /* Safari and Chrome */
    -o-animation: fadein 4.4s; /* Opera */
}

#img_i_23{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/23.jpg);
animation: fadein 4.6s;
    -moz-animation: fadein 4.6s; /* Firefox */
    -webkit-animation: fadein 4.6s; /* Safari and Chrome */
    -o-animation: fadein 4.6s; /* Opera */
}

#img_i_24{width:92px; height:71px; margin-bottom:17px; margin-right:0px; float:left; background-image:url(../img/illustrations/320/24.jpg);
animation: fadein 4.6s;
    -moz-animation: fadein 4.6s; /* Firefox */
    -webkit-animation: fadein 4.6s; /* Safari and Chrome */
    -o-animation: fadein 4.6s; /* Opera */
}

#img_i_25{width:92px; height:71px; margin-bottom:17px; margin-right:2px;float:left; background-image:url(../img/illustrations/320/25.jpg);
animation: fadein 4.6s;
    -moz-animation: fadein 4.6s; /* Firefox */
    -webkit-animation: fadein 4.6s; /* Safari and Chrome */
    -o-animation: fadein 4.6s; /* Opera */

}

#img_i_26{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/26.jpg);
animation: fadein 4.6s;
    -moz-animation: fadein 4.6s; /* Firefox */
    -webkit-animation: fadein 4.6s; /* Safari and Chrome */
    -o-animation: fadein 4.6s; /* Opera */
}

#img_i_27{width:92px; height:71px; margin-bottom:17px; margin-right:0px; float:left; background-image:url(../img/illustrations/320/27.jpg);
animation: fadein 4.6s;
    -moz-animation: fadein 4.6s; /* Firefox */
    -webkit-animation: fadein 4.6s; /* Safari and Chrome */
    -o-animation: fadein 4.6s; /* Opera */
}

#img_i_28{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/28.jpg);
animation: fadein 4.6s;
    -moz-animation: fadein 4.6s; /* Firefox */
    -webkit-animation: fadein 4.6s; /* Safari and Chrome */
    -o-animation: fadein 4.6s; /* Opera */
}

#img_i_29{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/29.jpg);
animation: fadein 4.6s;
    -moz-animation: fadein 4.6s; /* Firefox */
    -webkit-animation: fadein 4.6s; /* Safari and Chrome */
    -o-animation: fadein 4.6s; /* Opera */
}

#img_i_30{width:92px; height:71px; margin-bottom:17px;  margin-right:0px;float:left; background-image:url(../img/illustrations/320/30.jpg);
animation: fadein 4.6s;
    -moz-animation: fadein 4.6s; /* Firefox */
    -webkit-animation: fadein 4.6s; /* Safari and Chrome */
    -o-animation: fadein 4.6s; /* Opera */
}

#img_i_31{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/31.jpg);
animation: fadein 4.6s;
    -moz-animation: fadein 4.6s; /* Firefox */
    -webkit-animation: fadein 4.6s; /* Safari and Chrome */
    -o-animation: fadein 4.6s; /* Opera */
}

#img_i_32{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/32.jpg);
animation: fadein 4.6s;
    -moz-animation: fadein 4.6s; /* Firefox */
    -webkit-animation: fadein 4.6s; /* Safari and Chrome */
    -o-animation: fadein 4.6s; /* Opera */
}

#img_i_33{width:92px; height:71px; margin-bottom:17px; margin-right:0px; float:left; background-image:url(../img/illustrations/320/33.jpg);
animation: fadein 4.6s;
    -moz-animation: fadein 4.6s; /* Firefox */
    -webkit-animation: fadein 4.6s; /* Safari and Chrome */
    -o-animation: fadein 4.6s; /* Opera */
}

#img_i_34{width:92px; height:71px; margin-bottom:17px; margin-right:2px; float:left; background-image:url(../img/illustrations/320/34.jpg);
animation: fadein 4.6s;
    -moz-animation: fadein 4.6s; /* Firefox */
    -webkit-animation: fadein 4.6s; /* Safari and Chrome */
    -o-animation: fadein 4.6s; /* Opera */
}

#img_i_35{width:92px; height:71px; margin-bottom:17px; margin-right:2px;float:left; background-image:url(../img/illustrations/320/35.jpg);
animation: fadein 4.6s;
    -moz-animation: fadein 4.6s; /* Firefox */
    -webkit-animation: fadein 4.6s; /* Safari and Chrome */
    -o-animation: fadein 4.6s; /* Opera */
}


@keyframes fadein {
	from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}

/* ================================ DETALLE ==================================*/
		
#i_img_01{ background-image:url(../img/illustrations/detalle/320/1.jpg)}
#i_img_02{ background-image:url(../img/illustrations/detalle/320/2.jpg)}
#i_img_03{ background-image:url(../img/illustrations/detalle/320/3.jpg)}
#i_img_04{ background-image:url(../img/illustrations/detalle/320/4.jpg)}
#i_img_05{ background-image:url(../img/illustrations/detalle/320/5.jpg)}
#i_img_06{ background-image:url(../img/illustrations/detalle/320/6.jpg)}
#i_img_07{ background-image:url(../img/illustrations/detalle/320/7.jpg)}
#i_img_08{ background-image:url(../img/illustrations/detalle/320/8.jpg)}
#i_img_09{ background-image:url(../img/illustrations/detalle/320/9.jpg)}
#i_img_10{ background-image:url(../img/illustrations/detalle/320/10.jpg)}
#i_img_11{ background-image:url(../img/illustrations/detalle/320/11.jpg)}
#i_img_12{ background-image:url(../img/illustrations/detalle/320/12.jpg)}
#i_img_13{ background-image:url(../img/illustrations/detalle/320/13.jpg)}
#i_img_14{ background-image:url(../img/illustrations/detalle/320/14.jpg)}
#i_img_15{ background-image:url(../img/illustrations/detalle/320/15.jpg)}
#i_img_16{ background-image:url(../img/illustrations/detalle/320/16.jpg)}
#i_img_17{ background-image:url(../img/illustrations/detalle/320/17.jpg)}
#i_img_18{ background-image:url(../img/illustrations/detalle/320/18.jpg)}
#i_img_19{ background-image:url(../img/illustrations/detalle/320/19.jpg)}
#i_img_20{ background-image:url(../img/illustrations/detalle/320/20.jpg)}
#i_img_21{ background-image:url(../img/illustrations/detalle/320/21.jpg)}
#i_img_22{ background-image:url(../img/illustrations/detalle/320/22.jpg)}
#i_img_23{ background-image:url(../img/illustrations/detalle/320/23.jpg)}
#i_img_24{ background-image:url(../img/illustrations/detalle/320/24.jpg)}
#i_img_25{ background-image:url(../img/illustrations/detalle/320/25.jpg)}
#i_img_26{ background-image:url(../img/illustrations/detalle/320/26.jpg)}
#i_img_27{ background-image:url(../img/illustrations/detalle/320/27.jpg)}
#i_img_28{ background-image:url(../img/illustrations/detalle/320/28.jpg)}
#i_img_29{ background-image:url(../img/illustrations/detalle/320/29.jpg)}
#i_img_30{ background-image:url(../img/illustrations/detalle/320/30.jpg)}
#i_img_31{ background-image:url(../img/illustrations/detalle/320/31.jpg)}
#i_img_32{ background-image:url(../img/illustrations/detalle/320/32.jpg)}
#i_img_33{ background-image:url(../img/illustrations/detalle/320/33.jpg)}
#i_img_34{ background-image:url(../img/illustrations/detalle/320/34.jpg)}
#i_img_35{ background-image:url(../img/illustrations/detalle/320/35.jpg)}

/* ================================ CONTACT ==================================*/


/** main blocks **/

#container_contact { display: block;max-width:460px; margin-top: 20px; margin-bottom: 30px;background:#F4F4F3; float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box;  
}

/** the form elements **/

#hongkiat-form .txtinput {width:25%}

#hongkiat-form textarea {width:25%}

.espacio_email{ width:45px; float:left; height:20px}

.espacio_please{ width:250px; float:left; height:20px; margin-top:10px;margin-bottom:20px}

}