@charset "utf-8";


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

html, body{
	height: 100%;
	width: 100%;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

@font-face{
	font-family:'DinCondMedium'; 
	src:url('DINWeb-CondMedium.eot');
	src:local('?'),
	    url('DINWeb-CondMedium.woff') format('woff'),
			url('DINComp-CondMedium.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}




/* video */ 
.controls {
    bottom: 16px;
    color: #FFFFFF;
    height: 20px;
    position: absolute;
    width: 100%;
    z-index: 10;
		background:none;
		margin:0;
		padding:0;
    display: none;
}
.btnplay {
    background-image: url("../img/btnplay.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 15px;
    left: 50px;
    position: absolute;
    top: 2px;
    width: 11px;
}
.time {
    display: block;
    font-size: 13px;
    padding-top: 4px;
    position: absolute;
    right: 45px;
    width: 60px;
    z-index: 12;
		font-family:"DinCondMedium";
}
.bar_container {
    margin: 5px 115px 0 80px;
}
.bar {
    border: 1px solid #FFFFFF;
    height: 8px;
    position: relative;
}
.seekbar {
    display: none;
    height: 6px;
    margin: 1px 2px 1px 1px;
    width: 100%;
}
.loadbar {
    background: url("../img/loadbar.png") repeat scroll left top transparent;
    cursor: pointer;
    height: 6px;
    left: 1px;
    position: absolute;
    top: 1px;
    width: 100%;
}
.progressbar {
    background-color: #FFFFFF;
    height: 8px;
    margin: 0px;
    width: 0;
}
.btnplay.playing {
    background-position: 0 -30px;
}
/* end video */

html{overflow-x:hidden;overflow-y:scroll;}

#home, #step_coming_soon, #pop_coming{
background-image:url(../img/mosaico_lienzo.jpg);
background-repeat:repeat;
}

#step_hi, #step_video {
	background-color: black;
}

/* video{position:absolute;} */
.step{
/*	width:100%;*/
	position:absolute;
	top:0;
	left:0;
	display:none;
	background-color:#FFF;
	z-index:99;
}

#menu_over{
	position:fixed;
	width:164px;
	top:30%;
	right:0;
	z-index:300;
	overflow:hidden;
}
#menu_over li{
	margin-left:164px;
	width:164px;
}
#menu_over a{
	display:block;
	height:34px;
	height:27px;
	line-height:38px;
	line-height:29px;
	background-color:#b0e8dc;
	font-family:"DinCondMedium";
	font-size:18px;
	font-size:15px;
	margin-bottom:3px;
	text-transform:uppercase;
	padding-left:8px;
	word-wrap:nowrap;
	width:156px;
}
#menu_over a:hover{
	text-decoration:none;
}
#menu_over a.active{
	background-color:#FFF;
}
.sobres_container{
	width:700px;
	height:446px;
	position:absolute;
}
#sobres{
	background-image:url('../img/sobres_dear_NY.png');
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:700px;
	height:446px;
}
#sobres ul{
	position:absolute;
	left:557px;
	top:109px;
}
#sobres li{
	margin-bottom:15px;
}
#sobres a{
	font-family:"DinCondMedium";
	font-size:18px;
	font-size:15px;
	text-transform:uppercase;
	line-height:18px;
	line-height:15px;
}
#sobres a:hover{
	text-decoration:none;
}
.layanimation1{
	background-color:#FFF;
	width:528px;
	height:0;
	position:absolute;
	top:7px;
	right:10px;
}
.layanimation2{
	width:491px;
	height:358px;
	position:absolute;
	top:83px;
	right:175px;
}
.layanimation2 div{
	background-image:url(../img/lay2.png);
	background-position:left bottom;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:0;
}
.layanimation3{
	background-color:#FFF;
	width:483px;
	height:0;
	position:absolute;
	top:67px;
	left:5px;
}
#sobres ul li a{
	display:block;
	width:0;
	overflow:hidden;
	white-space:nowrap;
}
.slide{
	overflow:hidden;
	position:relative;
	cursor: url(../img/flecha.png?2), url(http://www.zara.com/static/2012/V/Events/dearnewyork/img/flecha-32.cur), pointer;
}
.up{
	cursor: url(../img/flecha-up.png?2), url(http://www.zara.com/static/2012/V/Events/dearnewyork/img/flecha-up-32.cur), pointer;
}
.slide img{
	position:absolute;
	display:block;
}
.logo{
	display: none;
	position:fixed;
	z-index:1000;
}
#menu_over a.btn_event_all{display:none;width:46px;float:left;}
#step_event_all {
	background-color:#000;
}
#step_coming_soon img{
	position:absolute;
}
#step_coming_soon span{
	position:absolute;
	display:block;
	font-family:"DinCondMedium";
	font-size:18px;
	text-transform:uppercase;
	padding-left:13px;
	white-space:nowrap;
	width:0px;
	top:38%;
	left:28%;
	overflow:hidden;
}
#pop_coming{
	display:none;
	z-index:300;
	position:fixed !important;
}
#pop_coming img{
	position:absolute;
}
#pop_coming span{
	position:absolute;
	display:block;
	font-family:"DinCondMedium";
	font-size:14px;
	text-transform:uppercase;
	white-space:nowrap;
	top:40%;
	left:20%;
}
#loader, .loader{
	top:50%;
	left:50%;
	position:absolute;
	width:16px;
	height:11px;
}
.loader{z-index:111}
/* .video_container1, .video_container2{ */
/* 	height:100%; */
/* } */


