/* @override 
	http://yagmour.ver2011/assets/styles/css.css

*/

@import url("reset.css");
@import url("colorbox/colorbox.css");

/* @group Webfonts */


 /*
@font-face {
    font-family: 'Futura Medium';
    src: url('fonts/futurastd-medium.eot');
    src: local('Futura Std Medium'), local('fonts/futurastd-medium'), url('fonts/futurastd-medium.woff') format('woff'), url('fonts/futurastd-medium.ttf') format('truetype'), url('fonts/futurastd-medium.svg#fonts/futurastd-medium') format('svg');
    font-weight: bold;
        font-style: normal;
}

@font-face {
    font-family: 'Futura Light';
    src: url('fonts/futurastd-light.eot');
    src: local('Futura Std Light'), local('fonts/futurastd-light'), url('fonts/futurastd-light.woff') format('woff'), url('fonts/futurastd-light.ttf') format('truetype'), url('fonts/futurastd-light.svg#fonts/futurastd-light') format('svg');
    font-weight: lighter;
        font-style: normal;
}
*/



@font-face {
	font-family: 'Droid Sans';
	src: url('fonts/DroidSans-webfont.eot');
	src: local('☺'), url('fonts/DroidSans-webfont.woff') format('woff'), url('fonts/DroidSans-webfont.ttf') format('truetype'), url('fonts/DroidSans-webfont.svg#webfont1Sz43lFn') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Droid Sans';
	src: url('DroidSans-Bold-webfont.eot');
	src: local('Droid Sans Bold'), url('fonts/DroidSans-Bold-webfont.woff') format('woff'), url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('fonts/DroidSans-Bold-webfont.svg#webfontRrqxaUAq') format('svg');
	font-weight: bold;
}


@font-face {
    font-family: 'Futura Book';
    src: url('fonts/futurastd-book.eot');
    src: local('☺'), local('fonts/futurastd-book'), url('fonts/futurastd-book.woff') format('woff'), url('fonts/futurastd-book.ttf') format('truetype'), url('fonts/futurastd-book.svg#fonts/futurastd-book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Futura Heavy';
    src: url('fonts/futurastd-heavy.eot');
    src: local('☺'), local('fonts/futurastd-heavy'), url('fonts/futurastd-heavy.woff') format('woff'), url('fonts/futurastd-heavy.ttf') format('truetype'), url('fonts/futurastd-heavy.svg#fonts/futurastd-heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ChampagneLimousinesBold';
    src: url('fonts/champagne__limousines_bold-webfont.eot');
    src: url('fonts/champagne__limousines_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/champagne__limousines_bold-webfont.woff') format('woff'),
         url('fonts/champagne__limousines_bold-webfont.ttf') format('truetype'),
         url('fonts/champagne__limousines_bold-webfont.svg#ChampagneLimousinesBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* @end */


/* @group Estructura */

body {
	height: 100%; width: 100%;
	min-height: 600px; 
	min-width: 940px;
	color: #656565;
	font: 13px/18px "Droid Sans","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #bcbcbc url(images/loading-bg.gif) repeat;
	overflow: auto;

	scrollbar-arrow-color: #FFFFFF;
	scrollbar-base-color: #FFFFFF;
	scrollbar-dark-shadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-face-color: #cf8a9c;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3d-light-color: #FFFFFF;	
}

/* Quité el scroll vertical para la home solamente */
body.home { 
	/*background-image: none;
	background-color: #000;*/
	overflow: hidden;
	position: fixed;
}



#header {
	
	background-color: #fff;
	width: 100%; min-width: 940px;
	position: fixed;
	top: 0; 
	left: 0;
	height: 45px;
	z-index: 5000;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0, 0.2);
	box-shadow: 0 0 10px rgba(0,0,0, 0.2);

}

.content {
	height: 100%; width: 100%;
	min-height: 600px; 
	min-width: 940px;
	}

p {
	margin-bottom: 1em;
}

.box p {
	line-height: 20px;
	margin-bottom: .5em;
}

a:link {
	color: #e8585d;
	text-decoration: none;
}

a:visited {
	color:#e8585d;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*
	Background Stretcher jQuery Plugin
	© 2009 ajaxBlender.com
	For any questions please visit www.ajaxblender.com 
	or email us at support@ajaxblender.com
*/

.botonesmg a {
	font: bold 13px 'ChampagneLimousinesBold', Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	letter-spacing: 2px;
	line-height: 43px;
	margin: 0 20px 0 0;
}
.botonesmg a:hover,
#coleccion .coleccion a,
#lookbook .lookbook a,
#mundo .mundo a,
#puntos .puntos a,
#contacto .contacto a {
	color: #000;
	text-decoration: none;
}
.botonesmg {
	text-align: left;
	margin: 0 0 0 20px;
}
#contacto .galleria-image-nav-left,
#contacto .galleria-image-nav-right,
#puntos .galleria-image-nav-left,
#puntos .galleria-image-nav-right,
#mundo .galleria-image-nav-left,
#mundo .galleria-image-nav-right {
	display: none;
}


#index .galleria-image-nav {
	display: none;
}

#center-content {
	z-index: 5;
	background: white;
	height: 396px;
	width: 100%;
	position: absolute;
	bottom: 50%;
	margin-bottom: -25%;
}

#index #center-content {
	z-index: 5;
	height: 720px;
	background: transparent;
	width: 100%;
	position: absolute;
	top: 0;
	text-align: center;
}
#index #center-content .btn_entrar {
	padding: 30px 0;
	display: block;
}
#puntos #center-content #table {
	margin: 0 0 0 395px;
	width: 570px;
	height: 396px;
}

