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

@media only screen and (min-width: 1366px) and (max-width: 1366px) {
	
/* ================================ 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:940px; 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:left; margin-right:50px}


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

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

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;}

#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:940px; margin:auto; height:60px}
.copyright, .rights{ font-size:10px; color:#6F6D69; float:left; line-height:60px}
.copyright { width:150px; }
.rights { margin-left:5px; width:100px; }
.email{font-size:10px; color:#6F6D69; float:right; line-height:60px; width:35px; }


.mail:link, .mail:visited, .mail:active{  width:104px; height:12px; background:url(../img/base_info.png); float:right; margin-top:25px;
-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:26px;
-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:18px;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:18px ;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:100%; height:100%; padding-bottom:75px;}

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

.txt_about{width:640px; height:auto; margin-left:20px;  font-size:13px; color:#6F6D69; float:left; line-height:24px}




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

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


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

#slideshow {position:relative;height:150px; width:940px; margin:auto}

#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;}

.img_garment{ width:170px; height:131px; margin-bottom:17px; float:left;}

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

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




#img01{width:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px;  float:left; background-image:url(../img/garments/5.jpg);
animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}

#img06{width:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px;  float:left; background-image:url(../img/garments/10.jpg);
animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

#img11{width:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px;float:left; background-image:url(../img/garments/15.jpg);
animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}


#img16{width:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px;float:left; background-image:url(../img/garments/20.jpg);
animation: fadein 4s;
    -moz-animation: fadein 4s; /* Firefox */
    -webkit-animation: fadein 4s; /* Safari and Chrome */
    -o-animation: fadein 4s; /* Opera */
}

#img21{width:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px;float:left; background-image:url(../img/garments/25.jpg);
animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */
}

#img26{width:170px; height:131px; margin-bottom:17px; margin-right:22px;float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px;float:left; background-image:url(../img/garments/30.jpg);
animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
}

#img31{width:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/garments/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: 170px; height: 131px;float: left; overflow: hidden; position: relative;text-align: center;cursor: pointer;}

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

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

.view a.info {background:url(../img/link.png)  no-repeat;display: inline-block;   text-decoration: none;padding:0;text-indent:-9999px;width:170px;height:131px;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:100%; height:750px;}

#container {margin:0 auto;position:relative;text-align:left;width:800px;background:#F4F4F3;}	

ol {margin:1em 20px;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 3.1px;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:-50px;top:293px;z-index:1000;background:url(../img/btn_prev.png) no-repeat 0 0;cursor:pointer;}	
.nextBtn{left:820px;}														
.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:800px; height:612px; cursor:-webkit-zoom-in; cursor: -moz-zoom-in;}

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


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

.contenido_lookbook{ width:100%; height:100%; min-height:600px;}

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


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

#img_i_01{width:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px;  float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px;  float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px;float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px;float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px;  float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; margin-right:22px; float:left; background-image:url(../img/illustrations/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:170px; height:131px; margin-bottom:17px; float:left; background-image:url(../img/illustrations/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/1.jpg)}
#i_img_02{ background-image:url(../img/illustrations/detalle/2.jpg)}
#i_img_03{ background-image:url(../img/illustrations/detalle/3.jpg)}
#i_img_04{ background-image:url(../img/illustrations/detalle/4.jpg)}
#i_img_05{ background-image:url(../img/illustrations/detalle/5.jpg)}
#i_img_06{ background-image:url(../img/illustrations/detalle/6.jpg)}
#i_img_07{ background-image:url(../img/illustrations/detalle/7.jpg)}
#i_img_08{ background-image:url(../img/illustrations/detalle/8.jpg)}
#i_img_09{ background-image:url(../img/illustrations/detalle/9.jpg)}
#i_img_10{ background-image:url(../img/illustrations/detalle/10.jpg)}
#i_img_11{ background-image:url(../img/illustrations/detalle/11.jpg)}
#i_img_12{ background-image:url(../img/illustrations/detalle/12.jpg)}
#i_img_13{ background-image:url(../img/illustrations/detalle/13.jpg)}
#i_img_14{ background-image:url(../img/illustrations/detalle/14.jpg)}
#i_img_15{ background-image:url(../img/illustrations/detalle/15.jpg)}
#i_img_16{ background-image:url(../img/illustrations/detalle/16.jpg)}
#i_img_17{ background-image:url(../img/illustrations/detalle/17.jpg)}
#i_img_18{ background-image:url(../img/illustrations/detalle/18.jpg)}
#i_img_19{ background-image:url(../img/illustrations/detalle/19.jpg)}
#i_img_20{ background-image:url(../img/illustrations/detalle/20.jpg)}
#i_img_21{ background-image:url(../img/illustrations/detalle/21.jpg)}
#i_img_22{ background-image:url(../img/illustrations/detalle/22.jpg)}
#i_img_23{ background-image:url(../img/illustrations/detalle/23.jpg)}
#i_img_24{ background-image:url(../img/illustrations/detalle/24.jpg)}
#i_img_25{ background-image:url(../img/illustrations/detalle/25.jpg)}
#i_img_26{ background-image:url(../img/illustrations/detalle/26.jpg)}
#i_img_27{ background-image:url(../img/illustrations/detalle/27.jpg)}
#i_img_28{ background-image:url(../img/illustrations/detalle/28.jpg)}
#i_img_29{ background-image:url(../img/illustrations/detalle/29.jpg)}
#i_img_30{ background-image:url(../img/illustrations/detalle/30.jpg)}
#i_img_31{ background-image:url(../img/illustrations/detalle/31.jpg)}
#i_img_32{ background-image:url(../img/illustrations/detalle/32.jpg)}
#i_img_33{ background-image:url(../img/illustrations/detalle/33.jpg)}
#i_img_34{ background-image:url(../img/illustrations/detalle/34.jpg)}
#i_img_35{ background-image:url(../img/illustrations/detalle/35.jpg)}



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


