body {
    font-family: 'Roboto', sans-serif;
}

.container {
    padding: 0px;
}

.contenedorSlider {
    width: 100%;
}

.slide img {
    width: 100%;
}

.contenedorProductos,
.contenedorLogos,
.contenedorPie {
    width: 1200px;
}

.col-md-12 {
    padding: 0px;
}

.row {
    margin: 0px;
}

.header {
    position: relative;
}

.bgheader {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 19px;
    background-color: #edebec;
}

.contenedorCabecera {
    padding: 0px !important;
}

.imgLogoCabecera {
    position: absolute;
    z-index: 99;
}

.imgBanner {
    width: 100%;
}

.textCenter {
    text-align: center;
}

.contenedorProductos {
    margin-bottom: 50px;
}

.contenedorProducto {
    width: 20%;
    float: left;
    padding: 14px;
}

.imgProducto {
    width: 100%;
    border: 1px solid #646464;
    border-radius: 2px;
    margin-bottom: 10px;
}

.tituloProductos {
    font-size: 19px;
    font-weight: 600;
    color: #646464 !important;
}

.tituloProducto {
    margin-top: 5px;
    font-size: 16px;
    font-weight: 500;
    cursor: default;
    color: #646464 !important;
}

.textoProducto {
    text-align: left;
    cursor: default;
    color: #646464 !important;
    font-weight: 300;
    min-height: 105px;
}

.tablaVerMas td {
    vertical-align: baseline;
    color: #646464 !important;
}

.tdImgVerMas {
    padding-right: 15px;
}

.contenedorLogos {
    margin-bottom: 30px;
}

.contenedorLogos img {
    width: 100%;
}

.footer {
    background-color: #313e51;
}

.contenedorLogoPie,
.contenedorDatosPie {
    text-align: left;
}

.contenedorDatosPie {
    padding-top: 30px;
}

.ulPrincipalPie,
.ulSecundarioPie {
    padding: 0px;
    text-decoration: none;
    list-style-type: none;
    overflow: hidden;
}

.ulPrincipalPie a,
.ulSecundarioPie a {
    color: #D0D0D0;
}

.ulPrincipalPie {
    width: 737px;
    margin-bottom: 30px;
}

.ulPrincipalPie a:hover,
.ulSecundarioPie a:hover,
.ulPrincipalPie a:active,
.ulSecundarioPie a:active {
    text-decoration: none;
    color: #AFAFAF !important;
}

.ulPrincipalPie li {
    float: left;
    margin-right: 22px;
    margin-right: 10px;
}

.ulSecundarioPie li {
    float: none !important;
    margin-bottom: 5px;
    margin-right: 0px;
}

.ultimoLi {
    margin-right: 0px !important;
}

.contenedorListadoPie {
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
}

.listaEnlacesCaracter {
    padding: 0px;
}

.listaEnlacesCaracter a {
    color: #ADADAD;
}

.listaEnlacesCaracter a:hover,
.listaEnlacesCaracter a:active {
    text-decoration: none;
    color: #909090 !important;
}

.contenedorListadoPie .listaEnlacesCaracter li {
    list-style-type: none;
    display: inline;
    float: left;
}

.contenedorListadoPie .listaEnlacesCaracter li:before {
    content: " | ";
    color: #ADADAD;
    padding-left: 10px;
    padding-right: 5px;
    font-size: 14px
}

.contenedorListadoPie .listaEnlacesCaracter li:first-child:before {
    content: none;
}

.contenedorMosca {
    text-align: center;
    padding-top: 20px;
}

.contenedorMosca p {
    text-align: center;
    color: #D0D0D0 !important;
    margin-bottom: 0px;
    font-weight: 300;
    padding-left: 20px;
    padding-right: 20px;
}

.contenedorMosca hr {
    border: 0px;
    border-bottom: 1px solid #4B5461;
    margin: 15px 0px;
}

.contenedorMosca img {
    margin-bottom: 20px;
}

.tablaTelefono,
.tablaBotones {
    float: left;
    height: 55px;
}

.tablaTelefono a {
    font-size: 40px;
    color: #C1CFDD !important;
}

.tablaTelefono a:hover,
.tablaTelefono a:active {
    text-decoration: none;
}

.tablaTelefono td,
.tablaBotones td {
    padding-right: 10px;
    vertical-align: middle;
}

.tablaTelefono {
    margin-right: 10px;
}

.contenedorListadoCabecera {
    /*padding-top:5px; */
    /*margin-bottom: 5px;*/
    padding-top: 2px;
    margin-bottom: 10px;
    position:relative;
    z-index:1;
}