body.coleccion .bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
}

/* Toque el position fixed (estaba en absolute) y puse overflow hidden */
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	overflow: hidden;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* REVISAR */

/*#bgstretcher ul li img {
	top: 58px;
	position: fixed;
}*/

#bgstretcher ul li.bgs-current {
	position: fixed;
	
}

/* Preloadeer */

.QOverlay {
	background-color: #fffdfa;
	z-index: 9999;
}

.QLoader {
	background-color: #e8585d;
	height: 1px;
}

/* Paginas estaticas */


.box {
	width: 758px;
	position: relative;
	margin: 0 auto;
	top: 100px;
	z-index: 2;
	}

.box-content {
	padding: 30px;
	background-color: #fffdfa;
	padding-bottom: 100px;
	overflow: hidden;
	}

.box-content .head {
	overflow: hidden;
	margin-bottom: 20px;

	border-bottom: 1px solid #f2f2f2;
	
	}

/* My Comment */


/* Caja de texto */

.box h1, .novedades .article h3 {
	color: #e8585d;
	font: normal normal 32px/36px Georgia, "Times New Roman", Times, serif;
	text-transform: none;

}
.box h1 {
	margin-bottom: 1em;
}
.box h3 {
	
	color: #860038;
	margin-bottom: .75em;
	text-transform: uppercase;

	font-weight: normal;
	font-style: normal;

}

.box h4 {
	margin-bottom: 1em;

}

.section {
	margin-bottom: 10px;


	}

.box .section:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

.section p:last-child {
	margin-bottom: 0;
	}

/* Truco para que no se vea la parte de abajo */


.locales .box-margen, .yagmour .box-margen, .contacto .box-margen, .prensa .box-margen  {
	width: 100%;
	height: 40%;
position: fixed;
	overflow: hidden;
	bottom: 0;
	}


.locales .box-margen .wrapper, .yagmour .box-margen .wrapper, .contacto .box-margen .wrapper, .prensa .box-margen .wrapper {

	width: 758px;
	height: 100%;
	background-color: #fffdfa;
	position: relative;
	margin:0 auto;
	z-index: 1;
	}

/* Boton semitransparente */
a.boton  {
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fffeff;
	text-transform: uppercase;
	text-shadow: #303030 0 0 3px;
	padding: 6px 8px;
	-moz-border-radius: 5px; 
	border-radius: 5px;

	}

a.boton:link, a.boton:visited {
	background-color: #919191;
	text-decoration: none;
	}
a.boton:hover {
	background-color: #515151;
	text-decoration: none;

}

/* My Comment */

.error h2 {
	
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 15px;
}

#sitemap li {
	background: url(images/bullet3.gif) no-repeat 0 center;
	padding-left: 10px;
	
}

#sitemap li.group {
	background: none;
	padding-left: 0;
	margin-bottom: 5px;
}

.error .box-content {
	padding-bottom: 40px;
}




/* @end */

/* @group Elementos html */



/* @end */

/* @group Header */

#header h2 a {
	display: block;
	position: absolute;
	top: 2px;
	left: 20px;
	padding: 14px;
	width: 133px; height: 14px;
	background: url(images/yagmour_logo_coral.gif) no-repeat center center;
	text-indent: -99999px;
}

#nav {
	overflow:visible;
	float: right;
	position: absolute;
	right: 20px;
	height: 45px;
	top: 0px;
	}

#nav li {
	float: left;	
	position:relative;
	overflow: visible;
	}

#nav li a {
	padding: 12px 9px 12px 9px;
	display: block;
	text-transform: uppercase;
	line-height: 22px;

}

#nav li.separador {
	font-size: 12px;
	padding: 12px 3px 12px 3px;
	display: block;
	text-transform: uppercase;
	line-height: 22px;
	}

#nav li a:link, #nav li a:visited {
	text-decoration: none;
	color: #656565;
	}

#nav li a.disabled:link, #nav li a.disabled:visited {
	text-decoration: none;
	color: #a9a9a9;
	cursor: default;
	}


#nav li a:hover {
	text-decoration: none;
	color: #191919;
	}



#nav li a.selected {
	text-decoration: none;
	color: #e8585d;
}



/* SUBMENUES */

#nav li ul {
	display: none;
	}

#nav li ul li {
	display: none;

}

ul#nav li ul li { 
	display:block; 
	clear:left; 
	width:100%; 
	margin: 4px 0;
	text-align:left;}

#nav li ul li a {
	padding: 0;

	color: #6a6a6a;
}

ul#nav li ul { 
	z-index:500;
 	display: none;
	position:absolute; 
	left:-5px; top:45px; 
	width: 10em; 
	padding: 5px 15px 5px 15px;
	background-color: rgba(255,255,255,0.8);
	-moz-box-shadow: 1px 1px 20px rgba(192, 192, 192, 0.5);
	-webkit-box-shadow: 1px 1px 20px rgba(192, 192, 192, 0.5);
	}

.no-opacity ul#nav li ul {
	background: url(images/menu-bg.png) repeat;
	}

ul#nav li:hover ul {
	display:block;
	}

.submenu .tapar {
	background-color: #fffdfa;
	display: block;
	height: 15px;
	position: relative;
	top: -20px;
	left: -30px;
	width: 150%;
	}

/* Buscador */

#header #search_mini_form {
	margin-left: 5px;
	}
#header #search_mini_form input {
	width: 120px;
	border: 1px solid #b8b8b8;
	padding: 3px;
	height: 15px;
}

