﻿.form-group div{
    margin:10px 0;
}


.desglosePedido {
    margin: 20px 0 0;
}


.bloqueDetalleDocumento {
    padding: 20px;
    background: #fff;
    height: 195px;
    font-size: 15px;
    border-bottom: 2px solid #000;
    border-top: 2px solid #000;
}

.infoDetallePedido {
    background:#ccc;
    padding:15px 5px;
}

.infoDetallePedido div{
    margin:5px 0;
}

.infoDescargaPedido div {
    margin:10px 0;
}

.infoDescargaPedido a {
    color:#000;
}


        .btnConfirmacionIncidencia {
    text-align: center;
}

    .btnConfirmacionIncidencia i {
        display:block;
        cursor:pointer;
    }




.btnConfirmacionDevolucion {
    text-align: center;
}

    .btnConfirmacionDevolucion i {
        display: block;
    }


#blDet_Titulo {
    font-size: 15px;
}




.imagenMarca {
    width: 95%;
    max-width: 90px;
    background-size: contain;
}

.corte {
    clear: both;
}

.menu-triangle a {
    background-color: #00558A !important;
    font-family: cursive !important;
    font: italic !important;
}


.radioButtonList input[type="radio"] {
    width: auto;
    float: left;
    margin:8px 5px;
}

.radioButtonList label {
    width: auto;
    display: inline;
    float: left;
    font-size: 1.7rem;
    line-height:3rem;
    font-style: italic;
}



/*BUSCADOR Y RESULTADOS DE BUSQUEDA */
#cabeceraBusqueda {
}


.recomendado {
    background: #CAEABC !important;
}

.descripcionNetumaticoRecomendado {
    position: absolute;
    top: 80%;
    transform: translateY(-50%);
    font-size: 15px;
    font-family: "source_sans_probold";
}

.descripcionLanzamientoTriangle {
    position: absolute;
    top: 80%;
    transform: translateY(-50%);
    font-size: 13px;
    font-family: "source_sans_probold";
}

#timerCountDown {
    color: white;
    font-size: 45px;
    position: absolute;
    top: -15px;
    right: 180px;
}


.detalleArticulo {
    display: none;
    position: relative;
}


/*MARCA PROMOCION EN RESULTADOS BUSQUEDA*/
.marcaPromocion {
    background: #fff !important;
}

.marcaPromo_OFerta {
    background: #FFBF08 !important;
    color: #fff;
}

.marcaPromo_OFerta {
    width: 100%;
    height: 100%;
    border: 1px solid #FFBF08;
    padding: 10px;
    position: relative;
}

    .marcaPromo_OFerta:after {
        content: '';
        display: block;
        position: absolute;
        top: 0px;
        left: 100%;
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #FFBF08;
        border-style: solid;
        border-width: 30px;
    }


.marcaPromo_OFerta {
    background: #FFBF08 !important;
    color: #fff;
    font-size: 15px;
}