.navbar-default {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.menuSuperior {
    width: 100%;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    margin-bottom: 0px;
    margin-top: 3px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: -19px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px;
    border-radius: 4px;
    box-shadow: none;
    margin: 0px;
    padding: 0px 0px;
}

.padre.dropdown-menu li.nopadre{
    margin:0px;
    width:100%;
    padding:0px;
}

.padre.dropdown-menu li.nopadre a{
    padding: 10px 20px;
}

.menuSuperior li {
    float: left;
    margin-right: 38px;
    margin-right: 24px;
    cursor: pointer;
    padding-bottom: 5px;
}

.ultimoEnlace {
    margin-right: 0px !important;
}

.ultimoEnlace a {
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.listaEnlacesCabecera {
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

.tablaTelefonoCabecera td {
    vertical-align: middle;
    padding-right: 10px;
}

.contenedorListadoCabecera .listaEnlacesCabecera li {
    list-style-type: none;
    /*display: inline;*/
    display: inline-block;
    float: left;
    font-size: 12px;
}

.contenedorListadoCabecera .listaEnlacesCabecera li:before {
    content: " | ";
    color: #ADADAD;
    padding-left: 10px;
    padding-right: 5px;
    /*font-size: 14px;*/
    font-size: 12px;
}

.contenedorListadoCabecera .listaEnlacesCabecera li:first-child:before {
    content: none;
}

.telefonoCabecera {
    font-size: 35px;
    color: #CC4177 !important;
    font-weight: 100;
}

.whatsappCabecera {
    font-size: 35px;
    color: #43d854 !important;
    font-weight: 100;
}

.tablaTelefonoCabecera {
    float: left;
    margin-right: 60%;
    margin-bottom: 5px;
}

.formularioBusqueda {
    float: left;
    position: relative;
}

.formularioLogin {
    float: right;
    margin-top: -50px;
    width: 225px;
    position: relative;
}

.formularioLogin input {
    height: 40px;
}

.formularioLogin .input-group {
    margin-bottom: 10px;
}

.icoLogin {
    position: absolute;
    bottom: 10px;
    right: 0;
    z-index: 99;
    border: 1px solid #808080;
    height: 40px;
    width: 43px;
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.selectBusqueda {
    border: 1px solid #808080;
    border-radius: 3px;
    height: 40px;
    padding: 10px;
    width: 187px;
    margin-right: 25px;
    cursor: pointer;
    color:#a0a0a0;
    background: rgba(0, 0, 0, 0) url("../images/icoSelect.png") no-repeat scroll 144px 0;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.icoSelect {
    position: absolute;
    left: 145px;
    display:none;
}

.inputBuscar {
    border: 1px solid #808080;
    border-radius: 3px;
    height: 40px;
    width: 385px;
    padding: 10px;
    position: relative;
    top: -1px;
    /*background: rgba(0, 0, 0, 0) url("../images/icoBusqueda2.png") no-repeat scroll 342px 0;*/
}

.inputPass{
    background: rgba(0, 0, 0, 0) url("../images/icoLogin2.png") no-repeat scroll 144px 0;
}

.icoBusqueda {
    position: absolute;
    bottom: 1px;
    right: 0px;
    top: initial;
    border: 1px solid #808080;
    height: 40px;
    width: 43px;
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.form-control {
    border: 1px solid #808080;
}

.input-group-addon {
    border: 1px solid #808080;
    border-right: none;
}

.menuSuperior li span {
    font-weight: 700;
    color: #585858 !important;
}

.listaEnlacesCabecera li a {
    /*color:#ADB4C9; */
    color: #898788;
    text-decoration: none;
}

.listaEnlacesCabecera li a:active,
.listaEnlacesCabecera li a:hover {
    color: #848484;
    text-decoration: none;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 8px;
}

.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 16px;
    font-weight: 500;
    padding: 0px;
}

.navbar {
    position: relative;
    min-height: 30px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.clear {
    clear: both;
    float: none;
}

.separador {
    margin-bottom:20px;
}

/* = Login cabecera ========================================================= */

.formularioLogin div.form-control {
    height: 40px;
    padding: 10px;
}

.formularioLogin a {
    display: inline-block;
    max-width: 150px;
    overflow: hidden;
}

.accesoDirectoCarrito {
    display: inline-block;
    position: relative;
    float: right;
}

.accesoDirectoCarrito .accesoCarrito {
    display: inline-block;
    border: 1px solid #808080;
    border-radius: 3px;
    height: 40px;
    padding: 10px;
    width: 175px;
    text-align: left;
    text-decoration: none;
    color: #a0a0a0;
    padding-left: 15px;
}

.accesoDirectoCarrito .accesoCarrito:hover {
    text-decoration: none;
}

.accesoDirectoCarrito img.icoCarrito {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    border: 1px solid #808080;
    height: 40px;
    width: 43px;
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.aliasLogin {
    display: inline-block;
    color: #a0a0a0;
    margin-right: 15px;
    margin-right: 0px;
    background: url(../images/bullet_arrow_down.png) right center no-repeat transparent;
    padding-right:20px;
}

.aliasLogin:hover {
    color: #a0a0a0;
    text-decoration:none;
}

.aliasLogin span.alias {
    color: #010101;
}

div.menuLogin {
    display:none;
    text-align:right;
}

div.menuLogin:hover {
    display:block;
}

a.aliasLogin:hover + div.menuLogin {
    display:block;
}

.micuentaLogin,
.mispedidosLogin,
.logoutLogin {
    display: inline-block;
    width: 109px;
    height: 30px;
    border: 1px solid #a0a0a0;
    line-height: 30px;
    color: #a0a0a0;
    text-decoration: none;
    text-align: left;
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 35px;
    background-color: #fff;
}

.micuentaLogin:hover,
.mispedidosLogin:hover,
.logoutLogin:hover {
    color: #010101;
    text-decoration: none;
}

.micuentaLogin {
    background-image: url(../images/mi_cuenta_01.png);
}

.mispedidosLogin {
    background-image: url(../images/historico_01.png);
}

.logoutLogin {
    background-image: url(../images/salir_01.png);
}

.micuentaLogin:hover {
    background-image: url(../images/mi_cuenta_02.png);
}

.mispedidosLogin:hover {
    background-image: url(../images/historico_02.png);
}

.logoutLogin:hover {
    background-image: url(../images/salir_02.png);
}

div.divTelefonoCabecera {}

.telefonoCabecera {
    display: inline-block;
    background: url(../images/icoTelRosa.png) left center no-repeat transparent;
    padding-left: 58px;
    margin-bottom: 10px;
}
.whatsappCabecera {
    display: inline-block;
    background: url(../images/icoWhatsapp.png) left center no-repeat transparent;
    padding-left: 58px;
    margin-bottom: 10px;
}
.telefonoCabecera:hover, .whatsappCabecera:hover {
    text-decoration: none;
}

div.accesosDirectosLogin {
    /*float: right;
    margin-top: 15px;*/
    position:absolute;
    top:0px;
    right:0px;
}

@media only screen and (max-width: 1199px) {
    .contenedorInterior {
        width: 100%;
    }
    .tablaInfoPie {
        width: 300px;
    }
    .container-fluid {
        padding: 0px;
    }
    .collapse .navbar-collapse {
        padding: 0px;
    }
    div#bs-example-navbar-collapse-1 {
        padding: 0px !important;
    }
    .navbar-default .navbar-nav > li > a {
        color: #777;
        padding-left: 0px;
        padding-right: 51px;
    }
    div.accesosDirectosLogin {
        float: left;
        margin-top: 0px;
        height: 40px;
        margin-bottom: 10px;
        padding-top: 5px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199px) {
    .imgLogoCabecera {
        position: absolute;
        z-index: 99;
        margin-left: 40px;
    }
    .contenedorProductos,
    .contenedorLogos,
    .contenedorPie {
        width: 100%;
    }
    .tablaTelefonoCabecera {
        margin-right: 50%;
    }
    /*div.divTelefonoCabecera{text-align:center; margin-bottom:20px;}*/
    .formularioLogin {
        float: left;
        margin-top: 10px;
    }
    .menuSuperior li {
        margin-right: 14px;
    }
    .formularioLogin {
        width: 100%;
        position: relative;
    }
    .formularioLogin .input-group {
        float: left;
        margin-bottom: 10px;
        width: 189px;
        margin-right: 25px;
    }
    .icoLogin {
        position: absolute;
        bottom: 10px;
        left: 360px;
        z-index: 99;
    }
    .col-md-12 {
        padding: 10px;
    }
    .tituloMargen {
        margin-bottom: 32px;
    }
    .navbar-default .navbar-nav > li > a {
        color: #777;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
    }
    .selectBusqueda {
        background: rgba(0, 0, 0, 0) url("../images/icoSelect.png") no-repeat scroll 144px 0;
    }
    .inputBuscar {
        background: rgba(0, 0, 0, 0) url("../images/icoBusqueda.png") no-repeat scroll 342px 0;
    }
    .inputPass{
        background: rgba(0, 0, 0, 0) url("../images/icoLogin.png") no-repeat scroll 108px 0;
    }
}

@media only screen and (min-width:768px) and (max-width: 991px) {
    .navbar-default .navbar-nav > li > a {
        color: #777;
        padding-left: 0px;
        padding-right: 0px;
    }
    .menuSuperior li {
        float: left;
        margin-right: 17px;
        cursor: pointer;
    }
}

@media only screen and (min-width:200px) and (max-width: 991px) {
    .selectBusqueda {
        background: rgba(0, 0, 0, 0) url("../images/icoSelect.png") no-repeat scroll 257px 0;
    }
    .inputBuscar {
        background: rgba(0, 0, 0, 0) url("../images/icoBusqueda.png") no-repeat scroll 257px 0;
    }
    .inputPass{
        background: rgba(0, 0, 0, 0) url("../images/icoLogin.png") no-repeat scroll 219px 0;
    }
    .contenedorProductos,
    .contenedorLogos,
    .contenedorPie {
        width: 100%;
    }
    .tituloMargen {
        margin-bottom: 32px;
    }
    .tituloProductos {
        font-size: 25px;
        font-weight: 600;
        color: #646464 !important;
        margin-top: 10px;
    }
    .contenedorProductos {
        margin-bottom: 10px;
    }
    .imgLogoCabecera {
        position: initial;
        z-index: 99;
        margin: 0px auto;
        display: block;
        margin-bottom: 20px;
    }
    .tablaTelefonoCabecera {
        float: initial;
        margin: 0px auto;
        margin-bottom: 20px;
    }
    .divTelefonoCabecera {
        text-align: center;
        margin-bottom: 20px;
        margin-right:0px;
    }
    .formularioBusqueda {
        float: initial;
        position: relative;
        width: 300px;
        margin: 0px auto;
        margin-bottom: 10px;
    }
    .selectBusqueda {
        border: 1px solid #808080;
        border-radius: 3px;
        height: 40px;
        padding: 10px;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .icoSelect {
        position: absolute;
        top: 0px;
        right: -1px;
        left: initial;
    }
    .inputBuscar {
        border: 1px solid #808080;
        border-radius: 3px;
        height: 40px;
        width: 100%;
        padding: 10px;
    }
    .icoBusqueda {
        position: absolute;
        bottom: 1px;
        right: -1px;
        top: initial;
    }
    .formularioLogin {
        float: initial;
        width: 300px;
        position: relative;
        margin: 0px auto;
        margin-bottom: 10px;
    }
    .icoLogin {
        position: absolute;
        bottom: 0px;
        right: 0;
        z-index: 99;
    }
    .contenedorLogoPie img {
        display: block;
        margin: 0px auto;
    }
    .listaEnlacesCaracter {
        padding: 0px;
        overflow: hidden;
        width: 440px;
        margin: 0px auto;
    }
    .tablaTelefono {
        margin-right: initial;
        width: 290px;
        margin: 0px auto;
        display: block;
        float: initial;
        margin-bottom: 10px;
    }
    .tablaBotones {
        float: initial;
        display: block;
        width: 202px;
        margin: 0px auto;
        height: initial;
    }
    .telefonoCabecera {
        font-size: 35px;
    }
    .tablaTelefono a {
        font-size: 28px;
    }
    .tablaBotones img {
        width: 200px;
        margin-bottom: 5px;
    }
    .navbar-header {
        text-align: center;
    }
    .navbar-toggle {
        position: relative;
        float: initial;
        padding: 9px 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        margin: 0px auto;
    }
    .contenedorFormulariosCabecera {
        padding: 0px;
        text-align: center;
        margin-bottom:30px;
    }
    .ulPrincipalPie {
        width: 737px;
        margin: 0px auto;
        margin-bottom: 30px;
    }
    .tablaBotones td {
        display: inline;
        padding-right: 0px;
    }
    .tablaBotones tr {
        text-align: center;
    }
    .accesoDirectoCarrito {
        float: none;
        width: 300px;
        margin-bottom: 20px;
    }
    .accesoDirectoCarrito .accesoCarrito {
        width: 300px;
    }
    div.accesosDirectosLogin {
        float: none;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width:470px) and (max-width: 991px) {
    /*.listaEnlacesCabecera {overflow: hidden;padding: 0px;margin: 0px;width: 445px;margin: 0px auto;}*/
    #accesosdirectos {
        text-align: center;
    }
    .accesosdirectos {
        display: inline-block;
    }
}

@media only screen and (min-width:200px) and (max-width: 869px) {
    .ulPrincipalPie {
        width: 100%;
        margin: 0px auto;
        margin-bottom: 30px;
        text-align: center;
    }
    .ulPrincipalPie li {
        float: initial;
        margin-right: 0px;
        margin-bottom: 15px;
    }
    .ulSecundarioPie li {
        float: initial !important;
        margin-bottom: -3px;
        margin-right: 0px;
    }
}

@media only screen and (min-width:200px) and (max-width: 767px) {
    .navbar-default .navbar-nav > li > a {
        color: #777;
        padding-left: 0px;
        padding-right: 0px;
        padding: 0px;
        padding-bottom: 10px;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #FFFFFF;
        padding-top: 10px;
    }
    .menuSuperior {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
        margin-bottom: 10px;
        overflow: hidden;
        margin-top: 5px;
        text-align: center;
        padding-top: 10px;
    }
    .menuSuperior li {
        float: initial;
        margin-right: 0px;
    }
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width:600px) and (max-width: 720px) {
    .contenedorProducto {
        height: 446px;
    }
}

@media only screen and (min-width:550px) and (max-width: 599px) {
    .contenedorProducto {
        height: 410px;
    }
}

@media only screen and (min-width:200px) and (max-width: 720px) {
    .tituloMargen {
        margin-bottom: 10px;
    }
    .contenedorProducto {
        width: 50%;
    }
}

@media only screen and (min-width:200px) and (max-width: 525px) {
    .micuentaLogin,
    .mispedidosLogin,
    .logoutLogin {
        display: flex;
        margin: 10px auto;
    }
    div.accesosDirectosLogin {
        margin-bottom: 120px;
        text-align: center;
    }
}

@media only screen and (min-width:200px) and (max-width: 470px) {
    .contenedorListadoCabecera {
        display: none;
    }
    .contenedorProducto {
        width: 100%;
    }
    .listaEnlacesCaracter {
        text-align: center;
    }
    .contenedorListadoPie .listaEnlacesCaracter li {
        list-style-type: none;
        display: block;
        float: initial;
    }
    .contenedorListadoPie .listaEnlacesCaracter li:before {
        display: none;
    }
    .contenedorListadoPie .listaEnlacesCaracter li:first-child:before {
        display: none;
    }
    .listaEnlacesCaracter {
        padding: 0px;
        overflow: hidden;
        width: 260px;
        margin: 0px auto;
    }
    .tablaBotones {
        float: initial;
        display: block;
        width: 285px;
        margin: 0px auto;
        height: initial;
    }
    .tablaBotones img {
        width: 200px;
    }
    .tablaBotones td {
        display: inline;
        padding-right: 0px;
    }
    .tablaBotones tr {
        text-align: center;
    }
    .tablaBotones {
        width: 200px;
    }
    .tablaBotones td {
        display: -webkit-box;
        padding-right: 0px;
    }
}

@media only screen and (min-width:991px) {
    .divTelefonoCabecera {
        display: inline-block;
        margin-right: 20px;
    }
}

#bannercabecera {
    margin-bottom: 50px;
}

body.nobanner.nocargador #bannercabecera {
    margin-top: 50px;
    margin-bottom: 0px;
}

body.banner.nocargador #bannercabecera {
    position: relative;
    display: table;
    width: 100%;
    background: none no-repeat center center;
    background-size: 100% auto;
}

body.banner.nocargador .bannercabecera {
    display: table-row;
}

body.banner.nocargador .textoCabecera {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    color: #FFF;
    font-size: 4.9vw;
    font-weight: lighter;
    padding: 3% 20%;
    text-transform: uppercase;
    text-shadow: 0px 0px 1px #000;
}

#contenido {
    margin-bottom: 50px;
}

img.imagenCabecera {
    width: 100%;
}

.menuSuperior li.n1 a {
    text-transform: uppercase;
}

.menuSuperior li.n1.lst {
    margin-right: 0px !important;
}

.menuSuperior li.n1.lst a {
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.ulPrincipalPie li.n1 a.n1 {
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.ulPrincipalPie li.n1.lst {
    margin-right: 0 !important;
}

a.verMas {
    display: inline-block;
    width: 110px;
    height: 32px;
    line-height: 32px;
    background: url(../images/verMas.png) left center no-repeat;
    padding-left: 60px;
    color: #646464 !important;
}

a.verMas:hover {
    background-image: url(../images/verMasActivo.png);
    text-decoration: none;
}


/* = Empresa ================================================================ */

.sliderEmpresa {
    width: 100%;
    margin-bottom: 10px !important;
}

.contenedorPuntos {
    width: 100%;
    text-align: center;
}

.contenedorEmpresa {
    padding: 50px 0px;
}

.contenedorTextoEmpresa {
    padding: 0px;
}

.tituloSeccionGris {
    margin-top: 0px;
    color: #646464;
    font-weight: 700;
    margin-bottom: 20px;
}

.parrafoEmpresa {
    color: #646464;
    text-align: justify;
    margin-bottom: 15px;
}

.groupContacto {
    width: 270px;
}

.groupContacto .input-group-addon {
    background-color: #c8c8c8;
    border-radius: 0px;
    padding: 14px 16px;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    text-align: center;
}

.groupContacto .form-control {
    border-left: none;
    border-radius: 0px;
    font-size: 20px;
    height: 50px;
}

#carrusel_empresa {
    margin-bottom: 50px;
}

#slick_carrusel_empresa .slick-dots li button::before {
    content: url("../images/punto.png");
    opacity: 1;
}

#slick_carrusel_empresa .slick-dots li.slick-active button::before {
    content: url("../images/puntoActivo.png");
    opacity: 1;
}


/* = Portada ================================================================ */

#marcas_portada {
    width: 100%;
}

#marcas_portada .marcas_portada {
    display: flex;
    flex-wrap: wrap;
}

#marcas_portada .banner {
    display: inline-block;
    text-align: center;
    flex-grow: 1;
    width: auto;
    max-width: 180px;
    height: auto !important;
}