#header #search_mini_form button {
	float: none;
	display: inline;
	width: 27px; height: 26px;
	text-indent: -99999px;
	background: url(images/search-button.png) no-repeat 0 0;
	}

#header #search_mini_form div.form-search label {
	display: none;
	}

#header div.form-search {
	overflow: hidden;	
	position: relative;
	top: 9px;
	}

#header #search {
	width: 120px;
	border: 1px solid #b8b8b8;
	padding: 3px;
	height: 15px;
	}

#header input#search.input-text.idleField {
	color: #9b9b9b;
}

/* @end */

/* @group Footer */


#footer {
	position: fixed;
	height: 30px;
	bottom: 0;
	width: 100%;
	z-index: 5000;
	background-color: #f1f1f2;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-top: 1px solid #ddd;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0, 0.2);
	box-shadow: 0 0 10px rgba(0,0,0, 0.2);
	
}

/* Menu Footer */

#footer .footer-wrapper {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
	}

ul.footer-links {
	clear:left;
   float:left;
   list-style:none;
   margin:0; padding:0;
   position:relative;
   left:50%;
   text-align:center;
	}

#footer li {
	display:block;
   	float:left;
   	list-style:none;
   	margin:0;
   	padding:0;
   	position:relative;
   	right:50%;
	height: 30px;
	border-right: 1px solid #ddd;
	}
#footer li.first { border-left: 1px solid #ddd; }
#footer li a {
	padding: 8px 10px; 
	display: block;
	}

#footer li a:link, #footer li a:visited {
	color: #747474;
	}
#footer li a:hover {
	color: #e8585d;
	}

#footer .facebook a {
	width: 130px;
	text-align: left;
	position: relative;
	}

#footer .facebook span.facebook-logo {
	display: block;
	position: absolute; top: 7px; right:8px;
	width: 58px; height: 13px;
	text-indent: -9999px;
	background: url(images/logo-facebook.png) no-repeat 0 0;
	}

/* Creditos */

#cboxLoadedContent h3 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ececec;
	}

.creditos { text-align: center; }
.creditos h3 { text-transform: uppercase; }
.creditos dl dd { margin-bottom:.5em; }

/* Galleria */

/* Preload de Galleria */

#galleria div img { display: none; }
.campana .info-box {display: none;}
.lookbook .info-box {display: none;}
/* @end */

/* @group Home */

/* Para precargar las imagenes */
.hidden { display: none !important; }

.home .content-main {
	position: fixed;
	bottom: 40%;
	right: 5%;
	width: 450px;	
	z-index: 3;
	}

.home h1 {
	font: normal 58px/55px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	text-indent: -9999px;
	width: 451px;
	height: 211px;
	background: url(images/home_verano2011.png) no-repeat 0 0;
}

/* Pastillas */

.barra_inferior .handle a {
	position: absolute;
	left: 48.5%;
	top: -20px;
	display: block;
	width: 40px;
	height: 20px;
	background: url(images/barra-inferiro-hande.png) no-repeat;
	text-indent: -9999px;
}

.barra_inferior.open .handle a {
	background-position: 0 -20px;
}

.barra_inferior.close .handle a {
	background-position: 0 0px;
}

.home div.content-secondary {
	position: fixed;
	bottom:0;
	width: 100%;
	padding: 10px 0 40px 0;	
	z-index: 3;
	background: url(images/backstage-bg.png) repeat;
}



.home .content-secondary .wrapper {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;

}

.pastilla {
	position: relative;
	width: 300px;
	height: 124px;
	float: left;
	margin-right: 10px;	
	text-indent: -99999px;
}
.pastilla.last {
	margin-right: 0;
}

.pastilla a {
	position: relative;
	top: 0;
	display: block;
	width: 300px;
	height: 122px;
	border: 1px solid #2a2a2a;
	}
	
.pastilla a:link, pastilla:visited {
	border-color: #2a2a2a;
	}
.pastilla a:hover {
	border-color: #e8585d;
}	
		

.pastilla h3, .pastilla p {
	position: absolute;
	margin-bottom: 0;
}

a.ver-mas {
	position: absolute;
	top: 145px;
	left: 160px;
	font-size: 12px;
	background-color: #e8575d !important;
}

.home a.ver-mas:link, a.ver-mas:visited {
	background-color: #e8575d !important;
}
.home a.ver-mas:hover {
	background-color: #a53d40 !important;
}

/* @end */

/* @group Coleccion */

.time li { display: list-item; }


/* Flechas de navegación */

a.coleccion-nav, a.lookbook-nav {
	position: fixed;
	z-index: 455;
	display: block;
	width: 42px ; height: 83px;
	text-indent: -9999px;
	}

a#previousImage {
	top: 46%;
	display: block;
	left: 0;
	background: url(images/galeria-botones.png) no-repeat 0 0;
	cursor: pointer;
	}
a#previousImage:link, a#previousImage:visited { background: url(images/galeria-botones.png) no-repeat 0 0; }
a#previousImage:hover { background: url(images/galeria-botones.png) no-repeat 0 -133px;}
a#previousImage:active { background: url(images/galeria-botones.png) no-repeat -5px -133px; }	
a#previousImage.disabled, a#previousImage.disabled:hover, a#previousImage.disabled:visited:hover { background: url(images/galeria-botones.png) no-repeat 0 -266px; cursor:auto; }

a#nextImage {
	top: 46%;
	display: block;
	right: 0;
	background: url(images/galeria-botones.png) no-repeat -100px 0;
	cursor: pointer;
	}
