/*****************************************************************************/
/* MAIN STYLES */
/*****************************************************************************/

html,
body {
    height: 100%;
}
body {
    font-size: 15px;
    color: #231F20;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
body.noScroll{
    overflow: hidden;
}
a {
    color: #231F20;
    text-decoration: none;
    outline: 0;
}
a:hover,
a:focus {
    color: #CD202C;
    text-decoration: none;
    outline: 0;
}
.main_menu__title a.main_menu__button:focus{
    color: #000;
}
button, button:focus{
    outline: 0;
}
#home-slider{
    margin-bottom: 3px;
}
.estado-verde{
    opacity: 1;
}
.estado-naranja{
    opacity: .6;
}
.estado-rojo{
    opacity: .2;
}
/*.estado-rojo{
    opacity: .2;
    pointer-events: none;
    overflow: hidden;
    border: 2px solid #ccc;
}
.estado-rojo::after{
    content: '/';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(29deg);
    font-size: 7rem;
    font-weight: 100;
    color: #666;
    opacity: .3;
}
.estado-rojo .nombre{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}*/
.estado-rojo .texto, .estado-verde .texto{
    /*text-indent: -9999em;*/
}
.estado-naranja .texto{
    text-indent: 0;
}
.texto-prox{
    font-weight: 600;
    text-indent: 0;
    line-height: 120%;
}
a.view-more-product{
    width: 45%;
    max-width: 220px;
    height: 3.3rem;
    line-height: 3.3rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 149;
    font-size: 1.2rem;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: transparent;
    border: 1px solid #cd202c;
    border-radius: 2px;
}
a.view-more-product span{
    position: relative;
    z-index: 2;
}
a.view-more-product:hover{
    color: #fff;
}
a.view-more-product::before{
    font-family: FontAwesome;
    content: '\f0fe';
    position: relative;
    left: -5px;
    z-index: 2;
}
a.view-more-product::after{
    content:'';
    position: absolute;
    top: 0;
    left: -1px;
    width: 0;
    height: 100%;
    background-color: #cd202c;
    border-radius: 2px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border-top: 1px solid #cd202c;
    border-right: 1px solid #cd202c;
    border-bottom: 1px solid #cd202c;
}
a.view-more-product:hover:after{
    width: 100%;
    left: 0;
}

/*link en portada sobre imagena flecha scroll down*/
.link-portada-overArrow{
    text-indent: -9999em;
    display: none;
}
.home .link-portada-overArrow{
    text-indent: 0;
    display: block;
    width: 96%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 60px;
    font-family: 'Roboto', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 1px 0 #666;
    line-height: 110%;
    color: #fff;
}
/**portada con dots fuera de imagen**/
.home-slider ul.control{
    width: 100%;
    height: 40px;
    line-height: 45px;
    bottom: 0;
    margin: 0;
    padding: 0 5px;
   background-color: #fff;
}
.home-slider ul.control li{
    width: 12px;
    height: 12px;
    border: 1px solid #000;
}
/*capas opacidad - blanca,negra y negra más clara-*/
.bg-opacity-black,
.bg-opacity-white,
.bg-opacity-black-less{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.bg-opacity-black{
    background-color: rgba(0, 0, 0, .8);
}
.bg-opacity-black-less{
    background-color: rgba(0, 0, 0, .5);
}
.bg-opacity-white{
    background-color: rgba(255, 255, 255, .8);
}
/*botón view more en ficha*/
a.view-more-bike{
    height: 2.5rem;
    line-height: 2.5rem;
    top: calc(100% + 10px);
    left: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    font-size: 1rem;
    color: #cd202c;
}
/*media queries para botón 'ver más'*/
@media screen and (max-width: 61.188em){/*hasta 979px*/
    a.view-more-product{
        top: 90%;
    }
    a.view-more-bike{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}
@media screen and (max-width: 29.938em){/*hasta 479px*/
    a.view-more-product{
        height: 3em;
        line-height: 3em;
        font-size: 1.1rem;
    }
    a.view-more-bike{
        height: 2.3rem;
        line-height: 2.3rem;
        font-size: .9rem;
        margin-bottom: 10px;
    }
}
/*****************************************************************************/
/*************************** LAYOUT GENERALES ********************************/
/*****************************************************************************/

/*
.wrapper {
    width: 1024px;
    margin: 0 auto;
    position: relative;
    max-width: 100%;
}
*/
/*
.b2b .wrapper.with-left-content{
    width: 98%;
    max-width: 1200px;
}
*/
.capitalize {
    text-transform: capitalize;
}
/*****************************************************************************/
/* Layout HEADER */
/*****************************************************************************/

.header-container {
    height: 71px;
    padding-bottom: 7px;
    margin-bottom: 13px;
    background: #fff url("../img/header-sombra.png") left bottom repeat-x;
}
.header-container .logo {
    display: block;
    float: left;
    margin: 4px 15px 4px 30px;
    background: url('../img/sprites/bh-logo.png') no-repeat;
    width: 103px;
    height: 56px;
    text-indent: -10000em;
}
@media (min-width: 1024px) {
    .header-container .wrapper {
        width: auto;
    }
}
/*logo navidad (cuando se quiera activa agregar la clase: logo-navidad)*/
#header .main_bar .logo.logo--navidad::after{
    content: url(../img/noel-hat.png);
    width: 50px;
    height: 40px;
    position: absolute;
    top: -20px;
    right: -30px;
    opacity: 0.98;
}
@media (max-width: 980px) {
    #header .main_bar .logo.logo--navidad::after{
        content: url(../img/noel-hat-mob.png);
        width: 30px;
        height: 24px;
        top: -9px;
        right: 6px;
    }
}
/*****************************************************************************/
/* Layout CONTENT */
/*****************************************************************************/

#main {
    margin-bottom: 30px;
    min-height: calc(100vh - 378px);
}
#left {
	float: left;
	width: 240px;
	padding: 20px;
}
.wrapper #left {
    width: 220px;
    padding-left: 0px;
}
#left.marginForSocial{
    padding-left: 35px;
    padding-right: 15px;
}

/*.b2b .sideMenuFilters-wrapper{*/
    /*overflow: hidden;*/
/*}*/

.b2b #left.marginForSocial{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 250px;
    padding-left: 10px;
    padding-right: 10px;
}
#right {
    float: right;
    width: 300px;
    margin-left: 37px;
}
#content {
    float: left;
    width: 100%;
    position: relative;
}
/*
.with-left-content #content {
    float: left;
    width: calc(100% - 240px);
}
*/
/*
.b2b .with-left-content #content {
    width: calc(100% - 250px);
    float: left;
}
*/
#content.right {
    width: calc(100% - 340px) !important;
}
#content.fullWidth {
    width: 100%;
}
#content.content-padding {
    padding: 10px 60px;
}
/*Ciertos contenidos del B2B tiene un content dentro de otro*/

#content #content {
    width: 100%;
}
#content .paginaactiva b {
    font-weight: bold;
}
.frame .main-container .wrapper {
    width: 753px;
    margin: 0px;
}
.frame .main-container .wrapper #content {
    width: 100%;
}
/*****************************************************************************/
/* Layout FOOTER */
/*****************************************************************************/

.footer-container {
    background: #231F20;
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
.footer-container .wrapper {
    min-height: 82px;
}
.footer-container a {
    color: #fff;
}
.footer-container footer {
    padding: 10px 50px;
    position: relative;
}
.footer-container footer .idiomas,
#footer2 .idiomas {
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 12px;
    line-height: 18px;
}
.footer-container footer .idiomas a,
#footer2 .idiomas a {
    color: #fff;
}
.footer-container footer .copyright {
    font-size: 12px;
    float: right;
    font-style: italic;
    color: #F2E7E9;
    margin-right: 96px;
}
.footer-container footer .logo {
    background: url('../img/sprites/bh-logo-pie.png') no-repeat;
    height: 54px;
    width: 54px;
    text-indent: -10000em;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 60px;
}
.footer-container footer .version-web {
    clear: left;
    font-size: 11px;
    font-style: italic;
    color: #F2E7E9;
    text-align: center;
    margin: 3px 0 5px 0;
}
@media (min-width: 1280px) {
    .footer-container .wrapper {
        width: 80%;
    }
}
/*****************************************************************************/
/* Layout LIGHT-BOX */
/*****************************************************************************/

.ui-dialog a {
    text-decoration: underline;
}
.ui-widget {
    font-size: 15px;
    color: #231F20;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
.ui-widget-overlay {
    background: url('../img/transparent-mask.png');
    opacity: 1;
    z-index: 5000;
}
.ui-dialog {
    border: 0px;
    border-radius: 0px;
    padding: 15px 15px;
    margin-top: 20px;
    z-index: 5001;
}
.ui-dialog .ui-dialog-titlebar {
    border: 0px;
    border-radius: 0px;
    background: none;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 1em;
    padding: 0px;
    margin-bottom: 14px;
}
.ui-dialog .ui-dialog-titlebar span {
    margin: 0px;
    line-height: 1.1em;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    background: url('../img/sprites/dialog-cerrar.png') no-repeat;
    width: 18px;
    height: 22px;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    top: 0px;
    right: 0px;
    margin-top: 0px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
    display: none;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text {
    display: none;
}
.ui-dialog .ui-dialog-content {
    padding: 0px;
}
.ui-dialog .asterisco {
    font-size: 70%;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.ui-dialog.ventajasCompra .ui-dialog-titlebar {
    background: url("../img/sprites/ventajas-ficha.png") no-repeat scroll left 0 transparent;
    height: 34px;
    padding-left: 40px;
}
.ui-dialog.noTitle .ui-dialog-title {
    display: none;
}
.ui-dialog .botoneraLighbox {
    margin-top: 15px;
}
.ui-dialog #avisoDisponibilidad-lightbox .botoneraLighbox {
    margin: 15px auto 0;
    width: 50%;
}
.ui-dialog .botoneraLighbox .enviar {
    float: left;
}
.ui-dialog .botoneraLighbox .cerrar {
    float: right;
}
.ui-dialog .formLighbox > div {
    margin-bottom: 5px;
    text-align: left;
}
.ui-dialog .formLighbox input[type="text"] {
    width: 50%;
}
.articuloDialog {} .articuloDialog .ui-dialog-titlebar {
    margin-bottom: 0;
}
.articuloDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    z-index: 1000;
}
.articuloDialog .ui-dialog-title {
    display: none;
}
/*****************************************************************************/
/* VIEW Genéricos */
/*****************************************************************************/

#content h1 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 61px;
    text-transform: uppercase;
    line-height: 1.0em;
    margin-bottom: 14px;
    text-align: left;
}
#content h2 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 41px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
#content h2.subtitulo {
    font-size: 19px;
}
#pagina h3 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
/*****************************************************************************/
/********************************* NAVEGACIÓN ********************************/
/*****************************************************************************/
/*****************************************************************************/
/* NAVEGACIÓN - PRINCIPAL */
/*****************************************************************************/

#navigation-main {
    position: absolute;
    top: 0px;
    left: 148px;
}
#navigation-main > ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#navigation-main > ul > li {
    display: inline-table;
    position: relative;
}
#navigation-main > ul > li > a {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    float: left;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #000;
    line-height: 18px;
    font-size: 17px;
    position: relative;
}
#navigation-main > ul > li > a span {
    font-family: "Roboto Condensed", sans-serif;
    position: absolute;
    left: 20px;
    top: 26px;
}
#navigation-main > ul > li:last-child a,
#navigation-main > ul > li a.normal {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-weight: normal;
}
#navigation-main > ul > li:last-child div > a,
#navigation-main > ul > li div > a.normal {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-weight: normal;
}
#navigation-main > ul > li > div {
    display: none;
    position: absolute;
    top: 36px;
    left: 0px;
    border: 1px solid #E1E0E0;
    box-shadow: 0 0 3px #E1E0E0;
    padding: 7px 14px;
    background: url('../img/navigation-back.png');
    z-index: 10;
}
#navigation-main > ul > li > div:after {
    right: 47%;
    top: -16px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #E1E0E0;
    border-width: 8px;
    margin-left: -8px;
}
#navigation-main > ul > li > div div {
    display: none;
}
#navigation-main > ul > li > div div ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#navigation-main > ul > li > div div ul li {
    line-height: 1.75em;
}
#navigation-main > ul > li > div div ul li a {
    font-size: 15px;
    text-transform: uppercase;
}
#navigation-main > ul > li > div div ul li.ver-todo {
    text-align: center;
}
#navigation-main > ul > li > div div ul li.ver-todo a {
    text-transform: none;
}
#navigation-main > ul > li > div div .otros-menus {
    margin: 4px 23px 10px 23px;
}
#navigation-main a.otros-menus {
    background: url('../img/sprites/menu_desplegable.png') no-repeat;
    height: 15px;
    width: 15px;
    text-indent: -10000em;
    padding: 0px;
    margin: 10px 20px;
}
/*****************************************************************************/
/* NAVEGACIÓN - CONTENIDO */
/*****************************************************************************/

.bloque-left {
    margin-bottom: 20px;
    background: none;
}
.bloque-left.filtros-accesorios {
    background-color: rgba(0, 0, 0, 0) url("../img/left-back.png") repeat-y scroll 0 0;
    padding: 3px;
}
.bloque-left.filtros-accesorios .top{
    background-color: inherit;
}
.bloque-left.ofertas {
	border: 2px solid #cd202c;
}

/*.b2b .bloque-left.ofertas,*/
.b2b #selectorTipoPrecio,
.b2b .bloque-left.resumen{
    width: 220px;
}


.bloque-left .top {
	background: #eeeeee;
    padding: 10px 10px;
    font-size: 14px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.bloque-left.ofertas .top {
	background: #cd202c;
}
.bloque-left.ofertas .top a {
	color: #fff;
}
.bloque-left.ofertas .top a:hover {
	opacity: 0.6;
}
#formfiltros.bloque-left .content .top {
    padding: 4px 10px;
    margin-top: 0px;
    line-height: 1.4em;
}

.bloque-left.blackfriday{
}
.bloque-left.blackfriday a{
    border-radius: 3px;
    font-size: 12px;
    font-style: italic;
    line-height: 24px;
    margin-bottom: 5px;
    padding: 0 10px;
    text-transform: uppercase;
    text-align: center;
    border: 1px solid #000;
    background: #000;
    color: #fff;

    display: block;
}

/*Promociones - accesorios*/

#formfiltros.bloque-left .content .top[data-nombre="PROMOCIONES"] {
    color: #cc1f2b;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
.bloque-left .top input[type="radio"] {
    vertical-align: baseline;
    margin: 0 2px 0 0;
}
.bloque-left .top > div label {
    cursor: auto;
}
.bloque-left .bold {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
.bloque-left a.top {
    padding: 0;
}
.bloque-left .top.mas {
    cursor: pointer;
}
.bloque-left .top span {
    float: right;
    margin-right: -1px;
    cursor: pointer;
}
.bloque-left a.top span {
    padding-left: 5px;
}
.bloque-left .content {
    background: #fff;
    font-size: 15px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    padding: 10px 10px 4px 10px;
    border: 2px solid #eee;
    border-top:0;
}
.bloque-left .menusLateralNiv3 {
    display: none;
}
/*El estilo principal es .bloque-left*/

#navigation-left .content ul {
    margin-left: 7px;
}
#navigation-left .content ul li {
    margin-bottom: 8px;
}
#navigation-left .content ul li a {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    text-decoration: none;
    font-weight: normal;
}
#navigation-left .content ul li.current > a {
    font-weight: bold;
}
#navigation-left .content ul li ul {
    margin: 5px 0 3px 0px;
}
/*****************************************************************************/
/* NAVEGACIÓN - BREADCRUM */
/*****************************************************************************/

.breadcrumb > ul {
    padding: 0px;
}
.breadcrumb > ul > li {
    line-height: 36px;
    position: relative;
    float: left;
}
.breadcrumb > ul > li > a {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 25px;
    color: #C8C9CB;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 2px;
    line-height: 30px;
}
.breadcrumb > ul > li > span {
    background: url('../img/sprites/flecha-breadcrumb.png') no-repeat;
    height: 30px;
    width: 16px;
    text-indent: -10000em;
    display: inline-block;
    margin-right: 2px;
}
.breadcrumb > ul > li > div {
    display: none;
    position: absolute;
    top: 36px;
    left: -58px;
    border: 1px solid #E1E0E0;
    box-shadow: 0 0 3px #E1E0E0;
    padding: 7px 14px;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 10;
    width: 250px;
}
.breadcrumb > ul > li > div:after {
    right: 47%;
    top: -16px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #E1E0E0;
    border-width: 8px;
    margin-left: -8px;
}
.breadcrumb > ul > li > div div {
    display: none;
}
.breadcrumb > ul > li > div div ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.breadcrumb > ul > li > div div ul li {
    line-height: 1.75em;
    font-size: 15px;
}
.breadcrumb > ul > li > div div ul li a {
    text-transform: uppercase;
}
.breadcrumb > ul > li > div div ul li a.active {
    font-weight: bold;
}
.breadcrumb > ul > li:last-child > span {
    display: none;
}
/*****************************************************************************/
/* NAVEGACIÓN - PIE */
/*****************************************************************************/

#navigation-pie {
    margin: 0 0 20px 0;
    font-size: 13px;
}
#navigation-pie > ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#navigation-pie > ul > li {
    float: left;
    width: 20%;
}
#navigation-pie > ul > li > a {
    text-transform: uppercase;
    margin-bottom: 1px;
    display: block;
    font-size: 16px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
#navigation-pie > ul > li ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#navigation-pie > ul > li ul li {
    line-height: 1.5em;
}
#navigation-pie > ul > li ul li a {
    text-transform: uppercase;
}
/*Menu Social*/

#navigation-pie .social ul {
    width: 182px;
}
#navigation-pie .social ul li {
    float: left;
}
#navigation-pie .social ul li a {
    display: inline-block;
    margin: 0 24px 14px 0;
}
#navigation-pie .social ul li a.facebook {
    background: url('../img/sprites/facebook-pie.png') no-repeat;
    height: 18px;
    width: 18px;
    text-indent: -10000em;
}
#navigation-pie .social ul li a.twitter {
    background: url('../img/sprites/twitter-pie.png') no-repeat;
    height: 18px;
    width: 18px;
    text-indent: -10000em;
}
#navigation-pie .social ul li a.youtube {
    background: url('../img/sprites/youtube-pie.png') no-repeat;
    height: 18px;
    width: 33px;
    text-indent: -10000em;
    margin-right: 9px;
}
#navigation-pie .social ul li a.instagram {
    background: url('../img/sprites/instagram-pie.png') no-repeat;
    height: 18px;
    width: 18px;
    text-indent: -10000em;
}
#navigation-pie .social ul li a.vimeo {
    background: url('../img/sprites/vimeo-pie.png') no-repeat;
    height: 18px;
    width: 18px;
    text-indent: -10000em;
}
#navigation-pie .social ul li a.google {
    background: url('../img/sprites/google-pie.png') no-repeat;
    height: 18px;
    width: 18px;
    text-indent: -10000em;
}
#navigation-pie .social ul li a.pinterest {
    background: url('../img/sprites/pinterest-pie.png') no-repeat;
    height: 18px;
    width: 18px;
    text-indent: -10000em;
}
#navigation-pie .social ul li a.rss {
    background: url('../img/sprites/rss-pie.png') no-repeat;
    height: 18px;
    width: 18px;
    text-indent: -10000em;
}
#navigation-pie .social ul li img {
    width: 18px;
    background: grey;
}
/* Menu newsletter */

#navigation-pie .newsletter > p,
#footer2 .newsletter > p {
    line-height: 1.1em;
    margin-bottom: 5px;
}
#navigation-pie .newsletter div,
#footer2 .newsletter div {
    background: url('../img/sprites/newsletter-back.png') no-repeat;
    height: 21px;
    width: 158px;
    text-indent: -10000em;
    position: relative;
}
#navigation-pie .newsletter div > div,
#footer2 .newsletter div > div {
    background: none;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 23px;
}
#navigation-pie .newsletter div.ok,
#footer2 .newsletter div.ok {
    background: none;
}
#navigation-pie .newsletter div input[type=text],
#footer2 .newsletter div input[type=text] {
    float: left;
    background: none;
    border: 0px;
    width: 133px;
    padding: 3px;
    height: 20px;
    line-height: 15px;
    margin-right: 2px;
    font-size: 11px;
    color: #fff;
    box-shadow: 0 0 0;
}
#navigation-pie .newsletter div input[type=button],
#footer2 .newsletter div input[type=button] {
    float: left;
    background: none;
    border: 0px;
    width: 23px;
    height: 21px;
    text-indent: -10000em;
}
/*****************************************************************************/
/* NAVEGACIÓN - AUX Superior */
/*****************************************************************************/
/*****************************************************************************/
/* NAVEGACIÓN - AUX Inferior */
/*****************************************************************************/

#navigation-aux-inferior {
    float: right;
    margin-right: 30px;
    font-size: 12px;
}
#navigation-aux-inferior ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#navigation-aux-inferior ul li {
    display: inline-block;
    margin-right: 10px;
}
#navigation-aux-inferior ul li a {
    color: #F2E7E9;
}
/*****************************************************************************/
/* NAVEGACIÓN - SITE MAP */
/*****************************************************************************/

#sitemap-ls {
    padding: 18px 0 0 20px;
    width: 748px;
    margin-bottom: 20px;
}
#sitemap-ls .izq {
    float: left;
    width: 300px;
    margin-right: 28px;
    padding-left: 57px;
}
#sitemap-ls .der {
    float: left;
    width: 300px;
}
#sitemap-ls ul {} #sitemap-ls ul li {
    list-style: circle;
    padding-bottom: 4px;
}
#sitemap-ls ul li a {} #sitemap-ls ul li.nivel0 {
    padding-top: 10px;
    list-style: none;
    font-weight: bold;
    font-size: 110%;
}
#sitemap-ls ul li.nivel1 {
    margin-left: 20px;
}
#sitemap-ls ul li.nivel2 {
    margin-left: 40px;
}
#sitemap-ls .sitemap-tipo-I,
#sitemap-ls .sitemap-tipo-S,
#sitemap-ls .sitemap-tipo-B,
#sitemap-ls .sitemap-tipo-P {
    padding: 10px 20px 20px 20px;
    background: #efefef;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 30px;
}
#sitemap-ls .sitemap-tipo-I {}
/*****************************************************************************/
/********************************** HOME *************************************/
/*****************************************************************************/

.home .main-container .wrapper {
    width: 100%;
    /*min-width:1024px;*/
}
.home .main-container .wrapper #content {
    width: 100%;
}

/*****************************************************************************/
/* CARROUSEL */
/*****************************************************************************/

#slideshow {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: -20px;
}
#slideshow .inner {
    height: 683px;
    width: 100% !important;
    position: relative;
}
#slideshow .inner > div {
    padding-bottom: 200px;
    display: none;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}
#slideshow .inner > div video {
    width: 100%;
    height: 570px;
}
#slideshow .inner > div a {
    width: 100%;
    overflow: hidden;
    display: block;
    text-align: center;
    height: 480px;
    background-repeat: no-repeat;
    background-position: center 0;
    position: relative;
    background-size: cover;
}
#slideshow .inner > div div {
    position: absolute;
    top: 499px;
    left: 6%;
    font-size: 120px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    line-height: 0.75em;
    letter-spacing: -7px;
}
#slideshow .inner > div div.videoContainer {
    background: black;
    position: unset;
    font-size: 120px;
    font-family: "auto";
    line-height: auto;
    letter-spacing: auto;
    top: 0 !important;
    left: 0;
}
#slideshow .inner > div div h2 {
    font-size: 120px;
}
#slideshow .inner > div div span {
    color: #CD202C;
}
#slideshow .nav {
    position: absolute;
    /*bottom: 165px;*/

    top: 430px;
    left: 20px;
    background: url('../img/slideshow-back.png');
    z-index: 1999;
    padding: 12px 25px;
    border-radius: 20px;
    behavior: url(/web/pie/PIE.htc);
}
#slideshow .nav a {
    display: block;
    float: left;
    background: #fff;
    width: 12px;
    height: 12px;
    border-radius: 5px;
    margin-right: 8px;
    text-indent: -10000em;
    behavior: url(/web/pie/PIE.htc);
}
#slideshow .nav a:last-child {
    margin-right: 0px;
}
#slideshow .nav a.activeSlide {
    background: #CD202C;
}
#slideshow > .left {
    background: url('../img/sprites/left-ficha.png') no-repeat;
    height: 56px;
    width: 28px;
    text-indent: -10000em;
    display: block;
    position: absolute;
    top: 45%;
    left: 0px;
    z-index: 1999;
}
#slideshow > .right {
    background: url('../img/sprites/right-ficha.png') no-repeat;
    height: 56px;
    width: 28px;
    text-indent: -10000em;
    display: block;
    position: absolute;
    top: 45%;
    right: 0px;
    z-index: 1999;
}
#slideshow .home_video {
    border: 0px;
    top: 0px !important;
    left: 0px !important;
}
/*En tecnologia*/

#slideshow.tecnologia {} #slideshow.tecnologia .sombra {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 7px;
    background: url('../img/header-sombra.png') repeat-x;
    z-index: 5;
}
#slideshow.tecnologia .inner {
    height: 573px;
}
#slideshow.tecnologia .inner > div {
    padding-bottom: 90px;
}
#slideshow.tecnologia .inner > div h1 {
    margin: 0px;
}
#slideshow.tecnologia .inner > div a {
    background-repeat: no-repeat;
    background-position: center 0;
    position: relative;
}
#slideshow.tecnologia .inner > div a > span {
    position: absolute;
    color: #fff;
    font-size: 120px;
    line-height: 1em;
    bottom: 3%;
}
#slideshow.tecnologia .inner > div a > span span {
    color: #231f20;
}
#slideshow.tecnologia .inner > div a > span.align-left {
    left: 6%;
}
#slideshow.tecnologia .inner > div a > span.align-center {
    left: 0px;
    width: 100%;
    text-align: center;
}
#slideshow.tecnologia .inner > div a > span.align-right {
    right: 6%;
}
#slideshow.tecnologia .inner > div div {
    font-size: 80px;
    letter-spacing: -3px;
    top: auto;
    bottom: 0px;
}
#slideshow.tecnologia .inner > div div h2 {
    font-size: 80px;
    letter-spacing: -3px;
    margin: 0px;
}
/*****************************************************************************/
/* AJUSTES PORTADA: VIDEO, MENÚ Y LOGO */
/*****************************************************************************/
section.wrapper-bg-image{
    height: calc(100vh - 110px);
}
/*menú nada más entrar - transparente-*/
.home:not(.b2b) #header.menu-transparente .main_bar{
    background: transparent;
    border: 0;
}
.home:not(.b2b) #header.menu-transparente .main_bar .main_menu > li a,
.home:not(.b2b) #header.menu-transparente .main_bar .search{
    color: #fff;
}
.home:not(.b2b) #header.menu-transparente .main_bar:hover{
    background: #fff;
}
.home #header.menu-transparente .main_bar:hover  .main_menu > li a,
.home #header.menu-transparente .main_bar:hover .search{
    color: #000;
}
.home:not(.b2b) #header.menu-transparente .main_bar .container .main_menu .sub_menu li a{
    color: #000;
}
.home:not(.b2b) #header.menu-transparente .main_bar .container .main_menu .sub_menu li a:hover{
    color: #CD202C;
}/*menú con nav-down -coge el fondo blanco-*/
.home.nav-down #header.menu-transparente .main_bar{
    background: #fff;
}
.home.nav-down #header.menu-transparente .main_bar .main_menu > li a,
.home.nav-down #header.menu-transparente .main_bar .search{
    color: #000;
}
section.wrapper-bg-image{
    width: 100%;
    margin-top: 0;
}
section.wrapper-bg-image.margin-control{
    margin-top: -69px ;
    height: calc(100vh - 39px);
}
.home.nav-down #header.menu-transparente .main_bar .logo1{
    opacity: 1;
}
/*clase que se agrega al main_bar al hacer hover sobre submenu_panel*/
.bg-white{
    background-color: #fff !important;
    color: #000 !important;
}
.bg-white a{
    color: #000 !important;
}

    /*****************************************************************************/
/* DESTACADOS TRIPLES */
/*****************************************************************************/

.destacados-triple {
    background: url("../img/destacados-triple-sombra.png") repeat-x bottom left;
    padding-bottom: 10px;
    margin: 0 0 30px 0;
}
.destacados-triple > a {
    float: left;
    display: block;
    width: 33.33%;
    position: relative;
}
/*16:9*/

#articulo-view.modo16-9 .destacados-triple > a {
    height: 192px;
    overflow: hidden;
}
.destacados-triple > a .imagen {
    overflow: hidden;
    display: block;
}
.destacados-triple > a .imagen img {
    width: 100%;
    display: block;
    -webkit-transition: all 0.5s ease 0s;
    /* For Safari 3.1 to 6.0 */

    transition: all 0.5s ease 0s;
}
.destacados-triple > a.overTipo-Z:hover .imagen img {
    z-index: 100;
    /* IE 9 */

    -webkit-transform: scale(1.050);
    /* Chrome, Safari, Opera */

    transform: scale(1.050);
}
.destacados-triple > a .sombra {
    background: url("../img/destacados-triple-sombra.png") repeat-x top left;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    z-index: 3;
    width: 100%;
    height: 100%;
}
.destacados-triple > a.overTipo-Z:hover .sombra {
    z-index: 103;
}
.destacados-triple > a .color {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    z-index: 4;
    width: 100%;
    height: 100%;
}
.destacados-triple > a .destacado-mas {
    position: absolute;
    left: 36%;
    top: 45%;
    z-index: 5;
    background: rgba(255, 255, 255, 0.5);
    padding: 3px 50px 3px 3px;
    border-radius: 17px;
}
.destacados-triple > a.overTipo-Z:hover .destacado-mas {
    z-index: 105;
}
.destacados-triple > a .destacado-mas > span {
    background: #222020;
    padding: 6px;
    border-radius: 13px;
    display: block;
}
.destacados-triple > a .destacado-mas > span > span {
    background: url('../img/sprites/destacado-mas.png') no-repeat;
    height: 16px;
    width: 16px;
    text-indent: -10000em;
    display: block;
}
.destacados-triple > a .over {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    z-index: 200;
    width: 100%;
    height: 100%;
    padding: 25% 14% 0 15%;
    background: rgba(255, 255, 255, 0.7);
    display: none;
}
.destacados-triple.tecnologia > a .over {
    background: rgba(0, 0, 0, 0.7);
}
.destacados-triple > a .over .titulo {
    display: block;
    font-size: 34px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    line-height: 1.0em;
    text-transform: uppercase;
    color: #231F20;
}
.destacados-triple.tecnologia > a .over .titulo {
    color: #FFFFFF;
}
.destacados-triple > a .over .texto {
    font-size: 20px;
    color: #231F20;
    text-align: left !important;
    line-height: 1.2em;
}
.destacados-triple.tecnologia > a .over .texto {
    color: #FFFFFF;
}
/* En tecnologias */

.destacados-triple.tecnologia {
    width: 100% !important;
    overflow: hidden;
    min-height: 236px;
    position: relative;
}
.destacados-triple.tecnologia > a {
    position: absolute;
}
.destacados-triple.tecnologia > a .destacado-mas {
    cursor: pointer;
}
.destacados-triple.tecnologia > a.overTipo-Z:hover .imagen img {
    z-index: 100;
    /* IE 9 */

    -webkit-transform: scale(1.10);
    /* Chrome, Safari, Opera */

    transform: scale(1.10);
}
.destacados-triple.tecnologia .left {
    background: url("../img/sprites/left-tecnologias.png") no-repeat scroll center center rgba(200, 201, 203, 0.4);
    display: block;
    height: 65px;
    position: absolute;
    left: 0;
    text-indent: -10000em;
    top: 37%;
    width: 50px;
    z-index: 200;
    display: none;
    opacity: 1;
    filter: alpha(opacity=100);
}
.destacados-triple.tecnologia .left:hover {
    background: url("../img/sprites/left-tecnologias.png") no-repeat scroll center center rgba(200, 201, 203, 0.9);
    opacity: 1;
    filter: alpha(opacity=100);
}
.destacados-triple.tecnologia .right {
    background: url("../img/sprites/right-tecnologias.png") no-repeat scroll center center rgba(200, 201, 203, 0.4);
    display: block;
    height: 65px;
    position: absolute;
    right: 0;
    text-indent: -10000em;
    top: 37%;
    width: 50px;
    z-index: 200;
    opacity: 1;
    filter: alpha(opacity=100);
}
.destacados-triple.tecnologia .right:hover {
    background: url("../img/sprites/right-tecnologias.png") no-repeat scroll center center rgba(200, 201, 203, 0.9);
    opacity: 1;
    filter: alpha(opacity=90);
}
/*****************************************************************************/
/* DESTACADOS PRINCIPALES / ARTICLES */
/*****************************************************************************/

#content .destacados-principales article {
    margin: 0 4% 60px 4%;
}
#content .destacados-principales article h3 {
    font-size: 60px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 0 0;
}
#content .destacados-principales article > div {
    width: 47%;
}
#content .destacados-principales article > div.imagen {
    overflow: hidden;
    position: relative;
}
#content .destacados-principales article > div.imagen img {
    width: 100%;
    display: block;
    /*-webkit-transition: all 0.5s ease 0s; /* For Safari 3.1 to 6.0 */
    /*transition: all 0.5s ease 0s;*/
}
#content .destacados-principales article.overTipo-Z > div.imagen a:hover img {
    /*-ms-transform: scale(1.050); /* IE 9 */
    /*-webkit-transform: scale(1.050); /* Chrome, Safari, Opera */
    /*transform: scale(1.050);*/
}
#content .destacados-principales article > div.imagen .color {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    z-index: 4;
    width: 100%;
    height: 100%;
}
#content .destacados-principales article > div.imagen .over {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    z-index: 6;
    width: 100%;
    height: 100%;
    padding: 15% 14% 0 15%;
    background: rgba(255, 255, 255, 0.7);
    display: none;
    z-index: 10;
}
#content .destacados-principales article > div.content p {
    font-size: 21px;
    width: 80%;
    text-align: left;
}
#content .destacados-principales article > div.content a {
    display: block;
    background: url('../img/sprites/destacado-mas2.png') no-repeat;
    height: 35px;
    width: 35px;
    text-indent: -10000em;
}
#content .destacados-principales article.par h3 {
    padding-left: 75px;
}
#content .destacados-principales article.par > div {
    float: left;
}
#content .destacados-principales article.par > div.imagen {
    margin-right: 5%;
}
#content .destacados-principales article.par > div.content a {
    float: left;
    margin-left: 75px;
}
#content .destacados-principales article.impar h2 {
    text-align: right;
    padding-right: 50px;
}
#content .destacados-principales article.impar > div {
    float: right;
}
#content .destacados-principales article.impar > div.imagen {
    margin-left: 5%;
}
#content .destacados-principales article.impar > div.content p {
    text-align: right;
    width: 100%;
    padding-left: 20%;
}
#content .destacados-principales article.impar > div.content a {
    float: right;
    margin-right: 75px;
}
/*****************************************************************************/
/* PESTAÑA DERECHA LINKS */
/*****************************************************************************/

#pestana-derecha {
    position: fixed;
    right: 0px;
    top: 60%;
    background: #f5f5f5;
    padding: 14px 14px 4px 5px;
    z-index: 500;
}
#pestana-derecha a {
    display: block;
    margin: 0 auto 13px auto;
}
#pestana-derecha a.facebook {
    background: url('../img/sprites/facebook-derecha.png') no-repeat;
    height: 18px;
    width: 18px;
    text-indent: -10000em;
}
#pestana-derecha a.twitter {
    background: url('../img/sprites/twitter-derecha.png') no-repeat;
    height: 18px;
    width: 18px;
    text-indent: -10000em;
}
#pestana-derecha a.youtube {
    background: url('../img/sprites/youtube-derecha.png') no-repeat;
    height: 18px;
    width: 33px;
    text-indent: -10000em;
}
#pestana-derecha a.vimeo {
    background: url('../img/sprites/vimeo-derecha.png') no-repeat;
    height: 18px;
    width: 18px;
    text-indent: -10000em;
}
#pestana-derecha a.instagram {
    background: url('../img/sprites/instagram-derecha.png') no-repeat;
    height: 18px;
    width: 18px;
    text-indent: -10000em;
}
/*****************************************************************************/
/******************************** CONTENIDO **********************************/
/*****************************************************************************/
/*****************************************************************************/
/* Navegacion por contenido */
/*****************************************************************************/
/*****************************************************************************/
/* LS Genéricos */
/*****************************************************************************/
/*****************************************************************************/
/* Páginas */
/*****************************************************************************/

#content.contenido p,
/*para el fckeditor*/

#pagina .contenido p {
    font-size: 17px;
    text-align: justify;
    margin-bottom: 0.7em;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    line-height: 1.3em;
}
#content.contenido p a,
#pagina .contenido p a {
    color: #CD202C;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
#content.contenido li,
#pagina .contenido li {
    font-size: 17px;
    list-style: disc outside none;
    margin-left: 25px;
    margin-bottom: 5px;
}
#content.contenido table,
#pagina .contenido table {
    border-top: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
}
#content.contenido table td,
#pagina .contenido table td {
    background: #F8F8F8;
    border-bottom: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
}
#pagina .contenido table.blanca {
    border: 0px;
}
#pagina .contenido table.blanca td {
    border: 0px;
    background: transparent;
}
#pagina .contenido .condiciones p {
    font-size: 14px;
    margin-bottom: 5px;
}
/*****************************************************************************/
/* Noticias */
/*****************************************************************************/

#noticias .noticia {
    margin: 0 0 60px;
}
#noticias .noticia.par > div.imagen {
    margin-right: 5%;
}
#noticias .noticia.par > div {
    float: left;
}
#noticias .noticia.impar > div.imagen {
    margin-left: 5%;
}
#noticias .noticia.impar > div {
    float: right;
}
#noticias .noticia > div {
    width: 47%;
}
#noticias .noticia .autor,
#noticia .autor {
    margin-bottom: 5px;
}
#noticias .noticia > div.contenido a.mas_info {
    background: url("../img/sprites/destacado-mas2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 35px;
    text-indent: -10000em;
    width: 35px;
}
#noticia {
    padding: 0 3%;
}
/*****************************************************************************/
/* NOTICIAS RELACIONADAS */
/*****************************************************************************/

#noticias_relacionadas {
    margin: 20px 0 20px 20px;
    width: 726px;
}
#noticias_relacionadas .titulo {
    border-top: 1px solid #E5E5E5;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #C92D16;
    font-size: 15px;
}
#noticias_relacionadas .noticias {} #noticias_relacionadas .noticia {
    width: 222px;
    float: left;
    padding: 0px 20px 0px 0px;
    padding-bottom: 5px;
}
#noticias_relacionadas .noticia h3 {
    font-size: 18px;
    line-height: 1.2em;
    font-weight: normal;
    margin: 4px 0 0;
    padding: 2px 0;
}
#noticias_relacionadas .noticia a {
    color: #070707;
}
#noticias_relacionadas .noticia a:hover {
    color: #C92D16;
}
#noticias_relacionadas .noticia a.mas_info {
    padding-top: 1px;
    padding-left: 10px;
    color: #C92D16;
    font-weight: normal;
    padding: 6px 10px;
    background: #efefef;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    bordert-radius: 6px;
}
#noticias_relacionadas .noticia a.mas_info:hover {
    background: url("/web/img/bullet-mas-info.gif") no-repeat scroll 0px 3px transparent;
}
#noticias_relacionadas .noticia h2 {
    font-weight: normal;
    font-size: 150%;
}
#noticias_relacionadas .noticia p {
    color: #555;
}
#noticias_relacionadas .noticia .autor {
    color: #888;
    padding: 4px 0px;
}
#noticias_relacionadas .noticia img {
    width: 222px;
}
/*****************************************************************************/
/* FAQS */
/*****************************************************************************/
/*****************************************************************************/
/* COCKIES */
/*****************************************************************************/
/*****************************************************************************/
/* ERROR PAGE 404 */
/*****************************************************************************/
/*****************************************************************************/
/********************************* CATALOGO **********************************/
/*****************************************************************************/
/*****************************************************************************/
/* Artículos - ls */
/*****************************************************************************/

#articulos-ls {
    margin-bottom: 60px;
}
#articulos-ls h1,
#articulos-ls h1 span:first-child {
    font-size: 39px;
    color: #C8C9CB;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    margin: 23px 17px 14px 0;
    text-align: center;
    text-transform: uppercase;
    height: 39px;
}
#articulos-ls h1 a {
    font-size: 14px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    text-transform: none;
    color: #C8C9CB;
}
#articulos-ls h1 a.oculto,
.js-categoria2-container-accesorios.categoria2-container-b2b .childs ul li.oculto {
    display: none;
}
/* Filtros de category2 */

#articulos-ls .category2 {
    width: 700px;
    margin: 0px auto 50px auto;
    text-align: center;
}
#articulos-ls .category2.ancho {
    width: auto;
}
#articulos-ls .category2 ul {
    margin: 0px auto;
    padding: 0px;
}
#articulos-ls .category2 ul li {
    display: inline-block;
    margin: 0 22px 0 0;
    text-transform: uppercase;
}
#articulos-ls .category2 ul li a {
    color: #231f20;
    font-size: 17px;
    font-family: "Roboto Condensed", sans-serif;
    text-decoration: none;
    font-weight: normal;
}
#articulos-ls .category2 ul li a h2 {
    color: #231f20;
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-family: "Roboto Condensed", sans-serif;
    display: inline;
}
#articulos-ls .category2 ul li a span {
    color: #231f20;
    font-size: 17px;
}
#articulos-ls .category2 ul li.oculto a {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    color: #7e7e7f;
}
#articulos-ls .category2 ul li.oculto a h2 {
    color: #7e7e7f;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
#articulos-ls .category2 ul li.oculto a span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    color: #7e7e7f;
    /*display: none;*/
}
#articulos-ls .category2 ul li a:hover,
#articulos-ls .category2 ul li.oculto a:hover,
#articulos-ls .category2 ul li.oculto a:hover h2,
#articulos-ls .category2 ul li.oculto a:hover span {
    color: #000;
}
#articulos-ls .category2 ul li:last-child {
    margin-right: 0px;
}
/* Listado de articulos */

#articulos-ls .articulos,
#articulo-view .productosrelacionados-inner > div {
    position: relative;
}
#articulos-ls .articulos > .articulo,
#articulo-view .productosrelacionados-inner > div .articulo {
    width: 244px;
    float: left;
    font-size: 14px;
    margin-bottom: 30px;
    position: relative;
    display: block;
    color: #231F20;
    height: 215px;
    text-decoration: none;
}
#articulo-view .productosrelacionados-inner > div .articulo {
    margin: 2px 0 0 2px;
}
#articulos-ls .articulos > .articulo .inner,
#articulo-view .productosrelacionados-inner > div .articulo .inner {
    display: block;
    width: 240px;
    position: relative;
    margin: 0 auto;
    padding-top: 5px;
}
#articulos-ls .articulos > .articulo .inner.conlink,
#articulo-view .productosrelacionados-inner > div .articulo .inner.conlink {
    cursor: pointer;
}
#articulos-ls .articulos > .articulo .inner .imagen,
#articulo-view .productosrelacionados-inner > div .articulo .inner .imagen {
    height: 140px;
    display: block;
    text-align: center;
}
.b2b.articulos-ls #articulos-ls .articulos > .articulo .inner .imagen{
    height: auto;
    min-height: 150px;
}
#articulos-ls .articulos > .articulo .inner .imagen img,
#articulo-view .productosrelacionados-inner > div .articulo .inner .imagen img {
    max-width: 236px;
    display: block;
    margin: 0 auto;
    max-height: 135px;
}
#articulos-ls .articulos > .articulo .inner .detalle,
#articulo-view .productosrelacionados-inner > div .articulo .inner .detalle {
    display: block;
    font-size: 15px;
    margin: 0 2%;
}
#articulo-view .productosrelacionados-inner > div > .oferta .inner .detalle {
    width: 134px;
}
#articulo-view .precio-rebajado {
    display: inline;
}
#articulos-ls .articulos > .articulo .inner .detalle .nombre,
#articulo-view .productosrelacionados-inner > div .articulo .inner .detalle .nombre {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    line-height: 1.4em;
}
#articulos-ls .articulos > .articulo .inner .detalle .nombre {
    width: 140px;
}
#articulos-ls .articulos > .articulo .inner .detalle .nombre span,
#articulo-view .productosrelacionados-inner > div .articulo .inner .detalle .nombre span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
#articulos-ls .articulos > .articulo .inner .detalle .colores,
#articulo-view .productosrelacionados-inner > div .articulo .inner .detalle .colores {
    font-style: italic;
    color: #A4A1A3;
    display: block;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
#articulos-ls .articulos > .articulo .inner .detalle .customize_btn {
    position: absolute;
    margin-top: -15px;
    background-color: #fff;
    font-size: 13px;
    line-height: 20px;
    font-style: italic;
    color: #1d1d1d;
    font-weight: bold;
    padding: 2px 0px;
    width: 100%;
}
#articulos-ls .articulos > .articulo .inner .detalle .customize_btn .icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url("../img/customize_icon.png");
    background-size: contain;
    background-position: center;
    vertical-align: middle;
}
#articulos-ls .articulos > .articulo .inner .detalle .customize_btn img {
    float: right;
    vertical-align: middle;
    height: 14px;
    width: auto;
    margin: 3px 0px;
}
#articulos-ls .articulos > .articulo .inner .detalle .precio,
#articulo-view .productosrelacionados-inner > div .articulo .inner .detalle .precio {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    float: right;
    width: 70px;
    text-align: left;
}
#articulos-ls .articulos > .articulo .inner .oferta,
#articulo-view .productosrelacionados-inner > div .articulo .inner .oferta {
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
    width: 94px;
    height: 95px;
    background: url("../img/precio-oferta-back.png") no-repeat;
    z-index: 20;
    font-size: 15px;
}
#articulos-ls .articulos > .articulo.ofertaPima .inner .oferta,
#articulo-view .productosrelacionados-inner > div .articulo.ofertaPima .inner .oferta {
    background: url("../img/precio-oferta-back-ebikes.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#articulos-ls .articulos > .articulo.modeloPremium .inner .oferta,
#articulo-view .productosrelacionados-inner > div .articulo.modeloPremium .inner .oferta {
    background: url("../img/precio-oferta-back-premium.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#articulos-ls .articulos > .articulo .inner .oferta .mas,
#articulo-view .productosrelacionados-inner > div .articulo .inner .oferta .mas {
    background: url('../img/sprites/mas-oferta.png') no-repeat;
    height: 36px;
    width: 36px;
    text-indent: -10000em;
    display: block;
    position: absolute;
    top: 22px;
    left: 25px;
}
#articulos-ls .articulos > .articulo.ofertaPima .inner .oferta .mas,
#articulo-view .productosrelacionados-inner > div .articulo.ofertaPima .inner .oferta .mas,
#articulos-ls .articulos > .articulo.modeloPremium .inner .oferta .mas,
#articulo-view .productosrelacionados-inner > div .articulo.modeloPremium .inner .oferta .mas {
    background: url('../img/sprites/destacado-mas2.png') no-repeat;
}
#articulos-ls .articulos > .articulo .inner .oferta .precio,
#articulo-view .productosrelacionados-inner > div .articulo .inner .oferta .precio {
    position: absolute;
    bottom: 20px;
    left: 0px;
    width: 100%;
    display: block;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
#articulos-ls .articulos > .articulo .inner .oferta .precio-original,
#articulo-view .productosrelacionados-inner > div .articulo .inner .oferta .precio-original {
    position: absolute;
    bottom: 5px;
    left: 0px;
    width: 100%;
    display: block;
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-decoration: line-through;
}
#articulos-ls .articulos > .articulo .inner .sobre,
#articulo-view .productosrelacionados-inner > div .articulo .inner .sobre {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(255, 255, 255, 0.7);
}
#articulos-ls .articulos > .articulo.noactivo .sobre,
#articulo-view .productosrelacionados-inner > div .articulo.noactivo .sobre {
    display: block;
}
#articulos-ls .articulos > .articulo .over,
#articulo-view .productosrelacionados-inner > div .articulo .over {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 3px #D8D8D8;
    z-index: 100;
    min-height: 195px;
    behavior: url(/web/pie/PIE.htc);
}
#articulos-ls.equipamiento .articulos > .articulo .over .formatos-inner > div {
    float: left;
    padding: 0 2px;
}
#articulo-view .productosrelacionados-inner > div .articulo .over {
    z-index: 900;
}
#articulos-ls .articulos > .articulo .over .oferta,
#articulo-view .productosrelacionados-inner > div .articulo .over .oferta {
    display: block;
    width: 100%;
    padding: 5px 20px;
    background: url("../img/precio-oferta-back2.png");
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 102;
    line-height: 24px;
    font-size: 20px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
#articulos-ls .cabeceraPromo {
    display: none;
    width: 100%;
    padding: 5px 20px;
    background: url("../img/precio-oferta-back2.png");
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 102;
    line-height: 24px;
    font-size: 20px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
#articulo-view .cabeceraPromo {
    display: none;
    width: 100%;
    padding: 5px 20px;
    background: url("../img/precio-oferta-back2.png");
    position: relative;
    z-index: 102;
    line-height: 24px;
    font-size: 20px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
#articulos-ls .cabeceraPromo span,
#articulo-view .cabeceraPromo span {
    color: #FFF;
}
#articulos-ls .cabeceraPromo span span,
#articulo-view .cabeceraPromo span span {
    color: #000;
}
#articulos-ls .articulos > .articulo.ofertaPima .over .oferta,
#articulo-view .productosrelacionados-inner > div .articulo.ofertaPima .over .oferta {
    background: url("../img/precio-oferta-back2-ebikes.png");
}
#articulos-ls .articulos > .articulo.modeloPremium .over .oferta,
#articulo-view .productosrelacionados-inner > div .articulo.modeloPremium .over .oferta {
    background: url("../img/precio-oferta-back2-premium.png");
}
#articulos-ls .articulos > .articulo .over .oferta span,
#articulo-view .productosrelacionados-inner > div .articulo .over .oferta span {
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
}
#articulos-ls .articulos > .articulo .over .imagen,
#articulo-view .productosrelacionados-inner > div .articulo .over .imagen {
    height: 140px;
    display: block;
    text-align: center;
}
#articulos-ls .articulos > .articulo .over .imagen img,
#articulo-view .productosrelacionados-inner > div .articulo .over .imagen img {
    /*width: 240px;*/

    display: block;
    margin: 0 auto;
    max-height: 135px;
}
#articulos-ls .articulos > .articulo .over .colores,
#articulo-view .productosrelacionados-inner > div .articulo .over .colores {
    display: block;
    padding-bottom: 5px;
    position: relative;
}
#articulos-ls .articulos > .articulo .over .customize_btn {
    position: absolute;
    left: 0px;
    margin-top: -45px;
    margin-left: 5px;
    background-color: #fff;
    height: 45px;
    line-height: 20px;
    width: calc(100% - 10px);
    color: #444;
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    padding: 12.5px 0px;
}
#articulos-ls .articulos > .articulo .over .customize_btn .icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url("../img/customize_icon.png");
    background-size: contain;
    background-position: center;
    vertical-align: middle;
}
#articulos-ls .articulos > .articulo .over .customize_btn img {
    float: right;
    height: 14px;
    width: auto;
    margin: 3px 0px;
    vertical-align: middle;
}
#articulos-ls .articulos > .articulo .over .colores .colores-inner,
#articulo-view .productosrelacionados-inner > div .articulo .over .colores .colores-inner {
    width: 216px;
    overflow: hidden;
}
#articulos-ls .articulos > .articulo .over .colores .colores-inner div,
#articulo-view .productosrelacionados-inner > div .articulo .over .colores .colores-inner div {
    position: relative;
    top: 0px;
    left: 0px;
}
#articulos-ls .articulos > .articulo .over .colores .colores-inner img,
#articulos-ls .articulos > .articulo .over .colores .colores-inner .img,
#articulo-view .productosrelacionados-inner > div .articulo .over .colores .colores-inner img,
#articulo-view .productosrelacionados-inner > div .articulo .over .colores .colores-inner .img {
    margin: 0 9px;
    width: 37px;
    float: left;
}
#articulos-ls .articulos > .articulo .over .colores .colores-inner .img {
    min-height: 37px;
    text-align: center;
}
#articulos-ls .articulos > .articulo .over .colores .left,
#articulo-view .productosrelacionados-inner > div .articulo .over .colores .left {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 11px;
    height: 35px;
    background: url('../img/sprites/left-listado-colores.png') no-repeat 0 6px;
    display: none;
    cursor: pointer;
}
#articulos-ls .articulos > .articulo .over .colores .right,
#articulo-view .productosrelacionados-inner > div .articulo .over .colores .right {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 11px;
    height: 35px;
    background: url('../img/sprites/right-listado-colores.png') no-repeat 0 6px;
    cursor: pointer;
}
#articulos-ls .articulos > .articulo .over .detalle,
#articulo-view .productosrelacionados-inner > div .articulo .over .detalle {
    margin-bottom: 5px;
    position: relative;
}
#articulos-ls .articulos > .articulo .over .detalle .precio-original,
#articulo-view .productosrelacionados-inner > div .articulo .over .detalle .precio-original {
    float: right;
    width: 70px;
    text-align: left;
    color: #C8C9D6;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-decoration: line-through;
}
#articulos-ls .articulos > .articulo .over .especificaciones {
    margin-bottom: 5px;
}
#articulos-ls .articulos > .articulo .over .especificaciones li {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
#articulo-view .productosrelacionados-inner > div .articulo .over .especificaciones {
    margin: 0 0 5px 3px;
    width: auto;
}
#articulos-ls .articulos > .articulo .over .especificaciones li,
#articulo-view .productosrelacionados-inner > div .articulo .over .especificaciones li {
    /*float:left;
	width:50%;*/

    font-style: italic;
}
#articulos-ls.equipamiento .articulos > .articulo .over .especificaciones li {
    line-height: 17px;
    margin: 5px 0;
}
#articulos-ls .articulos > .articulo .over .enlace {
    display: block;
    background: url('../img/sprites/destacado-mas2.png') no-repeat;
    height: 35px;
    width: 35px;
    text-indent: -10000em;
    margin: 0 auto;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
#articulos-ls .articulos > .articulo.ofertaPima .pieFoto,
#articulo-view .productosrelacionados-inner > div .articulo.ofertaPima .pieFoto {
    text-align: right;
    font-size: 70%;
    width: 244px;
}
#articulos-ls .articulos > .articulo .inner .logo-adhoc {
    background-image: url("../img/oferta-landing2-1.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    font-size: 15px;
    height: 140px;
    left: 0;
    position: absolute;
    top: 0;
    width: 34px;
    z-index: 20;
}
#articulos-ls .articulos > .articulo .inner .oferta.adhoc,
#articulo-view .productosrelacionados-inner > div .articulo .inner .oferta.adhoc {
    background: url("../img/oferta-landing2-2v2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 70px;
    height: 70px;
    background-size: 100%;
}
#articulos-ls .articulos > .articulo .inner .oferta.adhoc .mas,
#articulo-view .productosrelacionados-inner > div .articulo .inner .oferta.adhoc .mas {
    display: none;
}
#articulos-ls .articulos > .articulo .inner .oferta.adhoc .precio,
#articulo-view .productosrelacionados-inner > div .articulo .inner .oferta.adhoc .precio {
    color: #1d1d1d;
    /*top: 51px;*/
}
#articulos-ls .articulos > .articulo .inner .oferta.adhoc .precio-original,
#articulo-view .productosrelacionados-inner > div .articulo .inner .oferta.adhoc .precio-original {
    color: #666;
}
/* Elemento del listado que es la category2*/

#articulos-ls .articulos > .category2-item {} #articulos-ls .articulos > .category2-item.columna3 {
    clear: left;
}
#articulos-ls .articulos > .category2-item img {
    display: block;
}
#articulos-ls .articulos > .category2-item > span {
    display: none;
    position: absolute;
    text-align: center;
    top: 27px;
    left: 47px;
    font-size: 30px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #CD202C;
}
#articulos-ls .articulos > .category2-item.sinlink {
    cursor: inherit;
}
#articulos-ls .articulos > .category2-item.tecnologia-icono {
    background: no-repeat url('../img/tecnologia_arrow2.png') right top;
    padding-left: 15px;
}
#articulos-ls .articulos > .category2-item.tecnologia-icono span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    line-height: 0.9em;
}
#articulos-ls .articulos > .category2-item.tecnologia-icono .fila0 {
    font-size: 28px;
}
#articulos-ls .articulos > .category2-item.tecnologia-icono .fila1 {
    font-size: 47px;
}
#articulos-ls .articulos > .category2-item.tecnologia-icono .fila2 {
    font-size: 47px;
}
#articulos-ls .articulos > .category2-item.tecnologia-icono .gris {
    color: #BCBCBC;
}
#articulos-ls .articulos > .category2-item.tecnologia-icono .negro {
    color: #000000;
}
#articulos-ls .articulos > .category2-item.tecnologia-icono .iconos1 {
    padding-top: 81px;
}
#articulos-ls .articulos > .category2-item.tecnologia-icono .iconos12 {
    padding-top: 60px;
}
#articulos-ls .articulos > .category2-item.tecnologia-icono .iconos01 {
    padding-top: 69px;
}
#articulos-ls .articulos > .category2-item.tecnologia-icono .iconos012 {
    padding-top: 48px;
}
/* En tecnologias tienen todo el ancho por lo que por defecto son 4 columnas */

.tecnologias #articulos-ls {
    /*min-width:1024px;*/

    width: 90%;
    margin: 0 auto;
}
.tecnologias #articulos-ls .articulos > .articulo {
    width: 24%;
    height: auto;
    min-height: 205px;
}
.tecnologias #articulos-ls .articulos > .articulo .inner {
    width: 95%;
    margin: 0 auto;
}
.tecnologias #articulos-ls .articulos > .articulo .inner .imagen {
    height: auto;
    margin-bottom: 5px;
}
.tecnologias #articulos-ls .articulos > .articulo .inner .imagen img {
    width: 100%;
    max-height: none;
}
/* Mas ancho para el listado de articulos (4 columnas a partir de 1284px) */
/*@media (min-width: 1284px) {
	body.articulos-ls #main.wrapper {
		width: 1284px;
	}
	body.articulos-ls #content {
		width: 1035px;
	}
	body.articulos-ls #articulos-ls .articulos > .articulo {
		width: 24%;
	}
	#articulos-ls .articulos > .category2-item.columna3 {
		clear: none;
	}
	#articulos-ls .articulos > .category2-item.columna4 {
		clear: left;
	}
}*/
/* Bloque de resumen */

.bloque-left.resumen {
    width: 194px;
}
.bloque-left.resumen .top {
    margin-top: 3px;
}
.bloque-left.resumen .top:first-child {
    margin-top: 0px;
}
.bloque-left.resumen .content a {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../img/sprites/resumen-eliminar_2.PNG');
    vertical-align: middle;
    margin-left: 5px;
    float: right;
    margin-top: 2px;
}
.bloque-left.resumen .content div > span {
    border-radius: 0px;
    color: #fff;
    display: block;
    margin-bottom: 6px;
    padding: 3px 5px;
    background-color: #999998
}
.bloque-left.resumen .content div > span img.filtro-color {
    height: 20px;
    width: 36px;
}
/*****************************************************************************/
/* Artículos - view (ficha) */
/*****************************************************************************/

#articulo-view .izq {
    float: left;
    width: 744px;
    margin: 0 10px 35px 10px;
}
#articulo-view .izq .compartir {
    color: #949599;
    font-size: 15px;
    font-family: "Roboto Condensed", sans-serif;
    margin: 0 10px 15px 0;
}
#articulo-view .izq .compartir .google-plus {
    background: url('../img/sprites/google-plus-ficha.png') no-repeat;
    height: 17px;
    width: 18px;
    text-indent: -10000em;
    display: block;
    float: right;
    margin: 2px 0 0 7px;
}
#articulo-view .izq .compartir .twitter {
    background: url('../img/sprites/twitter-ficha.png') no-repeat;
    height: 17px;
    width: 18px;
    text-indent: -10000em;
    display: block;
    float: right;
    margin: 2px 0 0 7px;
}
#articulo-view .izq .compartir .facebook {
    background: url('../img/sprites/facebook-ficha.png') no-repeat;
    height: 17px;
    width: 18px;
    text-indent: -10000em;
    display: block;
    float: right;
    margin: 2px 0 0 7px;
}
#articulo-view .izq .compartir span {
    display: block;
    float: right;
    text-align: right;
}
#articulo-view .izq .imagenes {
    position: relative;
}
#articulo-view .izq .imagenes .miniaturas {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 120px;
    z-index: 2;
    border-bottom: 1px solid #C8C9CB;
}
#articulo-view .izq .imagenes .miniaturas > a {
    display: block;
    /*background:url('/web/img/sprites/ficha-miniaturas-pestana-up.png') no-repeat;*/

    background: url('/web/img/sprites/ficha-miniaturas-pestana.png') no-repeat;
    width: 102px;
    height: 34px;
    margin: 0 auto;
    text-indent: -9999px;
}
#articulo-view .izq .imagenes .miniaturas > a.down {
    /*background:url('/web/img/sprites/ficha-miniaturas-pestana-down.png') no-repeat;*/
}
#articulo-view .izq .imagenes .miniaturas div {
    width: 102px;
    margin: 0 auto;
    display: none;
    border: 1px solid #C8C9CB;
    border-width: 1px 1px 0px 1px;
}
#articulo-view .izq .imagenes .miniaturas div a {
    width: 100%;
    display: block;
}
#articulo-view .izq .imagenes .miniaturas div a img {
    display: block;
}
/*16:9*/

#articulo-view.modo16-9 .izq .imagenes .miniaturas div a img {
    width: 100px;
    height: 56px;
}
/*solo foto*/

#articulo-view.modo-solo-foto .izq .imagenes .miniaturas {
    display: none;
}
#articulo-view .izq .imagenes .imagenZoom {
    position: relative;
    float: left;
    margin-left: 28px;
}
#articulo-view.equipamiento .izq .imagenes .imagenZoom {
    float: none;
    margin: 0;
    text-align: center;
}
#articulo-view .izq .imagenes .imagenZoom img {
    width: 688px;
    display: block;
    cursor: pointer;
    max-width: none;
    background: url('../img/sombraBici.png') no-repeat;
}
#articulo-view.equipamiento .izq .imagenes .imagenZoom img {
    width: auto;
    max-height: 387px;
    display: inline;
}
#articulo-view .izq .imagenes .fondo {
    bottom: -23px;
    display: block;
    position: absolute;
}
#articulo-view .izq .imagenes .fondo img {
    width: 688px;
}
/*solo foto*/

#articulo-view.modo-solo-foto .izq .imagenes .imagenZoom img {
    width: 700px;
}
#articulo-view .izq .imagenes .imagenZoom span {
    background: url('../img/sprites/lupa-ficha.png') no-repeat;
    height: 23px;
    width: 24px;
    text-indent: -10000em;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
}
#articulo-view .izq .imagenes .left {
    background: url('../img/sprites/left-ficha.png') no-repeat;
    height: 56px;
    min-width: 28px;
    /*text-indent: -10000em;*/

    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 56px;
}
#articulo-view .izq .imagenes .left:hover {
    background: url('../img/sprites/left-ficha_hover.png') no-repeat #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
}
#articulo-view .izq .imagenes .left span {
    color: #fff;
    display: none;
    padding: 0 16px 0 30px;
}
#articulo-view .izq .imagenes .left:hover span {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
}
#articulo-view .izq .imagenes .right {
    background: url('../img/sprites/right-ficha.png') no-repeat;
    height: 56px;
    min-width: 28px;
    /*text-indent: -10000em;*/
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: 56px;
}
#articulo-view .izq .imagenes .right:hover {
    background: url('../img/sprites/right-ficha_hover.png') right 0 no-repeat #000;
    opacity: 0.3;
    filter: alpha(opacity=30);
}
#articulo-view .izq .imagenes .right span {
    color: #fff;
    display: none;
    padding: 0 30px 0 16px;
}
#articulo-view .izq .imagenes .right:hover span {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
}
#articulo-view .izq .imagenes .cargando {
    position: absolute;
    top: 48%;
    left: 48%;
    z-index: 100;
    display: none;
}
#articulo-view .der {
    float: left;
    width: 260px;
    border: 3px solid #F0F0F1;
    border-right: 0px;
    margin-bottom: 35px;
}
#articulo-view .ficha .detalle {
    padding: 7px 10px 7px 30px;
    border-bottom: 1px solid #F0F0F1;
    position: relative;
}
#articulo-view .der .detalle.conOferta {
    min-height: 157px;
}
#articulo-view.ofertaPima .der .detalle.conOferta {
    min-height: 165px;
}
#articulo-view .ficha .detalle h1 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 30px;
    line-height: 0.9em;
    text-transform: uppercase;
    margin: 0px 0px 2px 0px;
}
#articulo-view .ficha .detalle.conOferta h1 {
    margin-top: 32px;
}
#articulo-view .ficha .detalle > span {
    font-size: 20px;
    display: block;
}
#articulo-view .ficha .detalle .precio {
    font-size: 20px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-style: italic;
    text-align: left;
}
#articulo-view.ofertaPima .ficha .detalle .infoPrecio {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 60%;
    /*bottom: 26px;
    left: 29px;
    position: absolute;*/
}
#articulo-view .ficha .detalle .precio-original {
    font-size: 20px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-style: italic;
    /*position:absolute;
	left: 29px;
	bottom:7px;*/

    color: #c8c9d6;
    text-decoration: line-through;
}
#articulo-view.ofertaPima .ficha .detalle .precio-original {
    bottom: 0px;
}
#articulo-view .ficha .detalle .oferta {
    display: block;
    width: 100%;
    padding: 5px 20px;
    background: url("../img/precio-oferta-back2.png");
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 102;
    line-height: 24px;
    font-size: 20px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
#articulo-view.ofertaPima .ficha .detalle .oferta {
    background: url("../img/precio-oferta-back2-ebikes.png");
}
#articulo-view.modeloPremium .ficha .detalle .oferta {
    background: url("../img/precio-oferta-back2-premium.png");
}
#articulo-view .ficha .detalle .oferta span {
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
}
#articulo-view .der .tallas {
    position: relative;
    padding: 7px 15px 7px 35px;
    border-bottom: 1px solid #F0F0F1;
}
#articulo-view .der .tallas > div > div {
    float: left;
    width: 32%;
}
#articulo-view .der .formatos > div {
    float: left;
    width: 33%;
}
#articulo-view.equipamiento .der .formatos > div {
    height: 63px;
}
#articulo-view .der .tallas .prettyradio {
    display: block;
    margin-bottom: 9px;
}
#articulo-view .der .formatos .prettyradio {
    width: 100%;
}
#articulo-view .der .tallas label {
    font-weight: normal;
}
#articulo-view .der .tallas > div > div.checked label,
#articulo-view .der .formatos > div > div.checked label {
    color: #CD202C;
}
#articulo-view .der .tallas > div {
    text-align: center;
    position: relative;
}
#articulo-view .der .tallas > div a {
    font-style: italic;
    /*position: absolute;*/

    right: 0px;
    bottom: 12px;
    color: #231f20;
    font-size: 15px;
}
#articulo-view .der .tallas > div a img {
    position: absolute;
    right: -20px;
    top: 20px;
    max-width: none;
    display: none;
}
#articulo-view .der .tallas > div span {
    float: left;
    text-align: left;
    width: 100%;
}
#articulo-view .der .lightbox {
    display: none;
}
#articulo-view .der .tallas .guiaTallas a {
    color: #adaeb0;
    text-transform: uppercase;
}
#articulo-view .der .tallas .guiaTallas:hover a {
    color: #231f20;
}
#articulo-view .der .colores {
    padding: 7px 0px 7px 5px;
    border-bottom: 1px solid #F0F0F1;
}
#articulo-view.equipamiento .der .formatos {
    padding: 7px 0 7px 9px;
    border-bottom: 1px solid #F0F0F1;
}
#articulo-view.equipamiento .der .unidades {
    padding: 7px 0 7px 9px;
    border-bottom: 1px solid #F0F0F1;
}
#articulo-view .der .colores > div {
    float: left;
    width: 33%;
    min-height: 60px;
    text-align: center;
    font-size: 13px;
    margin-right: 0px;
}
#articulo-view .der .colores > div img,
#articulo-view .der .formatos > div img {
    display: block;
    width: 75%;
    margin: 0 auto;
    border: 1px solid #fff;
}
#articulo-view.equipamiento .der .formatos > div > a {
    display: block;
    margin-bottom: 8px;
}
#articulo-view .der .colores > div.selected img,
#articulo-view .der .formatos div.checked img {
    box-shadow: 1px 2px 7px #CD202C;
    border-radius: 2px;
    margin-bottom: 3px;
}
#articulo-view .der .colores > div .texto,
#articulo-view .der .formatos > div .texto {
    font-size: 13px;
}
#articulo-view .destacados-triple > a .over .texto {
    font-size: 15px;
}
#articulo-view .der .colores > div .texto span,
#articulo-view .der .formatos > div .texto span {
    display: none;
}
#articulo-view .der .colores > div .icono,
#articulo-view .der .formatos > div .icono {
    display: inline-block;
    width: 15px;
    height: 15px;
}
#articulo-view.equipamiento .der .colores > div .icono {
    margin-right: 3px;
}
#articulo-view .der .colores > div .icono.disponibilidad-verde,
#articulo-view .der .formatos > div .icono.disponibilidad-verde {
    background: url('../img/sprites/disponibilidad-ficha-verde.png') no-repeat;
}
#articulo-view .der .colores > div .icono.disponibilidad-rojo,
#articulo-view .der .formatos > div .icono.disponibilidad-rojo {
    background: url('../img/sprites/disponibilidad-ficha-rojo.png') no-repeat;
}
#articulo-view .der .colores > div .icono.disponibilidad-naranja,
#articulo-view .der .formatos > div .icono.disponibilidad-naranja {
    background: url('../img/sprites/disponibilidad-ficha-naranja.png') no-repeat;
}
#articulo-view .der .colores > div .icono.calculando,
#articulo-view .der .formatos > div .icono.calculando {
    background: url('../img/ajax-loader-small.gif') no-repeat;
}
#articulo-view .der .colores > div .icono.disponibilidad-azul,
#articulo-view .der .formatos > div .icono.disponibilidad-azul {
    background: url('../img/sprites/disponibilidad-ficha-azul.png') no-repeat;
}
#articulo-view .der .colores > div .icono.calculando,
#articulo-view .der .formatos > div .icono.calculando {
    background: url('../img/ajax-loader-small.gif') no-repeat;
}
#articulo-view .der .infoEnvio {
    border-bottom: 1px solid #F0F0F1;
    padding: 6px 14px;
}
#articulo-view .der .infoEnvio > a {
    display: block;
    text-align: center;
    color: #adaeb0;
    text-transform: uppercase;
    width: 100%;
    margin: 7px 0;
}
#articulo-view .der .infoEnvio > a:hover {
    color: #7E7E7F;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
#articulo-view .der .infoEnvio > a.enlaceEnvio {
    width: 100%;
}
#articulo-view .der .comprar {
    display: block;
    height: 3.4em;
    line-height: 3.4em;
    text-align: center;
    background: #CD202C;
    box-shadow: 0 0 3px #CBCACA;
}
#articulo-view .der .comprar span {
    float: left;
    margin-left: 33px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
}
#articulo-view .der .comprar span.icono {
    background: url('../img/sprites/carrito-comprar.png') no-repeat;
    height: 22px;
    width: 29px;
    text-indent: -10000em;
    display: inline-block;
    margin: 17px 0 0 23px;
}
#articulo-view .der .ventajas {
    display: block;
    padding: 8px 30px;
    color: #403D5C;
    line-height: 2em;
    font-size: 15px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
#articulo-view .der .ventajas span {
    width: 155px;
    float: left;
}
#articulo-view .der .ventajas span.icono {
    background: url('../img/sprites/ventajas-ficha.png') no-repeat;
    height: 34px;
    width: 34px;
    text-indent: -10000em;
    display: inline-block;
    margin-right: 5px;
}
.promocion-especial {
    display: block;
    padding: 8px 30px;
    color: #CD202C;
    line-height: 2em;
    font-size: 15px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.promocion-especial-articulos img {
    float: left;
    margin: 0 15px 0 0;
    width: 165px;
}
.promocion-especial-articulos .articulo > div {
    float: left;
}
.promocion-especial-articulos .articulo > div > span {
    display: block;
    text-align: left;
}
.promocion-especial-articulos h2 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 9px;
    text-transform: uppercase;
    background: #EFEFEF;
    padding: 0 0 0 10px;
}
.promocion-especial-articulos .articulo {
    float: left;
    padding: 15px 0;
    border-bottom: 1px solid #949599;
    width: 100%
}
.promocion-especial-articulos .articulo:last-child {
    border-bottom: none;
}
.promocion-especial-articulos .nombre {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
}
.promocion-especial-articulos .referencia {
    font-size: 21px;
    text-transform: uppercase;
}
.promocion-especial-articulos .precio {
    position: relative;
}
.promocion-especial-articulos .precio span {
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 17px;
}
.imgAyuda {
    margin: 5px;
}
/* especificaciones */

#articulo-view .especificaciones {
    float: left;
    width: 310px;
    margin: 10px 120px 50px 115px;
}
#articulo-view.equipamiento .especificaciones {
    float: none;
    margin: 10px 0 50px;
    width: 766px;
}
#articulo-view.equipamiento .especificaciones ul li {
    margin-bottom: 4px;
    padding-bottom: 4px;
    color: #666;
}
#articulo-view .especificaciones > span {
    display: block;
    font-size: 43px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#articulo-view .especificaciones table {
    width: 100%;
}
#articulo-view .especificaciones table tr {
    border-bottom: 1px solid #949599;
}
#articulo-view .especificaciones table tr.separador {
    background: #f5f5f5;
    height: 20px;
}
#articulo-view .especificaciones table tr td {
    font-size: 14px;
    color: #A19599;
    font-family: "Roboto Condensed", sans-serif;
    line-height: 1.55em;
}
#articulo-view .especificaciones table tr td b {
    font-weight: normal;
    font-family: "Roboto Condensed", sans-serif;
}
#articulo-view .especificaciones table tr td span {
    display: block;
    background: url('../img/sprites/checked.png') no-repeat;
    width: 18px;
    height: 18px;
    margin-top: 1px;
}
#articulo-view .especificaciones table tr td:first-child {
    text-transform: capitalize;
    width: 35%;
}
#articulo-view .especificaciones table tr td:last-child {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-weight: normal;
    color: #231F20;
    padding-left: 25px;
}
#articulo-view .especificaciones .equipamiento {
    display: none;
}
#articulo-view .especificaciones > a {
    background: url('../img/sprites/mas.png') no-repeat;
    height: 20px;
    width: 20px;
    text-indent: -10000em;
    display: inline-block;
    margin-top: 5px;
}
#articulo-view .especificaciones > a.menos {
    background: url('../img/sprites/menos.png') no-repeat;
}
/* geometria */

#articulo-view .geometria {
    float: left;
    width: 390px;
    margin: 10px 0 50px 0;
}
#articulo-view .geometria > span {
    display: block;
    font-size: 43px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
#articulo-view .geometria > div {
    text-align: center;
    margin-bottom: 15px;
}
#articulo-view .geometria table {
    width: 100%;
}
#articulo-view .geometria table thead tr th div,
#articulo-view .geometria table tr:first-child div {
    font-size: 12px;
    border-radius: 11px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    margin: 0 auto 5px auto;
    behavior: url(/web/pie/PIE.htc);
}
#articulo-view .geometria table thead tr th div sub,
#articulo-view .geometria table tr:first-child th div sub {
    bottom: 0em;
}
#articulo-view .geometria table tbody tr {
    border-bottom: 1px solid #949599;
}
#articulo-view .geometria table tbody tr td {
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
}
#articulo-view .geometria table tbody tr td:first-child {
    text-align: left;
}
#articulo-view .geometria table tbody tr:last-child {
    border: 0px;
}
.ball-column {
    width: 25px;
}
.ball {
    display: block;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    border-radius: 17px;
    background-color: grey;
    font-size: 10px;
    color: white;
}
.ball.grey {
    background-color: #615D5E;
}
.ball.black {
    background-color: black;
}
.ball.red {
    background-color: #D01E2D;
}
/*Smart navigation*/

.smartnavigation li > a {
    border: 1px solid #000;
    display: inline-block;
    padding: 6px 6px 6px 6px;
    float: left;
    text-align: center;
    width: 95%;
    margin: 2%;
}
#articulo-view .smartnavigation {
    margin: 0px 0 0 28px;
}
#articulo-view .smartnavigation ul {} #articulo-view .smartnavigation ul li {
    float: left;
    width: 244px;
    margin: 0 0 10px 4px;
}
#articulo-view .smartnavigation ul li a {
    color: #666;
}
#articulo-view .smartnavigation ul li a:hover {
    color: #000;
}
#articulo-view .smartnavigation ul li a b {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
/*Gastos de envio*/

#gastoEnvio-lightbox {
    width: 90% !important;
    margin: 0 auto;
}
#gastoEnvio-lightbox table {
    width: 100%;
    margin: 0 0 20px;
}
#gastoEnvio-lightbox table th {
    border-bottom: 1px solid #D2D2D2;
    padding-bottom: 5px;
}
#gastoEnvio-lightbox table td {
    text-align: center;
    padding-top: 5px;
}
#gastoEnvio-lightbox .asterisco {
    margin-top: 10px;
}
#disponibilidad-lightbox {
    width: 90% !important;
    margin: 0 auto;
}
#disponibilidad-lightbox table {
    width: 100%;
}
#disponibilidad-lightbox img {
    width: 65px;
    margin-left: 10px;
}
#disponibilidad-lightbox table td {
    border-bottom: 1px solid #D2D2D2;
    padding: 5px 0;
}
#disponibilidad-lightbox table th,
#disponibilidad-lightbox table td {
    text-align: center;
    min-width: 100px;
    position: relative;
}
#disponibilidad-lightbox table th > div {
    width: 108px;
    margin: 0 auto;
}
#disponibilidad-lightbox table th > div img {
    float: left;
}
#disponibilidad-lightbox table th > div div {
    float: left;
    margin-top: 9px;
}
#disponibilidad-lightbox table td.epigrafeTalla,
#disponibilidad-lightbox table th.epigrafeTalla {
    text-align: center;
    min-width: 40px;
}
#disponibilidad-lightbox table th.epigrafeTalla {
    color: #868686;
}
#disponibilidad-lightbox .icono {
    padding-right: 16px;
}
#disponibilidad-lightbox .icono.calculando {
    background: url("../img/ajax-loader-small.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#disponibilidad-lightbox .texto.disponibilidad-verde {
    color: #29DF12;
}
#disponibilidad-lightbox .texto.disponibilidad-amarillo {
    color: #29DF12;
}
#disponibilidad-lightbox .texto.disponibilidad-naranja {
    color: #FF7F00;
}
#disponibilidad-lightbox .texto.disponibilidad-rojo {
    color: #CD202C;
}
#disponibilidad-lightbox > div {
    margin-top: 20px;
}
/* testproductos */

.testproductos {
    margin: 0px 0 50px 0;
}
.fullWidth .testproductos {
    margin: 50px 0;
}
.testproductos > span {
    display: block;
    font-size: 43px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.testproductos > div {
    position: relative;
}
.testproductos > div .left {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 28px;
    height: 190px;
    background: url('../img/sprites/left-ficha.png') no-repeat 0 67px;
    display: none;
    cursor: pointer;
}
.testproductos > div .right {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 28px;
    height: 190px;
    background: url('../img/sprites/right-ficha.png') no-repeat 0 67px;
    cursor: pointer;
}
.testproductos > div .testproductos-inner {
    margin: 0 28px;
    overflow: hidden;
}
.testproductos > div .testproductos-inner > div {
    position: relative;
    left: 0px;
}
.testproductos > div .testproductos-inner > div > div {
    width: 132px;
    float: left;
    margin: 0 14px;
}
.testproductos > div .testproductos-inner > div > div img {
    display: block;
    margin-bottom: 5px;
}
.testproductos > div .testproductos-inner > div > div h3 {
    text-align: center;
    display: block;
    margin-bottom: 5px;
}
.testproductos > div .testproductos-inner > div > div .enlace {
    display: block;
    background: url('../img/sprites/destacado-mas2.png') no-repeat;
    height: 35px;
    width: 35px;
    text-indent: -10000em;
    margin: 0 auto;
}
/* productosrelacionados */

#articulo-view .productosrelacionados {
    margin: 0px 0 0px 0;
    width: 102%;
}
#articulo-view .productosrelacionados > div.text > span {
    display: block;
    font-size: 43px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#articulo-view .productosrelacionados > div {
    position: relative;
}
#articulo-view .productosrelacionados > div.text > div .left {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 28px;
    height: 227px;
    background: url('../img/sprites/left-ficha.png') no-repeat 0 67px;
    display: none;
    cursor: pointer;
}
#articulo-view .productosrelacionados > div .right {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 28px;
    height: 227px;
    background: url('../img/sprites/right-ficha.png') no-repeat 0 67px;
    cursor: pointer;
}
#articulo-view .productosrelacionados > div .productosrelacionados-inner {
    margin: 0 28px;
    overflow: hidden;
    height: 326px;
}
#articulo-view .productosrelacionados > div .productosrelacionados-inner > div {
    position: relative;
    left: 0px;
}
#articulo-view .productosrelacionados > div .productosrelacionados-inner > div > div {
    width: 288px;
    float: left;
    margin: 0 17px;
}
#articulo-view .productosrelacionados > div .productosrelacionados-inner > div > div img {
    display: block;
    margin-bottom: 5px;
}
#articulo-view .productosrelacionados > div .productosrelacionados-inner > div > div > span {
    text-align: center;
    display: block;
    margin-bottom: 5px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 18px;
}
#articulo-view .productosrelacionados > div .productosrelacionados-inner > div > div > span span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 15px;
}
#articulo-view .productosrelacionados > div .productosrelacionados-inner .articulo .over .inner {
    position: relative;
}
#articulo-view .productosrelacionados > div .productosrelacionados-inner .articulo .over .inner .enlace {
    display: block;
    background: url('../img/sprites/destacado-mas2.png') no-repeat;
    height: 35px;
    width: 35px;
    text-indent: -10000em;
    margin: 0 auto;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
/* Layer al añadir al carrito */

.carritoAdded-container {
    box-shadow: 0px 10px 10px #848484;
    display: none;
    margin-bottom: 20px;
}
.carritoAdded {
    padding: 0 30px;
}
.carritoAdded .top {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 9px;
}
.carritoAdded .top a {
    background: url("../img/sprites/dialog-cerrar.png") no-repeat;
    width: 18px;
    height: 22px;
    float: right;
    display: block;
    text-indent: -1000em;
}
.carritoAdded .content {
    font-size: 16px;
    margin-bottom: 25px;
}
.carritoAdded .content .articulo,
#mycart .ofertasVinculadas .articulo {
    float: left;
    border-right: 1px solid #C9C9CB;
    padding: 15px 0;
    width: 49%;
    position: relative;
}
#promocion-especial-articulos .articulo,
.carritoAdded .content .ofertasVinculadas .articulo,
#mycart .ofertasVinculadas .articulo {
    border-right: none;
}
.carritoAdded .content .articulo img,
#mycart .ofertasVinculadas .articulo img {
    float: left;
    margin: 0 15px 0 0px;
    width: 165px;
}
.carritoAdded .content .articulo > div #mycart .ofertasVinculadas .articulo > div {
    float: left;
    width: 270px;
    padding-right: 10px;
}
#promocion-especial-articulos .articulo.categoria {
    position: relative;
}
.carritoAdded .content .articulo.categoria > div,
#mycart .ofertasVinculadas .articulo.categoria > div,
#promocion-especial-articulos .articulo.categoria > div {
    width: 70%;
}
#promocion-especial-articulos .articulo.categoria > div.precio,
.carritoAdded .content .articulo.categoria > div.precio,
#mycart .ofertasVinculadas .articulo.categoria > div.precio {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 180%;
    width: 27%;
}
#promocion-especial-articulos .articulo.categoria > div.separador,
.carritoAdded .content .articulo.categoria > div.separador,
#mycart .ofertasVinculadas .articulo.categoria > div.separador {
    border: 1px solid #c9c9cb;
    display: block;
    height: 1px;
    left: 150px;
    position: absolute;
    top: 0;
    width: 150px;
}
.carritoAdded .content .articulo > div > span,
#mycart .ofertasVinculadas .articulo > div > span {
    display: block;
}
.carritoAdded .content .articulo.categoria > div > span.precio,
#mycart .ofertasVinculadas .articulo.categoria > div > span.precio,
#promocion-especial-articulos .articulo.categoria > div > span.precio {
    position: absolute;
    right: 2px;
    top: 15px;
}
.carritoAdded .content .ofertasVinculadas .articulo > div > span,
#mycart .ofertasVinculadas .articulo > div > span,
#promocion-especial-articulos .articulo > div > span {
    float: none;
}
.carritoAdded .content .articulo .nombre {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
}
.carritoAdded .content .articulo.categoria .nombre,
#promocion-especial-articulos .articulo.categoria .nombre {
    color: #6c6c6c;
    display: table-cell;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    height: 40px;
    line-height: 23px;
    text-align: left;
    vertical-align: middle;
    width: 147px;
}
.carritoAdded .content .articulo .referencia {
    text-transform: uppercase;
    font-size: 21px;
}
.carritoAdded .content .articulo .talla {
    text-transform: uppercase;
}
.carritoAdded .content .articulo .talla span {
    color: #CD202C;
}
.carritoAdded .content .articulo .precio {
    position: relative;
}
.carritoAdded .content .articulo .precio span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: #000;
}
.carritoAdded .content .resumen {
    float: left;
    margin-left: 40px;
    width: 440px;
}
.carritoAdded .content .resumen span {
    display: block;
}
.carritoAdded .content .resumen span span {
    float: left;
    width: 48%;
    margin-right: 4%;
    text-align: right;
    font-size: 24px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.carritoAdded .content .resumen span span:last-child {
    margin-right: 0;
    text-align: left;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
.carritoAdded .content .resumen span.total span:last-child {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #CD202C;
}
.carritoAdded .content .resumen .ivaincluido {
    margin-bottom: 18px;
}
.carritoAdded .content .resumen .ivaincluido span {
    font-size: 15px;
}
.carritoAdded .content .resumen a {
    display: block;
    float: left;
    width: 48%;
    margin-right: 4%;
}
.carritoAdded .content .resumen a:last-child {
    margin-right: 0;
}
.carritoAdded .content .resumen a:last-child span,
.carritoAdded .ofertasVinculadas a.principal span,
#mycart .ofertasVinculadas a.principal span,
#promocion-especial-articulos a.principal span {
    background: url("../img/sprites/carrito-carritoAdded.png") no-repeat;
    width: 29px;
    height: 22px;
    float: left;
    display: block;
    text-indent: -1000em;
}
.carritoAdded .content .ofertasVinculadas,
#mycart .ofertasVinculadas {
    margin-top: 25px;
}
.carritoAdded .content .ofertasVinculadas h2,
#mycart .ofertasVinculadas h2 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 9px;
    text-transform: uppercase;
    background: #EFEFEF;
    padding: 0 0 0 10px;
}
#mycart .ofertasVinculadas h2 {
    background: none;
}
.carritoAdded .content .ofertasVinculadas .articulo.impar,
#mycart .ofertasVinculadas .articulo.impar {
    border-right: none;
    margin-left: 40px;
    width: 450px;
}
.carritoAdded .content .ofertasVinculadas .precio a,
#mycart .ofertasVinculadas .precio a {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url("../img/sprites/mas.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    margin-top: 5px;
    text-indent: 1.5em;
}
.carritoAdded .content .ofertasVinculadas .articulo.categoria .precio a,
#mycart .ofertasVinculadas .articulo.categoria .precio a,
#promocion-especial-articulos .articulo.categoria .precio a {
    position: relative;
    background: none;
    display: auto;
    height: auto;
    margin-top: 0;
    text-indent: auto;
    width: 188px;
}
.carritoAdded .content .ofertasVinculadas .articulo.categoria .precio a,
#mycart .ofertasVinculadas .articulo.categoria .precio a {
    width: 150px;
    text-indent: 5px;
    padding: 9px 3px 8px !important;
}
#mycart .ofertasVinculadas .articulo {
    padding: 0 0 15px 0;
}
#mycart .ofertasVinculadas .articulo > div {
    display: inline-block;
}
#mycart .ofertasVinculadas .articulo > .precio {
    line-height: 1.4em;
}
#mycart .ofertasVinculadas .articulo .nombre {
    line-height: 1.4em;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 25px;
}
#mycart .ofertasVinculadas .articulo span.precio {
    top: 0 !important;
    right: 20px !important;
}
#mycart .ofertasVinculadas .articulo span.precio a {
    background-color: #cc1f2b !important;
    line-height: 22px;
}
/*****************************************************************************/
/* Ofertas */
/*****************************************************************************/
/*****************************************************************************/
/* Novedades */
/*****************************************************************************/
/*****************************************************************************/
/***************************PROCESO DE  COMPRA *******************************/
/*****************************************************************************/
/*****************************************************************************/
/* COMPRA - GENERICOS */
/*****************************************************************************/

.pagina-container {
    margin-bottom: 25px;
    margin-top: 20px;
}
.pagina-container h1 {
    font-size: 27px;
    color: #C9C9CB;
    text-align: center;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
.subtitulo,
.subtitulo::before {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 19px;
    line-height: 1;
    padding: 15px;
}
.subtitulo {
    color: #000;
    margin-bottom: 5px;
    background: #ededed;
    position: relative;
}
.subtitulo_pago {
    padding-left: 50px;
    /* Para dejar espacio al número (::before) */
}
.subtitulo_pago::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: #000;
    color: #fff;
}
.subtitulo_pago:nth-of-type(1)::before {
    content: "1";
}
.subtitulo_pago:nth-of-type(2)::before {
    content: "2";
}
.subtitulo_pago:nth-of-type(3)::before {
    content: "3";
}
.subtitulo_pago > span {
    line-height: 1.3;
}
@media (min-width: 768px) {
    .subtitulo_pago > span {
        line-height: 1 !important;
    }
}
.subtitulo > span {
    font-family: inherit;
    color: inherit;
}
.subtitulo_desactivado {
    color: #9e9e9e;
}
.subtitulo_desactivado::before {
    background: #ababab;
}
.subtexto {
    margin-bottom: 14px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
#error_tarjeta{
    text-align: center;
    font-size: 24px;
    color: #fff;
    padding: 0px !important;
}
#error_tarjeta .content{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#error_tarjeta .title{
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}
/*****************************************************************************/
/* CESTA - INC-CLIENTES-CESTA-CABECERA */
/*****************************************************************************/

.header-container .contentCarritoAcceso {
    margin: 0px 9px 0 0;
    position: relative;
    float: right;
    text-align: right;
    height: 64px;
}
.header-container .carrito {
    margin: 6px 0px 0 0;
    position: relative;
}
.header-container .carrito > a {
    background: url("../img/sprites/carrito_fondo_rojo.png") no-repeat scroll right center #CD202C;
    box-shadow: 0 3px 3px #a2a3a5;
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 15px;
    height: auto;
    margin: 0 0px 0 0;
    padding: 6px 50px 6px 17px;
    position: relative;
    text-indent: 0;
    text-transform: uppercase;
    width: auto;
    display: block;
    text-align: center;
    max-width: 200px;
    float: right;
    max-height: 38px;
}
.header-container .carrito.b2b {
    float: right;
    margin: 6px 0 0 0;
    position: relative;
    z-index: 500;
}
.header-container .carrito.b2b > a {
    background: url("../img/sprites/carrito_fondo_rojo.png") no-repeat scroll right center #CD202C;
    box-shadow: 0 3px 3px #a2a3a5;
    color: #fff;
    display: block;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 15px;
    height: auto;
    margin: 0 9px 0 0;
    padding: 6px 50px 6px 17px;
    position: relative;
    text-indent: 0;
    text-transform: uppercase;
    width: auto;
}
.header-container .carrito > a span {
    display: none;
    background: #CD202C;
    color: #fff;
    position: absolute;
    display: block;
    text-indent: 0px;
    padding: 0 5px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-align: center;
    width: 22px;
    right: auto;
    left: -25px;
    top: 8px;
}
.header-container .carrito > a span:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 0, 0, 0);
    border-right-color: #CD202C;
    border-width: 4px;
    margin-top: -4px;
    border: 0px;
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 0, 0, 0);
    border-left-color: #CD202C;
    border-width: 4px;
    margin-top: -4px;
}
.header-container .carrito.b2b > a span {
    right: auto;
    left: -25px;
    top: 8px;
}
.header-container .carrito.b2b > a span:after {
    border: 0px;
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 0, 0, 0);
    border-left-color: #CD202C;
    border-width: 4px;
    margin-top: -4px;
}
.header-container .carrito > div {
    display: none;
    position: absolute;
    top: 30px;
    right: 0px;
    width: 280px;
    height: 76px;
    border: 1px solid #E1E0E0;
    box-shadow: 0 0 3px #E1E0E0;
    z-index: 20;
    background: url('../img/carrito-back.png');
}
.header-container .carrito > div > div {
    display: none;
    position: relative;
}
.header-container .carrito > div > div .top {
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    padding: 8px;
    background: #fff;
    margin-bottom: 3px;
}
.header-container .carrito > div > div .content > div {
    background: #fff;
    padding: 8px 12px;
    margin-bottom: 3px;
    font-size: 14px;
}
.header-container .carrito > div > div .content > div img {
    float: left;
    width: 60px;
    margin-right: 10px;
}
.header-container .carrito > div > div .content > div span.unidades {
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 9px;
}
.header-container .carrito > div > div .content > div a {
    float: left;
    width: 107px;
    line-height: 1.2em;
}
.header-container .carrito > div > div .content > div a span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
.header-container .carrito > div > div .content > div span.precio {
    float: right;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    margin-top: 9px;
}
.header-container .carrito > div > div .bottom {
    background: #fff;
    padding: 8px;
    text-align: center;
}
.header-container .carrito > div > div .bottom a {
    background: url('../img/sprites/mas.png') no-repeat;
    height: 20px;
    padding-left: 27px;
    line-height: 20px;
}
/*****************************************************************************/
/* CESTA - INC-CLIENTES-CESTA */
/*****************************************************************************/
/*****************************************************************************/
/* CESTA - CARRITO DE LA COMPRA */
/*****************************************************************************/

.cesta-compra {
    margin-bottom: 20px;
}
.cesta-compra .fondo {
    background: #F3F3F4 url("../img/right-back.png") repeat-y bottom right;
    padding-bottom: 2px;
}
.cesta-compra .fondo:last-child {
    background: none;
}
.cesta-compra .fondo > div {
    background: #fff;
}
.cesta-compra .articulo {
    float: left;
    padding: 15px 0;
    width: 540px;
}
.cesta-compra .articulo > a img,
.cesta-compra .articulo > img {
    float: left;
    margin: 0 20px 0 0px;
    width: 200px;
}
.cesta-compra .articulo > div {
    float: left;
    width: 300px;
}
.cesta-compra .articulo > div > span {
    display: block;
}
.cesta-compra .articulo .nombre {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.4em;
}
.cesta-compra .articulo .referencia {
    text-transform: uppercase;
    font-size: 21px;
    line-height: 1.4em;
}
.cesta-compra .articulo .talla {
    text-transform: uppercase;
    line-height: 1.3em;
}
#opciones-usario .cesta-compra .articulo .customized_data {
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.cesta-compra .articulo .customized_data {
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.cesta-compra .articulo .talla span {
    color: #CD202C;
}
.cesta-compra .articulo .precio {
    text-transform: uppercase;
}
.cesta-compra .articulo .precio span {
    font-size: 17px;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
.cesta-compra .articulo .estado {
    font-size: 14px;
}
.cesta-compra .articulo .estado img {
    width: 42px;
    float: left;
    margin: 0px 5px 0 0;
}
.cesta-compra .acciones {
    float: left;
    margin: 79px 0 0 0;
}
.cesta-compra .acciones a {
    display: block;
    margin-bottom: 14px;
    width: 145px;
}
/* En el pedido */

.cesta-compra.en-pedido .articulo {
    width: 100%;
}
.cesta-compra.en-pedido .articulo > div {
    width: auto;
}
/* inc_cesta_compra_right */
/*#right .cesta-compra{
	background:url('../img/right-back.png');
	margin-bottom:30px;
}*/

#right .cesta-compra .top {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 19px;
    text-transform: uppercase;
    text-align: center;
    background: #ededed;
    padding: 15px;
}
#right .cesta-compra .codigo-iva {
    /*margin:0 0 2px 2px;
	padding:10px 10px 10px 25px;
	background: #fff;*/

    border: 1px solid #ededed;
    border-top: 0;
    border-bottom: 0;
    padding: 10px 7px;
}
#right .cesta-compra .codigo-iva > a,
#right .cesta-compra .codigo-iva > span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 10px;
}
#right .cesta-compra .codigo-iva > a span,
#right .cesta-compra .codigo-iva > span span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url('../img/sprites/interrogacion.png') no-repeat;
    margin: 0 0 0 5px;
}
#right .cesta-compra .codigo-iva input {
    box-shadow: none;
    background: #f8f8fB;
    border: 1px solid #ededed;
    padding: 9px;
    padding-bottom: 8px;
    height: 34px;
    margin-bottom: 0;
    margin-right: 1px;
    width: calc(100% - 90px - 5px);
    display: inline-block;
    vertical-align: top;
}
#right .cesta-compra .codigo-iva .boton {
    width: 90px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px !important;
}
#right .content_block {
    border: 1px solid #ededed;
    border-top: 0;
    border-bottom: 0;
    padding: 0 7px;
}
#right .cesta-compra .resumen {
    padding: 15px;
    padding-bottom: 10px;
    background: #f4f4f4;
}
#right .cesta-compra .resumen span {
    display: block;
    line-height: 1.3em;
    color: #525252;
}
#right .cesta-compra .resumen > span {
    padding-bottom: 10px;
}
#right .cesta-compra .resumen > span:last-child {
    padding-bottom: 0;
}
#right .cesta-compra .resumen span span {
    float: left;
    width: 56%;
    font-size: 14px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
#right .cesta-compra .resumen span span:last-child {
    width: 40%;
    text-align: right;
    float: right;
}
#right .cesta-compra .resumen span.total span:last-child {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #CD202C;
}
#right .cesta-compra .resumen span.descuento span:last-child {
    width: 100%;
}
#right .cesta-compra .resumen .ivaincluido {
    margin-bottom: 18px;
}
#right .cesta-compra .resumen .ivaincluido span {
    font-size: 15px;
}
/*#right .cesta-compra .resumen a{
	position:relative;
	padding:20px;
	font-size:18px;
    color:#fff;
}
#right .cesta-compra .resumen a span{
	display:inline-block;
    color:#fff;
    font-weight: bold;
}*/

#right .cesta-compra .boton_compra {
    display: block;
    padding: 15px;
    font-size: 18px;
    color: #fff;
    background-color: #e62017;
    text-align: center;
}
#right .cesta-compra .boton_compra span {
    color: inherit;
    font-size: 14px;
}
#right .cesta-compra .boton_compra .icono_cesta {
    background: url("../img/sprites/carrito-carritoAdded.png") no-repeat;
    width: 29px;
    height: 22px;
    text-indent: -10000em;
    margin: 0 0 0 15px;
    display: inline-block;
    display: none;
    /* REVIEW */
}
#right .cesta-compra .total {
    padding-top: 15px;
    padding-bottom: 15px;
}
#right .total_sidebar {
    background: #000;
    color: #fff;
    padding: 15px;
}
#right .total_sidebar--claro {
    background: #f4f4f4;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
}
.total_sidebar * {
    color: inherit;
    font-weight: inherit;
}
#right .cesta-compra .total span {
    /*color: #fff;*/

    text-transform: uppercase;
}
#right .cesta-compra .total .precio {
    float: right;
}
#right .cesta-compra .articulos {
    margin-top: 2px;
}
#right .cesta-compra .articulos > div {
    margin-bottom: 2px;
    padding: 10px 0;
    background: #fff;
    position: relative;
}
#right .cesta-compra .articulos > div > img {
    float: left;
    margin: 0 10px 0 0px;
    width: 110px;
}
#right .cesta-compra .articulos > div > div {
    float: left;
    width: 162px;
}
#right .cesta-compra .articulos > div > div > span {
    /*display:block;*/
}
#right .cesta-compra .articulos > div .nombre {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
}
#right .cesta-compra .articulos > div .referencia {
    text-transform: uppercase;
    font-size: 13px;
}
#right .cesta-compra .articulos > div .talla {
    text-transform: uppercase;
}
#right .cesta-compra .articulos > div .talla span {
    /*color: #CD202C;*/

    font-size: 13px;
}
#right .cesta-compra .articulos > div .precio {} #right .cesta-compra .articulos > div .precio span {
    text-align: right;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 8px;
    /* (15px - 7px) alinea el precio con el de subtotal */

    font-size: 13px;
}
#right .cesta-compra .ventajas {
    margin: 0 0 2px 2px;
    padding: 20px 10px 10px 25px;
    background: #fff;
}
#right .cesta-compra .ventajas a {
    display: block;
    position: relative;
    padding: 5px 20px;
    font-size: 20px;
    text-transform: uppercase;
}
#right .cesta-compra .ventajas a span {
    width: 165px;
    float: left;
    line-height: 1.2em;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
#right .cesta-compra .ventajas a span:first-child {
    background: url("../img/sprites/ventajas.png") no-repeat;
    width: 47px;
    height: 46px;
    text-indent: -10000em;
    margin: 0 7px 0 0;
}
/* ayuda a la compra */

#right .ayuda-compra {
    margin-bottom: 30px;
}
#right .ayuda-compra .top {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 30px;
    padding: 0 0 0 25px;
    text-transform: uppercase;
    line-height: 1.4em;
}
#right .ayuda-compra ul {
    list-style: square;
    color: #A8A8A8;
    padding-left: 40px;
    margin-bottom: 15px;
}
#right .ayuda-compra ul li {
    color: #a8a8a8;
    font-size: 15px;
    line-height: 1.4em;
}
#right .ayuda-compra ul li a {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-weight: normal;
    text-decoration: none;
}
#right .ayuda-compra ul li div {
    color: #231f20;
    display: none;
    font-size: 13px;
}
#right .ayuda-compra ul li div a {
    color: #231f20;
    text-decoration: underline;
}
/*****************************************************************************/
/* COMPRA - PASOS */
/*****************************************************************************/
/*****************************************************************************/
/* COMPRA PASO 0 - LOGIN CLIENTES*/
/*****************************************************************************/

#login-no-registrado .inner,
#login-acceso-clientes .inner {
    margin: 2px;
    padding: 18px 40px;
    font-size: 15px;
}
#login-no-registrado .inner > div.titulo,
#login-acceso-clientes .inner > div.titulo {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
    margin: 0 0 18px 0;
    line-height: 1.2;
}
#login-no-registrado .inner > p,
#login-acceso-clientes .inner > p {
    font-size: 17px;
    margin: 0 0 25px 0;
}
#login-no-registrado .boton,
#login-acceso-clientes .boton {
    float: right;
    min-width: 140px;
}
#login-no-registrado {
    float: left;
    width: 410px;
    margin: 0 0 20px 0;
}
#login-acceso-clientes {
    float: left;
    width: 420px;
    margin: 0 0 20px 111px;
    background: url('../img/login-acceso-clientes-back.png');
}
#login-acceso-clientes .inner {
    margin: 2px;
    background: #fff;
}
#login-acceso-clientes form span {
    display: block;
    color: #868686;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    margin-bottom: 8px;
}
#login-acceso-clientes form input {
    width: 80%;
    display: block;
    margin-bottom: 13px;
}
#login-acceso-clientes form .olvide {
    display: block;
    padding-top: 7px;
}
#login-acceso-clientes form .boton {
    margin-top: 20px;
}
/*****************************************************************************/
/* COMPRA PASO 1 - DATOS DE CONTACTO, ENTREGA Y FACTURACION*/
/*****************************************************************************/

.form-compra {
    border: 1px solid #ededed;
    border-top: 0;
    padding: 30px;
    padding-top: 20px;
    /* Para compensar el espacio */
}
.form-compra > div {
    margin-bottom: 55px;
    font-size: 15px;
}
.form-compra > div:last-child {
    margin-bottom: 0;
}
.form-compra .bloqueform {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    font-size: 19px;
    margin-bottom: 14px;
}
.form-compra .bloqueform.hidden,
.form-compra .bloquecampos.hidden {
    display: none;
}
.form-compra .bloquecampos {
    margin-bottom: 25px;
}
@media (min-width: 500px) {
    .form-compra .bloquecampos {
        width: 83%;
    }
}
.form-compra .bloquecampos div .campos {
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 14px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #878787;
}
@media (max-width: 375px) {
    .form-compra .bloquecampos div .campos {
        width: 100%;
        float: none;
    }
}
.form-compra .bloquecampos div .campos:last-child {
    margin-right: 0px;
}
.form-compra .bloquecampos div .campos input {
    margin-top: 4px;
}
.form-compra .bloquecampos div.direccion-cp .campos {
    width: 76%;
}
.form-compra .bloquecampos div.direccion-cp .campos:last-child {
    width: 20%;
}
@media (max-width: 375px) {
    #formPedido .bloquecampos div .campos {
        width: 100%;
        float: none;
    }
}
#formPedido .bloquecampos div.nacimiento select {
    width: 29%;
    margin-right: 4%;
}
#formPedido .bloquecampos div.nacimiento select:last-child {
    margin-right: 0%;
}
#formPedido .bloquecampos select {
    margin-top: 5px;
}
@media (max-width: 460px) {
    #formPedido .bloquecampos div.busca_tienda {
        width: 100%;
        float: none;
    }
}
#formPedido .bloquecampos div.busca_tienda > a {
    display: inline-block;
    background: #e62017;
    color: #fff;
    padding: 9px;
    padding-bottom: 8px;
}
@media (min-width: 460px) {
    #formPedido .bloquecampos div.busca_tienda > a {
        margin-top: 23px;
    }
}
@media (max-width: 460px) {
    #formPedido .bloquecampos div.busca_tienda > a {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .texto-prox{
        width: 50px;
        text-overflow: ellipsis;
        overflow: hidden;

    }
}
#formPedido .bloquecampos div.busca_tienda > a span {
    display: none;
}
.form-compra .acciones {} .form-compra .acciones .boton {
    float: right;
    min-width: 140px;
    margin-left: 15px;
}
/* Dialog de buscar tienda */

#buscar-tiendas {} #buscar-tiendas .buscador_cp {
    margin-bottom: 14px;
}
#buscar-tiendas .buscador_cp span {
    line-height: 27px;
    float: left;
    margin: 5px 5px 0 0;
}
#buscar-tiendas .buscador_cp input {
    float: left;
    width: 40%;
    margin: 5px 5px 0 0;
}
#buscar-tiendas .buscador_cp a {
    float: left;
}
/*****************************************************************************/
/* COMPRA PASO 2 -  RESUMEN DE COMPRA Y PAGO*/
/*****************************************************************************/

.subtitulo.correcto {
    position: relative;
}
.subtitulo.correcto span:first-child {
    float: left;
}
.subtitulo.correcto span.tick {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url('../img/sprites/paso-compra-ok.png');
    margin: 0 0 0 10px;
    border-radius: 9999px;
}
.subtitulo.correcto .boton {
    position: absolute;
    top: 8px;
    right: 15px;
    font-size: 13px;
}
#formPago .pago {
    margin-bottom: 10px;
    border: 1px solid #ededed;
    padding: 15px;
    background: #f8f8fB;
}
#formPago .pago .prettyradio {
    width: 100%;
}
#formPago .pago .prettyradio > a {
    width: 18px;
    height: 18px;
    border: 1px solid #909090;
    border-radius: 9999px;
    background: none;
}
#formPago .pago .prettyradio label {
    width: 80%;
}
#formPago .pago label {
    text-transform: uppercase;
    color: #525252;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    margin-top: 2px;
    margin-left: 12px;
    -webkit-transition: color .15s ease;
    transition: color .15s ease;
}
#formPago .pago.seleccionado label {
    color: #525252;
}
#formPago .pago.seleccionado .prettyradio > a {
    border: 0;
    border-radius: 0;
    background: url('../img/sprites/paso-compra-ok.png');
}
#formPago .pago .descripcion {
    display: none;
    margin-left: 35px;
}
#formPago #discount_panel .campos {
    margin-right: 5px;
}
#formPago #discount_panel .boton {
    width: 50%;
}
#formPago #discount_panel input {
    box-shadow: none;
    background: #f8f8fB;
    border: 1px solid #ededed;
    padding: 9px;
    padding-bottom: 8px;
    height: 34px;
    margin: 0;
}
/*****************************************************************************/
/* COMPRA PASO 3 - CONFIRMACION DE PEDIDO */
/*****************************************************************************/

.mje-compra-ok {
    color: #CD202C;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    margin: 14px 0;
    line-height: 1.2;
}
.pasos-texto-superior {
    text-align: center;
    margin-bottom: 14px;
}
.separador-detalles-compra {
    width: 100%;
    height: 1px;
    border-bottom: 2px dotted #D7D7D7;
    margin-bottom: 20px;
}
.pasos-compra-cuadro .pedido {
    margin-bottom: 20px;
}
.pasos-compra-cuadro .pedido .bloqueform {
    text-transform: none;
    color: #A8A8A8;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
}
.codigo-pedido {
    padding: 10px 10px 10px 25px;
    background: #fff;
}
.codigo-pedido div {
    display: block;
}
.codigo-pedido div span {
    float: left;
    width: 25%;
    margin-right: 4%;
    text-align: left;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #868686;
}
.codigo-pedido div span:last-child {
    margin-right: 0;
    width: 71%;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    color: #000;
}
.resumen-compra {
    padding: 10px 10px 10px 25px;
    background: #fff;
}
.resumen-compra div {
    display: block;
}
.resumen-compra div span {
    float: left;
    width: 60%;
    margin-right: 4%;
    text-align: right;
    font-size: 24px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.resumen-compra div span:last-child {
    margin-right: 0;
    width: 36%;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-weight: 300;
}
.resumen-compra div.total span:last-child {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #CD202C;
}
.resumen-compra .total {
    margin-bottom: 8px;
}
.resumen-compra div.nota span {
    width: 100%;
    font-size: 14px;
    text-transform: none;
}
.datos-facturacion-entrega {
    padding: 10px 10px 10px 25px;
}
.datos-facturacion-entrega > div {
    float: left;
    width: 60%;
}
.datos-facturacion-entrega > div:last-child {
    width: 40%;
}
.datos-facturacion-entrega > div > span {
    font-size: 24px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.datos-facturacion-entrega > div > p {
    margin-left: 10px;
}
.datos_pago {
    padding: 10px 10px 10px 25px;
}
.datos_pago .titulo {
    font-size: 24px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}
.datos_pago .tipo {
    font-size: 18px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    display: block;
    margin-left: 10px;
}
.datos_pago .p {
    margin-left: 10px;
}
/*****************************************************************************/
/*********************** FORMULARIOS Y BOTONES *******************************/
/*****************************************************************************/
/*****************************************************************************/
/* GENERALES Y BOTONES */
/*****************************************************************************/
.bloque{
    overflow: hidden;
    display: block;
}
.formulario {
    padding-bottom: 14px;
    display: block;
}
.formulario .epigrafeform {
    color: #878787;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 16px;
    padding: 0 5px 14px 0;
}
.formulario .formvalor {
    padding: 0 14px 14px 0;
    position: relative;
}
/*cuando lleva checkbox*/
.formulario tr.tr-nobgcolor{
    background-color: transparent;
}
.formulario .td-accept{
    vertical-align: middle;
    padding: .5rem 0 0 0;
    background-color: transparent;
}
.formulario .td-accept input,
.formulario .td-accept .td-accept__text{
    display: inline-block;
    vertical-align: middle;
}
.formulario .td-accept input{
    margin: 0 3px 0 0;
}
.formulario .td-accept .td-accept__text{
    width: calc(100% - 20px);
}

.formulario .formvalor .ui-datepicker-trigger {
    position: absolute;
    top: 6px;
    right: 18px;
}
.boton {
    padding: 9px 9px 8px 9px !important;
    background: #444 !important;
    color: #fff !important;
    box-shadow: 0px 3px 3px #A2A3A5 !important;
    display: inline-block;
    text-transform: uppercase !important;
    font-size: 15px !important;
    font-family: "Roboto Condensed" !important;
    font-weight: bold !important;
    text-align: center !important;
    border: 0px !important;
    font-weight: normal !important;
    border-radius: 0px !important;
}
.botonClaro {
    background: none repeat scroll 0 0 #666;
    box-shadow: 0 3px 3px #a2a3a5;
    color: #fff !important;
    display: inline-block;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 15px;
    padding: 9px 9px 8px;
    text-align: center;
    text-transform: uppercase;
    border: 0px;
}
input.boton {
    border: 0px;
}
.boton.principal {
    color: #fff !important;
    background: #CD202C !important;
}
.boton.secundario {
    color: #525252 !important;
    background: #ccc !important;
    box-shadow: none !important;
}
.botonGris {
    background-color: #f3f3f4;
    padding: 3px 6px;
    border: 3px solid #C9CACC;
    color: #000;
}
body.b2b .main-container a.botonGris {
    color: #000;
}
body.b2b .main-container a.botonGris:hover {
    color: #cd202c;
}
input,
.ui-widget input,
textarea {
    font-size: 15px;
    color: #231F20;
    font-family: "Roboto Condensed", sans-serif;
}
input[type=text],
input[type=password],
input[type=email] {
    border: 1px solid #D8D3D7;
    line-height: normal;
    height: 27px;
    padding: 0 14px;
    width: 100%;
    box-shadow: 0 2px 2px #D8D3D7;
}
textarea {
    border: 1px solid #D8D3D7;
    padding: 0 14px;
    width: 100%;
    box-shadow: 0 2px 2px #D8D3D7;
}
input[type=text].error,
input[type=password].error,
textarea.error {
    border-color: #CD202C;
    background-color: #ffaaaa;
}
select {
    border: 1px solid #D8D3D7;
    padding: 5px;
    width: 100%;
    box-shadow: 0 2px 2px #D8D3D7;
    background: url('../img/select-back.png');
}
select.error {
    border-color: #CD202C;
    background-color: #ffaaaa;
}
/********** Custom ComboBox ****************/

.custom-combobox {
    position: relative;
    display: inline-block;
    width: 100%;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}
.custom-combobox-input {
    background: url("../img/select-back.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #d8d3d7;
    box-shadow: 0 2px 2px #d8d3d7;
    font: 99% sans-serif;
    margin: 0;
    padding: 5px 10px;
    border-radius: 0px !important;
    width: 95%;
}
.custom-combobox a {
    border-radius: 0px !important;
    border: 1px solid #5e5c5e;
    box-shadow: 0 2px 2px #d8d3d7;
    width: 17px;
}
.custom-combobox a>span.ui-icon {
    background-image: url("images/ui-icons_000000_256x240.png");
}
.ui-autocomplete {
    max-height: 350px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */

    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */

    padding-right: 20px;
    z-index: 1100;
}
/*******************************************/

.prettycheckbox.error label,
.prettyradio.error label {
    color: #CD202C;
}
.errorMsg {
    margin-bottom: 10px;
    color: #CD202C;
}
/* Captcha */

.captcha {
    width: 485px;
    border: 1px solid #D7D7D7;
    padding: 20px;
    margin-bottom: 14px;
}
.captcha div {
    margin-bottom: 10px;
}
.captcha div img {
    float: left;
    border: 1px solid #D7D7D7;
}
.captcha div a {
    float: left;
    margin: 43px 0 0 10px;
}
.captcha div a span {
    float: left;
    width: 14px;
    height: 15px;
    display: block;
    background: url('../img/sprites/captcha-recargar.png');
    margin: 5px 3px 0 0;
}
.captcha p {
    color: #878787;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}
.captcha input {
    width: 50%;
}
#formulariosweb .agradecimiento,
.agradecimiento {
    width: 500px;
    padding: 10px 20px 20px 20px;
    background: #efefef;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    bordert-radius: 6px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 120%;
    color: #666;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 40px;
}
/* formulariosweb (soporte tecnico) */

#formulariosweb .bloqueform {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    font-size: 19px;
    padding: 23px;
    margin-bottom: 14px;
    background: #EDEDED;
}
#formulariosweb .bloquecampos {
    margin: 0 14px;
    width: 83%;
}
#formulariosweb .bloquecampos div .campos {
    color: #878787;
    float: left;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 16px;
    margin-bottom: 14px;
    margin-right: 4%;
    position: relative;
    width: 48%;
}
#formulariosweb .bloquecampos div .campos:last-child {
    margin-right: 0px;
}
#formulariosweb .bloquecampos div .campos input,
#formulariosweb .bloquecampos div .campos textarea {
    margin-top: 4px;
}
#formulariosweb .bloquecampos div .campos input[type="file"] {
    border: 1px dashed #d8d3d7;
    background-color: #fafafa;
    padding: 10px;
    line-height: 14px;
    width: 100%;
    margin-top: 10px;
}
#formulariosweb.soporte_tecnico .bloquecampos {
    margin-bottom: 20px;
}
#formulariosweb.soporte_tecnico .captcha,
#formulariosweb.soporte_tecnico .botonera {
    width: 83%;
    margin: 0 14px;
}
#formulariosweb.soporte_tecnico .botonera {
    margin-top: 20px;
    text-align: center;
}
#formulariosweb.soporte_tecnico .hasDatepicker {
    position: relative;
}
#formulariosweb.soporte_tecnico .ui-datepicker-trigger {
    position: absolute;
    right: 18px;
    top: 27px;
}
/*****************************************************************************/
/* Paginacion */
/*****************************************************************************/

.paginacion img {
    vertical-align: middle;
}
/*****************************************************************************/
/* FORM - CONTACTO */
/*****************************************************************************/
/*****************************************************************************/
/* FORM - NEWSLETTER */
/*****************************************************************************/
.terms_checkbox_container {
    margin: 0 0 20px;
}
#pagina .terms_checkbox_container p {
    font-size: 15px;
}
.terms_checkbox_container .terminos_condiciones {
    margin: 0 0 4px 0;
}
/*****************************************************************************/
/* FORM - SOLICITUD DE CAT�?LOGO */
/*****************************************************************************/
/*****************************************************************************/
/* FORM - REGISTRO CLIENTES */
/*****************************************************************************/

#form_registro {} #form_registro p {
    margin-bottom: 14px;
}
#form_registro p span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #878787;
    display: inline-block;
    margin-bottom: 14px;
}
#form_registro .bloqueform {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    font-size: 19px;
    padding: 23px;
    margin-bottom: 14px;
    background: #EDEDED;
}
#form_registro .bloquecampos {
    margin: 0 14px;
    width: 83%;
}
#form_registro .bloquecampos div .campos {
    /*float: left;*/
    width: calc(48% - 2px);
    display: inline-block;
    margin-right: 4%;
    margin-bottom: 5px;
    font-size: 16px;
    font-family: "Roboto Condensed", sans-serif;
    color: #878787;
}
#form_registro .bloquecampos div .campos--full{
    width: 100%;
    /*float: none;*/
    display: block;
}
/*texto informativo bajo bloque*/
.small--block-info{
    width: 100%;
    margin: 0.3rem 0 1rem 0;
    font-size: .78rem;
    font-style: italic;
    color: #878787;
}
.small--block-info sup{
    top: -4px;
    margin-right: 2px;
}
.small--block-info a{
    color: #000;
    text-decoration: none;
}
.small--block-info a:hover{
    text-decoration: underline;
}
#form_registro .bloquecampos.domicilio .campos {
     float: left;
     margin-bottom: 14px;
     font-size: 16px;
     font-family: "Roboto Condensed", sans-serif;
     color: #878787;
}
#form_registro .row.fullwidth {
    max-width: 100%;
}
#form_registro .bloquecampos div .campos:last-child {
    margin-right: 0px;
}
#form_registro .bloquecampos div .campos input {
    margin-top: 4px;
}
#form_registro .bloquecampos div.direccion-cp .campos {
    width: 76%;
}
#form_registro .bloquecampos div.direccion-cp .campos:last-child {
    width: 20%;
}
#form_registro .bloquecampos div.nacimiento select {
    width: 27%;
    margin-right: 6%;
}
#form_registro .bloquecampos div .nacimiento.campos--full select{
    margin-right: 5%;
}
#form_registro .bloquecampos div.nacimiento select[name="ano"] {
    width: 34%;
}
#form_registro .bloquecampos div.nacimiento select:last-child {
    margin-right: 0;
}
#form_registro .bloquecampos .sexo {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #878787;
    margin-bottom: 14px;
}
#form_registro .bloquecampos .boletin {
    color: #878787;
    margin-bottom: 14px;
}
#form_registro .bloquecampos .politicaPrivacidad {
    color: #878787;
    margin-bottom: 14px;
}
#form_registro .bloquecampos .politicaPrivacidad.error {
    color: #CD202C;
}
/*en datos personales bloque políticas*/
#form_registro .bloquecampos .politicas-wrapper .pretty-checkbox{
    width: 100%;
}
#form_registro .bloquecampos .politicas-wrapper .politicaPrivacidad .boletin{

}
#form_registro .bloquecampos .politicas-wrapper .politicaPrivacidad{

}
#form_registro .bloquecampos .politicas-wrapper .boletin .prettycheckbox label,
#form_registro .bloquecampos .politicas-wrapper .politicaPrivacidad .prettycheckbox label{
    width: calc(100% - 19px);
    float: right;
}
#form_registro .bloquecampos .nosconoce {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #878787;
    margin-bottom: 14px;
    width: 60%;
}
#form_registro .accion {
    text-align: right;
    margin: 0px 0px 10px 0;
}
#form_registro .accion .boton.registrarse{
    margin-top: 20px;
}
#form_registro .lopd {} #form_registro .lopd .enlace {
    text-align: right;
}
#form_registro .lopd .enlace a {
    color: #CD202C;
    font-size: 12px;
}
#form_registro .lopd .texto-lopd {
    margin-top: 5px;
    font-size: 12px;
    color: #878787;
    text-align: justify;
}
/*****************************************************************************/
/* FORM - PERFIL CLIENTES */
/*****************************************************************************/
/*****************************************************************************/
/* FORM - RECORDAR CONTRASEÑA */
/*****************************************************************************/

#form_recordar p {
    margin-bottom: 14px;
}
#form_recordar input {
    display: block;
    margin-bottom: 14px;
    font-size: 15px;
}
#form_recordar .boton {
    margin-bottom: 10px;
}
/*****************************************************************************/
/* FORM - BUSCADOR */
/*****************************************************************************/

#form_busqueda {
    float: right;
    width: 185px;
    margin: 6px 30px 0 0;
    position: relative;
    min-height: 36px;
    z-index: 2;
}
#form_busqueda input[type=text] {
    padding: 0 26px;
    text-align: left;
}
#form_busqueda input[type=image] {
    position: absolute;
    top: 6px;
    left: 3px;
}
#form_busqueda .ui-autocomplete-loading {
    background: url("../img/ajax-loader-small2.gif") no-repeat right 5px center;
}
#form_busqueda {
    z-index: 99;
}
#form_busqueda > input {
    background: #FFF;
    cursor: pointer;
}
#form_busqueda > div {
    background: url("../img/navigation-back.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #e1e0e0;
    box-shadow: 0 0 3px #e1e0e0;
    display: none;
    left: -54%;
    padding: 7px 27px;
    position: absolute;
    top: 36px;
    width: 226%;
    z-index: 10;
}
#form_busqueda > div:after {
    left: 47%;
    top: -16px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #E1E0E0;
    border-width: 8px;
    margin-left: -8px;
}
#form_busqueda > div div {
    display: none;
}
#form_busqueda > div div ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#form_busqueda > div div ul li {
    line-height: 1.75em;
    padding: 13px 0;
}
#form_busqueda .busqueda_bicis input[type="image"],
#form_busqueda .busqueda_accesorios input[type="image"] {
    left: 141px;
    position: absolute;
    top: 7px;
}
#form_busqueda form label {
    float: left;
    padding-right: 10px;
    text-align: right;
    text-transform: uppercase;
    width: 40%;
}
#form_busqueda form input[type="text"],
#form_busqueda form input[type="password"] {
    width: 60%;
    float: left;
}
/*****************************************************************************/
/*************************** AREA DE CLIENTES *******************************/
/*****************************************************************************/
/*****************************************************************************/
/* NAVEGACIÓN SECCIONES CLIENTE */
/*****************************************************************************/
/* Desplegable */

.header-container .acceso {
    margin: 3px 0 0;
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 500px;
}
.header-container .acceso > a {
    color: #000;
    display: block;
    text-transform: uppercase;
    font-size: 17px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
.header-container .acceso > span {
    display: block;
}
.header-container .acceso > span span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
.header-container .acceso > span.desplegable {
    background: url("../img/sprites/menu_desplegable.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 20px;
    cursor: pointer;
}
#desplegableAcceso {
    width: 330px;
    border: 1px solid #E1E0E0;
    box-shadow: 0 0 3px #E1E0E0;
    padding: 0;
    background: #fff;
    z-index: 1000;
}
#desplegableAcceso > div {
    position: relative;
}
#desplegableAcceso .pestanas {} #desplegableAcceso .pestanas div,
#desplegableAcceso .pestanas a {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    line-height: 2em;
}
#desplegableAcceso .pestanas a {
    background: #e1e0e0;
}
#desplegableAcceso .cargando {
    padding: 15px;
    background: #fff;
    z-index: 11;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    display: none;
}
#desplegableAcceso .cargando img {
    display: block;
    margin: 60px auto 0 auto;
}
#desplegableAcceso .content {
    padding: 15px;
    color: #959595;
    font-size: 15px;
    z-index: 10;
    text-align: left;
}
#desplegableAcceso .content a {
    color: #959595;
}
#desplegableAcceso .content a:hover,
#desplegableAcceso .content a:focus {
    color: #CD202C;
}
/* Formulario de inicio de sesion */

#desplegableAcceso .content .titulo {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    font-size: 19px;
    margin-bottom: 14px;
}
#desplegableAcceso .content .recordar-ayuda {
    margin-bottom: 10px;
}
/* Mi perfil (cuando el cliente esta logueado) */

#desplegableAcceso.miperfil > div {
    min-height: 143px;
    min-width: 245px;
}
#desplegableAcceso.miperfil .warranty_message {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 20px;
    text-align: center;
    background-color: #f5f5f5;
    padding: 10px;
    border: 1px dashed #8e8e8e;
}
#desplegableAcceso.miperfil .warranty_message .code {
    padding: 5px;
    font-weight: bold;
    text-align: center;
    width: auto;
    font-size: 20px;
    display: block;
    margin-top: 5px;
}
#desplegableAcceso.miperfil .content .titulo {
    color: #cc1f2b;
    font-size: 22px;
    margin-bottom: 6px;
    line-height: 1.2em;
}
#desplegableAcceso.miperfil .content .subtitulo {
    padding: 5px;
}
#desplegableAcceso.miperfil .content ul {
    padding-left: 4px;
}
#desplegableAcceso.miperfil .content ul li {
    list-style: none;
    font-size: 16px;
    margin-bottom: 6px;
}
#desplegableAcceso.miperfil .content ul li a {
    color: #878786;
    text-decoration: none;
    -webkit-transition: color 0.5s ease 0s;
    transition: color 0.5s ease 0s;
}
#desplegableAcceso.miperfil .content ul li a:hover {
    color: #cc1f2b;
}
#desplegableAcceso #pestanna_acceso_b2c {
    margin-right: 1%;
    width: 49%;
    background: none repeat scroll 0 0 #e1e0e0;
    box-shadow: 3px -2px 0 #c6c7c9;
    cursor: pointer;
    border-bottom: 1px solid #c6c7c9;
}
#desplegableAcceso #pestanna_acceso_b2c.active {
    background: none repeat scroll 0 0 #fff;
    box-shadow: none;
    font-weight: bold;
    border-bottom: 0;
}
#desplegableAcceso #pestanna_acceso_b2b {
    width: 50%;
    background: none repeat scroll 0 0 #e1e0e0;
    box-shadow: -3px -2px 0 #c6c7c9;
    cursor: pointer;
    border-bottom: 1px solid #c6c7c9;
}
#desplegableAcceso #pestanna_acceso_b2b.active {
    background: none repeat scroll 0 0 #fff;
    box-shadow: none;
    font-weight: bold;
    border-bottom: 0;
}
/*****************************************************************************/
/* MI PERFIL */
/*****************************************************************************/
.account{
    padding: 40px 4% 2% 4%;
    color: #474747;
    font-family: "Roboto";
}
.account h1 {
    display: inline-block;
}
.account .boton-mi-cuenta {
    float: right;
    margin-top: 13px;
    padding: 5px 0 !important;
    width: 70px !important;
    box-shadow: none !important;
    border: 1px solid #979797 !important;
    background: white none repeat scroll 0 0 !important;
    color: #979797 !important;
    font-size: 14px !important;
}
#micuenta_datos_personales h2,
#micuenta_pedidos h2 {
    font-family: "Roboto";
    font-size: 28px;
    font-weight: 100;
    color: #878787;
}
#micuenta_datos_personales h2{
    margin-bottom: 10px;
}
.content-datos-personales {
    margin-bottom:50px;
    margin-top:20px;
}
#micuenta_datos_personales>.columns {
    margin-top: 20px;
}
#micuenta_datos_personales table tr:nth-of-type(2n) {
    background: white;
}

#micuenta_datos_personales .formvalor {
    padding: 0 14px 14px;
    word-wrap: break-word;
    color: #878787;
}
#micuenta_datos_personales .epigrafeform.sexo,
#micuenta_datos_personales .epigrafeform.suscripcion {
    padding: 25px 5px 14px 0;
}
#micuenta_datos_personales .epigrafeform.sexo label {
    padding-right: 30px;
}
#micuenta_datos_personales .epigrafeform.sexo label,
#micuenta_datos_personales .epigrafeform.suscripcion label {
    font-size: 15px;
    font-weight: bold;
    color: #878787;
}
#micuenta_pedidos {
    margin-top: 70px;
}
#content .contenido #micuenta_pedidos table {
    border-left: none;
    border-top: none;
}
#content .contenido #micuenta_pedidos th,
#content .contenido #micuenta_pedidos td {
    border-right: none;
    background: white;
    font-family: "Roboto";
    font-size: 14px;
    padding: 15px;
}
#content .contenido #micuenta_pedidos td {
    color: #878787;
}
#content .contenido #micuenta_pedidos th {
    border-bottom: 1px solid #e6e6e6;
}
.pedidoMobile {
    padding: 10px 0;
    border-top: 1px solid #979797;
}
#form_registro #micuenta_datos_personales .bloquecampos {
    width: 100%;
    margin: 0;
}
#form_registro #micuenta_datos_personales .acceso {
     padding-right: 30px !important;
}
#form_registro #micuenta_datos_personales .datos-personales {
     padding-left: 30px !important;
}
#form_registro #micuenta_datos_personales .border-left {
     border-left: 1px solid #D8D3D7;
}
#form_registro #micuenta_datos_personales .border-top {
    margin-top: 50px;
    border-top: 1px solid #D8D3D7;
}
#form_registro #micuenta_datos_personales .border-top h2 {
    margin-top: 50px;
}
#micuenta_datos_personales input,
#micuenta_datos_personales select {
    box-shadow: none;
}
#micuenta_datos_personales select {
    margin-top: 4px;
}
#form_registro .bloquecampos .campos input {
    margin-top: 4px;
}

/*****************************************************************************/
/* FICHA CLIENTE */
/*****************************************************************************/
/*****************************************************************************/
/* MIS PEDIDOS */
/*****************************************************************************/
/*****************************************************************************/
/* DETALLE PEDIDO */
/*****************************************************************************/
/*****************************************************************************/
/* WISH LIST */
/*****************************************************************************/
/*****************************************************************************/
/* B2B: Menu acciones usuario y detalle */
/*****************************************************************************/

.header-container .cliente-b2b-menu {
    position: absolute;
    left: 200px;
    bottom: 0px;
}
.header-container .cliente-b2b-menu li {
    display: inline-table;
    padding: 0 10px;
    border-left: 1px solid #231f20;
}
.header-container .cliente-b2b-menu li a {} .header-container .cliente-b2b-detalle {
    bottom: -2px;
    position: absolute;
    right: 0;
    cursor: pointer;
}
.header-container .cliente-b2b-detalle:hover {
    color: #979797;
}
/*****************************************************************************/
/************************* CONTENIDO ESPECIFICO ******************************/
/*****************************************************************************/
/*****************************************************************************/
/* TIENDAS (puntos de venta y concept stores) */
/*****************************************************************************/

#bh_mapa {
    width: 100%;
    height: 295px;
    margin-bottom: 24px;
}
#buscador_tiendas {
    border-bottom: 1px dashed #CCCCCC;
    margin-bottom: 14px;
}
#buscador_tiendas .campos {
    float: left;
    width: 25%;
    margin-right: 2%;
    color: #878787;
    font-family: "Roboto Condensed", sans-serif;
}
#buscador_tiendas .campos.cp {
    width: 19%;
    margin-right: 0%;
}
#buscador_tiendas .boton {
    float: right;
    margin: 14px 0;
}
#tiendas {
    margin-bottom: 14px;
}
#tiendas .loader {
    text-align: center;
}
#content_tiendas,
#content_tiendas_aux {
    display: none;
    height: 330px;
}
#content_tiendas .tienda,
#content_tiendas_aux .tienda {
    float: left;
    min-height: 186px;
    width: 45%;
    margin-bottom: 14px;
}
#content_tiendas .tienda.par,
#content_tiendas_aux .tienda.par {
    padding: 0 5% 0 0;
    text-align: right;
    background: url("/web/img/listado_tienda_border.png") no-repeat scroll right center transparent;
}
#content_tiendas .tienda.impar,
#content_tiendas_aux .tienda.impar {
    padding: 0 0 0 5%;
    text-align: left;
}
#content_tiendas .tienda.en_pedido,
#content_tiendas_aux .tienda.en_pedido {
    cursor: pointer;
}
#content_tiendas .tienda h2,
#content_tiendas_aux .tienda h2 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 1px;
}
#content_tiendas .tienda h2 img,
#content_tiendas_aux .tienda h2 img {
    height: 22px;
    vertical-align: middle;
}
#content_tiendas .tienda .datos,
#content_tiendas_aux .tienda .datos {
    padding-bottom: 14px;
    font-family: "Roboto Condensed", sans-serif;
}
#content_tiendas .tienda.impar .concept,
#content_tiendas_aux .tienda.impar .concept,
#content_tiendas .tienda.impar .pto_recogida,
#content_tiendas_aux .tienda.impar .pto_recogida {
    float: left;
    margin: 0 14px 14px 0;
    color: #9B9B9B;
}
#content_tiendas .tienda.par .concept,
#content_tiendas_aux .tienda.par .concept,
#content_tiendas .tienda.par .pto_recogida,
#content_tiendas_aux .tienda.par .pto_recogida {
    float: right;
    margin: 0 0 14px 14px;
    color: #9B9B9B;
}
#content_tiendas .tienda .concept span,
#content_tiendas_aux .tienda .concept span,
#content_tiendas .tienda .pto_recogida span,
#content_tiendas_aux .tienda .pto_recogida span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../img/sprites/tienda-concept-store.png') no-repeat;
}
#content_tiendas .tienda .pto_recogida span,
#content_tiendas_aux .tienda .pto_recogida span {
    background: url('../img/sprites/tienda-bh.png') no-repeat;
}
#content_tiendas .tienda .punto-test,
#content_tiendas_aux .tienda .punto-test {} #content_tiendas .tienda .punto-test span,
#content_tiendas_aux .tienda .punto-test span {
    font-family: "Roboto Condensed", sans-serif;
}
#tiendas.conceptstores #content_tiendas .tienda,
#tiendas.conceptstores #content_tiendas_aux .tienda {
    min-height: 393px;
    width: 49%;
}
#tiendas.conceptstores #content_tiendas .tienda.par,
#tiendas.conceptstores #content_tiendas_aux .tienda.par {
    padding: 0 30px 0 0;
}
#tiendas.conceptstores #content_tiendas .tienda.impar,
#tiendas.conceptstores #content_tiendas_aux .tienda.impar {
    padding: 0 0 0 30px;
}
#content_tiendas .mCSB_scrollTools .mCSB_draggerRail,
#content_tiendas_aux .mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
}
/*****************************************************************************/
/*DEALERS ( International Distributors y BH Agents ) */
/*****************************************************************************/

#form_contacto #dealers .col {
    float: left;
    width: 48%;
    margin-right: 2%;
}
#form_contacto #dealers .col h4,
#form_contacto #dealers .col h2,
#form_contacto #dealers .col h4 span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 36px;
    margin: 4px 0px 10px 0px;
}
#form_contacto #dealers .col p {
    margin-bottom: 0px;
}
#form_contacto #dealers .col h3 {
    font-size: 17px;
    text-align: justify;
    margin-bottom: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    line-height: 1.3em;
    text-transform: none;
}
#form_contacto #dealers .col strong {
    font-weight: normal;
    font-family: "Roboto Condensed", sans-serif;
    color: #666;
}
#form_contacto {
    padding-bottom: 20px;
}
/*****************************************************************************/
/* GALERÍAS DE IMÁGENES */
/*****************************************************************************/
/*****************************************************************************/
/* GALERÍAS DE VIDEOS */
/*****************************************************************************/
/*****************************************************************************/
/* MANUALES */
/*****************************************************************************/

#manuales-ls {
    width: 80%;
    margin-bottom: 20px;
}
#manuales-ls .manuales {
    border-bottom: 1px solid #D1D1D1;
    line-height: 23px;
}
#manuales-ls .manuales h2 {
    font-size: 15px;
    margin-bottom: 0px;
}
#manuales-ls .manuales .year {
    font-family: "Roboto Condensed", sans-serif;
    float: right;
}
#manuales-ls .manuales h3 {
    float: left;
    width: 50%;
    color: #7E8075;
    font-size: 14px;
    line-height: 24px;
}
#manuales-ls .manuales a {
    float: left;
    width: 25%;
    color: #E96000;
    font-size: 14px;
    line-height: 24px;
}
#manuales-ls .manuales a.ios,
#manuales-ls .manuales a.android {
    background: url('../img/sprites/mov_icon2.png') no-repeat 0 3px;
    padding-left: 20px;
    color: #A4C739;
}
#manuales-ls .manuales a.ios {
    background-position: 0 -17px;
    color: #000;
}
#manuales-ls .manuales.bloque {
    margin-top: 40px;
}
#manuales-ls .manuales.bloque:first-child {
    margin-top: 0px;
}
/*****************************************************************************/
/* DOCUMENTOS */
/*****************************************************************************/

#docs-ls {} #docs-ls .docs {
    float: left;
    width: 42%;
    margin: 0 4%;
    margin-bottom: 14px;
}
#docs-ls .docs {} #docs-ls .docs h2 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 3px;
    text-transform: none;
}
/*****************************************************************************/
/* EVENTOS */
/*****************************************************************************/
/*****************************************************************************/
/* ORGANIZACIONES */
/*****************************************************************************/
/*****************************************************************************/
/* PERSONAS */
/*****************************************************************************/
/*****************************************************************************/
/* Tecnologias */
/*****************************************************************************/

.tecnologias .main-container .wrapper {
    width: 100%;
    /*min-width:1024px;*/

    max-width: 1920px;
}
.tecnologias .main-container .wrapper #content {
    width: 100%;
}
/*****************************************************************************/
/* B2B: Postventa / Historico */
/*****************************************************************************/
table.pedidos {
    margin-bottom: 30px;
    width: 100%;
    border-right: 1px solid #e6e6e6;
}
table.pedidos tr.header-principal{
    border: 1px solid #000;
}
table.pedidos tr.header-principal th{
    padding: 20px 0.625rem;
    font-size: 16px;
    text-align: center;
}
table.pedidos tr.detalle_pedido_header{
    background-color: #eee;
}
table.pedidos tr.title-items td{
    text-align: center;
    white-space: nowrap;
    padding: 20px 0;
}
table.pedidos tr.tr-border{
    border-top: 2px solid #000;
}
table.pedidos tr.tr-border:first-child{
    border-top: 0;
}
table.pedidos tr.tr-border td{
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
table.pedidos td a{
    color: #CD202C;
    font-size: 16px;
    font-weight: 800;
}
table.pedidos th,
table.pedidos td{
    vertical-align: middle;
    text-align: left;
}
table.pedidos th.td-center,
table.pedidos td.td-center{
    text-align: center;
}
table.pedidos th.td-left,
table.pedidos td.td-left{
    text-align: left !important;
}
table.pedidos th.td-padding,
table.pedidos td.td-padding,
table.pedidos tr.title-items .td-padding{
    padding-left: 25px;
}
table.pedidos td,
table.pedidos tr.even, table tr.alt,
table.pedidos tr:nth-of-type(even) {
    background: #fff !important;
}
#content.contenido table.pedidos td,
#pagina .contenido table.pedidos td{
    border: 0;
}
table.pedidos td.title-info-item{
    border-right: 0 !important;
    background: #f1f1f1 !important;
        color: #333;
}
table.pedidos th.tablepedido-info{
    background: #eee;
    color: #666;
    font-weight: 500;
    text-transform: capitalize;
}
table.pedidos th.tablepedido-infoestado{
    text-align: center;
}
table.pedidos th:not(.tablepedido-info){
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
}

/*****************************************************************************/
/* B2B y B2R: Condiciones de Descuento */
/*****************************************************************************/

#descuentos {
    font-size: 12px;
}
#descuentos .pestanyas {
    float: left;
    width: 90%;
    padding: 25px 0 0 0;
    margin: 0 5%
}
#descuentos .pestanyas li {
    float: left;
    width: 145px;
    background: #ECEDEF;
    padding: 5px 25px;
    margin-right: 15px;
}
#descuentos .pestanyas li.active {
    background: #D8D9DD;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
}
/*
body.b2b #descuentos .contentBh,
body.b2b #descuentos .contentEm,
body.b2b #descuentos .contentSport {
    border: 3px solid #D8D9DD;
    width: 100%;
    float: left;
    margin: 0 5%;
    padding: 4% 5%;
}
*/
#descuentos .tableDtos {
    float: left;
    width: 100%;
}
#descuentos .tableDtos table {
    float: left;
    width: 96%;
    margin: 0 2%;
}
#descuentos .tableDtos td,
.tableDtos th {
    padding: 3px;
}
#descuentos .tableDtos.table2 td {
    color: #BBB;
}
#descuentos .tableDtos.table2 th {
    font-family: "Robooto";
    font-weight: 400;
    color: #888;
}
#descuentos .tableDtos .selectedRow td {
    color: #000;
}
#descuentos .tableDtos th {
    vertical-align: bottom;
}
#descuentos .tableDtos .noBorder {
    border: none;
}
#descuentos .tableDtos .noBorderT {
    border-top: none;
}
#descuentos .tableDtos .noBorderB {
    border-bottom: none;
}
#descuentos .tableDtos .noBorderL {
    border-left: none;
}
#descuentos .tableDtos .noBorderR {
    border-right: none;
}
#descuentos .tableDtos .borderT {
    border-top: 1px solid #000;
}
#descuentos .tableDtox .boldTxt {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
}
#descuentos .tableDtos .bigTd {
    padding: 5px 10px 5px 0;
    width: 125px
}
#descuentos .tableDtos .selectedRow {
    background: #d5e6ee;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
#descuentos .tableDtos th.cabecera {
    background: url("/b2b/img/degradado_pedido3.gif") repeat-x scroll 0 0 transparent;
    color: #FFF;
    vertical-align: middle;
    height: 50px;
    text-align: center;
}
#descuentos .tableDtos th.cabecera div,
#descuentos .tableDtos th.cabecera span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
#descuentos .table2.tableDtos .cabeceraInverse {
    color: #cf2030;
}
#descuentos .table_acumulado {
    float: right;
    margin: 0 5%;
    width: 55%;
}
#descuentos .table_acumulado table {
    width: 100%;
}
#descuentos .table_acumulado th {
    background: url("/b2b/img/tabla_cabecera.gif") repeat scroll 0 center transparent;
    color: #000;
}
#descuentos .table_acumulado td,
.table_acumulado th {
    padding: 5px 20px;
    text-align: right;
}
#descuentos .table_acumulado th.pasado {
    color: #BBB;
}
#descuentos .table_acumulado th.actual {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 110%;
}
#descuentos .table_acumulado th.futuro {
    color: #888;
}
#descuentos .tableDtos .selectedRow .arrow {
    background: none;
    color: #000;
    height: 30px;
}
#descuentos .tableDtos .selectedRow td {
    background: none;
}
#descuentos .tableDtos .selectedRow .nobold {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
#descuentos .tableDtos .arrow {
    width: 120px;
    text-align: center;
    padding: 0;
}
#descuentos .tableDtos .arrowBg {
    background: none;
}
#descuentos .tableDtos .arrowBgTop {
    background: none;
    padding: 0px;
    text-align: center;
}
#descuentos .tableDtos .arrowBgBot {
    background: none;
    padding-bottom: 17px;
}
#descuentos .tableDtos td.selected {
    font-weight: 600;
    font-size: 15px;
}
#descuentos .tableDtos .selectedRow .arrowBg {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 115%;
}
#descuentos .selectedRow .arrowBgTop {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 115%;
}
#descuentos .tableDtos .black {
    background: #000;
    color: #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
}
#descuentos .tableDtos h2 {
    width: 100%;
    float: left;
    border-bottom: 2px solid #000;
    text-align: center;
}
#descuentos .titular {
    vertical-align: top;
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    background: none;
    border-bottom: 2px solid #000;
}
#descuentos .table1 {
    /*background: #ccc;*/

    width: 90%;
    margin: 3% 5%;
}
#descuentos .table1.tableDtos table {
    width: 100%;
    margin: 25px 0 0 0;
}
#descuentos .table1 table {
    margin-top: 25px;
}
#descuentos .table2 table {
    width: 625px;
    margin: 0;
    float: left;
}
#descuentos .table1 td {
    padding: 5px 20px;
    text-align: right;
}
#descuentos .table1 tr.separador td {
    border-bottom: 1px solid #000;
}
#descuentos .table1 tr.negrita td {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
#descuentos .table1 th {
    background: url("/b2b/img/degradado_pedido2.gif") repeat scroll 0 center transparent;
    color: #FFFFFF;
    height: 19px;
    text-align: center;
}
#descuentos .table2 td {
    padding: 5px 20px 5px 10px;
    text-align: right;
    width: 50px;
    vertical-align: middle;
}
#descuentos .table3 table {
    margin-top: 25px;
}
#descuentos .table3 td {
    padding: 5px 20px;
    text-align: right;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
#descuentos .table3 th {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
#descuentos .graphic {
    width: 140px;
    float: left;
    padding: 58px 0 0 0px;
    position: relative;
    overflow: hidden;
    height: 250px;
}
#descuentos .t1 .graphic {
    height: 362px;
}
#descuentos .graphic .contentGx {
    width: 110px;
    float: left;
    height: 370px;
    background: url("/web/img/barGreen.jpg") center bottom no-repeat;
}
#descuentos .contentEm .graphic .contentGx {
    /*height: 268px; */
}
#descuentos .contentEm .dataHeight {
    /*height: 120px;*/
}
#descuentos .graphic .contentData {
    top: 0;
    left: 10px;
    width: 90px;
    float: left;
    padding-bottom: 12px;
    float: left;
    position: absolute;
}
#descuentos .contentData img {
    padding: 0;
    margin: 0;
    float: left;
    width: auto;
}
#descuentos .dataGx {
    font-size: 16px;
    padding-bottom: 5px;
    text-align: center;
    width: 66px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    padding: 0 0 0 52px;
    color: #000;
    background: url("/web/img/arrow.png") 0 bottom no-repeat;
    margin-top: 69px;
}
#descuentos .dataHeight {
    text-indent: -9999px;
    width: 100%;
    float: left;
    height: 17px;
    background: none;
}
#descuentos .leyenda {
    float: left;
    widht: 100%;
    padding: 10px 0 20px 0;
    border: 1px solid #999999;
    border-radius: 10px 10px 10px 10px;
    padding: 6px 10px 6px 20px;
    text-align: right;
    margin-bottom: 10px;
    margin-top: -20px;
    color: #9A999E !important;
}
#descuentos .leyenda .box p {
    text-align: right;
    font-weight: normal;
    font-size: 11px;
}
#descuentos table .sepLine td {
    padding: 0;
}
#descuentos table .sepLine p {
    diplay: block;
    border-bottom: 5px solid #FFF;
    border-top: 5px solid #FFF;
    height: 1px;
    padding: 0;
}
#descuentos tr.even {
    background-color: #efefef;
}
#descuentos .nobold {
    font-weight: normal;
}
#descuentos .contentBh .nota,
.contentEm .nota {
    color: #BBBBBB;
    float: left;
    font-size: 10px;
    margin-top: 5px;
    width: 625px;
}
#descuentos .leyenda .box p {
    padding: 1px 0;
}
#descuentos .leyenda .box {
    float: left;
    width: 90px;
}
#descuentos .leyenda .box.box1 {
    width: 196px;
    text-align: right;
    padding-right: 25px;
}
#descuentos .leyenda .box.box2 {
    width: 60px;
}
#descuentos .leyenda .box.box3 p,
.leyenda .box.box3 h4 {
    width: 60px;
    text-align: right
}
#descuentos .leyenda .box h4 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    padding: 1px 0;
}
#descuentos .leyenda .box h4 {
    padding: 3px 0;
}
#descuentos .leyenda .box.box1 p {
    text-align: right;
}
#descuentos .contentEm {
    display: none;
}
/* Ajustes tras el rediseño */

#descuentos h4 {
    line-height: 1.1em;
}
#descuentos .tableDtos td,
#descuentos .tableDtos th {
    font-size: 13px;
}
#descuentos .tableDtos th.cabecera div,
#descuentos .tableDtos th.cabecera span {
    color: #fff;
}
#descuentos .tableDtos.table2 th {
    text-align: center;
}
#descuentos .tableDtos.table2 td span {
    color: #bbb;
}
#descuentos .tableDtos .selectedRow .arrow span {
    color: #000;
}
#descuentos .tableDtos.tableDiscount td {
    border-right: 1px solid #ccc;
    padding: 5px 10px;
    line-height: 22px;
}
#descuentos .tableDtos.tableDiscount td:last-child {
    border-right: 0px solid #ccc;
}
#descuentos .tableDtos.tableDiscount td span {
    color: #000;
}
#descuentos .tableDtos.tableDiscount .sepLine td {
    border-right: 0px;
    padding: 0px;
    line-height: auto;
}
/*****************************************************************************/
/************************* OTRO CONTENIDO  ***********************************/
/*****************************************************************************/
/*****************************************************************************/
/* BANDERAS DEL IDIOMA DEL BOTTOM */
/*****************************************************************************/

.flag {
    width: 25px;
    height: 15px;
    display: block;
    float: left;
    margin: 1px 5px 0 0;
    background: url('../img/flags.png') no-repeat;
    text-indent: -10000em;
}
.flag.flag-ad {
    background-position: -25px 0
}
.flag.flag-ae {
    background-position: -50px 0
}
.flag.flag-af {
    background-position: -75px 0
}
.flag.flag-ag {
    background-position: -100px 0
}
.flag.flag-ai {
    background-position: -125px 0
}
.flag.flag-al {
    background-position: -150px 0
}
.flag.flag-am {
    background-position: -175px 0
}
.flag.flag-an {
    background-position: -200px 0
}
.flag.flag-ao {
    background-position: -225px 0
}
.flag.flag-ar {
    background-position: -250px 0
}
.flag.flag-as {
    background-position: -275px 0
}
.flag.flag-at {
    background-position: -300px 0
}
.flag.flag-au {
    background-position: -325px 0
}
.flag.flag-aw {
    background-position: -350px 0
}
.flag.flag-az {
    background-position: -375px 0
}
.flag.flag-ba {
    background-position: 0 -15px
}
.flag.flag-bb {
    background-position: -25px -15px
}
.flag.flag-bd {
    background-position: -50px -15px
}
.flag.flag-be {
    background-position: -75px -15px
}
.flag.flag-bf {
    background-position: -100px -15px
}
.flag.flag-bg {
    background-position: -125px -15px
}
.flag.flag-bh {
    background-position: -150px -15px
}
.flag.flag-bi {
    background-position: -175px -15px
}
.flag.flag-bj {
    background-position: -200px -15px
}
.flag.flag-bm {
    background-position: -225px -15px
}
.flag.flag-bn {
    background-position: -250px -15px
}
.flag.flag-bo {
    background-position: -275px -15px
}
.flag.flag-br {
    background-position: -300px -15px
}
.flag.flag-bs {
    background-position: -325px -15px
}
.flag.flag-bt {
    background-position: -350px -15px
}
.flag.flag-bv {
    background-position: -375px -15px
}
.flag.flag-bw {
    background-position: 0 -30px
}
.flag.flag-by {
    background-position: -25px -30px
}
.flag.flag-bz {
    background-position: -50px -30px
}
.flag.flag-ca {
    background-position: -75px -30px
}
.flag.flag-cd {
    background-position: -100px -30px
}
.flag.flag-cf {
    background-position: -125px -30px
}
.flag.flag-cg {
    background-position: -150px -30px
}
.flag.flag-ch {
    background-position: -175px -30px
}
.flag.flag-ci {
    background-position: -200px -30px
}
.flag.flag-ck {
    background-position: -225px -30px
}
.flag.flag-cl {
    background-position: -250px -30px
}
.flag.flag-cm {
    background-position: -275px -30px
}
.flag.flag-cn {
    background-position: -300px -30px
}
.flag.flag-co {
    background-position: -325px -30px
}
.flag.flag-cr {
    background-position: -350px -30px
}
.flag.flag-cu {
    background-position: -375px -30px
}
.flag.flag-cv {
    background-position: 0 -45px
}
.flag.flag-cy {
    background-position: -25px -45px
}
.flag.flag-cz {
    background-position: -50px -45px
}
.flag.flag-de {
    background-position: -75px -45px
}
.flag.flag-dj {
    background-position: -100px -45px
}
.flag.flag-dk {
    background-position: -125px -45px
}
.flag.flag-dm {
    background-position: -150px -45px
}
.flag.flag-do {
    background-position: -175px -45px
}
.flag.flag-dz {
    background-position: -200px -45px
}
.flag.flag-ec {
    background-position: -225px -45px
}
.flag.flag-ee {
    background-position: -250px -45px
}
.flag.flag-eg {
    background-position: -275px -45px
}
.flag.flag-eh {
    background-position: -300px -45px
}
.flag.flag-er {
    background-position: -325px -45px
}
.flag.flag-es {
    background-position: -350px -45px
}
.flag.flag-et {
    background-position: -375px -45px
}
.flag.flag-eu {
    background-position: 0 -60px
}
.flag.flag-fi {
    background-position: -25px -60px
}
.flag.flag-fj {
    background-position: -50px -60px
}
.flag.flag-fk {
    background-position: -75px -60px
}
.flag.flag-fm {
    background-position: -100px -60px
}
.flag.flag-fo {
    background-position: -125px -60px
}
.flag.flag-fr {
    background-position: -150px -60px
}
.flag.flag-ga {
    background-position: -175px -60px
}
.flag.flag-en,
.flag.flag-gb {
    background-position: -200px -60px
}
.flag.flag-gd {
    background-position: -225px -60px
}
.flag.flag-ge {
    background-position: -250px -60px
}
.flag.flag-gf {
    background-position: -275px -60px
}
.flag.flag-gg {
    background-position: -300px -60px
}
.flag.flag-gh {
    background-position: -325px -60px
}
.flag.flag-gi {
    background-position: -350px -60px
}
.flag.flag-gl {
    background-position: -375px -60px
}
.flag.flag-gm {
    background-position: 0 -75px
}
.flag.flag-gn {
    background-position: -25px -75px
}
.flag.flag-gp {
    background-position: -50px -75px
}
.flag.flag-gq {
    background-position: -75px -75px
}
.flag.flag-gr {
    background-position: -100px -75px
}
.flag.flag-gs {
    background-position: -125px -75px
}
.flag.flag-gt {
    background-position: -150px -75px
}
.flag.flag-gu {
    background-position: -175px -75px
}
.flag.flag-gw {
    background-position: -200px -75px
}
.flag.flag-gy {
    background-position: -225px -75px
}
.flag.flag-hk {
    background-position: -250px -75px
}
.flag.flag-hm {
    background-position: -275px -75px
}
.flag.flag-hn {
    background-position: -300px -75px
}
.flag.flag-hr {
    background-position: -325px -75px
}
.flag.flag-ht {
    background-position: -350px -75px
}
.flag.flag-hu {
    background-position: -375px -75px
}
.flag.flag-id {
    background-position: 0 -90px
}
.flag.flag-ie {
    background-position: -25px -90px
}
.flag.flag-il {
    background-position: -50px -90px
}
.flag.flag-in {
    background-position: -75px -90px
}
.flag.flag-io {
    background-position: -100px -90px
}
.flag.flag-iq {
    background-position: -125px -90px
}
.flag.flag-ir {
    background-position: -150px -90px
}
.flag.flag-is {
    background-position: -175px -90px
}
.flag.flag-it {
    background-position: -200px -90px
}
.flag.flag-je {
    background-position: -225px -90px
}
.flag.flag-jm {
    background-position: -250px -90px
}
.flag.flag-jo {
    background-position: -275px -90px
}
.flag.flag-jp {
    background-position: -300px -90px
}
.flag.flag-ke {
    background-position: -325px -90px
}
.flag.flag-kg {
    background-position: -350px -90px
}
.flag.flag-kh {
    background-position: -375px -90px
}
.flag.flag-ki {
    background-position: 0 -105px
}
.flag.flag-km {
    background-position: -25px -105px
}
.flag.flag-kn {
    background-position: -50px -105px
}
.flag.flag-kp {
    background-position: -75px -105px
}
.flag.flag-kr {
    background-position: -100px -105px
}
.flag.flag-kw {
    background-position: -125px -105px
}
.flag.flag-ky {
    background-position: -150px -105px
}
.flag.flag-kz {
    background-position: -175px -105px
}
.flag.flag-la {
    background-position: -200px -105px
}
.flag.flag-lb {
    background-position: -225px -105px
}
.flag.flag-lc {
    background-position: -250px -105px
}
.flag.flag-li {
    background-position: -275px -105px
}
.flag.flag-lk {
    background-position: -300px -105px
}
.flag.flag-lr {
    background-position: -325px -105px
}
.flag.flag-ls {
    background-position: -350px -105px
}
.flag.flag-lt {
    background-position: -375px -105px
}
.flag.flag-lu {
    background-position: 0 -120px
}
.flag.flag-lv {
    background-position: -25px -120px
}
.flag.flag-ly {
    background-position: -50px -120px
}
.flag.flag-ma {
    background-position: -75px -120px
}
.flag.flag-mc {
    background-position: -100px -120px
}
.flag.flag-md {
    background-position: -125px -120px
}
.flag.flag-me {
    background-position: -150px -120px
}
.flag.flag-mg {
    background-position: -175px -120px
}
.flag.flag-mh {
    background-position: -200px -120px
}
.flag.flag-mk {
    background-position: -225px -120px
}
.flag.flag-ml {
    background-position: -250px -120px
}
.flag.flag-mm {
    background-position: -275px -120px
}
.flag.flag-mn {
    background-position: -300px -120px
}
.flag.flag-mo {
    background-position: -325px -120px
}
.flag.flag-mp {
    background-position: -350px -120px
}
.flag.flag-mq {
    background-position: -375px -120px
}
.flag.flag-mr {
    background-position: 0 -135px
}
.flag.flag-ms {
    background-position: -25px -135px
}
.flag.flag-mt {
    background-position: -50px -135px
}
.flag.flag-mu {
    background-position: -75px -135px
}
.flag.flag-mv {
    background-position: -100px -135px
}
.flag.flag-mw {
    background-position: -125px -135px
}
.flag.flag-mx {
    background-position: -150px -135px
}
.flag.flag-my {
    background-position: -175px -135px
}
.flag.flag-mz {
    background-position: -200px -135px
}
.flag.flag-na {
    background-position: -225px -135px
}
.flag.flag-nc {
    background-position: -250px -135px
}
.flag.flag-ne {
    background-position: -275px -135px
}
.flag.flag-nf {
    background-position: -300px -135px
}
.flag.flag-ng {
    background-position: -325px -135px
}
.flag.flag-ni {
    background-position: -350px -135px
}
.flag.flag-nl {
    background-position: -375px -135px
}
.flag.flag-no {
    background-position: 0 -150px
}
.flag.flag-np {
    background-position: -25px -150px
}
.flag.flag-nr {
    background-position: -50px -150px
}
.flag.flag-nu {
    background-position: -75px -150px
}
.flag.flag-nz {
    background-position: -100px -150px
}
.flag.flag-om {
    background-position: -125px -150px
}
.flag.flag-pa {
    background-position: -150px -150px
}
.flag.flag-pe {
    background-position: -175px -150px
}
.flag.flag-pf {
    background-position: -200px -150px
}
.flag.flag-pg {
    background-position: -225px -150px
}
.flag.flag-ph {
    background-position: -250px -150px
}
.flag.flag-pk {
    background-position: -275px -150px
}
.flag.flag-pl {
    background-position: -300px -150px
}
.flag.flag-pm {
    background-position: -325px -150px
}
.flag.flag-pn {
    background-position: -350px -150px
}
.flag.flag-pr {
    background-position: -375px -150px
}
.flag.flag-ps {
    background-position: 0 -165px
}
.flag.flag-pt {
    background-position: -25px -165px
}
.flag.flag-pw {
    background-position: -50px -165px
}
.flag.flag-py {
    background-position: -75px -165px
}
.flag.flag-qa {
    background-position: -100px -165px
}
.flag.flag-re {
    background-position: -125px -165px
}
.flag.flag-ro {
    background-position: -150px -165px
}
.flag.flag-rs {
    background-position: -175px -165px
}
.flag.flag-ru {
    background-position: -200px -165px
}
.flag.flag-rw {
    background-position: -225px -165px
}
.flag.flag-sa {
    background-position: -250px -165px
}
.flag.flag-sb {
    background-position: -275px -165px
}
.flag.flag-sc {
    background-position: -300px -165px
}
.flag.flag-sd {
    background-position: -325px -165px
}
.flag.flag-se {
    background-position: -350px -165px
}
.flag.flag-sg {
    background-position: -375px -165px
}
.flag.flag-sh {
    background-position: 0 -180px
}
.flag.flag-si {
    background-position: -25px -180px
}
.flag.flag-sk {
    background-position: -50px -180px
}
.flag.flag-sl {
    background-position: -75px -180px
}
.flag.flag-sm {
    background-position: -100px -180px
}
.flag.flag-sn {
    background-position: -125px -180px
}
.flag.flag-so {
    background-position: -150px -180px
}
.flag.flag-sr {
    background-position: -175px -180px
}
.flag.flag-st {
    background-position: -200px -180px
}
.flag.flag-sv {
    background-position: -225px -180px
}
.flag.flag-sy {
    background-position: -250px -180px
}
.flag.flag-sz {
    background-position: -275px -180px
}
.flag.flag-tc {
    background-position: -300px -180px
}
.flag.flag-td {
    background-position: -325px -180px
}
.flag.flag-tf {
    background-position: -350px -180px
}
.flag.flag-tg {
    background-position: -375px -180px
}
.flag.flag-th {
    background-position: 0 -195px
}
.flag.flag-tj {
    background-position: -25px -195px
}
.flag.flag-tk {
    background-position: -50px -195px
}
.flag.flag-tl {
    background-position: -75px -195px
}
.flag.flag-tm {
    background-position: -100px -195px
}
.flag.flag-tn {
    background-position: -125px -195px
}
.flag.flag-to {
    background-position: -150px -195px
}
.flag.flag-tr {
    background-position: -175px -195px
}
.flag.flag-tt {
    background-position: -200px -195px
}
.flag.flag-tv {
    background-position: -225px -195px
}
.flag.flag-tw {
    background-position: -250px -195px
}
.flag.flag-tz {
    background-position: -275px -195px
}
.flag.flag-ua {
    background-position: -300px -195px
}
.flag.flag-ug {
    background-position: -325px -195px
}
.flag.flag-um {
    background-position: -350px -195px
}
.flag.flag-us {
    background-position: -375px -195px
}
.flag.flag-uy {
    background-position: 0 -210px
}
.flag.flag-uz {
    background-position: -25px -210px
}
.flag.flag-va {
    background-position: -50px -210px
}
.flag.flag-vc {
    background-position: -75px -210px
}
.flag.flag-ve {
    background-position: -100px -210px
}
.flag.flag-vg {
    background-position: -125px -210px
}
.flag.flag-vi {
    background-position: -150px -210px
}
.flag.flag-vn {
    background-position: -175px -210px
}
.flag.flag-vu {
    background-position: -200px -210px
}
.flag.flag-wf {
    background-position: -225px -210px
}
.flag.flag-ws {
    background-position: -250px -210px
}
.flag.flag-ye {
    background-position: -275px -210px
}
.flag.flag-yt {
    background-position: -300px -210px
}
.flag.flag-za {
    background-position: -325px -210px
}
.flag.flag-zm {
    background-position: -350px -210px
}
.flag.flag-zw {
    background-position: -375px -210px
}
/*****************************************************************************/
/* Addthis */
/*****************************************************************************/

.addthis-div {
    margin: 10px 0;
    float: right;
}
/*****************************************************************************/
/* Mensajes de errores en web */
/*****************************************************************************/

.exception {
    background: #f5f5f5;
    padding: 10px;
    text-align: left;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
body.b2b .main-container .exception .label {
    font-size: 90%;
    text-align: left;
}
body.b2b .main-container .exception .ver_mas,
body.b2b .main-container .exception .ver_mas a,
.exception .label,
.exception .ver_mas,
.exception .label,
.exception .ver_mas a {
    font-size: 70%;
    text-align: left;
}
.exception .message,
body.b2b .main-container .exception .message {
    text-align: center;
    font-size: 160%;
}
.exception .exception-detalle,
.exception pre {
    font-size: 75%;
    text-align: left;
    background: #FFF;
    margin: 10px;
}
/*indice_hijos_navegacion. Indice de menus hijos para navegacion*/

.indice_hijos_navegacion .submenu {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 32px 22px;
    position: relative;
}
.indice_hijos_navegacion .submenu.ultimo {
    border-bottom: 1px solid #eee;
}
.indice_hijos_navegacion .submenu .nombreHijo {
    display: block;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}
#content .info-page-h2 {
    font-size: 20px;
}
.indice_hijos_navegacion .submenu .bloqueNietos {
    margin: 22px 0 0;
    padding: 0 0 0 40px;
    float: left;
    width: 50%;
}
.indice_hijos_navegacion .submenu .bloqueNietos li {
    list-style: disc inside none;
    margin-bottom: 5px;
}
.indice_hijos_navegacion .submenu .bloqueNietos a {
    text-decoration: underline;
}
.indice_hijos_navegacion .submenu a.mas_info {
    background: url("../img/sprites/destacado-mas2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 35px;
    text-indent: -10000em;
    width: 35px;
    position: absolute;
    top: 32px;
    right: 22px;
}
/*Garantia de por vida*/

#tabla_garantias {
    width: 100%;
    margin: 20px auto 100px;
}
#tabla_garantias a:hover {
    text-decoration: underline;
}
.form_garantia #pagina .contenido > h1 {
    background: none repeat scroll 0 0 #ededed;
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    padding: 17px;
    font-size: 25px;
}
#content .form_garantia > h1 {
    margin-bottom: 60px;
}
/*************************************************/
/* Boton Volver */
/*****************************************************************************/

.volver-imprimir .volver {
    text-align: center;
}
.volver-imprimir .volver a {
    /*padding-top:1px;
	padding-left:10px;
	color:#C92D16;
	font-weight:normal;
	background: url("options->getUrlCache('/web/img/bullet-mas-info.gif','1')?>") no-repeat scroll 0px 3px transparent;
	padding:6px 10px;*/

    padding: 6px 10px;
    background: #efefef;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    bordert-radius: 6px;
}
.volver-imprimir .volver a:hover {
    background: #C92D16;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    bordert-radius: 6px;
}
/****************************************************************************/
/* ARTICULOS RELACIONADOS */
/*****************************************************************************/

#articulos_relacionados .articulo {
    float: left;
    margin: 0px 3px 0px;
    position: relative;
    width: 174px;
}
#articulos_relacionados .articulo .nombre_articulo,
#articulos_relacionados .articulo h2.nombre_articulo {
    font-size: 15px;
    font-weight: normal;
    text-align: left;
    background-color: #ecedef;
    color: #000;
    padding: 4px 0px 0px 4px;
    margin: 0px;
    line-height: 1em;
    font-family: "Roboto Condensed";
    font-weight: 300;
}
#articulos_relacionados .articulo h2.nombre_reducido {
    font-size: 15px;
}
#articulos_relacionados .articulo .enlace_articulo {
    display: block;
    width: 173px;
    height: 145px;
    /*padding: 0px 5px 5px 5px;*/

    margin-top: 55px;
    overflow: hidden;
    font-size: 10px;
}
#articulos_relacionados .articulo:hover .nombre_articulo {
    background: url("/web/img/layout/back_nombre_catalogo_hover.png") no-repeat scroll right 0 #555;
}
#articulos_relacionados .articulo img.imagen_articulo {
    width: 173px;
    padding: 0px 0 0;
}
#articulos_relacionados .articulo .precio {
    position: absolute;
    top: 3px;
    left: 7px;
    font-size: 10px;
    font-family: "Roboto Condensed";
    font-weight: 500;
    width: 173px;
}
/*****************************************************************************/
/* PREHOME */
/*****************************************************************************/

#prehome_content {
    text-align: center;
    font-family: "Roboto Condensed", ​ arial;
    font-size: 15px;
    max-width: 1024px;
    margin: 3% auto 0;
}
#prehome_content .mensaje_mantenimiento {
    font-size: 160%;
    text-align: center;
    float: left;
    width: 100%;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    padding: 17px 0px;
    margin-bottom: 10px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
#prehome_content #listado_paises {
    margin: 4% 0 0 10%;
    width: 90%;
}
#prehome_content ul {
    padding: 0px;
}
#prehome_content li {
    list-style: none;
    text-align: left;
    line-height: 1.5em;
}
#prehome_content li a {
    padding-left: 22px;
    color: #4E4D4F;
}
#prehome_content .continente {
    width: 22%;
    float: left;
    padding-right: 3%;
    margin-right: 3%;
    border-right: 1px solid #e0e0e0;
    min-height: 350px;
}
#prehome_content .continente:last-child {
    padding-right: 0px;
    margin-right: 0px;
    border-right: 0px;
}
#prehome_content #europa {
    width: 44%;
}
#prehome_content #europa ul {
    width: 50%;
    float: left;
}
#prehome_content #listado_asia,
#prehome_content #listado_africa {
    margin-bottom: 50px;
}
#prehome_content .pie_mapa {
    background: url("/web/img/logo_prehome.png") no-repeat scroll top center transparent;
    padding-top: 39px;
    font-size: 40px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
#prehome_content #listado_paises .cabecera {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    padding-left: 22px;
}
.poplang .pais {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 25px;
    padding-bottom: 5px;
    text-align: center;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
#prehome .ui-dialog .sublista {
    margin: 0 auto;
    padding-bottom: 10px;
    width: 253px;
}
#prehome .ui-dialog .sublista li {
    float: left;
    padding-right: 10px;
    text-align: center;
    width: 125px;
}
#prehome .ui-dialog .sublista li a {
    padding-left: 22px;
}
#prehome .ui-dialog-titlebar {
    font-size: 25px;
}
/*****************************************************************************/
/* Estilos varios para contenido antiguo. Se tendra que borrar cuando*/

#slideshow_videos iframe {
    max-height: 165px;
    max-width: 190px;
}
.top_social {
    float: right;
    width: 600px;
    height: 30px;
    font-size: 24px;
    text-align: right;
    padding-right: 30px;
}
#aviso_ip {
    text-align: center;
}
.cond_legales {
    color: #666666;
    float: left;
    font-size: 12px;
    margin-top: 50px;
}
.cond_legales .texto-cond_legales {
    text-align: justify;
}
.cond_legales p {
    font-size: 11px;
    line-height: 1.4em;
    padding-bottom: 6px;
    text-align: justify;
}
.cond_legales ol {
    margin-left: 18px;
}
.lopd {
    color: #666666;
    float: right;
    font-size: 11px;
}
.lopd .enlace {
    padding-bottom: 4px;
    text-align: right;
}
.lopd .texto-lopd {
    text-align: justify;
}
/*****************************************************************************/
/* Listado Tiendas */

#ls_tiendas p {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 17px;
}
/**************************************************/
/* LOGIN B2B*/

#acceso_b2b td {
    padding: 0;
}
#acceso_b2b input {
    display: block;
    font-size: 15px;
    margin-bottom: 14px;
}
#acceso_b2b input[type="text"],
#acceso_b2b input[type="password"] {
    border: 1px solid #d8d3d7;
    box-shadow: 0 2px 2px #d8d3d7;
    height: 27px;
    line-height: 27px;
    padding: 0 14px;
    width: 100%;
    color: #231f20;
    font-family: "Roboto Condensed", sans-serif;
}
#acceso_b2b input.boton {
    width: 153px;
    margin-bottom: 0px;
}
#selectorTipoPrecio {
    display: block;
}
/* TALLAS FICHA PRODUCTO */

.bloque_tallas input[type="radio"] {
    display: none;
}
.bloque_tallas input[type="radio"] + label {
    color: grey;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.bloque_tallas input[type="radio"] + label {
    display: inline-block;
    width: 18%;
    height: 25px;
    margin: 0 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    background-color: white;
    border: 1px solid;
    text-align: center;
    line-height: 25px;
}
.bloque_tallas input[type="radio"]:checked + label {
    background-color: black;
    color: white;
}
/*
.bloque_tallas input[type="radio"] + label ,
.bloque_tallas input[type="radio"]:checked + label  {
  -webkit-transition:background-color 0.4s linear;
  -o-transition:background-color 0.4s linear;
  -moz-transition:background-color 0.4s linear;
  transition:background-color 0.4s linear;
   background-color: black;
}
*/
/*
.tallas{
	display:none;
}
*/

.bloque_tallas {
    width: 100%;
    padding-top: 0;
}
/************************************************************/
/* Media querys */
/************************************************************/

@media (max-width: 1200px) {
    #navigation-main .otros-menus {
        margin: 10px;
    }
    #navigation-main > ul > li > a {
        padding: 10px 15px;
    }
    #form_busqueda {
        margin-right: 30px;
    }
    #form_busqueda .lupa {
        background: url("../img/sprites/buscador-lupa.png") no-repeat scroll center center #fff;
        float: right;
        padding: 6px 21px;
        width: 28px;
        cursor: pointer;
    }
    #form_busqueda input[type="image"] {
        display: none;
        left: auto;
        right: 7px;
    }
    #header .main_bar .main_menu li a{
        width: 112px !important; /*mientras esté el logo g7pro*/
    }

}
@media (orientation: portrait) and (max-width: 1200px) {
    #navigation-main > ul > li > a {
        padding: 10px 10px;
    }
}
/***************************************************************/
/* Banner Carrousel (Teletipo)
/***************************************************************/

body.home .slick-slider,
body.home .minimenu_group {
    margin-bottom: 0 !important;
}
.carrousel-container {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    height: 40px;
    font-family: 'FontAwesome';
}
.carrousel-section {
    background-color: #efeff0;
}
.carrousel-content {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
}
.carrousel-content-izq {
    display: inline-block;
    height: 100%;
    max-width: 320px;
    padding: 0 5px 0 0;
    text-align: center;
    vertical-align: middle;
}
.carrousel-content-izq span {
    display: table-cell;
    vertical-align: middle;
    font-size: 17px;
}
.carrousel-content-centro {
    display: inline-block;
    height: 100%;
    max-width: 200px;
    padding: 0 5px 0 0;
    text-align: center;
    vertical-align: middle;
}
.carrousel-content-centro span {
    display: table-cell;
    vertical-align: middle;
}
.carrousel-content-centro p {
    font-size: 13px;
    font-family: "Roboto Condensed", sans-serif;
}
.carrousel-content-der {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    max-width: 80px;
}
.carrousel-content-der a {
    text-decoration: underline;
    font-size: 12px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    display: table-cell;
    vertical-align: middle;
}
.carrousel-content .center {
    display: table;
    height: 100%;
}
.slick-slider {
    margin-bottom: 10px !important;
}
/*Textps mas pequeños*/

.carrousel-content-izq span {
    font-size: 13px;
}
.carrousel-content-centro p {
    font-size: 12px;
}
.carrousel-content-der a {
    font-size: 11px;
}
.carrousel-container {
    line-height: 15px;
    height: 35px;
}
/*****PREHOME ACCSORIOS******/

.prehome .secciones {
    position: relative;
    margin-top: 10px;
}
.prehome > img {
    margin-bottom: 20px;
}
.b2b .prehome > img[alt="Banner"]{
    visibility: hidden;
    display: none;
}
.prehome .secciones .divider {
    border: 1px solid #5c5c5c;
    display: block;
    height: 47%;
    left: 48%;
    margin-top: 11%;
    position: absolute;
    top: 0;
    width: 1px;
}
.prehome .seccion_web {
    margin-bottom: 20px;
    width: 50%;
    float: left;
}
.prehome .seccion_web h2 {
    font-size: 90%;
}
.prehome .seccion_web ul {
    float: left;
    width: 50%;
    padding-right: 2%;
}
.prehome .seccion_web ul li {
    padding: 4px 0;
    line-height: 1.4em;
}
.prehome .seccion_web ul li a {
    text-decoration: none;
    font-weight: normal;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
.prehome .seccion_web ul li.categoria-promociones a {
    color: #cc1f2b;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
.prehome ul li.separador {
    /*margin-top: 20px;*/
}
.prehome .descuento {
    color: #cc1f2b;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    white-space: nowrap;
}
/**********************/
/**********************/
/* PREHOME */

@media (max-width: 520px) {
    #prehome_content .continente {
        width: 90%;
        border-right: 0px;
        min-height: initial;
    }
    #prehome_content #europa {
        width: 90%;
    }
    #prehome_content #listado_paises .cabecera {
        margin-bottom: 4%;
        margin-top: 8%;
    }
    #prehome_content #listado_asia {
        margin-bottom: 0;
    }
    #prehome_content #listado_africa {
        margin-bottom: 0;
    }
    #prehome_content #listado_paises {
        margin: 4% 0 10% 10%;
        width: 90%;
    }
}
/************************************************************/
/* Piezas Ebikes */
/************************************************************/

#categorias_content .linea_categorias {
    display: table;
    width: 100%;
}
#categorias_content .bloque_categoria {
    float: left;
    padding: 5px;
    width: 33%;
    position: relative;
}
#categorias_content .bloque_categoria .titulo_categoria {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
}
#categorias_content .bloque_categoria .separador {
    border: 1px solid #c9cacc;
    display: block;
    height: 80%;
    position: absolute;
    right: 2px;
    top: 25px;
    width: 2px;
}
#categorias_content .referencias_categoria {
    display: block;
    height: 100px;
    overflow-y: auto;
}
#categorias_content .referencias_categoria a {
    cursor: pointer;
    display: block;
}
#categorias_content .referencias_categoria .mas {
    background: url("../img/sprites/mas.png") no-repeat scroll 0 0 / 10px auto rgba(0, 0, 0, 0);
    margin-top: 5px;
}
#categorias_content .referencias_categoria .menos {
    background: url('../img/sprites/menos.png') no-repeat;
}
#categorias_content #cuadro_inicial, #ficha_ebike #cuadro_inicial {
    background: url('../img/ajax-loader.gif') no-repeat scroll center center #fff;
    //border: solid thin;
    height: 100px;
    width: 100%;
}
#ficha_ebike {
    padding-top: 35px;
}
#ficha_ebike .codigo_pieza {
    text-align: center;
    width: 100%;
}
#ficha_ebike .modelo_bici span {
    display: table;
    font-weight: bold;
    margin: auto;
}
#ficha_ebike .imagen_pieza {
    border: 1px solid #ddd;
    height: 80px;
    position: relative;
    width: 80px;
}
#ficha_ebike img,
#ficha_ebike .imagen_pieza {
    display: table;
    margin: 0 auto;
}
#ficha_ebike img {
    padding: 50px;
}
#ficha_ebike .content .pieza {
    float: left;
    padding: 10px;
    width: 14%;
}
#ficha_ebike .content .pieza .linea_pieza {
    background-color: rgba(60, 60, 60, 0.35);
    bottom: 0;
    color: #fff;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
}
#ficha_ebike .boton_cambio_precio {
    padding-bottom: 15px;
    height: auto;
    text-align: right;
}
#ficha_ebike .columna_precio {
    width: 150px;
    text-align: center;
}
#ficha_ebike table.piezas th {
    background-color: #efefef;
    border-bottom: 1px solid #cccccc;
    padding: 8px 8px 6px 6px;
}
#ficha_ebike table.piezas td {
    border-bottom: 1px solid #cccccc;
    padding: 6px;
}
/** Portada EShop Bloques */

#portadaBloques {
    position: relative;
    width: 960px;
    margin: 0 auto 20px auto;
}
#home #portadaBloques {
    margin: 0 auto;
}
#portadaBloques > div {
    position: absolute;
    overflow: hidden;
}
#portadaBloques > div img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#portadaBloques .bloque-imagen {
    height: 100%;
}
#portadaBloques .TI .bloque-imagen {
    height: calc(100% - 180px);
}
#portadaBloques .videoContainer,
#portadaBloques .videoContainer iframe {
    width: 100%;
    height: 100%
}
#portadaBloques .div-texto-bloque {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 180px;
}
#portadaBloques .div-texto-bloque > div {
    padding: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
#portadaBloques .div-texto-bloque p {
    font-size: 14px;
    line-height: 22px;
}
#portadaBloques .titulo-bloque {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}
#portadaBloques .texto-bloque {
    margin-top: 3%;
}
#portadaBloques .TSI p,
#portadaBloques .TSI span {
    color: #ffffff;
}
#portadaBloques .TSI .div-texto-bloque {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.65);
}
#portadaBloques .TSI .div-texto-bloque-capa {
    background-color: #000000;
    opacity: 0.6;
}
.slick-portada {
    margin: 0;
    width: 100%;
    height: 100%
}
.slick-portada .slick-list {
    height: 100%
}
.slick-portada .slick-list .slick-track {
    height: 100%
}
.slick-portada .slick-list .slick-track .slick-slide {
    height: 100%;
    text-align: center;
}
.slick-portada .slick-prev {
    display: block;
    width: 38px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    z-index: 9;
    font-size: 20px;
    color: #787878;
    background: #fff;
    border-radius: 19px;
    position: absolute;
    top: 45%;
    left: 9px;
}
.slick-portada .slick-prev::before {
    content: none;
}
.slick-portada .slick-next {
    display: block;
    width: 38px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    z-index: 9;
    font-size: 20px;
    color: #787878;
    background: #fff;
    border-radius: 19px;
    position: absolute;
    top: 45%;
    right: 9px;
}
.slick-portada .slick-next::before {
    content: none;
}
.slick-portada .slick-prev:focus,
.slick-portada .slick-next:focus,
.slick-portada .slick-prev:hover,
.slick-portada .slick-next:hover {
    background: #fff;
    color: #787878;
}
.slick-portada .slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 15px;
    background: rgba(0, 0, 0, 0.7);
}
.slick-portada .slick-dots li {
    margin: 0 auto;
    width: auto;
}
.slick-portada .slick-dots li button {
    display: block;
    width: 5px;
    height: 5px;
    text-decoration: none;
    float: left;
    margin: 5px 8px 0 0;
    text-indent: -9999px;
    outline: none;
    background: #787878;
    border-radius: 5px;
    padding: 0;
}
.slick-portada .slick-dots li button:hover {
    background: #fff;
}
.slick-portada .slick-dots li.slick-active button {
    background: #fff;
}
.square div p.mini a {
    text-decoration: none;
}
/*Video liquido de la portada*/

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */

    height: 0;
    margin: 0 0 0.67em 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/************************************************************/
/* Animacion video*/
/*Generico*/

.animacion-video {
    overflow: hidden;
    margin-bottom: -50px !important;
}
.animacion-video.sinmargin {
    margin-bottom: 25px !important;
}
.animacion-video .slick-slide {
    text-align: center;
    background: #0D0D0D;
}
.animacion-video .slick-slide img {
    max-width: none;
    height: 100%;
    display: inline;
}
/*G7 Disc*/
/*CaraOCruz*/

.imagen-video {
    cursor: pointer;
    background-size: cover;
    background-position: top center;
}
/************************************************************/
/* Nuevo rediseño del bloque left */
/************************************************************/

.sidebar_left {
    padding: 0;
    margin-bottom: 20px;
}
.sidebar_left .filter_group {
    border-bottom: 1px solid #ECECEC;
}
.sidebar_left .top {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    cursor: pointer;
    padding: 10px 0;
}
.sidebar_left .content .top {
    color: #4d4d4d;
}
.sidebar_left .top > span {
    float: right;
    font-size: 20px;
}
.sidebar_left .content {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    padding: 10px 0;
    position: relative;
    overflow: hidden;
}
.sidebar_left .vertodo a{
	color: #aaa;
	font-size: 12px;
}
.sidebar_left .content.content-niveles {
    padding: 0px;
}
.sidebar_left .content .sub_group {
    padding-left: 10px;
}
.sidebar_left .content .sub_group .top {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #000;
    text-transform: uppercase;
    margin: 0;
    padding: 8px 0;
}
.sidebar_left .content .sub_group .top .top__name{
    max-width: 160px;
    display: inline-block;
    vertical-align: middle;
}
.sidebar_left .content .sub_group .top > span {
    float: right;
    font-size: 20px;
    color: #888;
}
.sidebar_left .content .sub_group .filter_group:last-child {
    border-bottom: 0px;
}
.sidebar_left .content label,
.sidebar_left .content span {
    color: #111;
    font-size: 14px;
    text-transform: uppercase;

    max-width: calc(100% - 45px);
    display: inline-block;

    /*Descomentar para una sola linea con puntos suspensivos*/
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}
.sidebar_left .content .precioMaxActual,
.sidebar_left .content .precioMinActual,
.sidebar_left .content span {
    font-size: 12px !important;
    color: #888;
}
.sidebar_left .content .precioMaxActual span,
.sidebar_left .content .precioMinActual span{
    max-width: none;
}
.sidebar_left .content .precioMaxActual {
    display: block;
    text-align: right;
    width: 50%;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    padding-top: 10px;
    float: right;
}
.sidebar_left .content .precioMinActual {
    display: block;
    width: 50%;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    text-align: left;
    padding-top: 10px;
    float: left;
}
.sidebar_left .content-niveles {
    margin-bottom: 0px;
}
/* prettycheckbox */

.sidebar_left .prettycheckbox {
    margin-bottom: 10px;
    display: block;
}
.sidebar_left .prettycheckbox h2 {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    color: #fff;
}
.sidebar_left .prettycheckbox span {
    color: #c5c5c5;
    float: left;
    font-weight: 100;
    font-size: 12px;
    padding-left:5px;
}
.sidebar_left .prettycheckbox.eliminar {
    margin-top: 0;
}
.sidebar_left input[type="checkbox"] {
    margin-bottom: 0;
}
.sidebar_left .prettycheckbox.solocolor {
    width: 48%;
    float: left;
    margin-right: 2%;
}
.sidebar_left .prettycheckbox.solocolor:nth-child(even){
    margin-right: 0;
}
.sidebar_left .filtro-color {
    margin: 0 3px;
}
/* Filtro de precio */

.sidebar_left .content.precio {
    padding-left: 20px;
    padding-right: 20px;
}
.sidebar_left .ui-slider-horizontal .ui-slider-handle {
    border-radius: 17px;
}
/* prettycheckbox */

.sidebar_left .prettycheckbox > a {
    height: 16px;
    width: 16px;
    margin-top: 0;
    border: 1px solid #ccc;
    background-image: none !important;
    -webkit-transition: 300ms;
    transition: 300ms;
}
.sidebar_left .prettycheckbox > a.disabled {
    opacity: 0.4;
    border: 1px solid #ccc !important;
    cursor: not-allowed;
}
.sidebar_left .prettycheckbox > a.disabled + label {
    opacity: 0.4;
    cursor: not-allowed;
}
.sidebar_left .prettycheckbox > a:hover {
    border: 1px solid #cc0000;
}
.sidebar_left .prettycheckbox > a.checked {
    border: 1px solid #cc0000;
    background-color: #cc0000;
}
.sidebar_left .prettycheckbox > a.checked:after {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    font-size: 12px;
    text-align: center;
    width: 100%;
    line-height: 15px;
    display: block;
}
.sidebar_left .prettycheckbox > a.checked:focus {
    background-image: none;
}
.sidebar_left .prettycheckbox > a.disabled,
.sidebar_left .prettycheckbox > a.checked.disabled {
    cursor: not-allowed;
}
/* Num resultados y Ofertas */

.sidebar_left .top.num-resultados,
.ofertas.sidebar_left .top {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 22px;
    line-height: 51px;
    height: 51px;
    background: #BFBFBF;
    padding: 0;
    border: 0;
    text-transform: uppercase;
}
.sidebar_left .top.num-resultados a,
.ofertas.sidebar_left .top a {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #fff !important;
    font-size: 22px;
}
.sidebar_left .top.num-resultados span,
.ofertas.sidebar_left .top span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 40px;
    line-height: 51px;
    float: none;
    background: #000 url("../img/num-resultados-back.png") no-repeat top right;
    margin: 0;
    display: inline-block;
    padding: 0 25px 0 15px;
    vertical-align: sub;
}
.sidebar_left .top.num-resultados span {
    cursor: auto;
}
/* Bloque fijo */

.bloque-fijo .sidebar_left .top {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 22px;
    line-height: 51px;
    height: 51px;
    background: #BFBFBF;
    padding: 0 10px;
    border: 0;
    text-transform: uppercase;
}
#left-filtros .bloque-fijo .bloque-left.sidebar_left div.top {
    font-size: 15px;
}
/* BORRAR ASP */
/*
#formfiltros .top{
	margin-top:3px;
}
#formfiltros .top:first-child{
	margin-top:0px;
}
#formfiltros .top.num-resultados{
	text-transform: none;
}

#formfiltros input[type="checkbox"] {
    vertical-align: baseline;
}

#formfiltros .prettycheckbox{
	display: block;
	margin-bottom: 6px;
}
#formfiltros .prettycheckbox label{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
	font-weight: normal;
	text-transform: uppercase;
	width: 106px;
}
#formfiltros .prettycheckbox h2{
	font-weight: normal;
	text-transform: uppercase;
	width: 106px;
    cursor: pointer;
    display: block;
    float: left;
    line-height: 17px;
    margin: 0;
}
#formfiltros .prettycheckbox label.count0{
	color: #c8c9cb;
    cursor:default;
}

#formfiltros .prettycheckbox span{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
	float: right;
	color: #7E7E7F;
}

#formfiltros .prettycheckbox.eliminar{
	display:inline-block;
	width:90%;
	margin-bottom:0px;
	margin-top:3px;
}
#formfiltros.filtros-accesorios .top.modo .prettycheckbox.eliminar{
	margin-top:0px;
	margin-right:-1px;
}

#formfiltros .content.color{
	padding-right:0px;
}
#formfiltros .prettycheckbox.solocolor{
	display:inline-block;
	width:80px;
}
#formfiltros .prettycheckbox.solocolor > a{
	margin-right:0px;
}
#formfiltros .prettycheckbox.solocolor label{
	width:auto;
}
#formfiltros .prettycheckbox.solocolor span{
	float:left;
}
#formfiltros .content .content .prettycheckbox label.noHay{
	color: #c8c9cb;
}
#formfiltros .prettycheckbox label.noHay{
	color: #c8c9cb;
}

#formfiltros .vertodo{

}
#formfiltros .vertodo a{
	color: #c8c9cb;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 14px;
    text-transform: none;
}

#formfiltros .pesos div > span,
#formfiltros .precio div > span{
	float:right;
}
#formfiltros .pesos div > span:last-child,
#formfiltros .precio div > span:last-child{
	float:none;
}

#formfiltros .ui-slider-horizontal{
	background:url('../img/sprites/slider-filtros-back.png');
	border:0px;
	border-radius: 0px;
}
#formfiltros .ui-slider-horizontal .ui-slider-range{
	background: #CD202C;
}
#formfiltros .ui-slider-horizontal .ui-slider-handle{
	width:1em;
	height:1em;
	top:-0.1em;
}

#formfiltros .filtro-color{
	width:36px;
	height: 20px;
	vertical-align: sub;
}

#formfiltros .hideFilter{
	background:#f0f0f0;
    color: #d3d3d3;
}
#formfiltros .hideFilter img{
    opacity: 0.4;
    filter:alpha(opacity=40);
}

#formfiltros > .top.mas{
	padding-right:20px;
}
#formfiltros > .top span {
	margin-right:-11px;
}

#formfiltros .top.modo{
	background: #F3F3F4;
}
#formfiltros .content .top{
	padding-left:5px;
	padding-right:0px;
}
#formfiltros .content .content{
	padding-right:0px;
}
#formfiltros .content .content .prettycheckbox label{
	width: 86px;
}
#formfiltros .content .content .prettycheckbox.checked label{
	color:#ff0000;
}
#formfiltros .content-niveles{
    margin-bottom: 20px;
}*/

/************************************************************/
/* Nuevo rediseño del listado de bicis */
/************************************************************/

#articulos-ls.articulos-ls-new h1 {
    color: #2B2B2B;
    margin: 0 0 15px 0;
    line-height: 60px;
    height: auto;
    border-bottom: 1px solid #6A6A6A;
    text-align: left;
    font-size: 58px;
    position: relative;
}
#articulos-ls.articulos-ls-new h1 span.icono {
    background: #2B2B2B;
    width: 60px;
    height: 60px;
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: sub;
}
#articulos-ls.articulos-ls-new h1 span.icono.iconmtb {
    background: #2B2B2B url("../img/sprites/mtb-icon2.png") no-repeat 8px 15px;
}
#articulos-ls.articulos-ls-new h1 span.icono.iconroad {
    background: #2B2B2B url("../img/sprites/road-icon2.png") no-repeat 8px 15px;
}
#articulos-ls.articulos-ls-new h1 span.icono.iconurban,
#articulos-ls.articulos-ls-new h1 span.icono.iconmulti-use {
    background: #2B2B2B url("../img/sprites/multi use-icon2.png") no-repeat 8px 15px;
}
#articulos-ls.articulos-ls-new h1 span.icono.iconebike,
#articulos-ls.articulos-ls-new h1 span.icono.iconebikes {
    background: #2B2B2B url("../img/sprites/ebike-icon2.png") no-repeat 8px 15px;
}
#articulos-ls.articulos-ls-new h1 span.icono.iconkids {
    background: #2B2B2B url("../img/sprites/kids-icon2.png") no-repeat 8px 15px;
}
#articulos-ls.articulos-ls-new h1 span.caret {
    display: block;
    position: absolute;
    width: 27px;
    height: 13px;
    background: url("../img/sprites/caret-down2.png") no-repeat;
    bottom: -11px;
    left: 16px;
}
#articulos-ls.articulos-ls-new .category2 {
    width: auto;
}
#articulos-ls.articulos-ls-new .category2 ul li {
    margin: 0;
    width: 25%;
    text-align: left;
    float: left;
}


/*****************************************************************************/
/* PRODUCT 2016 - Nueva ficha de producto */
/*****************************************************************************/
#product_top {
	height: calc(100vh - 175px);
	padding: 0% 4% 2% 4%;
	position: relative;
}
.ficha-accesorio #product_top {
    height: 38px;
}
#product_top .bg_container {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 66.66%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}
#product_top .bg_container:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 66%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 66%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
#product_top .img_container {
	position: absolute;
	left: 0px;
	width: 100%;
	top: 48%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
    /**/height: 96%;
	max-height: 800px;
}
#product_top .img_container .image {
    width: 100%;
    /**/height: 100%;
    text-align: center;
    display: block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}
#product_top .img_container .image img {
    /**/height: 100%;
    max-height: 100%;
    display:none;
}
#product_top .inner {
    position: relative;
    width: 100%;
    height: 100%;
}
#product_top .title_container {
    width: 100%;
    position: relative;
	margin-top: 10px;
    z-index: 2;
}
.ficha-accesorio #product_top .title_container {
    top: 8px;
}
#product_top .title_container .migas {
    line-height: 1;
}
#product_top .title_container .migas .icon {
    width: 40px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#product_top .title_container .migas .icon.iconmtb {
    background-image: url("../img/sprites/mtb-icon.png");
}
#product_top .title_container .migas .icon.iconroad {
    background-image: url("../img/sprites/road-icon.png");
}
#product_top .title_container .migas .icon.iconurban,
#product_top .title_container .migas .icon.iconmulti-use {
    background-image: url("../img/sprites/multi use-icon.png");
}
#product_top .title_container .migas .icon.iconebikes {
    background-image: url("../img/sprites/ebike-icon.png");
}
#product_top .title_container .migas .icon.iconkids {
    background-image: url("../img/sprites/kids-icon.png");
}
#product_top .title_container .migas a {
    line-height: 1;
    vertical-align: middle;
    color: #999998;
    font-size: 15px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}

#product_top .title_container .migas a:hover {
    text-decoration: underline;
}
#product_top .title_container .migas a:after {
    content: "/";
    margin-right: 5px;
    margin-left: 5px;
    display: inline-block;
}
#product_top .title_container .migas a:last-child:after{
	content: "";
}
#product_top .title_container .migas span {
    vertical-align: middle;
    color: #999998;
    line-height: 1;
    font-size: 15px;
    margin-right: 5px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}

#product_top .title_container .title {
    display: block;
    font-size: 26px;
    color: #111;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    line-height: 1;
    margin-top: 5px;
}
#product_top .title_container .title span {
    font-size: 50px;
    color: #111;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    display: block;
    text-align: left;
}
#product_top .title_container .img-unique{
    width: 100px;
    height: 37px;
    margin-top: -8px; /*quitamos algo de los 14px del margin bottom del title*/
}
@media(max-width: 980px){
    #product_top .title_container .img-unique{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 6px;
    }
}
#product_top .title_container .img-unique img{
    max-width: 100%;
    height: auto;
    display: block;
}
#product_top .press_container {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 30%;
	margin-bottom: 0px !important;
	overflow: hidden;
}
#product_top .press_container .press_item .author {
    color: #888888;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 2px;
    margin-top: 5px;
}
#product_top .press_container .press_item .comment {
    font-size: 21px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100;
    font-style: italic;
    line-height: 1;
}
#product_top .press_container .press_item .fa, #product_slider1 .phrase_slider .fa, #product_slider2 .phrase_slider .fa {
    padding-right: 10px;
}
#product_top .adhoc_container {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    z-index: 2;
}
#product_top .adhoc_container a{
    display: block;
    width: 100%;
    height: 100%;
}
#product_resume .adhoc_container{
    top: 60%;
    left: 50%;
    transform: translate(-50%, 0);
}
#product_top .adhoc_container.logo-bici-anno {
    background-image: url("../img/promo_formato_ofertas/logo_bici_anno.png");

}
#product_top .adhoc_container.logo-advanced-season {
    background-image: url("../img/promo_formato_ofertas/advanced_season.png");
}
#product_top .adhoc_container.logo-bici-anno {
    background-image: url("../img/promo_formato_ofertas/logo_bici_anno.png");
}
#product_top .adhoc_container.logo-adhoc {
    background-image: url("../img/promo_formato_ofertas/advanced_season.png");
}
#product_top .adhoc_container.logo-black {
    background-image: url("../img/promo_formato_ofertas/logo_black.png");
}
#product_top .adhoc_container.logo-MID {
    background-image: url("../img/promo_formato_ofertas/mid.png");
}
#product_top .adhoc_container.logo-francia {
    background-image: url("../img/promo_formato_ofertas/francia.png");
}
#product_top .social_container{
	position: absolute;
	right: 0;
	top: 0;
    z-index: 20;
}
#product_top .social_container .social_menu {
    float: left;
}
#product_top .social_container .social_menu li {
    display: inline-block;
    line-height: 20px;
    margin-left: 15px;
}
#product_top .social_container .social_menu li a {
    color: #888;
    font-size: 16px;
	padding: 5px 0px;
}

#product_top .colours_container{
	position: absolute;
	right: 0px;
	top: 40px;
    z-index:4;
}
#product_top .colours_container #selectcolor a{
	padding: 3px;
	border: 1px solid #ccc;
	border-radius: 3px;
	position: relative;
	width: 44px;
	height: 44px;
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
    text-align: center;
    line-height: 39px;
}
#product_top .colours_container #selectcolor a.active {
    border: 2px solid #cd202c;
}
#product_top .colours_container a.active{
	width: 46px;
	height: 46px;
}
#product_top .colours_container a img{
	width: 100%;
	height: auto;
}
#product_navigation {
    display: block;
    position: relative;
    width: 100%;
    height: 60px;
    /*background-color: #000;*/
    color: #fff;
    padding: 0 60px;
    margin: 0;
}
#product_navigation.fixed {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    margin: 0;
}
#product_navigation .anchor_menu {
    float: left;
    margin-right: 30px;
    height: 59px;
}
#product_navigation .anchor_menu li {
    display: inline-block;
    margin-right: 20px;
}
#product_navigation .anchor_menu li a.arrow_up{
	font-size: 24px;
	padding: 5px 10px;
	vertical-align: middle;
	/*border: 2px solid #888;*/
	/*margin: 10px 0px;*/
	/*color: #888888;*/
	line-height: 10px;
}
#product_navigation .anchor_menu li a {
    font-family: "Roboto Condensed", sans-serif;
    line-height: 20px;
    padding: 20px 0px;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    float: left;
    color: #fff;
}
#product_navigation .social_menu {
    float: left;
    margin-right: 20px;
}
#product_navigation .social_menu li {
    display: inline-block;
    line-height: 20px;
    padding: 20px 5px;
}
#product_navigation .social_menu li a {
    color: #888;
    font-size: 16px;
}
#product_navigation .price_container {
    float: right;
    margin-left: 40px;
    height: 60px;
    line-height: 30px;
    position: fixed;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}
#product_navigation.price_fixed .price_container {
    position: relative;
    /*margin-right: -60px;*/
}
#product_navigation .price_container .prices {
    float: left;
    margin-right: 22px;
    padding: 5px 0px;
    position: relative;
    background-color: #CD202C;
    cursor: pointer;
}
#product_navigation .price_container .prices:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 60px 20px;
    border-color: transparent transparent #CD202C transparent;
    left: -20px;
    position: absolute;
    top: 0px;
}
#product_navigation .price_container .prices:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 20px 0 0;
    border-color: #CD202C transparent transparent transparent;
    right: -20px;
    position: absolute;
    top: 0px;
}
#product_navigation .price_container .prices .price {
    line-height: 30px;
    height: 30px;
    font-size: 24px;
    font-weight: 100;
    color: #fff;
    padding: 0px 15px;
}
#product_navigation .price_container .prices .price.only_price {
    height: 50px;
    line-height: 50px;
}
.old_price{
    text-decoration: line-through;
}
#product_navigation .price_container .prices .old_price {
    color: #fff;
    font-size: 16px;
    font-weight: 100;
    height: 20px;
    line-height: 20px;
    padding: 0 15px;
    text-align: center;
}
#product_navigation .price_container .prices .old_price span:first-child {
    text-decoration: line-through;
}
#product_navigation.fixed .price_container .prices .old_price{
    color: #000;
}

.home #product_related.product_related_3 .price_container .old_price{
    position: absolute;
    right: 0;
    bottom: -2px;
}
#product_navigation .price_container .prices .finance {
	line-height: 20px;
	height: 20px;
	font-size: 16px;
	font-weight: 100;
	color: #fff;
	padding: 0px 15px;
	text-align: center;
}
.price_container .old_price .descuento{
    font-weight: 600;
    font-size: 1.4rem;
    color: #000;
}
#product_navigation.fixed .price_container .old_price .descuento{
    font-size: 1.05rem;
}
/*% descuento en menú de compra*/
#product_resume .price_container .old_price .descuento{
    font-size: 1.4rem;
}
#product_navigation .price_container .buy {
    height: 60px;
    line-height: 60px;
    padding: 0px 15px;
    color: #fff;
    font-size: 20px;
    float: left;
    background-color: #CD202C;
    position: relative;
}
#product_navigation .price_container .buy:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 60px 20px;
    border-color: transparent transparent #CD202C transparent;
    left: -20px;
    position: absolute;
    top: 0px;
}
#product_navigation .comparison{
	float: right;
	height: 60px;
	line-height: 60px;
}
/*
.product_gallery--slider{
	float: left;
	width: 100%;
	padding: 0 0;
}
*/
/*
.product_gallery--slider .product_gallery--slide{
	text-align: center;
    padding-left: 40px;
}
*/
/*
.product_gallery--slider .product_gallery--slide img{
	margin: auto;
}
*/
.product_gallery--thumbnails{
	text-align: left;
	float: left;
	width: 80px;
	position: absolute;
	z-index: 1;
}
.product_gallery--thumbnails .product_gallery--thumbnail{
	display: block;
	margin-bottom: 4px;
	float: none;
	opacity: 0.5;
	border: 1px solid #ccc;
	cursor: pointer;
	transition: 300ms;
	text-align: center;
    height: auto;
	/*height: 54px;*/
	width: 80px;
	background-color: #fff;
	padding: 5px 0;
}
.product_gallery--thumbnails .product_gallery--thumbnail:hover{
	opacity: 1;
    transform: scale(1.1);
}
.product_gallery--thumbnails .product_gallery--thumbnail.active{
	border: 1px solid #ccc;
	opacity: 1;
}
.product_gallery--thumbnails .product_gallery--thumbnail img{
	max-width: 100%;
	height: auto;
    display: block;
}
.product_gallery .product_gallery--thumbnails div[class^="go-tovideo_"]{
    overflow: hidden;
    height: auto;
    margin-top: 5px;
    position: relative;
}
.product_gallery .product_gallery--thumbnails div[class^="go-tovideo_"] a::before{
    font-family: FontAwesome;
    content: '\f04b';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    padding: 4px 0 0 3px;
    border-radius: 50%;
    background-color: #fff;
    color: #000;
    font-size: 13px;
    cursor: pointer;
    box-sizing: border-box;
}
.product_gallery .product_gallery--thumbnails div[class^="go-tovideo_"] a{
    -webkit-transition: opacity 100ms ease;
    -moz-transition: opacity 100ms ease;
    transition: opacity 100ms ease;
    transform: scale(1.1);
}
.product_gallery .product_gallery--thumbnails div[class^="go-tovideo_"]:hover a::before{
    opacity: .5;
    padding: 4px 0 0 3px;
}
.product_gallery .product_gallery--thumbnails div[class^="go-tovideo_"]:first-child{
    margin-top: 0;
}
.product_gallery .product_gallery--thumbnails div[class^="go-tovideo_"] a img{
    max-width: 100%;
    height: auto;
    display: block;
}
/**SECCIÓN TEST REVISTAS**/
.view.articulo section.magazine-test{
    width: 100%;
    max-width: 1900px;
    height: 70%;
    height: 70vh;
    position: relative;
    margin: 60px auto 0 auto;
    background-repèat: no-repeat;
    background-size: cover;
}
div.magazine-test__content{
    width: 98%;
    max-width: 1060px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
article.magazine-test__block{
    width: calc(27.333333% - 3px);
    /*min-width: 260px;
    display: inline-block;
    vertical-align: top;
    margin-right: 8%;*/
    padding: 0 15px;
    text-align: center;
}
article.magazine-test__block a{
    width: 100%;
    height: 100%;
    display: block;
}
article.magazine-test__block:last-child{
    margin-right: 0;
}
#content article.magazine-test__block h1.magazine-title{
    margin-bottom: 5px;
    font-size: 1.5rem;
    line-height: 110%;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    text-transform: uppercase;
}
#content article.magazine-test__block h1.magazine-title::after{
    font-family: FontAwesome;
    content: '\f14c';
    display: inline-block;
    vertical-align: middle;
    position: relative;
    bottom: 2px;
    font-size: 1.05rem;
    margin-left: 6px;
}
article.magazine-test__block a:hover h1.magazine-title::after{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
 }

article.magazine-test__block p{
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 140%;
    text-shadow: 0 1px 1px #000;
    color: #fff;
}
figure.magazine-name{
    max-width: 215px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}
figure.magazine-name a{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-color: #fff;
}
figure.magazine-name a img{
    max-width: 100%;
    height: auto;
    display: block;
    margin:0 auto;
}
figure.magazine-name a::after{
    font-family: FontAwesome;
    content: '\f061';
    position: absolute;
    top: 50%;
    right: -6px;
    font-size: .9rem;
    border: 0px solid #eee;
    border-radius: 50%;
    padding: 2px 2px 2px 0;
    background-color: #fff;
    transform: translateY(-50%);
}
/*slider de magazines*/
section.magazine-test .slick-track{
    margin: 0 auto;
}
section.magazine-test .slick-prev,
section.magazine-test .slick-next{
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
section.magazine-test .slick-prev::before,
section.magazine-test .slick-next::before{
    font-family: FontAwesome;
    font-size: 4.5rem;
    color: #fff;
}
section.magazine-test .slick-prev::before{
    content: '\f104';
}
section.magazine-test .slick-next:before{
    content: '\f105';
}
section.magazine-test .slick-dots{
    bottom: -25px
}
section.magazine-test .slick-dots li button::before{
    font-size: 70px;
    opacity: 1;
    color: #fff;
}
section.magazine-test .slick-dots li.slick-active button::before{
    color: #CD202C;
}
/** PRODUCT RESUME **/
/*
#product_resume{
    padding: 100px 2%;
    font-family: "Roboto Condensed", sans-serif;
    position: relative;
}
.ficha-accesorio #product_resume{
    padding-top: 0;
    padding-bottom: 40px;
}
*/
#product_resume.header_fixed{
	margin-top: 60px;
}
#product_resume .row{
	max-width: 100%;
}
#product_resume .title {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100;
    font-size: 32px;
    margin-bottom: 60px;
    text-transform: uppercase;
    text-align: center;
}
#product_resume .title_container{
	margin-bottom: 10px;
}
#product_resume .title_container .ref{
	font-size: 12px;
	font-weight: 300;
	margin-bottom: 5px;
}
#product_resume .title_container .product_title{
	font-weight: 500;
	font-size: 36px;
	line-height: 1;
	margin-bottom: 20px;
}
#product_resume .price_container .price span,
#product_resume .price_container .old_price span,
#product_resume .price_container .new_price span,
.product.oferta .text-left .tags-block .price span,
.product.oferta .text-left .tags-block .old_price span,
.product.oferta .text-left .tags-block .new_price span{
	font-size: 17px;
	vertical-align: baseline;
}
#product_resume .price_container .old_price,
.product.oferta .text-left .tags-block .old_price{
	font-weight: 300;
	font-size: 16px;
	display: block;
	margin-right: 20px;
	margin-bottom: 10px;
}
.product.oferta .text-left .tags-block .old_price{
    margin-top: 5px;
    margin-bottom: 0;
}
#product_resume .price_container .old_price span:first-child,
.product.oferta .text-left .tags-block .old_price span:first-child{
    text-decoration: line-through;
}
/*.product.oferta .text-left .tags-block .offer-prices{
    display: flex;
    align-items: center;
    margin-top: 6px;
}*/
#product_resume .price_container .new_price,
.product.oferta .text-left .tags-block .new_price{
	font-weight: 300;
	font-size: 26px;
	color: #CD202C;
	display: inline-block;
	margin-right: 30px;
}
.product.oferta .text-left .tags-block .new_price{
    margin-top: 5px;
    margin-bottom: 5px;
}
#product_resume .price_container .finance{
	font-weight: 300;
	font-size: 19px;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 10px;
	color: #777;
	cursor: pointer;
}
#product_resume .price_container .finance span{
	font-size: 13px;
	vertical-align: baseline;
}
#product_resume .price_container .finance .fa-calculator{
    color: #CD202C;
    -webkit-transition: transform 170ms linear;
    -moz-transition: transform 170ms linear;
    -ms-transition: transform 170ms linear;
    -o-transition: transform 170ms linear;
    transition: transform 170ms linear;
}
#product_resume .price_container .finance .fa-calculator:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
#product_resume .price_container .finance span.tae-text{
    margin-left: 5px;
    font-size: 14px;
}
#product_resume .price_container .finance span.more-info-tae{
    margin-left: 5px;
    font-size: 13px;
    color: #CD202C;
}
#product_resume .price_container .finance span.more-info-tae:hover{
    text-decoration: underline;
}
#product_resume .sizes_container .size_group{
	/*margin-bottom: 10px;
    margin-top: 35px;*/
    /*max-width: 340px;*/
    max-width: 100%;
}
#product_resume .sizes_container .colour{
    width: 3%;
	max-width: 20px;
	float: left;
	margin-right: 5px;
	height: 64px;
    clear: left;
    /*margin-bottom: 1.5rem;*/
}
#product_resume .sizes_container img{
	height: 100%;
    width: auto;
}
.ficha-accesorio #product_resume .sizes_container img{
    width: 100%;
}
@media (max-width: 47.938em) {/*hasta 767px*/
    .product_gallery .product_gallery--thumbnails div[class^="go-tovideo_"],
    .product_gallery--thumbnails .product_gallery--thumbnail{
        width: 65px;
    }
    img.prefooter-cetelem{
        margin-top: 5px;
    }
}
/*
#product_resume .sizes_container .size.active{
	border: 2px solid #CD202C;
}
*/
#product_resume .sizes_container .size.disabled{
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}
#product_resume .sizes_container .size.disabled:after{
	content: "";
	width: 160%;
	height: 8px;
	background-color: #aaa;
	z-index: 1;
	transform-origin: 50% 50%;
	transform: rotate(-30deg) translateX(-50%) translateY(-50%);
	display: block;
	position: absolute;
	left: 50%;
	top: -20%;
}

#product_resume .sizes_container .size .label{
	font-size: 18px;
	font-weight: 300;
}
#product_resume .sizes_container .size .texto{
	font-size: 9px;
	font-weight: 400;
    line-height: 1.2em;
    position: absolute;
    bottom: 3.6rem;
    left: 0;
    text-transform: uppercase;
    width: 100%;
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/

}
#product_resume .sizes_container .size_link{
    background-image: url("../img/pictos-info-talla.svg");
    background-position: left center;
    background-repeat: no-repeat;
    color: #cd202c;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    height: 32px;
    margin: -1.5rem 0 10px 0;
    padding-left: 25px;
    padding-top: 6px;
    text-decoration: underline;
    width: 100%;
}

#product_geometry .size_link{
    background-image: url("../img/pictos-info-talla.svg");
    background-position: left center;
    background-repeat: no-repeat;
    color: #cd202c;
    display: block;
    /*float: right;*/
    font-size: 13px;
    font-weight: 300;
    height: 32px;
    padding-left: 25px;
    padding-top: 6px;
    text-decoration: underline;
    position: relative;
    /*top: -30px;*/
    top: 20px;
  }
/*#product_resume .sizes_container .size_link::before{*/
    /*content: url(../img/pictos-info-talla.svg);*/
    /*padding-left: 25px;*/
/*}*/

#product_resume .units_container{
    margin-bottom: 20px;
    margin-top: -.8rem;
}
#product_resume .units_container select{
    width: calc(60% - 10px);
}

#product_resume .actions_container .customize_btn{
	background-color: #fff;
	border: 1px solid grey;
	/*padding: 9px 5px;*/
	line-height: 20px;
	text-align: center;
	float: left;
	color: grey;
	font-size: 14px;
	font-weight: 300;
	font-family: "Roboto Condensed";
	text-transform: uppercase;
	width: 40%;
    height: 55px;
    line-height: 55px;
}
#product_resume .actions_container .customize_btn .fa{
	font-size: 20px;
	margin-right: 5px;
}
#product_resume .product_item--right .info_container{
    width: 100%;
    max-width: 100%;
    margin: 20px auto 10px auto;
    padding: 15px;
    border: 1px solid #ddd;
}
#product_resume .product_item--right .info_container p{
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%;
    color: #000;
}
#product_resume .info_container .info_group{
	margin-bottom: 10px;
	cursor: pointer;
}
#product_resume .info_container .info_title{
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 10px;
	position: relative;
	padding-left: 15px;;
}
#product_resume .info_container .info_title:after{
	content: "";
	width: 8px;
	height: 4px;
	display: inline-block;
	background-color: #CD202C;
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg);
	position: absolute;
	vertical-align: middle;
	left: 0px;
	top: 50%;
	margin-top: -2px;
	-webkit-transition: 300ms;
	transition: 300ms;
}
#product_resume .info_container .info_title .fa{
	font-size: 18px;
	vertical-align: middle;
	margin-left: 5px;
}
#product_resume .info_container .info_group.active .info_title .fa{
	transform: rotate(90deg);
}
.product_content .info_container .description{
    /*max-width: calc(60% - 10px);*/
	font-size: 14px;
	text-align: left;
	font-weight: 300;
	opacity: 0.6;
	display: none;
	padding-bottom: 20px;
}

.ficha-accesorio .adhoc_container {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 150px;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.ficha-accesorio .logo-black{
    background-image: url("../img/logo_black-nodiscount.png");
    width: 100px;
    height: 100px;
    left: 54% !important;
}
#product_technology{
	background-color: #000;
	padding: 100px 4%;
	color: #fff;
	position: relative;
	overflow: hidden;
}
#product_technology .title{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100;
    font-size: 32px;
    margin-bottom: 40px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}
#product_technology .bg_technology_slider{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.2;
	z-index: 0;
}
#product_technology .bg_technology_slider .bg_technology_slide{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}
#product_technology .technology_slider{
	width: 100%;
	position: relative;
}
#product_technology .technology_slider .slick-list{
	width: 100%;
	overflow: visible;
}
#product_technology .technology_slider .slick-track{
	width: 100%;
}
#product_technology .technology_slider .technology_slide{
	width: 100%;
	padding: 0px 80px;
}
#product_technology .technology_slider .technology_slide .image{
	display: block;
	width: 90%;
	padding: 35%;
    /*-ms-transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);*/

    /*background-size: cover;
	background-position: center;*/

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#product_technology .technology_slider .technology_slide .technology_title{
	font-size: 36px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
	line-height: 1.4;
	color: #fff;
	text-transform: none;
	margin-bottom: 20px;
	padding-left: 30px;
	margin-top: 60px;
}
#product_technology .technology_slider .technology_slide p{
	font-size: 16px;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
	color: #fff;
	text-transform: none;
	padding-left: 30px;
}
#product_technology .technology_slider_navigation{
	color: #fff;
	text-align: left;
	padding-left: 59%;
	z-index: 0;
	transform: translateY(50px);
	position: relative;
	font-weight: 300;
	line-height: 1;
	display: none;
}
#product_technology .prev_arrow{
	display: inline-block !important;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 70px;
	cursor: pointer;
	z-index: 1;
	color: #fff;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -35px;
}
#product_technology .next_arrow{
	display: inline-block !important;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-size: 70px;
	cursor: pointer;
	z-index: 1;
	color: #fff;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -35px;
}
#product_technology .prev_arrow:hover,
#product_technology .next_arrow:hover{
	opacity: 0.4;
}
#product_technology .technology_slider_navigation .current{
	display: inline-block !important;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 28px;
}
#product_technology .technology_slider_navigation .total{
	display: inline-block !important;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 28px;
}
#product_technology .slick-dots{
	text-align: center;
	width: 100%;
	bottom: -60px;
	left: 0px;
}
#product_technology .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	text-align: center;
	opacity: 0.5;
	vertical-align: middle;
}
#product_technology .slick-dots li.slick-active{
	opacity: 1;
}
#product_technology .slick-dots li button{
	background-color: black;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	text-indent: -99999px;
	overflow: hidden;
	margin: 0px !important;
	display: block;
	padding: 0px;
	background-color: #fff;
}

#landing7 .bg_header_01_slider{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.2;
    z-index: 0;
}
#landing7 .bg_header_01_slider .bg_header_01_slide{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
#landing7 .header_01_slider{
    width: 100%;
    position: relative;
}
#landing7 .header_01_slider .slick-list{
    width: 100%;
    overflow: visible;
}
#landing7 .header_01_slider .slick-track{
    width: 100%;
}
#landing7 .header_01_slider .header_01_slide{
    width: 100%;
    padding: 0px 80px;
}
#landing7 .header_01_slider .header_01_slide .image{
    display: block;
    width: 90%;
    padding: 35%;
    /*-ms-transform: skew(-10deg);
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg);*/
    background-size: cover;
    background-position: center;
}
#landing7 .header_01_slider_navigation{
    color: #fff;
    text-align: left;
    padding-left: 59%;
    z-index: 0;
    transform: translateY(50px);
    position: relative;
    font-weight: 300;
    line-height: 1;
    display: none;
}
#landing7 .prev_arrow{
    display: inline-block !important;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 70px;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -35px;
}
#landing7 .next_arrow{
    display: inline-block !important;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 70px;
    cursor: pointer;
    z-index: 1;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -35px;
}
#landing7 .prev_arrow:hover,
#landing7 .next_arrow:hover{
    opacity: 0.4;
}
#landing7 .header_01_slider_navigation .current{
    display: inline-block !important;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 28px;
}
#landing7 .header_01_slider_navigation .total{
    display: inline-block !important;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 28px;
}
#landing7 .slick-dots{
    text-align: center;
    width: 100%;
    bottom: -60px;
    left: 0px;
}
#landing7 .slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    text-align: center;
    opacity: 0.5;
    vertical-align: middle;
}
#landing7 .slick-dots li.slick-active{
    opacity: 1;
}
#landing7 .slick-dots li button{
    background-color: black;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    text-indent: -99999px;
    overflow: hidden;
    margin: 0px !important;
    display: block;
    padding: 0px;
    background-color: #fff;
}

#product_batery{
    background-color: #f7f7f7;
    padding: 100px 4%;
    color: black;
    position: relative;
    overflow: hidden;

    /*background-image: url("../../../html/download/bancorecursos/tecnologias2017/puntos/evo_1.jpg");
    background-position: center;
    background-size: cover;
    background-color: rgba(255, 255, 255, 0.38);*/
}
#product_batery .title{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100;
    font-size: 32px;
    margin-bottom: 15px;
    text-transform: uppercase;
    text-align: center;
    color: black;
}
#product_batery .author {
    font-weight: 300;
    font-family: "Roboto Condensed", sans-serif;
    opacity: 0.7;
    line-hight: 1.2;
}
#product_batery .bg_batery_slider{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0.1;
    z-index: 0;
}
#product_batery .bg_batery_slider .bg_batery_slide{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
#product_batery .batery_slider{
    width: 100%;
    position: relative;
}
#product_batery .batery_slider .slick-list{
    width: 100%;
    overflow: visible;
    margin-top: 10%;
}
#product_batery .batery_slider .slick-track{
    width: 100%;
}
#product_batery .batery_slider .batery_slide{
    width: 100%;
    padding: 0px 80px;
}
#product_batery .batery_slider .batery_slide .image{
    display: block;
    width: 90%;
    padding: 35%;
    background-size: cover;
    background-position: center;
}
#product_batery .batery_slider .batery_slide .batery_title{
    font-size: 43px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    line-height: 1.4;
    color: black;
    text-transform: none;
    margin-bottom: 20px;
    padding-left: 30px;
    margin-top: 60px;
}
#product_batery .batery_slider .batery_slide p{
    margin-top: 35%;
    font-size: 16px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    color: black;
    text-transform: none;
    padding-left: 30px;
    opacity: 0.8;
}
#product_batery .batery_slider .batery_slide .text-bottom p {
    margin-top: 5%;
}
#product_batery .batery_slider_navigation{
    color: black;
    text-align: left;
    padding-left: 59%;
    z-index: 0;
    transform: translateY(50px);
    position: relative;
    font-weight: 300;
    line-height: 1;
    display: none;
}
#product_batery .prev_arrow{
    display: inline-block !important;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 70px;
    cursor: pointer;
    z-index: 1;
    color: black;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: 3%;
}
#product_batery .next_arrow{
    display: inline-block !important;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 70px;
    cursor: pointer;
    z-index: 1;
    color: black;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: 3%;
}
#product_batery .prev_arrow:hover,
#product_batery .next_arrow:hover{
    opacity: 0.2;
}
#product_batery .batery_slider_navigation .current{
    display: inline-block !important;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 28px;
}
#product_batery .batery_slider_navigation .total{
    display: inline-block !important;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 28px;
}
#product_batery .slick-dots{
    text-align: center;
    width: 100%;
    bottom: -75px;
    left: 0px;
    position: inherit;
}
#product_batery .slick-dots li {
    position: relative;
    display: inline;
    width: 8px;
    height: 8px;
    margin: 0 7px;
    padding: 0;
    cursor: pointer;
    text-align: center;
    opacity: 0.5;
    vertical-align: middle;
}
#product_batery .slick-dots li.slick-active{
    opacity: 1;
}
#product_batery .slick-dots li button{
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
    color: black;
    margin: 0px !important;
    display: inline;
    padding: 0px;
    width: auto;
    text-transform: uppercase;
}

.tres_elementos {
    margin-top: 5%;
}

#product_slider1{
	height: 400px;
	background-position: center;
	backface-visibility: cover;
	background-repeat: no-repeat;
	position: relative;
}
#product_slider1 .overlay{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
}
#product_slider1 .overlay:after{
	content: "";
	position: absolute;
	left: 100%;
	top: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 400px 100px 0 0;
	border-color: rgba(255,255,255,0.8) transparent transparent transparent;
}
#product_slider1 .phrase_slider{
	width: 50%;
	position: relative;
	top: 50%;
	padding: 0px 100px;
	transform: translateY(-50%);
}
#product_slider1 .phrase_slider .phrase{
	text-align: left;
	padding: 0px 100px;
	padding: 30px 0px;
	font-family: "Roboto Condensed", sans-serif;
}
#product_slider1 .phrase_slider .comment{
	font-size: 38px;
	font-weight: 100;
	color: #000;
	margin-bottom: 10px;
	line-height: 1;
}
#product_slider1 .phrase_slider .author{
	font-size: 15px;
}
#product_slider1 .prev_arrow{
	display: inline-block !important;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
	z-index: 1;
	color: #000;
	position: absolute;
	left: 100px;
}
#product_slider1 .next_arrow{
	display: inline-block !important;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
	z-index: 1;
	color: #000;
	position: absolute;
	left: 205px;
}
#product_slider1 .slick-dots{
	/*text-align: left;*/
	/*margin-left: 25px;*/
	width: auto;
    max-width: 97px;
	bottom: 0;
    top: 7px;
    left: 19px;
    position: relative;
}
#product_slider1 .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	text-align: center;
	opacity: 0.5;
	vertical-align: middle;
}
#product_slider1 .slick-dots li.slick-active{
	opacity: 1;
}
#product_slider1 .slick-dots li button{
	background-color: black;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	text-indent: -99999px;
	overflow: hidden;
	margin: 0px !important;
	display: block;
	padding: 0px;
}
#product_slider2{
	height: 400px;
	background-position: center;
	backface-visibility: cover;
	background-repeat: no-repeat;
    padding: 100px 4%;
	position: relative;
}
#product_slider2 .title{
    color: #fff;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 32px;
    font-weight: 100;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
}
#product_slider2 .overlay{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
}
#product_slider2 .phrase_slider{
	width: 70%;
	padding: 0px 4%;
	margin: auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
#product_slider2 .phrase_slider .phrase{
	text-align: center;
	padding: 30px 0px;
	font-family: "Roboto Condensed", sans-serif;
}
#product_slider2 .phrase_slider .comment{
	font-size: 38px;
	font-weight: 100;
	color: #fff;
	line-height: 1;
	margin-bottom: 10px;
}
#product_slider2 .phrase_slider .author{
	font-size: 15px;
	font-weight: 400;
	color: #fff;
}
#product_slider2 .prev_arrow{
	display: inline-block !important;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 5em;
	cursor: pointer;
	z-index: 1;
	color: #fff;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -20px;
}
#product_slider2 .next_arrow{
	display: inline-block !important;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
    font-size: 5em;
	cursor: pointer;
	z-index: 1;
	color: #fff;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -20px;
}
#product_slider2 .slick-dots{
	text-align: center;
	width: 100%;
	bottom: -32px;
	left: 0px;
}
#product_slider2 .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	text-align: center;
	opacity: 0.5;
	vertical-align: middle;
}
#product_slider2 .slick-dots li.slick-active{
	opacity: 1;
}
#product_slider2 .slick-dots li button{
	background-color: black;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	text-indent: -99999px;
	overflow: hidden;
	margin: 0px !important;
	display: block;
	padding: 0px;
	background-color: #fff;
}


section#product_video_0, section#product_video_1, section#product_video_2 {
	margin: 50px 0 0 0;
	height: 600px;
	background-color: #1d1d1d;
}
section#product_video_0 iframe, section#product_video_1 iframe, section#product_video_2 iframe{
	border: none;
	width: 100%;
	height: 100%;
}

#product_store_locator{
	padding: 100px 0px 50px;
}
#product_store_locator .row{
	width: 100%;
	max-width: none !important;
	padding-left: 60px;
	padding-right: 60px;
}
#product_store_locator #store-locator-sidebar .results_container,
#product_store_locator #store-locator-sidebar .form_group select,
#product_store_locator #store-locator-sidebar .form_group input[type="text"]{
	box-shadow: none;
	border: 1px solid #ccc;
}
#product_store_locator  #store-locator-sidebar .form {
	float: left;
	width: calc(100% - 340px);
}
#product_store_locator  #store-locator-sidebar .radio{
	float: right;
}
#product_store_locator .title {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100;
    font-size: 32px;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: center;
}
#product_store_locator .store-locator-map-wrapper:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	width: 100%;
	background-color: transparent;
	cursor: pointer;
	z-index: 1;
}
#product_store_locator #store-locator-sidebar .results_container_outer {
	width: calc(40% - 20px);
}
#product_store_locator #store-locator-sidebar .store-locator-map-wrapper {
	width: 60%;
}
#product_store_locator .store-locator-map-wrapper {
	margin-bottom: 0px;
}
#product_store_locator .store-locator-map-wrapper.remove_mask:before {
	display: none;
}
#product_store_locator #store-locator-sidebar {
	font-family: "Roboto Condensed", sans-serif;
	margin-bottom: 20px;
}
#product_store_locator #store-locator-sidebar .form_group.search {
	width: calc(100% - 220px);
	max-width: 360px;
}
#product_store_locator #store-locator-sidebar .results_container .results{
	padding: 20px;
}
#product_store_locator #store-locator-sidebar .form_group .select_trigger,
#product_store_locator #store-locator-sidebar .form_group button[type="submit"]{
	background: none;
	background-color: #cd202c;
}
#product_store_locator #store-locator-sidebar #store-locator-sidebar .results_container,
#product_store_locator #store-locator-sidebar #store-locator-sidebar .form_group select,
#product_store_locator #store-locator-sidebar #store-locator-sidebar .form_group input[type="text"] {
	box-shadow: none;
	border: 1px solid #eee;
}
#product_store_locator #store-locator-sidebar .radio li a{
	font-family: "Roboto Condensed";
	color: #000;
	font-weight: 500;
	text-decoration: none;
	font-size: 13px;
}
#product_related{
	padding-top: 100px;
	position: relative;
}
#product_related.product_related_3{
    padding-top: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#product_related > .title,
#content h2.title--outsection{
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 100;
	font-size: 32px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 0px;
    line-height: 1.2em;
}
.bgblack-template #product_related > .title,
.bgblack-template #content h2.title--outsection{
    color: #fff;
}
h2.title--outsection{
    margin: 80px auto 0 auto;
}
.home #product_related > .title,
.ficha-accesorio #product_related > .title{
    display: none;
}
#product_related .arrows{
    position: relative;
    /*height: 60px;*/
    height: auto;
    border-bottom: 2px solid #eee;
}
#product_related .prev_arrow{
	display: inline-block !important;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
	z-index: 1;
	color: #000;
	position: absolute;
	left: 50%;
	margin-left: -80px;
	top: -47px;
}
#product_related .next_arrow{
	display: inline-block !important;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 24px;
	cursor: pointer;
	z-index: 1;
	color: #000;
	position: absolute;
	left: 50%;
	margin-left: 40px;
    top: -47px;
}

#product_related .slick-dots{
	text-align: center;
	width: auto;
    min-width: 100%;
	top: -40px;
	left: 50%;
	height: 40px;
	transform: translateX(-50%);
}

#product_related .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
	text-align: center;
	opacity: 0.5;
	vertical-align: middle;
}
#product_related .slick-dots li.slick-active{
	opacity: 1;
}
#product_related .slick-dots li button{
	background-color: black;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	text-indent: -99999px;
	overflow: hidden;
	margin: 0px !important;
	display: block;
	padding: 0px;
	background-color: #000;
}

#product_related .slick-track{
    /*border-left: 1px solid #eeeeee;*/
    /*border-right: 1px solid #eeeeee;*/
}
#product_related .slick-track .product{
    /*border-left: 1px solid #eeeeee;*/
    /*border-right: 1px solid #eeeeee;*/
    border-bottom: 0;
}
#product_related .slick-slider{
    border-bottom: 2px solid #eeeeee;
}
/*productos relacionados tres itéms*/
.product_related_3.products .product .header .price_container .price,
.product_related_3.products .product .header .price_container .new_price{
    position: absolute;
    right: 0;
    top: 0;
    margin-bottom: 10px;
}
.product_related_3.products .product .header .title_container h3.title{
    margin-bottom: 5px;
}
.product_related_3.products .product .header .title_container .tags-block .tag{
    visibility: hidden;
    display: none;
}
.product_related_3.products .product .header .inner .text-left a{
    font-weight: 800;
    font-size: 1.3rem;
    line-height: 100%;
}
.product_related_3.products .product .header .inner .text-left a span{
    display: block;
    font-size: .95rem;
}
.product_related_3.products .product .header .adhoc{
    top: 100%;
}
.product_related_3.products .product .header .colours{
    top: 25px;
}
/*
#product_store_locator .store-locator-map-wrapper:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 575px 150px 0 0;
	border-color: #ffffff transparent transparent transparent;
	left: 0px;
}
*/
#guarantee{
    font-family: "Roboto Condensed", sans-serif;
}

#guarantee .title{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100;
    font-size: 32px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

/** PRODUCT SPECS **/
#product_specs {
    padding: 100px 4% 50px 4%;
    font-family: "Roboto Condensed", sans-serif;
}
#product_specs .title {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100;
    font-size: 32px;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: center;
}
#product_specs .subtitle{
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
	font-size: 22px;
	margin-bottom: 30px;
}
#product_specs .row {
    max-width: none;
    width: 100%;
}
#product_specs .table_list{
	margin-bottom: 50px;
}
#product_specs .table_list li {
    padding: 10px 0px;
	border-bottom: 1px solid #eee;
    overflow: hidden;
}
#product_specs .table_list li:first-child {
	border-bottom: 1px solid #eee;
}
#product_specs .table_list li span {
    font-weight: 300;
    font-size: 15px;
    float: right;
}
#product_specs .table_list li span:first-child {
    font-weight: 500;
    float: none;
}
#product_specs .download_links{
	padding: 0px;
}
#product_specs .download_links li{
	display: block;
	width: 33.33%;
	float: left;
	margin-bottom: 20px;
}
#product_specs .download_links li a{
	text-decoration: none;
	padding: 5px 0px;
	font-size: 13px;
	font-weight: 500;
}
#product_specs .download_links li a .fa{
	margin-right: 5px;
}
/** PRODUCT GEOMETRY **/
#product_geometry {
    padding: 100px 4%;
    font-family: "Roboto Condensed", sans-serif;
}
#product_geometry .title {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100;
    font-size: 32px;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: center;
}
#product_geometry .row {
    max-width: none;
    width: 100%;
}
#product_geometry .siluet{
	height: 351px;
    position: relative;
    border-bottom: 1px solid #eee;
}
#product_geometry .siluet img{
	max-height: 100%;
	max-width: 100%;
	/*position: relative;*/
	/*top: 50%;*/
	/*transform: translateY(-50%);*/
    position: absolute;
    bottom: 0;
}
#product_geometry .table{
	width: 100%;
}
.ficha-accesorio #product_geometry .table{
    overflow-x: auto;
}
#product_geometry .table thead{
	background-color: transparent !important;
}
#product_geometry .table tr {
	border-bottom: 1px solid #eee;
    background-color: transparent !important;
}

#product_geometry .table tr th,
#product_geometry .table tr td{
    padding: 10px 0px;
    font-size: 15px;
    font-weight: 300;
    background-color: transparent !important;
    font-family: "Roboto Condensed", sans-serif;
}
#product_geometry .table tr th{
	font-weight: bold;
}
/** Video Tutoriales **/
#product_video_tutoriales {
    /*padding: 100px 4% 0 4%;*/
    padding: 100px 0 0 0;
    font-family: "Roboto Condensed", sans-serif;
}
#product_video_tutoriales .title {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100;
    font-size: 32px;
    margin-bottom: 30px;
    text-transform: uppercase;
    text-align: center;
}
#product_video_tutoriales .row {
    max-width: none;
    width: 100%;
}
#product_video_tutoriales section{
    clear: both;
}
#product_bottom {
    height: 800px;
    background-color: orange;
}
.view.articulo{
    margin-top: -20px;
}
/** PRODUCT SECCIÓN GRID **/
.grid-section,
.grid-images{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 900px;
    height: 100vh;
    padding: 2px 0;
    margin: 0;
    overflow: hidden;
}
.bgblack-template .grid-section,
.bgblack-template .grid-images{
    background-color: #000;
    padding: 0;
}
.grid-section a,
.grid-section img,
.grid-images a,
.grid-images img{
    width: 100% !important;
    height: 100% !important;
    display: block;
}
.grid-section-left,
.grid-section-right,
.grid-images-left,
.grid-images-right{
    width: calc(50% - 2px);
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.grid-section-left_top,
.grid-section-left_bottom,
.grid-images-left_top,
.grid-images-left_bottom{
    width: 100%;
    clear: both;
    overflow: hidden;
}
.grid-section-left_top,
.grid-images-left_top{
    height: calc(70% - 6px);
    margin-bottom: 3px;
}
.grid-section-left_bottom,
.grid-images-left_bottom{
    height: 30%;
}
.grid-section-left_top .left,
.grid-section-left_top .right,
.grid-images-left_top .left,
.grid-images-left_top .right{
    width: calc(50% - 2px);
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.grid-section-left_top .left figure,
.grid-images-left_top .left figure{
    width: 100%;
    height: 100%;
}
.grid-section-left_top .right figure,
.grid-images-left_top .right figure{
    height: 50%;
    margin-bottom: 3px;
}
.grid-section-right .left,
.grid-section-right .right,
.grid-images-right .left,
.grid-images-right .right{
    width: calc(50% - 2px);
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}
.grid-section-right .left .top,
.grid-images-right .left .top{
    height: calc(35.2% - 6px);
    margin-bottom: 3px;
    overflow: hidden;
}
.grid-section-right .left .top figure,
.grid-images-right .left .top figure{
    height: 100%;
}
.grid-section-right .left .bottom,
.grid-images-right .left .bottom{
    height: calc(65% - 2px);
    position: relative;
    background-color: #000;
}
.grid-section-right .left .bottom blockquote,
.grid-images-right .left .bottom blockquote{
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.6rem;
    font-weight: 100;
    line-height: 140%;
    text-align: center;
    color: #fff;
}
.grid-section-right .right,
.grid-images-right .right{
    float: none;
}
.grid-section-right .right figure,
.grid-images-right .right figure{
    height: calc(100% - 3px);
}
.grid-section figure,
.grid-images figure{
    height: 100%;
    position: relative;
}
.grid-section figure a,
.grid-images figure a{
    cursor: default;
    pointer-events: none;
}
/*bloque del grid que sale únicamente en móvil*/
.grid-only-mobile{
    /*height: 120px;*/
    height: auto;
    /*max-height: 395px;*/
    visibility: hidden;
    display: none;
}
.grid-only-mobile figure{
    width: calc(50% - 2px);
    display: inline-block;
    vertical-align: middle;
}
/*media queries para sección grid*/
@media (max-width: 61.188em) {  /*hasta 979px*/
    .grid-section,
    .grid-images{
        height: auto;
        padding: 0;
        background-color: #000;
    }
    .grid-section figure img,
    .grid-images figure img{
        width: 100% !important;
        max-width: 100%;
        height: 100% !important;
        display: block;
    }
    .grid-section-left,
    .grid-section-right,
    .grid-section-right .left,
    .grid-section-right .right,
    .grid-images-left,
    .grid-images-right,
    .grid-images-right .left,
    .grid-images-right .right{
        width: 100%;
    }
    .grid-section-right .left .bottom blockquote,
    .grid-images-right .left .bottom blockquote{
        width: 98%;
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto;
        padding: 5% 0;
        font-size: 1.25rem;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .grid-section-left_top,
    .grid-images-left_top{
        margin-bottom: 0;
    }
    .grid-section a,
    .grid-section img,
    .grid-images a,
    .grid-images img{
        width: auto !important;
        max-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 47.938em){ /*hasta 767px*/
    .view.articulo section.grid-section,
    .view.articulo section.grid-images{
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .grid-section-left_top .left,
    .grid-section-left_top .right,
    .grid-images-left_top .left,
    .grid-images-left_top .right{
        width: 100%;
    }
    .grid-only-mobile{
        visibility: visible;
        display: block;
    }
    .grid-first-figure figure,
    .grid-last-figure figure{
        visibility: hidden;
        display: none;
    }
    .grid-section-right,
    .grid-images-right{
        margin-top: 4px;
    }
    .grid-section-left,
    .grid-images-right{
        margin-top: 0;
    }
    /*productos realacionados de 3 */
    .product_related_3.products .product .image{
        margin-top: 0;
    }
    .product_related_3.products .product .image .image_container img{
        height: auto;
    }
    .product_related_3.products .product .header .price_container .price,
    .product_related_3.products .product .header .price_container .new_price{
        font-size: 1.1rem;
    }

    .product_related_3.products .product .header .inner .text-left a{
        font-size: 1.3rem;
    }
    .product_related_3.products .product .header .inner .text-left a span{
        font-size: .95rem;
    }
    .product_related_3.products .product .header .adhoc{
        width: 60px;
        height: 60px;
    }

}
/*****************************************************************************/
/* CATEGORY HEADER 2016 - Cabecera con rastro de miga para los listados
/*****************************************************************************/
#category_header {
    /*background-color: #f9f9f9;*/
    padding: 20px 2%;
    position: relative;
    overflow: hidden;
}
#category_header.large {
    min-height: calc(100vh - 125px);
}
#category_header.w_image {
    background-color: #000;
}
#category_header.text_white * {
    color: #fff !important;
}
#category_header .bg {
    display: none;
}
#category_header.w_image .bg {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    color: #fff;
    opacity: 1;
    background-position: center;
    background-size: cover;
}
#category_header .migas {
    line-height: 1;
}
#category_header .migas .icon {
    width: 40px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
#category_header .migas .icon.iconmtb {
    background-image: url("../img/sprites/mtb-icon.png");
}
#category_header .migas .icon.iconroad {
    background-image: url("../img/sprites/road-icon.png");
}
#category_header .migas .icon.iconurban,
#category_header .migas .icon.iconmulti-use {
    background-image: url("../img/sprites/multi use-icon.png");
}
#category_header .migas .icon.iconebikes {
    background-image: url("../img/sprites/ebike-icon.png");
}
#category_header .migas .icon.iconkids {
    background-image: url("../img/sprites/kids-icon.png");
}
#category_header.text_white .migas .icon.iconmtb {
    background-image: url("../img/sprites/mtb-icon2.png");
}
#category_header.text_white .migas .icon.iconroad {
    background-image: url("../img/sprites/road-icon2.png");
}
#category_header.text_white .migas .icon.iconurban,
#category_header.text_white .migas .icon.iconmulti-use {
    background-image: url("../img/sprites/multi use-icon2.png");
}
#category_header.text_white .migas .icon.iconebikes {
    background-image: url("../img/sprites/ebike-icon2.png");
}
#category_header.text_white .migas .icon.iconkids {
    background-image: url("../img/sprites/kids-icon2.png");
}
#category_header .migas a {
    line-height: 30px;
    line-height: 1;
    vertical-align: middle;
    color: #999998;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
#category_header .migas a:hover {
    text-decoration: underline;
}
#category_header .migas a:after {
    content: "/";
    margin-right: 5px;
    margin-left: 5px;
    display: inline-block;
}
#category_header .migas a:last-child:after {
    content: "";
}
#category_header .migas span {
    line-height: 30px;
    vertical-align: middle;
    color: #999998;
    line-height: 1;
    margin-right: 5px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
#category_header .title {
    font-size: 60px;
    color: #111;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
    line-height: 1;
}
#category_header .subtitle {
    font-size: 18px;
    color: #111;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    line-height: 1;
}
#category_header .description {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 13px;
    font-weight: 100;
    color: #111;
    text-align: right;
    position: relative;
    margin-bottom: 20px;
}
#category_header .read_more {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 13px;
    text-decoration: underline;
    font-weight: 100;
    color: #111;
    display: inline-block;
}
#category_header .childs ul {
    width: 100%;
}
#category_header .childs ul li {
    display: block;
    text-align: right;
    margin: 0 16px 10px 16px;
    color: #111;
    float: left;
    min-width: calc(33% - 32px);
    /*float: left;
    width: calc(33.33% - 32px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}
.b2b #category_header .childs ul li{
    width: calc(33.3333% - 13px);
    min-width: 20px;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
    text-align: right;
}
#category_header .childs ul li a {
    color: #111;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    font-size: 15px;
}
#category_header .childs ul li.oculto {
    color: #9A9A99;
}
#category_header .childs ul li.oculto a,
#category_header .childs ul li.oculto span {
    /*color: #9A9A99;*/
    color: black;
    font-weight: bold;
}
#category_header .childs ul li:not(.oculto) a,
#category_header .childs ul li:not(.oculto) span {
    color:#cd202c;
    font-weight: bold;
}

/* Bullets menu de categorias*/
/*#category_header .childs ul li a:after {
    content: "";
    width: 8px;
    height: 4px;
    display: inline-block;
    background-color: #CD202C;
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg);
    position: absolute;
    vertical-align: middle;
    right: 0px;
    top: 50%;
    margin-top: -2px;
    -webkit-transition: 300ms;
    transition: 300ms;
}*/
#category_header .childs ul li a:hover {
    color: #CD202C;
}
/*
#category_header .childs ul li a:hover:after {
    width: 100%;
}*/



/*****************************************************************************/
/* PRODUCT LISTS 2016 - Cabecera con rastro de miga para los listados
/*****************************************************************************/
.products {
	/*background-color: #fff;
    background-color: transparent;*/
}
/*
.products .product {
    position: relative;
    width: 50%;
    height: auto;
    border-left: 2px solid #eeeeee;
    border-bottom: 2px solid #eeeeee;
    float: left;
    overflow: hidden;
    -webkit-transition: 300ms;
    transition: 300ms;
    background-color: #fff;
}
*/
.b2b .products .product{
    border:inherit;
}
/*
.products .product.w_image .inner{
    padding-bottom: 73.30%;
    background-color: #000;
}
.products .product.w_image a .inner{
    background-color: transparent;
}
.products .product.w_image .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-position: center;
    background-size: cover;
    -webkit-transition: 300ms;
    transition: 300ms;
}
.products .product.w_image .inner:hover .bg {
    opacity: 0.5;
}
.products .product.w_image a .inner:hover .bg {
    opacity: 1;
}
.products .product.w_image .text_container {
    padding: 4% 12%;
    width: 100%;
    position: absolute;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    text-align: center;
    opacity: 0;
    -webkit-transition: 300ms;
    transition: 300ms;
    z-index: 2;
}

.products .product.w_image a .text_container{
    opacity: 1;
}
.products .product.w_image .text_container .enlace{
    width: auto;
    display: inline-block;
    padding: 8px 16px;
    margin-top: .5rem;
    text-transform: capitalize;
    background-color: transparent;
    border: 1px solid #cd202c;
    border-radius: 2px;
    color: #fff;
    position: relative;
    z-index: 2;
}
.products .product.w_image .text_container .enlace span{
    position: relative;
    z-index: 2;
    display: block;
    padding: 0;
}
.products .product.w_image .text_container .enlace:hover::after{
    width: 100%;
    left: 0;
    z-index: 1;
    position: absolute;
}
.products .product.w_image .text_container .enlace::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    z-index: 1;
    height: 100%;
    background-color: #cd202c;
    border-radius: 2px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border-top: 1px solid #cd202c;
    border-right: 1px solid #cd202c;
    border-bottom: 1px solid #cd202c;
}
.products .product.w_image:hover .text_container {
    opacity: 1;
}
.products .product.w_image .text_container .title {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 10px;
    color: #fff;
}
.products .product.w_image .text_container .title a{
    width: auto;
    display: inline-block;
    padding: 2% 4%;
    color: #fff;
    background-color: rgba(0, 0, 0, .9);
}
.products .product.w_image .text_container .title a::after{
    background-color: transparent;
}
.products .product.w_image .text_container .description {
    font-family: "Roboto Condensed", sans-serif;
    font-size: .95rem;
    font-weight: 100;
    color: #fff;
}
.products .product.w_image .text_container .description * {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100;
    color: #fff;
}
.products .product.w_image .text_container .description p {
    margin-bottom: 10px;
}
*/
.products .product .header {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    z-index: 2;
}
.products .product .header .header-inner {
    margin: 4% 6%;
    position: relative;
}
/*.ficha-accesorio .products .product .header .header-inner{
    padding: 0 6%;
}*/
.products .product .header .inner {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 300ms;
    transition: 300ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
.products .product.w_image .bg:hover{
    /*background-color: rgba(0, 0, 0, .5);*/
}
/*
.products .product.w_image a{
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}
.products .product.w_image a::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
}
*/
@media all and (min-width: 768px){
	/*.products .product:hover .header .inner {
	    -webkit-transition-delay: 0ms;
	    transition-delay: 0ms;
	    opacity: 0;
	    visibility: hidden;
	}*/
    .products .product:hover .title_container,
    .products .product:hover .price,
    .products .product:hover .old_price,
    .products .product:hover .new_price{
        -webkit-transition-delay: 0ms;
        transition-delay: 0ms;
        opacity: 0;
        visibility: hidden;
    }
}
.products .product .header .adhoc,
#category_header .container .adhoc {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 80px;
    height: 80px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.products .product .header .adhoc.logo-blackfriday{ /*sólo black friday*/
    height: auto;
}
.products .product .header .specs {
   position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    width: calc(100% - 41px);
    height: auto;
    z-index: 1;
    -webkit-transition: 300ms;
    transition: 300ms;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
    font-size: 12px;
    line-height: 18px;
}
@media all and (min-width: 768px){
	.products .product:hover .specs {
	    -webkit-transition-delay: 200ms;
	    transition-delay: 200ms;
	    top: 5px;
	    opacity: 1;
	    visibility: visible;
	}
}
.products .product .header .specs .spec {
    width: 33%;
    float:left;
}
.products .product .header .specs .spec:nth-child(1) {
    text-align: left;
    padding-right: 2px;
}
.products .product .header .specs .spec:nth-child(2) {
    text-align: center;
    padding: 0px 2px;
}
.products .product .header .specs .spec:nth-child(3) {
    text-align: right;
    padding-left: 2px;
}
.products .product .header .tags {
    position: absolute;
    right: 31px;
    top: 0px;
}
.products .product .header .tags .tag {
    display: inline-block;
    border: 1px solid #bebebe;
    margin-bottom: 5px;
    line-height: 24px;
    font-size: 12px;
    padding: 0px 10px;
    text-transform: uppercase;
    font-style: italic;
    border-radius: 3px;
    color: #bebebe;
}
/*.products .product .header .tags .tag::before{
    content:url(/web/custombikes/img/logo-mybh-unique-extrasmall.png);
}*/
.products .product .header .tags .unique-personalizar--img,
.unique-personalizar--logo{
    display: inline-block;
    position: relative;
    top: 2px;
    vertical-align: middle;
}
.unique-personalizar--logo{
    top: 0;
}
@media (max-width: 31.250em){ /*hasta 500px para el personalizar logo*/
    .unique-personalizar--logo{
        width: 40%;
    }
    #product_resume .actions_container .customize_btn{
        font-size: 10px;
    }
}
.products .product .header .tags .tag.offer {
    background-color: #CD202C;
    border-color: #CD202C;
    color: #fff;
}
/*promo black friday*/
.products .product .header .tags .tag.offer-black{
    background-color: #000;
    border-color: #000;
}
.products .product .header .colours {
    position: absolute;
    right: 0;
    top: 0;
}
.products .product .header .colours .colour {
   width: 26px;
    height: 26px;
    border-radius: 3px;
    padding: 3px;
    margin-right: 4px;
    border: 1px solid #bebebe;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: center;
}
.products .product .header .colours .colour span{
    min-width: 50px;
    margin-left: -7px;
    margin-right: 7px;
    padding: 8px;
    background-color: #fff;
    border: 1px solid #bebebe;
    border-radius: 3px;
}
.products .product .header .colours .colour_last-child{
    margin-right: 0;
}
.products .product .header .colours .colour img {
    width: 100%;
    height: 100%;
    display: block
}
.products .product .image {
    width: 100%;
    height: auto;
    margin-top: 20%;
    margin-bottom: 2%;
}
/*
.products .product .image .image_container {
	display: block;
	text-align: center;
	opacity: 1;
	position: relative;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transition: 300ms;
	transition: 300ms;
	-webkit-transition-delay: 0ms;
	transition-delay: 0ms;
}


.products .product:hover .image .image_container{
    -webkit-transform: scale(0.98);
    -moz-transform: scale(0.98);
    -ms-transform: scale(0.98);
    -o-transform: scale(0.98);
    transform: scale(0.98);
}
*/
@media all and (min-width: 768px){
	.products .product:hover .image:after {
		opacity: 0;
	}
}

@media (max-width: 767px){
    .products .product.product-accesorio .header .specs{
    width: 100%;
    /*position: relative;*/
}
    .products .product.product-accesorio .image{
        margin-top: 0;
    }
}
.products .product .footer {
    width: 96%;
    max-width: 600px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 2;
}
.products .product .footer .title_container {
    width: 60%;
    float: left;
    min-height: 44px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 300ms;
    transition: 300ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
@media all and (min-width: 768px){
	.products .product:hover .footer .title_container {
	    -webkit-transition-delay: 0ms;
	    transition-delay: 0ms;
	    opacity: 0;
	    visibility: hidden;
	}
}
.products .product .footer .title_container .title,
#pagina .products .product .footer .title_container h3.title{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
}
.products .product .footer .title_container .title span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    display: block;
    line-height: 22px;
}
.products .product .footer .title_container .title span span {
    display: inline-block;
}
.products .product .footer .price_container {
    width: 40%;
    float: left;
    line-height: 22px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 300ms;
    transition: 300ms;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}
@media all and (min-width: 768px){
	.products .product:hover .footer .price_container {
	    -webkit-transition-delay: 0ms;
	    transition-delay: 0ms;
	    opacity: 0;
	    visibility: hidden;
	}
}
.products .product .footer .price_container .price {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100;
    color: #111;
    font-size: 18px;
    line-height: 22px;
    margin: 11px 0px;
}
.products .product .footer .price_container .old_price {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100;
    color: #111;
    line-height: 22px;
    text-decoration: line-through;
    font-size: 12px;
}
.products .product .footer .price_container .new_price {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 100;
    line-height: 22px;
    color: #CD202C;
    font-size: 18px;
}
.products .product .footer .actions {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: auto;
    /*padding: 4% 6%;*/
    -webkit-transition: 300ms;
    transition: 300ms;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
}
/*cuando son 3 bloques en ficha de bici*/
.product_related_3.products .product .footer .actions{
    background-color: transparent;
}
.product_related_3.products .product .footer .actions .btn{
    width: 80%;
    max-width: 280px;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0, 0, 0, .7);
    border: 0;
}
.product_related_3.products .product .footer .actions .btn.add_to_comparison{
    margin-right: auto;
    margin-top: 5px;
    background-color: rgba(0, 0, 0, .7);
}
@media all and (min-width: 768px){
	.products .product:hover .footer .actions {
	    -webkit-transition-delay: 200ms;
	    transition-delay: 200ms;
	    bottom: 10px;
	    opacity: 1;
	    visibility: visible;
	}
}
.products .product .footer .actions .btn {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    padding: 10px 5px;
    border-radius: 0px;
    display: inline-block;
    line-height: 20px;
    text-transform: uppercase;
    background-color: #CD202C;
    border: 1px solid #CD202C;
    width: calc(50% - 5px);
    font-size: 13px;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    float: right;
    cursor: pointer;
    position: relative;
}
.products.listadoProductos .product .footer .actions .btn{
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.products .product .footer .actions .btn .fa {
    margin-right: 5px;
    font-size: 16px;
}
.products .product .footer .actions .btn.add_to_comparison {
    margin-right: 10px;
    background-color: #fff;
    color: #aaa;
    border: 1px solid #aaa;
}
.products .product .footer .actions .btn:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: 300ms;
    transition: 300ms;
}
.products .product .footer .actions .btn:hover:before {
    width: 100%;
}
.products .product .footer .actions .btn span {
    position: relative;
    z-index: 1;
    color: #fff;
    -webkit-transition: 300ms;
    transition: 300ms;
}
.products .product .footer .actions .btn:hover span {
    color: #CD202C;
}
.products .product .footer .actions .btn.add_to_comparison span {
    position: relative;
    z-index: 1;
    color: #aaa;
    -webkit-transition: 300ms;
    transition: 300ms;
}
.products .product .footer .actions .btn.add_to_comparison:hover span {
    color: #fff;
}
.products .product .footer .actions .btn.add_to_comparison:before {
    background-color: #aaa;
}

/* Accesorios */

#category_header .title-accesorios {
    margin-top: 5px;
    font-size: 36px;
}

/*.products .product.product-accesorio .header .colours .colour{
    font-size:12px;
    text-align: center;
    width: auto;
    min-width: 50px;
    height: auto;
}*/
.products .product.product-accesorio .header .colours .colour img{
    max-height: 20px;
}

/* Bici */

#articulos-ls.articulos-ls-new .articulos > .articulo .inner .detalle {
    position: relative;
}
#articulos-ls.articulos-ls-new .articulos > .articulo .inner .detalle .nombre span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
#articulos-ls.articulos-ls-new .articulos > .articulo .inner .detalle .precio-original {
    color: #969696;
    text-decoration: line-through;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
#articulos-ls.articulos-ls-new .articulos > .articulo .over .detalle .precio-original {
    float: none;
    width: auto;
}
#articulos-ls.articulos-ls-new .articulos > .articulo .inner .detalle .precio {
    float: none;
    width: auto;
}
#articulos-ls.articulos-ls-new .articulos > .articulo .inner .detalle .banner-oferta {
    background: rgba(0, 0, 0, 0) url("../img/oferta-back.png") no-repeat scroll 0 0;
    color: #fff;
    line-height: 22px;
    position: absolute;
    right: 10px;
    text-align: center;
    text-transform: uppercase;
    top: 32px;
    width: 95px;
}
#articulos-ls.articulos-ls-new .articulos > .articulo .inner .detalle .logo-adhoc {
    position: absolute;
    right: 0px;
    top: -140px;
    width: 34px;
    height: 140px;
    line-height: 38px;
    background-image: url("../img/oferta-landing2-1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
#articulos-ls.articulos-ls-new .articulos > .articulo .inner .detalle .logo-advanced-season {
    position: absolute;
    right: 0;
    bottom: -18px;
    width: 70px;
    height: 70px;
    line-height: 38px;
    background-image: url("../img/advanced_season.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
#articulos-ls.articulos-ls-new .articulos > .articulo .inner .detalle .logo-movea {
    background-image: url("../img/movea.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #fff;
    height: 17px;
    position: absolute;
    right: 8px;
    text-align: center;
    text-transform: uppercase;
    top: 4px;
    width: 70px;
}
#articulos-ls.articulos-ls-new .products > .product .inner .logo-bici-anno {
    background-image: url("../img/logo_bici_anno.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    top: -8px;
    color: #fff;
    height: 83px;
    line-height: 38px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 83px;
}
#articulos-ls.articulos-ls-new .products > .product .inner .logo-bf {
    background-image: url("../img/logo_bf.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    top: -8px;
    color: #fff;
    height: 83px;
    line-height: 38px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 83px;
}
#articulos-ls.articulos-ls-new .products > .product .inner .logo-black {
    background-image: url("../img/logo_bf_2016.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    top: -8px;
    color: #fff;
    height: 83px;
    line-height: 38px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 83px;
}
#articulos-ls.articulos-ls-new .products > .product .inner .logo-MID {
    background-image: url("../img/mid.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    top: -8px;
    color: #fff;
    height: 83px;
    line-height: 38px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 83px;
}
#articulos-ls.articulos-ls-new .products > .product .inner .logo-francia {
    background-image: url("../img/francia.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    top: -8px;
    color: #fff;
    height: 83px;
    line-height: 38px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 83px;
}
#articulos-ls.articulos-ls-new .products > .product .inner .logo-* {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    top: -8px;
    color: #fff;
    height: 83px;
    line-height: 38px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 83px;
}
#articulos-ls .articulos > .articulo {
    /*width: 240px;*/
    margin-right: 4px;
    width: 33.333%;
    max-width: 264px;
}
#articulos-ls.articulos-ls-new .articulos > .articulo .inner {
    width: 100%;
}
#articulos-ls.articulos-ls-new .articulos > .articulo > .inner {
    border: 2px solid #fff;
}
#articulos-ls.articulos-ls-new .articulos > .articulo .over {
    box-shadow: 0;
    padding-top: 0px;
    background-color: #fff;
    border: 2px solid #fff;
    margin-top: 0px;
}
#articulos-ls .articulos > .articulo .over .especificaciones {
    margin-left: 4px;
}
#articulos-ls.articulos-ls-new .articulos > .articulo:hover .over {
    padding-top: 20px;
    border: 2px solid #000;
    margin-top: -20px;
}
#articulos-ls.articulos-ls-new .articulos > .articulo .over .add_to_comparison {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 120px;
    height: 30px;
    font-size: 18px;
    z-index: 1;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: 300ms;
    transition: 300ms;
    display: none;
    text-align: right;
}
#articulos-ls.articulos-ls-new .articulos > .articulo:hover .over .add_to_comparison {
    display: block;
}
#articulos-ls.articulos-ls-new .articulos > .articulo .over .add_to_comparison:hover {
    width: 120px;
    color: #cc1f2b;
}
#articulos-ls.articulos-ls-new .articulos > .articulo .over .add_to_comparison span {
    left: 0%;
    position: absolute;
    padding-right: 35px;
    text-align: right;
    line-height: 30px;
    width: 100%;
    text-shadow: 0px 0px 5px #fff;
    -webkit-transition: 300ms;
    transition: 300ms;
}
#articulos-ls.articulos-ls-new .articulos > .articulo .over .add_to_comparison:hover span {
    left: 0%;
    color: #cc1f2b;
}
#articulos-ls.articulos-ls-new .articulos > .articulo .over .add_to_comparison i {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    background-color: #fff;
}
/************************************************************/
/* Modificaciones/añadidos sobre style.css (nuevo diseño) */
/************************************************************/
/* General */

select {
    height: 27px;
    font-family: Roboto Condensed;
    font-size: 14px;
    padding: 3px 5px;
    background-color: white;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
    background-position: 100% center;
    background-repeat: no-repeat;
}
/* Cabecera */

#logo img {
    width: 70px;
    max-width: none;
}
#header #minimenu > div#popup-cart a.buybutton {
    display: block;
}
.prefooter {
    min-height: 9px;
}
#producttitle,
#mycart {
    margin-top: 0;
}
#header #minimenu > div#popup-register {
    width: 330px;
}
#header #menu > ul > li > a.dosLineas {
    position: relative;
}
#header #menu > ul > li > a.dosLineas > span {
    position: absolute;
    top: 20px;
    left: 0;
    color: #878786;
    -webkit-transition: color 0.5s ease 0s;
    transition: color 0.5s ease 0s;
}
#header #menu > ul > li > a.dosLineas:hover > span {
    color: #cc1f2b;
}
#header #menu > ul > li > a.otros-menus {} #header #menu > ul > li > ul.otros-menus {
    width: 260px;
    left: 439px;
}
#header #menu > ul > li > a.otros-ofertas,
#header #menu > ul > li > a.otros-ofertas2 {
    width: 75px;
    /*margin-top: -18px;*/
    display: block;
}
#header #menu > ul > li > ul.otros-ofertas {
    width: 260px;
    left: 374px;
}
#header #menu > ul > li > ul.otros-ofertas2 {
    width: 260px;
    left: 520px;
}
#header #menu > ul > li > ul > li.categories > ul > li > a {
    font-size: 35px;
    line-height: 50px;
}
#header #menu > ul > li > ul > li.categories > ul > li.primero {
    margin-bottom: 3px;
}
#header #menu > ul > li > ul > li.categories > ul > li.primero > a {
    font-weight: 700;
    font-size: 31px;
    color: #808080;
    line-height: 1.2em;
}
#header #menu > ul > li.active > ul {
    height: 423px;
}
#header #menu > ul > li.active > ul.otros-ofertas,
#header #menu > ul > li.active > ul.otros-ofertas2 {
    height: 270px;
}
#header #menu > ul > li > ul > li {
    height: 423px;
}
#header #menu > ul > li > ul > li.banner {
    width: 540px;
    position: relative;
}
#header #menu > ul > li > ul > li.banner img {
    position: absolute;
    left: 0;
    -webkit-transition: opacity 1s ease 0s;
    transition: opacity 1s ease 0s;
}
#header #menu > ul > li > ul > li.banner img.transparent {
    opacity: 0;
}
#header #menu > ul > li > ul > li.listproducts {
    width: 200px;
}
#header #menu > ul > li > ul > li.listproducts > ul {
    margin-top: 0;
}
#header #menu > ul > li > ul > li.listproducts > ul > li > a {
    border: 1px solid #1d1d1d;
    display: block;
    padding: 3px 5px;
    margin-right: 10px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
#header #menu > ul > li > ul > li.listproducts > ul > li > a:hover {
    background: #1d1d1d;
    color: #fff;
}
#header #menu > ul > li > ul > li.listproducts > ul > li.diseno2 > a {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    height: 27px;
    background: #BFBFBF
    /*url("../img/bgs/trama.png")*/

    ;
    padding: 0;
    border: 0;
    text-transform: uppercase;
    -webkit-transition: color 0.5s ease 0s;
    transition: color 0.5s ease 0s;
}
#header #menu > ul > li > ul > li.listproducts > ul > li.diseno2 > a span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    float: none;
    background: transparent url("../img/num-resultados-back2.png") no-repeat top right;
    margin: 0;
    display: inline-block;
    padding: 0 25px 0 15px;
    vertical-align: top;
    -webkit-transition: color 0.5s ease 0s;
    transition: color 0.5s ease 0s;
}
#header #menu > ul > li > ul > li.listproducts > ul > li.diseno2 > a:hover {
    color: #cc1f2b;
}
#header #menu > ul > li > ul > li.listproducts > ul > li.diseno2 > a:hover span {
    color: #cc1f2b;
}
#header #menu > ul > li > ul > li.categories > p,
#header #menu > ul > li > ul > li.listproducts > p {
    font-size: 32px;
}
#header #minimenu {
    padding-right: 8px !important;
}
#header #minimenu > div#phone {
    /*margin-left:28px;*/
}
#header #minimenu > div#popup-phone span {
    right: 99px;
}
#header #minimenu > div#popup-phone {
    height: auto;
    width: 335px;
    font-weight: normal;
    font-size: 15px;
}
#header #minimenu > div#register {
    margin-left: 0;
    margin-right: 0;
    width: 145px;
    padding-right: 18px;
    height: 1.1em;
    overflow: hidden;
    position: relative;
}
.main-section #minimenu.large-4 {
    width: 29%;
}
.main-section #menu.large-7 {
    width: 62%;
}
#header #minimenu > div#register .fa {
    position: absolute;
    top: 0;
    right: 0;
}
#header #minimenu > div#popup-search {
    width: 335px;
}
#header #minimenu > div#popup-search span {
    right: 64px;
}
#header #minimenu > div#popup-cart span {
    right: 30px;
}
#header #minimenu > div#popup-cart ul li.allitems {
    padding: 10px 0;
    text-align: center;
}
#header #minimenu > div#popup-cart ul li.allitems a {
    text-decoration: none;
    font-weight: normal;
}
#header #minimenu > div#popup-cart ul li p.title {
    padding-right: 60px;
}
/* Footer */

#footer2 {
    bottom: -239px;
}
#footer2 a.viewfooter {
    line-height: 20px;
}
#footer2 h3 a {
    color: #cc1f2b;
    font-weight: bold;
}
/* Home */

#home {
    margin: 0;
}
#home-slider h2 {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 30px;
    text-transform: none;
    margin-bottom: 0;
}
/*ocultamos slider de móvil*/
#home-slider-portada_movil{
    visibility: hidden;
    display: none !important;
}
.home .wrapper-text{
    padding-top: 1%;
}
/*víde en home slider*/
.home-slider .videoContainer{
    width: 100%;
    height: 100%;
    display: block;
    padding: 0;
}
.home-slider .videoContainer iframe.home_video{
    width: 100%;
    height: calc(100vh - 110px);
    padding: 0;
}
.content-homevideo{
    padding: 0;
}
.home-slider ul.control li.next-slide{
    display: none;
}
#home .generic-v1 .generic-title,
#home .generic-v2 .generic-title{
    line-height: 100%;
}
/* Ficha */

span.icon.iconroad {
    background: transparent url('../img/sprites/road-icon.png') no-repeat center center;
    width: 43px;
    height: 31px;
    vertical-align: text-bottom;
}
span.icon.iconmtb {
    background: transparent url('../img/sprites/mtb-icon.png') no-repeat center center;
    width: 43px;
    height: 31px;
    vertical-align: text-bottom;
}
span.icon.iconebike,
span.icon.iconebikes {
    background: transparent url('../img/sprites/ebike-icon.png') no-repeat center center;
    width: 43px;
    height: 31px;
    vertical-align: text-bottom;
}
span.icon.iconurban,
span.icon.iconmulti-use {
    background: transparent url('../img/sprites/multi use-icon.png') no-repeat center center;
    width: 43px;
    height: 31px;
    vertical-align: text-bottom;
}
span.icon.iconkids {
    background: transparent url('../img/sprites/kids-icon.png') no-repeat center center;
    width: 43px;
    height: 31px;
    vertical-align: text-bottom;
}
#producttitle .title div.breadcrumb a {
    text-decoration: none;
}
#producttitle .title {
    margin-top: 0;
}
#producttitle .title h1 span {
    font-size: 74%;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
#producttitle .featured {
    margin-left: 40px;
}
#producttitle #selectcolor {
    float: right;
    padding-right: 20px;
}
#producttitle .row .title .social {
    float: left;
    line-height: 35px;
    padding-left: 20px;
    list-style-type: none;
}
#producttitle #selectcolor a {
    margin-left: 10px;
}
#producttitle #selectcolor a img {
    vertical-align: middle;
}
.featured span {
    color: #fff;
}
#productdescription.withimage {
    min-height: 1550px;
    padding: 0;
}
#productdescription .telon2 {
    background: transparent url("../img/bgs/productdescription2.png") repeat-x scroll center bottom;
    padding: 25px 0 450px;
}
#productdescription .columns3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 23px;
    -moz-column-gap: 23px;
    column-gap: 23px;
}
#productdescription p,
#productdescription img {
    margin-bottom: 15px;
}
#productdescription h4 {
    color: #000000;
    font-size: 22px;
    line-height: 1em;
}
#productdescription h5 {
    color: #6A6969;
    font-size: 18px;
    padding: 0 0 10px 0;
    font-weight: bold;
    line-height: 1em;
}
#geometry .siluet {
    background: transparent url("../img/bgs/siluet.png") no-repeat scroll right bottom / cover;
    height: 334px;
}
#specs ul li span {
    vertical-align: top;
    width: 104px;
}
#specs ul li span:last-child {
    color: #575756;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    width: calc(100% - 108px);
}
#specs ul li span.tick {
    background: url('../img/sprites/checked2.png') no-repeat;
    width: 15px;
    height: 15px;
}
#specs .maxibutton {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 278px;
    background-position: 264px -497px;
    color: #ffffff;
    text-decoration: none;
}
#technology .square div p {
    width: 155px;
}
#guarantee p,
#guarantee p span {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
#guarantee p:last-child {
    text-align: left !important;
}
#guarantee p:last-child a {
    font-size: 17px;
    line-height: 17px;
    font-weight: 700;
    color: #ffffff;
    background: #6a6969 url("../img/bgs/icons.png") no-repeat 415px -501px;
    padding: 5px 30px 4px 30px;
    margin-top: 15px;
    display: inline-block !important;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    text-transform: uppercase;
    text-decoration: none;
}
#guarantee p:last-child a:hover {
    color: #cc1f2b;
}
#buy p.price span {
    font-size: 33px;
    line-height: 33px;
    font-weight: 700;
    color: #cc1f2b;
    margin: 0;
}
#buy p.price span.descuento {
    font-size: 25px;
    font-weight: 400;
}
#buy .logo-movea {
    background-image: url("../img/movea.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    top: 0px;
    color: #ffffff;
    padding: 3px 0px;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 0px;
}
#buy .logo-adhoc {
    background-image: url("../img/advanced_season.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    top: 0px;
    color: #ffffff;
    padding: 3px 0px;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 0px;
}
#buy #pricezone .logo-bici-anno {
    background-image: url("../img/logo_bici_anno.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    top: 0px;
    color: #ffffff;
    padding: 3px 0px;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 0px;
}
#buy #pricezone .logo-advanced-season {
    background-image: url("../img/advanced_season.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    top: 0px;
    color: #ffffff;
    padding: 3px 0px;
    width: 100px;
    height: 100px;
    position: absolute;
    right: 0px;
}
#producttitle .title .logo-bici-anno {
    background-image: url("../img/logo_bici_anno.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #ffffff;
    float: right !important;
    height: 100px;
    margin-right: 108px;
    margin-top: -28px;
    padding: 3px 0;
    width: 100px;
}
.fichaEquipamiento #buy .logo-adhoc {
    background-image: url("../img/advanced_season.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    top: 0;
    color: #ffffff;
    height: 100px;
    padding: 3px 0;
    position: absolute;
    right: 0;
    width: 100px;
}
#buy .featured-adhoc {
    position: absolute;
    right: 15px;
    bottom: 15px;
}
#buy .featured-adhoc .fondo {
    background: #857F75;
    color: #fff;
    font-size: 12px;
    line-height: 1.4;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}
#buy .featured-adhoc .texto {
    font-size: 17px;
    line-height: 17px;
    font-weight: 300;
    color: #ffffff;
    padding: 3px 5px;
    text-align: center;
    text-transform: uppercase;
    z-index: 3;
    position: relative;
}
#buy #sizes b {
    padding: 8px 0;
}
#buy #colors {
    z-index: 100;
}
#buy #colors > span > span {
    height: auto;
    bottom: auto;
    top: 37px;
}
#buy #colors > span > span b,
#buy #formatos > span > span b,
#buy #sizes > span > span b {
    display: block;
    font-size: 12px;
    padding: 2px;
    color: #fff;
    background: #7AB929;
    text-align: center;
}
#buy #colors > span:hover > span {
    opacity: 0;
}
#buy #colors > span img {
    display: block;
    border: 1px transparent;
}
#buy #colors > span.active img {
    border: 1px solid #cc1f2b;
}
#buy #colors .color,
#buy #sizes .talla {
    display: block;
    float: left;
    height: 50px;
    text-align: center;
    width: 18.5%;
}
#buy #colors .color .nombre,
#buy #sizes .talla .nombre {
    display: block;
    font-size: 19px;
    line-height: 1em;
    margin: 7px 0 5px;
}
#buy #colors .color .texto,
#buy #sizes .talla .texto {
    color: #878786;
    display: block;
    font-size: 13px;
    line-height: 1em;
}
/*#buy #formatos > span > span{
    //position: absolute;
    left: 0;
    top: -10px;
    width: 69px;
    height: 22px;
    opacity: 0;
}
#buy #sizes > span {
    position: relative;
}
#buy #sizes > span > span{
    //position: absolute;
    left: -19px;
    width: 69px;
    height: auto;
    bottom: auto;
    top: 33px;
    //opacity: 0;
}*/

#buy #formatos > span > span.availabl,
#buy #sizes > span > span.available {
    background: transparent url('../img/bgs/icons.png') -5px -628px no-repeat;
}
#buy #formatos > span > span.notavailable,
#buy #sizes > span > span.notavailable {
    background: transparent url('../img/bgs/icons.png') -5px -581px no-repeat;
}
#buy #colors > span > span.runout,
#buy #formatos > span > span.runout,
#buy #sizes > span > span.runout {
    background: transparent url('../img/bgs/runout3.png') no-repeat;
}
#buy #formatos > span > span.runout2,
#buy #sizes > span > span.runout2 {
    background: transparent url('../img/bgs/runout2.png') no-repeat;
}
#buy #colors > span > span.available,
#buy #colors > span > span.notavailable,
#buy #colors > span > span.runout,
#buy #colors > span > span.runout2,
#buy #formatos > span > span.available,
#buy #formatos > span > span.notavailable,
#buy #formatos > span > span.runout,
#buy #formatos > span > span.runout2,
#buy #sizes > span > span.available,
#buy #sizes > span > span.notavailable,
#buy #sizes > span > span.runout,
#buy #sizes > span > span.runout2 {
    opacity: 1;
}
#buy #colors > span > span.notavailable b,
#buy #formatos > span > span.notavailable b,
#buy #sizes > span > span.notavailable b {
    background: #CD202C;
}
#buy #colors > span > span.runout b,
#buy #formatos > span > span.runout b,
#buy #sizes > span > span.runout b {
    background: #FF6A00;
}
#buy #colors > span > span.runout2 b,
#buy #formatos > span > span.runout2 b,
#buy #sizes > span > span.runout2 b {
    background: #0026FF;
}
.fichaEquipamiento #buy .buybutton {
    background-position: -100px -654px;
    width: 65%;
}
#buy .buybutton {
    background-position: -36px -654px;
    margin-bottom: 10px;
    width: 270px;
    font-size: 16px;
    margin: 0px;
    margin-bottom: 10px;
    float: left;
    margin-right: 10px;
}
#buy .comparison {
    float: left;
    width: 114px;
    background-color: #666666;
    color: #fff;
    padding: 10px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}
#buy .customize_btn {
    padding: 15px 10px;
    display: block;
    line-height: 20px;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background: rgba(87, 87, 86, 0.2) url('../img/bgs/trama.png') top left repeat;
    margin-bottom: 10px;
}
#buy .customize_btn .icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url("../img/customize_icon.png");
    background-size: contain;
    background-position: center;
    vertical-align: middle;
}
#buy .customize_btn img {
    float: right;
    height: 14px;
    width: auto;
    margin: 3px 0px;
    vertical-align: middle;
}
.comparison.add_to_comparison {
    cursor: pointer;
}
#buy .formas-pago {
    float: left;
}
section#popup-3.popup-modal table {
    width: 100%;
    margin: 0 0 20px 0;
    background: transparent;
    border: 0;
}
section#popup-3.popup-modal table tr {
    background: transparent;
}
section#popup-3.popup-modal table th,
section#popup-3.popup-modal table td {
    text-align: right;
    font-size: 26px;
    line-height: 26px;
    font-weight: 300;
    color: #ffffff;
    padding: 2px 10px;
}
section#popup-3.popup-modal table td {
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    white-space: nowrap;
}
section#popup-3.popup-modal table th:first-child,
section#popup-3.popup-modal table td:first-child {
    text-align: left;
    list-style-type: none;
    margin: 0;
    padding: 2px 0;
}
section#popup-3.popup-modal table th b {
    line-height: 40px;
}
section#popup-4.popup-modal p span {
    color: #fff;
}
section#popup-5.popup-modal div.row {
    max-width: inherit !important;
}
section#popup-5.popup-modal div.row img,
section#popup-3.popup-modal div.row img {
    display: block;
    margin: auto;
}
.articulos-ls section#popup-5.popup-modal,
.articulos-ls section#popup-3.popup-modal {
    z-index: 5001;
}
#similarsslides .similaritem .productimage img {
    margin-left: auto;
    margin-right: auto;
    max-height: 100%;
}
#asider {
    width: 200px;
    background: transparent;
    border: 0;
    top: calc(50vh - 80px);
}
#asider a#open {
    display: none;
}
#asider ul {
    width: 130px;
    margin: 0 0 0 60px;
    background: no-repeat scroll 0 0 rgba(255, 255, 255, 0.6);
}
#asider ul li span {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    color: #1d1d1d;
    text-decoration: none;
}
#asider ul li a {
    color: #1d1d1d;
    font-size: 15px;
}
#asider ul li.social a {
    height: 20px;
    width: 20px;
    background: transparent url('../img/bgs/icons.png') no-repeat;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    margin-right: 0;
    margin-top: -3px;
}
#asider ul li.social a.social_fb {
    background: none;
    margin-right: 2px;
}
#asider ul li.social a.social_tw {
    background: none;
    margin-right: 2px;
}
#asider ul li.social a.social_gp {
    background: none;
    margin-right: 4px;
}
#asider .logo-adhoc {
    position: absolute;
    right: 0px;
    top: -42px;
    width: 90px;
    line-height: 38px;
    background-image: url("../img/logo_bf.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}
#asider .aside-precio {
    margin: 0px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 20px;
    background: #282828 url("../img/aside-precio-back-more.png") no-repeat right center;
    position: relative;
    overflow: hidden;
}
#asider .aside-precio:before {
    content: "";
    width: 200px;
    height: 2px;
    background-color: #fff;
    top: 30px;
    right: 63px;
    display: block;
    margin-top: -1px;
    position: absolute;
}
#asider .aside-precio.precio-unico:before {
    display: none;
}
#asider .aside-precio.precio-unico a.calculator .aside-precio-actual {
    height: 40px;
    line-height: 40px;
}
#asider .aside-precio.precio-unico a.calculator .aside-fracciona {
    display: none;
}
#asider .aside-precio a.add_to_cart {
    width: 65px;
    height: 100%;
    position: absolute;
    right: 0px;
}
#asider .aside-precio a.calculator {
    line-height: 51px;
    padding: 0 81px 0 10px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    width: 100%;
}
#asider .aside-precio a.calculator .aside-precio-actual {
    display: block;
    position: relative;
    height: 30px;
    line-height: 30px;
}
#asider .aside-precio a.calculator .aside-fracciona {
    height: 42px;
    font-size: 14px;
    font-weight: 400;
}
#asider .aside-precio a.calculator .aside-fracciona span {
    display: block;
    line-height: 25px;
    font-size: 14px;
    font-weight: bold;
}
#asider .aside-precio a.calculator .aside-fracciona span.interes {
    font-size: 14px;
    line-height: 8px;
    font-weight: 100;
    color: #6E826E;
}
#asider .aside-precio.oferta a.calculator .aside-fracciona span {
    color: #fff;
    font-size: 13px;
}
#asider .aside-precio.oferta a.calculator .aside-fracciona span.sale {
    color: #fff;
    font-size: 16px;
    line-height: 8px;
    text-decoration: line-through;
    opacity: 0.6;
}
#asider .aside-precio a span {
    font-weight: bold;
    color: #fff;
}
#asider .aside-comparison {
    margin-bottom: 5px;
    text-align: left;
    color: #fff;
    font-size: 16px;
    display: block;
}
#asider .aside-comparison:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}
#asider .aside-comparison .add_to_comparison {
    color: #000;
    font-weight: 400;
    padding: 10px 20px;
    float: right;
    cursor: pointer;
}
#asider .aside-comparison .add_to_comparison .fa {
    margin-left: 10px;
}
#asider .aside-customize {
    margin-bottom: 10px;
    text-align: left;
    color: #fff;
    font-size: 16px;
    display: block;
    margin-top: -3px;
}
#asider .aside-customize:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}
#asider .aside-customize .customize_btn {
    color: #000;
    background-color: rgb(255, 255, 255);
    font-weight: 400;
    padding: 10px 10px;
    float: right;
    cursor: pointer;
    width: 100%;
    text-align: left;
}
#asider .aside-customize .customize_btn .icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url("../img/customize_icon.png");
    background-size: contain;
    background-position: center;
    vertical-align: middle;
}
#asider .aside-customize .customize_btn img {
    float: right;
    height: 14px;
    width: auto;
    margin: 3px 0px;
    vertical-align: middle;
}
#asider .aside-links {
    text-align: right;
    margin: 12px 12px 8px 0;
}
#asider .aside-links a {
    font-weight: bold;
    color: #000;
    font-size: 15px;
}
.fichaEquipamiento #asider {
    top: calc(50vh - 84px);
    width: 165px;
}
.fichaEquipamiento #asider .aside-precio:before {
    display: none;
}
.fichaEquipamiento #asider .aside-precio .calculator .aside-precio-actual {
    line-height: 55px;
    height: 55px;
}
.fichaEquipamiento #asider ul {
    margin: 0 0 0 20px;
}

#slides .easyzoom img {
    max-height: 100%;
    max-width: 100%;
}
#slides .slide img.zoomImg {
    cursor: zoom-out !important;
    width: 100%;
    height: auto !important;
}
#slides .slide .sensor {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2000;
    top: 0;
    cursor: zoom-in !important;
}
#specs #slides .easyzoom img {
    height: 100% !important;
    width: 100%;
}
.fichaEquipamiento #slides {
    max-height: 510px !important;
}
.fichaEquipamiento #specs #slides img {
    height: 500px !important;
    width: auto;
}
#content .contenido span {
    line-height: 1.3em;
}
/***************** Specs Equipamientos ********************/

.specs-equipamiento {
    border-top: 1px solid #ccc;
    margin-top: 40px;
    padding: 30px 5px 0 5px;
    text-align: center;
}
.specs-tecnologia {
    text-align: center;
}
.specs-referencia {
    display: table;
    margin: auto;
    white-space: nowrap;
}
.specs-referencia:before,
.specs-referencia:after {
    border-top: 1px solid #CCC;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.5em;
    width: 40px;
}
.specs-referencia:before {
    right: 10px;
}
.specs-referencia:after {
    left: 10px;
}
.specs-tecnologia .specs {
    width: 80%;
    margin: auto;
}
.specs-tecnologia .specs .row {
    margin-top: 20px;
    right: 0;
    top: 0;
}
.specs-tecnologia .specs-line:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 50%;
    background-image: url("../img/bgs/square-grey-left.png");
    background-position: bottom left;
}
.specs-tecnologia .specs-line:after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 50%;
    background-image: url("../img/bgs/square-grey-right.png");
    background-position: top right;
}
.specs-tecnologia .specs-line {
    left: 0;
    overflow: hidden;
    padding: 10px 47px;
    position: relative;
    text-align: left;
    top: 0;
}
.specs-tecnologia .specs-line span {
    display: block;
    font-size: 15px;
    position: relative;
    z-index: 2;
}
#buy #formats {
    margin: 5px 0 0 0;
    padding: 0;
}
#buy #formats .colores-tallas {
    margin: 0 0 10px 0;
}
#buy #formats .colores-tallas:last-child {
    margin-bottom: 0;
}
#buy #formats .colores-tallas .color {
    display: block;
    margin-right: 5px;
    float: left;
}
#buy #formats .colores-tallas .talla {
    display: block;
    float: left;
    width: 18.5%;
    height: auto;
    min-height: 50px;
    text-align: center;
}
.fichaEquipamiento #buy #formats .colores-tallas>span {
    width: 24.5%;
}
#buy #formats .colores-tallas .talla:last-child {
    margin-right: 0;
}
#buy #formats .colores-tallas .talla .nombre,
#buy #formats .colores-tallas .talla > img {
    display: block;
    font-size: 19px;
    line-height: 1em;
    margin: 7px auto 5px auto;
}
#buy #formats .colores-tallas .talla .nombre.sintexto {
    font-size: 7px;
}
#buy #formats .colores-tallas .talla .texto {
    display: block;
    font-size: 13px;
    line-height: 1.0em;
    color: #878786;
}
#buy #formats .colores-tallas .talla.active,
#buy #formats .colores-tallas .talla:hover:not(.estado-rojo):not(.estado-calculando) {
    background: #878786;
    cursor: pointer;
}
#buy #formats .colores-tallas .talla.active .nombre,
#buy #formats .colores-tallas .talla:hover:not(.estado-rojo):not(.estado-calculando) .nombre {
    color: #fff;
}
#buy #formats .colores-tallas .talla.active .texto,
#buy #formats .colores-tallas .talla:hover:not(.estado-rojo):not(.estado-calculando) .texto {
    color: #fff;
}
#buy #formats .colores-tallas .talla.estado-rojo {
    /*Renombrar a no disponible*/

    opacity: 0.4;
}
/***********POPUP COMPRA *********************/

#popup-compra .titulo {
    background: transparent url("../img/bgs/icons.png") no-repeat scroll -220px -669px;
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    line-height: 25px;
    margin: 0 0 20px 0;
    text-align: center;
}
#popup-compra .link-bike-fitting {
    line-height: 19px;
    margin: 0 0 20px 0;
    text-align: center;
}
#popup-compra .link-bike-fitting a {
    font-size: 20px;
    color: #fff;
}
#popup-compra .link-bike-fitting a:hover {
    text-decoration: underline;
}
#popup-compra .colores-tallas {
    margin: 0 0 10px 0;
}
#popup-compra .colores-tallas:last-child {
    margin-bottom: 0;
}
#popup-compra .colores-tallas .color {
    display: block;
    margin-right: 7px;
    float: left;
}
#popup-compra .colores-tallas .talla {
    display: block;
    float: left;
    width: 17.5%;
    min-height: 50px;
    height: auto;
    text-align: center;
    border: 1px solid #fff;
    margin-right: 7px;
}
.fichaEquipamiento #popup-compra .colores-tallas .talla {
    padding: 5px;
}
#popup-compra .colores-tallas .talla:last-child {
    margin-right: 0;
}
#popup-compra .colores-tallas .talla .nombre {
    display: block;
    font-size: 19px;
    line-height: 1em;
    margin: 7px 0 5px 0;
    color: #fff;
}
#popup-compra .colores-tallas .talla .texto {
    display: block;
    font-size: 13px;
    line-height: 1.0em;
    color: #878786;
}
#popup-compra .colores-tallas .talla.active,
#popup-compra .colores-tallas .talla:hover:not(.estado-rojo):not(.estado-calculando) {
    background: #fff;
    cursor: pointer;
}
#popup-compra .colores-tallas .talla.active .nombre,
#popup-compra .colores-tallas .talla:hover:not(.estado-rojo):not(.estado-calculando) .nombre {
    color: #000;
}
#popup-compra .colores-tallas .talla.active .texto,
#popup-compra .colores-tallas .talla:hover:not(.estado-rojo):not(.estado-calculando) .texto {} #popup-compra .colores-tallas .talla.estado-rojo {
    /*Renombrar a no disponible*/

    opacity: 0.4;
}
.fichaEquipamiento #popup-compra .row {
    margin-bottom: 20px;
}
.fichaEquipamiento #popup-compra .unidades {
    color: #ffffff;
    line-height: 29px;
}
.fichaEquipamiento #popup-compra #selectorUnidades-popup {
    /*width: 202px;*/
}
.fichaEquipamiento #popup-compra .buybutton {
    background-position: -100px -654px;
    width: 202px;
}
#popup-calculator {
    background-color: rgba(6, 6, 6, 0.9);
}
#popup-calculator .titulo {
    font-size: 26px;
    color: #fff;
    font-weight: bold;
    line-height: 5px;
    margin: 0 ;
    text-align: center;
    margin-bottom: 35px;
}
#popup-calculator .row {
    max-width: 640px !important;
}
#popup-calculator label {
    margin-bottom: 20px;
    font-size: 16px;
    color: #888;
    text-align: center;
    font-weight: 300;
}
#popup-calculator .price {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}
#popup-calculator .arrow {
    color: #fff;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    padding-top: 5px;
    position: absolute;
    right: 15px;
    text-align: center;
    width: 30px;
}
#popup-calculator select {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0px;
    background-color: transparent;
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    appearance: none;
    box-shadow: none;
    height: 30px;
    padding: 0px;
    outline: none;
    position: relative;
    z-index: 1;
}
#popup-calculator select option {
    background: #fff;
    color: #000;
}
#popup-calculator .buybutton {
    background: #cc1f2b url("../img/bgs/icons.png") no-repeat scroll -60px -655px;
    display: block;
    margin: 30px auto;
    padding: 0px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    width: auto;
    padding: 15px;
    text-align: left;
    padding-right: 80px;
}
#popup-calculator .logos-group{
    text-align: center;
    margin-bottom: 15px;
}
#popup-calculator .logos-group figure{
    display: inline-block;
    vertical-align: middle;
    margin-right: 3%;
}
#popup-calculator .logos-group figure:last-child{
    margin-right: 0;
}
#popup-calculator p.legal_text {
    text-align: center;
    font-size: 13px;
   /* position: absolute;
    bottom: 0px;
    -webkit-transform: translateY(200%);
    transform: translateY(200%);*/
}
/* Add carrito */

#mycart.active {
    margin-bottom: 10px;
}
#mycart .col1 {
    min-height: 0;
    width: 240px;
}
#mycart .col1 img {
    margin-top: 0;
    max-width: 100%;
}
#mycart .col2 p {
    margin-bottom: 5px;
}
#mycart a.viewcart,
#mycart a.addcart {
    margin-top: 25px;
}
#mycart a.addcart {
    width: 50%;
}
#buy #colors > span > span {
    width: 150px !important;
}
/* BePart Redes */

#content #riders h1 {
    font-size: 90px;
    font-weight: 700;
    line-height: 111px;
    margin: 10px 0 30px;
    padding: 0;
    text-align: unset;
}
#redes .box h3 img {
    max-height: 69px;
}
/* BePart_Riders */

#teamsriders .infoboxrider p {
    color: #575756;
    font-size: 17px;
    font-weight: 300;
    line-height: 17px;
    list-style-type: none;
    margin-bottom: 3px;
    padding: 0;
}
#teamsriders .title {
    font-size: 20px;
}
#teamsriders .infoboxteam h3,
#teamsriders .infoboxrider h4 {
    color: #000000;
    font-size: 23px;
    font-weight: 700;
    line-height: 23px;
    margin: 0 0 10px;
    padding: 0;
}
#teamsriders .infoboxteam p {
    color: #575756;
    font-size: 17px;
    font-weight: 300;
    line-height: 17px;
    list-style-type: none;
    margin-bottom: 3px;
    padding: 0;
}
.col1.large-4.columns.columns-2.nopadding > p {
    float: left;
    text-align: left;
    width: 50%;
}
/* BePart_New */

#maincontent .newsdetail p,
#maincontent .newsdetail div,
#maincontent .newsdetail span {
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    color: #1d1d1d;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
}
#news .row .square.borderbottom {
    background-size: cover;
}
#news .square div p.mini {
    font-size: 14px;
}
/* Test de Productos */
/* Test de Productos */

#tests #testsslides {
    height: 170px;
}
/* Nuevo rediseño Bloque fijo */

#left-filtros .bloque-fijo .bloque-left.bloque-left-new div.top a,
#left-filtros .bloque-fijo .bloque-left.bloque-left-new div.top label {
    color: #FFFFFF;
    font-size: 15px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
}
#left-filtros .bloque-fijo .bloque-left.bloque-left-new .top input[type="radio"] {
    margin-bottom: 0;
}
/* Nuevo rediseño popup */

@media (max-width: 520px) {
    section.popup-modal .closereveal {
        padding: 30px 20px;
    }
}
/* Pagina de agracedimiento Fracciona */

#fracciona-thanks .webReturn {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-weight: bold;
    text-decoration: none;
}
/******************** LANDING *******************/

#landing {
    width: 100%;
    height: auto;
}
#landing .portada_section {
    cursor: pointer;
    height: 800px;
    /*background-image: url("/download/bancorecursos/landings/landing1/landing_section_one.jpg");*/

    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
}
/*#landing .section_two{
	padding: 60px 0px;
	background-color: #fff;
	text-align: center;
}
#landing .section_two .text{
	display: inline-block;
	vertical-align: middle;
	padding-right: 40px;
}
#landing .section_two .inputs{
	display: inline-block;
}
#landing .section_two p{
	display: block;
	line-height: 40px;
	font-size: 30px;
	text-align: left;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}
#landing .section_two p.subtitle{
	font-size: 18px;
}
#landing .section_two input[type="text"]{
	width: 200px;
	display: inline-block;
	vertical-align: middle;
	height: 37px;
	margin-left: 20px;
}
#landing .section_two .boton{
	vertical-align: top;
}*/

#landing .three_piece_section {
    height: 600px;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
    background-color: #000;
}
#landing .three_piece_section .part {
    background-color: #000;
    overflow: hidden;
    position: absolute;
    height: 100%;
}
#landing .three_piece_section .left {
    width: 40%;
    left: 0px;
    padding-right: 13.33%;
}
#landing .three_piece_section .center {
    width: 40%;
    left: 50%;
    margin-left: -20%;
    z-index: 1;
}
#landing .three_piece_section .center .skew_inverse {
    padding: 0% 19.33%;
    margin-left: -10%;
    margin-right: -10%;
    height: 100%;
}
#landing .three_piece_section .right {
    width: 40%;
    right: 0px;
    padding-left: 13.33%;
}
#landing .three_piece_section .part .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    opacity: 1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
#landing .three_piece_section .part:hover .background {
    opacity: 0.2;
}
#landing .three_piece_section.first .left .background {
    background-image: url("/download/bancorecursos/landings/landing3/landing3_g7_1.jpg");
}
#landing .three_piece_section.first .center .background {
    background-image: url("/download/bancorecursos/landings/landing3/landing3_g7_2.jpg");
}
#landing .three_piece_section.first .right .background {
    background-image: url("/download/bancorecursos/landings/landing3/landing3_g7_3.jpg");
}
#landing .three_piece_section.last .left .background {
    background-image: url("/download/bancorecursos/landings/landing3/landing3_quartz_1.jpg");
}
#landing .three_piece_section.last .center .background {
    background-image: url("/download/bancorecursos/landings/landing3/landing3_quartz_2.jpg");
}
#landing .three_piece_section.last .right .background {
    background-image: url("/download/bancorecursos/landings/landing3/landing3_quartz_3.jpg");
}
#landing .three_piece_section .part .content {
    padding: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    top: 50%;
    font-weight: 400;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
#landing .three_piece_section .part .content h3 {
    color: #fff;
    font-size: 22px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}
#landing .three_piece_section .part:hover .content {
    opacity: 1;
}
.skew10 {
    -webkit-backface-visibility: hidden;
    -webkit-transform: skew(-10deg, 0deg) translate3d(0, 0, 0);
    transform: skew(-10deg, 0deg) translate3d(0, 0, 0);
}
.skew10 .skew_inverse {
    -webkit-backface-visibility: hidden;
    -webkit-transform: skew(10deg, 0deg) translate3d(0, 0, 0);
    transform: skew(10deg, 0deg) translate3d(0, 0, 0);
}
#landing .logo_section {
    height: 180px;
    display: block;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}
#landing .logo_section.first {
    background-image: url("/download/bancorecursos/landings/landing3/g7_logo.png");
    position: absolute;
    margin-top: -180px;
    width: 100%;
    z-index: 1;
}
#landing .logo_section.last {
    background-color: #e0e2e1;
    background-image: url("/download/bancorecursos/landings/landing3/quartz_logo.png");
}
#landing .close_section {
    height: auto;
    background-color: #fff;
    position: relative;
    height: 400px;
}
#landing .close_section .background {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url("/download/bancorecursos/landings/landing3/landing3_cierre.jpg");
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
#landing .close_section .bottom {
    width: 2000px;
    height: 100%;
    left: 100%;
    position: relative;
    margin-left: -36%;
    overflow: hidden;
    padding: 0% 3%;
    background-color: rgba(179, 182, 189, 0.9);
}
#landing .close_section .bottom .content {
    padding: 40px;
    width: 400px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 100;
    color: #17260D;
    font-style: italic;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
    position: relative;
    -webkit-backface-visibility: hidden;
}
#landing .close_section .bottom .content span {
    color: #fff;
    font-size: 33px;
}
#landing .close_section .bottom .content a {
    display: block;
    padding-top: 40px;
    font-size: 22px;
    display: block;
    text-align: right;
    color: #fff;
    font-style: normal;
}
/*
#landing .section_four .container{
	width: 1100px;
	left: 50%;
	position: relative;
	margin-left: -610px;
	padding: 0 3%;
}
#landing .section_four .container .top{
	height: 100%;
	background-color: #fff;
	padding: 0px 5%;
}
#landing .section_four .container .bottom {
    width: 2000px;
    height: 700px;
    left: 100%;
    position: relative;
    margin-left: -33%;
    overflow: hidden;
    padding: 0% 3%;
    background-color: rgba(255,255,255,0.4);
}
#landing .section_four .container .bottom .image{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 120%;
	height: 100%;
	margin-left: -10%;
	background-image: url("/download/bancorecursos/landings/landing1/landing_four.jpg");
	background-color: rgba(255,255,255,0.4);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
#landing .section_four .container .bottom .content{
	padding: 40px;
	width: 400px;
	font-size: 24px;
	line-height: 1.3;
	font-weight: 100;
	color: #444;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
	position: relative;
    -webkit-backface-visibility: hidden;

}
#landing .section_four .container .bottom .content a{
	display: block;
	padding-top: 40px;
	font-size: 22px;
	font-weight: bold;
	display: block;
	text-align: right;
}
*/

#popup-videolanding .row , section[id^="popup-videolanding"] .row {
    max-width: 70% !important;
    margin-top: 2.5%;
}
@media (min-width: 940px) {
    #landing #articulos-ls {
        margin-bottom: 0px;
        padding: 10px;
        padding-bottom: 80px;
    }
    #landing #articulos-ls .articulos > .articulo {
        width: 33.33%;
        margin-right: 0;
    }
}
@media (max-width: 1200px) {
    #landing .section_four .container {
        width: 940px;
        margin-left: -470px;
    }
    #landing .section_four .container .bottom {
        width: 940px;
        margin-left: -470px;
    }
}
@media (max-width: 940px) {
    #popup-videolanding .row , section[id^="popup-videolanding"] .row {
        max-width: 90% !important;
    }
    #popup-videolanding .row .columns, section[id^="popup-videolanding"] .row .columns {
        padding: 0;
    }
    #landing .section_four .container {
        width: 100%;
        margin-left: 0px;
        left: 0px;
    }
    #articulos-ls .articulos > .articulo {
        width: 50%;
        margin-right: 0;
    }
    #landing .close_section .bottom {
        width: 100%;
        left: 0px;
        margin-left: 0px;
    }
    #landing .section_two .text {
        margin-bottom: 20px;
        padding: 0px;
    }
    #landing .section_two input[type="text"] {
        margin-left: 0px;
    }
    #landing .section_two p {
        text-align: center;
    }
    #landing .three_piece_section {
        min-height: 300px;
        background-size: auto 300px;
    }
    #landing .three_piece_section {
        height: auto !important;
        position: relative;
        background: #fff;
    }
    #landing .three_piece_section .part {
        background: #fff;
        overflow: hidden;
        width: 100% !important;
        height: auto;
        position: relative;
        left: 0px;
        right: inherit;
        top: 0px;
        margin-left: 0px;
        padding: 0px;
        float: none !important;
        height: auto;
        padding-top: 140px;
        /*margin-bottom: 8px;*/
    }
    #landing .three_piece_section .part .content {
        padding: 40px !important;
        font-size: 24px;
        top: inherit;
        -webkit-transform: none;
        transform: none;
        position: relative;
    }
    #landing .three_piece_section .skew10,
    #landing .three_piece_section .center .skew_inverse {
        padding: 0px;
        margin: 0px;
        height: auto;
        -webkit-transform: skew(0deg, 0deg) translate3d(0, 0, 0);
        transform: skew(0deg, 0deg) translate3d(0, 0, 0);
    }
    #landing .three_piece_section .center .skew_inverse {
        padding-top: 140px;
        /*margin-bottom: 8px;*/
    }
    #landing .section_four .skew10,
    #landing .section_four .skew10 .skew_inverse {
        padding: 0px;
        margin: 0px;
        -webkit-transform: skew(0deg, 0deg) translate3d(0, 0, 0);
        transform: skew(0deg, 0deg) translate3d(0, 0, 0);
    }
    #landing .three_piece_section .part .content {
        font-size: 15px;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.7);
        position: relative;
        height: auto;
    }
    #landing .three_piece_section .part:hover .background {
        opacity: 1;
    }
    #landing .three_piece_section .part .content h3 {
        font-size: 20px;
    }
    #landing .logo_section {
        margin-top: -80px !important;
        height: 80px !important;
        position: relative !important;
        /*background-color: #e0e2e1;*/

        background-size: 80% !important;
    }
    #articulos-ls .articulos,
    #articulo-view .productosrelacionados-inner > div {
        position: relative;
        padding: 40px 0px;
    }
    .ficha-accesorio .logo-black{
        left: 60% !important;
    }
}
@media (max-width: 630px) {
    #landing .section_two {
        padding: 20px 0px;
        background-color: #fff;
        text-align: center;
    }
    .fichaEquipamiento #specs #slides .easyzoom img {
        width: 100%;
        max-width: 100%;
        height: auto !important;
    }
    #landing .three_piece_section .part .content {
        font-size: 14px;
    }
    #landing .three_piece_section .part .content h3 {
        font-size: 18px;
    }
    #landing .section_two p {
        display: block;
        margin-bottom: 10px;
    }
    #landing .section_two .subtitle {
        display: block;
        margin-bottom: 10px;
    }
    #landing .section_four .container {
        width: 100%;
        left: 0px;
        margin-left: 0px;
    }
    #articulos-ls .articulos > .articulo {
        width: 100%;
        margin-right: 0;
    }
    #landing .section_four .container .bottom {
        width: 100%;
        left: 0px;
        margin-left: 0px;
        height: 400px;
    }
    #landing .section_four .container .bottom .content {
        width: 100%;
    }
    #home-slider-portada_movil .homeslide{
        /*background-position: center center !important;*/
    }
    .home-slider ul.control{
        bottom: 0;
    }

}
@media only screen and (min-width: 40.063em) and (max-width: 61.0625em) {
    /* TABLET */

    .main-section #menu.large-7 {
        width: auto;
    }
    .main-section #minimenu.large-4 {
        width: auto;
    }
}
@media (max-width: 374px){
    #product_resume .sizes_container .size .texto{
        text-overflow: ellipsis;
        overflow: hidden;
    }
}
@media (max-width: 1400px){
    /*hacemos que icono color no se corte por el container del precio en portátil*/
    #product_top .colours_container{
        top: calc(26px + 2%);
    }
    #product_top .press_container{
        width: 27%;
    }
}

/****************************************************/
/******************** BIKE FITTING *******************/

.bikeFittingDiv {}
.bikeFittingDiv .titulo {
    font-size: 25px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    line-height: 120%;
}
.bikeFittingDiv .modelbike-popup{
    margin-bottom: 15px;
    font-size: 22px;
    color: #fff;
    text-align: center;
}
.bikeFittingDiv .intro {
    text-align: center;
    margin-bottom: 15px;
    color: #999999;
}
.bikeFittingDiv .image {
    float: left;
    /*margin: 0 50px 0 0;*/
}
.bikeFittingDiv .fields {
    float: left;
    padding-right: 25px;
    border-right: 1px #999999 dotted;
    margin: 10px 20px 0 -50px;
}
.bikeFittingDiv .fields div {
    margin: 0px 0 10px 0;
}
.bikeFittingDiv .fields div:last-child {
    margin-bottom: 0;
}
.bikeFittingDiv .fields div label {
    color: #999999;
    float: left;
    /*line-height: 33px;*/
    text-align: right;
    margin: 0 15px 0 0;
    width: 180px;
}
.bikeFittingDiv .fields div input {
    color: #fff;
    float: left;
    line-height: 33px;
    height: 33px;
    border: 1px solid #fff;
    background: #000;
    width: 100px;
    padding: 0 6px;
    font-weight: bold;
    font-size: 16px;
}
.bikeFittingDiv .fields div input:focus {
    background: #2B2B2B;
}
.bikeFittingDiv .fields div span {
    color: #000;
    background: #fff;
    float: left;
    font-weight: bold;
    font-size: 15px;
    width: 40px;
    height: 33px;
    line-height: 33px;
    text-align: center;
}
.bikeFittingDiv .fields div.peso {
    height: 100px;
}
.bikeFittingDiv .result {
    float: left;
    width: 250px;
    margin: 20px 0 0 0;
}
.bikeFittingDiv .result span.texto {
    color: #999999;
}
.bikeFittingDiv .result span.texto.textoOk {
    display: none;
}
.bikeFittingDiv .result span.talla {
    display: block;
    font-size: 100px;
    line-height: 100px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}
.bikeFittingDiv .result .sag:not:first-child {
    padding-top: 20px;
}
.bikeFittingDiv .result .sag {
    display: none;
    color: #999999;
}
.bikeFittingDiv .result .sag_trasero{
    margin-bottom: 5px;
}
.bikeFittingDiv .result .sag span{
    display: block;
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    color: #fff;
    padding-top: 0;
    text-transform: uppercase;
}
.bikeFittingDiv .image-tallas{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 3% auto;
    padding: 0;
    /*text-align: center;*/
    overflow: hidden;
}
/*.bikeFittingDiv .image-tallas figure,
.bikeFittingDiv .image-tallas .image-tallas--text{
    display: inline-block;
    vertical-align: middle;
}*/
.bikeFittingDiv .image-tallas figure{
    width: 67.5%;
    /*max-width: 538px;*/
    height: auto;
    max-height: 135px;
    float: left;
    padding-left: 75px;
    border-right: 1px #999 dotted;
}
.bikeFittingDiv .image-tallas figure img{
    max-width: 100%;
    height: auto;
    display: block;
}
.bikeFittingDiv .image-tallas .image-tallas--text{
    width: 250px;
    display: inline-block;
    padding-top: 5px;
    padding-left: 15px;
    text-align: left;
    font-size: 17px;
    color: #999;
}
@media (max-width: 979px){
    .bikeFittingDiv .image-tallas{
        text-align: center;
    }
    .bikeFittingDiv .image-tallas figure{
        width: 100%;
        max-width: 558px;
        float: none;
        margin: 10px auto 20px auto;
        padding-left: 0;
        border-right: 0;
    }
    .bikeFittingDiv .image-tallas .image-tallas--text{
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 768px) {
    #popupBikeFitting {
        overflow-y: auto;
    }
    .bikeFittingDiv .titulo {
        margin-bottom: 15px;
        line-height: 1.1;
    }
    .bikeFittingDiv .image {
        margin-left: 20px;
    }
    .bikeFittingDiv .fields {
        padding-right: 0;
        border-right: 0;
    }
    .bikeFittingDiv .result {
        clear: left;
        float: none;
        width: 100%;
        margin-top: -200px;
        margin-bottom: 15px;
        padding-top: 10px;
        text-align: left;
        overflow: hidden;
    }
    .bikeFittingDiv .result .sag {
        padding-top: 5px;
    }
    .bikeFittingDiv .fields div.peso {
        height: auto !important;
    }
    .bikeFittingDiv .fields div label{
        width: 120px;
    }
}
@media (max-width: 470px) {
    .bikeFittingDiv .modelbike-popup{
        line-height: 120%;
    }
    .bikeFittingDiv {
        margin-top: 40px;
    }
    .bikeFittingDiv .image {
        display: none;
    }
    .bikeFittingDiv .fields {
        margin: 0 0 0 5px;
        float: none;
    }
    .bikeFittingDiv .result .sag span{
        font-size: 25px;
        padding-top: 0;
    }
}
/* Popup */
.popup-modal .image{
    width: auto;
    min-width: 50px;
}
#popupBikeFitting.popup-modal {
    background: rgba(6, 6, 6, 0.9);
}
#popupBikeFitting.popup-modal > .row {
    /*height: 90vh;*/
    max-width: 1000px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow-y: auto;
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 61.250em){ /*hasta 980px*/
    #popupBikeFitting.popup-modal > .row{
        top: 40px;
        left: 0;
        transform: none;
    }
}
/*
---------------------------------------------------------------------------------------------
MMENU LATERAL DESPLEGABLE DE COMPRA VERSION ESCRITORIO
-
--------------------------------------------------------------------------------------------
*/
#header #menu_cart {
    display: none;
}
#menu_cart .mm-menu .lang {
    text-align: center;
}
#menu_cart .mm-menu .lang a {
    display: inline-block;
    width: auto;
}
#menu_cart .mm-menu .lang a {
    filter: url('data:image/svg+xml;charset=utf-8,#filter');
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(100%);
    opacity: 0.4;
    filter: alpha(opacity=40);
}
#menu_cart .mm-menu .lang a.active {
    filter: url('data:image/svg+xml;charset=utf-8,#filter');
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    opacity: 1;
    filter: alpha(opacity=100);
}
#menu_cart .mm-menu .mm-panel {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
}
#menu_cart .mm-menu .mm-panel.mm-opened {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
}
#menu_cart .mm-menu .icons {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
#menu_cart .mm-menu .icons .item {
    width: 50%;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    background-color: #5d5d5d;
    border-left: 1px solid #444;
}
#menu_cart .mm-menu .icons .item:first-child {
    border-left: 0px;
}
#menu_cart .mm-menu .icons .item i {
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
}
#menu_cart .mm-menu .nav {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
#menu_cart .mm-menu .topbar {
    font-weight: bold;
    overflow: hidden;
    color: #fff;
    height: 45px;
    line-height: 45px;
    top: 0px;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}
#menu_cart .mm-menu .topbar a {
    padding: 0px;
    float: left;
}
#menu_cart .mm-menu .topbar i {
    left: 0px;
    top: 0px;
    width: 45px;
    height: 45px;
    color: #989898;
    text-align: center;
    line-height: 45px;
    font-size: 34px;
}
#menu_cart .mm-menu.mm-offcanvas {
    z-index: 10000;
}
.menu_mobile_trigger {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 38px;
    height: 38px;
    background-color: #e62017;
    border-radius: 0px 5px 0px 0px;
    font-size: 26px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin: 10px;
    display: none;
}
.mm-panels > .mm-panel.mm-hasnavbar {
    padding-top: 20px;
}
.mm-panels > .mm-panel.mm-hasnavbar {
    padding: 0px;
    padding-top: 40px;
}
/*
#menu_cart.mm-menu {
    height: auto;
    max-width: 350px;
    width: 100%;
    z-index: 1010;
}
*/
#menu_cart.mm-menu.mm-theme-dark {
    color: #fff;
    background-color: #444;
}
html#menu_cart.mm-right.mm-opening .mm-page.mm-slideout {
    -webkit-transform: translate(-350px, 0);
    transform: translate(-350px, 0);
}
html#menu_cart.mm-right.mm-opening #mm-blocker.mm-slideout {
    -webkit-transform: translate(-350px, 0);
    transform: translate(-350px, 0);
}
html#menu_cart.mm-right.mm-opening body .mm-slideout {
    -webkit-transform: translate(-350px, 0);
    transform: translate(-350px, 0);
}
.mm-panel.mm-subopened {
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
}
html.mm-front #mm-blocker {
    z-index: 1005 !important;
}
body #mm-blocker {
    opacity: 0;
    filter: alpha(opacity=0);
    display: block;
    z-index: 1001;
    visibility: hidden;
    background-color: rgba(3, 2, 1, 0.5);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
}
html.mm-blocking #mm-blocker {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
#menu_cart .mm-panels > .mm-panel, #menu_movil .mm-panels > .mm-panel {
    padding: 0px;
}
#menu_cart .mm-panels > .mm-panel:before,
#menu_cart .mm-panels > .mm-panel:after {
    content: none;
}
.mm-panels > .mm-panel > .mm-listview {
    margin: 0px;
}
.mm-panels > .mm-panel > .mm-listview:first-child,
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
    margin-top: 0px;
}
.mm-panels .mm-panel {
    height: 100vh;
}
/*
---------------------------------------------------------------------------------------------
CART
---------------------------------------------------------------------------------------------
*/

.push_left {
    width: 100%;
    right: 350px;
    position: relative;
}
#right_cart {
    background-color: #ffffff;
    position: fixed;
    width: 350px;
    max-width: 100%;
    right: -350px;
    height: 100%;
    color: #444;
    top: 0px;
    z-index: 1000;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}
.cart_open #right_cart,
#right_cart.mm-opened {
    right: 0px;
}
#right_cart .right_cart_header {
    background-color: #333333;
    font-weight: bold;
    color: #fff;
    height: 45px;
    line-height: 45px;
    top: 0px;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}
#right_cart .right_cart_content {
    width: 100%;
    top: 45px;
    height: 100%;
    left: 0px;
}
#right_cart .right_cart_content .product_reference {
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
#right_cart .right_cart_content .product_reference input {
    border-radius: 5px;
    box-shadow: none;
    border: 0px;
    display: inline;
    height: 40px;
    width: 100%;
    background-color: #878787;
    padding-left: 10px;
    color: #fff;
    padding-right: 50px;
}
#right_cart .right_cart_content .product_reference input[type="number"] {
    width: 50px;
    padding: 0px;
    border-radius: 0px;
    position: absolute;
    right: 40px;
    border: 1px solid #444;
    border-bottom: 0px;
    border-top: 0px;
    text-align: center;
    padding: 0px 10px;
}
#right_cart .right_cart_content .product_reference a,
#right_cart .right_cart_content .product_reference button {
    background-color: #b4b4b4;
    border: 0 none;
    border-radius: 0 5px 5px 0;
    box-shadow: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    height: 40px;
    line-height: 37px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}
#right_cart .right_cart_content .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #444;
    z-index: 3;
    display: none;
}
#right_cart .right_cart_content .overlay .fa {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-left: -20px;
    margin-top: -20px;
    font-size: 24px;
    animation: spinner .6s linear infinite;
    -webkit-animation: spinner .6s linear infinite;
}
#right_cart .right_cart_content .cart_list {
    overflow-y: scroll;
    padding: 15px;
    height: 100%;
}
#right_cart .right_cart_content .cart_list .item {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative;
}
#right_cart .right_cart_content .cart_list .item:last-child {
    margin-bottom: 0px;
}
#right_cart .right_cart_content .cart_list .item .img_container {
    width: 75px;
    float: left;
    height: 100%;
    background-color: #fff;
    position: absolute;
}
#right_cart .right_cart_content .cart_list .item .img_container img {
    height: auto;
    margin: auto;
    max-width: 60px;
    top: 50%;
    left: 50%;
    vertical-align: middle;
    position: relative;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    max-height: 60px;
}
#right_cart .right_cart_content .cart_list .item .text_container {
    padding: 10px 10px 10px 89px;
    width: 100%;
}
#right_cart .right_cart_content .cart_list .item .text_container .title a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 5px;
    color: #888;
}
#right_cart .right_cart_content .cart_list .item .text_container .ref {
    bottom: 10px;
    color: #000;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    display: block;
}
#right_cart .right_cart_content .cart_list .item .text_container .outofstock {
    display: block;
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0px;
    text-indent: -9999px;
    background-color: #FB9E4C;
    top: 0px;
    left: 75px;
}
#right_cart .right_cart_content .cart_list .item .text_container .instock {
    display: block;
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0px;
    text-indent: -9999px;
    background-color: #60A966;
    ;
    top: 0px;
    left: 75px;
}
#right_cart .right_cart_content .cart_list .item .text_container .quantity {
    color: #b2b2b2;
    line-height: 28px;
    padding-top: 5px;
}
#right_cart .right_cart_content .cart_list .item .text_container .quantity:after {
    content: "";
    display: table;
    width: 100%;
    clear: both;
}
#right_cart .right_cart_content .cart_list .item .text_container .quantity input {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    text-align: center;
    color: #000;
    margin-right: 5px;
}
#right_cart .right_cart_content .cart_list .item .text_container .quantity select {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    width: 50px;
    height: 28px;
    border-radius: 5px;
    border: 1px solid #e62017;
    background-color: #fff;
    text-align: center;
    color: #000;
    float: left;
    margin-right: 5px;
    padding-left: 5px;
    line-height: 26px;
    text-align: center;
    background-image: url(../../img/select-arrow.png);
    background-position: 37px 50%;
    background-repeat: no-repeat;
}
#right_cart .right_cart_content .cart_list .item .text_container .quantity .product_quantity {
    color: #888;
    float: left;
    font-size: 13px;
}
#right_cart .right_cart_content .cart_list .item .text_container .quantity .product_total {
    color: #444;
    float: right;
    font-weight: bold;
}
#right_cart .right_cart_content .cart_list .item .text_container .comment_container {
    margin-top: 10px;
    font-size: 12px;
}
#right_cart .right_cart_content .cart_list .item .text_container .comment_container .comment_text {
    display: block;
    margin-bottom: 10px;
    font-style: italic;
}
#right_cart .right_cart_content .cart_list .item .text_container .comment_container .comment_area {
    display: none;
    margin-bottom: 10px;
}
#right_cart .right_cart_content .cart_list .item .text_container .comment_container .comment_area textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid rgb(204, 204, 204);
    padding: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
    height: 50px;
    min-height: 50px;
    margin-bottom: 5px;
}
#right_cart .right_cart_content .cart_list .item .text_container .comment_container .comment_area button {
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    background-color: #e62017;
    border-radius: 5px;
    line-height: 24px;
    padding: 0px 15px;
    position: relative;
    text-decoration: none;
    display: inline-block;
    margin: auto;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    border: 0px;
    box-shadow: none;
    text-shadow: none;
}
#right_cart .right_cart_content .cart_list .item .text_container .comment_button {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    text-align: center;
    line-height: 20px;
    color: #aaaaaa;
    /*opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;*/
    right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}
#right_cart .right_cart_content .cart_list .item:hover .text_container .comment_button {
    /*right: 0px;
	opacity: 1;
	filter: alpha(opacity=100);*/
}
#right_cart .right_cart_content .cart_list .item .text_container .comment_button {
    top: 20px;
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}
#right_cart .right_cart_header i,
#right_support .right_cart_header i {
    left: 0px;
    top: 0px;
    width: 45px;
    height: 45px;
    color: #989898;
    float: left;
    text-align: center;
    line-height: 45px;
    font-size: 34px;
}
#right_cart .right_cart_footer {
    padding: 10px 20px;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    position: absolute;
    bottom: 50px;
    width: 100%;
    background-color: #F4F4F4;
}
#right_cart .right_cart_footer .subtotal,
#right_cart .right_cart_footer .shipping,
#right_cart .right_cart_footer .total {
    margin-bottom: 5px;
}
#right_cart .right_cart_footer .subtotal *,
#right_cart .right_cart_footer .shipping *,
#right_cart .right_cart_footer .total * {
    color: #888;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
}
#right_cart .right_cart_footer .subtotal_left,
#right_cart .right_cart_footer .shipping_left {
    float: left;
}
#right_cart .right_cart_footer .subtotal_right,
#right_cart .right_cart_footer .shipping_right {
    float: right;
}
#right_cart .right_cart_footer .subtotal_shipping {
    border-bottom: 1px solid #ddd;
    marging-bottom: 10px;
}
#right_cart .right_cart_footer .total {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    text-transform: uppercase;
    padding-top: 10px;
}
#right_cart .right_cart_footer .total * {
    color: #000;
}
#right_cart .right_cart_footer .total .total_left,
#right_cart .right_cart_footer .total .total_right {
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
}
#right_cart .right_cart_footer .total .total_left {
    float: left;
}
#right_cart .right_cart_footer .total .total_right {
    float: right;
}
#right_cart .right_cart_footer .total .amount {
    float: right;
}
#right_cart .right_cart_footer .total.outofstock .amount {
    float: none;
}
#right_cart .right_cart_footer .total .amount.pt {
    display: block;
    float: none;
    text-align: right;
    line-height: 13px;
    font-weight: 400;
}
#right_cart .right_cart_footer .total .amount .currency {
    display: inline-block;
    text-align: left;
}
#right_cart .favorite_order {
    margin-bottom: 5px;
}
#right_cart .favorite_order input[type="checkbox"] {
    margin-right: 10px;
}
#right_cart .actions {
    border: medium none;
    bottom: 0;
    position: absolute;
    width: 100%;
}
/*
#right_cart .actions a {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    background-color: #ababab;
    line-height: 50px;
    padding: 0px 29px;
    position: relative;
    text-decoration: none;
    display: inline-block;
    margin: auto;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 20px;
    text-align: center;
    width: calc(50% - 10px);
}
#right_cart .actions a.buy {
    background-color: #e62017;
    margin-right: 0px;
    width: 100%;
}
*/
#right_cart .actions a.buy.disabled {
    color: grey
}
#right_cart .cart_list .warning {
    text-align: center;
    padding: 20px 0;
    color: red;
}
#right_cart .right_cart_send {
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 13px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background-color: #444;
    width: 100%;
    text-align: center;
}
#right_cart .links a {
    margin: 0px 20px;
}
#shadow {
    display: none;
}
#shadow.active {
    display: block;
}
/*****************************************************************************/
/* HELPERS */
/*****************************************************************************/

.margin_collapse {
    margin: 0;
}




/*****************************************************************************/
/* PREFOOTER 2016 */
/*****************************************************************************/
/*
#prefooter{
	background-color: #eeeeee;
	padding: 30px 0px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #8a8a8a;
}
*/
/*
#prefooter .row{
	width: 96%;
	max-width: 1800px;
}
#prefooter .prefooter_group{
	margin-bottom: 20px;
}
#prefooter .prefooter_group a{
    display: block;
    color: #8a8a8a;
}
#prefooter .prefooter_group .prefooter_title,
#prefooter .prefooter_group a .prefooter_title{
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 10px;
	color: #2b2b2b;
	position: relative;
	line-height: 1;
    display: block;
}
#prefooter .prefooter_group .prefooter_title:before {
	content: "";
	width: 8px;
	height: 4px;
	display: inline-block;
	background-color: #CD202C;
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg);
	position: absolute;
	vertical-align: middle;
	left: -15px;
	top: 50%;
	margin-top: -3px;
	-webkit-transition: 300ms;
	transition: 300ms;
}
*/
.logos-pago{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
}
.logos-pago-proceso{
    text-align: center;
}
img.prefooter-formas-pago,
img.prefooter-cetelem,
img.prefooter-paypal{
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    margin-right: 5px;
}
img.prefooter-formas-pago{
   width: 72%;
    max-width: 195px;
}
img.prefooter-cetelem{
    width: 27%;
    max-width: 105px;
}
img.proceso-pago-cetelem{
    max-width: 80px;
    position: relative;
    left: -25px;
}
img.prefooter-paypal{
    width: 27%;
    max-width: 90px;
    position: relative;
    top: 3px;
}
    /*****************************************************************************/
/* FOOTER 2016 */
/*****************************************************************************/
#footer{
	background-color: #2b2b2b;
	font-family: "Roboto Condensed", sans-serif;
}
#footer.monty-footer{
    background-color: #ff4d00;
}
#footer .row{
	width: 90%;
	max-width: 1400px;
}
#footer .btn{
	background-color: #8a8a8a;
	height: 30px;
	width: 100%;
	line-height: 20px;
	padding: 5px 10px;
	color: #2b2b2b;
	display: block;
}
#footer .btn:hover{
	opacity: 0.6;
}
#footer .footer_top{
	padding: 20px 0px;
	border-bottom: 1px solid #4e4e4e;
}
#footer .footer_top .row .columns{
	border-left: 1px solid #4e4e4e;
	padding: 0px 50px;
	min-height: 120px;
}
#footer .footer_top .row .columns:first-child{
	border-left: 0px;
	padding-left: 0;
}
#footer .footer_top .row .columns:last-child{
	padding-right: 0;
}
#footer .footer_title{
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 20px;
	color: #fff;
}
#footer .footer_top ul.list{
	margin-bottom: 20px;
}
#footer .footer_top ul.list li{
	display: block;
	margin-bottom: 5px;
}
#footer .footer_top ul.list li a{
	font-size: 13px;
	color: #fff;
	font-weight: 300;
	text-decoration: none;
}
#footer .footer_top ul.list li a:hover{
	text-decoration: underline;
}
#footer .footer_form{
	clear: both;
	margin-bottom: 20px;
}
#footer .footer_form:after{
	content: "";
	display: table;
	width: 100%;
	clear: both;
}
#footer .footer_form input{
	height: 30px;
	border: 1px solid #8a8a8a;
	color: #8a8a8a;
	font-size: 13px;
	background-color: transparent;
	border-radius: 0px;
	width: calc(100% - 40px);
	float: left;
	margin-right: 10px;
	box-shadow: none;
	outline: none;
	margin-bottom: 0px;
}
#footer .footer_form--newsletter input[type="checkbox"]{
   width: 15px;
   height: 15px;
   display: inline-block;
}
#footer .footer_form--newsletter input[type="checkbox"] + label{
    width: calc(100% - 25px);
    display: inline-block;
    margin: 0;
    font-size: 12px;
    line-height: 110%;
    color: #8a8a8a;
}
#footer .footer_form--newsletter input[type="checkbox"],
#footer .footer_form--newsletter input[type="checkbox"] + label{
   margin-top: 10px;
}
#footer .footer_form--newsletter a{
    color: #fff;
}
#footer .footer_form--newsletter a:hover{
    color: #cd202c;
}
#footer .footer_form button{
	height: 30px;
	border: 1px solid #8a8a8a;
	color: #8a8a8a;
	background-color: transparent;
	border-radius: 0px;
	margin-bottom: 0px;
	width: 30px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	box-shadow: none;
	outline: none;
	float: left;
}
#footer ul.social{
}
#footer ul.social li{
	display: inline-block;
	margin-right: 20px;
}
#footer ul.social li a{
	display: block;
	text-align: center;
	line-height: 24px;
	color: #8a8a8a;
	font-size: 18px;
}

#footer .footer_bottom{
	padding: 10px 0px;
	color: #8a8a8a;
	font-size: 11px;
}
#footer .footer_bottom .row .columns{
	padding: 0px;
}
#footer .footer_bottom .lang{
	display: inline-block;
}
#footer .footer_bottom .redes-sociales-lite {
    display: inline-block;
}
#footer .footer_bottom .lang a{
	color: #8a8a8a;
	text-decoration: none;
}
#footer.monty-footer .footer_bottom .lang a {
    color: #222222;
}
#footer .footer_bottom .lang span{
	color: #fff;
}
#footer .footer_bottom .copyright{
	float: right;
	margin-left: 30px;
}
#footer.monty-footer .footer_bottom .copyright{
    color: #222222
}
#footer .footer_bottom .menu-bottom {
	float: right;
}
#footer .footer_bottom .menu-bottom ul li{
	display: inline-block;
	margin-bottom: 5px;
}
#footer .footer_bottom .menu-bottom ul li:after{
    content: "|";
    margin: 0 1px 0 3px;
}
#footer .footer_bottom .menu-bottom ul li:last-child:after{
    content: "";
    margin: 0;
}
#footer .footer_bottom .menu-bottom ul li a{
	font-size: 11px;
	color: #8a8a8a;
	font-weight: 300;
	text-decoration: none;
}
#footer.monty-footer .footer_bottom .menu-bottom ul li a {
    color: #222222
}
/*link generico: establecemos font-weight bold*/
a.link-bold{
    font-weight: 800;
    text-decoration: underline;
}
@media all and (max-width: 1024px){
	#prefooter {
		padding-left: 20px;
		padding-right: 20px;
	}

	#footer .footer_bottom .row .columns,
	#footer .footer_top .row .columns{
		border-left: 0px;
		padding: 0px 15px !important;
	}

	#footer .footer_bottom .lang,
	#footer .footer_bottom .menu-bottom,
    #footer .footer_bottom .redes-sociales-lite,
	#footer .footer_bottom .copyright {
		float: none;
		margin-left: 0px;
		display: block;
		margin-bottom: 10px;
	}
}

    #header .top_bar.monty-bar {
        background: #ff4d00;
    }
    /*Items de menú acceso*/
    #header .user_container .dropdown .title {
        font-size: 16px;
        font-weight: 100;
        margin-bottom: 2em;
        text-transform: uppercase;
    }
    span.acceso-item{
        width: 100%;
        float: right;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    span.acceso-item .fa{
        font-size: .7em;
        position: relative;
        bottom: 1px;
    }
span.acceso-item .fa-circle, span.acceso-item .fa-circle {
    color:#cd202c;
}
 span.acceso-item .fa-circle-thin {
    color:#adadad;
}
 span.acceso-item .fa-circle, span.acceso-item .fa-circle-thin{
        font-size: .6em;
        position: relative;
        bottom: 1px;
    }
    #header .user_container .dropdown .title a {
        /* float: right;*/
        color: #adadad;
        margin-left: .2em;
        text-transform: uppercase;
        font-size: 1rem;
    }
    #header .user_container .dropdown .title a.title__particulares{
        margin-right: 1.5em;

    }

    #header .user_container .dropdown .title a:active{outline: 0;}
    #header .user_container .dropdown .title a:hover{
        color: #cd202c;
    }
    /*#header .top_bar .user_container .dropdown .title a::before{
        content: "";
        width: .5em;
        height: .5em;
        margin-right: .28em;
        border-radius: 50%;
        background-color: #cd202c;
        display: inline-block;
        position: relative;
        bottom: 1px;

    }
    #header .top_bar .user_container .dropdown .title a:hover::before{
        background-color: #fff;
        border: 1px solid #cd202c;
    }*/
    .active-accessItem{
        color: #cd202c !important;
    }



.fa.scroll-up,
.fa.scroll-down{
    position: fixed;
    right: 20px;
    font-size: 60px;
    color: #000;
    opacity: 0.5;
    bottom: 70px;
    z-index: 1002;
    cursor: pointer;
}
.fa.scroll-up {
    bottom: 130px;
}

@media (max-width: 360px) {
    .bikeFittingDiv .fields div label{
        width: 70px;
    }
}

/*    Paginación    */

.paginacionAccesorios{
    float:left;
    margin-top: 1rem;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    clear:both;
    text-align:center;
    overflow: hidden;
}
.paginacionAccesorios a{
    /*float: left;*/
    display: inline-block;
    vertical-align: middle;
    padding: .3rem .6rem;
    border: 2px solid #eee;
    cursor: pointer;
    background-color: transparent;
    font-size: .8rem;
    font-weight: 800;
}
.js-page{

}
.js-page:last-child, a.no-return, a.no-return--angle{
    border-right: 2px solid #eee;
}
.js-page:last-child{
    margin-left: .5rem;
}
.js-page:first-child{
    margin-right: .5rem;
}
.js-page#currentPage, .paginacionAccesorios a:hover{
    background-color: #000;
    color: #fff;
    border-color: #000;
}
a.no-return{
    margin-right: .5rem;
    background-color: transparent;
    cursor: default;
    opacity: .5;
}
a.no-return:hover{
    background-color: transparent;
    color: #000;
    border: 2px solid #eee;
}
/*textos unique y volver de cabecera y ajuste de cabecera*/

/*.b2b #header .top_header .left{*/
    /*display: table;*/
/*}*/
/*.b2b #header .top_header .left a{*/
    /*display: table-cell;*/
    /*vertical-align: middle;*/
/*}*/
/*.b2b #header .top_header .bh_unique, .b2b #header .top_header .bh_volver, .b2b #header .top_header .bh_vitoria, .b2b #header .top_header .bh_mbc{*/
    /*border-right: 1px solid #e5e5e5;*/
    /*padding: 0 10px;*/
/*}*/
/*.b2b #header .top_header .bh_unique{*/
    /*position: relative;*/
    /*display: inline-block;*/
    /*float: left;*/
    /*height: 24px;*/
/*}*/
/*.b2b #header .top_header .bh_unique img{*/
    /*max-width: 100%;*/
    /*height: 100%;*/
    /*display: block;*/
/*}*/

/*.b2b #header .top_header .bh_volver{*/
    /*width: auto;*/
    /*max-width: 58px;*/
    /*height: 100%;*/
    /*float: left;*/
    /*display: inline-block;*/
   /*!* line-height: 40px;*!*/
    /*padding-top: 6px;*/
    /*border-left: 1px solid #eee;*/
    /*font-size: .8rem;*/
    /*text-align: center;*/
    /*line-height: 14px;*/
/*}*/
/*.b2b #header .top_header .bh_volver::before{*/
    /*font-family: FontAwesome;*/
    /*content: '\f112';*/
    /*display: block;*/
/*}*/
/*#header .top_bar .slider_container{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    left: 0;
    transform: none;
    margin: 0 auto;
}*/
/* barra inferior 'comenzar a diseñar desde cero'*/
.footer_bottom_home_for_action {
    display:none;
    height: 4rem;
}
div.boton-unique{
    width: 100%;
    height: 4rem;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #000;
    z-index: 99999;
    text-align: center;
    -webkit-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}
div.boton-unique:hover{
    background-color: #fff;
}
div.boton-unique a{
    line-height: 4rem;
    text-transform: uppercase;
    display: block;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 800;
}
div.boton-unique a::before{
    content: url(/web/img/unique-barrabottom.png);
    position: relative;
    margin-right: .5rem;
    top: .65rem;
}
div.boton-unique:hover a{
    color: #000;
}
div.boton-unique:hover a::before{
    content: url(/web/img/unique-barrabottom-hover.png);
}
div.boton-unique a::after{
    font-family: FontAwesome;
    content: '\f178';
    margin-left: .5rem;
    font-weight: 300;
}
/*ajuste vídeo portada para que quede por encima de barra inferior de home*/
.home-slider .videoContainer{
    height: calc(100% - 4rem);
    background-color: #000;
}
.height100{
    height: 100% !important;
}
/** popup en home de Francia FR **/
#popupHomeFr.popup-modal{
    background-color: transparent !important;
}
#popupHomeFr .content{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 96%;
    max-width: 900px;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 2%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: #fff;
}
#popupHomeFr .content h1 {
    margin-bottom: .5rem;
    color: #CD202C;
    font-size: 2.7rem;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: 1px;
}
#popupHomeFr .content p{
    line-height: 130%;
    margin-bottom: .5rem;
    color: #000;
}
#popupHomeFr .content p:last-child{
    margin-bottom: 0;
}
#popupHomeFr .content p a{
    color: #CD202C;
}
button.btn-popupHomeFr{
    margin-top: 1.2rem;
    background-color: #CD202C;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
button.btn-popupHomeFr a{
    color: #fff;
}
button.btn-popupHomeFr:hover{
    opacity: .9;
}
/*media querie para popup FR*/
@media (max-width: 29.938em){ /*hasta 479px*/
    #popupHomeFr .content{
        padding: 10%;
    }
    #popupHomeFr .content h1{
        font-size: 2.1rem;
    }
    #popupHomeFr .content p{
        font-size: 1rem;
    }
}
/*popup votaciones bicis*/
#popupVotacion.popup-modal{
    background-color: transparent !important;
}
#popupVotacion .content{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 96%;
    max-width: 900px;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 2%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    background-color: #fff;
}
#popupVotacion .content h1 {
    margin-bottom: .5rem;
    color: #CD202C;
    font-size: 2.7rem;
    font-weight: 800;
    line-height: 100%;
    letter-spacing: 1px;
}
#popupVotacion .content p{
    line-height: 130%;
    margin-bottom: .5rem;
    color: #000;
}
#popupVotacion .content p:last-child{
    margin-bottom: 0;
}
.buttons-vote{
    width: 80%;
    margin: 3% auto 0 auto;
}
.buttons-vote--top,
.buttons-vote--bottom{
    width: 100%;
    height: auto;
    margin-top: 2%;
    padding: 0;
}
.buttons-vote a{
    width: 43.6%;
    min-width: 100px;
    height: 3rem;
    line-height: 3rem;
    margin-right: 2%;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    background-color: #000;
}
.buttons-vote a:hover{
    opacity: .9;
}
.buttons-vote a span{
    font-size: 1rem;
    font-weight: 800;
    line-height: 100%;
}
/*media querie para popup votaciones*/
@media (max-width: 37.500em){ /*hasta 600px*/
    #popupVotacion .content h1{
        font-size: 2rem;
    }
    #popupVotacion .content p{
        font-size: 1rem;
    }
    .buttons-vote a{
        width: 90%;
        display: block;
        margin: 8px auto;
    }
}

/** Pantalla inicio idiomas **/
article.content{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 95%;
    max-width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Roboto Condensed", sans-serif;
    background-color: #fff;
}
article .content-top{
    height: 4rem;
    padding: 0 3%;
    border-bottom: 1px solid  #eee;
}
article.content h1{
    margin: 0;
    line-height: 4rem;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 800;
}
.content-langs{
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #eee;
}
.content-langs .lang-left,
.content-langs .lang-right{
    width: 49.7%;
    min-width: 250px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 3% 3% 0 3%;
}
.content-langs .lang-left a.link-flag,
.content-langs .lang-right a.link-flag{
    width: 100%;
    height: 100%;
    display: block;
}
.content-langs .lang-left{
    border-right: 1px solid #eee;
}
.content-langs .flag-image{
    width: 100%;
    max-width: 180px;
    height: auto;
    max-height: 140px;
    margin: 0 auto;
    position: relative;
}
.content-langs .flag-image:hover::before{
    content: '';
    width: 100%;
    max-width: 180px;
    height: 100%;
    max-height: 140px;
    position: absolute;
    top: 0;
    border: 4px solid rgba(0, 0, 0, 1);
}
.content-langs .flag-image.active::before{
    content: '';
    width: 100%;
    max-width: 180px;
    height: 100%;
    max-height: 140px;
    position: absolute;
    top: 0;
    border: 4px solid rgba(0, 0, 0, 1);
}
.content-langs .text-country,
.content-langs .text-language{
    width: 242px;
    margin: 0 auto .6rem auto;
    color: #000;
    text-transform: capitalize;
    font-size: .83rem;
    text-align: left;
}
.content-langs .text-country span,
.content-langs .text-language span{
    position: relative;
    top: 1px;
    left: 1px;
    color: #000;
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.content-langs .flag-image img{
    max-width: 100%;
    height: auto;
    max-height: 150px;
    margin: 0 auto;
    display: block
}
.content-langs .available-country{
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: .1rem 0 0 0;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(205, 32, 44, 1);
}
.content-langs .available-country .fa{
    margin-right: .3rem;
    font-size: .85rem;
}
.content-langs .text-language{
    margin: 6% auto 0 auto;
}
ul.lang-box--list{
    width: 100%;
    padding: 0;
    margin: .8rem auto 3% auto;
    text-align: center;
}
li.lang-box--item{
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1%;
    margin-bottom: 22px;
}
li.lang-box--item:last-child{
    margin-right: 0;
}
li.lang-box--item a{
    width: 100%;
    height: 100%;
    padding: 4px;
    text-decoration: none;
    font-size: 1rem;
    border: 2px solid rgba(0, 0, 0, .9);
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
}
li.lang-box--item a:hover,
li.lang-box--item a.active{
    background-color: rgba(205, 32, 44, 1);
    color: #fff;

}
a.link-flag:hover{
    opacity: 1;
}
section.popup-modal p.lang-text{
    width: 100%;
    margin: 0 auto;
    padding: 1% 3% 3% 3%;
    font-size: 1rem;
    font-weight: 600;
    line-height: 110%;
    color: #000;
}
a.viewall-locations{
    width: auto;
    max-width: 150px;
    height: 3rem;
    line-height: 3rem;
    display: block;
    margin-left: 3%;
    font-size: .8rem;
    text-transform: capitalize;
}
a.viewall-locations .fa{
    position: relative;
    margin-right: .3rem;
}
section#pantalla-inicio--idiomas.popup-modal,
section#pantalla-inicio--idiomas.popup-modal .content{
    z-index: 99999;
}
/*media querie para pantalla idiomas*/
@media (max-width: 40.938em){ /*hasta 655px*/
    article .content-top,
    a.viewall-locations{
        height: 2rem;
        line-height: 2rem;
    }
    article.content h1{
        line-height: 2rem;
        font-size: 1rem;
    }
    .content-langs .lang-left,
    .content-langs .lang-right{
        width: 100%;
        display: block
    }
    .content-langs .flag-image{
        max-width: 140px;
    }
    section.popup-modal p.lang-text{
        font-size: .8rem;
    }
    #popup-calculator{
        overflow-y: auto;
        padding-top: 60px !important;
    }
}
/*a partir de 1400px*/
@media screen and (min-width: 87.500em) {
    .product_gallery--slider .product_gallery--slide img{
        width: 100%;
        height: 100%;
        margin: 0;
        display: block;
    }
    .ficha-accesorio .product_gallery--slider .product_gallery--slide img{
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        display: block;
        margin: 0 auto;
    }
}
/*impresión*/
@media print{
    .nav-down #page{
        padding-top: 5px;
    }
    .codigo-pedido div span,
    .datos-facturacion-entrega > div > span,
    .datos-facturacion-entrega > div > span,
    .datos_pago .tipo{
        font-size: 13px;
    }
    .mje-compra-ok{
        margin: 5px 0;
    }
    #prefooter,
    .subtitulo, .subtitulo::before,
    .contenido-bottom,
    a[title="Imprimir"]{
        display:none;
    }
    #content.contenido p, #pagina .contenido p{
        text-align: left;
        font-size: 13px;
    }
}
/*logo iberdrola: comunidad por el clima*/
/*.logo-iberdrola--clima{
    width: auto;
    height: 164px;
    padding: 10px 0;
}
.logo-iberdrola--clima img{
    max-width: 100%;
    height: 100%;
    display: block;
}*/
.logo-iberdrola--clima{
    width: 50%;
    max-width: 300px;
    height: auto;
    padding: 20px 15px;
    margin-left: 2%;
}
.logo-iberdrola--clima img{
    max-width: 100%;
    height: auto;
    display: block;
}
#left.iberdrola, #left.porelcambio{
    visibility: hidden;
}
/*media querire para logo*/
@media screen and (max-width: 61.188em){ /*hasta 979px*/
    .logo-iberdrola--clima{
        margin-top: 70px;
        margin-bottom: -72px;
    }
}
/*home b2c 20170523 */
#home section#portadab2c_title_and_text_block .content-bg .text-title{
    padding: 3rem 0 1.5rem 0;
}
#home section#portadab2c_title_and_text_block .content-bg .text-title h2.title-bg,
#home section#portadab2c_title_and_text_block .content-bg  .text-title  p.text-bg{
    color: #000;
}
#home section#portadab2c_title_and_text_block .content-bg .text-title h2.title-bg{
    font-size: 1.8rem;
    font-weight: 800;
}
#home section#portadab2c_title_and_text_block .content-bg  .text-title  p.text-bg{
    font-size: 1rem;
    opacity: .8;
}
.b2b #content .content-bg .text-title{
    margin: 2.5% auto;
}
.b2b #content .content-bg .text-title h2.title-bg{
    color: #000;
}
#home .wrapper-secciones-web .section-home{
    width: calc(50% - 2px);
    float: left;
}
#home .wrapper-secciones-web .section-home:nth-child(odd){
    margin-right: 4px;
}
#home .wrapper-secciones-web .section-home:last-child{
    margin-bottom: 1.5rem;
}
#home .wrapper-secciones-web .section-home .content h2{
    margin-left: 1rem;
    margin-top: .3rem;
}
#home .wrapper-secciones-web .section-home.section-6 a{
    width: 100%;
    display: block;
}
#home #product_related{
    padding-top: 0;
}
#home #product_related .product_related_slider .prev_arrow,
#home #product_related .product_related_slider .next_arrow{
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0;
}
#home #product_related .product_related_slider .prev_arrow{
    left: 5px;
}
#home #product_related .product_related_slider .next_arrow{
    right: 5px;
    left: auto;
}
#home #product_related .product_related_slider .prev_arrow .fa,
#home #product_related .product_related_slider .next_arrow .fa{
    font-size: 2.4rem;

}
#home #product_related .product_related_slider .slick-dots,
#home #product_related .arrows{
    display: none !important;
}

#home .wrapper-secciones-web .section-home a.section__link{
    position: relative
}
#home .wrapper-secciones-web .section-home a.section__link .content{
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 1;
    left: 0;
    color: #fff;
}
#home .wrapper-secciones-web .section-home a.section__link .content h2{
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 50px;
    color: #fff;
}
#home #portadab2c_secciones_web a.section__link .opacity_nohover{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(0, 0, 0, .6);
}
#home #portadab2c_secciones_web a.section__link:hover .content h2{
    display: none;
}
#home #portadab2c_secciones_web a.section__link:hover .opacity_nohover{
    background-color: transparent;
}
/*media queries para portada b2c home*/
@media screen and (max-width: 61.188em){ /*hasta 979px*/
    #home .wrapper-secciones-web .section-home{
        width: 100%;
        float: none;
    }
    #home .wrapper-secciones-web .section-home:nth-child(odd){
        margin-right: 0;
    }
    /*test revistas*/
    article.magazine-test__block{
        min-width: 206px;
    }
    .home .tecnologias-doble-imagen_img{
        background-size: cover;
    }
}
@media screen and (max-width: 29.938em){ /*hasta 479px*/
    #home section#portadab2c_title_and_text_block .content-bg .text-title h2.title-bg{
        font-size: 1.3rem;
    }
    #home section#portadab2c_title_and_text_block .content-bg  .text-title  p.text-bg{
        font-size: .8rem;
    }
    #home .wrapper-secciones-web .section-home a.section__link .content h2{
        bottom: 0;
        font-size: 25px;
    }
}
@media screen and (max-width: 22.500em) {  /*hasta 360px*/
    #product_resume .price_container .finance span.tae-text{
        margin-left: 3px;
        font-size: 11px;
    }
    #product_resume .price_container .finance span.more-info-tae{
        margin-left: 3px;
        font-size: 9px;
    }
}


/*** ICONOS SUPERIOR IZQUIERDA ***/
.new-products-logos{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 40px;
    background-color: #f5f2f2;
}
.b2b .new-products-logos{
    background-color: transparent;
}
.new-products-logos li{
    height: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-right: 2px solid #fff;
}
.new-products-logos li:last-child{
    border-right: 0;
}
.new-products-logos li.new-product-head{
    width: 60px;
    margin-right: 4px;
    background-color: #cd202c;
}
.new-products-logos li.new-product-head:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-left: 10px solid #cd202c;
}
.b2b #header .new-products-logos li.item-atomx{
    border-right: 1px solid #eee;
}
/*.b2b  #header .top_header .left .new-products-logos li a{*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*display: block;*/
    /*padding: 0 5px;*/
    /*text-decoration: none;*/
    /*font-size: 1rem;*/
    /*font-weight: 800;*/
    /*text-transform: uppercase;*/
    /*opacity: 1;*/
/*}*/


/*.b2b  #header .top_header .left .new-products-logos li a:hover{*/
    /*opacity: .8;*/
/*}*/
.b2b #header .new-products-logos li.item-atomx a{
    display: flex;
    align-items: center;
}
.new-products-logos li a span{
    font-weight: 800;
    display: inline-block;
}
.b2b .new-products-logos li a span.client-area {
    max-width: 45px;
    /* margin-left: 3px; */
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
}
.new-products-logos li a,
.new-products-logos li p{
    padding: 0 5px;
    line-height: 40px;
}
.new-products-logos li p{
    color: #fff;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
}
.new-products-logos li.new-product-head p{
    line-height: 12px;
    padding-top: 8px;
    text-align: center;
}
.b2b #header .top_header.left a.bh_vitoria,.b2b  #header .top_header .left a.bh_mbc{
    height: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    padding: 0 5px;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    opacity: 1;
    line-height: 40px;
}
/*.b2b #header .top_header .left:last-child{*/
    /*border-right: none;*/
/*}*/

.b2b #header .top_header .left a.bh_vitoria .vitoria_inscribete{
    padding-left: 5px;
    font-size: inherit;
}
/*colores textos de li a*/
.gray-logo-text{
    color: #959392;
    margin-left: 2px;
    font-size: .7rem;
    font-weight: 400;
}
.red-logo-text{
    color: #cd202c;
    font-weight: 800;
}
.black-logo-text{
    color: #000;
}
/** para menú móvil **/
#menu_movil .new-products-logos{
    float: none;
    height: auto;
    background-color: #fff;
}
#menu_movil .new-products-logos li.new-product-head{
    margin-right: 0;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    text-align: center;
    background-color: #CD202C;
}
#menu_movil .new-products-logos li{
    width: calc(50% - 2px);
    display: inline-block;
    text-align: center;
    background-color: #f5f2f2;
}
#menu_movil .new-products-logos li:last-child{
    border-right: 0px solid #fff;
}
#menu_movil .new-products-logos li:nth-child(even){
    border-right: 0px solid #fff;
}
#menu_movil .new-products-logos li:nth-child(odd){
    border-right: 0;
}
#menu_movil  .new-products-logos li.new-product-head{
    width: 100%;
    display: block;
}
#menu_movil  .new-products-logos li.new-product-head:after{
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-top: 4px solid #cd202c;
    border-right: 10px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 10px solid transparent;
}
#menu_movil .new-products-logos li a{
    padding: 0;
    text-transform: uppercase;
    font-size: 1rem;
}
/*B2B*/
@media screen and (max-width: 47.938em){ /*hasta 767px*/
    .b2b.articulos-ls #articulos-ls .articulos > .articulo {
        margin-right: 0;
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    .b2b.articulos-ls .caja_diponibilidad span{
        min-height: 96px;
        padding: 10px 5px;
        text-align: center;
        border-right: 1px solid #fff;
    }
    .b2b.articulos-ls .caja_diponibilidad span:last-child{
        border-right: 0;
    }
    body.b2b.articulos-ls .caja_diponibilidad span img{
        float: none;
        display: block;
        margin: 0 auto;
    }
    /*test revistas*/
    .view.articulo section.magazine-test{
        height: 60%;
        height: 60vh;
        margin-top: 25px;
        min-height: 30px;
    }
    article.magazine-test__block{
        width: 98%;
        display: block;
        margin: 0 auto 20px auto;
    }
    article.magazine-test__block:last-child{
        margin-bottom: 0;
    }
    figure.magazine-name{
        margin-top: 20px;
    }
    article.magazine-test__block p{
        font-size: 1rem;
    }
    .b2b #header .top_header .offers{
        display: none;
    }
    .formulario .td-accept{
        font-size: .75rem;
    }
}
/*Para barra de cabecera, desde 769px hasta 1136px*/
@media screen and (min-width: 48.063em) and (max-width: 71.000em) {
    .b2b #header .top_header .slider_container{
        max-width: 320px;
    }
}
/*hasta 980px*/
@media screen and (max-width: 61.250em){
    .new-products-logos li.new-product-head p {
        line-height: 40px;
        padding-top: 0;
        font-size: .8rem;
    }
}

/*a partir de 1400px top bar*/
@media screen and (min-width: 87.500em){
    .new-products-logos li.new-product-head{
        width: auto;
    }
    .new-products-logos li.new-product-head p{
        line-height: 40px;
        padding-top: 0;
    }
    .b2b #header .top_header .left .new-products-logos li a{

        padding: 0 10px;
    }
    .b2b #header .top_header .bh_volver{
        max-width: 100%;
        font-size: .85rem;
    }
    /*#header .top_bar .w_dropdown > a{
        padding: 0 15px;
    }*/
    .b2b #header .top_header .offers{
        padding: 0 10px;
        /*font-size: .85rem;*/
    }
}
/***SLIDER ZIG ZAG***/
.slide-zigzag{
    overflow-x: hidden;
}
.slide-full-img.tecnologias-doble-imagen{
    padding: 0;
}
.slide-full-img .tecnologias-doble-imagen_img{
    width: 100%;
    display: block;
}
.slide-full-img .tecnologias-doble-imagen__text{
    right: 35px;
}
.slide-full-img .tecnologias-doble-imagen--block.doble-imagen-block--right .tecnologias-doble-imagen__text{
    right: calc(100% - 445px);
}
.slide-zigzag .slick-prev,
.slide-zigzag .slick-next{
    font-size: 16px;
    width: 25px;
    height: 95px;
    color: #fff;
    background-color: rgba(0, 0, 0, .75);
}
.slide-zigzag .slick-prev:hover,
.slide-zigzag .slick-next:hover{
    background-color: rgba(0, 0, 0, 1);
}
.slide-zigzag .slick-prev{
    left: 0;
}
.slide-zigzag .slick-next{
    right: 0;
}
.slide-zigzag .slick-prev .fa,
.slide-zigzag .slick-next .fa{
    font-size: 2.2em;
    color: #fff;
}
.home .tecnologias-doble-imagen--block.slick-slide{
    margin: 0;
}
.home .slide-full-img.tecnologias-doble-imagen.slick-slider{
    overflow-y: hidden;
}
@media screen and (max-width: 47.938em) {  /*hasta 767px*/
    /*slider zig zag*/
    .slide-zigzag .slick-prev,
    .slide-zigzag .slick-next{
        width: 20px;
        height: 65px;
    }
    .slide-zigzag .slick-prev .fa,
    .slide-zigzag .slick-next .fa{
        font-size: 1.6em;
    }
    .home .link-portada-overArrow{
        font-size: 1.1rem;
    }
}
/*** ESTILOS POR DEFECTO PARA SELECT2 ***/
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 34px;
    user-select: none;
    -webkit-user-select: none; }
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.select2-container .select2-selection--single .select2-selection__clear {
    position: relative; }
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 34px;
    user-select: none;
    -webkit-user-select: none; }
.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap; }
.select2-container .select2-search--inline {
    float: left; }
.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0; }
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none; }

.select2-dropdown {
    background-color: white;
    border: 1px solid #fff;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block; }

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0; }

.select2-results__option {
    padding: 10px 5px;
    user-select: none;
    -webkit-user-select: none;
    font-family: arial;
    font-size: 16px;
    text-transform: uppercase;
}
.select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
    left: 0; }

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.select2-search--dropdown {
    padding: 4px;
    display: none;
}
.select2-search--dropdown .select2-search__field {
    padding: 8px 4px;
    width: 100%;
    box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none; }
.select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0); }

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; }

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #D9DCDF;
    border-radius: 5px; }
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 34px; }
.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default; }
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #D9DCDF;
    border-radius: 5px;
    cursor: text; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    padding: 4px;
    vertical-align: middle;
    padding-bottom: 0px;}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    line-height: 19px;
    padding: 5px;
    margin: 0px;
    margin-right: 4px;
    vertical-align: middle;
    margin-bottom: 4px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
    font-size: 18px;
    vertical-align: middle;
    font-weight: bold;
    line-height: 0px;
    line-height: 19px;
    width: 14px;
    float: left;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #D9DCDF;
    outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0px;
    border-color: #aaa; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0px;
    border-color: #aaa;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #fff;
    outline: 0;
}
.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
    border: 0px !important;
    height: 31px !important;
    margin: 0px;
    width: 200px !important;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
    padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #000;
    color: #fff;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em; }
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #000;
    color: #fff;
}
.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px; }

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0; }
.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none; }

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
    border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
    border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
    padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white; }

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb; }
/*** FIN DE ESTILOS POR DEFECTO PARA SELECT2 ***/

/*** NUEVO DISEÑO LISTADO 2018 (hay estilos en listado-bicis.css) ***/
.products .product:not(.slick-slide) .header{
   position: absolute;
    top: auto;
    bottom: 15px;
}
.products .product.oferta:not(.slick-slide) .header{
    position: relative;
    bottom: 7px;
}
.articulos-ls .products .product:not(.slick-slide) .header .header-inner{
}
.products .product:not(.slick-slide) .image{
    margin-top: 40px;
    border-right: 1px solid #f1f1f1;
}
.products .product:not(.slick-slide) .footer{
    min-height: 80px;
    padding: 5px 0 15px 0;
    /*border-bottom: 1px solid #f1f1f1;*/
}
.products .product.oferta:not(.slick-slide) .footer{
    min-height: 5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
}
.articulos-ls .products .product:not(.slick-slide):hover .footer .actions{
    visibility: visible;
    opacity: 1;
    position: absolute;
    bottom: 50px;
}
.inner .title_container.text-left .price{
    font-size: 1.15em;
    font-weight: 600;
}
.products .product:not(.slick-slide) .specs{
    visibility: hidden;
    display: none;
    width: 100%;
    position: absolute;
    top: 35px;
}
.products .product:not(.slick-slide):hover .specs{
    visibility: visible;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.products .product.product-accesorio .specs .spec{
    font-size: 12px;
}
.products .product:not(.slick-slide) .header .inner{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.products .product:not(.slick-slide) .footer .actions{
    position: relative;
    bottom : 5px;
}
.products .product:not(.slick-slide):hover .price_container.text-right{
    visibility: hidden;
    display: none;
}
/*** NUEVO DISEÑO FICHA Y BLOQUE INFERIORES ***/
/**genéricas**/
.section__inner{
    width: 98%;
    margin: 0 auto;
    padding: 1.2rem 0;
}
.product_gallery--slider .product_gallery--slide img.zoomImg{
    cursor: zoom-in;
}
/**sección FICHA - se agregan los estilos en listado_bicis.css para evitar importants y solapamiento de estilos**/
/**sección test revistas**/
.testrevista-block{
    width: 100%;
    max-width: 1920px;
    height: 100%;
    height: calc(100vh - 110px);
    /*min-height: 275px;*/
    max-height: 963px;
    position: relative;
    padding: 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    font-size: 1rem;
}
.test-revista-block__slider{
    width: 80%;
    max-width: 530px;
    margin: 0 0 3% 5% !important; /*hay que pisar un important de slick slider*/
}
.test-revista-block__slider__item{
    max-height: 360px;
    display: block;
    overflow-y: auto;
}
.test-revista-block__slider__text{
    font-family: 'Roboto', sans-serif;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 150%;
    text-align: left;
    color: #000;
}
.test-revista-block__slider__text .fa-angle-double-left,
.test-revista-block__slider__text .fa-angle-double-right{
    display: inline-block;
    vertical-align: middle;
    font-size: .9em;
    font-weight: 400;
    color: #000;
}
.test-revista-block__slider__text .fa-angle-double-left{
    margin-right: 2%;
}
.test-revista-block__slider__text .fa-angle-double-right{
    margin-left: 2%;
}
.test-revista-block__slider__author{
    margin-top: 4%;
    font-family: 'Roboto', sans-serif;
    font-size: 1em;
    font-weight: 600;
    line-height: 150%;
    text-transform: capitalize;
    text-align: left;
    color: #6E6F71;
}

/**productos relacionados**/

/*#product_related.products.product_related_3.product_related_3_new{*/
    /*padding-top: 0;*/
    /*margin-top: 70px;*/
    /*margin-bottom: 70px;*/
/*}*/

/*#product_related.products.product_related_3.product_related_3_new > .title,*/
/*#product_related.products.product_related_3.product_related_3_new .arrows{*/
    /*text-indent: -9999em;*/
    /*display: none;*/
/*}*/

/*#product_related.product_related_3.product_related_3_new .slick-slider{*/
    /*!*border-top: 2px solid #eee;*!*/
    /*border: 0;*/
/*}*/

/*#product_related.product_related_3.product_related_3_new .slick-slider h1{*/
    /*font-size: 27px !important;*/
    /*text-align: left;*/
    /*padding-left: 0;*/
/*}*/

/*#product_related.product_related_3.product_related_3_new .slick-slider img{*/
    /*width: 75%;*/
    /*margin: 0 auto;*/
/*}*/



/*#product_related.product_related_3.product_related_3_new .slick-dots{*/
    /*top: calc(100% + 2px);*/
    /*width: 100%;*/
/*}*/

/*customizar dots en slider de 2 productos relacionados*/

/*#product_related.product_related_3.product_related_3_new{*/
    /*max-width: 1400px;*/
    /*margin: 0 auto;*/
/*}*/

/*#product_related.product_related_3.product_related_3_new .product{*/
    /*max-width: 700px;*/
/*}*/



/*#product_related.product_related_3.product_related_3_new .slick-dots li{*/
    /*padding :10px;*/
/*}*/

/*#product_related.product_related_3.product_related_3_new .slick-dots li button{*/
    /*text-indent: -9999px;*/
    /*overflow:hidden;*/
    /*width: 14px;*/
    /*height:14px;*/
    /*border-radius:14px;*/
    /*background: transparent;*/
    /*border: 2px solid #000;*/

/*}*/

/*#product_related.product_related_3.product_related_3_new .slick-dots li button:before{*/
    /*content: none;*/
/*}*/


/*#product_related.product_related_3.product_related_3_new .slick-dots li.slick-active button:before {*/
    /*content: '\f192';*/
    /*position: absolute;*/
    /*width: 8px;*/
    /*height: 8px;*/
    /*border-radius: 8px;*/
    /*z-index: 99999;*/
    /*background: #D01E2D;*/
    /*top: 1px;*/
    /*left: 1px;*/
    /*opacity: 1;*/
/*}*/


/**full slider**/
.slider-full-block{
    width: 100%;
    max-width: 1920px;
    height: 100%;
    height: calc(100vh - 110px);
   /* min-height: 275px;*/
    max-height: 880px;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    font-size: 1rem;
}
.slider-full-block__slider{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}
.slider-full-block__slider__item{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.slider-full-block .prev_arrow,
.slider-full-block .next_arrow{
    width: 2em;
    height: 5.5em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, .8);
    cursor: pointer;
}
.slider-full-block .prev_arrow{
    left: 0;
}
.slider-full-block .next_arrow{
    right: 0;
}
.slider-full-block .prev_arrow .fa-angle-left,
.slider-full-block .next_arrow .fa-angle-right{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.6em; /*25px*/
    font-weight: 600;
    text-align: center;
    color: #fff;
}
.title-block{
    width: 98%;
    max-width: 980px;
    margin: 80px auto 40px auto;
    font-size: 1rem;
    text-align: center;
}
.ficha-accesorio .title-block{
    margin-bottom: 0;
}
#content .title-block__title{
    font-family: "Roboto Condensed", sans-serif;
    font-size: 2em;
    font-weight: 700;
    text-transform: none;
    text-align: center;
    line-height: 120%;
}
#content .title-block__text{
    font-family: 'Roboto',sans-serif;
    font-size: 0.95em;
    font-weight: 400;
    text-transform: none;
    line-height: 120%;
}
/**geometría**/
/*clase al body para que se vea correctamente en móvil el popup*/
/*.noScrollBody{
   overflow-y: hidden;
}*/
#product_geometry.product-geometry-block{
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    font-size: 1rem;
}
#product_geometry.product-geometry-block .siluet{
    width: 50%;
    max-width: 669px;
    margin-right: 20px;
}
#product_geometry.product-geometry-block .product-geometry-block__info{
    width: auto;
    min-width: 680px;
}
#product_geometry.product-geometry-block .title{
    font-size: 1.5em;
    font-weight: 600;
    text-transform: capitalize;
    text-align: left;
}
#product_geometry.product-geometry-block .product-geometry-block__info .table table{
    width: 100%;
}
#product_geometry.product-geometry-block .table tr th,
#product_geometry.product-geometry-block .table tr td{
    font-size: 0.95em;
}
/*scrollbar*/
#product_geometry.product-geometry-block .product-geometry-block__info .table::-webkit-scrollbar {
    height: 3px;
}
#product_geometry.product-geometry-block .product-geometry-block__info .table::-webkit-scrollbar-track {
    background-color: #eee;
}
#product_geometry.product-geometry-block .product-geometry-block__info .table::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}
#product_geometry.product-geometry-block .product-geometry-block__info .table::-webkit-scrollbar-button {
    background-color: rgba(0, 0, 0, 0.5);
}
#product_geometry.product-geometry-block .size_link{
    top: 10px;
    font-size: 0.9em;
}
/**talla y ajuste**/
.size-and-setting-block{
    font-size: 1rem;
}
.title-block--small{
    width: 98%;
    max-width: 100%;
    margin: 50px auto 10px auto;
    padding: 0;
    text-align: left;
}
#content .title-block--small .title-block__title{
    margin-bottom: 2%;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.500em;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    color: #000;
}
#content .title-block--small .title-block__text{
    line-height: 150%;
    text-transform: none;
}
.size-and-setting-block__list{
    width: 98%;
    margin: 5px auto;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 1rem;
}
.size-and-setting-block__list th,
.size-and-setting-block__list td{
    position: relative;
    vertical-align: middle;
    padding: 15px 5px;
    text-align: center;
}
.size-and-setting-block__list thead{
    background-color: transparent;
}
.size-and-setting-block__list th:not(.th-row){
    font-size: 1em;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
}
.size-and-setting-block__list tbody{
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
}
.size-and-setting-block__list td,
.size-and-setting-block__list th.th-row{
    font-size: 0.9em;
    color: #000;
}
.size-and-setting-block__list th.th-row{
    width: 100px;
}
.size-and-setting-block__list td p:first-child{
    font-size: 1.1em;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}
.size-and-setting-block__list td p,
.size-and-setting-block__list th.th-row p{
    line-height: 110%;
    margin:  0 0 8px 0;
    padding: 0;
}
.size-and-setting-block__list td .size-mob{
    text-indent: -9999em;
    display: none;
}
.size-and-setting-block__list td p:last-child,
.size-and-setting-block__list th.th-row p:last-child{
    margin-bottom: 0;
}
.size-and-setting-block__list td:nth-child(even){
    background-color: #eee;
}
.ico-cell{
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5px;
}
.ico-cell::before{
    font-family: FontAwesome;
    content: '\f080';
    font-size: 1em;
    font-weight: 300;
    color: #000;
}
/**descripción de bici (columnas)**/
#bike-technology.bike-technology-block{
    width: 100%;
    margin: 5px auto 0 auto;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    background-color: #f7f7f7;
    font-size: 1rem;
}
/*
.bike-technology-block__left,
.bike-technology-block__right{
    padding: 4% 0;
}
.bike-technology-block__left{
    width: 130px;
    text-align: center;
}
*/
/*
.ficha-accesorio .bike-technology-block__left,
.ficha-accesorio .bike-technology-block__right{
    padding: 20px 0;
}
*/
.bike-technology-block__left__text{
    width: auto;
    max-height: 490px;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    word-wrap: break-word;
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: 0 auto;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 4.5em;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    line-height: 100%;
    color: #c6c8ca;
}
.ficha-accesorio .bike-technology-block__left__text{
    font-size: 3.3em;
}
/*
.bike-technology-block__right{
    width: calc(100% - 130px);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bike-technology-block__right__item{
    -webkit-flex: 0 1 29.3333333%;
    -moz-flex: 0 1 29.3333333%;
    -ms-flex: 0 1 29.3333333%;
    -o-flex: 0 1 29.3333333%;
    flex: 0 1 29.3333333%;
    margin: 4% 2%;
}
*/
.bike-technology-block__right__item__title{
    margin-bottom: 1.250em;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.500em; /*24px*/
    font-weight: 700;
    text-align: left;
    line-height: 120%;
    color: #000;
}
.bike-technology-block__right__item__text{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.875em; /*14px*/
    font-weight: 300;
    text-align: left;
    line-height: 200%;
    color: #000;
}
/**technology-points (navegación tab)**/
#bike-technology-points.bike-technology-points-block{
    width: 100%;
    height: 70%;
    height: 70vh;
    min-height: 360px;
    max-height: 636px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
   /* -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;*/
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    font-size: 1rem;
    border-bottom: 2px solid #fff;
}
.bike-technology-points-block__nav{
    width: 220px;
    padding-left: 2%;
    margin-right: 50px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 160px;
}
.bike-technology-points-block__nav.bike-technology-points-block__nav--mob{
    text-indent: -9999em;
    visibility: hidden;
    display: none;
}
.bike-technology-points-block__nav__item{
    width: 100%;
    margin-bottom: 1.4em;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: .83em;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
    cursor: pointer;
}
.bike-technology-points-block__nav__item:last-child{
    margin-bottom: 0;
}
.bike-technology-points-block__nav__item:hover,
.bike-technology-points-block__nav__item.nav-active{
    font-weight: 600;
    color: #333;
}
.bike-technology-points-block__info{
    width: calc(100% - 270px);
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    /*-webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;*/
}

.bike-technology-points-block__info__text{
    width: calc(40% - 50px);
    margin-right: 50px;
    max-height: 350px;
    overflow-y: auto;
    padding: 0;
    /*-webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;*/
    position: relative;
    top: 112px;
}
.bike-technology-points-block__info__text__title{
    margin-bottom: 1em;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 120%;
    color: #000;
}
.bike-technology-points-block__info__text__text{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: .875em;
    font-weight: 300;
    line-height: 180%;
    color: #000;
}
.bike-technology-points-block__info__media{
    width: 65%;
    max-width: 960px;
    /*height: 100%;*/
    margin-left: 0;
    margin-right: 0;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    -o-align-self: center;
    align-self: center;
}
.bike-technology-points-block__info__media img{
    max-width: 100%;
    height: auto;
    display: block;
}
.bike-technology-points-block__info__media video,
.bike-technology-points-block__info__media iframe{
    width: 100%;
    height: 100%;
    display: block;
}
/**Especificaciones técnicas**/
.view.articulo .specifications-block{
    width: 100%;
    max-width: 1920px;
    min-height: 46%;
    min-height: 46vh;
    position: relative;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    font-size: 1rem;
    /*background-color: #555454;*/
    background-color: #f7f7f7;
}
.specifications-block .section__inner{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 1.8em auto;
}
.specifications-block__left{
    width: 230px;
    margin-right: 120px;
}
.specifications-block__title{
    margin-bottom: 1.3em;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.500em;
    font-weight: 700;
    text-transform: capitalize;
    text-align: left;
    line-height: 120%;
   /* color: #fff;*/
    color: #000;
}
.specifications-block__title span{
    display: block;
    margin-top: 5px;
}
/*select de left -pisamos estilos de select2.css- */
.specifications-block__left .select2-container--default .select2-selection--single{
    width: 100%;
    height: 50px;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 1px;
    font-family: 'Roboto', sans-serif;
    color: #000;
}
.specifications-block__left .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.specifications-block__left .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
    border-color: #000;
    background-color: transparent;
}
.specifications-block__left .select2-container--default .select2-selection--single:focus{
    outline: 0;
}
.specifications-block__left .select2-container--default .select2-selection--single .select2-selection__rendered{
    font-size: .95em;
    font-weight: 300;
    line-height: 50px;
    text-transform: uppercase;
    color: #000;
}
.specifications-block__left .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 0;
    right: 0;
}
.specifications-block__left .select2-container--default .select2-selection--single .select2-selection__arrow b,
.specifications-block__left .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-width: 0 3px 3px 0;
    border-style: solid;
    border-color: #000;
    margin-top: -1px;
    margin-left: -10px;
    padding: 3px;
    top: 50%;
    color: #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.specifications-block__left .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    -webkit-transform: rotate(-133deg);
    -moz-transform: rotate(-133deg);
    -ms-transform: rotate(-133deg);
    -o-transform: rotate(-133deg);
    transform: rotate(-133deg);
}
.select2-container--open .select2-dropdown--below{
    background-color: transparent;
    border: 1px solid #fff;
}
.select2-results__option{
    font-size: 12px;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 1px solid #fff;
}
.select2-results__option:last-child{
    border-bottom: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: #000;
    color: #fff;
}
.specifications-block__right{
    width: calc(100% - 350px);
}
.specifications-block__right #product_specs,
.specifications-block__right #product_specs .container-fluid{
    padding: 0;
}
.specifications-block__right #product_specs .table_list{
    margin-bottom: 0;
}
.specifications-block__right #product_specs .table_list li{
    border-bottom: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
}
.specifications-block__right #product_specs .table_list li span{
    font-family: 'Roboto Condensed';
    font-size: .9em;
    font-weight: 300;
   /* color: #fff;*/
    color: #333;
}
.specifications-block__right #product_specs .table_list li span:first-child{
    min-width: 170px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
   /* color: #cdcdcd;*/
    color: #000;
}
.specifications-block__right .specs__download-block{
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 1rem;
}
#product_specs .specs__download-block .subtitle,
#product_specs .specs__download-block .download_links li a{
    color: #fff;
}
#product_specs .specs__download-block .subtitle{
    margin-bottom: 10px;
    font-size: 1.3em;
}
#product_specs .specs__download-block .download_links{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
#product_specs .specs__download-block .download_links li{
    width: auto;
    margin: 5px 10px;
}
#product_specs .specs__download-block .download_links li a{
    width: 100%;
    height: 100%;
    display: block;
    font-size: .85em;
}
#product_specs .specs__download-block .download_links li a:hover{
    color: #CD202C;
}
/** media queries para nuevo diseño **/
/*hasta 989px*/
@media screen and (max-width: 61.813em){
    *{
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);/*quitamos color background touch en dispositivos móviles*/
    }
    /**technology bici (columnas)**/
    #bike-technology.bike-technology-block{
        width: 100%;
    }
    .bike-technology-block__right__item{
        -webkit-flex-basis: 46%;
        -moz-flex-basis: 46%;
        -ms-flex-basis: 46%;
        -o-flex-basis: 46%;
        flex-basis: 46%;
    }
    /**technology-points**/
    #bike-technology-points.bike-technology-points-block{
        width: 100%;
        height: auto;
        margin: 0 auto 10px auto;
        padding: 20px 0;
        background-color: #f1f1f1;
    }
    #bike-technology-points.bike-technology-points-block,
    .bike-technology-points-block__info{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        max-height: 100%;
    }
    .bike-technology-points-block__nav{
        text-indent: 0;
        visibility: visible;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 98%;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .bike-technology-points-block__nav__item,
    .bike-technology-points-block__nav__item:last-child{
        width: auto;
        max-width: 340px;
        margin-left: 0.6em;
        margin-right: 0.6em;
        margin-bottom: 0.6em;
        text-align: center;
    }
    .bike-technology-points-block__info{
        width: 100%;
    }
    .bike-technology-points-block__info__text{
        width: 92%;
        max-height: 100%;
        order: 2;
        padding: 0;
        margin: 20px auto;
        top: 0;
    }
    .bike-technology-points-block__info__text__title{
        font-size: 1em;
    }
    .bike-technology-points-block__info__media{
        width: 98%;
        height: 500px;
        overflow: hidden;
    }
    /**tallas**/
    #content .title-block__title{
        padding-left: 0;
    }
    /**geometría**/
    #product_geometry.product-geometry-block{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        padding: 0;
    }
    #product_geometry.product-geometry-block .siluet,
    #product_geometry.product-geometry-block .product-geometry-block__info{
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }
    #product_geometry.product-geometry-block .siluet{
        min-height: 228px;
    }
    #product_geometry.product-geometry-block .product-geometry-block__info{
        min-height: 400px;
        overflow-x: hidden;
    }
    #product_geometry.product-geometry-block .product-geometry-block__info .table{
        overflow-x: auto;
    }
    #product_geometry.product-geometry-block .product-geometry-block__info .table table{
        min-width: 550px;
    }
    /**full slider**/
    /*.slider-full-block{
        max-height: 385px;
    }*/
    .title-block,
    .ficha-accesorio .title-block{
        margin: 20px auto;
    }
    /**especificaciones técnicas**/
    .specifications-block__left{
        margin-right: 80px;
    }
    .specifications-block__right{
        width: calc(100% - 310px)
    }
    /*anchuras*/
    .section__inner,
    .title-block--small,
    .size-and-setting-block__list{
        width: 92%;
    }
    /**listado bicis**/
    .products .product:not(.slick-slide):not(.product-accesorio) .specs{
        position: relative;
    }
    .products .product:not(.slick-slide):not(.product-accesorio) .specs .spec{
        max-width: 140px;
        font-size: .8em;
    }
    .products .product:not(.slick-slide):not(.product-accesorio) .header{
        bottom: 2px;
    }
    /*texto especificaciones*/
    .ficha-accesorio .specifications-block{
        /*visibility: hidden;*/
        /*display: none;*/
    }
}
/*hasta 767px*/
@media screen and (max-width: 47.938em){
    .testrevista-block,
    .slider-full-block,
    .title-block,
    #product_geometry.product-geometry-block,
    .size-and-setting-block,
    .size-and-setting-block__list,
    #bike-technology.bike-technology-block,
    #bike-technology-points.bike-technology-points-block,
    .specifications-block,
    .specifications-block__right .specs__download-block{
        font-size: 0.85rem;
    }
    /**listado bicis**/
    .products .product:not(.slick-slide):not(.product-accesorio) .image{
        border-right: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .products .product:not(.slick-slide):not(.product-accesorio) .specs{
        top: 0;
    }
    .products .product:not(.slick-slide):not(.product-accesorio) .footer{
        min-height: 10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    /**geometría**/
    #product_geometry.product-geometry-block .product-geometry-block__info{
        width: 92%;
    }
    /**Talla y ajuste**/
    .size-and-setting-block__list{
        display: block;
        max-width: 420px;
        margin-left: 4%;
        margin-right: 4%;
    }
    .size-and-setting-block__list thead,
    .size-and-setting-block__list th.th-row{
        visibility: hidden;
        display: none;
    }
    .size-and-setting-block__list td .size-mob{
        text-indent: 0;
        display: inline-block;
        float: left;
        width: 70px;
        height: 100%;
        font-size: 1.3em;
        font-weight: 600;
        line-height: 70px;
        text-transform: uppercase;
        background-color: #fff;
    }
    .cell-info{
        width: calc(100% - 70px);
        height: 100%;
        float: left;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
    }
    .cell-info p:first-child{
        text-indent: -9999em;
        display: none;
    }
    .cell-info p{
        font-size: 1.2em;
    }
    .size-and-setting-block__list tbody,
    .size-and-setting-block__list tr{
        width: 100%;
        display: block;
        border-top: 0;
        border-bottom: 0;
    }
    .size-and-setting-block__list tr{
        height: 100%;
    }
    .size-and-setting-block__list th,
    .size-and-setting-block__list td{
        width: 100%;
        height: 70px;
        display: block;
        padding: 0;
        margin-bottom: 5px;
        border-top: 2px solid #000;
        border-bottom: 2px solid #000;
    }
    .size-and-setting-block__list td:nth-child(odd){
        background-color: transparent;
    }
    .size-and-setting-block__list td:nth-child(odd) .cell-info{
        background-color: #eee;
    }
    /*.size-and-setting-block__list td p{
        height: 100%;
        line-height: 100%;
    }*/
    /**tecnología points**/
    #bike-technology-points.bike-technology-points-block{
        background-color: #fff;
    }
    /*bike technology points*/
    .bike-technology-points-block__nav{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;
        padding-left: 2%;
    }
    .bike-technology-points-block__nav__item,
    .bike-technology-points-block__nav__item:last-child{
        text-align: left;
    }
    .bike-technology-points-block__info__media{
        height: 245px;
        overflow: hidden;
    }
    /**especificaciones técnicas**/
    .specifications-block__left,
    .specifications-block__right{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .specifications-block__title{
        width: 98%;
        /*position: absolute;*/
        top: 30px;
        /*left: 2%;*/
    }
    .specifications-block__title span{
        display: inline-block;
        margin-top: 0;
        margin-left: 5px;
    }
    .specifications-block__left{
        /*-webkit-box-ordinal-group: 2;*/
        /*-moz-box-ordinal-group: 2;*/
        /*-ms-flex-order: 2;*/
        /*-webkit-order: 2;*/
        /*order: 2;*/
        /*margin-top: 25px;*/
    }
    .specifications-block__right{
        margin-top: 20px; /*margin top en función del top del title*/
    }
    .specifications-block__right #product_specs .columns{
        padding-left: 0;
        padding-right: 0;
    }
}
/*hasta 540px*/
@media screen and (max-width: 33.750em){
    .testrevista-block,
    .slider-full-block,
    .title-block,
    #product_geometry.product-geometry-block,
    .size-and-setting-block,
    .size-and-setting-block__list,
    #bike-description.bike-description-block,
    #bike-characteristics.bike-characteristics-block,
    .view.articulo .specifications-block,
    .specifications-block__right .specs__download-block{
        font-size: 0.75rem;
    }
    /**descripción bici (columnas)**/
    .bike-technology-block{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .bike-technology-block__left,
    .bike-technology-block__right{
        width: 98%;
    }
    .bike-technology-block__right__item{
        -webkit-flex-basis: 100%;
        -moz-flex-basis: 100%;
        -ms-flex-basis: 100%;
        -o-flex-basis: 100%;
        flex-basis: 100%;
    }
    .bike-technology-block__left__text{
        width: 100%;
        writing-mode: horizontal-tb;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        font-size: 2.2em;
    }
    .ficha-accesorio .bike-technology-block__left__text{
        font-size: 2em;
        margin-top: 10px;
        padding-top: 0;
        padding-bottom: 0;
    }
    /*especificaciones técnicas*/
    .specifications-block__right #product_specs .table_list li{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .specifications-block__right #product_specs .table_list li span{
        font-size: 1.05em;
    }
    /**test revista**/
    .test-revista-block__slider__text{
        font-size: 1.2em;
    }
}
/*a partir de  1600px*/
@media screen and (min-width: 100.000em){
    /**technology points**/
    .bike-technology-points-block__info__media{
        width: 80%;
        max-width: 1080px;
        max-height: 636px;
    }
    .bike-technology-points-block__info__media img{
        width: 100%;
    }
}
/***NUEVO SUBMENU PARA NAV***/
.submenu-nav{
    display: none;
}
.submenu-nav.submenu_open{
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 500px;
    margin: 0 auto;
    padding: 0 3.125em; /*50px*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    z-index: 9999;
    font-size: 1rem;
    background-color: rgba(255, 255, 255, 1);
}
/**parte izquierda submenú**/
.submenu-nav__col__left{
    width: 30%;
    min-width: 200px;
    max-width: 375px;
    padding: 3.125em 2em 3.125em 0; /*50px*/
}
.submenu-nav__col__left__inner{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
}
/*col left list*/
.submenu-nav__col__left__list{
    border-right: 1px solid #e5e5e5;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1rem;
}
.submenu-nav__col__left__list__item{
    margin-bottom: 0.625em; /*10px*/
}
.submenu-nav__col__left__list__item a{
    width: 100%;
    height: 100%;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: .9em;
    font-weight: 600;
    line-height: 110%;
    text-transform: capitalize;
    text-decoration: none;
    color: #000;
}
.submenu-nav__col__left__list__item a:hover{
    color: #CD202C;
}
.submenu-nav__col__left__list__item a::before{
    /*content: "";
    width: 8px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    -o-transform: skew(-30deg);
    transform: skew(-30deg);
    background-color: #CD202C;*/
}
/**parte derecha submenú**/
.submenu-nav__col__right{
    width: 70%;
    padding: 3.125em 0; /*50px*/
}
.submenu-nav__col__right__inner{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /*-webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;*/
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.submenu-nav__col__right__inner__col{
    min-width: 72px;
    position: relative;
    margin-right: 2.500em; /*40px*/
    margin-bottom: 2.500em;
}
.submenu-nav__col__right__inner__col:last-child{
    margin-right: 0;
}
/*col right head*/
.submenu-nav__col__right__inner__col__head{
    width: 100%;
    height: auto;
   /* height: 6.250em;
    position: absolute;
    top: 0;
    left: 0;*/
}
.submenu-nav__col__right__inner__col__head__title{
    margin: 0 0 5px 0;
    font-family: 'Roboto', sans-serif;
    font-size: .95em;
    line-height: 110%;
    text-transform: uppercase;
    color: #000;
}
.submenu-nav__col__right__inner__col__head__title a{
    text-decoration: none;
    font-weight: 600;
}
.submenu-nav__col__right__inner__col__head__text{
    max-width: 140px;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-size: .65em;
    font-weight: 300;
    line-height: 150%;
    color: #ab9dc0;
}
/*col right listados*/
.submenu-nav__col__right__inner__col__list{
    margin: 2em 0 0 0; /*activar cuando se ponga head en col*/
    /*margin: 0;*/ /*quitar cuando se active head en col*/
    padding: 0;
    list-style-type: none;
    font-size: 1rem;
}
.submenu-nav__col__right__inner__col__list__item{
    margin-bottom: 1.250em; /*20px*/
}
.submenu-nav__col__right__inner__col__list__item:last-child{
    margin-bottom: 0;
}
.submenu-nav__col__right__inner__col__list__item a{
    width: 100%;
    height: 100%;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: .9em;
    font-weight: 400;
    line-height: 110%;
    text-transform: capitalize;
    text-decoration: none;
    color: #000;
}
.submenu-nav__col__right__inner__col__list__item a:hover{
    color: #CD202C;
}
/*col right foot*/
.submenu-nav__col__right__inner__col__foot{
    margin-top: 1.333em; /*20px*/
}
/*botón personalizar*/
.personalize-button{
    height: 25px;
    display: inline-block;
    padding: 0 10px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .7);
    border-radius: 2px;
}
.personalize-button span,
.personalize-button img{
    display: inline-block;
    vertical-align: middle;
}
.personalize-button span{
    margin-right: .5em;
    font-family: 'Roboto',sans-serif;
    font-size: .8em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 25px;
    color: #000;
}
.personalize-button img{
    max-width: 40px;
}
@media (min-width: 106.250em) { /*a partir de 1700px*/
    .submenu-nav__col__right__inner__col{
        min-width: 170px;
    }
}
/***HEADER con fondo negro**/
@media (min-width: 61.875em){ /*a partir de 990px*/
    .b2b #header .top_header .slider_container{
        text-indent: -999em;
        visibility: hidden;
        display: none;
    }
    #header .main_bar .logo{
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 10px;
        margin: 0;
    }
    /*.b2b #header .top_header,*/
    /*.b2b #header  .user_container,*/
    /*.b2b #header .w_dropdown > a,*/
    /*.b2b #header .top_header .help{*/
        /*height: 32px;*/
        /*background-color: transparent;*/
    /*}*/
    /*.b2b #header .top_header{*/
        /*border-bottom: 0;*/
        /*background: -webkit-linear-gradient(to bottom right, #000, #363738);*/
        /*background: -moz-linear-gradient(to bottom right, #000, #363738);*/
        /*background: -ms-linear-gradient(to bottom right, #000, #363738);*/
        /*background: -o-linear-gradient(to bottom right, #000, #363738);*/
        /*background: linear-gradient(to bottom right, #000, #363738);*/
    /*}*/
    /*.b2b #header .top_header .offers{*/
        /*padding: 0;*/
    /*}*/
    /*.b2b #header .top_header a,*/
    /*.b2b #header .top_header a.offers{*/
        /*border-right: 0;*/
        /*color: #fff;*/
    /*}*/
    /*.b2b #header .top_header a{*/
        /*opacity: .9;*/
    /*}*/
    /*.b2b #header .top_header a span{*/
        /*padding: 0 14px;*/
        /*border-right: 1px solid #eee;*/
    /*}*/
    /*.b2b #header .top_header .right a:last-child span{*/
        /*border-right: 0;*/
    /*}*/
    /*.b2b #header .top_header .left,*/
    /*.b2b #header .top_header .right{*/
        /*height: 100%;*/
    /*}*/
    /*.b2b #header .top_header .left a{*/
        /*vertical-align: top;*/
        /*!*border-right: 0;*!*/
    /*}*/
    /*.b2b #header .top_header  .user_container,*/
    /*.b2b .buzon-sugerencias{*/
        /*line-height: 32px;*/
        /*!*display: inline-flex;*!*/
        /*!*width: 100%;*!*/
        /*float: left;*/
        /*padding: 0 12px;*/
        /*position: relative;*/
        /*!*line-height: 40px;*!*/
        /*margin-right: .5rem;*/
        /*font-family: "Roboto Condensed", sans-serif;*/
        /*font-size: 12px;*/
        /*text-transform: uppercase;*/
    /*}*/
    /*.b2b #header .top_header  .w_dropdown > a{*/
        /*padding: 0;*/
        /*border-left: 0;*/
        /*border-right: 0;*/
    /*}*/
    /*.b2b #header .top_header  .w_dropdown > a,*/
    /*.b2b #header .offers{*/
        /*background-color: transparent;*/
        /*color: #ebedee;*/
        /*line-height: 32px;*/
    /*}*/
    /*.b2b #header .top_header  .w_dropdown > a:focus,*/
    /*.b2b #header  .offers:focus{*/
        /*color: #fff;*/
    /*}*/

    /*.b2b #header .top_header  .w_dropdown.open > a{*/
        /*border-left: 0;*/
        /*border-right: 0;*/
    /*}*/
    /*bajamos carrito al lado de search*/
   /* #header .top_bar .cart_container{
        width: 75px;
        position: absolute;
        top: 32px;
        right: 0;
        z-index: 9998;
        font-size: 25px;
        border-left: 1px solid #e5e5e5;
    }
    #header .top_bar .cart_container a{
        width: 100%;
        height: 100%;
        display: block;
        padding: 0;
    }
    #header .top_bar .cart_container a span{
        top: 10px;
        right: 5px;
    }
    #header .top_bar .cart_container a .fa-shopping-cart{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #cd202c;
        opacity: .85;
    }
    #header .top_bar .cart_container a:hover .fa-shopping-cart{
        opacity: 1;
    }*/
    /*.b2b #header .main_bar .search{*/
        /*margin-right: 55px;*/
    /*}*/
    /*.b2b #header .top_header .dropdown a{*/
        /*color: #222;*/
    /*}*/
    /*!*b2b*!*/
    /*.b2b #header .top_header .dropdown a{*/
        /*color: #222;*/
    /*}*/
    /*.b2b .new-products-logos{*/
        /*height: 100%;*/
    /*}*/
    /*.b2b #header .top_header .left .new-products-logos li a{*/
        /*padding: 0;*/
        /*line-height: 32px;*/
    /*}*/
    /*.b2b #header .top_header a span{*/
        /*border-right: 0;*/
    /*}*/

    /*.b2b #header .top_header .media_center_link,*/
    /*.b2b #header .top_header .offers{*/
        /*color: #fff;*/
        /*vertical-align: middle;*/
        /*!*line-height: 32px;*!*/
        /*display: block;*/
        /*float: left;*/
        /*line-height: 32px;*/
        /*!*padding: 0 10px;*!*/
        /*!*color: #000;*!*/
        /*font-weight: bold;*/
        /*text-transform: uppercase;*/
    /*}*/
    /*.b2b #header .new-products-logos li.item-atomx{*/
        /*border-right: 0;*/
    /*}*/
    /*.b2b #header .new-products-logos li.item-atomx span{*/
        /*padding: 0;*/
        /*vertical-align: middle;*/
    /*}*/

    /*.b2b #header .top_header .media_center_link,*/
    /*.b2b #header .top_header .left .offers,*/
    /*.b2b #header .top_header .left .bh_unique,*/
    /*.b2b #header .top_header .left .bh_volver,*/
    /*.b2b #header .top_header .left .bh_vitoria,*/
    /*.b2b #header .top_header .left .bh_mbc{*/
        /*border-right: 1px solid #eee;*/
    /*}*/
    /*.b2b #header .top_header .left .bh_unique{*/
        /*visibility: hidden;*/
        /*display: none;*/
    /*}*/
    /*.b2b #header .top_header .right .bh_unique{*/
        /*border-right: 0;*/
    /*}*/
    /*.b2b #header .top_header .left .offers,*/
    /*.b2b #header .new-products-logos li.item-atomx{*/
        /*padding-left: 10px;*/
        /*padding-right: 10px;*/
    /*}*/
    /**nuevo main bar**/
   /* #header .main_bar,
    #header .top_bar .cart_container{
        height: 52px;
    }
    #header .main_bar .main_menu > li a,
    #header .main_bar .search
    #header .top_bar .cart_container{
        line-height: 52px;
    }*/
    #header .main_bar .container{
        height: 100%;
    }
    #header .main_bar .logo{
        top: calc(50% - 3px);
    }
    #header .main_bar .logo a{
        width: 100%;
        height: 100%;
        display: block;
    }
    #header .main_bar .logo a img{
        max-width: 100%;
        height: auto;
        display: block;
    }
    #header .main_bar .main_menu{
        padding-top: 0;
        height: 100%;
    }
    #header .main_bar .main_menu > li a{
        padding: 0;
    }
    #header .main_bar .main_menu .sub_menu > li a{
        line-height: 23px;
    }
    /*search*/
    #header .main_bar .search{
        padding: 0;
    }
    #header .main_bar .search_box .switcher,
    #header .main_bar .search_box button{
        top: 10px;
    }
    /*page*/
    .nav-down #page {
        padding-top: 84px; /*pasa de 113 a 84px*/
    }
    section.wrapper-bg-image{
        height: calc(100vh - 81px); /*pasade 110 a 81px*/
    }
}
/** black friday cuando va en main_bar, no en top_bar **/
.main_bar .offers.black{
    width: 150px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 370px;
}
/*se oculta en b2b*/
.b2b .main_bar .offers.black{
    visibility: hidden;
    display: none;
}
@media screen and (max-width: 989px){
    a.offers.black {
        visibility: hidden;
        display: none;
    }
}
/*@media (max-width: 61.813em) {
    #header.sticky {
        position: sticky;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 99999;
        background-color: #fff;
    }
}*/
@media (max-width: 87.500em){ /*hasta 1400px*/
    /**parte derecha submenú**/
    .submenu-nav__col__right{
        width: 80%;
    }

    /**parte izquierda submenú**/
    .submenu-nav__col__left{
        width: 20%;
    }
}
/*se pone fondo negro en móvil a logo bhunqiue*/
#menu_movil .top_links .my_bh_unique{
    background-color: transparent;
}
/***fin HEADER con fondo negro***/


/*** LANDINGS GENÉRICAS (07-11-2018 - comenzamos a agregar todos los nuevos bloques genéricos de las landings)  ***/

/**genérico**/
.generic{
    width: 100%;
    clear: both;
    margin: 2px 0;
}
.generic-content{
    width: 98%;
    max-width: 1800px;
    height: 100%;
    margin: 2% auto;
    font-size: 1rem;
}
#home .generic-content div img,
#home .generic-content figure img,
.generic-content div img,
.generic-content figure img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0;
}
.generic-content--twocols{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
#content .generic-title,
.generic-title{
    font-family: 'Roboto Condensed', sans-serif;
}
.generic-text{
    font-family: 'Roboto', sans-serif;
    line-height: 150%;
    color: #000;
}

/**sección versión 1**/
.generic-v1{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    overflow: hidden;
    background-color: #fff;
}
.generic-v1__left,
.generic-v1__right{
    -webkit-box-flex: 0 1 50%;
    -moz-box-flex: 0 1 50%;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
    min-width: 300px;
    max-width: 776px;
}
.generic-v1__left{
    margin-right: 2em;
}
.generic-v1__right{
    margin-left: 2em;
}
.generic-v1__left__img{
    width: 100%;
}
.generic-v1__left__text{
    margin-top: 10%; /*80px*/
}
#content .generic-v1 .generic-title,
.generic-v1 .generic-title{
    margin: 0;
    font-size: 2.188em; /*35px*/
    font-weight: 500;
    color: #737373;
    text-transform: none;
    text-align: center;
}
#content .generic-v1 .generic-title::first-letter,
.generic-v1 .generic-title::first-letter{
    color: #ff8d28;
}
#content .generic-v1 .generic-title span,
.generic-v1 .generic-title span{
    font-weight: 500;
    text-transform: uppercase;
}
.generic-v1__left__text .generic-text{
    margin-top: 5.9%; /*45px*/
    margin-bottom: 3.8%; /*30px*/
    font-size: 1.063em; /*17px*/
    font-weight: 400;
    line-height: 130%;
}
.generic-v1__left__text .generic-text:last-child{
    margin-top: 0;
    margin-bottom: 0;
}
.generic-v1__right{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    position: relative;
}
.generic-v1__right__img.top {
    width: 75%;
    max-width: 506px;
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end;
    position: relative;
    margin-top: 1em;
    margin-left: 2em;
    z-index: 1;
}
.generic-v1__right__img.bottom {
    width: 100%;
    max-width: 422px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

/** sección versión 2 **/
.generic-v2__left {
    -webkit-box-flex: 0 1 70%;
    -moz-box-flex: 0 1 70%;
    -webkit-flex: 0 1 70%;
    -ms-flex: 0 1 70%;
     margin-right: 2em; /*32px*/
}
.generic-v2__right{
    -webkit-box-flex: 0 1 30%;
    -moz-box-flex: 0 1 30%;
    -webkit-flex: 0 1 30%;
    -ms-flex: 0 1 30%;
    max-width: 576px;
}
.generic-v2__left__top{
    display: flex;
    margin-bottom: 1.625em; /*26px*/
}
.generic-v2__left__top__left{
    width: 50%;
    max-width: 556px;
    margin-right: 1.5em; /*24px*/
}
.generic-v2__left__top__right{
    width: 50%;
    max-width: 470px;
    margin-top: 2.500em; /*40px*/
}
.generic-v2__left__top__right__block{
    margin-bottom: 2.500em;
}
.generic-v2__left__top__right__block:last-child{
    margin-bottom: 0;
}
#content .generic-v2 .generic-title,
.generic-v2 .generic-title{
    margin: 0;
    font-size: 2.188em; /*35px*/
    font-weight: 600;
    color: #000;
    text-align: left;
    text-transform: capitalize;
}
#content .generic-v2 .generic-title span,
.generic-v2 .generic-title span{
    color: #CD202C;
    font-weight: 600;
    text-transform: none;
}
.generic-v2 .generic-text{
    margin-top: 5.9%; /*45px*/
    margin-bottom: 3.8%; /*30px*/
    font-size: 1.063em; /*17px*/
    font-weight: 400;
    line-height: 130%;
}
.generic-v2 .generic-text:last-child{
    margin-top: 0;
    margin-bottom: 0;
}
.generic-v2__left__bottom{
    width: 100%;
    max-width: 1050px;
}
.generic-v2__right__bottom{
    margin-top: 2.500em;
    text-align: left;
}

/** MEDIA QUERIES para landings genéricas **/
@media screen and (max-width: 991px){
    /*genérico*/
    .generic-content{
        font-size: 0.9rem;
    }
}
@media screen and (max-width: 767px){
    /*genérico*/
    .generic-content{
        font-size: 0.85rem;
    }
}
@media screen and (max-width: 559px){
    /*genérico*/
    .generic-content{
        font-size: 0.8rem;
    }
    .generic-content--twocols{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    /*versión 1*/
    .generic-v1__left,
    .generic-v1__right,
    .generic-v1__right__img.top,
    .generic-v1__right__img.bottom{
        margin-left: auto;
        margin-right: auto;
    }
    .generic-v1__left__text{
        text-align: center;
    }
    .generic-v1__right__img.bottom{
        position: static;
    }
    /*version v2*/
    .generic-v2__left{
        margin-right: 0;
        margin-bottom: 0.5em;
    }
    .generic-v2__left__top{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .generic-v2__left__top__left{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .generic-v2__left__top__right{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    #content .generic-v2 .generic-title,
    .generic-v2 .generic-title,
    .generic-v2 .generic-text{
        text-align: center;
    }

}
/*** CABECERA ACCESORIOS (se replica la de bicis) ***/
#category_header.accesorios-header{
    height: 75%;
    height: 75vh;
    max-height: 800px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#category_header.accesorios-header .container{
    width: 100%;
    height: 100%;
    padding: 0 30px
}
#category_header.accesorios-header .miga-title{
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    font-size: 1rem;
}
#category_header.accesorios-header .miga-title .title{
    margin-bottom: 1.2em;
    font-size: 2.3em;
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
}
.explanation-block.accesorios{
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}
.category--accesories{
    width: calc(48% - 2px);
}
.category--accesories .childs{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.category--accesories .childs ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
   -moz-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   -o-flex-wrap: wrap;
   flex-wrap: wrap;
    padding-left: 30px;
}
.category--accesories .childs ul li{
    margin: 5px 10px;
}
.category--accesories .childs ul li a{
    font-size: 0.7em;
    font-weight: 600;
    text-decoration: none;
    color: #808080;
    letter-spacing: 1px;
}
.category--accesories .childs ul li a::before{
    font-family: FontAwesome;
    content: '\f138';
    margin-right: 4px;
}
/*media querie para cabecera listado accesorios*/
@media screen and (max-width: 979px){
    .explanation-block.accesorios{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        margin-bottom: 72px;
        padding: 10px 0 20px 0;
    }
    .explanation-block.accesorios .explanation-block__text,
    .category--accesories{
        width: 100%;
    }
    .explanation-block.accesorios .explanation-block__text{
        padding: 0 40px;
        margin-top: 12px;
        font-size: 0.9em;
        text-align: left;
    }
}
@media screen and (max-width: 572px) {
    .explanation-block.accesorios .explanation-block__text{
        padding: 0 15px;
    }
    .category--accesories .childs ul{
        padding-left: 15px;
    }
    .products .product.product-accesorio .specs .spec{
        font-size: 11px;
    }
}
/*** FICHA ACCESORIOS: bloques inferiores ***/
/*background color de bloques*/
/*
.ficha-accesorio section:nth-child(3),
.ficha-accesorio section:nth-child(7){
    background-color: #f1f1f1 !important;
}
*/
/*productos relacionados*/
.ficha-accesorio #product_related.products{
    margin-bottom: 70px;
    padding-top: 0;
}
.ficha-accesorio #product_related.products .slick-dots{
    top: auto;
    bottom: -45px;
}
.ficha-accesorio #product_related.products .slick-track .product.product-accesorio{
    margin-top: 30px;
    /*border-top: 2px solid #eee;*/
}
.ficha-accesorio #product_related.products .arrows{
    visibility: hidden;
    display: none;
}
.text-left-right{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.ficha-accesorio #product_related.products .product.product-accesorio .header .specs{

}
.ficha-accesorio #product_related.products .product-accesorio .header .inner .text-left h3{
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 100%;
}
.ficha-accesorio #product_related.products .product-accesorio .header .colours{
    /*max-width: 26px;*/
    top: 26px;
    /*right: -13%;*/
}
.ficha-accesorio #product_related.products .product-accesorio .header .colours .colour{
    width: 26px;
    height: 26px;
    border-radius: 3px;
    padding: 3px;
    margin-right: 4px;
    border: 1px solid #bebebe;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: center;
}
.ficha-accesorio #product_related.products .product-accesorio .header .colours .colour span{}
.ficha-accesorio #product_related.products .product-accesorio .footer .actions .btn{
    width: 80%;
    max-width: 280px;
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(0, 0, 0, .7);
    border: 0;
}
/*
.ficha-accesorio .bike-technology-block__right{
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
*/
.ficha-accesorio .bike-technology-block__right__item.one--item{
    -webkit-flex: 0 1 98%;
    -moz-flex: 0 1 98%;
    -ms-flex: 0 1 98%;
    -o-flex: 0 1 98%;
    flex: 0 1 98%;
    margin: 0 auto;
}
.ficha-accesorio .bike-technology-block__right__item.one--item .bike-technology-block__right__item__title,
.ficha-accesorio .bike-technology-block__right__item.one--item .bike-technology-block__right__item__text{
    text-align: center;
}
.ficha-accesorio .bike-technology-block__right__item.two--item{
    -webkit-flex: 0 1 46%;
    -moz-flex: 0 1 46%;
    -ms-flex: 0 1 46%;
    -o-flex: 0 1 46%;
    flex: 0 1 46%;
    margin-top: 0;
    margin-bottom: 0;
}

/*** nuevos bloques 01/03/2019 ***/
/**** Variables *****/
:root{
    --gray-bg-color: #fafafa;
    --gray-text-color: #cfcfcf;
    --margin-block: 1em;
    --padding-block: 2em;
}
/**** clases genéricas y estilos genéricos para distintos bloques ****/
.font-color-black{
    color: #000;
}
.pad-tb{
    padding-top: 10.3em !important;
    padding-bottom: 10.3em !important;
    padding-left: 2em;
    padding-right: 2em;
}
section.wrapper-bg-image.wrapper-full-bgimage,
section.wrapper-bg-image.wrapper-full-bgimage_2,
section.wrapper-bg-image.wrapper-full-bgimage_3,
section.wrapper-bg-image.wrapper-full-bgimage_4{
    height: auto;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.wrapper-full-bgimage a.nextsection{
    visibility: hidden;
    display: none;
}
.full-soloLink{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
/**** Popup vídeo ****/
.popup-video {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, .9);
    display: none;
}
.popup-video .fa-times {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #fff;
    font-size: 2em;
    z-index: 99999;
    cursor: pointer;
}
.popup-video iframe, .popup-video video, .popup-video #player {
    width: 98%;
    max-width: 900px;
    height: auto;
    min-height: 527px;
    /* display: block; */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.wrapper-full-bgimage a.play-video.view-more-product{
    border: 0;
}
.wrapper-full-bgimage a.play-video.view-more-product::after,
.wrapper-full-bgimage a.play-video.view-more-product span{
    visibility: hidden;
    display: none;
}
.wrapper-full-bgimage a.play-video.view-more-product::before{
    content: '\f01d';
    font-size: 6em;
    font-weight: 400;
}
.wrapper-full-bgimage a.play-video.view-more-product:hover{
    opacity: .9;
}

/**** Bloque intro animation: logo, bici, y textos ****/
.intro-animation{
    width: 100%;
    height: auto;
    min-height: 100vh;
    padding-bottom: 8.3em;
    font-size: 1rem;
    text-align: center;
    background-color: #fafafa;
    background-color: var(--gray-bg-color);
}
.intro-animation__animation{
    width: 100%;
    height: 100%;
    min-height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
}
#content h1.intro-animation__animation__title,
h1.intro-animation__animation__title,
#content .intro-animation__animation__title,
.intro-animation__animation__title{
    width: 96%;
    max-width: 1100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    font-size: 2rem;
    text-align: center;
    line-height: 100%;
    color: #000;
}
#content h1.intro-animation__animation__title img,
h1.intro-animation__animation__title img,
#content .intro-animation__animation__title img,
.intro-animation__animation__title img{
    max-width: 100%;
    height: auto;
    display: block;
}
.intro-animation__animation__img,
.spritespin,
.intro-animation__animation__controls{
    width: 98%;
    max-width: 1200px;
    max-height: 600px;
    margin-left: auto;
    margin-right: auto;
}
.intro-animation__animation__controls{
    visibility: hidden;
    display: none;
}
.intro-animation__animation__img{
    cursor: url(/download/bancorecursos/landings/atomx_carbon/cursor-rotate.png), auto;
}
.intro-animation-opacity{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(250, 250, 250, .45);
}
.intro-animation__animation__controls button,
button.controls-button,
a.controls-button,
.controls-button{
    width: 20px;
    height: 20px;
    margin: 0.5rem;
    padding: 0;
    font-size: 1.1em;
    color: #000;
    background-color: transparent;
}
.intro-animation__animation__controls button:hover,
button.controls-button:hover,
a.controls-button:hover,
.controls-button:hover{
    opacity: .9;
}
.intro-animation__text{
    width: 100%;
    max-width: 1800px;
    height: auto;
    margin: 0 auto;
    padding: 2.2em 0;
    font-size: 1rem;
    text-align: center;
    background-color: transparent;
}
.intro-animation__text.space{
    /*
    padding-top: 10%;
    padding-bottom: 10%;
    */
}
#content h1.intro-animation__text__title,
h1.intro-animation__text__title,
.intro-animation__text__title{
    width: 98%;
    height: auto;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2.7em;
    font-weight: 700;
    line-height: 120%;
    text-align: center;
    color: #000;
}
#content .intro-animation__text__text,
p.intro-animation__text__text,
.intro-animation__text__text{
    width: 98%;
    max-width: 980px;
    margin: 0.8em auto 0 auto;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 120%;
    color: #000;
}


/**** Barras de progreso ****/
.progress-bars{
    width: 100%;
    height: 100%;
    font-size: 1rem;
    background-color: #fff;
}
#content h1.progress-bars__title,
h1.progress-bars__title,
#content .progress-bars__title,
.progress-bars__title{
    margin: 0 0 0.15em 0;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 3em;
    font-weight: 700;
    line-height: 120%;
    text-align: left;
    text-transform: capitalize;
    color: #000;
}
.progress-bars__types{
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    margin: 0 0 0.6em 0;
    padding: 0;
}
.progress-bars__types__item{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    margin: 0.6em 1.2em;
    padding: 0;
}
.progress-bars__types__item:first-child{
    margin-left: 0;
}
.progress-bars__types__item:last-child{
    margin-right: 0;
}
.types-text{
    margin: 0 0 0 0.5rem;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.3em;
    font-weight: 500;
    line-height: 120%;
    text-align: left;
    text-transform: capitalize;
    color: #000;
}
.types-color{
    width: 6rem;
    height: 1.2rem;
}
.progress-bars__item{
    width: 98%;
    /* display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-align-items: center;
     -moz-align-items: center;
     -ms-align-items: center;
     -o-align-items: center;
     align-items: center;
     -webkit-flex-wrap: wrap;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;*/
    margin-bottom: 0.5em;
}
.progress-bars__item:last-child{
    margin-bottom: 0;
}
.progress-bar{
    /*width: calc(100% - 10rem);*/
    width: 100%;
    /* margin: 0 0 0 6rem;*/
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}
.progress-bar__left{
    width: 50%;
    min-width: 300px;
}
.progress-bar__right{
    width: calc(50% - 1rem);
    min-width: 300px;
    margin-left: 1rem;
    text-align: left;
}
p.progress-value,
.progress-value{
    margin: 0;
    padding: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 2.1em;
    font-weight: 700;
    text-align: left;
}
p.progress-value span,
.progress-value span{
    display: inline-block;
    margin-left: 0.2rem;
    font-size: 0.6em;
    font-weight: inherit;
}
.progress-bar__value{
    width: 100%;
    height: 0.9rem;
    margin: 0.3em 0;
    padding: 0;
    /*box-shadow: 6px 6px 20px #666;*/
}
.progress-bar-text{
    width: 98%;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.05em;
    font-weight: 500;
    line-height: 120%;
    text-align: left;
    text-transform: uppercase;
    color: #000;
}
.progress-bar__value.v225{
    width: 100%;
}
.progress-bar__value.v200{
    width: 90%;
}
.progress-bar__value.v175{
    width: 80%;
}
.progress-bar__value.v150{
    width: 70%;
}
.progress-bar__value.v125{
    width: 60%;
}
.progress-bar__value.v100{
    width: 50%;
}
.progress-bar__value.v75{
    width: 40%;
}
.progress-bar__value.v50{
    width: 30%;
}
.progress-bar__value.v25{
    width: 20%;
}
.progress-bar__value.v0{
    width: 0;
}
.progress-bar .progress-bar__value.grey,
.types-color.grey,
.radial__item.grey{
    background-color: #575756;
}
.progress-bar .progress-bar__value.grey-light,
.types-color.grey-light,
.radial__item.grey-light{
    background-color: #9d9d9c;
}
.progress-bar .progress-bar__value.red,
.types-color.red,
.radial__item.red{
    background-color: #cd202c;
}
.values-num-wrapper{
    width: 50%;
    min-width: 300px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    /*margin-left: 10rem;*/
    margin-left: 0;
    padding: 0.3em 1em;
    background-color: #ccc;
}
.values-num,
.progress-bar-text-comment{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
    font-weight: 500;
    line-height: 120%;
    text-align: left;
    text-transform: uppercase;
    color: #000;
}
.progress-bar-text-comment{
    /*margin-left: 10rem;*/
    font-size: 1.3em;
    text-transform: none;
}

/**** Imagen + specs: título, imagen, iconos y texto ****/
.img-spec{
    padding: 10.3em 0;
    font-size: 1rem;
    background-color: #fafafa;
    background-color: var(--gray-bg-color);
}
.img-spec.bg-spec--white{
    background-color: #fff;
}
.img-spec.bg-spec--grey{
    background-color: #fafafa;
}
#content h1.img-spec__title,
#content .img-spec__title,
h1.img-spec__title,
.img-spec__title{
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 3em;
    font-weight: 700;
    line-height: 120%;
    text-align: center;
    color: #cfcfcf;
    color: var(--gray-text-color);
}
#content h1.img-spec__title span,
#content .img-spec__title span,
h1.img-spec__title span,
.img-spec__title span{
    margin-top: 0.2em;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.img-spec__img{
    width: 50%;
    min-width: 300px;
    max-width: 619px;
    height: auto;
    max-height: 881px;
}
.img-spec__img img{
    max-width: 100%;
    height: auto;
    display: block;
}
.img-spec__lists{
    width: 98%;
    max-width: calc(330px + 4em);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.img-spec__icons{
    width: 165px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    margin-right: 2em;
}
.img-spec__icons:last-child{
    margin-right: 0;
}
.img-spec__icons__item{
    width: 100%;
    max-width: 170px;
    margin: 1em;
    margin: var(--margin-block);
}
.img-spec__img-icons{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.spec-icon-img{
    width: 120px;
    height: auto;
    margin: 0 0 0.5em 0;
}
.spec-icon-img img{
    max-width: 100%;
    height: auto;
    display: block;
}
.spec-icon-text{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.85em;
    font-weight: 300;
    line-height: 150%;
    color: #000;
}
.img-spec__text{
    width: 98%;
    max-width: 800px;
    margin: 2em auto 0 auto;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.05em;
    font-weight: 300;
    line-height: 150%;
    color: #000;
}
.img-spec__text.aos-init.aos-animate{
    font-size: 0.9rem;
}
@media screen and (min-width: 992px){
    .img-spec__text.aos-init.aos-animate{
        font-size: 1.45em;
    }
}
/*img spec version 2 */
.v-2 .img-spec__img{
    width: 98%;
    max-width: 1200px;
}
.v-2 .img-spec__text,
.v-3 .img-spec__text,
.v-4 .img-spec__text,
.v-5 .img-spec__text{
    margin-top: 9em;
}
.v-3 .img-spec__lists,
.v-4 .img-spec__lists,
.v-5 .img-spec__lists{
    visibility: hidden;
    display: none;
}
.v-3 .img-spec__text,
.v-4 .img-spec__text,
.v-5 .img-spec__text{
    text-align: center;
}
.v-3 .img-spec__img,
.v-4 .img-spec__img{
    width: 98%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}
.v-5 .img-spec__img{
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
}

/*** Claves: texto e icono, dos columnas ****/
.keys-block{
    font-size: 1rem;
    background-color: #fff;
}
.keys-block__cols{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.keys-block__col{
    width: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    padding: 2em;
    padding: var(--padding-block);
}
.keys-block__col:first-child{
    border-color: #cfcfcf;
    border-right: 1px solid var(--gray-text-color);
}
.keys-block__text{
    width: calc(100% - 220px);
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.15em;
    font-weight: 300;
    line-height: 150%;
    text-align: left;
    color: #000;
}
.keys-block__img{
    width: 200px;
}
.keys-block__img img{
    max-width: 100%;
    height: auto;
    display: block;
}
.keys-block__border-b{
    width: 98%;
    max-width: 1000px;
    height: 1px;
    margin: 2em auto 0 auto;
    background-color: #cfcfcf;
    background-color: var(--gray-text-color);
}

/**** Rosco ****/
.rosco{
    width: 100%;
    position: relative;
    padding: 2em 0;
    background-color: #fff;
    overflow-x: auto;
}
.rosco-bg{
    width: 795px;
    height: 795px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    background-image: url(/download/bancorecursos/landings/atomx_carbon/bg-rosco.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}
.rosco-charts {
    width: 755px;
    height: 755px;
    position: relative;
    margin: 0 auto;
    font-size: 1rem;

}
.chartdiv {
    width: 755px;
    height: 755px;
    position: absolute;
    top: 0;
    left: 0;
}
.chartdiv a,
.chartdiv svg desc{
    visibility: hidden;
    display: none;
}
.amcharts-title,
.amcharts-label,
.amcharts-legend-title{
    font-size: 60px !important;
}
#chart4.chartdiv{
    z-index: 4;
}
#chart5.chartdiv{
    z-index: 3;
}
#chart6.chartdiv{
    z-index: 2;
}
#chart7.chartdiv{
    z-index: 1;
}
#chart8.chartdiv{
    z-index: 0;
}

/**** Slider de imágenes con sombra ****/
.slider-img-shadow{
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    background-color: var(--gray-bg-color);
    overflow: hidden;
    font-size: 1rem;
}
.slider-shadow__item{
    position: relative;
    text-align: left;
}
.slider-shadow__img{
    width: 50%;
    max-width: 800px;
    height: 100%;
    max-height: 608px;
    -webkit-box-shadow: 10px 10px 15px #777;
    -moz-box-shadow: 10px 10px 15px #777;
    box-shadow: 10px 10px 15px #777;
}
.slider-shadow__img img{
    max-width: 100%;
    height: auto;
    display: block;
}
.slider-shadow__text{
    width: auto;
    max-width: 800px;
    position: absolute;
    top: 50%;
    left: calc(50% + 2em);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slider-shadow__text p{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2.3em;
    font-weight: 700;
    line-height: 120%;
    text-align: left;
    color: #666;
}
.slider-shadow__text p span{
    font-size: inherit;
    font-weight: inherit;
}
/*slick slider elementos*/
.slider-shadow .slick-list{
    min-height: 638px;
}
.slider-shadow .slick-dots{
    max-width: 800px;
    bottom: -2%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.slider-shadow .slick-dots li{
    margin: 6px;
}
.slider-shadow .slick-dots li button::before{
    font-size: 5rem;
}
/**** Bloque cita ****/
.cita{
    padding: 3em 0;
    font-size: 1rem;
    text-align: center;
}
.cita__text{
    width: 94%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    line-height: 130%;
    color: #cfcfcf;
    color: var(--gray-text-color);
}
.cita__text span{
    display: inline-block;
    margin-left: 8%;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: #000;
}
.cita__text::before,
.cita__text span::after{
    font-family: FontAwesome;
    position: relative;
    bottom: 0.3em;
    display: inline-block;
    vertical-align: top;
    font-size: 0.6em;
}
.cita__text::before{
    content: '\f10d';
}
.cita__text span::after{
    content: '\f10e';
}

/**** quitar en esta landing la flecha animada de background image full ****/
.atomx-carbon .wrapper-bg-image{
    background-color: #000;
}
.atomx-carbon .wrapper-bg-image a.nextsection{
    visibility: hidden;
    display: none;
}

/**** media queries landing atomx carbon ****/
@media screen and (max-width: 1199px) {
    .intro-animation,
    .slider-img-shadow,
    .img-spec,
    .progress-bars,
    .keys-block,
    .intro-animation__text,
    .cita{
        font-size: 0.85rem;
    }
    /**** Slider de imágenes con sombra ****/
    .slider-shadow__text p{
        font-size: 1.8em;
    }
    /*slick slider elementos*/
    .slider-shadow .slick-list{
        min-height: 438px;
    }
    /**** img mas spec ****/
    .v-2 .img-spec__text,
    .v-3 .img-spec__text,
    .v-4 .img-spec__text {
        margin-top: 2em;
    }
    /**** Bloque cita ****/
    .cita__text{
        font-size: 2em;
    }
}
@media screen and (max-width: 991px){
    /**** intro animation ****/
    .intro-animation,
    .intro-animation__animation{
        min-height: 200px;
        padding-top: 1em;
        padding-bottom: 1em;
    }
    #content h1.intro-animation__animation__title,
    h1.intro-animation__animation__title,
    #content .intro-animation__animation__title,
    .intro-animation__animation__title{
        top: 50%;
    }
    /**** full imagen vídeo ****/

    /*** Claves: texto e icono, dos columnas ****/
    .keys-block__cols,
    .keys-block__col{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .keys-block__col{
        width: 98%;
    }
    .keys-block__col:first-child{
        border-right: 0;
        border-color: #cfcfcf;
        border-bottom: 1px solid var(--gray-text-color);
    }
    .keys-block__text{
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 1em;
        text-align: center;
    }
    /**** full image ****/
    section.wrapper-bg-image.wrapper-full-bgimage,
    section.wrapper-bg-image.wrapper-full-bgimage_2,
    section.wrapper-bg-image.wrapper-full-bgimage_3,
    section.wrapper-bg-image.wrapper-full-bgimage_4{
        min-height: 300px;
    }

}
@media screen and (max-width: 767px){
    .intro-animation,
    .slider-img-shadow,
    .img-spec,
    .progress-bars,
    .keys-block,
    .intro-animation__text,
    .cita{
        font-size: 0.75rem;
    }
    /**** intro animation ****/
    .intro-animation__animation__img{
        pointer-events: none;
    }
    /**** Slider de imágenes con sombra ****/
    .slider-shadow__text p{
        font-size: 1.5em;
    }
    /*slick slider elementos*/
    .slider-shadow .slick-list{
        min-height: 318px;
    }
    /*** imagen + specs ****/
    #content h1.img-spec__title,
    #content .img-spec__title,
    h1.img-spec__title,
    .img-spec__title{
        font-size: 2.3em;
    }
    /**** Rosco ****/
    .rosco-charts,
    .chartdiv{

    }
    /**** Bloque cita ****/
    .cita__text{
        font-size: 1.7em;
    }
}
@media screen and (max-width: 575px){
    .intro-animation,
    .slider-img-shadow,
    .img-spec,
    .progress-bars,
    .keys-block,
    .intro-animation__text,
    .cita{
        font-size: 0.7rem;
    }
    /**** genérico ****/
    .pad-tb,
    .img-spec{
        padding-top: 5.3em !important;
        padding-bottom: 5.3em !important;
    }
    /**** Slider de imágenes con sombra ****/
    .slider-shadow__img{
        margin-left: auto;
        margin-right: auto;
    }
    .slider-shadow__text{
        width: 96%;
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        margin-top: 2em;
        margin-left: auto;
        margin-right: auto;
    }
    .slider-shadow__text p{
        text-align: center;
    }
    /*slick slider elementos*/
    .slider-shadow .slick-list{
        min-height: 126px;
    }
    /*slick slider elementos*/
    .slider-shadow .slick-dots{
        position: relative;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        bottom: -12px;
    }
    .slider-shadow .slick-dots li button::before{
        font-size: 4rem;
    }
    /**** imagen + spec ****/
    .img-spec__img-icons{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .img-spec__icons{
        width: 100%;
        margin: 2em auto 0 auto;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
    }
    #content h1.intro-animation__text__title,
    h1.intro-animation__text__title,
    .intro-animation__text__title{
        font-size: 2.4em;
    }
    #content .intro-animation__text__text,
    p.intro-animation__text__text, .intro-animation__text__text{
        font-size: 1.2em;
    }
    /****progress bars****/
    .progress-bars__item{
        margin-top: 1.2em;
        margin-bottom: 1.2em;
    }
    .progress-bar,
    .progress-bars__types{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        align-items: flex-start;
    }
    .progress-bar__left,
    .progress-bar__right{
        width: 100%;
    }
    p.progress-value,
    .progress-value{
        font-size: 2.5em;
    }
    .progress-bar__right{
        margin-left: 0;
        margin-top: 0.5em;
    }
    .progress-bars__types__item{
        margin-left: 0;
        margin-right: 0;
    }
    .progress-bar-text,
    .progress-bar,
    .values-num-wrapper,
    .progress-bar-text-comment{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        text-align: left;
    }

}

/**** bloque título y párrafo con estilos ****/
#portadab2c_title_and_text_block .content-bg--titles,
.content-bg--titles{
    width: 96%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding: 5rem 1rem;
    font-size: 1rem;
}
.content-bg--titles .text-title,
.content-bg--titles .text-title,
#home section#portadab2c_title_and_text_block .content-bg--titles .text-title,
#home section#portadab2c_title_and_text_block .content-bg--titles .text-title{
    padding: 0;
}
.content-bg--titles .text-title .title-bg,
.content-bg--titles .text-title h2.title-bg,
#home section#portadab2c_title_and_text_block .content-bg--titles .text-title .title-bg,
#home section#portadab2c_title_and_text_block .content-bg--titles .text-title h2.title-bg{
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 3em;
    font-weight: 700;
    line-height: 120%;
    text-align: center;
    color: #cfcfcf;
}
.content-bg--titles .text-title .title-bg span,
.content-bg--titles .text-title h2.title-bg span,
#home section#portadab2c_title_and_text_block .content-bg--titles .text-title .title-bg span,
#home section#portadab2c_title_and_text_block .content-bg--titles .text-title h2.title-bg span{
    display: block;
    margin-top: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: #000;
}
.content-bg--titles .text-title p.text-bg,
.content-bg--titles .text-title .text-bg,
#home section#portadab2c_title_and_text_block .content-bg--titles .text-title p.text-bg,
#home section#portadab2c_title_and_text_block .content-bg--titles .text-title .text-bg{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.05rem;
    font-weight: 300;
    text-align: center;
    line-height: 150%;
    color: #000;
}
.content-bg--titles .text-title p.text-bg .font-color-black,
.content-bg--titles .text-title .text-bg .font-color-black,
#home section#portadab2c_title_and_text_block .content-bg--titles .text-title p.text-bg .font-color-black,
#home section#portadab2c_title_and_text_block .content-bg--titles .text-title .text-bg .font-color-black{
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: #000;
}
/*media querie*/
@media screen and (max-width: 767px){
    #portadab2c_title_and_text_block .content-bg--titles,
    .content-bg--titles{
        font-size: 0.65rem;
    }
}
@media screen and (max-width: 579px){
    #portadab2c_title_and_text_block .content-bg--titles,
    .content-bg--titles{
        font-size: 0.55rem;
    }
    .content-bg--titles .text-title p.text-bg,
    .content-bg--titles .text-title .text-bg,
    #home section#portadab2c_title_and_text_block .content-bg--titles .text-title p.text-bg,
    #home section#portadab2c_title_and_text_block .content-bg--titles .text-title .text-bg{
        font-size: 0.9rem;
    }
}


/*** LANDING EVENTOS ****/

div.event,
.event {
    width: 100%;
    margin: 2rem auto;
    padding: 0;
    background-color: #fff;
}

/** Genérico **/
article.event-routes__item,
.event-routes__item,
article.event-bikes__item,
.event-bikes__item{
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 0 0 1.5rem 0;
}
section.event-routes,
.event-routes,
section.event-bikes,
.event-bikes{
    width: 96%;
    margin: 0 auto 1rem auto;
}
/*clases*/
.mt-0{
    margin-top: 0 !important;
}
.mb-0{
    margin-bottom: 0 !important;
}
/*listas*/
ol.event-list,
ul.event-list,
.event-list{
    display: flex;
    align-items:center;
    flex-wrap: wrap;
}
li.event-list__item,
.event-list__item{
    width: 3.438rem; /*55px*/
    height: 2.063rem; /*33px*/
    margin: 0.375rem 0.750rem 0.375rem 0;
}
li.event-list__item.small,
.event-list__item.small{
    width: 2.625rem; /*42px*/
    height: 1.938rem; /*31px*/
}

li.event-list__item.franja-warning,
.event-list__item.franja-warning{
    width: auto;
}
.warning-text{
    display: block;
}


/*botones*/
button.btn-event,
a.btn-event,
.btn-event{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    line-height: 2.063rem;
    padding: 0;
    border: 1px solid #707070;
    background-color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.938rem;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    transition: all 0.25s linear;
}
button.btn-event:hover,
a.btn-event:hover,
.btn-event:hover,
button.btn-event.selected,
a.btn-event.selected,
.btn-event.selected{
    border-color: #CD202C;
    background-color: #CD202C;
    color: #fff;
}
button.btn-event.selected,
a.btn-event.selected,
.btn-event.selected{
    pointer-events: none;
}
button.btn-event.no-disponible,
a.btn-event.no-disponible,
.btn-event.no-disponible{
    pointer-events: none;
    overflow: hidden;
    opacity: .5;
    background-image: url(/web/img/no-disponible.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/*texto*/
p.event-small-title,
.event-small-title{
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
}

/** Encabezado de secciones de evento **/
.event-head-wrapper{
    width: 100%;
    margin: 1rem auto 0 auto;
    padding: 0;
    background-color: #eee;
}
.event-head{
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 1.813rem 0.5rem;
    text-align: center;
    background-color: #eee;
}
.event-head__img{
    width: 100%;
    max-width: 109px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.event-head__img img{
    width: 100%;
    height: 71px;
    display: block;
}
p.event-head__text,
.event-head__text,
.event-head__list li{
    margin-top: 1.250rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.5;
    text-transform: none;
    color: #000;
}
.event-head__list{
    width: 100%;
    max-width: 165px;
    margin-top: 0.5rem;
    margin-left: auto;
    margin-right: auto;
}
.event-head__list li{
    margin-top: 0;
    margin-bottom: 0.2rem;
    text-align: left;
}
.event-head__list li:last-child{
    margin-bottom: 0;
}
.event-head__list li::before{
    content: '-';
    margin-right: 0.2rem;
}

/** Rutas **/
article.event-routes__item,
.event-routes__item{
    width: 100%;
    max-width: 860px;
}
header.event-routes__item__header,
.event-routes__item__header{
    width: 100%;
    margin-bottom: 1em;
    padding: 1em;
    background-color: #000;
    text-align: left;
    color: #fff;
}
#content h1.event-routes__item__header__title,
h1.event-routes__item__header__title,
.event-routes__item__header__title,
#content h2.event-routes__item__header__subtitle,
h2.event-routes__item__header__subtitle,
.event-routes__item__header__subtitle{
    margin: 0;
    padding: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
}
#content h2.event-routes__item__header__subtitle span,
h2.event-routes__item__header__subtitle span,
.event-routes__item__header__subtitle span{
    display: inline-block;
    margin-left: 1.063rem;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.event__routes__item__graph{
    width: 100%;
    height: 100vh;
    max-height: 160px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
footer.event-routes__item__footer,
.event-routes__item__footer{
    width: 95%;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
}

/**Bicis**/
article.event-bikes__item,
.event-bikes__item{
    width: 100%;
    max-width: 835px;
    padding: 1.563rem 0.450rem;
}
#content h1.event-bikes__item__title,
h1.event-bikes__item__title,
.event-bikes__item__title{
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.250rem;
    font-weight: 300;
    line-height: 1.5;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid #D8D8D8;
}
.event-bikes__content{
    padding: 0 0.8rem;
}
.event-bikes__content__img{
    width: 100%;
    max-width: 600px;
    margin: 1rem auto;
    text-align: center;
}
.event-bikes__content__img img{
    max-width: 100%;
    height: auto;
    display: block;
}
.event-bikes__content__select{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
a.size-table,
.size-table{
    display: block;
    margin-bottom: 0.175rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.750rem;
    font-weight: 300;
    line-height: 1.5;
    text-align: right;
    text-transform: uppercase;
    color: #000;
}
a.size-table:hover,
.size-table:hover{
    text-decoration: underline
}
a.size-table::before,
.size-table::before{
    font-family: FontAwesome;
    content: '\f080';
    margin-right: 3px;
}

/** -ruta,hora, tallas,... seleccionadas **/
section.event-selects,
.event-selects{
    width: 100%;
    margin: 0 auto 1rem auto;
}
.event-selects__info{
    width: 96%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    border: 1px solid #D8D8D8;
}
.event-selects__info::before{
    content: url(/web/img/ticket.svg);
    width: 83px;
    height: 83px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.event-selects__info__selected,
.event-selects__info__adds{
    width: 100%;
    padding: 1.250rem 0.875rem;
}
.event-selects__info__selected{
    padding-bottom: calc(1.250rem + 32px);
    background-color: #fff;
}
.event-selects__info__adds{
    padding-top: calc(1.250rem + 32px);
    background-color: #DEDEDE;
}
.route-selected,
.bike-selected,
.event-selects__info__adds ul{
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}
.route-selected,
.bike-selected{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
p.route-selected__name,
.route-selected__name,
p.route-selected__hour,
.route-selected__hour,
p.bike-selected__name,
.bike-selected__name,
p.bike-selected__size,
.bike-selected__size{
    margin-bottom: 0.938rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.250rem;
    font-weight: 800;
    line-height: 1.5;
    text-transform: uppercase;
    color: #555;
}
p.route-selected__name,
.route-selected__name,
p.bike-selected__name,
.bike-selected__name{
    width: calc(100% - 55px);
}
p.bike-selected__name,
.bike-selected__name,
p.bike-selected__size,
.bike-selected__size{
    margin-bottom: 0;
    font-weight: 300;
}
p.bike-selected__size,
.bike-selected__size{
    text-transform: uppercase;
}
.event-selects__info__adds{
    width: 100%;
}
.event-selects__info__adds ul{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
}
li.event-selects__info__adds__item,
.event-selects__info__adds__item{
    width: 68%;
    margin: 0.5rem 0;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.250rem;
    font-weight: 300;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    color: #000;
}
li.event-selects__info__adds__item:nth-child(even),
.event-selects__info__adds__item:nth-child(even){
    width: 30%;
    text-align: right;
}
.event-selects__info__adds__item.parrilla::before,
.event-selects__info__adds__item.aperitivo::before,
.event-selects__info__adds__item.seguro::before,
.event-selects__info__adds__item.gorra::before{
    width: 18px;
    height: 23px;
    display: inline-block;
    margin-right: 5px;
}
.event-selects__info__adds__item.parrilla::before{
    content: url('/web/img/ico-parrilla.svg');
}
.event-selects__info__adds__item.aperitivo::before{
    content: url('/web/img/ico-aperitivo.svg');
}
.event-selects__info__adds__item.seguro::before{
    content: url('/web/img/ico-seguro-accidente.svg');
}
.event-selects__info__adds__item.gorra::before{
    content: url('/web/img/ico-gorra-bh.svg');
}

/** Botón reservar **/
button.btn-reserve-event,
a.btn-reserve-event,
.btn-reserve-event{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    max-width: 22.063rem;
    height: 3.125rem;
    display: block;
    margin: 3rem auto;
    background-color: #CD202C;
    border: 1px solid #CD202C;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.188rem;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    transition: all 0.2s ease;
}
button.btn-reserve-event:hover,
a.btn-reserve-event:hover,
.btn-reserve-event:hover{
    background-color: #fff;
    color: #CD202C;
}

/*** Navegación por pestañas ***/
.nav-tabs{
    width: 96%;
    max-width: 1800px;
    margin: 0 auto;
    padding: 2rem 0;
    background-color: #fff;
}
.nav-tabs__list{
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.nav-tabs__list__item{
    margin: 0.1rem 0.094rem;
    background-color: #DEDEDE;
}
.nav-tabs__list__item a{
    width: 100%;
    height: 100%;
    display: block;
    padding: 0.688rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
.nav-tabs__list__item.current a,
.nav-tabs__list__item a:hover{
    background-color: #000;
    color: #fff;
}
.tab-panel{
    width: calc(100% - 0.188rem);
    margin: 1.250rem auto;
}
.nav-tabs__content{
    display: flex;
    flex-direction: column;
}
.nav-tabs__content__left,
.nav-tabs__content__right{
    width: 100%;
    margin-bottom: 0.938rem;
}
.nav-tabs__text{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    text-align: left;
    text-transform: none;
    color: #000;
}
.nav-tabs__text.uppercase{
    text-transform: uppercase;
}
.nav-tabs__text.under-image{
    margin-top: 0.5rem;
    text-align: center;
}
.nav-tabs__content__img{
    width: 100%;
    max-width: 590px;
}
.nav-tabs__content__img img{
    max-width: 100%;
    height: auto;
    display: block;
}
/*lista*/
.nav-tabs__content__list{
    width: 100%;
    display: flex;
    flex-direction: column;
}
li.nav-tabs__list__title,
dt.nav-tabs__list__title,
.nav-tabs__list__title{
    margin-bottom: 0.938rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    text-transform: uppercase;
    color: #000;
}
dd.nav-tabs__content__list__item,
li.nav-tabs__content__list__item,
.nav-tabs__content__list__item{
    margin: 0;
    padding: 0.375rem 0 0.375rem 0.725rem;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.5;
    text-transform: uppercase;
    color: #555555;
    border-left: 0.313rem solid #000;
}
/*iconos de cada ítem de lista*/
.necesitas-ico-one::before,
.necesitas-ico-two::before,
.necesitas-ico-three::before,
.quedamos-ico-one::before,
.quedamos-ico-two::before,
.quedamos-ico-three::before{
    width: 39px;
    height: 31px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-right: 0.5rem;
}
.necesitas-ico-one::before{
    content: url('/download/bancorecursos/landings/demodayurkiola/necesitas-ico-one.png');
}
.necesitas-ico-two::before{
    content: url('/download/bancorecursos/landings/demodayurkiola/necesitas-ico-two.png');
}
.necesitas-ico-three::before{
    content: url('/download/bancorecursos/landings/demodayurkiola/necesitas-ico-three.png');
}
.quedamos-ico-one::before{
    content: url('/download/bancorecursos/landings/demodayurkiola/quedamos-ico-one.png');
}
.quedamos-ico-two::before{
    content: url('/download/bancorecursos/landings/demodayurkiola/quedamos-ico-two.png');
}
.quedamos-ico-three::before{
    content: url('/download/bancorecursos/landings/demodayurkiola/quedamos-ico-three.png');
}
/*mapa*/
.nav-tabs .evento-map,
.nav-tabs iframe{
    width: 100%;
    min-height: 400px;
    max-height: 422px;
    display: block;
}


/** Media Queries **/
@media screen and (min-width: 992px){
    /*genérico*/
    section.event-routes,
    .event-routes,
    section.event-bikes,
    .event-bikes{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    article.event-routes__item,
    .event-routes__item,
    article.event-bikes__item,
    .event-bikes__item{
        width: calc(50% - 1rem);
        margin: 0.5rem;
        padding-top: 2rem;
        padding-bottom: 0;
    }
    /*cabecera rutas y bicis*/
    .event-head{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 3.750rem;
    }
    .event-head__img{
        margin-left: 0;
        margin-right: 0;
    }
    .event-head__right{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-left: 1.825rem;
    }
    p.event-head__text,
    .event-head__text,
    .event-head__list li{
        margin-top: 0;
        font-size: 1.750rem;
    }
    .event-head__list{
        max-width: 100%;
    }
    /*rutas*/
    .event-routes__item__header{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #content h2.event-routes__item__header__subtitle,
    h2.event-routes__item__header__subtitle,
    .event-routes__item__header__subtitle{
        display: flex;
        align-items: center;
    }
    #content h2.event-routes__item__header__subtitle span,
    h2.event-routes__item__header__subtitle span,
    .event-routes__item__header__subtitle span{
        margin-left: 0.6rem;
    }
    /*bicis*/
    section.event-bikes,
    .event-bikes{
        padding-top: 3.250rem;
        padding-bottom: 0.250rem;
        margin-bottom: 0;
    }
    .event-bikes__content{
        display: flex;
        justify-content: space-between;
        padding-top: 3.625rem;
        padding-bottom: 3.625rem;
    }
    .event-bikes__content__select{
        flex-direction: column;
        justify-content: space-between;
        margin-left: 0.5rem;
    }
    .event-bikes__content__select__top{
        min-height: 200px;
    }
    .event-bikes__content__img{
        margin: 0;
    }
    /*selected*/
    .route-selected,
    .bike-selected,
    .event-selects__info__adds ul{
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    /*pestañas*/
    .tab-panel{
        height: 422px;
        margin-top: 2.5rem;
        overflow: hidden;
    }
    .nav-tabs__content{
        width: 100%;
        flex-direction: row;
        align-items: flex-start;
    }
    .nav-tabs__content__left{
        flex: 0 1 50%;
        width: auto;
        max-width: 500px;
        max-height: 422px;
        overflow-y: auto;
    }
    .nav-tabs__content__left::-webkit-scrollbar {
        width: 3px;
    }
    .nav-tabs__content__left::-webkit-scrollbar-track {
        background-color: #eee;
    }
    .nav-tabs__content__left::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, 0.3);
    }
    .nav-tabs__content__left::-webkit-scrollbar-button {
        background-color: rgba(0, 0, 0, 0.5);
    }
    .nav-tabs__content__left.small{
        max-width: 330px;
    }
    .nav-tabs__content__right{
        flex: 0 1 100%;
        width: auto;
        margin-left: 1rem;
    }
    .nav-tabs__content__right.border-desktop{
        border-left: 0.313rem solid #000;
        padding-left: 3rem;
    }
    dd.nav-tabs__content__list__item.noborder-desktop,
    li.nav-tabs__content__list__item.noborder-desktop,
    .nav-tabs__content__list__item.noborder-desktop{
        border-left: 0;
    }
    .nav-tabs__list__item{
        margin-right: 0.750rem;
    }
    .nav-tabs__list__item a{
        padding: 1rem 2rem;
        font-size: 1.2rem;
        font-weight: 600;
    }
    .nav-tabs__text{
        font-size: 1.15rem;
    }
    li.nav-tabs__list__title,
    dt.nav-tabs__list__title,
    .nav-tabs__list__title{
        font-size: 1.1rem;
    }
    dd.nav-tabs__content__list__item,
    li.nav-tabs__content__list__item,
    .nav-tabs__content__list__item{
        font-size: 1.2rem;
    }
    dd.nav-tabs__content__list__item,
    li.nav-tabs__content__list__item,
    .nav-tabs__content__list__item{
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
        padding-left: 1.5rem;
    }
    .nav-tabs__content__img{
        max-height: 422px;
    }
}
@media screen and (min-width: 1248px) {
    #content h1.event-routes__item__header__title,
    h1.event-routes__item__header__title,
    .event-routes__item__header__title,
    #content h2.event-routes__item__header__subtitle,
    h2.event-routes__item__header__subtitle,
    .event-routes__item__header__subtitle{
        font-size: 1.675rem;
    }
    #content h2.event-routes__item__header__subtitle span,
    h2.event-routes__item__header__subtitle span,
    .event-routes__item__header__subtitle span{
        margin-left: 1.625rem;
    }
    p.event-head__text,
    .event-head__text,
    .event-head__list li{
        margin-left: 4.188rem;
        font-size: 1.625rem;
    }
    .event-head__img{
        max-width: 188px;
    }
    .event-head__img img{
        height: 172px;
    }
    a.size-table,
    .size-table{
        margin-right: 0.750rem;
        font-size: 1.115rem;
    }
    p.event-small-title,
    .event-small-title{
        font-size: 1.250rem;
    }
    li.event-list__item,
    .event-list__item{
        width: 5.813rem;
        height: 3.313rem;
    }
    li.event-list__item.small,
    .event-list__item.small{
        width: 4.375rem;
        height: 3.313rem;
    }
    button.btn-event, a.btn-event,
    .btn-event{
        line-height: 3.313rem;
        font-size: 1.625rem;
    }
    #content h1.event-bikes__item__title,
    h1.event-bikes__item__title,
    .event-bikes__item__title{
        padding-bottom: 0.5rem;
        font-size: 1.625rem;
    }
    /*ruta, horas, tallas,... seleccionadas*/
    section.event-selects,
    .event-selects{
        width: 95%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin: 0 auto 4rem auto;
    }
    .event__routes__item__graph{
        max-height: 260px;
    }
    .event-selects__info{
        /*width: calc(100% - 383px);*/
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .event-selects__info__selected{
        width: 50%;
        padding-top: 0;
        padding-bottom: 0;
    }
    .event-selects__info__adds{
        width: 50%;
        padding: 0;
    }
    .event-selects__info__selected{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        padding-left: calc(1.250rem + 52px);
        padding-right: calc(1.250rem + 72px);
    }
    .event-selects__info__adds ul{
        align-content: center;
        padding: 1.45rem calc(1.250rem + 32px);
    }
    p.route-selected__name, .route-selected__name, p.route-selected__hour,
    .route-selected__hour, p.bike-selected__name,
    .bike-selected__name, p.bike-selected__size,
    .bike-selected__size{
        font-size: 1.875rem;
    }
    li.event-selects__info__adds__item,
    .event-selects__info__adds__item,
    li.event-selects__info__adds__item:nth-child(even),
    .event-selects__info__adds__item:nth-child(even){
        width: 50%;
        font-size: 1.625rem;
    }
    /*botón reservar*/
    button.btn-reserve-event,
    a.btn-reserve-event,
    .btn-reserve-event{
        margin-top: 1.5rem;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }
    /*se activa slick slider*/
    section.event-bikes,
    .event-bikes{
        display: block;
        text-align: center;
    }
    article.event-bikes__item,
    .event-bikes__item{
        max-width: 898px;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }
    section.event-bikes .fa-angle-left,
    .event-bikes .fa-angle-left,
    section.event-bikes .fa-angle-right,
    .event-bikes .fa-angle-right{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 4rem;
        color: #000;
        cursor: pointer;
    }
    section.event-bikes .fa-angle-left:hover,
    .event-bikes .fa-angle-left:hover,
    section.event-bikes .fa-angle-right:hover,
    .event-bikes .fa-angle-right:hover{
        color: #cd202c;
    }
    section.event-bikes .fa-angle-left.slick-disabled,
    .event-bikes .fa-angle-left.slick-disabled,
    section.event-bikes .fa-angle-right.slick-disabled,
    .event-bikes .fa-angle-right.slick-disabled{
        color: rgba(0, 0, 0, .35);
        pointer-events: none;
    }
    section.event-bikes .fa-angle-left,
    .event-bikes .fa-angle-left{
        left: -15px;
    }
    section.event-bikes .fa-angle-right,
    .event-bikes .fa-angle-right{
        right:-15px;
    }

}
@media screen and (min-width: 1440px){
    .event-selects__info__adds ul{
        max-width: 75%;
        margin-left: auto;
        margin-right: auto;
    }
}