#marcas_portada a,
#marcas_portada span,
#marcas_portada img {
    display: inline-block;
}

#destacados_portada {
    margin-bottom: 50px;
}

.contenedorMapa iframe {
    height: 350px;
    width: 100%;
}

.contenedorTablas .tdImage {
    padding-right: 10px;
    vertical-align: super;
}

.contenedorTablas .tdTexto {
    padding-bottom: 10px;
}


/* = Contacto =============================================================== */

.contenedorContacto {
    padding: 50px 0px 30px 0px;
}

.contenedorCol1 {
    margin-bottom: 55px;
}

.imagenCabecera {
    width: 100%;
}

.tituloSeccionGris {
    margin-top: 0px;
    color: #646464;
    font-weight: 700;
    margin-bottom: 20px;
}

.respuestaPregunta,
.textoInfoLegal,
.textoContacto {
    color: #646464;
    text-align: justify;
}

.textoContactoMargin {
    margin-bottom: 60px;
}

.inputFormulario {
    padding: 10px 10px;
    width: 100%;
    margin-bottom: 0px;
    border-top: 1px solid #a4bedb;
    border-left: 1px solid #a4bedb;
    border-right: 1px solid #a4bedb;
    border-bottom: 0px;
    border-bottom: 1px solid #a4bedb;
}