.marcaPromo_ImagenContainer {
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.marcaPromo_Imagen {
    position: absolute;
    z-index: 4;
    right: 1px;
}

.marcaPromo_descripcionArticulo {
    text-align: center;
}

.marcaPromo_descripcionTexto {
    font-size: 35px !important;
    font-weight: lighter !important;
}

.marcaPromo_modeloTexto {
    font-size: 20px !important;
    font-weight: bold !important;
}

.marcaPromo_precio .colcnt-precio {
    color: navy;
    font-weight: bolder;
    font-size: 30px;
}

.marcaPromo_BtnAgregarCarrito {
    color: #fff;
    background: #000;
}

@media only screen and (max-width: 1600px) {

    .marcaPromo_OFerta {    
        font-size: 13px;
    }

    .marcaPromo_descripcionTexto {
        font-size: 25px !important;
        font-weight: lighter !important;
    }

    .marcaPromo_modeloTexto {
        font-size: 24px !important;
        font-weight: bold !important;
    }

    .marcaPromo_precio .colcnt-precio {
        
        font-weight: bolder;
        font-size: 27px;
    }

    .form-group input {
        max-width: 200px;
        margin: 0 !important;
    }
}


@media only screen and (max-width: 1400px) {

    .marcaPromo_OFerta {
        font-size: 12px;
    }
    .marcaPromo_descripcionTexto {
        font-size: 23px !important;
        font-weight: lighter !important;
    }

    .marcaPromo_modeloTexto {
        font-size: 14px !important;
        font-weight: bold !important;
    }

    .marcaPromo_precio .colcnt-precio {        
        font-weight: bolder;
        font-size: 25px;
    }

    .form-group input {
        max-width: 200px;
        margin: 0 !important;
    }
}



@media only screen and (max-width: 1300px) {
    .marcaPromo_OFerta {
        font-size: 12px;
    }
    .marcaPromo_descripcionTexto {
        font-size: 22px !important;
        font-weight: lighter !important;
    }

    .marcaPromo_modeloTexto {
        font-size: 13px !important;
        font-weight: bold !important;
    }

    .marcaPromo_precio .colcnt-precio {        
        font-weight: bolder;
        font-size: 21px;
    }


    .form-group input{
        max-width:120px;
        margin:0 !important;
    }

}

    /* BUSQUEDA - DISPONIBILIDAD */
    #disponibilidad {
    }

    .almacen {
        display: inline;
        float: left;
        font-weight: bold;
        font-size: 15px;
        line-height: 2.1rem;
        width: 30px;
        height: 20px;
    }


    .almacenDefecto {
        color: #127314;
    }

    .circulo {
        background: #127314;
        border-radius: 50%;
        display: inline-block;
        margin: 5px 10px 0 0;
    }

    .vacio {
        display: inline-table;
        margin-right: 10px;
    }

    #puntoVerde, #punto {
        float: left;
        width: 10px;
        height: 10px;
    }

    #dispo_Stock1 {
        width: 35px;
        font-weight: bold;
        font-size: 15px;
        float: left;
        text-align: right;
        padding-right: 5px;
    }

    #dispo_Entrega {
        float: left;
        text-align: left;
        /*width:75%;*/
    }

    .dispo {
        clear: both;
    }

    .dispoAlmacenPreferente {
        overflow: auto;
        border-bottom: 1px solid #ccc;
    }


    /* MEDIA QUERIES */
    /* ----------------------------------------- */
    @media only screen and (max-width: 1600px) {
        #timerCountDown {
            color: white;
            font-size: 25px;
            position: absolute;
            top: -10px;
            right: 120px;
        }
    }

    @media only screen and (max-width: 1300px) {

        #timerCountDown {
            color: white;
            font-size: 25px;
            position: absolute;
            top: -8px;
            right: 100px;
        }
    }

    @media only screen and (max-width: 1110px) {
        #timerCountDown {
            color: white;
            font-size: 25px;
            position: absolute;
            top: -5px;
            right: 70px;
        }
    }

    @media only screen and (max-width: 950px) {
        #timerCountDown {
            color: white;
            font-size: 35px;
            position: absolute;
            top: -15px;
            right: 100px;
        }
    }

    @media only screen and (max-width: 835px) {
        #timerCountDown {
            color: white;
            font-size: 25px;
            position: absolute;
            top: -10px;
            right: 120px;
        }
    }

    @media only screen and (max-width: 770px) {
        #timerCountDown {
            color: white;
            font-size: 20px;
            position: absolute;
            top: -10px;
            right: 120px;
        }
    }



    .subBuscador {
        margin: 0 auto;
        width: 100%;
        min-height: 215px;
        max-height: 230px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .tachado {
        text-decoration: line-through;
        display: inline;
        margin-right: 12px;
        font-size: 12px;
    }

    .popUpPrecio {
        text-align: right !important;
        width: 100px;
    }

    .grdConsumo {
        /*background: url("../css/images/etiqueta-consumo.png") no-repeat scroll center center transparent;    */
        background: url("../css/images/etiqueta-consumo2.png") no-repeat scroll center center transparent;
        color: #36AFF0;
        background-size: 25px 27px;
        max-width: 25px;
    }

    .grdAgarre {
        /*background: url("../css/images/etiqueta-resistencia.png") no-repeat scroll center center transparent;    */
        background: url("../css/images/etiqueta-resistencia2.png") no-repeat scroll center center transparent;
        background-size: 25px 27px;
        color: #36AFF0;
        max-width: 25px;
    }

    .grdRuido {
        /*background: url("../css/images/etiqueta-ruido.png") no-repeat scroll center center transparent; */
        background: url("../css/images/etiqueta-ruido2.png") no-repeat scroll center center transparent;
        background-size: 25px 27px;
        color: #36AFF0;
        max-width: 25px;
    }



    .grdOfertaOvation1 {
        background: url("/imagenes/promos/2018-ovation/1euro.png") no-repeat scroll 6px 12px transparent;
    }

    .grdOfertaOvation2 {
        background: url("/imagenes/promos/2018-ovation/2euro.png") no-repeat scroll 6px 12px transparent;
    }

    .grdOfertaOvation3 {
        background: url("/imagenes/promos/2018-ovation/3euro.png") no-repeat scroll 6px 12px transparent;
    }


    .precioDtoVolumen,
    .precioDtoAccelera {
        display: none;
        text-align: right !important;
    }





/* CESTA COMPRA */
#lblTotalCestaCompra {
    font-family: "source_sans_probold";
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin-bottom: 0;
    color: #333333;
}


    /* FICHA NEUMATICO */

    /* FICHA */
    #fichaEmergente {
        background-color: #fff;
        border: none;
        width: 100%;
        height: 350px;
        /*background: #333333;  */
        padding-left: 10px;
        /*border-radius: 10px;*/
        /*box-shadow: 0 0 15px #ddd;*/
        background: #fff;
        border-bottom: 1px solid #DEDEDE;
        position: relative;
        box-shadow: inset 0px 8px 8px -9px rgba(87,87,87,1), inset 0px -8px 8px -9px rgba(87,87,87,1);
    }


    .cerrarFicha {
        height: 33px;
        width: 33px;
        background: url("../imagenes/fichaCerrar.png") no-repeat scroll center center transparent;
        position: absolute;
        right: 1px;
        top: 1px;
        z-index: 10;
        cursor: pointer;
    }


    .descripcionArticulo, .fichaNeumatico {
        cursor: pointer;
    }

    #fichaEmergente .seccionFicha {
        float: left;
    }

    #fichaEspecificaciones {
        display: inline-block;
        height: 300px;
        background: #fff;
    }

        #fichaEspecificaciones div {
            font-size: 15px;
            margin: 5px 0;
        }

    #fichaPromos {
        display: inline-block;
        height: 300px;
    }

        #fichaPromos p {
            display: inline-block;
            height: 50px;
            width: 50px;
        }

    #fichaStock {
        display: inline-block;
        height: 300px;
    }

    #stockPrincipal, #stockSecundario {
        background: #fff;
        margin: 15px 0;
        height: 100px;
        position: relative;
        font-size: 15px;
        padding: 5px;
    }

        #stockPrincipal span, #stockSecundario span {
            font-size: 40px;
            display: block;
            position: absolute;
            top: 40%;
            left: 10%;
        }

        #stockPrincipal div.dispon, #stockSecundario div.dispon {
            position: absolute;
            bottom: 0px;
        }



    #fichaPrecioCompra, #fichaPrecioVenta {
        background: #fff;
        margin: 5px;
        height: 100px;
        position: relative;
        font-size: 14px;
        padding: 5px;
    }

        #fichaPrecioCompra span, #fichaPrecioVenta span {
            font-size: 40px;
            display: block;
            position: absolute;
            top: 40%;
            left: 10%;
        }


    #filtrosBuscador {
        display: inline-block;
        color: #fff;
    }

        #filtrosBuscador div, #filtrosBuscador span {
            color: #fff;
            display: inline-block;
            margin: 3px;
            font-size: 14px;
            cursor: pointer;
        }

    .filtroCodVelocidad, .filtroRunflat, .filtroTemporada, .filtroCodCarga, .filtroCodGrupo {
        border: 1px solid #fff;
        padding: 3px;
    }

    .filtroInactivo {
        border: 1px solid #666666;
        padding: 3px;
        pointer-events: none;
        color: #666666 !important;
    }




    .selected {
        border: 1px solid #FFBF08 !important;
        padding: 3px;
    }


    .fichaCabecera {
        font-size: 20px;
        color: #000;
        border-bottom: 1px solid #000;
        padding: 8px;
        margin-bottom: 8px;
    }


    .Season1 {
        /*background: url("../css/images/icon-verano.png ") no-repeat scroll center center transparent;
    background-size: 25px 27px;*/
        float: left;
    }

    .Season2 {
        background: url("../css/images/icon-allseason.png ") no-repeat scroll center center transparent;
        height: 22px;
        width: 33px;
        display: inline;
        float: left;
    }

    .Season3 {
        background: url("../css/images/icon-invierno.png ") no-repeat scroll center center transparent;
        height: 22px;
        width: 33px;
        display: inline;
        float: left;
    }

    .refuerzoComunicacion {
        float: left;
        display: inline;
    }


    #descripcionTexto {
        float: left;
    }


    /*.articuloRecomendadoMoto {
    background: url("../css/images/moto-icon.png ") no-repeat scroll center center transparent;
    height: 28px;
    width: 35px;
    display: inline;
    float: left;
    margin-left:3px;
}*/


    .grdRefuerzoRepartoBCN {
        background: url("../css/images/iconx3.png ") no-repeat scroll center center transparent;
        height: 22px;
        width: 35px;
        display: inline;
        float: left;
    }


    .grdRefuerzoRepartoBCN2 {
        background: url("../css/images/iconx2.png ") no-repeat scroll center center transparent;
        height: 22px;
        width: 35px;
        display: inline;
        float: left;
    }

    #lblIdArticulo {
        display: none;
    }


    #filtroCodGrupo .filtroCodGrupo {
        border: 1px solid transparent;
        background-repeat: no-repeat;
        background-size: contain;
    }

    #filtroCodGrupo #gr_TURISMO.filtroCodGrupo {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-turismo-w.png);
    }

    #filtroCodGrupo #gr_4X4.filtroCodGrupo {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-4x4-w.png);
    }

    #filtroCodGrupo #gr_FURGONETA.filtroCodGrupo {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-furgo-w.png);
    }

    #filtroCodGrupo #gr_CAMION.filtroCodGrupo {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-camion-w.png);
    }

    #filtroCodGrupo #gr_SCOOTER.filtroCodGrupo {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-scooter-w.png);
    }

    #filtroCodGrupo #gr_MOTO.filtroCodGrupo {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-moto-w.png);
    }

    #filtroCodGrupo #gr_AGRICOLA.filtroCodGrupo {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-agro-b.png);
    }

    #filtroCodGrupo #gr_AGROFORESTAL.filtroCodGrupo {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-agro-b.png);
    }



    #filtroCodGrupo .filtroInactivo {
        color: transparent !important;
    }



    #filtroCodGrupo #gr_TURISMO.filtroCodGrupo.filtroInactivo {
        background-image: url(/css/images/icon-turismo-g.png);
    }

    #filtroCodGrupo #gr_4X4.filtroCodGrupo.filtroInactivo {
        background-image: url(/css/images/icon-4x4-g.png);
    }

    #filtroCodGrupo #gr_FURGONETA.filtroCodGrupo.filtroInactivo {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-furgo-g.png);
    }

    #filtroCodGrupo #gr_CAMION.filtroCodGrupo.filtroInactivo {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-camion-g.png);
    }

    #filtroCodGrupo #gr_SCOOTER.filtroCodGrupo.filtroInactivo {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-scooter-g.png);
    }

    #filtroCodGrupo #gr_MOTO.filtroCodGrupo.filtroInactivo {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-moto-g.png);
    }

    #filtroCodGrupo #gr_AGRICOLA.filtroInactivo {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-agro-g.png);
    }

    #filtroCodGrupo #gr_AGROFORESTAL.filtroInactivo {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-agro-g.png);
    }


    /*************************************************************/

    #filtroCodGrupo .selected {
        border: 1px solid transparent !important;
    }

    #filtroCodGrupo #gr_TURISMO.filtroCodGrupo.selected {
        background-image: url(/css/images/icon-turismo-n.png);
    }

    #filtroCodGrupo #gr_4X4.filtroCodGrupo.selected {
        background-image: url(/css/images/icon-4x4-n.png);
    }

    #filtroCodGrupo #gr_FURGONETA.filtroCodGrupo.selected {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-furgo-n.png);
    }

    #filtroCodGrupo #gr_CAMION.filtroCodGrupo.selected {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-camion-n.png);
    }

    #filtroCodGrupo #gr_SCOOTER.filtroCodGrupo.selected {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-scooter-n.png);
    }

    #filtroCodGrupo #gr_MOTO.filtroCodGrupo.selected {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-moto-n.png);
    }


    #filtroCodGrupo #gr_AGRICOLA.filtroCodGrupo.selected {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-agro-n.png);
    }

    #filtroCodGrupo #gr_AGROFORESTAL.filtroCodGrupo.selected {
        color: transparent;
        width: 36px;
        background-image: url(/css/images/icon-agro-n.png);
    }


    /* CONTACTO */
    .cont_datos_contacto {
        border-bottom: 1px solid #bfbfbf;
        padding-bottom: 27px;
        margin-bottom: 27px;
    }

    contacto .column.half {
        width: 49%;
    }

    .column {
        float: left;
        margin-left: 2%;
    }

    .datos_contacto h3 {
        text-transform: uppercase;
        padding-bottom: 17px;
        border-bottom: 1px solid #bfbfbf;
        color: #666666;
    }


    /* INCIDENCIAS DETALLE */
    #crearNuevoSeguimiento {
        display: none;
    }

        #crearNuevoSeguimiento .btn1, #crearNuevoSeguimiento .btn_volver {
            display: inline;
            margin: 10px;
        }


    /* PRESUPUESTOS */
    .explicacion_presupuestos {
        display: none;
    }

    .btnAnadir {
        display: inline-block;
        margin: 0 0 0 10px;
    }

    /* PRESUPUESTO NUEVO */

    #buscadorPresupuesto {
        background-attachment: scroll, scroll;
        background-clip: border-box, border-box;
        background-color: rgba(0, 0, 0, 0);
        background-image: linear-gradient(to bottom, #bfbfbf 0%, rgba(351, 51, 51, 0.01) 1%, #bfbfbf 100%), url("images/fondo-presupuesto.jpg");
        background-origin: padding-box, padding-box;
        background-position: 0 0%, 0 0;
        background-repeat: repeat, repeat;
        background-size: cover;
        height: 255px;
        padding-top: 17px;
        position: relative;
    }


    #presupuesto_DatosCliente .cont_input {
        margin: 0 10px 2px;
    }

    .mayusculas {
        text-transform: uppercase;
    }

    /* COMPRAS */
    #comparativaEjercicios h2 span {
        font-size: 20px;
        font-size: 2rem;
        line-height: 26px;
        line-height: 2.4rem;
        margin-bottom: 0;
        font-family: 'source_sans_proregular';
        color: #000000;
        margin: 10px;
    }


    .ejercicioActual {
        width: 49%;
        float: left;
    }

    .ejercicioAnterior {
        width: 49%;
        float: left;
    }


    /* MIS DATOS*/
    .misDatosColA, .misDatosColB {
        float: left;
        width: 45%;
        font-size: 20px;
        font-family: 'source_sans_probold';
    }


        .misDatosColA label, .misDatosColB label {
            float: left;
            width: 45%;
            font-size: 20px;
            font-family: 'source_sans_proregular';
        }



    /* AYUDA*/

    .seccion_ayuda img {
        display: block;
        margin: auto;
    }

    .tiri_oculto {
        display: none;
    }

    #tiri_presupuestos, #tiri_incidencias, #tiri_mensajeria, #tiri_areaasociado, #tiri_areacliente {
        margin: 50px auto;
    }


    /* AREA ASOCIAD*/
    #area_cliente ul li {
        margin: 10px 15px;
    }

    .tablaTotales {
        font-size: 22px;
        width: 30%;
    }

        .tablaTotales td span {
            font-size: 25px;
            font-weight: bold;
        }


    /*TABLAS*/
    .tabCatalogo {
        width: 50%;
        background-color: #fff;
        margin: 5px 0 10px 0;
        border-collapse: collapse;
        text-align: center;
        font-size: 15pt;
    }

        .tabCatalogo td {
            padding: 25px;
            border: solid 1px #c1c1c1;
            color: #717171;
        }


    #popUpNuevaWeb {
        position: absolute;
        top: 200px;
        margin: 0 auto;
        left: -300px;
    }


    /* RECLAMACIONES*/

    #dots, .nuevosDOTS, #TBRSerials, .nuevosTBRS {
        display: none;
    }


    #promoFurgoGT {
        display: none;
    }


    .oculto {
        display: none;
    }




    #fichaImagen #fichaImagen {
        text-align: center !important;
    }


    #comparativaEjercicios {
        margin-bottom: 2em;
    }


    /*  */

    /*#resultadoBusqueda  div {  
  padding-left: 0 !important;
  padding-right: 0 !important;
}*/


    #resultadoBusqueda {
        background: #FFF;
        /*background:#f2f2f2;*/
        font-size: 1.43rem;
        min-height: 60px;
        border-bottom: 1px solid #DEDEDE;
        margin-left: 5px;
        margin-right: 0px;
    }

        .alternate {
            background: #E9EEEE !important;
        }

        #resultadoBusqueda .col {
            /*padding-top: 15px;*/
            padding-left: 5px !important;
            padding-right: 5px !important;
            /*padding-bottom: 5px;*/
            position: relative;
            height: 60px;
        }

            #resultadoBusqueda .col .colcnt {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
            }

            #resultadoBusqueda .col .colcnt-precio {
                position: absolute;
                top: 50%;
                right: 0px;
                transform: translateY(-50%);
            }

            #resultadoBusqueda .col .colcnt-pedir {
                position: absolute;
                top: 50%;
                right: 10px;
                transform: translateY(-50%);
            }


        #resultadoBusqueda .col-marca {
            padding-top: 8px;
            padding-left: 5px !important;
            padding-right: 5px !important;
            padding-bottom: 5px;
        }



    /* Nuevo Slide para Tradicionales */
    .comunicaciones-home {
        padding-left: 0px !important;
        padding-right: 0px !important;
        position:relative;
    }

        .comunicaciones-home img {
            width: 100%;
            margin-bottom: 10px;
        }

        .comunicaciones-home .row.first-row div:first-child {
            padding-right: 0;
        }

        .comunicaciones-home .row.first-row div:last-child {
            padding-left: 0;
        }


    .rowAdd {
        margin-left: 8px;
    }

    #buscador {
        /*overflow-y: hidden;*/
    }


    .col-cabecera {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }


    .cabeceraPrecioCompra, .cabeceraPrecioVenta {
        text-align: right;
    }

    .cabeceraPedir {
        text-align: right;
        padding-right: 10px !important;
    }


    #btnPedirFicha {
        background-color: #333333;
        border: none;
        width: 95px;
        height: 51px;
        color: #fff;
    }

        #btnPedirFicha:hover {
            cursor: pointer;
            background: #fcbd00;
        }

    
    /*Codigo Promocional*/
    #pnPanelCodigoPromocional {
        border-top: 1px solid #bfbfbf;
    }

    #enlaces_cabecera {
        position: relative;
    }

