/* Diseñado y programado por http://horaciotorrent.com */
/*¿Te Hago la Web?*/
html {
	overflow-x: hidden;
}

body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #fff;
	text-align: center;
	background:#000 url(../img/bg.jpg) fixed !important;
	
}

#plane {
	background-attachment:inherit;
	display:block!important;
	}
	
#midplane {
	background:url(../img/midplane.png);
	background-repeat: repeat-y;
	background-attachment: fixed;
	float:left;
	display:block;
	height:9280px;
	width:600px;
	position:absolute;
	z-index:1;
	
}

.clear{
	clear:both;
}
p {
	line-height: 18px;
}
h1 {
}
strong {
		font-weight:bold;
}
a {
	color: #fff;
	text-decoration: none;
}
a[href^="http:"] {
	display: block;
}
a[href^="http:"]:hover {
	display: block;
}

a:hover {
	color: #3465cc;
	text-decoration: underline;
}
#wrapper {
	
	width: 100%;
	height: 100%;
	float: left;
	
}
.verde{
	background:none;
	padding:20px 0 0 10px;
	overflow:hidden;
}
#holder-home {
	
	width: 100%;
	height:  100%;
	margin: 0 auto;
	float: left;
}
#holder-home .wrapper {
	width: 960px;
	height: 1000px;
	margin: 0 auto;
}
#holder-coleccion {
	/*background: url(../img/bg_home.jpg) no-repeat top center;*/
	width: 100%;
	height:  100%;
	margin: 0 auto;
	float: left;
}
#holder-coleccion .wrapper {
	width: 960px;
	height: 1300px;
	margin: 0 auto;
}
#holder-coleccion .right {
	margin: 15px 0 0 0px;
}
#holder-coleccion h2 {
	background:url(../img/tt_coleccion.png) no-repeat;
	width: 460px;
	height: 57px;
	text-indent: -9999px;
	margin:10px 0 0 5px;
}
#holder-lookbook {
	width: 100%;
	height:  100%;
	margin: 0 auto;
	float: left;
}
#holder-lookbook  .wrapper {
	width: 960px;
	height: 3000px;
	margin: 0 auto;
}
#holder-lookbook  h2 {
	background:url(../img/tt_lookbook.png) no-repeat;
	width:460;
	height:57px;
	text-indent: -9999px;
	margin:36px 0 0 5px;
}
#holder-lookbook  .right .prod-lookbook  {
	width: 100%;
	margin: 20px 0 0 0;
	float: left;
}
#holder-hombre {
	width: 100%;
	height:  100%;
	margin: 0 auto;
	float: left;
}
#holder-hombre .wrapper {
	width: 960px;
	height: 1300px;
	margin: 0 auto;
}
#holder-hombre .right {
	margin: 38px 0 0 0;
}
#holder-hombre h2 {
	background: url(../img/h2_hombre.png) no-repeat;
	width: 100%;
	height: 55px;
	text-indent: -9999px;
	margin: 0 0 18px 0;
}
#holder-hombre .right .prod-hombres {
	width: 100%;
	margin: 20px 0 0 0;
	float: left;
}
#holder-mujer {
	width: 100%;
	height:  100%;
	margin: 0 auto;
	float: left;
}
#holder-mujer .wrapper {
	width: 960px;
	height: 1500px;
	margin: 0 auto;
}
#holder-mujer .right {
	margin: 38px 0 0 0;
}
#holder-mujer h2 {
	background: url(../img/h2_mujer.png) no-repeat;
	width: 100%;
	height: 55px;
	text-indent: -9999px;
	margin: 0 0 18px 0;
}
#holder-mujer .right .prod-mujer {
	width: 100%;
	margin:20px 0 0 10px;
	float: left;
}

.right .prod-mujer img,
.right .prod-hombres img {
	display: block;
	margin:0 0 0 10px;
}
.right .prod-mujer .vertical,
.right .prod-hombres .vertical {
	margin: 0 10px 0 0;
	float: left;
}
.right .prod-mujer .horizontal,
.right .prod-hombres .horizontal {
	margin: 0 10px 0 0;
	float: left;
}

/*STORES*/
#holder-stores {
	width: 100%;
	height:  1100px;
	margin: 0 auto;
	float: left;
}
#holder-stores .right {
	margin: 0 0 0 0px;
	padding:0 0 0 0px;
}
#holder-stores .wrapper {
	width: 960px;
	height: 1300px;
	margin: 0 auto;
}

#holder-stores .wrapper .right {
	width: 723px;
	float: right;
	margin:25px 0 0 0;
	padding:0;
}