textarea {
    height: 150px;
    border-bottom: 1px solid #a9a9a9 !important;
    resize: none;
    /*margin-bottom: 10px !important;*/
}

.inputFormulario.validacionnook {
    /*border:1px solid #ee0101;*/
    background-color: #ffe6e6;
    box-shadow: 0px 0px 5px 1px #ffe6e6;
}

input.validarCheckbox.validacionnook + label {
    color: #ee0101 !important;
}

div.formError {
    color: #ee0101 !important;
}

.btnFormulario {
    float: right;
    border: none;
    border-radius: 3px;
    background: #6a9bd7;
    /* Old browsers */
    background: -moz-linear-gradient(top, #6a9bd7 0%, #447ac4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #6a9bd7 0%, #447ac4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #6a9bd7 0%, #447ac4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6a9bd7', endColorstr='#447ac4', GradientType=0);
    /* IE6-9 */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bcd1e9', endColorstr='#74a1d3', GradientType=0);
    padding: 7px 75px;
    color: white;
    font-weight: 100;
}

form.formularioContacto ::-webkit-input-placeholder {
    text-align: center;
    /*text-align: left;*/
}

form.formularioContacto :-moz-placeholder {
    /* Firefox 18- */
    text-align: center;
    /*text-align: left;*/
}

form.formularioContacto ::-moz-placeholder {
    /* Firefox 19+ */
    text-align: center;
    /*text-align: left;*/
}

form.formularioContacto :-ms-input-placeholder {
    text-align: center;
    /*text-align: left;*/
}

input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].css-checkbox + label.css-label {
    width: 340px;
    font-weight: 300;
    color: #1e639e;
    padding-left: 28px;
    height: 20px;
    display: inline-block;
    line-height: 13px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 13px;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -20px;
}