.video_container1, .video_container2 {
	height: 432px !important;
	left: 50%;
	margin: -216px 0 0 -384px;
	position: absolute;
	top: 50%;
	width: 768px !important;
}


.NYSharing {
	position:absolute;
	left:50%;
	margin: 220px 0 0 -384px;
	top:50%;
	width:40px;
	display: none;
	

}

.NYSharing .shareButton, .NYSharing ul {
	 height:16px;
	 position:absolute;
	 top:0;
	 left:0
}

.NYSharing .shareButton{
		 background: url("../img/share.png") no-repeat scroll 0 0 transparent!important;
}


.NYSharing ul  li {
  margin: 0 0 0 5px;
}

.NYSharing li a {
    background: url("../img/share_buttons.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 13px;
    width: 13px;
}


#cont_video1_wrapper{
	width:100%!important;
	height:100%!important;
}


.slide{
	background-image:url(../img/loader.gif);
	background-repeat:no-repeat;
	background-position:center 10px;
}

.thumb-sprite, .thumb-ioulex-zara-100, .thumb-ioulex-zara-102, .thumb-ioulex-zara-104, .thumb-ioulex-zara-108, .thumb-ioulex-zara-109, .thumb-ioulex-zara-11, .thumb-ioulex-zara-110, .thumb-ioulex-zara-119, .thumb-ioulex-zara-121, .thumb-ioulex-zara-123, .thumb-ioulex-zara-124, .thumb-ioulex-zara-13, .thumb-ioulex-zara-130, .thumb-ioulex-zara-131, .thumb-ioulex-zara-132, .thumb-ioulex-zara-133, .thumb-ioulex-zara-137, .thumb-ioulex-zara-138, .thumb-ioulex-zara-139, .thumb-ioulex-zara-140, .thumb-ioulex-zara-142, .thumb-ioulex-zara-143, .thumb-ioulex-zara-16, .thumb-ioulex-zara-17, .thumb-ioulex-zara-19, .thumb-ioulex-zara-20, .thumb-ioulex-zara-23, .thumb-ioulex-zara-24, .thumb-ioulex-zara-29, .thumb-ioulex-zara-3, .thumb-ioulex-zara-30, .thumb-ioulex-zara-32, .thumb-ioulex-zara-33, .thumb-ioulex-zara-34, .thumb-ioulex-zara-36, .thumb-ioulex-zara-4, .thumb-ioulex-zara-41, .thumb-ioulex-zara-43, .thumb-ioulex-zara-45, .thumb-ioulex-zara-46, .thumb-ioulex-zara-47, .thumb-ioulex-zara-49, .thumb-ioulex-zara-5, .thumb-ioulex-zara-53, .thumb-ioulex-zara-58, .thumb-ioulex-zara-62, .thumb-ioulex-zara-64, .thumb-ioulex-zara-65, .thumb-ioulex-zara-66, .thumb-ioulex-zara-67, .thumb-ioulex-zara-68, .thumb-ioulex-zara-69, .thumb-ioulex-zara-70, .thumb-ioulex-zara-78, .thumb-ioulex-zara-8, .thumb-ioulex-zara-80, .thumb-ioulex-zara-82, .thumb-ioulex-zara-83, .thumb-ioulex-zara-84, .thumb-ioulex-zara-85, .thumb-ioulex-zara-87, .thumb-ioulex-zara-88, .thumb-ioulex-zara-89, .thumb-ioulex-zara-91, .thumb-ioulex-zara-92, .thumb-ioulex-zara-94, .thumb-ioulex-zara-95, .thumb-ioulex-zara-96, .thumb-ioulex-zara-97, .thumb-ioulex-zara-99 {
  background: url('../img/sprite.jpg') no-repeat;
	display: inline-block;
	height: 166px;
	width: 250px;
}

.thumb-ioulex-zara-100 {
  background-position: 0 -11291px;
}

.thumb-ioulex-zara-102 {
  background-position: 0 -3984px;
}

.thumb-ioulex-zara-104 {
  background-position: 0 -1328px;
}

.thumb-ioulex-zara-108 {
  background-position: 0 -9133px;
}

.thumb-ioulex-zara-109 {
  background-position: 0 -2656px;
}

.thumb-ioulex-zara-11 {
  background-position: 0 -6972px;
}

.thumb-ioulex-zara-110 {
  background-position: 0 -6142px;
}

.thumb-ioulex-zara-119 {
  background-position: 0 -3818px;
}

.thumb-ioulex-zara-121 {
  background-position: 0 -8300px;
}