a#nextImage:link, a#nextImage:visited { background: url(images/galeria-botones.png) no-repeat -100px 0;}
a#nextImage:hover { background: url(images/galeria-botones.png) no-repeat -100px -133px;}
a#nextImage:active { background: url(images/galeria-botones.png) no-repeat -93px -133px; }
a#nextImage.disabled, a#nextImage.disabled:hover, a#nextImage.disabled:visited:hover { background: url(images/galeria-botones.png) no-repeat -100px -266px; cursor:auto; }



/* @end */

/* @group Look book */

/* Captions */


/* @end */

/* @group Tendencia */

/* Override de infobox para usar el mismo Theme que coleccion pero con la información en diferente posición */

.tendencia #galleria .galleria-info {
	position: relative;
	background: transparent;
	}

.tendencia #galleria .wrapper {
	position: fixed;
	padding: 0;
	max-width: 350px;
	background: transparent;
	/* Truco para que el loading sea mas prolijo */
	display: none;
	}


	
.tendencia #galleria .wrapper.right { 
	right: 13%; 
	top: 50% !important;
	margin-top: -140px;
	 }	
.tendencia #galleria .wrapper.left { 
	left: 12%; 
	top: 50%;
	margin-top: -174px;
	}	

.tendencia h3 {
	
	color: #829ad1 !important;
	margin-bottom: 1em;
	display: block;
	z-index: 10;
	
	}



.tendencia blockquote, .yagmour blockquote {
	font: italic 18px/26px Georgia, "Times New Roman", Times, serif; 
	color: #747474;
	margin-bottom: 1em;
	position: relative;
	}
	
blockquote p { line-height: 26px !important; }

.tendencia #galleria blockquote .quote {
	position: absolute;
	color: #cbcdce;
	display: none;
	}
.tendencia #galleria blockquote .quote.first { top: .25em; left: -.5em; }
.tendencia #galleria blockquote .quote.last { bottom: 0; right: -.4em; }

/* @end */

/* @group Backstage */

/* Estructura */
body.backstage { overflow: hidden; }
body.backstage div.barra{
	height: 144px;
	position: fixed;
	width: 100%; min-width: 694px; 	bottom: 30px;
	background: url(images/backstage-bg.png) repeat;
	}

.backstage .barra .wrapper {
	padding: 15px 20px 10px 30px;	
	overflow: hidden;
	margin: 0;
	}

.backstage div.thumbs {
	padding: 0px 50px 0px 50px;
	overflow: hidden;
    float: right;
    position: relative;
    top: 5px;
	}

.backstage h1 {
	position: relative;
	margin-bottom: .4em;
	text-transform: uppercase;
	color: #fffdfa;
	font: normal normal 40px/36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 112px;
	height: 68px;
	text-indent: -99999px;
	background: url(images/backstage-h1.png) no-repeat 0 0;
}

div.titulo {
	float: left;
	margin-bottom: 10px;
	}



a#ver-video {
	padding: 6px 10px 6px 30px;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	background: url(images/iconos.png) no-repeat 8px -83px;
	}

a#ver-video:link, a#ver-video:visited {
	text-decoration: none;
	color: #fffdfa; background-color: transparent;
	background-color: rgba(0,0,0,0.4);
	}

a#ver-video:hover {
	text-decoration: none;
	background-color: rgba(0,0,0,0.6);
	}

object {
	display: block;
	padding: 0; margin: 0;
	}
/*
#cboxClose{ 
	top: -30px !important; 
	right:-5px !important; 
	background: url(images/fancy_close.png) 0 0;
	width: 30px; 
	height: 30px; }
*/
/* @group Galleria */


body.backstage .galleria{
	list-style:none;
	width:200px; }

body.backstage .galleria li{
	display:block;
	width:90px;
	height:90px;
	overflow:hidden;
	float:left;
	margin:0 20px 20px 0;}
body.backstage .galleria li a{display:none;}
body.backstage .galleria li div{position:absolute;display:none;top:0;left:180px;}
body.backstage .galleria li div img{cursor:pointer;}
body.backstage .galleria li.active, div body.backstage img, body.backstage .galleria li.active div{display:block;}
body.backstage .galleria li .caption{display:block;padding-top:.5em;}


/* MSIE bug */
* html body.backstage .galleria li div span{width:400px;}

/* Caption */
body.backstage .caption{display: none !important;}
body.backstage #main_image span.caption.selected {
display: none !important; }

/* Thumbnails */
body.backstage .gallery_demo{margin:0 auto;}

body.backstage .galleria li img.thumb{
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
	}

body.backstage .gallery_demo li{
	width:95px; height:95px;
	border: 3px solid #fffdfa;
	margin: 0 2px;
	background:#000;}
body.backstage .gallery_demo li div { left:240px; }

	
body.backstage #main_image {
    height:100%;
    position: fixed !important;
    width:100%;
    z-index:0;
    }

body.backstage #main_image div.galleria_wrapper img.replaced {
   height:100%;
    position:absolute;
    width:100%;
    z-index:0;
    top: 45px; /* Bajamos la imagen para que no tape el header */   
	}



/* @end */

/* @group JCarousel */

/* Contenedor*/
body.backstage .jcarousel-container {
   float: right;
position: relative;
    width:535px;
 
  	}

body.backstage .jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
	}

body.backstage .jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
	}

body.backstage .jcarousel-list li,
body.backstage .jcarousel-item {
    float: left;
    list-style: none;
    margin-right: 5px;
    width: 95px;
    height: 95px;
	}

/* Navegacion */