label.css-label {
    background-image: url(../images/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#enviadoForm {
    margin-top: 30px;
    text-align: center;
    padding: 10px;
    border: 1px solid #BCD1E9;
    width: 100%;
    color: #000000;
    background-color: #BCD1E9;
    display: none;
}

#enviandoForm {
    margin-top: 30px;
    display: none;
}

.contenedorMapa iframe {
    width: 100%;
    height: 350px;
}

.tdImage {
    vertical-align: super;
    padding-right: 10px;
}

.tdTexto {
    padding-bottom: 10px;
}

.enlaceTabla {
    color: #333;
}

.enlaceTabla:hover {
    color: #333;
    text-decoration: none;
}

.buscadorGeneral {
    display: inline-block;
    position: relative;
    margin-bottom: 20px;
}

/* = Contenidos ============================================================= */

.pagina_buscar,
.pagina_faqs,
.pagina_ofertas {}

.pagina_novedades .contenido .tituloSeccionGris,
.pagina_buscar .contenido .tituloSeccionGris,
.pagina_ofertas .contenido .tituloSeccionGris,
.pagina_faqs .contenido .tituloSeccionGris {
    margin-top: 0px;
    color: #646464;
    font-weight: 700;
    margin-bottom: 20px;
}

.pagina_novedades .contenido .tituloPregunta,
.pagina_ofertas .contenido .tituloPregunta,
.pagina_faqs .contenido .tituloPregunta {
    color: #000;
    font-weight: 500;
}

