@font-face {
  font-family: 'Din';
  src: url('/static/2011/I/fonts/DINWeb.eot');
  src: local('?'), url('http://www.zara.com/static/2011/I/fonts/DINWeb.woff') format('woff'), url('http://www.zara.com/static/2011/I/fonts/DINComp.ttf') format('truetype'), url('/static/2011/I/fonts/DINWeb.woff') format('woff'), url('/static/2011/I/fonts/DINComp.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DinBold';
  src: url('/static/2011/I/fonts/DINWeb-Bold.eot');
  src: local('?'), url('http://www.zara.com/static/2011/I/fonts/DINWeb-Bold.woff') format('woff'), url('http://www.zara.com/static/2011/I/fonts/DINComp-Bold.ttf') format('truetype'), url('/static/2011/I/fonts/DINWeb-Bold.woff') format('woff'), url('/static/2011/I/fonts/DINComp-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


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

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

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

html {
	height: 100%;
	overflow-y: scroll;
  overflow-x: hidden;
}


body {
	height: 100%;
}

.nav, .logo, .designPage .head {
	position: fixed;
}

.designPage .head {
	right: 45px;
}

#leftBar, #rightBar {
  position: fixed;
  width: 70px;
  height: 100%;
  top: 0;
  background-position: center center;
  background-repeat: repeat-y;
}

#peopleCont {
	position: absolute;
	font-size: 12px;
  right: auto;
  background-image: none !important;
  margin-top:90px;
  z-index:90;
}

.peopleLike {
	z-index: 1;
	border: 1px solid red;
	position: absolute;
	left: 10px;
	top: 5px;
	border:none; 
	overflow:hidden; 
	width:80%; 
	height:21px;
}

.peopleLook {
	position: relative;
	margin-bottom: 50px;
}
.peopleLook:last-child {
	margin-bottom: 0px;
}

.peopleLook img {
	display: block;
	cursor: pointer;
  cursor:url(/wcsstore/ZaraStorefrontAssetStore/images/superzoom.png),pointer;
  position:relative;
}

.peopleFoot, .peopleHead {
	width: 100%;
	text-align: center;
	overflow: hidden;
} 

.peopleFoot{
	position:absolute;
	left:0px;
	bottom:15px;
}

.peopleHead{
	position:absolute;
	top:20px;
	right:0px;
	z-index:1000;
	width:auto;
	margin-right:-85px;
		background:url(img/bg_label_people_grey.png) repeat 0 0;
}

.peopleFootClose {
	position: absolute;
	width: 12px;
	height: 12px;
	right: 6px;
	top: 6px;
	background-image: url(img/close.png);
	z-index: 1;
}

.peopleFootClose:hover {
	background-position: -12px top;
}

.peopleFootOpen {
	position: absolute;
	width: 12px;
	height: 12px;
	right: 6px;
	top: 6px;
	background-image: url(img/info.png);
	z-index: 1;
	visibility: hidden;
}
.peopleFootOpen:hover {
	background-position: -12px top;
}


.peopleFootClose:active {
	background-position: -24px top;
}

.peopleFootBg {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;


}

.peopleFootFg {
	position: relative;
	z-index: 1;
  xheight: 90px;
  margin-top: 10px;
	background:url(img/bg_label_people_grey.png) repeat 0 0;
  padding:10px;
}

.peopleInfo {
	padding: 18px 0 13px;
	font-size: 12px;
  	padding:10px;
	color:#000;

}

.peopleInfo a{
	color:#000;
}
.peopleSharing {
	padding-bottom: 10px;
  	width: 135px;
 	xheight: 70px;
  	float: right;
}

.peopleSharing .shareButton{
	 background: url("img/share.png") no-repeat scroll 0 0 transparent;
	 height:16px;
}

.peopleSharing ul {
  margin-left: 10px;
}

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

.peopleSharing ul  li a{
	cursor:pointer;
}

.peopleTitle {
	font-size: 14px;
	padding: 0;
	margin: 0;
	font-family: "DinCondBold", arial, clean, sans-serif;
	font-weight:normal;
  	text-transform: uppercase;
} 

.peopleWeek {
	font-family: "Din",  arial, clean, sans-serif;
	font-size: 16px;
} 

.peopleBy {
}

.peopleName {
}

.peopleCity {
}

.peopleLink {
	font-size: 10px;
	margin-top:5px;
}

.peopleSkus {
	margin: 0;
 	text-align: left;
  	font-family: "DinCond", arial, clean, sans-serif;
  	color:#000;
}

.peopleSkus a{
	color:#000;
}

.peopleSkuDesc {
  text-transform: lowercase;
  	font-family: "DinCondMedium",  arial, clean, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.peopleSep {
	padding: 0 3px;
}

a.peopleSku{
	cursor: pointer;
  xwhite-space: nowrap;
}

.peoplePhoto input {
  display: none;
}

/* Compatibilidad iPad  */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
#leftBar, #rightBar {
  height: 10000px;
}
}