@import url('reset.css');
@import url('generales.css');
@import url('fonts/stylesheet.css');


body{
	background:#fff url(img/bg_body.png) repeat-x;
	color:#5e5e5e;
	font:12px Arial, Helvetica, sans-serif;
}

article{ width:960px; margin:0 auto;}

.leyenda {font-size: 10px; text-transform:none;}

.float_left{ float:left;}
.float_right{ float:right;}
.upper{ text-transform:uppercase}

.link{ font-weight:bold; color:#fff; text-transform:uppercase; padding: 10px 12px; background:#0075cd; display:inline-block; text-align:center;}
input.link{ border:0;}

#header{
	position:relative; z-index:999;
	height:119px; padding:10px 0 0 0; margin:0 0 10px 0;
}

#header a.logo{
	background:url(img/logo-latin-shoes.png) no-repeat;
	height:62px; width:271px;
	display:block;
	text-indent:-9999px;
}

#header #main_nav{	margin:25px 0 0 0;z-index:999; height:45px; position: absolute; left:0; bottom:-10px;}
#header #main_nav li{ float:left; position:relative; padding-right:18px; height:34px;  }

#header #main_nav li a{
	background: url(img/icon-nav.png) no-repeat right center;
	color:#0075cd; font-size:18px; text-transform:uppercase;
	padding-right:20px;
	font-family: 'helveticaneuelt_std_med_cnRg';
}
#header #main_nav li.current>a,
#header #main_nav li:hover a{
    color:#707070;
	text-decoration:none; background:url(img/icon-nav-over.png) no-repeat right center;
}

#header #main_nav li:hover a.nav-drop{background:url(img/icon-nav-over-drop.png) no-repeat right center;}

#header #main_nav li ul{ position:absolute; top:100%; left:0; width:237px; display:none}
#header #main_nav li:hover>ul{ display:block;}

#header #main_nav li li{ float:none; padding:0; height:auto; background:none; position:relative}
#header #main_nav li:hover li a{
	background:#878889; border-bottom:1px solid #a7a7a7;
	padding:13px 25px; display:block; font:13px Arial, Helvetica, sans-serif; font-weight:normal;
	color:#fff;
}

#header #main_nav li li:hover a{ background:#818181; color:#fff; text-decoration:none; font-weight:bold;}


#header #main_nav li ul ul{ left:237px; top:0;}
#header #main_nav li li:hover li a{background:#878889; font-weight:normal; font-size:12px; text-transform:none; padding-top:14px;}
#header #main_nav li li li a:hover{ background:#707070; font-weight:bold;}



/* buscar */
#header .buscar{ position:absolute; right:0; bottom:14px; }
.buscar input{
	width:167px; font:12px Arial, Helvetica, sans-serif; color:#444; border:1px solid #dbdbdb;
	padding:3px 5px; float:left;
}
.buscar input.btn{
	background:url(img/icon-buscar.png) no-repeat;
	width:25px; height:22px; padding:0; cursor:pointer; text-indent:-9999px; line-height:0; border:0;
}

/* login */
#header #login_box{
	background:url(img/icon-login.png) no-repeat left 3px;
	padding-left:20px; position:absolute; right:122px; top:10px; text-align:right;
}
#header #login_box input{
	width:117px; font:12px Arial, Helvetica, sans-serif; color:#444; border:1px solid #dbdbdb;
	padding:2px 5px; vertical-align:middle;
}
#header #login_box input.btn{ background:#d2d2d2; color:#8d8e90; font-size:12px; width:auto; padding:3px 8px; cursor:pointer; border:0;}
#header #login_box p{ font-size:11px; margin:5px 0 0 0}

#header #login_box .recuperar, #header #login_box .link-sesion{ display:none;}

#header #login_box .login-ok{ text-align:left; padding-top:4px;}
#header #login_box .login-ok a{ text-decoration:underline; margin-left:10px;}

#header #idiomas{ position:absolute; right:0; top:10px;}



section{ padding:0 0 10px 0}