#acuerdoBridgestone {
    background: url("../imagenes/bridgestone-sello.png") no-repeat scroll center center transparent;
    position: absolute;
    z-index: 100;
    width: 35px;
    height: 35px;
    top: 4px;
    left: -70px;
}

    #garantiaOvation {
        background: url("../imagenes/garantia-ovation.png") no-repeat scroll center center transparent;
        z-index: 100;
        position: absolute;
        width: 35px;
        height: 35px;
        top: 4px;
        left: -30px;
    }


    /**** barra de notificaciones página principal **************************/
    .notification {
        padding: 1.25rem 2.5rem 1.25rem 1.5rem;
        padding-right: 2.5rem;
        font-family: 'source_sans_proregular';
        font-size: 16px;
        font-size: 1.4rem;
        line-height: 22px;
        line-height: 1.6rem;
        border-top: 1px solid #333333;
        border-bottom: 1px solid #333333;
        position: relative;
        padding-right: 0;
    }

        .notification .btn-group {
            display: inline-block;
            margin-top: 5px;
        }

        .notification .content {
            display: inline-block;
            width: 90%;
        }


        .notification .btn-group-nav {
            margin-top: 5px;
            display: inline-block;
            width: 8%;
            vertical-align: top;
            text-align: right;
        }

            .notification .btn-group-nav .counter {
                padding-right: 5px;
            }

        .notification .btn-nav {
            color: #fff;
            text-transform: uppercase;
            font-size: 1.4rem;
            padding: 5px;
            background-color: #000;
        }


        .notification.is-warning {
            background-color: #ffdd57;
            color: rgba(0, 0, 0, 0.7);
        }

        .notification.center {
            text-align: center;
        }

        .notification a.btn-search {
            color: #fff;
            text-transform: uppercase;
            font-size: 1.4rem;
            padding: 5px;
            background-color: #000;
            margin: 5px;
        }

        .notification a.btn-cancel {
            color: rgba(0, 0, 0, 0.7);
            background-color: transparent;
            text-transform: uppercase;
            font-size: 1.4rem;
            padding: 5px;
            margin: 5px;
            border: 1px solid rgba(0, 0, 0, 0.7);
        }

            .notification a.btn-cancel:hover {
                background-color: #be0a26;
                border: 1px solid #be0a26;
                color: #fff;
            }

        .notification a.btn-search:hover {
            background-color: #be0a26;
        }




    /*BANNER DINAMICO - Fondos*/

    #bannerDinamicoInferior_3 {
        display: none;
        height: 315px;
    }

    #bannerDinamicoInferior_4 {
        display: none;
        height: 315px;
    }

    #bannerDinamicoInferior_5 {
        display: none;
        height: 315px;
    }



    .imagenMarcaBannerDinamico {
        width: 95%;
        max-width: 250px;
        height: 50px;
        background-size: contain;
        margin-left:15px;
    }

    .marcaBannerDinamico_accelera {
        background: url(../imagenes/LogosDinamicos/accelera.png) center center no-repeat;
        text-indent: -9999px;
    }


    .marcaBannerDinamico_uniroyal {
        background: url(../imagenes/LogosDinamicos/uniroyal.png) center center no-repeat;
        text-indent: -9999px;
    }

    .marcaBannerDinamico_bridgestone {
        background: url(../imagenes/LogosDinamicos/bridgestone.png) center center no-repeat;
        text-indent: -9999px;
    }

    .marcaBannerDinamico_continental {
        background: url(../imagenes/LogosDinamicos/continental.png) center center no-repeat;
        text-indent: -9999px;
    }

    .marcaBannerDinamico_cooper {
        background: url(../imagenes/LogosDinamicos/cooper.png) center center no-repeat;
        text-indent: -9999px;
    }

    .marcaBannerDinamico_dunlop {
        background: url(../imagenes/LogosDinamicos/dunlop.png) center center no-repeat;
        text-indent: -9999px;
    }

    .marcaBannerDinamico_firestone {
        background: url(../imagenes/LogosDinamicos/firestone.png) center center no-repeat;
        text-indent: -9999px;
    }

    .marcaBannerDinamico_michelin {
        background: url(../imagenes/LogosDinamicos/michelin.png) center center no-repeat;
        text-indent: -9999px;
    }


    .marcaBannerDinamico_goodyear {
        background: url(../imagenes/LogosDinamicos/goodyear.png) center center no-repeat;
        text-indent: -9999px;
    }

    .marcaBannerDinamico_gtradial {
        background: url(../imagenes/LogosDinamicos/gtradial.png) center center no-repeat;
        text-indent: -9999px;
    }

    .marcaBannerDinamico_kelly {
        background: url(../imagenes/LogosDinamicos/kelly.png) center center no-repeat;
        text-indent: -9999px;
    }

    .marcaBannerDinamico_triangle {
        background: url(../imagenes/LogosDinamicos/triangle.png) center center no-repeat;
        text-indent: -9999px;
    }

    .marcaBannerDinamico_sunfull {
        background: url(../imagenes/LogosDinamicos/sunfull.png) center center no-repeat;
        text-indent: -9999px;
    }

    .marcaBannerDinamico_ovation {
        background: url(../imagenes/LogosDinamicos/ovation.png) center center no-repeat;
        text-indent: -9999px;
    }



    .bannerPreciosInferiores {
        width: 33%;
        z-index: 2;
        top: 650px;
        position: absolute;
        padding-left: 15px;
        padding-right: 15px;
    }

    #bannerDinamicoBajo {
        text-align: right;
        margin: 5px 65px 0 0;
        float: right;
    }

    .bannerDinamicoOfertaFirst {
        color: #ffbf08;
        font-size: 50px;
        border-top: 5px solid #ffbf08;
        margin: 15px;
        text-shadow: 1px 1px #fff;
    }


    .bannerDinamicoOferta {
        color: #ffbf08;
        font-size: 55px;
        margin: 0 0 0 15px;
        font-weight: bolder;
        text-shadow: 1px 1px #fff;
    }


    .bannerBajo {
        text-align: right;
    }

    .bannerBajoDescripcion {
        color: white;
        font-size: 30px;
        text-shadow: 1px 1px #000;
    }


    .bannerBajoModelo {
        font-size: 20px;
        text-shadow: 1px 1px #fff;
    }

    /* BANNER DINAMICO*/
    /* ----------------------------------------- */
    @media only screen and (max-width: 1600px) {
        #bannerDinamicoInferior_3 {
            display: none;
            height: 263px;
        }

        #bannerDinamicoInferior_4 {
            display: none;
            height: 263px;
        }

        #bannerDinamicoInferior_5 {
            display: none;
            height: 263px;
        }

        .imagenMarcaBannerDinamico {
            width: 95%;
            max-width: 250px;
            height: 50px;
            background-size: contain;
        }

        .bannerDinamicoOfertaFirst {
            color: #ffbf08;
            font-size: 38px;
            border-top: 5px solid #ffbf08;
            margin: 10px;
        }

        .bannerDinamicoOferta {
            color: #ffbf08;
            font-size: 30px;
            margin: 0 0 0 10px;
            font-weight: bolder;
        }

        .bannerBajoDescripcion {
            color: white;
            font-size: 25px;
        }

        .bannerBajoModelo {
            font-size: 17px;
        }
    }

    @media only screen and (max-width: 1500px) {

        #bannerDinamicoInferior_3 {
            display: none;
            height: 223px;
        }

        #bannerDinamicoInferior_4 {
            display: none;
            height: 223px;
        }

        #bannerDinamicoInferior_5 {
            display: none;
            height: 223px;
        }

        .imagenMarcaBannerDinamico {
            width: 95%;
            max-width: 250px;
            height: 40px;
            background-size: contain;
        }

        .bannerDinamicoOfertaFirst {
            color: #ffbf08;
            font-size: 35px;
            border-top: 5px solid #ffbf08;
            margin: 10px;
        }

        .bannerDinamicoOferta {
            color: #ffbf08;
            font-size: 30px;
            margin: 0 0 0 10px;
            font-weight: bolder;
        }

        .bannerBajoDescripcion {
            color: white;
            font-size: 25px;
        }

        .bannerBajoModelo {
            font-size: 19px;
        }
    }

    @media only screen and (max-width: 1440px) {
        #bannerDinamicoInferior_3 {
            display: none;
            height: 235px;
        }

        #bannerDinamicoInferior_4 {
            display: none;
            height: 235px;
        }

        #bannerDinamicoInferior_5 {
            display: none;
            height: 235px;
        }
    }

    @media only screen and (max-width: 1280px) {

        #bannerDinamicoInferior_3 {
            display: none;
            height: 208px;
        }

        #bannerDinamicoInferior_4 {
            display: none;
            height: 208px;
        }

        #bannerDinamicoInferior_5 {
            display: none;
            height: 208px;
        }

        .imagenMarcaBannerDinamico {
            width: 95%;
            max-width: 250px;
            height: 35px;
            background-size: contain;
        }

        .bannerDinamicoOfertaFirst {
            color: #ffbf08;
            font-size: 35px;
            border-top: 5px solid #ffbf08;
            margin: 10px;
        }

        .bannerDinamicoOferta {
            color: #ffbf08;
            font-size: 30px;
            margin: 0 0 0 10px;
            font-weight: bolder;
        }

        .bannerBajoDescripcion {
            color: white;
            font-size: 25px;
        }

        .bannerBajoModelo {
            font-size: 19px;
        }
    }

    @media only screen and (max-width: 1200px) {

        #bannerDinamicoInferior_3 {
            display: none;
            height: 164px;
        }

        #bannerDinamicoInferior_4 {
            display: none;
            height: 164px;
        }

        #bannerDinamicoInferior_5 {
            display: none;
            height: 164px;
        }

        .imagenMarcaBannerDinamico {
            width: 95%;
            max-width: 250px;
            height: 30px;
            background-size: contain;
        }

        .bannerDinamicoOfertaFirst {
            color: #ffbf08;
            font-size: 25px;
            border-top: 5px solid #ffbf08;
            margin: 5px;
        }

        .bannerDinamicoOferta {
            color: #ffbf08;
            font-size: 26px;
            margin: 0 0 0 5px;
            font-weight: bolder;
        }

        .bannerBajoDescripcion {
            color: white;
            font-size: 19px;
        }

        .bannerBajoModelo {
            font-size: 14px;
        }
    }














    /*ACCELERA*/
    .fondo_acceleraturismo {
        background: url("../imagenes/fondosDinamicos/acceleraturismo.png") no-repeat scroll center center transparent;
    }

    .fondo_accelerafurgoneta {
        background: url("../imagenes/fondosDinamicos/accelera.png") no-repeat scroll center center transparent;
    }

    .fondo_accelera4x4 {
        background: url("../imagenes/fondosDinamicos/accelera.png") no-repeat scroll center center transparent;
    }

    .fondo_accelera {
        background: url("../imagenes/fondosDinamicos/accelera.png") no-repeat scroll center center transparent;
    }

    /*TRIANGLE*/
    .fondo_triangleturismo {
        background: url("../imagenes/fondosDinamicos/triangleturismo.png") no-repeat scroll center center transparent;
    }

    .fondo_trianglefurgoneta {
        background: url("../imagenes/fondosDinamicos/triangle.png") no-repeat scroll center center transparent;
    }

    .fondo_triangle4x4 {
        background: url("../imagenes/fondosDinamicos/triangle.png") no-repeat scroll center center transparent;
    }

    .fondo_triangle {
        background: url("../imagenes/fondosDinamicos/triangle.png") no-repeat scroll center center transparent;
    }


    /*KELLY*/
    .fondo_kellyturismo {
        background: url("../imagenes/fondosDinamicos/kellyturismo.png") no-repeat scroll center center transparent;
    }

    .fondo_kellyfurgoneta {
        background: url("../imagenes/fondosDinamicos/kelly.png") no-repeat scroll center center transparent;
    }

    .fondo_kelly4x4 {
        background: url("../imagenes/fondosDinamicos/kelly.png") no-repeat scroll center center transparent;
    }

    .fondo_kelly {
        background: url("../imagenes/fondosDinamicos/kelly.png") no-repeat scroll center center transparent;
    }



    /*SUNFULL*/
    .fondo_sunfullturismo {
        background: url("../imagenes/fondosDinamicos/sunfullturismo.png") no-repeat scroll center center transparent;
    }

    .fondo_sunfullfurgoneta {
        background: url("../imagenes/fondosDinamicos/sunfull.png") no-repeat scroll center center transparent;
    }

    .fondo_sunfull4x4 {
        background: url("../imagenes/fondosDinamicos/sunfull.png") no-repeat scroll center center transparent;
    }

    .fondo_sunfull {
        background: url("../imagenes/fondosDinamicos/sunfull.png") no-repeat scroll center center transparent;
    }

    /*UNIROYAL*/
    .fondo_uniroyalturismo {
        background: url("../imagenes/fondosDinamicos/uniroyalturismo.png") no-repeat scroll center center transparent;
    }

    .fondo_uniroyalfurgoneta {
        background: url("../imagenes/fondosDinamicos/uniroyal.png") no-repeat scroll center center transparent;
    }

    .fondo_uniroyal4x4 {
        background: url("../imagenes/fondosDinamicos/uniroyal.png") no-repeat scroll center center transparent;
    }

    .fondo_uniroyalcamion {
        background: url("../imagenes/fondosDinamicos/uniroyal.png") no-repeat scroll center center transparent;
    }

    .fondo_uniroyal {
        background: url("../imagenes/fondosDinamicos/uniroyal.png") no-repeat scroll center center transparent;
    }

    /*GT RADIAL*/
    .fondo_gtradialturismo {
        background: url("../imagenes/fondosDinamicos/gtradialturismo.png") no-repeat center center transparent;
    }

    .fondo_gtradialfurgoneta {
        background: url("../imagenes/fondosDinamicos/gtradial.png") no-repeat scroll center center transparent;
    }

    .fondo_gtradial4x4 {
        background: url("../imagenes/fondosDinamicos/gtradial.png") no-repeat scroll center center transparent;
    }

    .fondo_gtradial {
        background: url("../imagenes/fondosDinamicos/gtradial.png") no-repeat scroll center center transparent;
    }



    /*AUSTONE*/
    .fondo_austoneturismo {
        background: url("../imagenes/fondosDinamicos/austoneturismo.png") no-repeat center center transparent;
    }

    .fondo_austonefurgoneta {
        background: url("../imagenes/fondosDinamicos/austone.png") no-repeat scroll center center transparent;
    }

    .fondo_austone4x4 {
        background: url("../imagenes/fondosDinamicos/austone.png") no-repeat scroll center center transparent;
    }

    .fondo_austone {
        background: url("../imagenes/fondosDinamicos/austone.png") no-repeat scroll center center transparent;
    }

    /*FIRESTONE*/
    .fondo_firestoneturismo {
        background: url("../imagenes/fondosDinamicos/firestoneturismo.png") no-repeat scroll center center transparent;
    }

    .fondo_firestonefurgoneta {
        background: url("../imagenes/fondosDinamicos/firestone.png") no-repeat scroll center center transparent;
    }

    .fondo_firestone4x4 {
        background: url("../imagenes/fondosDinamicos/firestone.png") no-repeat scroll center center transparent;
    }

    .fondo_firestone {
        background: url("../imagenes/fondosDinamicos/firestone.png") no-repeat scroll center center transparent;
    }


    /*MICHELIN*/
    .fondo_michelinturismo {
        background: url("../imagenes/fondosDinamicos/michelinturismo.png") no-repeat scroll center center transparent;
    }

    .fondo_michelinfurgoneta {
        background: url("../imagenes/fondosDinamicos/michelin.png") no-repeat scroll center center transparent;
    }

    .fondo_michelin4x4 {
        background: url("../imagenes/fondosDinamicos/michelin.png") no-repeat scroll center center transparent;
    }

    .fondo_michelin {
        background: url("../imagenes/fondosDinamicos/michelin.png") no-repeat scroll center center transparent;
    }


    /*MRL*/
    .fondo_mrlagricola {
        background: url("../imagenes/fondosDinamicos/mrlagricola.png") no-repeat scroll center center transparent;
    }

    .fondo_mrlindustrial {
        background: url("../imagenes/fondosDinamicos/mrl.png") no-repeat scroll center center transparent;
    }


    /*BRIDGESTONE*/
    .fondo_bridgestoneturismo {
        background: url("../imagenes/fondosDinamicos/bridgestoneturismo.png") no-repeat scroll center center transparent;
    }

    .fondo_bridgestonefurgoneta {
        background: url("../imagenes/fondosDinamicos/bridgestone.png") no-repeat scroll center center transparent;
    }

    .fondo_bridgestone4x4 {
        background: url("../imagenes/fondosDinamicos/bridgestone.png") no-repeat scroll center center transparent;
    }

    .fondo_bridgestone {
        background: url("../imagenes/fondosDinamicos/bridgestone.png") no-repeat scroll center center transparent;
    }


    /*CONTINENTAL*/
    .fondo_continentalturismo {
        background: url("../imagenes/fondosDinamicos/continentalturismo.png") no-repeat scroll center center transparent;
    }

    .fondo_continentalfurgoneta {
        background: url("../imagenes/fondosDinamicos/continental.png") no-repeat scroll center center transparent;
    }

    .fondo_continental4x4 {
        background: url("../imagenes/fondosDinamicos/continental.png") no-repeat scroll center center transparent;
    }

    .fondo_continental {
        background: url("../imagenes/fondosDinamicos/continental.png") no-repeat scroll center center transparent;
    }