.pagina_novedades .contenido .fechaPregunta,
.pagina_ofertas .contenido .fechaPregunta,
.pagina_faqs .contenido .fechaPregunta {
    color: #000;
    font-weight: 700;
    margin-bottom: 0;
}

.pagina_novedades .contenido .respuestaPregunta,
.pagina_ofertas .contenido .respuestaPregunta,
.pagina_faqs .contenido .respuestaPregunta {
    color: #646464;
}

.pagina_novedades .contenido [class^="col-md-"],
.pagina_buscar .contenido [class^="col-md-"],
.pagina_faqs .contenido [class^="col-md-"],
.pagina_ofertas .contenido [class^="col-md-"] {
    margin-bottom: 20px;
}

.pagina_novedades .contenido .col-md-1,
.pagina_buscar .contenido .col-md-1,
.pagina_ofertas .contenido .col-md-1,
.pagina_faqs .contenido .col-md-1 {
    width: 5.333333%;
}

.pagina_novedades .contenido .col-md-2,
.pagina_ofertas .contenido .col-md-2 {
    text-align: right;
}

.contenedorFaq{
    width:910px;
}

.pagina_faqs .contenido .container .row{
    position:relative;
}

.pagina_condiciones_de_compra .contenido .container .row{
    position:relative;
    padding:20px;
}