#holder-stores h2 {
	background: url(../img/h2_stores.png) no-repeat;
	width: 100%;
	height: 71px;
	text-indent: -9999px;
	margin:0px 0 0 2px;
}

.right .col-1,
.right .col-2 {
	float: left;
	margin: 0 10px 0 0;
} 

.right .col-3 {
	float: left;
	margin: 0;
}
#holder-stores .right .rows {
	width: 150%;
	float: left;
	display: block;
	clear: both;
	margin: 0 0 0 0;
}
#holder-stores .right .store {
	width: 238px;
	margin: 10px 160px 15px 0;
	float: left;
}
#holder-stores .right p {
	font-size: 11px;
	line-height: 15px;
}
#holder-stores .right p img {
	margin: 0 0 5px 0;
	border-bottom: 3px solid #fff;
}
#holder-stores .right p strong {
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
}
#holder-stores .right .location {
	font-size: 11px;
	color: #fff;
}

#holder-stores #slide-stores {
	margin:-10px 0 20px 0;
	}

#holder-club {
	width: 100%;
	height:  100%;
	margin: 0 auto;
	float: left;
}
#holder-club .right {
	margin: 25px 0 0 0;
}
#holder-club h2 {
	background: url(../img/h2_club.png) no-repeat;
	width: 100%;
	height: 111px;
	text-indent: -9999px;
	margin: 10px 0 0 2px;
}
#holder-club .right .form {
	margin: 50px 0 0 0;
}
#holder-club .right .col-1 {
	margin: -63px 20px 0 0;
	float: left;
}
#holder-club .right .col-2 {
	margin: 20px 0 50px 20px;
	float: right;
}
#holder-club .wrapper {
	width: 960px;
	height: 1000px;
	margin: 0 auto;
}
/* BACKSTAGE */
#holder-backstage {
	width: 100%;
	height:  1100px;
	margin: 0 auto;
	float: left;
}
#holder-backstage .wrapper {
	width: 960px;
	height: 1002px;
	margin: 0 auto;
}

#holder-backstage .right {
	margin: 25px 0 0 0;
}
#holder-backstage .right #media {
	margin:-18px 0 0 10px;
	}

#holder-backstage .right p {
	margin: 0 0 10px 0;
}
#holder-backstage h2 {
	background: url(../img/h2_backstage.png) no-repeat;
	width: 100%;
	height: 71px;
	text-indent: -9999px;
	margin: 10px 0 0 2px;
}
/* DOWNLOAD */
#holder-download {
	width: 100%;
	height:  100%;
	margin: 0 auto;
	float: left;
}
#holder-download .wrapper {
	width: 960px;
	height: 1002px;
	margin: 0 auto;
}

#holder-download .right {
	margin: 38px 0 0 0;
}
#holder-download .right p {
	margin: 0 0 10px 0;
}
#holder-download .right .col-1, 
#holder-download .right .col-2, 
#holder-download .right .col-3 {
	margin: 0 14px 0 0;
	float: left;
}
#holder-download .right .col-4 {
	float: left;
}
#holder-download .right .walls {
	width: 173px;
	margin: 0 0 15px 0;
	display: block;
}	
#holder-download .right ul {
	margin: 5px 0 0 5px;
	font-size: 11px;
}
#holder-download .right li {
	line-height: 15px;
}
#holder-download h2 {
	background: url(../img/h2_download.png) no-repeat;
	width: 100%;
	height: 55px;
	text-indent: -9999px;
	margin: 0 0 18px 0;
}
/* COMPAÑIA */
#holder-compania {

	width: 100%;
	height:  100%;
	margin: 0 auto;
	float: left;
}
#holder-compania .wrapper {
	width: 960px;
	height: 1000px;
	margin: 0 auto;
}
#holder-compania .right {
	margin: 0px 0 0 0;
}
#holder-compania .right p {
	margin: 0 0 10px 0;
}
#holder-compania h2 {
	background: url(../img/h2_compania.png) no-repeat;
	width: 100%;
	height: 61px;
	text-indent: -9999px;
	margin: 25px 0 0 2px;
}
/* CONTACTO */
#holder-contacto {
	width: 100%;
	height:  100%;
	margin: 0 auto;
	float: left;
}
#holder-contacto .wrapper {
	width: 960px;
	height: 1000px;
	margin: 0 auto;
}

#holder-contacto .wrapper .right {
	width: 723px;
	float:right;
	margin:20px 0 0 0;
	left:20px;
	padding:0;
	}

