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

@media only screen and (min-width: 600px) and (max-width: 768px) {

/* ================================ 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:768px; 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;display:block; margin-bottom:20px; margin:auto; }

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

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

.mail:link, .mail:visited, .mail:active{  width:104px; height:12px; background:url(../img/base_info_det.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_det.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_det.png); float:right; margin-top:18px;
-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_det.png) 0 -23px; float:right; margin-top:18px ;
-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;}
	

/* ================================ LIGHTBOX ==================================*/

.contenido_detail{ width:100%; height:720px;}

#fondo_oscuro{ background-color:#333;
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;}
}

.d_img_l{ width:690px; height:533px; cursor:-webkit-zoom-out; cursor: -moz-zoom-in; 

}

#d_l_img_01{ background-image:url(../img/garments/detalle/lightbox/768/1.jpg)}
#d_l_img_02{ background-image:url(../img/garments/detalle/lightbox/768/2.jpg)}
#d_l_img_03{ background-image:url(../img/garments/detalle/lightbox/768/3.jpg)}
#d_l_img_04{ background-image:url(../img/garments/detalle/lightbox/768/4.jpg)}
#d_l_img_05{ background-image:url(../img/garments/detalle/lightbox/768/5.jpg)}
#d_l_img_06{ background-image:url(../img/garments/detalle/lightbox/768/6.jpg)}
#d_l_img_07{ background-image:url(../img/garments/detalle/lightbox/768/7.jpg)}
#d_l_img_08{ background-image:url(../img/garments/detalle/lightbox/768/8.jpg)}
#d_l_img_09{ background-image:url(../img/garments/detalle/lightbox/768/9.jpg)}
#d_l_img_10{ background-image:url(../img/garments/detalle/lightbox/768/10.jpg)}
#d_l_img_11{ background-image:url(../img/garments/detalle/lightbox/768/11.jpg)}
#d_l_img_12{ background-image:url(../img/garments/detalle/lightbox/768/12.jpg)}
#d_l_img_13{ background-image:url(../img/garments/detalle/lightbox/768/13.jpg)}
#d_l_img_14{ background-image:url(../img/garments/detalle/lightbox/768/14.jpg)}
#d_l_img_15{ background-image:url(../img/garments/detalle/lightbox/768/15.jpg)}
#d_l_img_16{ background-image:url(../img/garments/detalle/lightbox/768/16.jpg)}
#d_l_img_17{ background-image:url(../img/garments/detalle/lightbox/768/17.jpg)}
#d_l_img_18{ background-image:url(../img/garments/detalle/lightbox/768/18.jpg)}
#d_l_img_19{ background-image:url(../img/garments/detalle/lightbox/768/19.jpg)}
#d_l_img_20{ background-image:url(../img/garments/detalle/lightbox/768/20.jpg)}
#d_l_img_21{ background-image:url(../img/garments/detalle/lightbox/768/21.jpg)}
#d_l_img_22{ background-image:url(../img/garments/detalle/lightbox/768/22.jpg)}
#d_l_img_23{ background-image:url(../img/garments/detalle/lightbox/768/23.jpg)}
#d_l_img_24{ background-image:url(../img/garments/detalle/lightbox/768/24.jpg)}
#d_l_img_25{ background-image:url(../img/garments/detalle/lightbox/768/25.jpg)}
#d_l_img_26{ background-image:url(../img/garments/detalle/lightbox/768/26.jpg)}
#d_l_img_27{ background-image:url(../img/garments/detalle/lightbox/768/27.jpg)}
#d_l_img_28{ background-image:url(../img/garments/detalle/lightbox/768/28.jpg)}
#d_l_img_29{ background-image:url(../img/garments/detalle/lightbox/768/29.jpg)}
#d_l_img_30{ background-image:url(../img/garments/detalle/lightbox/768/30.jpg)}
#d_l_img_31{ background-image:url(../img/garments/detalle/lightbox/768/31.jpg)}
#d_l_img_32{ background-image:url(../img/garments/detalle/lightbox/768/32.jpg)}
#d_l_img_33{ background-image:url(../img/garments/detalle/lightbox/768/33.jpg)}
#d_l_img_34{ background-image:url(../img/garments/detalle/lightbox/768/34.jpg)}