.pagina_novedades .contenedorPdf,
.pagina_ofertas .contenedorPdf{
    text-align: right;
}

.pagina_faqs .contenido .container .row .contenedorBanner {
    width: 250px;
    height: 390px;
    background-color: #ffb900;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

.parrafoLimitado{
    max-width: 870px;
    display: block;
}

.bannerCondicionesCompra{
    position: absolute;
    top: 0;
    right: 0;
}


.pagina_novedades .contenido .enlaceVerPdf,
.pagina_ofertas .contenido .enlaceVerPdf {
    background: url(../images/icono_pdf.png) center right no-repeat transparent;
    display: inline-block;
    width: 90px;
    height: 32px;
    line-height: 32px;
    padding-right: 40px;
    color: #7d7d7d;
}

.pagina_novedades .contenido .enlaceVerPdf:hover,
.pagina_ofertas .contenido .enlaceVerPdf:hover {
    background-image: url(../images/icono_pdf_hover.png);
    text-decoration: none;
    color: #000;
}

.tabulado {
    /*margin-bottom: 100px;*/
}

.tablaPedidosCompra {
    width: 100%;
    margin-top:20px;
    margin-bottom:100px;
}

.tablaPedidosCompra td {
    padding: 10px 20px;
}

td.colProducto, td.colUnidades, td.colPrecio, td.colEliminar{border:1px solid #c4c4c4;}

.colEliminar,
.colUnidades,
.colPrecio {
    text-align: center;
    width: 15%;
}

.tablaPedidosCompra th {
    font-size: 16px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

th.colProducto {
    padding-left: 21px;
}

.colProducto a {
    color: black;
}

td.colUnidades {
    color: black;
}

td.colUnidades a {
    color: black;
}

td.colPrecio {
    color: #ff6200;
    font-weight: 700;
}

.contenedorTablaPrecioCompra {
    width: 100%;
    margin: 20px 0px 100px 0px;
    text-align: right;
    overflow: hidden;
    position: relative;
}

.tablaPrecioCompra {
    float: right;
    margin-right: 1px;
}

.tablaPrecioCompra td {
    padding: 5px 10px;
}

.concepto {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    color: #7d7d7d;
}

.importe {
    text-align: center;
    color: #ff6200;
    font-weight: 700;

}

.tdPaddingRight {
    padding-right: 10px;
}

.tdPaddingInferior {
    padding-bottom: 50px;
}

.tdPrecioTotal {
    border: 1px solid #c4c4c4;
    font-size: 20px;
}
.tdTotal{color:black;}

.control {
    /*margin: 50px 0px 30px 0px;*/
}

.control.observaciones {
    margin: 50px 0px 30px 0px;
}

div.control.limpio.observaciones label,
div.control.limpio.observaciones span.control {
    display:block;
}

.control textarea {
    width: 100%;
}

.control label{text-transform: uppercase;}

.message_infoenvio {
    text-align: center;
    font-size: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

div.message_success {
    background-color: rgba(255, 185, 0, 0.29);
    border: 1px solid #d7d7d7;
    color: #000000;
    display: block;
    margin-bottom: 20px;
    padding: 20px;
    text-align: center;
    width: 100%;
}

div.message_error {
    background-color: #ffe6e6;
    border: 1px solid #ffe6e6;
    color: #000000;
    display: block;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    width: 100%;
}

.submit_link.btCarrito {
    overflow: hidden;
    position: relative;
}

.bt.btEliminarlinea{
    background: url(../images/eliminar_01.png) center right no-repeat transparent;
    width: 23px;
    height: 23px;
    display: block;
    margin: 0px auto -8px auto;
}

.bt.btEliminarlinea:hover{
    background: url(../images/eliminar_02.png) center right no-repeat transparent;
}

.boton.catalogo{
    background: url(../images/volver_01.png) center left no-repeat transparent;
    border: 1px solid #313e51;
    height: 55px;
    width: 235px;
    padding-left: 55px;
    float:left;
    margin-right:30px;
}
.boton.catalogo:hover{
    background: url(../images/volver_02.png) center left no-repeat transparent;
}

.boton.vaciar{
    background: url(../images/vaciar_01.png) center left no-repeat transparent;
    border: 1px solid #313e51;
    height: 55px;
    width: 235px;
    padding-left: 55px;
    float:left;
}
.boton.vaciar:hover{
    background: url(../images/vaciar_02.png) center left no-repeat transparent;
}



.boton.comprar{
    background: url(../images/comprar_01.png) center left no-repeat transparent;
    border: 1px solid #313e51;
    height: 55px;
    width: 235px;
    padding-left: 55px;
    float:right;
}
.boton.comprar:hover{
    background: url(../images/comprar_02.png) center left no-repeat transparent;
}


.control.datosenvio {
    margin-top: 50px;
}

fieldset.datosenvio{
    margin:50px 0px 30px 0px;
}
fieldset.datosenvio div.cabecera{
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%;
}
fieldset.datosenvio label{
    width:150px;
}
fieldset.datosenvio input{
    width:750px;
}
fieldset.datosenvio div.codigopostal input,
fieldset.datosenvio div.telefono input
{
    width:200px;
}

/* = Email ================================================================== */
body.email {
}
body.email img.logotipo{
    display:inline-block;
    margin-bottom:20px;
}


h4, .h4 {
    font-size: 24px;
    margin-bottom: 25px;
}

h4:before, .h4:before{
    border-right: 10px solid #ffb900;
    content: "";
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: 0;
    width: 8px;
}

.backgroundNaranja{
    background-color: rgba(255, 185, 0, 0.25);
}

#data[Cliente][alias]{
    border: 1px solid #808080;
    border-radius: 3px;
    height: 40px;
    width: 385px;
    padding: 10px;
    position: relative;
    top: -1px;
    display: block;
}

.campos label{
    color: #837f7b;
}

.campos .control input{
    border: 1px solid #808080;
    border-radius: 3px;
    height: 40px;
    width: 300px;
    padding: 10px;
    position: relative;
    top: -1px;
    display: block;
    margin-bottom: 10px;
}

.botones .control input{
    background: #ffb300; /* Old browsers */
    background: -moz-linear-gradient(top, #ffb300 0%, #ff8c00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffb300 0%,#ff8c00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffb300 0%,#ff8c00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb300', endColorstr='#ff8c00',GradientType=0 ); /* IE6-9 */
    border: none;
    padding: 7px 22px;
    color: white;
    font-weight: 400;
    margin-right: 7px;
}

.control.limpio label{
    margin-right: 20px;
    font-size: 20px;
    margin-bottom: 10px;
    color: #646464;
}

.pagina.active{
    background-color: #efebeb;
}

/* = Cookies ================================================================ */
body .cc-cookies {
    width:100% !important;
    font-size:11px !important;
    padding: 0.3em 1% !important;
}
body .cc-cookies a.cc-cookie-accept,
body .cc-cookies-error a.cc-cookie-accept,
body .cc-cookies a.cc-cookie-decline,
body .cc-cookies-error a.cc-cookie-decline,
body .cc-cookies a.cc-cookie-reset{
    background-color:#ffb900 !important;
}
body .cc-cookies a.cc-cookie-accept:hover,
body .cc-cookies-error a.cc-cookie-accept:hover,
body .cc-cookies a.cc-cookie-decline:hover,
body .cc-cookies-error a.cc-cookie-decline:hover,
body .cc-cookies a.cc-cookie-reset:hover{
    background-color:#000 !important;
}

/* = Aviso-web ============================================================== */
.aviso-web {
    background-color: #C8C8C8;
    color: #333;
    height: 48px;
    border-bottom: 2px solid #FFBA00;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    line-height: 48px;
    position: fixed;
    width: 100%;
    top: 0px;
    z-index: 125;
}

.aviso-web + .header {
    margin-top: 48px;
}

/* = Modal Aviso-web ======================================================== */
#myModal {
    text-align: center;
    padding: 0!important;
}

#myModal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}

#myModal .modal-content {
    background-color: #000;
    color: #fff;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* Necesario para posicionar el botón de cierre */
    font-size: 1.5em;
}

#myModal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 400px; /* Ancho fijo */
}

#myModal .modal-body {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#myModal .close {
    color: #fff;
    opacity: .6;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}