#holder-contacto .right {
	margin: 0px 0 0 0;
}
#holder-contacto h2 {
	background: url(../img/h2_contacto.png) no-repeat;
	width: 100%;
	height: 27px;
	text-indent: -9999px;
	margin:15px 0 25px 2px;
}
#holder-contacto .right .form {
	margin: 40px 0 0 0;
}
.form .col-1 {
	width: 347px;
	margin: 0 20px 0 0;
	float: left;
}
.form .col-2 {
	width: 347px;
	float: left;
}
.form .col-both {
	width: 734px;
	float: left;
}

form legend {
	display: none;
}
form label {
	display: block;
	font-weight: bold;
	margin: 0 0 5px 0;
	text-transform:uppercase;
}
form input {
	width: 300px;
	display: block;
	border: 3px solid #666;
	font-size: 14px;
	padding: 3px;
	font-weight: bold;
	background-color: #fff;
	color: #000;
	margin: 0 0 10px 0;
}
form select {
	width: 316px;
	display: block;
	border: 3px solid #666;
	font-size: 14px;
	padding: 5px;
	font-weight: bold;
	background-color: #fff;
	color: #000;
	margin: 0 0 15px 0;
}
form textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 668px;
	display: block;
	border: 3px solid #666;
	font-size: 14px;
	padding: 5px;
	font-weight: bold;
	background-color: #fff;
	color: #000;
	margin: 0 0 15px 0;
}
form .bt {
	width: 83px;
	height: 37px;
	display: block;
	text-indent: -9999px;
}
form .bt a {
	background: url(../img/bt_form.gif) no-repeat right 0;
	width: 83px;
	height: 37px;
	display: block;
}
form .bt a:hover {
	display: block;
	background-position: 0 -37px;
}
form address{
	float:right;
	margin:20px 200px 0 0 ;
}


/* GENERALES */
.wrapper .left {
	width: 200px;
	min-height: 695px;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 15px;
	/*background: url(../img/bg_left.png) repeat-x;
	/*position: fixed;*/
	position: absolute;
	z-index: 1;
}
.left .logo {
	width: 200px;
	height: 122px;
	margin: 22px 0 0;
	background: url(../img/logo.png) no-repeat top right;
	text-indent: -9999px;
	display: block;
	float:right;
	clear: both;
}
.left .logo a {
	width: 230px;
	height: 122px;
	display: block;
}
.taco .copy {
	width: 184px;
	height: 30px;
	background: url(../img/copy.gif) no-repeat right;
	padding: 2px 0 0 0;
}

.left .hormiga a {
	width: 31px;
	height: 31px;
	display: block;
	text-indent: -9999px;
}
.left .linea-nav {
	width: 185px;
	height: 10px;
	background: url(../img/linea_nav.gif) right bottom no-repeat;
	clear: both;
	margin: 0 15px 0 0;
	padding: 0 0 0 0;
	float: right;
}
.left .nav {
	width: 185px;
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	display: block;
	float: right;
}

ul.nav {
	width:185px;
	}
.nav li {
	display: block;
	float: right;
	clear:both;
	margin:4px 0 4px 0;
}
.nav li a {
	display: block;
	text-indent: -9999px;
	background:url(../img/_menu.png) no-repeat left;
	width:152px;
}
.nav .home a {
	height: 23px;
	background-position:0 0;
}
.nav .coleccion a {
	height: 23px;
	background-position:0 -27px;
}
.nav .lookbook a {
	height: 23px;
	background-position:0 -55px;
}
.nav .backstage a {
	height: 23px;
	background-position:0 -80px;
}
.nav .stores a {
	height: 23px;
	background-position:0 -103px;
}
.nav .club a {
	height: 23px;
	background-position:0 -128px;
}
.nav .compania a {
	height: 23px;
	background-position:0 -153px;
}
.nav .contacto a {
	height: 23px;
	background-position:0 -177px;
}
.nav .home a:hover {
	background-position:-152px 0;
}
.nav .coleccion a:hover {
	background-position:-152px -27px;
}
.nav .lookbook a:hover {
	background-position:-152px -55px;
}
.nav .backstage a:hover {
	background-position:-152px -80px;
}
.nav .stores a:hover {
	background-position:-152px -103px;
}
.nav .club a:hover {
	background-position:-152px -128px;
}
.nav .compania a:hover {
	background-position:-152px -153px;
}
.nav .contacto a:hover {
	background-position:-152px -177px;
}
.nav .home a.on {
	background-position:-329px 0;
}
.nav .coleccion a.on {
	background-position:-329px -27px;
}
.nav .lookbook a.on {
	background-position:-329px -55px;
}
.nav .backstage a.on {
	background-position:-329px -80px;
}
.nav .stores a.on {
	background-position:-329px -103px;
}
.nav .club a.on {
	width:175px;
	background-position:-307px -128px;
}
.nav .compania a.on {
	background-position:-329px -153px;
}
.nav .contacto a.on {
	background-position:-329px -177px;
}
.nav .hombre a {
	width: 74px;
	height: 14px;
	background: url(../img/bo_hombre.png) no-repeat right 0;
}
.nav .mujer a {
	width: 56px;
	height: 14px;
	background: url(../img/bo_mujer.png) no-repeat right 0;
}
.nav .download a {
	width: 105px;
	height: 14px;
	background: url(../img/bo_download.png) no-repeat right 0;
}
.wrapper .right {
	width: 734px;
	float: right;
	margin: 0;
	padding:0;
}