/* slider */
#slider_box{ position:relative; padding-bottom:5px }
#slider_box img{ display:block;}
#slider{ height:293px; z-index:0;}
#slider-nav{ position:absolute; bottom:35px; right:28px; z-index:2}
#slider-nav img{ float:left; padding:2px; background:#fff; border:1px solid transparent; margin-left:2px; cursor:pointer;}
#slider-nav img.activeSlide{ border:1px solid #1a171b;}

.slider-nav{position:absolute;bottom:24px;right:10px}
.slider-nav a{background:#fff;display:inline-block;text-indent:-9999px;width:10px;height:10px;margin:0 2px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
a.activeSlide{background:#0075CD}


/*HOME*/
.banners{}
.banners .banner {
	float	:left;
	margin: 12px 1%;
	width	: 23%;
}
.banners .modulo{ float:left; margin:12px 0 0; width:183px; height:272px; position:relative;}

#novedades-home{ width:231px; height:228px; }

.modulo.last, img.last{ margin-right:0}
.modulo h3{ font-size:24px; font-weight:bold; text-transform:uppercase; color:#010101;}
.modulo h5{ color:#646567; text-transform:uppercase; font-size:16px; font-family: 'helveticaneue-mediumregular'; font-weight:normal;}
.modulo p{ font-size:11px; }
#novedades-home h3{ color:#5c595c;}
#novedades-home h5{  font-family: 'helveticaneuelt_std_med_cnRg';}
#novedades-home h5 a{}
#videos-home{position:relative}
#videos-home img,
#novedades-home img{ position: absolute; bottom:0; left:0}
.play-video-home{position:absolute;left:36%;top:151px;text-indent:-9999px;background:url(img/play-video-icon.png);width:48px;height:47px;opacity:.7}
a:hover .play-video-home{opacity:1}


#newsletter {
	height				: auto;
	margin-bottom	: -10px;
	width					: 100%;
}
#newsletter div{
	background				: #252126;
	border						: 1px solid #a8a6a8;
	border-bottom			: 0;
	border-top				: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing		: border-box;
	box-sizing				: border-box;
	padding						: 9px 6px;
	margin						: 0 auto;
	text-align: center;
	width							: 100% !important;
}
#newsletter h3 {
	margin: 6px 0;
}
#newsletter p {
	color					: #fff;
	display				: inline-block;
	font-size			: 12px;
	padding				: 10px 5px;
	text-transform: uppercase;
	vertical-align: top;
}
#newsletter form {
	display				: inline-block;
	vertical-align: top;
}
#newsletter label {
	color			: #636363;
	display		: block;
	font-size	: 11px;
}
#newsletter label.error { display:none!important; }
#newsletter input.error { border:1px solid #f00} 
#newsletter input {
	background						: #333333;
	border								: 0;
	-webkit-border-radius	: 6px;
	-moz-border-radius		: 6px;
	border-radius					: 6px;
	color									: #aaa;
	display								: inline-block;
	font									: 12px Arial, Helvetica, sans-serif;
	margin								: 3px 5px 10px 5px;
	padding								: 7px 5px;
	vertical-align				: top;
	width									: 161px;
}
#newsletter input.btn {
	background		: #f43200;
	border				: 0;
	color					: #fff;
	cursor				: pointer;
	display				: inline-block;
	font-size			: 15px;
	font-weight		: bold;
	margin				: 3px 5px;
	padding				: 5px 14px;
	vertical-align: top;
	width					: auto;
}
#newsletter h4 {
	color					: #5e5e5e;
	font-size			: 20px;
	margin				: 20px 0 0 0;
	text-transform: uppercase;
}


/*¨Internas*/