#container {margin:0 auto;position:relative;width:690px;background:#333;
position:absolute; /*El div debe tener la propiedad position distinta de static*/
top: 50%;margin-left:35px; margin-top: -263px; /* El valor 200 es ficticio, debes cambiarlo en cada caso por la mitad de la altura de tu imagen*/

}	

.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:-30px;top:266px;z-index:1000;background:url(../img/btn_prev_2.png) no-repeat 0 0;cursor:pointer;}	
.nextBtn{left:690px;}														
.nextBtn {background:url(../img/btn_next_2.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; }




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


#i_l_img_01{ background-image:url(../img/illustrations/detalle/lightbox/768/1.jpg)}
#i_l_img_02{ background-image:url(../img/illustrations/detalle/lightbox/768/2.jpg)}
#i_l_img_03{ background-image:url(../img/illustrations/detalle/lightbox/768/3.jpg)}
#i_l_img_04{ background-image:url(../img/illustrations/detalle/lightbox/768/4.jpg)}
#i_l_img_05{ background-image:url(../img/illustrations/detalle/lightbox/768/5.jpg)}
#i_l_img_06{ background-image:url(../img/illustrations/detalle/lightbox/768/6.jpg)}
#i_l_img_07{ background-image:url(../img/illustrations/detalle/lightbox/768/7.jpg)}
#i_l_img_08{ background-image:url(../img/illustrations/detalle/lightbox/768/8.jpg)}
#i_l_img_09{ background-image:url(../img/illustrations/detalle/lightbox/768/9.jpg)}
#i_l_img_10{ background-image:url(../img/illustrations/detalle/lightbox/768/10.jpg)}
#i_l_img_11{ background-image:url(../img/illustrations/detalle/lightbox/768/11.jpg)}
#i_l_img_12{ background-image:url(../img/illustrations/detalle/lightbox/768/12.jpg)}
#i_l_img_13{ background-image:url(../img/illustrations/detalle/lightbox/768/13.jpg)}
#i_l_img_14{ background-image:url(../img/illustrations/detalle/lightbox/768/14.jpg)}
#i_l_img_15{ background-image:url(../img/illustrations/detalle/lightbox/768/15.jpg)}
#i_l_img_16{ background-image:url(../img/illustrations/detalle/lightbox/768/16.jpg)}
#i_l_img_17{ background-image:url(../img/illustrations/detalle/lightbox/768/17.jpg)}
#i_l_img_18{ background-image:url(../img/illustrations/detalle/lightbox/768/18.jpg)}
#i_l_img_19{ background-image:url(../img/illustrations/detalle/lightbox/768/19.jpg)}
#i_l_img_20{ background-image:url(../img/illustrations/detalle/lightbox/768/20.jpg)}
#i_l_img_21{ background-image:url(../img/illustrations/detalle/lightbox/768/21.jpg)}
#i_l_img_22{ background-image:url(../img/illustrations/detalle/lightbox/768/22.jpg)}
#i_l_img_23{ background-image:url(../img/illustrations/detalle/lightbox/768/23.jpg)}
#i_l_img_24{ background-image:url(../img/illustrations/detalle/lightbox/768/24.jpg)}
#i_l_img_25{ background-image:url(../img/illustrations/detalle/lightbox/768/25.jpg)}
#i_l_img_26{ background-image:url(../img/illustrations/detalle/lightbox/768/26.jpg)}
#i_l_img_27{ background-image:url(../img/illustrations/detalle/lightbox/768/27.jpg)}
#i_l_img_28{ background-image:url(../img/illustrations/detalle/lightbox/768/28.jpg)}
#i_l_img_29{ background-image:url(../img/illustrations/detalle/lightbox/768/29.jpg)}
#i_l_img_30{ background-image:url(../img/illustrations/detalle/lightbox/768/30.jpg)}
#i_l_img_31{ background-image:url(../img/illustrations/detalle/lightbox/768/31.jpg)}
#i_l_img_32{ background-image:url(../img/illustrations/detalle/lightbox/768/32.jpg)}
#i_l_img_33{ background-image:url(../img/illustrations/detalle/lightbox/768/33.jpg)}
#i_l_img_34{ background-image:url(../img/illustrations/detalle/lightbox/768/34.jpg)}
#i_l_img_35{ background-image:url(../img/illustrations/detalle/lightbox/768/35.jpg)}

}