/*COOPER*/
.fondo_cooperturismo {
    background: url("../imagenes/fondosDinamicos/cooperturismo.png") no-repeat scroll center center transparent;
}

.fondo_cooperfurgoneta {
    background: url("../imagenes/fondosDinamicos/cooper.png") no-repeat scroll center center transparent;
}

.fondo_cooper4x4 {
    background: url("../imagenes/fondosDinamicos/cooper.png") no-repeat scroll center center transparent;
}

.fondo_cooper {
    background: url("../imagenes/fondosDinamicos/cooper.png") no-repeat scroll center center transparent;
}


    /*OVATION*/
    .fondo_ovationturismo {
        background: url("../imagenes/fondosDinamicos/ovationturismo.png") no-repeat center center transparent;
    }

    .fondo_ovationfurgoneta {
        background: url("../imagenes/fondosDinamicos/ovation.png") no-repeat scroll center center transparent;
    }

    .fondo_ovation4x4 {
        background: url("../imagenes/fondosDinamicos/ovation.png") no-repeat scroll center center transparent;
    }

    .fondo_ovationcamion {
        background: url("../imagenes/fondosDinamicos/ovation.png") no-repeat scroll center center transparent;
    }

    /*GOODYEAR*/
    .fondo_goodyearturismo {
        background: url("../imagenes/fondosDinamicos/goodyearturismo.png") no-repeat scroll center center transparent;
    }

    .fondo_goodyearfurgoneta {
        background: url("../imagenes/fondosDinamicos/goodyear.png") no-repeat scroll center center transparent;
    }

    .fondo_goodyear4x4 {
        background: url("../imagenes/fondosDinamicos/goodyear.png") no-repeat scroll center center transparent;
    }

    .fondo_goodyear {
        background: url("../imagenes/fondosDinamicos/goodyear.png") no-repeat scroll center center transparent;
    }

    /*DUNLOP*/
    .fondo_dunlopturismo {
        background: url("../imagenes/fondosDinamicos/dunlopturismo.png") no-repeat scroll center center transparent;
    }

    .fondo_dunlopfurgoneta {
        background: url("../imagenes/fondosDinamicos/dunlop.png") no-repeat scroll center center transparent;
    }

    .fondo_dunlop4x4 {
        background: url("../imagenes/fondosDinamicos/dunlop.png") no-repeat scroll center center transparent;
    }

    .fondo_dunlop {
        background: url("../imagenes/fondosDinamicos/dunlop.png") no-repeat scroll center center transparent;
    }