.backstage .jcarousel-next, .backstage .jcarousel-prev {
   	z-index: 1;
   	width: 57px; height: 70px;
   	position: absolute;
   	top: 15px;
	background: url(images/backstage-botones.png) no-repeat;
	cursor: pointer;
}


.backstage .jcarousel-next { right: -50px; background-position: -72px 0; }
.backstage .jcarousel-next:link, .backstage .jcarousel-next:link  { background-position: -72px 0;}
.backstage .jcarousel-next:hover  { background-position: -67px -70px;}
.backstage .jcarousel-next:active  { background-position: -72px -70px;}
.backstage .jcarousel-next-disabled, .backstage .jcarousel-next-disabled:hover, .backstage .jcarousel-next-disabled:active  { background-position: -72px 0; cursor: default;}


.backstage .jcarousel-prev { left: -50px; background-position: 15px 0; }
.backstage .jcarousel-prev:link, .backstage .jcarousel-prev:link  { background-position: 15px 0;}
.backstage .jcarousel-prev:hover  { background-position: 10px -70px;}
.backstage .jcarousel-prev:active  { background-position: 15px -70px;}
.backstage .jcarousel-prev-disabled, .backstage .jcarousel-prev-disabled:hover, .backstage .jcarousel-prev-disabled:active  { background-position: 15px 0; cursor: default;}

/* @end */
/* @end */

/* @group Jeans */

/* Portada */
.jeans .box {
	top: 80px;
}
.jeans .box-content {
	
	background: none;
	padding-top: 60px;
	padding-bottom: 0;
}

.jeans .imagenes {
	width: 370px;
	height: 499px;
	background: url(images/jeans-bg-imagenes.png) no-repeat 0 0;
	position: relative;
	top: -75px;
	float: left;
}

.jeans .imagenes ul {
	width: 280px; 
	height: 392px;
	position: absolute;
	top: 70px; left: 43px;
}

.jeans .info {
	font: 13px Georgia, "Times New Roman", Times, serif;
	color: #3c3c3c;
	width: 320px;
	text-align: center;
	float: right;
}

.jeans p {
	margin-bottom: 1em;
	font-size: 13px;
}

.jeans .item {
	float: right;
}

/* Flechas */
.jeans .prev, .jeans .next {
	position: fixed;
	top: 0;
	z-index: 50;
	width: 15%;
	max-width: 200px;
	height: 100%;
	text-indent: -9999px;
	background: url(images/jeans-botones.png) no-repeat;
}
.jeans .prev {
	background-position: left center;
	left: 0;
}
.jeans .next {
	background-position: right center;
	right: 0;
}



/* Subnav */

.jeans .subnav {
	background-image: url(images/jeans-bg-subnav.png);
	width: 597px;
	height: 68px;
	margin: 0 auto;
	position: relative;
	top: -60px;
	z-index: 20;

	}

.jeans .subnav li {
	float: left;

	line-height: 15px !important;
	text-align: center;
	}
.jeans .subnav li.first a { padding-left: 0; }	
.jeans .subnav li.last a { padding-right: 0; }

.jeans .subnav ul {
	overflow: hidden;
	padding: 16px 45px;
	}

.jeans .subnav li.link-jeans a {
	
	font-size: 20px;
	width: 73px; height: 27px;
	text-indent: -99999px;
	display: block;
	background: url(images/jeans-bg-subnav-jeans.png) no-repeat center center;
}

.jeans .subnav a {
	padding: 0 18px;
	display: block;
	font-family: "Futura Heavy", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	text-shadow: #fffefe 0 1px 0;
	
}

.jeans .subnav a:link, .jeans .subnav a:visited { color: #688095; text-decoration: none; }
.jeans .subnav a:hover { text-decoration: underline;}
.jeans .subnav a.selected { color: #396b93; text-decoration: underline; }
.jeans .subnav a.selected:hover { cursor: default;}

/* Portada */

.jeans .jeans-home h1 {
	width: 114px;
	height: 53px;
	background: url(images/jeans-portada-h1.png) no-repeat 0 0;
	text-indent: -99999px;
	margin: 0 auto;
	margin-bottom: 30px;
	margin-top: 20px;
	}

.jeans .jeans-home .info {
	padding-bottom: 40px;
	background: url(images/jeans-1971.png) no-repeat center bottom;
	}

/* Informacion de cada jean */

.jeans .info h1, .jeans .info .sku {
	color: #3d7096;
	text-align: center;
	}

.jeans .info h1 {
	text-transform: uppercase;
	font: 20px/22px "Futura Heavy", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.jeans .info .sku {
	font-size: 16px; 
	display: block;
	font-family: "Futura Book", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 0;
	}

.jeans .info .dibujo { margin-bottom: 20px; }
.jeans .info .dibujo img { margin: 0 auto; display: block; }

.jeans .info dl { line-height: 18px; }
.jeans .info dt, .jeans .info dd { display: inline; }
.jeans .info dt {
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	color: #3d7096;
	}
.jeans .ver-mas { margin: 20px 0 0 0; }
.jeans .ver-mas a {
	background-image: url(images/jeans-bg-vermas.png);
	width: 177px; height: 35px;
	text-indent: -99999px;
	display: block;
	margin: 0 auto;
}




/* @group zoom  */

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}



/* @end */

/* @group Zoom con Lightbox */

/* Zoom con Lightbox */

.jeans #colorbox {
	cursor: move;
}  

.jeans #cboxWrapper{
	cursor: move;
}