/** main blocks **/

#container_contact { display: block;max-width: 800px; 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 { box-sizing: border-box; }

#hongkiat-form .txtinput { display: block;font-family: 'Noto Sans', sans-serif; font-weight:normal;border-style: solid;border-width: 1px;border-color: #dedede;margin-bottom: 20px;
font-size: 12px;padding: 11px 25px;padding-left: 15px;width: 90%;color: #777;
box-shadow: 0 1px 3px #999 inset;
-moz-box-shadow: 0 1px 3px #999 inset;
-webkit-box-shadow: 0 1px 3px #999 inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

#hongkiat-form .txtinput:focus { color: #333;border-color: #ccc;box-shadow: 0 1px 3px #999 inset, 0 0 8px #333;
-moz-box-shadow: 0 1px 3px #999 inset, 0 0 8px #333;
-webkit-box-shadow: 0 1px 3px #999 inset, 0 0 8px #333;
outline: 0 none; 
}

#hongkiat-form textarea {display: block;font-family: 'Noto Sans', sans-serif; font-weight:normal;border-style: solid;border-width: 1px;border-color: #dedede;margin-bottom: 15px;font-size: 12px;padding: 11px 25px;padding-left: 15px;width: 90%;height: 180px;color: #777;
box-shadow: 0 1px 3px #999 inset;
-moz-box-shadow: 0 1px 3px #999 inset;
-webkit-box-shadow: 0 1px 3px #999 inset; 
transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
-o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}

#hongkiat-form textarea:focus {color: #333;border-color: #ccc;box-shadow: 0 1px 3px #999 inset, 0 0 8px #333;
-moz-box-shadow: 0 1px 3px #999 inset, 0 0 8px #333;
-webkit-box-shadow: 0 1px 3px #999 inset, 0 0 8px #333;
outline: 0 none; 
}

#hongkiat-form #slider { width: 60%; }



#hongkiat-form #aligned { box-sizing: border-box; float: left; width: 830px; margin-right: 50px;}

#hongkiat-form #aside {float: left;width: 250px;padding: 0;box-sizing: border-box;}

#wrapping { width: 100%; box-sizing: border-box; }

span.radiobadge { display: block; margin-bottom: 8px; }

span.radiobadge label { font-size: 1.2em; padding-bottom: 4px; }

select.selmenu {font-size: 17px;color: #676767;padding: 9px !important;border: 1px solid #aaa;width: 200px;}



/** custom buttons **/


#buttons { display: block; margin-top:-10px; }

#buttons #resetbtn {font-family: 'Noto Sans', sans-serif; font-weight:normal;display: block;float: left;color: #fff;text-shadow: -1px 1px 0px #fff;margin-right: 20px;height: 30px;
padding: 0 1em;outline: 0;font-size: 12px;white-space: nowrap;word-wrap: normal;vertical-align: middle;cursor: pointer;background-color: #5C5C5C;border: 1px solid #969696;
box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
-moz-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
-webkit-box-shadow: 0 1px 2px rgba(144, 144, 144, 0.4);
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-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;
}



#buttons #resetbtn:hover {text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	color: #818181;
background-color: #fff;
background-image: -moz-linear-gradient(top,  rgb(255,255,255) 2%, rgb(244,244,244) 2%, rgb(229,229,229) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(255,255,255)), color-stop(2%,rgb(244,244,244)), color-stop(100%,rgb(229,229,229)));
background-image: -webkit-linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%);background-image: -o-linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); background-image: -ms-linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); background-image: linear-gradient(top,  rgb(255,255,255) 2%,rgb(244,244,244) 2%,rgb(229,229,229) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
border-color: #aeaeae;
box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
-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;
	background:0 -20px;
}

#buttons #submitbtn {font-family: 'Noto Sans', sans-serif; font-weight:normal;	display: block;float: left;height: 3em;padding: 0 1em;border: 1px solid;outline: 0;font-weight: bold;
font-size: 12px;line-height:25px;color:  #fff;text-shadow: 0px 1px 0px #222;white-space: nowrap;word-wrap: normal;vertical-align: middle;cursor: pointer;border-color: #5e890a #5e890a #000;
-moz-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-ms-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
-webkit-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
background-color: #5C5C5C;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2eeaf', endColorstr='#90b026',GradientType=0 );
}

#buttons #submitbtn:hover, #buttons #submitbtn:active {border-color: #7c9826 #7c9826 #000;
color: #fff;
-moz-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
-ms-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
box-shadow: inset 0 1px 0 rgba(256,256,256,0.4),0 1px 3px rgba(0,0,0,0.5);
background: rgb(228,237,189);
background: -moz-linear-gradient(top, rgb(228,237,189) 2%, rgb(207,219,120) 3%, rgb(149,175,54) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgb(228,237,189)), color-stop(3%,rgb(207,219,120)), color-stop(100%,rgb(149,175,54))); 
background: -webkit-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%); 
background: -o-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%); background: -ms-linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%); background: linear-gradient(top, rgb(228,237,189) 2%,rgb(207,219,120) 3%,rgb(149,175,54) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4edbd', endColorstr='#95af36',GradientType=0 );
}

/** @group clearfix **/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }



.mail2:link, .mail2:visited, .mail2:active{  width:128px; height:20px; background:url(../img/base_info_contacto.png); float:left; 
-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;}
.mail2:hover{ width:128px; height:20px; background:url(../img/base_info_contacto.png) 0 -20px; float:left; margin-top:-2px;
-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;}

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

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

}