.thumb-ioulex-zara-123 {
  background-position: 0 -6806px;
}

.thumb-ioulex-zara-124 {
  background-position: 0 -1660px;
}

.thumb-ioulex-zara-13 {
  background-position: 0 -332px;
}

.thumb-ioulex-zara-130 {
  background-position: 0 -3154px;
}

.thumb-ioulex-zara-131 {
  background-position: 0 -7968px;
}

.thumb-ioulex-zara-132 {
  background-position: 0 -5644px;
}

.thumb-ioulex-zara-133 {
  background-position: 0 -664px;
}

.thumb-ioulex-zara-137 {
  background-position: 0 -1992px;
}

.thumb-ioulex-zara-138 {
  background-position: 0 -3652px;
}

.thumb-ioulex-zara-139 {
  background-position: 0 -5312px;
}

.thumb-ioulex-zara-140 {
  background-position: 0 -7636px;
}

.thumb-ioulex-zara-142 {
  background-position: 0 -2324px;
}

.thumb-ioulex-zara-143 {
  background-position: 0 -3320px;
}

.thumb-ioulex-zara-16 {
  background-position: 0 -7138px;
}

.thumb-ioulex-zara-17 {
  background-position: 0 -9963px;
}

.thumb-ioulex-zara-19 {
  background-position: 0 -2158px;
}

.thumb-ioulex-zara-20 {
  background-position: 0 -8635px;
}

.thumb-ioulex-zara-23 {
  background-position: 0 -4814px;
}

.thumb-ioulex-zara-24 {
  background-position: 0 -3486px;
}

.thumb-ioulex-zara-29 {
  background-position: 0 -4316px;
}

.thumb-ioulex-zara-3 {
  background-position: 0 -4482px;
}

.thumb-ioulex-zara-30 {
  background-position: 0 -5810px;
}

.thumb-ioulex-zara-32 {
  background-position: 0 -10129px;
}

.thumb-ioulex-zara-33 {
  background-position: 0 -498px;
}

.thumb-ioulex-zara-34 {
  background-position: 0 -2490px;
}

.thumb-ioulex-zara-36 {
  background-position: 0 -10793px;
}

.thumb-ioulex-zara-4 {
  background-position: 0 -7802px;
}

.thumb-ioulex-zara-41 {
  background-position: 0 -1826px;
}

.thumb-ioulex-zara-43 {
  background-position: 0 -10627px;
}

.thumb-ioulex-zara-45 {
  background-position: 0 -5976px;
}

.thumb-ioulex-zara-46 {
  background-position: 0 -2988px;
}

.thumb-ioulex-zara-47 {
  background-position: 0 -830px;
}

.thumb-ioulex-zara-49 {
  background-position: 0 -9797px;
}

.thumb-ioulex-zara-5 {
  background-position: 0 -7470px;
}

.thumb-ioulex-zara-53 {
  background-position: 0 -8469px;
}

.thumb-ioulex-zara-58 {
  background-position: 0 -4648px;
}

.thumb-ioulex-zara-62 {
  background-position: 0 0;
}

.thumb-ioulex-zara-64 {
  background-position: 0 -11457px;
}

.thumb-ioulex-zara-65 {
  background-position: 0 -2822px;
}

.thumb-ioulex-zara-66 {
  background-position: 0 -9631px;
}

.thumb-ioulex-zara-67 {
  background-position: 0 -166px;
}

.thumb-ioulex-zara-68 {
  background-position: 0 -10461px;
}

.thumb-ioulex-zara-69 {
  background-position: 0 -10295px;
}

.thumb-ioulex-zara-70 {
  background-position: 0 -8801px;
}

.thumb-ioulex-zara-78 {
  background-position: 0 -11125px;
}

.thumb-ioulex-zara-8 {
  background-position: 0 -7304px;
}

.thumb-ioulex-zara-80 {
  background-position: 0 -4150px;
}

.thumb-ioulex-zara-82 {
  background-position: 0 -1162px;
}

.thumb-ioulex-zara-83 {
  background-position: 0 -1494px;
}

.thumb-ioulex-zara-84 {
  background-position: 0 -5478px;
}

.thumb-ioulex-zara-85 {
  background-position: 0 -996px;
}

.thumb-ioulex-zara-87 {
  background-position: 0 -4980px;
}

.thumb-ioulex-zara-88 {
  background-position: 0 -5146px;
}

.thumb-ioulex-zara-89 {
  background-position: 0 -9465px;
}

.thumb-ioulex-zara-91 {
  background-position: 0 -6640px;
}

.thumb-ioulex-zara-92 {
  background-position: 0 -9299px;
}

.thumb-ioulex-zara-94 {
  background-position: 0 -6474px;
}

.thumb-ioulex-zara-95 {
  background-position: 0 -10959px;
}

.thumb-ioulex-zara-96 {
  background-position: 0 -6308px;
}

.thumb-ioulex-zara-97 {
  background-position: 0 -8134px;
}

.thumb-ioulex-zara-99 {
  background-position: 0 -8967px;
}