#formasPago {
    width:50%;
    border:none;
}


#chkFormasPago {
    width: 100% !important;
    border:none !important;
}

#chkFormasPago td{
    border:none;
    margin:5px 0 0 0;
    padding:5px 0 0 0;
}

.cont_input [type="radio"] + label::before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: -7px;
    border-radius: 1em;
    border: 2px solid #000;
    margin-right: 0.75em;
    transition: 0.5s ease all;
}

.cont_input [type="radio"] + label::before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: -7px;
    border-radius: 1em;
    border: 2px solid #000;
    margin-right: 0.75em;
    transition: 0.5s ease all;
}

.cont_input [type="radio"]:checked + label::before {
    background: url(images/circulo.png) center center no-repeat;
}

.cont_input [type="radio"] {
    display: block;
}

.cont_input [type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.cont_input label {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: 'source_sans_proregular';
}



/*background: linear-gradient(-180deg, rgba(234,237,237,0), #EAEDED);*/
  



/*BANNER BAJO BUSCADOR*/

/*.banner-zone{
    display: inline-block;    
    
    background: -moz-linear-gradient(bottom, rgba(234,237,237,0) 70%, rgba(209, 209, 209, 0.89) 100%);
    background: -webkit-gradient(linear, left bottom, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(234,237,237,0) 70%,rgba(209, 209, 209, 0.89) 100%);
    background: -o-linear-gradient(-180deg, rgba(234,237,237,0) 70%,rgba(209, 209, 209, 0.89) 100%);
    background: -ms-linear-gradient(-180deg, rgba(234,237,237,0) 70%,rgba(209, 209, 209, 0.89) 100%);
    background: linear-gradient(-180deg, rgba(234,237,237,0), #EAEDED);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#EAEDED',GradientType=0 ) !important;
    z-index: 10;
}

    .banner-zone img {
        position: relative;
        z-index: -1;
        display: block;
        height: auto;
        width: 100%;
    }

    .banner-zone .mySlides {
        position: relative;
        z-index: -1;
        display: block;
        height: auto;
        width: auto;
    }*/


/*SLIDER*/
* {
    box-sizing: border-box
}

/* Slideshow container */
.slideshow-container {        
    margin: auto;
}

/* Hide the images by default */
/*.mySlides {
    display: none;
}*/

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 22%;
    width: 29px;
    height:45px;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-size: 80px;
    background: url("../css/images/flecha_izda_slider.png") no-repeat scroll center center transparent;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    z-index:200;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
    background: url("../css/images/flecha_derecha_slider.png") no-repeat scroll center center transparent;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
    }

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .dot:hover {
        background-color: #717171;
    }

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}