.jeans .helper {
	text-align: center;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 10000;
	color: #fff;
	background-color: black;
	padding: 20px;
} 
.jeans a.colorbox {
	position: relative;
	display: block;
	width: 222px;
}
.jeans .zoom {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; left: 0;
	text-indent: -9999px;	
	display: block; 
	z-index: 20;
}
.jeans .zoom:hover {
	
	background: url('images/zoom.png') no-repeat 50% 50%;
	
}

/* @end */

/* @group Slider */

/* Slider */

div.home-slider {
	width: 222px;
}

div.home-slider li {
	overflow: hidden;
	width: 222px;
}

/* @end */



/* @end */

/* @group Beauty */

.beauty #bgstretcher ul li.bgs-current img {
	bottom: 30px !important;
	position: fixed !important;
	}





/* Submenu */

.beauty .subnav.title {
	z-index: 1;
	position: absolute;
	width: 530px;
	margin: 0 auto;
	}

.beauty .subnav.interior ul {
	overflow: hidden;
	margin: 0 auto;
	left: 0; 
	width: 350px !important;
	}

.beauty .subnav li { float: left; margin-right: 10px;}

.beauty .subnav li a {
	padding: 3px 10px;
	display: block;
	border: 1px solid transparent;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	font-size: 12px;
}

.beauty .subnav a:link, .beauty .subnav a:visited { color: #636466; }


.subnav a#tab-energia.selected { color: #f7941e; border-color: #f7941e; }
.subnav a#tab-espiritu.selected { color: #f07a9f; border-color: #f07a9f; }
.subnav a#tab-universo.selected {  color: #8dc63f; border-color: #8dc63f; }
.subnav a#tab-esencia.selected {  color: #8279ca; border-color: #8279ca; }


a#tab-energia.selected, a#tab-energia.selected:hover, a#tab-espiritu.selected, a#tab-espiritu.selected:hover, a#tab-universo.selected, a#tab-universo.selected:hover, a#tab-esencia.selected, a#tab-esencia.selected:hover { text-decoration: none; cursor: default;
}

/* Intro */

.subnav.title {
	position: relative !important;
	top: 0 !important;bottom: 0;
	}

.beauty.beauty .tabs.subnav {
	position: absolute;
	top: -50px;
	z-index: 50;
	}

div.tabs.subnav.interior {
	left: 390px;
}

.beauty .tabs.subnav


.subnav.title  ul.tabNavigation { 
	width: 100% !important; 
	overflow: hidden;

	 }

.beauty .box.floating.center { 	
	width: 610px;
	text-align: center;
	position: absolute;
	right: 50%;
	margin-right: -305px;
	top: 50%;
	margin-top: -205px;	
}


body.beauty.beauty, body.perfumes  {
	height: 100%;
	}


.beauty .box h1.title {
	width: 219px; height: 87px;
	margin: 0 auto;
	background: url(images/beauty-h1.png) no-repeat 0 0;
	text-indent: -99999px;
	padding: 0;
	margin-bottom: 20px;
	display: block;
	}

.box.floating.center .box-content { padding: 30px; }
.subnav.title a {
	width: 110px;
	padding-top: 114px !important;
	background-position: center top;
	background-repeat: no-repeat;
}
.subnav.title li {
	margin-right: 0;
}
.subnav.title #tab-energia { background-image: url(images/beauty_naranja_xs.png); }
.subnav.title #tab-espiritu { background-image: url(images/beauty_rosa_xs.png); }
.subnav.title #tab-universo { background-image: url(images/beauty_verde_xs.png); }
.subnav.title #tab-esencia { background-image: url(images/beauty_violeta_xs.png); }
/* Productos */

.beauty.beauty .box-content {
	background-color: transparent; 
	width: auto;

	}

.beauty .box-content {
	background-color: transparent; 
	width: 360px;
	position: ;
	}

body.beauty .box h1 {
	display: none ;
	}

.beauty .box.floating.right .aside {
	position: absolute;
	left: -130px;
	top: -150px;
	z-index: 2;
}

.box.floating.right .main {
	z-index: 10;
}

.beauty .box.floating.right .main {
	float: right;
}

.box.floating.right {
	position: absolute;
	right: 8%;
	width: 420px;
	padding-left: 360px;
	top: 25%;	
	}
	
.box.floating .box-content {
	padding:30px 30px 50px;
	background: transparent;
	}


.beauty .box.floating.right { 
	top: 50%; right: 50%; 
	margin-right: 0; 
	margin-left: 0;
	margin-top: -110px;
	margin-right: -390px;
	}



.beauty h4 {
	font: 30px Georgia, "Times New Roman", Times, serif;
	margin-bottom: .5em;
	}