.box{ background:#ebeced; padding:10px; overflow:hidden; margin:11px 0;}
.intro{ padding:0 0 10px 0}
.intro h3{ color:#010101; text-transform:uppercase; font-size:24px; font-weight:bold; margin:0 0 10px 0; letter-spacing:-1px; padding:0 10px;}
.intro p{ margin:0 0 10px 0; padding:0 10px; font-size:16px;}


/*Instit **/
.links-institucional a{
	float:left; width:475px; height:124px;
	text-align:center; line-height:128px; font-size:20px; font-weight:bold;
	color:#5e5e5e; background:#ebeced; text-transform:uppercase;
}
.links-institucional a.azul{ background:#0075cd; color:#fff; float:right;}


#slider-galeria{ width:560px; height:367px; float:left;}
#slider-galeria-nav{ float:right; width:372px;}
#slider-galeria-nav img{ float:left; margin:0 0 10px 10px;}


.mapa-sucursales{
	background: url(/img/mapa-ventas.png) no-repeat left top;
	width:170px; height:377px;
	float:left; margin:0 60px 0 60px;
}
.sucursales{float:left; width:290px; padding:30px 0 0 0;}
.sucursales h4{ position:relative; text-transform:uppercase}
.sucursales h4 span{ position:absolute; left:-16px; top:2px; width:11px; height:11px; display:block;}
.sucursales h4 span.nea{ background:#48c8de;}
.sucursales h4 span.sur{ background:#d1dd7b;}
.sucursales h4 span.cuyo{ background:#ee49a9;}
.sucursales h4 span.stafe{ background:#eb8a8d;}
.sucursales h4 span.mdp{ background:#af64ab;}
.sucursales h4 span.cord{ background:#f8ae65;}
.sucursales h4 span.noa{ background:#379864;}
.sucursales h4 span.cap{ background:#5d6dac;}
.sucursales p{ margin:0 0 15px 0}
.sucursales a{color:#4c9fe3;}


#vendedoras{ margin:30px 0 0 0}
#vendedoras li{
	position:relative;
	height:70px; line-height:18px;
	padding:15px 0 0 100px; margin:0 0 13px 0;
}
#vendedoras li img{ position:absolute; left:0; top:0;}
#vendedoras li a{ color:#4c9fe3; display:block;}


/* Productos */
.grilla-productos{ margin-left:-11px; overflow:hidden;}
.grilla-productos li {
	margin	: 11px 0 0 11px;
	display	: inline-block;
	width		: 310px;
}

.categorias-productos-video {
	float: right;
	margin-top: 10px;
}
#categorias-productos li a {
	background		: #F2F2F2 url(img/icon-nav.png) no-repeat left 10px center;
	color					: #0075CD;
	display				: table-cell;
	font-size			: 24px;
	font-weight		: bold;
	height				: 2em;
	line-height		: 2em;
	padding-left	: 35px;
	text-align		: left;
	vertical-align: middle;
	width					: 320px;
}
#categorias-productos li a:hover {
	background			: #0075cd;
	color						: #fff;
	text-decoration	: none;
}

#categorias-productos li.link-catalogo a {
	background: #000;
	color			: #fff;
}
#categorias-productos li.link-catalogo a:hover {
	text-decoration: underline;
}
#categorias-productos li.dos-lineas a {
	height			: 1.5em;
	line-height	: 1.5em;
}


#listado-productos h6{ display:inline; margin:0 5px 0 0;}
#listado-productos li { height:122px;}
#listado-productos li a{ color:#0075cd;}

/* paginador */
#paginador{text-align:right; padding:20px 0 0 0;}
#paginador_resumen{display:block;margin-top:5px}
#paginador a{
	background:#dddddd; color:#636363; font-weight:bold;
	padding:2px 4px;display:inline-block;
}
#paginador a:hover, #paginador a.current{background:#0075cd;color:#fff; text-decoration:none;}



/* Producto detalles*/
#producto-detalle{ margin:11px 0 0 0}

#slider-producto-box{ float:left; width:571px;}
#slider-producto{ width:571px; height:311px; margin:0 0 8px 0}
#slider-producto-nav { overflow:hidden; margin:0 0 5px 0}
#slider-producto-nav img{ float:left; margin-right:8px;}

span.zoom{
	background:url(img/icon-lupa.png) no-repeat left center;
	padding:3px 0 0 20px; font-size:11px;
	display:block; clear:both;
}

#info-producto{float:right; width:376px;}

#info-producto h2{ color:#0075cd; font-size:18px; margin:0 0 10px 0; text-transform:uppercase}
#info-producto p{ margin:0 0 10px 0;}


#agregar-producto{
	background:#f1f1f1; padding:18px; margin:20px 0 10px 0;
}

#agregar-producto label{ display:inline-block; width:122px; vertical-align:middle;}
#agregar-producto select{
	color:#5E5E5E; font:11px Arial, Helvetica, sans-serif;
	border:1px solid #e0e0e0; padding:2px 2px;background:#fff;width:62%
}
#agregar-producto span.nota{ color:#9a9a9a; font-size:11px; margin-left:5px;}

#agregar-producto .btn{
	background:#0075cd url(img/icon-agregar.png) no-repeat 80px center;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold; color:#fff; text-align:center; width:104px;
	padding:4px 30px 4px 10px; border:0;
}

a.ver-pedido{
	background:#0075cd url(img/icon-ver-pedido.png) no-repeat right center;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold; color:#fff;
	float:right;
	padding:10px 35px 10px 14px; text-transform:uppercase;
}
.cloud-zoom-lens {border: 1px solid #888;margin:-1px;/* Set this to minus the border thickness. */background-color:#fff;cursor:crosshair;box-shadow:-0px -0px 10px rgba(0,0,0,0.40)} /* This is the moving lens square underneath the mouse pointer. */
.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:700;font-size:10px;top:0px} /* This is for the title text. */
.cloud-zoom-big{border:1px solid #888;box-shadow:-0px -0px 10px rgba(0,0,0,0.40);overflow:hidden} /* This is the zoom window. */
.cloud-zoom-loading {color:#fff;background:#222;padding:3px;border:1px solid #000;margin-top:24%} /* This is the loading message. */

/* Contacto */
.form-wrap, .datos-contacto{float:left;width:48%}
.forms fieldset{  text-align:right; padding-right:2%; padding-bottom:10px}
.forms fieldset p{ margin:0 20px 15px 0}

.forms fieldset .intro p{ text-align:left; margin:0 0 10px 0;}
.forms fieldset label{
	font-size:12px;vertical-align:middle; margin:0 8px 0 0; font-weight:bold;
	text-transform:uppercase;
}
.forms fieldset label.error{
	color:red; font-size:10px; font-family:Tahoma, Geneva, sans-serif;
	text-transform:none; display:block; margin:0 0 0 0;
}
.forms fieldset .txtarea label{ vertical-align:top}
.forms fieldset input,
.forms fieldset textarea,
.forms fieldset select{
	border:0; background:#fff; width:268px; padding:5px 5px;
	font-size:12px; vertical-align:middle; border:1px solid #e0e0e0;
}
.forms fieldset input.check{ background:none; border:0; padding:0; margin:0; width:auto}
.forms fieldset select{ width:210px}
.forms fieldset textarea{ height:76px}
.forms fieldset input.btn{
	background:#0075cd; float:right; width:auto;
	margin:4px 20px 0 14px; padding:5px 10px; cursor:pointer; color:#fff;
	font:12px Arial, Helvetica, sans-serif; text-transform:uppercase;
}


.forms fieldset #captcha_box{float:right; position:relative;}
.forms fieldset #captcha_box h6{ display:none;}
.forms fieldset #captcha_box input{ width:54px; }
.forms fieldset #captcha_box img{ vertical-align:middle; margin:0 5px 0 0}

.mensaje{font-size:18px; text-align:center; padding:30px 0;}

#registrese .forms fieldset textarea{ width:346px; height:115px;}


/* Pedido */
.opciones-pedido{ height:50px; margin:0 0 30px 0;}
.opciones-pedido a{
	background:#ebeced;
	color:#5e5e5e; font-size:20px; color:#5e5e5e; font-weight:bold;
	float:left; height:50px; padding:0 16px; line-height:52px;
	text-transform:uppercase; margin:0 4px 0 0;
}
.opciones-pedido a.negro{ background:#5e5e5e; color:#fff;}
.opciones-pedido a.activo, .opciones-pedido a:hover{ color:#fff; background:#0075cd; text-decoration:none;}



#carrito-listado{ width:100%; border-collapse:collapse;}
#carrito-listado td{
background:#ebeced; border:2px solid #fff;border-bottom:4px solid #fff; text-align:center; vertical-align:middle; text-transform:uppercase; padding:20px 5px; }

#carrito-listado th{ color:#0075cd; font-size:12px; font-weight:bold; text-align:left; padding:3px 5px}
#carrito-listado td .nota{ color:#9a9a9a; font-size:11px; display:block; text-transform:none; margin:5px 0 0 0}

#carrito-listado td.comentarios-pedido{ background:none; padding:0 10px 0 0; text-align:left; vertical-align:top}
#carrito-listado td.comentarios-pedido textarea{
	width:704px; border:1px solid e0e0e0; padding:5px; height:64px;
	font:12px Arial, Helvetica, sans-serif; color:#333;
}
#carrito-listado td.comentarios-pedido input{
background:#0075cd;
padding:10px 10px; text-transform:uppercase; color:#fff; font:12px Arial, Helvetica, sans-serif; font-weight:bold;
cursor:pointer; border:0; float:right; margin:10px 3px 0 0 }

#carrito-listado td.total-pedido{ background:none; padding:0;   vertical-align:top}
#carrito-listado td.total-pedido span{ display:block; background:#ebeced; width:216px; padding:18px 5px; }

.carrito-info{ position:absolute; right:0; bottom:50px;}
.carrito-info a{ display:inline-block; padding:6px 10px; color:#fff; background:#0075cd; text-decoration:underline; font-weight:bold; margin:0 0 0 5px}


/* Historial */
.filtros{ overflow:hidden; margin:0 0 30px 0}
.filtros .buscar{ float:left;}
.filtros .ordenar{ float:left; margin:0 0 0 10px}
.filtros .ordenar select{ width:122px; border:1px solid #dbdbdb; font:12px Arial, Helvetica, sans-serif; color:#9d9d9d; padding:2px 4px;}

.filtros .ordenar input{
background:#0075cd url(img/icon-ordenar.png) no-repeat center center;
cursor:pointer; border:0; padding:4px 14px;
}

.pedidos{ }
.pedidos h6{ color:#0075cd; font-weight:normal;}
.pedidos .box{
	position:relative; margin-top:5px;
	padding-right:270px; min-height:78px; padding-top:10px;
}
.pedidos .box p{ line-height:20px;}
.pedidos .box a{ position: absolute; right:12px;}
.pedidos .box a.reutilizar-pedido{ background:#5e5e5e url(img/icon-reut.png) no-repeat 16px center;
	padding-left:40px; width:117px; top:12px;
}
.pedidos .box a.ojo-pedido{
	background:#0075cd url(img/icon-ver.png) no-repeat 16px center; padding-left:40px; width:117px; top:56px;
}



/*footer*/
#footer{
	background		: #252126 url(img/logo-footer.png) no-repeat 15px 34px;
	border				: 1px solid #a8a6a8;
	border-bottom	: 0;
	border-top		: 0;
	color					: #a8a8a8;
	min-height		: 104px;
	padding				: 10px 0 0 255px;
	position			: relative;
}

#footer ul{ float:left; width:114px; border-right:1px solid #5c595c; margin:0 46px 0 0; padding:4px 0;height:85px}
#footer ul.last{ border:0}
.categ-prod{width:300px!important}
.categ-prod li{float:left;width:46%}
#footer ul li{ padding:1px 10px 1px 0;}
#footer .share{ float:left; padding:28px 0 0 0;}
#footer .share img{ margin:5px 5px 0 0}
#footer .eco-friendly{ position:absolute; right:23px; top:23px;}


#boton-novedades {
	left: 285px;
	position: absolute;
	top: 10px;
}