/*BOXES*/
#upBoxes {
    position:relative;
    z-index:3;
}

#boxesPromocionesPrincipal {
    width: 100%;
    margin: 100px 10px 0 10px;
    position: relative;
    text-align: center;
}

    #upBoxes h2 {
        padding:0 0 0 10px;
    }

    #upBoxes h2  span{
        font-size:25px;
    }

#upBoxes img{
    width:100%;
}

.box-banner {
    margin: -75px 10px 0 10px;
    min-width: 300px;
    text-align:left;
    padding: 10px;
    background: #fff;
    display: inline-block;
    z-index: 100;
}

@media only screen and (max-width: 1400px) {

    .box-banner {
        margin: -15px 3px 20px 3px;
    }

    .box-banner {
        max-width: 310px;
    }

    /*BOXES*/
    #boxesPromocionesPrincipal {
        margin: 50px 10px 0 10px;
    }
}


@media only screen and (max-width: 1200px) {

    /*BOXES*/
    #boxesPromocionesPrincipal {
        margin: 50px 10px 0 10px;
    }
   
    #box3{
        display:none;
    }

    /* Buscador */
    /* ---------------------- */
    #buscador {
        height: 130px;
    }

    .marca {
        width: 102px;
    }

    html {
        font-size: 60.5%;
    }

    .catMenu {
        width: 200px;
    }
}



