.w50{ width: 50%; float: left; position: relative; }
.w428{ width: 428px; float: left; position: relative; }
.w33{ width: 32%; float: left; position: relative; }
.w298{ width: 300px; float: left; position: relative; }
a.generic-button{ cursor: pointer; background: url(/images/generic_btn_left.jpg) no-repeat top left; height: 21px; line-height: 17px; color: #000; font-size: 11px; font-weight: bold; text-decoration: none; display: inline-block;}
a.generic-button span{background: url(/images/generic_btn_right.jpg) no-repeat top right; height: 21px; line-height: 17px; padding: 0 10px; display: inline-block;}
a.dark-button{ cursor: pointer; background: url(/images/dark_btn_left.jpg) no-repeat top left; height: 21px; line-height: 17px; color: #000; font-size: 11px; font-weight: bold; text-decoration: none; display: inline-block;}
a.dark-button span{background: url(/images/dark_btn_right.jpg) no-repeat top right; height: 21px; line-height: 17px; padding: 0 10px; display: inline-block;}
hr{ border: 0; border-bottom: 1px dotted #fff; float: left; clear: both; height: 0; width: 100% }

body{ background: url(/images/bg.jpg); font-family: Arial,helvetica,sans-serif; }
#wrapper{ background: url(/images/wrapper-bg.jpg) center repeat-y; margin: 0 auto; width: 980px; }
#inner{ margin: 0 auto; width: 900px; overflow: hidden; }
#header{ float: left; width: 900px; height: 76px; background: url(/images/header.jpg); position: relative; }
.es #header { background: url(/images/header_es.jpg); }
.en #header { background: url(/images/header_en.jpg); }

/* LOGO */
#logo{ display: block; position: absolute; top: 0px; left: 30px; width: 163px; height: 76px; text-indent: -9999px; }

/* Top navigation */
#top-navigation{ float: right; font-size: 11px; color: #fff; margin: 10px 0; }
#top-navigation ul{ float: right; }
#top-navigation li{ float: left; margin: 0 5px; }
#top-navigation a{ color: #e53436; text-decoration: none; }
#top-navigation a.acceso{ color: #fff; }
#top-navigation a.acceso:hover{ text-decoration: underline; }
#top-navigation ul.languages{ color: #fff; margin-left: 10px; }
#top-navigation ul.languages a{ color: #8d8d8d; }

/* Navigation */
#navigation{ float: right; font-size: 11px; color: #fff; clear:both; }
#navigation ul{ float: right; clear: both; }
#navigation li{ float: left; display: inline; padding-right: 5px; }
#navigation a{ display: inline-block; height: 23px; line-height: 23px; padding: 0 0 0 5px; color: #fff; text-decoration: none; }
#navigation a:hover{ color: #e53436; }
#navigation li.active a{ color: #e53436; }


/* Menú */
#menu{ float: left; width: 900px; height: 41px; z-index: 20; position: relative; }
#menu ul{ background: url(/images/menu-bg.jpg) repeat-x; float: left; width: 100%; }
#menu li{ display: inline; /*text-indent: -9999px;*/ height: 33px; float: left; position: relative; }
#menu li.active, #menu li:hover{ background: url(/images/menu-bg-active.jpg); }
#menu li.active{ border-bottom: 8px solid #fff; }
#menu li a{ background: url(/images/menu-separator.jpg) top right no-repeat; display: block; height: 33px; color: #cfcfd0; letter-spacing: -1px; font: bold 15px/33px "Arial","Arial Narrow"; text-decoration: none; padding: 0 25px; }

#menu ul ul{ position: absolute; background: none; width: 180px; border: 1px solid #2b2b2b; display: none; }
#menu ul ul li{ background: #353537; width: 180px; height: auto; }
#menu ul ul li.active, #menu ul ul li:hover{ background: #353537; }
#menu ul ul li a{ background: none; text-transform: uppercase; font-size: 13px; color: #868687; height: auto; line-height: 30px; border-top: 1px solid transparent; border-bottom: 1px solid transparent }
#menu ul ul li a.active, #menu ul ul li a:hover{ background: #2e2e2f; color: #c1c1c1; border-top: 1px solid #2b2b2b; border-bottom: 1px solid #2b2b2b; }
#menu ul ul ul{ left: 180px; top: -1px; }
#menu ul ul ul a{ text-transform: none; }
#menu .right ul{ right: 0; left: auto; }
#menu .right ul ul{ right: 180px; left: auto; top: 0; }

/* Menú English */
/*.en #menu{ float: left; width: 900px; height: 41px; z-index: 20; position: relative; }
.en #menu li{ background: url(/images/menu-en.jpg); display: inline; text-indent: -9999px; height: 33px; float: left; }
.en #menu li.active{ border-bottom: 8px solid #fff; }
.en #menu li#team{ width: 87px; }
.en #menu li#team.active,.en #menu li#team:hover{ background-position: 0 -33px; }
.en #menu li#running{ width: 116px; background-position: -87px 0; }
.en #menu li#running.active,.en #menu li#running:hover{ background-position: -87px -33px; }
.en #menu li#deporte{ width: 109px; background-position: -203px 0; }
.en #menu li#deporte.active,.en #menu li#deporte:hover{ background-position: -203px -33px; }
.en #menu li#casual{ width: 217px; background-position: -312px 0; }
.en #menu li#casual.active,.en #menu li#casual:hover{ background-position: -312px -33px; }
.en #menu li#futbol{ width: 116px; background-position: -529px 0; }
.en #menu li#futbol.active,.en #menu li#futbol:hover{ background-position: -529px -33px; }
.en #menu li#sala{ width: 164px; background-position: -645px 0; }
.en #menu li#sala.active,.en #menu li#sala:hover{ background-position: -645px -33px; }
.en #menu li#urbe{ width: 91px; background-position: -809px 0; }
.en #menu li#urbe.active,.en #menu li#urbe:hover{ background-position: -809px -33px; }
.en #menu li a{ display: block; height: 33px; }*/

/* Main Banner */
#main-banner{ position:relative; float: left; background: #ccc; margin-top: -8px; height: 280px; width: 900px; z-index: 10; }
.nivo-directionNav a {
	background:url("/images/arrows.png") no-repeat scroll 0 0 transparent;
	border:0 none;
	display:block;
	height:30px;
	text-indent:-9999px;
	width:30px;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}


/* Breadcrumb */
#breadcrumb{ float: left; width: 900px; height:20px; background: url(/images/backgrounds/backgroundpath.jpg) left repeat; font-size: 11px; color: #E63336; }
#breadcrumb ul{padding-left:19px;}
#breadcrumb li{float: left; display: inline; line-height: 20px;}
#breadcrumb li.separator{margin: 0 5px; color:#fff;}
#breadcrumb li a{color:#fff;text-decoration:none;}

/* Content */
#content-wrapper { float: left; width: 900px;background: url(/images/backgrounds/backgroundcenter.jpg); }
#content { padding:10px 18px 11px 19px; width: 863px; float: left; height:auto; margin: 20px 0 0; padding-bottom: 20px; /*border-bottom: 1px dotted #fff;*/ }

/* Noticias */
#noticias{ float: left; width: 570px; margin: 10px 0 11px 19px;  }
p.h1{ color: #fff; font-size: 20px; margin-bottom: 15px; }

#news-filter .news-year{ float: left; width: 25%; }
#news-filter .news-year h3{ color: #fff; margin-bottom: 20px; font-weight: normal; }
#news-filter .news-year li{ font-size: 12px; margin: 3px 0; }
#news-filter .news-year a{ color: #ed801a; text-decoration: none; }
#news-filter .news-year a:hover{ text-decoration: underline; }
#news-filter .news-year span{ color: #8f8e8e; }

/* Destacados */
#destacados{ float: right; width: 270px; margin: 10px 18px 11px 0;  }

/* Footer */
#footer-wrapper{ float: left; width: 900px; background-image: url(/images/backgrounds/backgroundfooter.jpg); font-size:10px; color:#8d8d8d; }
#footer{ padding:7px 18px 11px 19px; }
#footer-2{ float: left; line-height: 1.2em; width: 100%; margin-top: 15px; margin-bottom: 15px; padding-top: 15px; background: url(/images/backgrounds/separatorgris.gif) repeat-x; }
#footer ul{ clear: both; text-align: center; }
#footer li{ display: inline; }
#footer li a{ color: #8d8d8d; text-decoration: none; margin: 0 5px; }
#footer-2 p{ display: inline; }
#footer-2 ul{ clear: none; }
#footer-2 ul.left{ float: left; }
#footer-2 ul.right{ float: right; color: #fff; margin-top: 20px; }
#footer-2 li{ float: left; text-align: left; }
#footer-2 li.text{ margin: 10px 0 0 20px; }
#footer-2 li a{ color: #fff; }

/* Banners */
.grupo-doble{ padding: 0 18px 0 19px; width: 100%; float: left; clear: both; margin: 5px 0; }
.grupo-doble .grupo-doble{ padding: 0; margin: 0; }
.grupo-triple{ float: left; clear: both; overflow: hidden; margin: 5px 0; }

/* Listado */
#submenu{ float: left; width: 133px; height: 427px; background: url(/images/submenu_bg.jpg); font-size: 10px; font-weight: bold; }
#submenu ul{ margin-left: 10px; }
#submenu ul.base{ padding-top: 10px; }
#submenu ul.base,
#submenu ul.level1{ text-transform: uppercase; }
#submenu ul.level2{ text-transform: none; }
#submenu ul li{ background: url(/images/bullet_main.jpg) no-repeat top left; padding-left: 10px; margin: 5px 0; }
#submenu ul li.collapsed{ background: url(/images/bullet_collapsed.jpg) no-repeat top left; }
#submenu ul li.expanded{ background: url(/images/bullet_expanded.jpg) no-repeat top left; }
#submenu ul li a{ color: #fff; text-decoration: none; }
#submenu ul li a.active{ color: #e82223; }

#listado-productos{ float: right; width: 720px; }
#listado-productos li{ float: left; width: 136px; overflow: hidden; margin-left: 8px; margin-bottom: 15px; }
#listado-productos li h1{ float: left; color: #fff; font-weight: bold; font-size: 12px; margin: 0 0 5px 5px; font-family: Tahoma; min-height:36px;}
#listado-productos .ProductNavFrame {
    position:relative;
    margin-left: 5px; 
    margin-top: 5px; 
    width: 136px; 
    height: 122px; 
    float: left; 
    background-image: url(/images/backgrounds/prdNav/shadow_rb.gif); 
    background-position: bottom right; 
    background-repeat: no-repeat;
}

#listado-productos .ProductNavImg {
    width:130px;
    height:115px;
}

/* Detalle */
#detalle-producto{ float: right; width: 720px; font-size: 12px; line-height: 1.5em; position: relative; }
#detalle-producto .ProductNavFrame { position:relative; margin: 5px 0 10px 5px; width: 286px; height: 237px; float: left; background-image: url(/images/backgrounds/prdNav/shadow_rb.gif); background-position: bottom right; background-repeat: no-repeat; }
#detalle-producto .ProductNavImg { width:280px; height:230px; }
#detalle-producto .small .ProductNavFrame { position:relative; margin-left: 5px; margin-top: 5px; width: 93px; height: 84px; float: left; background-image: url(/images/backgrounds/prdNav/shadow_rb.gif); background-position: bottom right; background-repeat: no-repeat; }
#detalle-producto .small .ProductNavImg { width:87px; height:77px; }
#detalle-producto #product-images{ float: left; width: 291px; }
#detalle-producto #small-images-viewport{ margin: 20px 0; float: left; clear: both; width: 395px; overflow: hidden; height: 135px; position: relative; }
#detalle-producto #small-images{ float: left; width: 40000px; margin-left: 0; }
#detalle-producto #arrows{ float: left; padding-left: 315px; }
#detalle-producto #arrows .previous{ float: left; display: block; width: 34px; height: 23px; background: url(/images/color_left.jpg); text-indent: -9999px; }
#detalle-producto #arrows .next    { float: left; display: block; width: 34px; height: 23px; background: url(/images/color_right.jpg); text-indent: -9999px; }
#detalle-producto #product-info{ float: left; width: 400px; margin-left: 20px; font-size: 12px; color: #fff; }
#detalle-producto #product-info h1{ font-size: 48px; line-height: 1em; font-weight: normal; font-family: Tahoma; margin-bottom: 20px; }
#detalle-producto #product-info .descripcion{ margin-top: 30px; }
#detalle-producto #product-info .guia-tallas{ color: #c21b1b; font-weight: bold; font-size: 9px; vertical-align: super; text-decoration: none; }
#detalle-producto #product-form{ position: absolute; bottom: 0; right: 0; width: 210px; color: #fff; }
#detalle-producto #product-form li{ margin: 5px 0; }
#detalle-producto #product-form label{ width:77px; display: inline-block; }
#detalle-producto #product-form label.pvp{ width:200px; }
#detalle-producto #product-form input.text{ background: url(/images/txt_tienda_bg.jpg); width:47px; height:15px; padding: 2px 5px; text-align: right; }
#detalle-producto #product-form span.select{ display: inline-block; background: url(/images/select_tienda_bg.jpg); width:90px; height:15px; padding: 2px 5px; position: relative; font-size: 11px; color: #fff; }
#detalle-producto #product-form select{ position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity = 0); zoom: 1; display: block; }


/* Carrito */
#cart h1{ font-size: 48px; color: #fff; font-weight: normal; }
#cart p.subh1{ font-size: 11px; color: #fff; margin: 15px 0; }
.cart-grid{ font-size: 12px; line-height: 1.2em; color: #fff; }
.cart-grid table{ border-collapse: collapse; width: 100%; }
.cart-grid th{ border-left: 1px dotted #898989; border-right: 1px dotted #898989; padding: 0 10px; text-align: left; height: 21px; line-height: 21px; background: url(/images/carrito_th_bg.jpg);  }
.cart-grid td{ text-align:center; vertical-align: top; padding: 10px; font-size: 11px; color: #fff; border-bottom: 1px dotted #dd9701; border-left: 1px dotted #898989; border-right: 1px dotted #898989;  }
.cart-grid td.first,
.cart-grid th.first{ border-left: 0; }
.cart-grid td.last,
.cart-grid th.last{ border-right: 0; }
.cart-grid td.last a{ color: #fff; display: block; text-align: center; }
.cart-grid tr.last td{ border-bottom: 0; }
.cart-grid tr.last a.politica{ color: #dd9701; }
.cart-grid tfoot td{ border-right: 0; border-left: 0; }
.cart-grid .ProductNavFrame {
    position:relative;
    margin-left: 5px; 
    margin-top: 5px; 
    width: 93px; 
    height: 84px; 
    float: left; 
    background-image: url(/images/backgrounds/prdNav/shadow_rb.gif); 
    background-position: bottom right; 
    background-repeat: no-repeat;
	text-align: left;
}
.cart-grid .description{ width: 200px; float: left; padding-left: 10px; text-align: left; }

/* Datos envío y pago */
#datos-envio h1{ font-size: 48px; color: #fff; font-weight: normal; margin-bottom: 20px; }
#datos-envio p{ margin-bottom: 5px; color: #fff; font-size: 12px; }
#datos-envio p.checkbox{ margin-left: 90px; }
#datos-envio p.checkbox a{ color: #E53436; text-decoration: none; }
#datos-envio p.error{ color: #E63336; margin-left: 210px; }
#datos-envio p.right{ text-align: right; width: 800px; }
#datos-envio label{ vertical-align: top; margin-left: 90px; width: 110px; color: #fff; font-size: 12px; display: inline-block; }
input.text150{ background: url(/images/envio_input_bg150.jpg); display: inline-block; width: 137px; height: 15px; padding: 2px 5px; }
input.text200{ background: url(/images/tarjeta_input_bg.jpg); display: inline-block; width: 190px; height: 15px; padding: 2px 5px; }
input.text300{ background: url(/images/envio_input_bg300.jpg); display: inline-block; width: 293px; height: 15px; padding: 2px 5px; }
input.text600{ background: url(/images/envio_input_bg600.jpg); display: inline-block; width: 592px; height: 15px; padding: 2px 5px; }
#datos-envio span.select{ color: #fff; font-size: 12px; position:relative; background: url(/images/envio_select_bg.jpg); display: inline-block; width: 189px; height: 15px; padding: 2px 5px; }
#datos-envio span.select select{ position: absolute; top: 0; left: 0; width: 200px; opacity: 0; filter: alpha(opacity = 0);  }
#datos-envio textarea{ background: url(/images/envio_textarea_bg.jpg); display: inline-block; width: 366px; height: 105px; padding: 2px 5px; }


.contactar span.select{ color: #fff; font-size: 12px; position:relative; background: url(/images/select_contactar_bg.jpg); display: inline-block; width: 287px; height: 15px; padding: 2px 10px; }
.contactar span.select select{ position: absolute; top: 0; left: 0; width: 307px; opacity: 0; filter: alpha(opacity = 0);  }

#td-guia-tallas{color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0 20px; line-height: 1.5em;}
#td-guia-tallas table{border: 0; border-collapse: collapse; width: 100% !important;}
#td-guia-tallas table td{border: 1px solid #fff; padding: 2px;}
td#content{width: auto; margin: 0; padding: 0; }

/* Recomendar */
#recommend{ padding: 0 20px; font-size: 11px; color: #fff; }
#recommend label{ width: 80px; display: inline-block; }
#recommend input{ border: 0; color: #fff; }
input.text400{ background: url(/images/input_text_400.jpg); display: inline-block; width: 366px; height: 15px; padding: 2px 5px; }
#recommend textarea{ color: #fff; border: 0; background: url(/images/textarea_400.jpg) top right; display: inline-block; width: 366px; height: 105px; padding: 2px 5px; }
#recommend p{ vertical-align: top; }
#recommend p.buttons{ text-align: right; }

/* Contactar */
#contactar td em{font-size: 12px; color: #E63336;}
#contactar td.textField{background-position: top left;}
#contactar td.textArea{background-position: top left;}

/* Microsites */
#microsite{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2000;
	background:none;
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	zoom: 1;
	background: rgba(0,0,0,.6);
}
#microsite .inner{
	position: absolute;
	top: 50%;
	left: 50%;
}
#microsite .close{
	position: absolute;
	top: -20px;
	right: 0px;
	background: #fff;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	padding: 0 10px;
	text-decoration: none;
}
#microsite .flash-link{
	display: block;
	position: absolute;
	top: 0;
	z-index: 5000;
}