.right p img {
	margin: 15px 0 0 0;
}
.right #banners {
	float: left;
	margin: 0 0;
	
}
#banners #slide-look {
	float: left;
}
#banners #ba-store {
	float: left;
}
#banners .banner-1 {
	margin: 0 10px 0 0; 
	float: left;
}
#banners .banner-2 {
	margin: 0 10px 0 0;
	float: left;
}
#banners .banner-3 {
	float: left;
}
#music {
	width: 100%;
	height: 25px;
	bottom: 0;
	position: fixed;
	background-color: #666666;

}

/* SUB NAV */
.right .sub-nav {
	width: 100%;
	height: 50px;
	clear: both;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	display: block;
	float: left;
}
.sub-nav li {
	display: block;
	float: left;
}
.sub-nav li a {
	margin: 0 18px 10px 0;
	display: block;
	text-indent: -9999px;
}
.sub-nav li a:hover {
	background-position: 0 -16px;
}
.sub-nav .jeans a.on,
.sub-nav .remeras a.on,
.sub-nav .camisas a.on,
.sub-nav .buzos a.on,
.sub-nav .sweaters a.on,
.sub-nav .camperas a.on,
.sub-nav .calzados a.on,
.sub-nav .accesorios a.on,
.sub-nav .bermudas a.on,
.sub-nav .boxer a.on {
	background-position: 0 -32px;
}
.sub-nav .jeans a {
	width: 41px;
	height: 16px;
	background: url(../img/bo_jeans.png) no-repeat right 0;
}
.sub-nav .remeras a {
	width: 63px;
	height: 16px;
	background: url(../img/bo_remeras.png) no-repeat right 0;
}
.sub-nav .bermudas a {
	width: 74px;
	height: 16px;
	background: url(../img/bo_bermudas.png) no-repeat right 0;
}
.sub-nav .boxer a {
	width: 43px;
	height: 16px;
	background: url(../img/bo_boxer.png) no-repeat right 0;
}
.sub-nav .camisas a {
	width: 59px;
	height: 16px;
	background: url(../img/bo_camisas.png) no-repeat right 0;
}
.sub-nav .buzos a {
	width: 43px;
	height: 16px;
	background: url(../img/bo_buzos.png) no-repeat right 0;
}
.sub-nav .sweaters a {
	width: 69px;
	height: 16px;
	background: url(../img/bo_sweaters.png) no-repeat right 0;
}
.sub-nav .camperas a {
	width: 73px;
	height: 16px;
	background: url(../img/bo_camperas.png) no-repeat right 0;
}
.sub-nav .calzados a {
	width: 66px;
	height: 16px;
	background: url(../img/bo_calzados.png) no-repeat right 0;
}
.sub-nav .accesorios a {
	width: 79px;
	height: 16px;
	background: url(../img/bo_accesorios.png) no-repeat right 0;
}

/*add*/
#holder-coleccion .right .slide-coleccion {
	height:400px;
	margin:0 0 0 10px;
}
#slide-home {
	width: 1800px;
	height: 200px;
	left: 50%;;
	right:0;
	top:0; 
	bottom:0;
	position: absolute;
	margin-left: -900px;
}