.beauty.energia_positiva h4 { color: #f7941e;}
.beauty.espiritu_romantico h4 { color: #f07a9f;}
.beauty.universo_natural h4 { color: #8dc63f;}
.beauty.esencia_nativa h4 { color: #8279ca;}

.beauty p.first { font: 16px/22px Georgia, "Times New Roman", Times, serif; }

/* Eau de Toilette */

.perfumes h1 {
	width: 150px;
	height: 47px;
	text-indent: -9999px;
	margin: 0 auto;
	margin-bottom: 1em;
	background: url(images/beauty-logo-eau.png) no-repeat 0 0;
	}

.perfumes .box.floating.left {
	top: 50%;
	left: 10%;
	position: absolute;
	width: 400px;
	margin-top: -170px;
	background-color: #f4f3ef;
	}

.perfumes .box-content {
	padding: 30px !important;
	}

.perfumes #bgstretcher ul li.bgs-current {
	top: -30px;	
}



/* @end */

/* @group Locales */

.locales h3 {
	text-transform: none;

	color: #747474;
	margin-bottom: 2em;
	}

/* Tabs */

.locales .info {
	float: left;
	overflow: hidden;
	}

/* Tabs Navigation */

.locales ul.tabNavigation{
	position: absolute;
	top: 35px; right:30px;
	overflow: hidden;
	}

.locales ul.tabNavigation li {
	display: block;
	float: left; 
	}

.locales ul.tabNavigation li a {
	font-size: 12px;
	padding: 5px 10px;
	display: block;
	text-transform: uppercase;
	color:  #e8585d;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.locales ul.tabNavigation li a:link, .locales ul.tabNavigation li a:visited {
	text-decoration: none;  #e8585d;
	}

.locales ul.tabNavigation li a:hover {
	text-decoration: underline; 
	}

.locales ul.tabNavigation li a.selected {
	background-color: #e8585d; 
	color: #fff;
	font-weight: bold;
}

.locales ul.tabNavigation li a.selected:hover {
	text-decoration: none;
	color: #fff;
	}

/* Mapa */

.locales .map_container{
	overflow: hidden;
	padding: 5px;
	border: 1px solid silver;
	background-color: #fff;
	margin-bottom: 20px;
	float: right;
}

.locales #map_canvas {
	height: 350px; width: 350px;
	display: block;
	position: relative;
	overflow: hidden;
}

#map_canvas .infobox-wrapper {
	background-color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #ddd;
	padding: 10px 20px 10px	10px;
	cursor: default;
}

#map_canvas .infoBox img {
	position: absolute;
	right: 5px; top: 5px;
}

#map_canvas .infoBox {
	padding-bottom: 20px;
	position: relative;
}

#map_canvas  span.tel {
	display: block;
}

#map_canvas span.datos, #map_canvas span.nombre {
	display: block;
}


.locations .flecha { display: none; }
#map_canvas .flecha {
	position: absolute;
	left: 46%;
	bottom: 6px;
	width: 20px;
	height: 15px;
	display: block;
	background: url(images/google-map-flecha.png) no-repeat 0 0;
	}

/* Lista */

.infobox .infobox-wrapper { overflow: hidden; }

.locations {
	width: 320px;
}

.locations .infobox {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	}

.locations li:last-child .infobox {
	border-bottom: none;
	}

.locations.last {
	padding-right: 0;
	margin-right: 0;
	border-right: none;
	}

.locations .nombre { display: block; }
.local { margin-left: 5px;}



.locations .addr { display: none;}

.locations.interior .region {
	font-weight: bold;
}

.locales .box .section ul {
	overflow: hidden;
	}

.locales .box .section {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	overflow: hidden;
	}

.locales .box .section li {
	font-size: 12px;
}

.addr {
	display: block;
}

.vcard .tel {
	display: block;
}

.infobox .tel {
	display: none;
}

.locales .nuevo {
	display: block;
	background: url(images/nuevo-etiqueta.png) no-repeat;
	width: 51px; height: 17px;
	text-indent: -9999px; 
	}

/* Excepciones segun Grupo de Locales */

#map_canvas .infobox-wrapper.gba .localidad, #map_canvas .infobox-wrapper.bsas .localidad  { display: none; }

#map_canvas .infobox-wrapper.interior .region, #map_canvas .infobox-wrapper.interior .localidad  {	display: none; }

#map_canvas .infobox-wrapper.outlets .localidad { display: none; }






/* @end */

/* @group Yagmour */

.yagmour .main {
	width: 370px;
	float: right;
	}

.yagmour .brand {
	
	text-transform: capitalize;
}

.yagmour .image.first {
	margin-top: 50px;
	margin-bottom: 20px;

}
.yagmour .image {
	width: 300px;
}

.yagmour .image img {
	display: block;
	margin: 0 auto;
}


/* @end */

/* @group Novedades */

/* Estructura */

.novedades .box-content {
	padding: 0;
	background: none;
	
}

/* 518px */
.novedades .main-content {
	width: 518px;
	overflow: hidden;
	float: left;
	padding-bottom: 80px;
	}

/* 230px */

.novedades .secondary-content {
	width: 190px;
	padding: 20px 20px 65px 20px;
	margin-left: 10px;
	float: left;
	background: #fffdfa url(images/icono-y.gif) no-repeat left bottom;
	font-size: 12px;
	line-height: 14px;
	}

.novedades h1 { display: none; }

.novedades .secondary-content p {
	margin-bottom: 1em;
	line-height: 18px;
	}

.article {
	position: relative;
	padding: 30px;
	font-size: 12px;
	background-color: #fffdfa;
	}

.article img {
	display: block;
	padding: 5px;
	border: 1px solid #ddd;
	margin: 0 auto;
	margin-bottom: 15px;
	}

.article .byline {
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	font-size: 12px;
	overflow: hidden;
	text-transform: uppercase;
	}

.article .byline li {
	float: left;
	margin-right: 15px; padding-right: 15px;
	border-right: 1px solid #ddd;
	}

.article .byline .dia {
	font-weight: bold;
}

.article h4 { margin-bottom: .5em;
	font-size: 16px;
	font-weight: normal;
	color: #e8575d;
	font-style: normal;
}

.article h5 {
	font-size: 11px;
	margin-bottom: 0.5em;
	font-weight: bold;
	text-transform: uppercase;
	}

.article p { margin-bottom: 15px; }

.article strong {font-weight: bold; }
.brand { text-transform: uppercase; }

/* Columna Secundaria */

