@font-face {
	font-family: 'DinBold';
	src: url('/static/2012/V/fonts/DINWeb-Bold.eot');
	src: local('?'), url('http://www.zara.com/static/2012/V/fonts/DINWeb-Bold.woff') format('woff'), url('http://www.zara.com/static/2012/V/fonts/DINComp-Bold.ttf') format('truetype'), url('/static/2012/V/fonts/DINWeb-Bold.woff') format('woff'), url('/static/2011/I/fonts/DINComp-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


.coverCont{
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
	width:100%;
}

.coverTitle{
	float: right;
	margin: 0 20px 25px 0;
}

.coverContImg{
	width:100%;
	position:relative;
	clear:both;
}

.coverContImg img{
	width:100%;
}


.coverContOver{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%
}

.coverContOver a{
	display:block;
	float:left;
	height:100%;
	overflow:hidden;
	background:transparent url(spacer.gif) repeat 0 0;
}


.coverCont a:hover img, .coverCont a.hover img{
	display:block;
}



/*4 enlaces al 25%*/
.lnkSize1of4 a{
	width:25%;
}

.lnkSize1of4 a img{
	width:400%;
	display:none;
}

.lnkSize1of4 #lnk1:hover img, .lnkSize1of4 #lnk1.hover img{
	margin-left:0
}

.lnkSize1of4 #lnk2:hover img, .lnkSize1of4 #lnk2.hover img{
	margin-left:-100%
}

.lnkSize1of4 #lnk3:hover img, .lnkSize1of4 #lnk3.hover img{
	margin-left:-200%
}

.lnkSize1of4 #lnk4:hover img, .lnkSize1of4 #lnk4.hover img{
	margin-left:-300%
}




/* 2 enlaces al 50%*/
.lnkSize1of2 a{
	width:50%
}

.lnkSize1of2 a img{
	width:200%;
	display:none;
}

.lnkSize1of2 #lnk1:hover img, .lnkSize1of2 #lnk1.hover img{
	margin-left:0
}

.lnkSize1of2 #lnk2:hover img, .lnkSize1of2 #lnk2.hover img{
	margin-left:-100%
}

/* 3 enlaces al 33.33%*/

.lnkSize1of3 a{
	width:33.333333333333333333333333333333333%
}

.lnkSize1of3 a img{
	width:300%;
	display:none;
}

.lnkSize1of3 #lnk1:hover img, .lnkSize1of3 #lnk1.hover img {
	margin-left:0
}

.lnkSize1of3 #lnk2:hover img, .lnkSize1of3 #lnk2.hover img{
	margin-left:-100%
}

.lnkSize1of3 #lnk3:hover img, .lnkSize1of3 #lnk3.hover img{
	margin-left:-200%
}



/*Texto Portadillas*/

.coverContText{
	margin: 0px;
}

.coverContText a{
	padding: 20px 0;
	float:left;
	text-align:center;
	font-family:"DinCondBold", arial, clean, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000;
	text-transform:uppercase;
	visibility:hidden;
}
.coverContText a.visible{
	visibility:visible;
}


/*lastUnit*/
.coverContOver a.lastUnit, .coverContText a.lastUnit{
	width:auto!important;
	float:none!important;
}