.right #slide-sotres {
	width: 734px;
	height: 300px;
	padding: 0;
	/*background: #6bb0e7;*/
	background: #6cb0e3;
	margin:0px;
}
#nav-colection {
	position:absolute;
	width:130px;
	height:40px;
	z-index:50;
	background: url(../img/bg_nav_colec.png) no-repeat;
	padding: 18px 0 18px 21px;
	margin:-30px 0 0 597px;
}
#nav-colection #prev {
	float:left;
}
#nav-colection #pause {
	float:left;
	margin: 0 0 0 12px;
}
#nav-colection #resume {
	float:left;
	margin: 0 0 0 12px;
}
#nav-colection #next {
	float:left;
	margin: 0 0 0 12px;
}
#actual {
	position:absolute;
	z-index:51;
	font-size:11px;
	margin:15px 0 0 649px;
}
.temporada {
position:absolute;
background: url(../img/temporada.png) no-repeat;
width:295px;
height:54px;
top:349px;
left:439px;
z-index:50;
}
.contenedor {
position:relative;
}
/*end add*/

.texto-coleccion {
	margin: 65px 0 0 11px;
	line-height:18px;
}

#look-mujer{
	margin:-86px 0 -86px 0;
}

#look-mujer #mujer,
#look-mujer #hombre{
	margin: 0 0 20px 0;
	clear:both;
}
#look-mujer ul.sub-nav-m,
#look-mujer ul.sub-nav-h {
	width: 357px;
	height: 60px;
}

#look-mujer .prod-mujer{
	margin:-10px 0 0 0;
	height:538px;
	clear:both;
}

#look-hombre {
	/*height:500px; */
	margin:0 0 0 0;

}

#look-hombre #hombre {
	/*height:500px;*/
	margin:0 0 0 0px;
}

#look-hombre .prod-hombres {
	margin:0px 0 -67px 0px;
	clear:both;
}

#look-hombre .prod-hombres-dos {
	margin:0px 0 27px 10px;
	clear:both;
	}

.tooltips-m {
	margin:-557px 0 0 0;
	position:absolute;
	z-index:20;
}

.tooltips-h {
	width:735px;
	height:535px;
	margin:-470px 0 0 0;
	position:absolute;
	z-index:20;
}
.tooltips-j {
	width:735px;
	height:535px;
	position:absolute;
	z-index:20;
}

.tooltips-m a{
	float:left;
	width:243px;
	height:538px;
	display:block;
	background:url(../img/trans.gif);
	text-decoration:none;
	cursor:default;
}

.tooltips-h a {
	float:left;
	width:243px;
	height:538px;
	display:block;
	margin:0px 0 0 0;
	background:url(../img/trans.gif);
	text-decoration:none;
	cursor:default;
	}

.tooltips-j a {
	border:1px;
	float:left;
	width:181px;
	height:539px;
	display:block;
	margin:-529px 0 0 0;
	background:url(../img/trans.gif);
	text-decoration:none;
	cursor:default;
	}

.tooltips-m a span,
.tooltips-h a span,
.tooltips-j a span{
	visibility:hidden;
}
.bo-sig a {
	width: 25px;
	height: 45px;
	background: url(../img/bo_sig_look.png) no-repeat top;
	float:right;
	display: block;
	margin:0px 10px 0 0px;
}
.bo-sig a:hover {
	background-position:1px -44px;
}
.bo-ant a {
	width: 25px;
	height: 45px;
	background: url(../img/bo_ant_look.png) no-repeat top;
	float: left;
	display: block;
	margin:0px 0px 0 20px;
}
.bo-ant a:hover {
	background-position:1px -44px;
}

#mujer .nav-look{
	width:730px;
}
#hombre .nav-look{
	width:730px;
	
}
.nav-look {
	top:300px;
	height: 81px;
	float: right;
	margin:0px 0 0 0;
	position:relative;
	z-index:260;
}

.titulitos {
	float: left;
	margin:5px 0 0 0;
}
#slider {
	margin:5px 0 0 0;
	}
	
#holder-taco {
	background:url(../img/pattern_taco.png) repeat;
	width:100%;
	height:30px;
	position: fixed;
	z-index: 100;
	bottom:0;
}
#holder-taco .taco {
	width:897px;
	height: 30px;
	margin:0 auto;
	display: block;
}
#holder-taco .taco .copy {
	float: left;
}

#holder-taco .taco .copy img {
	float: left;
	margin:10px 0 0 0px;
}
	
.facebook a{
	float:left;
	width:25px;
	height:25px;
	background: url(../img/icon_face.png) top no-repeat;
	background-position: 0 0;
	display: block;
	text-indent: -99999px;
	margin:3px 0px 0 10px;

}

.facebook a:hover {
	background-position:0 -25px;
	}

#holder-taco .taco .firma {
	float:right;
	margin:10px 0 0 0;
	}