.novedades h2 {
	font: normal normal 20px/22px Georgia, "Times New Roman", Times, serif;
	margin-bottom: .5em;
	color: #829ad1;
}

.novedades .secondary-content .section {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ddd;
}

.novedades .secondary-content .section:last-child {
	margin-bottom: 0; 
}

/* @end */

/* @group Prensa */

.prensa .article li img {
	width: 200px;
	height: 200px;
	margin-bottom: 10px;
}

.prensa .article li {
	text-align: center;
}

.prensa .article {
	float: left;
	padding: 0;
	width: 210px;
	margin-right: 30px;
	margin-bottom: 20px;
}

.prensa .row {
	overflow: hidden;
}

.prensa .article.last {
	margin-right: 0 !important;
}

/* @end */

/* @group Contacto */

.formularios .main-content {
	margin-left: 260px;
	}

.formularios .subnav {
	width: 220px;
	float: left;
	margin-right: 20px;
	}

.formularios li input {
	width: 300px;
}

.contacto dt {
	font-weight: bold;
}

.contacto dl.vcard {
	margin-bottom: 1em;
}

.contacto.rrhh h3 {
	display: none;
}














/* @end */

/* @group IE */

/* Reglas para IE */


/* @end */

/* @group Forms */

/* General */

.message-box, #response div { 
	text-align: left; 
	padding: 5px 5px 5px 30px !important; 
	color:#545454 !important; 
	border-top: 2px solid #82cb2f; 
	border-bottom: 2px solid #82cb2f; 
	margin-bottom: 20px;
	background: #d7f7c4 url(images/iconos.png) no-repeat 8px -122px !important;
	}

form .error{
	position: relative;
	border: none;
	display: block;
	color: #e8585d;
	margin-top: 5px; 
	padding-left: 25px;
	background: transparent url(images/iconos.png) no-repeat 5px -170px;
	font-size: 12px;
}

#loading {
	position: relative;
	left: 5px; top: 2px;
	}
	
.req { color: #e8585d; }



.box form fieldset { overflow: hidden; }

.box-content form li {
	margin-bottom: 6px;
	padding-bottom: 6px;
	overflow: hidden;
	position: relative;
	}

.box-content form ul li label {
	text-align: left;	
	display: block;
	margin-bottom: 5px;
	margin-right: 5px;
	line-height: 16px;
	}

.box-content form input  {
	padding: 5px;
	border: 1px solid #e0e0e0;
	font-size: 15px;
	color: #3c3c3c;
	}

.box-content button {
	margin-bottom: 15px;
	}

.box-content form textarea {
	padding: 5px;
	width: 300px; height: 100px;
	border: 1px solid #e0e0e0;
	color: #3c3c3c;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	}

.box-content form fieldset legend {
	display: none;
	}

.box-content form p {
	overflow: hidden;
	margin-bottom: 0;
	float: left;
	}
.box-content form {
	overflow: hidden;
}

input:focus { -moz-outline-style: none;

}

/* Form Contacto */

/* Form RRHH */

input#rhremun {
	width: 80px;
}

.formularios-rrhh .sr {
	display: none;
}

.radio .radio-group input {
	width: auto !important;
	float: left;
}

.radio .radio-group span label {
	position: relative;
	top: 3px;
}

.radio .radio-group span {
	float: left;
	width: 20%;
}

.radio .error {
	float: left;

}

form li.radio, form li.select-group {
margin-bottom: 8px;
padding-bottom: 8px;
clear: both;	
}


.formularios-rrhh fieldset fieldset {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #e0e0e0;
	overflow: hidden;
}
.formularios-rrhh fieldset fieldset legend {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
}

p.intro {
	margin-bottom: 2em !important;
	float: none !important;
}

.formularios-rrhh fieldset fieldset ul {
	margin-top: 10px;
}

.formularios-rrhh ul li {  }
.formularios-rrhh ul li.short {  }
.formularios-rrhh ul li.short input{ 	}

/* Form Newsletter */

#form-newsletter .campo_nombre, #form-newsletter .campo_localidad {
	float: left;
	margin-right: 10px;
	}
#form-newsletter .campo_nombre input, #form-newsletter .campo_apellido input, #form-newsletter .campo_localidad input { width: 190px;  }

#form-newsletter  select {
	padding: 5px;
	border: 1px solid #e0e0e0;
	color: #3c3c3c;
	height:30px;
}

#form-newsletter .campo_fnac {
	margin-bottom: 10px;
}

.formularios h3 {
	text-transform: none;
	color: #e8585d;
	font-size: 18px;
}

/* @group Botones de formulario */

/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer; 
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size: 13px;
	text-align: center; 
	background: transparent url(images/boton-brillo.png) no-repeat right -84px;

}
	
button.submitBtn span {
	padding: 6px 0 0 15px; 
	height: 29px; 
	background: transparent url(images/boton-brillo.png) no-repeat left top; 
	color: #262626;
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -126px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -42px;
}



/* @end */

/* Loading */
.formularios .boton-submit {
	position: relative;overflow: visible;
}
.formularios .loading {
	position: absolute; right: -30px; 
}


/* @end */

/* @group Magento search form */
.search-autocomplete {
z-index:999;
}
.search-autocomplete ul {
background-color:#FFFFFF;
border:1px solid #DDDDDD;
}
.search-autocomplete li {
border-bottom:1px solid #DDDDDD;
cursor:pointer;
padding:3px;
}
.search-autocomplete li .amount {
float:right;
font-weight:bold;
}
.search-autocomplete li.selected {
}

/* @end */