/*

Style general de ITACA 

*/
@font-face {
    font-family: 'Beleren_Bold';
    src: url('../fonts/Beleren-Bold-011c79605679d36b32b1878be5ddba0d.eot');
    src: local('☺'), url('../fonts/Beleren-Bold-f22e260bf44becd6f76d15f91c243942.woff') format('woff'), url('../fonts/Beleren-Bold-3f6dcb6f45d5a6ee68055d75cae827d7.ttf') format('truetype'), url('../fonts/Beleren-Bold-6cf0c9b7d526c16641804bb93df4bb03.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NewGroteskSquareFOUR';
    src: url('../fonts/NewGroteskSquare-FOUR-3d54926067e13fb3c664e34462cd5fef.eot');
    src: local('☺'), url('../fonts/NewGroteskSquare-FOUR-21ac5a7f453c4a1b8dc5b16d99773c5c.woff') format('woff'), url('../fonts/NewGroteskSquare-FOUR-7b9d19a96a8932c63b99bf79ca96d402.ttf') format('truetype'), url('../fonts/NewGroteskSquare-FOUR-141c349d179d6db07be8a11fcd707472.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NewGroteskSquareTHREE';
    src: url('../fonts/NewGroteskSquare-THREE-ec45b7468a1744677040b78f7d94688f.eot');
    src: local('☺'), url('../fonts/NewGroteskSquare-THREE-0ac09cf7819171e0e4d8256f25e85d7a.woff') format('woff'), url('../fonts/NewGroteskSquare-THREE-210137558b0bc79ff599a84089c09fc0.ttf') format('truetype'), url('../fonts/NewGroteskSquare-THREE-a9ea8720ddc1191a8de20d78ac5e460b.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0px;
    padding: 0px;
}

html {
    line-height: normal !important;
}

body {
    margin: 0;
    padding: 0;
    color: #363f45;
    background-color: #eaebea;
    font-size: 16px;
    font-family: 'Oswald';
    font-weight: 300;
}

body#pagecolecciones {
    background-color: #fff;

}


a {
    color: #e60615;
    text-decoration: none;
}

a:hover {
    color: #e60615;
    text-decoration: underline;
}

a.enlaceimg:hover img, .paginacion a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}

#header {
    background-color: #e60615;
    height: 105px;
    position: relative;
    z-index: 100;

    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
}

#pagebuylist #header {
    background-color: #282828;
    border-bottom: 1px solid #eaebea;
}

.logonormal, #pagebuylist .logobuylist {
    display: block;
}

.logobuylist, #pagebuylist .logonormal {
    display: none;
}

.headerfooter {
    background-color: #e60615;
    height: 70px;
    position: relative;
    z-index: 100;

    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
}

#pagebuylist .headerfooter {
    background-color: #282828;
    border-top: 1px solid #eaebea;
}


p {
    margin-top: 0px;
}

#main {
    margin-top: 105px;
    padding-bottom: 70px;
    position: relative;
    float: left;
    width: 100%;
}

.migadepan {
    float: left;
    width: 100%;
    margin-top: 22px;
}

.migadepan a, .migadepan span {
    font-weight: 400;
}

.migadepan a {
    color: #abb8c0;

}

.migadepan a:hover {
    color: #e60615;
    text-decoration: none;
}

.seccionportada {
    position: relative;
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

.seccionprincipal {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 50px;
    padding-bottom: 22px;
}

.seccionportada.slide {
    padding-bottom: 0px;
}

.seccionportada.fondooscuro {
    background-color: #282828 !important;
}

.seccionportada h2 {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'NewGroteskSquareTHREE';
    font-size: 3em;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 30px;
}

.seccionprincipal h2 {
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    font-family: 'NewGroteskSquareTHREE';
    font-size: 3em;
    font-weight: normal;
    margin-bottom: 0px;
}

.seccionprincipal h1 {
    position: relative;
    float: left;
    width: 100%;
    text-align: left;
    font-family: 'NewGroteskSquareTHREE';
    font-size: 3em;
    font-weight: normal;
    margin: 0;
}

.seccionportada.fondooscuro h2 {
    color: #fff;
}

.seccionportada.conflecha {
    background: transparent url("../../home-flecha-separadora-bloques-423023a00a7a7a2ec8b9d7b2c13a2e7e.png") no-repeat scroll top center;
    padding-top: 80px;
}

#fondo {
    background-color: #fff;

    z-index: 90;

    top: 105px;

    position: fixed;
    height: calc(100% - 105px);
    overflow-y: auto;

    left: 0;
    width: 100%;
}

#fondopopup, #fondopopuplogin, #fondopopupregistro, #fondopopupforgot, #fondopopupadvancedsearch {
    background-color: #fff;

    display: none;
    z-index: 90;

    top: 105px;

    position: fixed;
    height: calc(100% - 105px);
    overflow-y: auto;

    left: 0;
    width: 100%;
}

#fondopopupadvancedsearch {
    background-color: #fff;

    display: none;
    z-index: 90;

    top: 55px;

    position: fixed;
    height: calc(100% - 55px);
    overflow-y: auto;

    left: 0;
    width: 100%;
}

#fondopopupcesta {
    background-color: rgba(0, 0, 0, 0.6);

    display: none;
    z-index: 110;

    top: 0px;

    position: fixed;
    height: 100%;
    overflow-y: auto;

    left: 0;
    width: calc(100% - 480px);
}

#fondopopupmenu {
    background-color: rgba(0, 0, 0, 0.6);

    display: none;
    z-index: 110;

    top: 0px;

    position: fixed;
    height: 100%;
    overflow-y: auto;

    width: calc(100% - 480px);
    left: unset;
    right: 0;
}

#fondopopupcestaitems {
    background-color: #fff;

    display: none;
    z-index: 110;

    top: 105px;

    position: fixed;
    height: calc(100% - 175px);
    overflow-y: auto;

    right: 0%;
    /*width: calc(30% - 80px);*/
    width: 400px;
    max-width: 400px;
    padding: 20px 40px 50px;
}

#popupmenu {
    background-color: #fff;

    display: none;
    z-index: 110;

    top: 105px;

    position: fixed;
    height: calc(100% - 175px);
    overflow-y: auto;

    left: 0%;
    /*width: calc(30% - 80px);*/
    width: 400px;
    max-width: 400px;
    padding: 20px 40px 50px;
}

#recp_utilidades {
    width: 100%;
    max-width: 79px;
    margin: 0px auto;
    padding: 0px 0px;
    float: left;
    left: 50%;
    margin-left: 0px;
    position: relative;
    box-sizing: content-box;
}

#recp_utilidades.activado {
    max-width: 100%;
    float: right;
    width: 400px;
    padding: 0px 40px;
    background-color: #e60615;
    height: 100px;
    position: absolute;
    right: 0px;
    left: unset;
}

#pagebuylist #recp_utilidades.activado {
    background-color: #282828;
}

#contentheader {
    max-width: 1250px;
}


.recp_popup {
    position: relative;
    width: 470px;
    top: 72px;
    padding-bottom: 70px;
    left: 50%;
    margin-left: -235px;
    float: left;
    /*display: none;*/
}

#busq_avanzado {
    position: relative;
    width: 470px;
    top: 72px;
    padding-bottom: 70px;
    left: 50%;
    margin-left: -235px;
    float: left;
}

#busq_avanzado p {
    font-size: 1.2em;
    line-height: 1.8em;
    margin-bottom: 30px;
}

.recp_popup p {
    font-size: 1.2em;
    line-height: 1.8em;
    margin-bottom: 30px;
}


.content {
    width: 100%;
    max-width: 1400px;
    margin: 0px auto;
    padding: 0px 0px;
    float: left;
    left: 50%;
    margin-left: -700px;
    position: relative;
    box-sizing: content-box;
}

.clear {
    clear: both;
    font-size: 1px;
    height: 0;
    line-height: 0px;
    margin: 0px;
}

#logo, #logo a {
    float: left;
}

#logo img {
    max-height: 93px;
    width: auto;
    margin-block: 6px;
}

#menu {
    float: left;
    margin: 27px 12px 0px 30px;
}

.menuresponsive {
    float: left;
    margin: 39px 10px 0px 8px;
}

.menuresponsive > .fa-bars {
    display: block;
}

.menuresponsive > .fa-times {
    display: none;
}


#menu a {
    color: #282828;
}

#menu a:hover, #menu a.current {
    color: #282828;
    text-decoration: none;
    border-bottom: 3px solid #282828;
    padding-bottom: 5px;
}

#pagebuylist #menu a, #pagebuylist #menu a:hover, #pagebuylist #menu a.current {
    color: #fff;
}

#pagebuylist #menu a:hover, #pagebuylist #menu a.current {
    border-bottom: 3px solid #fff;
}

.menuresponsive.activado > .fa-bars {
    display: none;
    /*color:#fff;*/

}

.menuresponsive.activado > .fa-times {
    display: block;
}

#pagebuylist .menuitem {
    border-right: 1px solid #fff;
}

#pagebuylist .menuitem.ultimoitem {
    border-right: 0px solid #363f45;
}

.menuitem {
    font-family: 'NewGroteskSquareFOUR';
    text-transform: uppercase;
    font-size: 1em;
    float: left;
    padding: 20px 10px;
    border-right: 1px solid #282828;
    text-align: center;
}

.menuitem.ultimoitem {
    border-right: 0px solid #363f45;
}

.menu-new-badge {
    display: inline-block;
    margin-left: 5px;
    padding: 1px 5px;
    background: #e60615;
    color: #fff !important;
    font-size: 0.6em;
    font-weight: bold;
    line-height: 1.4;
    border-radius: 3px;
    vertical-align: super;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#popupmenu .menuitem {
    font-family: 'NewGroteskSquareFOUR';
    text-transform: uppercase;
    font-size: 1.8em;
    float: left;
    width: 100%;
    padding: 10px 0px 5px;
    border-right: 0px solid #282828;
    border-top: 1px solid #282828;
    text-align: left;
}

#popupmenu .idiomaactual, #popupmenu #idiomas_tabl a {
    font-family: 'NewGroteskSquareFOUR';
    text-transform: uppercase;
    font-size: 1.5em;
    float: left;
    cursor: pointer;
    color: #e60615;
    text-transform: uppercase;
    text-shadow: none;
    padding: 6px 0px 0px 8px;
    border-left: 1px solid #363f45;
    margin: 30px 0px 10px 8px;
}

#popupmenu .idiomaactual {
    color: #abb8c0;
    border-left: 0px solid #363f45;
    margin-left: 0px;
    padding-left: 0px;
    text-shadow: none !important;
}

#buscadorheader {
    float: left;
    width: 470px;
    /* margin: 34px 0px 0px 45px; */
    margin: 34px 15px 0px;
}

#formulario_buscador {
    float: left;
    width: 100%;
    height: 40px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.formulario_popup {
    float: left;
    width: 100%;
    margin: 20px 0px 0px;
}

.elegirdestinobuscador {
    float: left;
    font-family: 'Oswald';
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 6px 0px 0px;
    background-color: #282828;
    color: #fff;
    height: 34px;
    width: 90px;
    text-align: center;
    border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;

    position: relative;
}

#pagebuylist .elegirdestinobuscador {

    background-color: #e60615;

}

.elegirdestinobuscador span {
    /*z-index:1;
	position:absolute;
	left: 4px;
	top:7px;
	padding: 0px 0px 5px;
    width: 70px;
	background-color:#363f45;
	border-radius:			10px ;
	-webkit-border-radius:	10px ;
	-moz-border-radius: 	10px ;	*/
    float: left;
    width: auto;
    margin-top: 4px;
    text-align: left;
    padding-right: 0px;
    margin-left: 12px;
}

.otrosdestinos span {
    background-color: #282828;
    padding: 5px 12px 8px;
    width: calc(100% - 24px);
    text-align: left;
    float: left;
    cursor: pointer;
    margin: 0px;
    border-radius: 0px 0px 0px 10px;
    -webkit-border-radius: 0px 0px 0px 10px;
    -moz-border-radius: 0px 0px 0px 10px;
}

#pagebuylist .otrosdestinos span {
    background-color: #e60615;

}

.otrosdestinos span:hover {
    color: #abb8c0;
}

.elegirdestinobuscador span.destinooculto {
    /*z-index:0;
	transition:all 0.25s ease;*/
}

.elegirdestinobuscador img {
    float: left;
    margin: 8px 0px 0px 0px;
    /*z-index: 1;
    position: relative;*/
}

#destinocomprar {
    display: none;
}

.elegirdestinobuscador:hover span.destinooculto {
    /*top:30px;
	transition:all 0.25s ease;*/
}

#enlaceavanzado {
    float: right;
    font-family: 'Oswald';
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 1px 10px 3px 10px;
    color: #363f45;
    border-left: 1px solid #363f45;
    margin-top: 9px;
    margin-right: 4px;
    cursor: pointer;
}

#enlaceavanzado:hover {
    color: #abb8c0;
}

.cuerpoformulario {
    float: left;
    width: 200px;
}

#inputbuscador {
    float: left;
    width: 245px;
    margin: 0px 0px 0px 10px;
    height: 23px;
    border: 0px;
    padding: 7px 4px 10px;
    font-family: 'Oswald';
    font-weight: 300;
    font-size: 0.9em;
    color: #363f45;
}

#submitbuscador {
    float: right;
    background: #fff url("../../lupa-buscador-709d1d9c0398be8aca8b8bfa7cc18282.svg") no-repeat scroll 0px 5px;
    width: 30px;
    margin: 0px 0px 0px -82px;
    height: 36px;
    border: 0px;
    padding: 0px;
    cursor: pointer;
    position: absolute;
}

#idiomas {
    float: right;
    width: 35px;
    margin: 44px 0px 0px 20px;
    position: relative;
    font-size: 0.8em;
}

.idiomaactual, #idiomas a {
    float: left;
    cursor: pointer;
    color: #fff;
    font-family: 'Oswald';
    font-weight: 500;

    text-transform: uppercase;
    text-shadow: 1px 1px #e60615, -1px -1px #e60615, 1px -1px #e60615, -1px 1px #e60615;
}

#pagebuylist .idiomaactual, #pagebuylist #idiomas a {

    text-shadow: 1px 1px #282828, -1px -1px #282828, 1px -1px #282828, -1px 1px #282828;
}

.idiomaactual {
    padding-bottom: 4px;
}

#idiomas a:hover, .idiomaactual:hover {
    color: #abb8c0;
}

.otrosidiomas {
    /*display:none;*/
    overflow: hidden;
    top: 21px;
    position: absolute;
    width: 100%;
    height: 0px;
    transition: all 0.25s ease;
}

.otrosidiomas.activado {
    height: 100px;
    transition: all 0.25s ease;
}

.flechaidioma {
    transform: rotate(0deg);
    transition: all 0.25s ease;
    margin: 5px 0px 0px 3px;
    float: right;
}

.flechaidioma.activado {
    transform: rotate(180deg);
    transition: all 0.25s ease;
}

.otrosidiomas a {
    display: block;
    float: left;
    clear: left;
    padding: 0px 0px;
    width: 100%;
}

.otrosdestinos {
    /*display:none;*/
    overflow: hidden;
    top: 32px;
    position: absolute;
    width: 100%;
    height: 0px;
    transition: all 0.25s ease;
    text-align: left;
}

.otrosdestinos.activado {
    height: 100px;
    transition: all 0.25s ease;
}

#flechadestino {
    transform: rotate(0deg);
    transition: all 0.25s ease;
    padding: 9px 6px;
    float: left;
    cursor: pointer;
    margin-top: 0px;
}

#flechadestino.activado {
    transform: rotate(180deg);
    transition: all 0.25s ease;
}

.otrosdestinos a {
    display: block;
    float: left;
    clear: left;
    padding: 0px 0px;
    width: 100%;
}

.idiomaactual:hover > .otrosidiomas {
    /*display:block;
	transition:all 0.25s ease;
	top:23px;*/
}

#cuenta {
    float: right;
    width: 107px;
    height: 65px;
    background-color: #282828;
    color: #fff;
    text-align: center;
    padding-top: 40px;
}

#pagebuylist #cuenta {
    background-color: #e60615;

}

.nombrecuenta {
    cursor: pointer;
    font-family: 'Oswald';
    font-weight: 500;
    font-size: 0.8em;
    text-transform: uppercase;
}

.nombrecuenta:hover {
    padding-bottom: 5px;
    border-bottom: 3px solid #fff;
}

.nombrecuenta img {
    /*float:left;*/
    margin: 2px 4px -2px 0px;
}


#cesta {
    float: right;
    width: 155px;
    margin: 38px -170px 0px 0px;
    position: relative;
    transition: all 0.25s ease;
}

#cesta.activado {
    /*margin-right:calc(30% - 250px);*/
    margin-left: 0px;
    float: left;
    transition: all 0.25s ease;
}

#cesta.activado .noresponsive {
    display: inline-block;
}

.nombrecesta {
    cursor: pointer;
    font-family: 'Oswald';
    font-weight: 500;
    font-size: 0.8em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
}

.nombrecesta:hover {
    padding-bottom: 5px;
    border-bottom: 3px solid #fff;
}

.nombrecesta img {
    /*float:left;*/
    margin: 2px 0px -2px 0px;
}

.numeroarticuloscesta {
    position: absolute;
    right: -18px;
    top: -21px;
    /*font-size:0.8em;*/
    border: 2px solid #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 1.6em;
    color: #363f45;
}

#pagebuylist .numeroarticuloscesta {

    color: #e60615;
}


.inputpassword, .inputpasswordconfirmation {
    position: absolute;
    background: #fff url("../../icono-mostrar-password-desactivado-7998fb18e3e180dbde199e1b1eeef8dd.png") no-repeat scroll 6px 5px;
    width: 50px;
    margin: 0px 0px 0px 5px;
    height: 23px;
    border: 0px;
    padding: 3px 0px 0px 38px;
    cursor: pointer;
    border-left: 1px solid #363f45;
    font-family: 'NewGroteskSquareTHREE';
    color: #abb8c0;
    font-size: 1.2em;
    top: 40px;
    right: 5px;
}

.inputpassword.passwordhide, .inputpasswordconfirmation.passwordconfirmationhide {
    display: none;
    background: #fff url("../../icono-mostrar-password-activado-381f591c7d6b67db4c94bfef936eb0fb.png") no-repeat scroll 6px 5px;
    color: #363f45;
}

.recp_password {
    position: relative;
    float: left;
    width: 100%;
}


.subtotalcesta {
    width: 50%;
    float: left;
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: 500;
}

.totalcesta {
    width: 50%;
    float: right;
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: 500;
    text-align: right;
}

.enlacecondiciones {
    float: left;
    width: 100%;
    font-size: 0.9em;
    font-weight: 500;
}

.c-card {
    float: left;
    width: 100%;
}

#searchResults h1 {
    margin-top: 40px;
    font-size: 1.3em;
}

.capabuscando {
    display: none;
    text-align: center;
    float: left;
    width: 100%;
    padding: 30px 0px;
    position: relative;
}

.cajafiltros {
    float: left;
    width: 100%;
    padding: 17px 25px;
    border: 1px solid #f8f8f8;
    /*border:1px solid #000;*/
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background-color: #fff;
    margin: 0px 0px 40px;
    box-sizing: border-box;

}

.cajafiltros.middlebox-fijo {
    width: 100%;
    max-width: 1400px;
    margin: 0px auto;
    float: left;
    left: 50%;
    margin-left: -701px;
    position: fixed;
    top: 110px;
    z-index: 1;
    border: 1px solid #f8f8f8;
    box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.5);

}

.cajatorneopago {
    left: 50%;
    margin-left: -341px;
    position: relative;
    border-top: 5px solid #e60615;
    padding: 0px 15px 15px;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 70px;
}

.cajabuylist .cajaproducto {
    float: left;
    width: 682px;
    padding: 25px 25px;
    border: 1px solid #f8f8f8;
    /*border:1px solid #000;*/
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background-color: #fff;
    margin: 0px 0px 40px;
    box-sizing: border-box;
    height: 424px;
}

.cajaproducto.impar {
    margin-right: 36px;

}

#fondopopupcesta {
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 110;
    top: 0px;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    left: 0;
    width: calc(100% - 480px);
}

.cabeceroinfocarta {
    float: right;
    width: 68%;
    border-bottom: 1px solid #363f45;
    margin-bottom: 15px;
    font-size: 0.9em;
    padding-bottom: 5px;
}

.imagencarta {
    float: left;
    max-width: 190px;
    width: 30%;
    margin-bottom: 20px;
    max-height: 400px;
}

.cajabuylist .imagencarta {
    max-width: 200px;
    width: 32%;
}

.cajabuylist .cabeceroinfocarta {

    width: 100%;
}

.cajainfocarta {
    float: right;
    /*width:calc(96% - 190px);*/
    width: 68%;
    margin-left: 2%;
    position: relative;
    /*height: calc(50% - 50px);*/
    height: 245px;
}

.cajabuylist .cajainfocarta {

    width: 66%;
    height: 100px;
}

#fondopopupcestaitems .cajainfocarta {

    height: auto;
}

.caracteristicascarta {
    float: left;
    /*width:calc(96% - 190px);*/
    width: 100%;
    margin-left: 0%;
    position: relative;
    height: 220px;
}

.cajabuylist .caracteristicascarta {
    margin-left: 2%;
    width: 66%;
    height: 235px;
}


.titulocaja {
    float: left;
    width: 40%;
    font-family: 'Oswald';
    font-weight: 700;
    color: #abb8c0;
    text-transform: uppercase;
}

.categoriacarta {
    float: right;
    text-align: right;
    width: 60%;
    font-family: 'Oswald';
    font-weight: 200;
    color: #363f45;
    text-transform: uppercase;
}

.categoriacarta a {
    color: #363f45;

}


.cajatituloscarta {
    float: left;
    width: 70%;
    margin-bottom: 30px;
}

#fondopopupcestaitems .cajatituloscarta {
    float: left;
    width: calc(100% - 40px);
    margin-bottom: 0px;
}

.iconosnombrecarta {
    float: right;
    width: 30%;
    margin-bottom: 30px;
    text-align: right;
}

#fondopopupcestaitems .iconosnombrecarta {
    float: left;
    width: 30px;
    margin-bottom: 0px;
    text-align: left;
    border-right: 1px solid #363f45;
    margin-right: 8px;
}

.cajaprecioficha {
    float: right;
    width: 50%;

}

.cajaprecioficha a {
    float: left;
    clear: left;
    width: auto;
    font-family: 'Oswald';
    font-weight: 600;
    color: #e60615;
    background: url(../images/flecha-ver-ficha-completa.png) no-repeat calc(100% - 5px) 5px #fff !important;
    padding-right: 23px;
}

.cajaprecioficha a:hover {
    text-decoration: underline;
}

.spandesde {
    float: left;
    width: auto;
    font-family: 'Oswald';
    font-weight: 300;
    clear: left;
}

.precioficha {
    float: left;
    clear: left;
    width: auto;
    font-family: 'Oswald';
    font-weight: 500;
    font-size: 3em;
    line-height: 1.2em;
    margin-top: -8px;
}


.titulocartacaja {
    font-family: 'Beleren_Bold';
    color: #e60615;
    font-size: 1.3em;
    line-height: 1em;
    font-weight: bold;
    float: left;
    clear: left;
    margin-bottom: 2px;
}

#fondopopupcestaitems .titulocartacaja {

    font-size: 1em;

}

.subtitulocartacaja {
    font-family: 'Beleren_Bold';
    color: #e60615;
    font-size: 1em;
    font-weight: bold;
    float: left;
    clear: left;
    line-height: 1.1em;
    margin-bottom: 5px;
}

#fondopopupcestaitems .subtitulocartacaja {

    font-size: 0.9em;

}

.expansioncartacaja {
    font-family: 'Beleren_Bold';
    color: #363f45;
    font-size: 0.9em;
    line-height: 1em;
    font-weight: bold;
    float: left;
    clear: left;
    margin-bottom: 5px;
}

.fichacoleccion {
    float: left;
    width: 100%;
}

.fichacoleccion .expansioncartacaja {
    font-family: 'Oswald';
    color: #363f45;
    font-size: 1.2em;
    line-height: 1em;
    font-weight: 500;
    float: left;
    clear: left;
    margin-bottom: 5px;
    cursor: pointer;
    padding: 10px;
    width: calc(100% - 20px);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

}

.fichacoleccion .expansioncartacaja:hover {
    background-color: #eaebea;
}

.fechacoleccion {
    font-family: 'Oswald';
    color: #abb8c0;
    float: left;
    font-weight: 300;
    font-size: 0.8em !important;
    line-height: 1.1em;
    margin-top: 4px;
    text-transform: uppercase;
}

.expansioncartacaja a {
    color: #363f45;
}

.expansioncartacaja span {
    font-size: 1.7em;

}

.fichacoleccion .expansioncartacaja span.ss {
    float: left;
    max-width: 35px;
    margin: 0px 0px 0px;
}

.fichacoleccion .infocoleccion {
    float: right;
    width: calc(100% - 40px);
    margin: 0px 0px 0px;

}

.fichacoleccion .infocoleccion a, .fichacoleccion .infocoleccion span {
    float: left;
    clear: left;

}

.fichacoleccion .expansioncartacaja a:hover {
    text-decoration: none;
}


.cajaopcionescarta {
    float: left;
    width: 98%;
    position: relative;
    bottom: 0px;
    margin-top: 15px;
    font-size: 0.9em;
    height: 200px;
}

.cajaopcionescartabuylist {
    float: left;
    width: 100%;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.preciocartabuylist {
    float: left;
    width: 100%;
    text-align: center;
}

.preciocartabuylist .cabecerotabla {
    float: left;
    margin-bottom: 10px;
    margin-right: 7px;

}

.mitadpreciobuylist {
    float: left;
    width: 50%;
    margin: 0px 0px 10px 0px;
}

.preciocartabuylist .cabecerotabla.preciotucarta {
    width: calc(70% - 7px);
}

.preciocartabuylist .cabecerotabla.cantidad {
    width: calc(30% - 7px);
}

.preciocartabuylist .cabecerotabla.preciototal {
    width: calc(80% - 7px);
}

.preciocartabuylist .cabecerotabla.vender {
    width: 20%;
    margin-right: 0px;

}

.preciocartabuylist .valortabla {
    border: 2px solid #f8f8f8;
    float: left;
    padding: 0px 0px 4px;
    font-size: 1.4em;
    margin-right: 7px;
}

.preciocartabuylist .valortabla.preciotucarta {
    width: calc(70% - 11px);
}

.preciocartabuylist .valortabla.cantidad {
    width: calc(30% - 11px);
}

.preciocartabuylist .valortabla.preciototal {
    width: calc(80% - 11px);
    font-weight: 500;
}

.preciocartabuylist .valortabla.vender {
    width: 20%;
    margin-right: 0px;
    border: 0px;
}

#fondopopupcestaitems .cajaopcionescarta {
    float: left;
    width: calc(100% - 20px);
    position: relative;
    bottom: unset;
    font-size: 0.9em;
    height: auto;

}


.titulocajacaracteristicas {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 3px;
    border-bottom: 2px solid #f8f8f8;
    font-family: 'Oswald';
    font-weight: 200;
    color: #363f45;
    text-transform: uppercase;
    line-height: 1.7em;
    font-size: 1em;
}

.cajabuylist .titulocajacaracteristicas {

    border-bottom: 0px solid #f8f8f8;

}

.cabecerotabla {
    font-family: 'Oswald';
    font-weight: 400;
    color: #363f45;
    text-align: center;
    font-size: 1.1em;

}

.cajabuylist .cabecerotabla {

    font-size: 1em;

}

.mitadpreciobuylist .cabecerotabla {

    line-height: 1em;

}

.celdatabla {
    font-family: 'Oswald';
    font-weight: 300;
    color: #363f45;
    text-align: center;
    font-size: 1.1em;

}

.cajabuylist .celdatabla {

    font-size: 1em;

}

.cell_producto_order {
    display: table-cell;
    width: 11%;
    float: left;
    padding: 10px 0px 10px;
    height: 20px;
}

.cajabuylist .cell_producto_order {
    display: table-cell;
    width: calc(30% - 1px);
    float: left;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 10px 0px 10px;
    height: 20px;
    background-color: #f8f8f8;
    position: relative;
}

.cajabuylist .cell_producto_order.corta {
    width: calc(20% - 1px);
}

#fondopopupcestaitems .celdatabla {
    font-size: 1.1em;
}

#fondopopupcestaitems .cell_producto_order {
    display: table-cell;
    width: auto;
    float: left;
    padding: 10px 0px 10px;
    height: 20px;
    margin-right: 5px;
    font-weight: 500;
}

#fondopopupcestaitems .cajafilapreciocesta .cell_producto_order {
    float: right;

}

.cell_producto_order.cesta {
    padding: 7px 0px 13px;
}

.cell_producto_order.caracteristicas {
    width: 30%;
}

.cell_producto_order.stock {
    width: 9%;
}

.cell_producto_order.precio {
    width: 17%;
}

.cell_producto_order.even {
    background-color: #f8f8f8;
}

.cell_producto_order img {
    /*margin-top: 0px;*/
}

.cell_producto_order select {
    font-family: 'Oswald';
    font-weight: 400;
    color: #363f45;
    text-align: center;

    background: url(../../flecha-dropdown-cantidad-small-6efcaacf6c1e01383cb548eb372375c3.png) no-repeat right 5px transparent;
    padding: 0px 8px 3px 5px;
    border: 0px;
    border-bottom: 1px solid #363f45;
    margin-top: -3px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

}

.cajafilapreciocesta select {
    float: left;
    margin: 3px 8px 0px 0px;
}

.eleccionbuylist {
    margin: 0px 3px -1px;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all 0.25s ease;

}

.opcionesfiltro .eleccionbuylist {
    margin: 2px 4px -3px;
}

.eleccionbuylist.activado {
    transform: rotate(180deg);
    transition: all 0.25s ease;
}

.menuopciones {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 5;
    background-color: #f8f8f8;
    top: 41px;
    font-size: 1.1em;
}

.opcionesfiltro .menuopciones {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 5;
    background-color: #fff;
    top: 41px;
    font-size: 1.1em;
}

.opcion_a_elegir {
    float: left;
    width: 100%;
    text-align: center;
    cursor: pointer;
    padding: 0px 0px 15px;
}

.opcion_a_elegir:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}

.cabecerotabla.cell_producto_order {
    height: 25px;
    padding: 7px 0px;
}

.cajabuylist .cabecerotabla.cell_producto_order {
    height: 30px;
    padding: 9px 0px 0px;
}

.bandera {
    box-shadow: 1px 1px 4px 0px #333;
    width: 70%;
    max-width: 30px;
    margin-top: 3px;
}

.opcionesfiltro .bandera {
    box-shadow: 1px 1px 4px 0px #333;
    width: 100%;
    max-width: 30px;
    margin-top: 0px;
}

#fondopopupcestaitems .bandera {
    width: 90%;
    max-width: 30px;
    margin-top: 3px !important;
    float: left;
}

.icono_estado {
    width: 22px;
    /*width:18px;*/
}

.cajafilascartascesta {
    float: left;
    width: 100%;
    padding-right: 0px;
}

.cajafilapreciocesta {
    float: right;
    width: 70%;
    margin-top: 10px;
}

.cajafilapreciocesta a {
    float: right;

}


.mCSB_outside + .mCSB_scrollTools {
    right: -15px !important;
    top: -17px;
    bottom: -15px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 1px !important;
    background-color: #abb8c0 !important;
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px !important;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /*background-color: #000;
    background-color: rgba(0,0,0,0.3);*/
    background-color: #abb8c0 !important;
}


/*
 *  STYLE 1

.cajafilascartas::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 100px;
	background-color: #F5F5F5;
}

.cajafilascartas::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.cajafilascartas::-webkit-scrollbar-thumb
{
	border-radius: 100px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
*/


.pagination {
    float: left;
    width: 100%;
    margin: 20px 0px;
    font-family: 'Oswald';
    font-weight: 400;
    color: #363f45;
}

.pagination a, .pagination span {
    color: #363f45;
    float: left;
    margin: 0px 4px;
}

.pagination span.currentStep {
    color: #e60615;

}

.responsive, .responsivesmall {
    display: none;
}


.recp_popup h2 {
    float: left;
    width: 80%;
    font-family: 'NewGroteskSquareTHREE';
    font-weight: normal;
    color: #363f45;
    text-transform: uppercase;
    margin-top: 0px;
    font-size: 2.2em;
    margin-bottom: 10px;
}

#busq_avanzado h2 {
    float: left;
    width: 80%;
    font-family: 'NewGroteskSquareTHREE';
    font-weight: normal;
    color: #363f45;
    text-transform: uppercase;
    margin-top: 0px;
    font-size: 2.2em;
    margin-bottom: 10px;
}

.cierrepopup {
    float: right;
    cursor: pointer;
    margin-top: 9px;
    margin-right: -80px;
}

.cierrepopup:hover {
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: .70;
}

.cierrecuenta {
    float: right;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 1px;
    display: none;
}

.cierresearchresponsive {
    float: right;
    cursor: pointer;
    margin-top: 44px;
    margin-right: 20px;
    display: none;
}

.cierrecesta {
    float: right;
    cursor: pointer;
    margin-top: 41px;
    display: none;
}

.cierrecesta:hover {
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: .70;
}

#filtroprecio {
    float: left;
    width: 97%;
    margin-top: 36px;
    margin-left: 8px;
}

.formulario_popup label {
    float: left;
    width: 100%;
    margin: 0px 0px 8px;
    font-family: 'Oswald';
    font-weight: 500;
    color: #363f45;
}

.formulario_popup input, .formulario_popup select, #formulario_colecciones input {
    float: left;
    width: calc(100% - 22px);
    margin: 0px 0px 25px;
    font-family: 'Oswald';
    font-weight: 500;
    color: #363f45;
    height: 30px;
    border: 1px solid #363f45;
    padding: 4px 10px;
    font-size: 1.1em;
}

#formulario_colecciones {
    float: left;
    width: 40%;
    position: relative;
    margin-bottom: 30px;
}

#formulario_colecciones input {
    font-family: 'Oswald';
    font-weight: 300;
    font-size: 1em;
    color: #abb8c0;
}


#formulario_colecciones input[type=submit] {
    float: right;
    background: #fff url(../images/lupa-buscador.png) no-repeat scroll 2px 9px;
    width: 30px;
    margin: 2px 0px 0px 5px;
    height: 36px;
    border: 0px;
    padding: 0px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 5px;
}

.formulario_popup select {

    background: url(../images/flecha-dropdown-formularios.png) no-repeat calc(100% - 7px) 12px #fff !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 40px !important;
    width: 100% !important;
}


.formulario_popup input[type=submit], .formulario_cesta input[type=submit], .boton {
    float: left;
    width: 60%;
    margin: 80px 20% 8px;
    font-family: 'Oswald';
    font-weight: 500;
    color: #fff;
    background-color: #282828;
    text-transform: uppercase;
    height: 40px !important;
    cursor: pointer;
    border: 0px;
    text-align: center;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#fondopopupadvancedsearch .formulario_popup input[type=submit] {
    float: left;
    width: 60%;
    margin: 10px 20% 60px;
    font-family: 'Oswald';
    font-weight: 500;
    color: #fff;
    background-color: #282828;
    text-transform: uppercase;
    height: 40px !important;
    cursor: pointer;
    border: 0px;
    text-align: center;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.formulario_cesta input[type=submit] {
    background: #e60615 url(../images/flecha-boton-finalizar-compra.png) no-repeat scroll calc(100% - 60px) 15px;
    width: 80%;
    margin: 30px 10% 8px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.boton {
    height: 24px !important;
    padding: 8px 0px;
    margin-top: 80px;
}

.boton.botonblanco {
    background-color: #fff;
    color: #282828;
    border: 1px solid #282828;
    width: calc(60% - 2px);
    height: calc(24px - 2px) !important;
}

.boton.botonrojo {
    background-color: #e60615;
    color: #fff;
    border: 1px solid #fff;
    width: calc(60% - 2px);
    height: calc(24px - 2px) !important;
}

.formulario_popup input[type=submit].masbotones, .boton.masbotones {
    margin-top: 20px;

}

.formulario_cesta .boton.botonblanco {
    margin-top: 10px;
    width: calc(80% - 2px);
    margin-left: 10%;
}

.formulario_popup input[type=submit]:hover, .formulario_cesta input[type=submit]:hover, .boton:hover {
    background-color: #abb8c0;
    color: #fff;
    /*color: #282828;*/
    text-decoration: none;
}

.linkforgotpassword {
    float: right;
    width: 50%;
    text-align: right;
    font-weight: 500;
    cursor: pointer;
}

.linkforgotpassword:hover {
    text-decoration: underline;
}


/* The container */
.formulario_popup label.container {
    width: auto;
    margin-bottom: 30px;
    margin-right: 28px;
    margin-top: 8px;
    font-weight: 400;
}

.formulario_popup label.labeldestino {
    margin-right: 40px;
}

.formulario_popup label.ultimo {
    margin-right: 0px !important;
}

.labelkeepsession {
    max-width: calc(50% - 28px);
}

/* Customize the label (the container) */
.container_check {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;

    font-size: 1em;
    line-height: 1.4em;
    font-family: 'BentonBook', sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */
.container_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark_check {
    position: absolute;
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #211914;
}

/* On mouse-over, add a grey background color */
.container_check:hover input ~ .checkmark_check {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_check input:checked ~ .checkmark_check {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_check:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container_check input:checked ~ .checkmark_check:after {
    display: block;
}

/* Style the checkmark/indicator */
.container_check .checkmark_check:after {
    left: 7px;
    top: -5px;
    width: 5px;
    height: 16px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.container {

    display: inline-block;
    position: relative;
    padding-left: 21px;

    cursor: pointer;
    font-size: 0.85em;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #363f45;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
    top: 4px;
    left: 4px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #e60615;
}


.chosen-wrapper {
    margin: 0 auto 25px;
    width: 100%;
    position: relative;
    float: left;
    font-family: 'Oswald';
    font-weight: 500;
    color: #363f45;
    font-size: 1rem;
}

.cajabuylist .chosen-wrapper {
    margin: 0 auto 0px;
    font-weight: 300;
    font-size: 0.8em;
}

.chosen-wrapper:after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 13px;
    right: 9px;
    width: 23px;
    height: 18px;
    /*border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.5);*/
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 9;
    background: url(../images/flecha-dropdown-formularios.png) no-repeat 0px 0px #fff !important;
}

.chosen-wrapper.selectcantidadproducto:after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 7px;
    right: 4px;
    width: 11px;
    height: 11px;
    /*border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.5);*/
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 9;
    background: url(../images/flecha-dropdown-cantidad.png) no-repeat 0px 0px transparent !important;
}

.cajabuylist .chosen-wrapper:after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 11px;
    right: 4px;
    width: 16px;
    height: 18px;
    /*border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.5);*/
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 9;
    background: url(../../flecha-dropdown-cantidad-ficha-d47ba2b37c16f6a0789138ea9ed2a61a.svg) no-repeat 0px 0px #fff !important;
}

.chosen-wrapper.is-active:after {
    border-top: 0px solid black;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.chosen-container {
    font-size: 1.1em !important;
}

.chosen-wrapper .chosen-container .chosen-single {
    border-radius: 0;
    height: 40px;
    border: 1px solid #363f45;
    /*font-size: 22px;*/
    /*color: rgba(0, 0, 0, 0.5);*/
    padding: 4px 10px;
    /*line-height: 66px;*/
    transition: all 0.3s ease;
    box-shadow: none;
    background: #fff;
}

.chosen-wrapper.selectcantidadproducto .chosen-container .chosen-single {
    border-radius: 0;
    height: 23px;
    border: 0px solid #363f45;
    border-bottom: 1px solid #363f45;
    background: #fff;
    font-weight: 300;
    font-size: 14px;
    padding: 0px;
    margin-top: -6px;
    transition: all 0.3s ease;
    box-shadow: none;
    background: transparent;
}

.cajabuylist .chosen-wrapper .chosen-container .chosen-single {
    height: 33px;
    border: 2px solid #fff;
    padding: 0px 0px 10px;
}

.chosen-wrapper .chosen-container .chosen-single b {
    display: none !important;
}

.chosen-wrapper .chosen-container .chosen-single span {
    letter-spacing: 0;
    padding: 0;
    line-height: 1.6em;
    float: left;
    margin-right: 0px;
    width: calc(100% - 20px);
}

.chosen-wrapper.selectcantidadproducto .chosen-container .chosen-single span {
    width: calc(100% - 15px);
}

.chosen-wrapper .chosen-container.chosen-with-drop .chosen-single {
    border-width: 2px 2px 1px;
    border-color: #363f45 #363f45 #363f45;
    color: #000;
    background-image: none;
}

.chosen-wrapper .chosen-container.chosen-with-drop .chosen-drop {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.chosen-wrapper .chosen-container.chosen-container-single-nosearch .chosen-search {
    display: none;
}

.chosen-container .chosen-drop {
    z-index: 50;
}

.chosen-wrapper .chosen-container .chosen-drop {
    letter-spacing: 0;
    border-radius: 0;
    box-shadow: none;
    border-width: 0 2px 2px;
    border-color: #000;
    margin-top: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    opacity: 0;
}

.chosen-wrapper .chosen-container .chosen-results {
    /*font-size: 22px;*/
    color: #000;
    max-height: 245px;
    margin: 0;
    padding: 0;
}

.chosen-wrapper .chosen-container .chosen-results li {
    padding: 8px 10px 10px;
    width: calc(100% - 0px);
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    line-height: 1.6em;
}

.chosen-wrapper .chosen-container .chosen-results li.highlighted {
    background-color: #eeeeee !important;
    color: #000;
    background-image: none;
}

.chosen-wrapper--style2:after {
    right: 0;
}

.chosen-wrapper--style2:before {
    content: "";
    width: 0;
    border-top: 2px solid #000;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: all 0.2s cubic-bezier(0.06, 1, 0.89, 0.85);
}

.chosen-wrapper--style2.is-active:before {
    width: 100%;
}

.chosen-wrapper--style2 .chosen-container .chosen-single {
    border-width: 0 0 2px;
    padding: 0;
}

.chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-single {
    border-width: 0 0 2px;
}

.chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-drop {
    opacity: 1;
    visibility: visible;
    transform: translateY(5px);
}

.chosen-wrapper--style2 .chosen-container .chosen-drop {
    border-color: #d9d9d9;
    border-top: 2px solid #d9d9d9;
}

.chosen-wrapper--style2 .chosen-container .chosen-results li {
    padding: 16px 15px 18px;
}

/*ScrollBox style*/
.nicescroll-rails {
    border-left: 1px solid #d9d9d9;
    transform: translate(-2px);
    top: 0 !important;
}

.nicescroll-rails .nicescroll-cursors {
    width: 6px !important;
    margin-right: 2px;
}

#cuenta a {
    color: #fff;
    text-decoration: none;
}

#cuenta a:hover {
    color: #fff;
    text-decoration: none;
}

.link {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px;
}

.link a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #000;
}

.link .fa {
    font-size: 28px;
    margin-right: 8px;
    color: #000;
}


footer {
    color: #abb8c0;
    background-color: #282828;
    float: left;
    width: 100%;
    font-size: 0.9em;
}

.pie {
    float: left;

    padding: 32px 40px;
    width: calc(100% - 80px);
    border-top: 1px solid #abb8c0;
    font-weight: 200;

}

.pie.mitad {
    border-top: 0px solid #abb8c0;
    width: calc(50% - 80px);
}

.pie.mitad.izqda {
    width: calc(50% - 81px);
    border-right: 1px solid #abb8c0;
}

.pie.creditos {
    font-size: 1em;
    text-align: center;
    color: #f8f8f8;
}

.contentmitadpie {
    float: left;
    width: 100%;
    max-width: 660px;
}

.pie.mitad.izqda .contentmitadpie {
    float: right;

}

#logopie {
    float: left;
    margin-right: 150px;
}

.recp_menupie {
    float: left;
    width: calc(100% - 370px);
    margin-top: 25px;
}

.menupie {
    float: left;
    width: 200px;
    height: 150px;
    margin: 0px 10px 20px;
}

.menupie a {
    float: left;
    clear: left;
    color: #abb8c0;
}

.menupie a:hover, .menupie a.current {
    color: #f8f8f8;
    text-decoration: none;
}

.titulopie {
    float: left;
    clear: left;
    text-transform: uppercase;
    font-weight: 400;
    color: #f8f8f8;
    width: 100%;
    font-size: 1.2em;
}

.menupie .titulopie {
    margin-bottom: 10px;
}

.rrss {
    float: right;
    margin: 0px 50px 20px 0px;
}


.rrss a {
    float: left;
    margin: 0px 30px 10px;
}

.datoscontacto {
    float: left;
    width: 100%;
    margin: 20px 0px 0px;
}

.datoscontacto a, .datoscontacto span {
    color: #abb8c0;
    float: left;
    margin-right: 40px;
    display: inline-block;
    margin-bottom: 10px;
}

.datoscontacto a:hover {
    color: #f8f8f8;
    text-decoration: none;
}

.mailpie {
    background: url(../../email-5f8ebb04891df1852161a7f8df1d6b6f.svg) no-repeat 0px 0px transparent;
    padding: 3px 0px 5px 50px;
}


.tfnopie {
    background: url(../../telefono-6be453220f1d6b53030f4d3ae3bf3287.svg) no-repeat 0px 0px transparent;
    padding: 3px 0px 5px 40px;
}


.dirpie {
    background: url(../../direccion-b35a4fd97acbfd951c48254e83c629d5.svg) no-repeat 0px 0px transparent;
    padding: 3px 0px 5px 30px;
}


.nodesde1150 {
    display: inline;
}

.sidesde1150 {
    display: none;
}

.nodesde400 {
    display: block;
}


.sidesde400 {
    display: none;
}

.nodesde1415 {
    display: block;
}


.sidesde1415 {
    display: none;
}


.divslider {
    float: left;
    font-size: 0.85em;
    width: 100%;
    margin: 0px;
    margin-bottom: 0px;
    background-color: #fff;
    position: relative;
}

.divslider img {
    float: left;
    width: 100%;
    margin: 0px;

}

.esloganslider {
    position: absolute;
    font-family: 'NewGroteskSquareTHREE';
    font-size: 5em;
    line-height: 1.2em;
    top: 20%;
    left: 15%;
    width: 50%;
}

.eslogansliderbuylist {
    position: absolute;
    top: 10%;
    left: 40%;
    width: 50%;
    color: #abb8c0;
    text-align: center;
}

.eslogansliderbuylist h3 {
    font-family: 'NewGroteskSquareTHREE';
    font-size: 3em;
    line-height: 1em;
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-weight: normal;
}

.eslogansliderbuylist p {
    font-family: 'Oswald';
    font-weight: 300;
    font-size: 1.2em;
    line-height: 1.7em;
    width: 100%;
    float: left;

}

.subtitulobuylist {
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.2em;
    width: 100%;
    float: left;
    margin: 0px 0px 20px;
}

.filtro {
    float: left;
    margin: 0px 20px 15px 0px;
}


.filtro.order {
    float: right;
    margin: 0px 15px 15px 10px;
    padding-left: 33px;
    border-left: 1px solid #abb8c0;

}

.filtro.cajanombre {
    width: 280px;

}

.titulofiltro {
    float: left;
    font-weight: 400;
    margin: 10px 0px 10px;
}

.opcionesfiltro {
    float: left;
    clear: left;
    position: relative;
}

.opcionesfiltro.filtroimagenes > span {
    float: left;
    margin: 8px 5px 0px 10px;
}

.opcionesfiltro.filtroimagenes .menuopciones > span {
    float: left;
    margin: 5px 0px -10px;
}

.opcionesfiltro input, .opcionesfiltro select {
    color: #363f45;
    height: 30px;
    border: 1px solid #abb8c0;
    padding: 4px 10px;
    font-family: 'Oswald';
    font-weight: 300;
}

.opcionesfiltro select {
    height: 40px;
    background: transparent url(../images/flecha-dropdown-filtros.png) no-repeat right center scroll;
    background-position: calc(100% - 4px) center;
    padding-right: 18px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.filtro.order .opcionesfiltro select {
    width: 180px;
}

.filtro.cajatexto .opcionesfiltro select {
    width: 200px;
}

.filtro.cajatextosmall .opcionesfiltro select {
    width: 120px;
}

.opcionesfiltro.filtrobuscador, .opcionesfiltro.filtroimagenes {
    border: 1px solid #abb8c0;
    height: 38px;
}

.opcionesfiltro.filtrobuscador {
    width: 100%;
}

.opcionesfiltro.filtrobuscador input {
    color: #363f45;
    height: 24px;
    border: 0px solid #363f45;
    padding: 4px 10px;
    font-family: 'Oswald';
    font-weight: 300;
    margin: 3px 0px 0px 0px;
    width: calc(100% - 110px);
}

.opcionesfiltro.filtrobuscador input[type=submit] {
    background-color: #fff;
    color: #363f45;
    height: 24px;
    padding: 4px 10px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    border-left: 1px solid #363f45;
    float: right;
    width: 80px;
    margin-top: 7px;
}

.opcionesfiltro.filtrobuscador input[type=submit]:hover {

    color: #abb8c0;

}

.colorrelleno {
    float: left;
    width: 20px;
    height: 20px;
    border: 1px solid #363f45;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    left: 50%;
    position: relative;
    margin: 0px 13px 5px -11px;
}

.blan {
    background-color: white;
}

.negr {
    background-color: black;
}

.rojo {
    background-color: red;
}

.azul {
    background-color: blue;
}

.verd {
    background-color: green;
}

.amar {
    background-color: yellow;
}

#verfiltros {
    float: right;
}

#formulario_filtros {
    height: auto;
    transition: all 0.25s ease;
    float: left;
    /*overflow:hidden;*/
    width: 100%;
}


#flechafiltros {
    margin: 0px 3px -1px;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all 0.25s ease;

}

#flechafiltros.activado {
    transform: rotate(180deg);
    transition: all 0.25s ease;

}

.fichaproducto {
    float: right;
    width: 47%;
    margin-right: 5%;
    background-color: #fff;
    margin-top: -50px;
    padding-bottom: 50px;
}

.filaficha {
    padding: 12px 30px;
    width: calc(100% - 60px);
    height: auto;
    float: left;
    font-size: 1.1em;
    font-weight: 300;
}

.filaficha hr {
    float: left;
    width: 100%;
    border-top: 1px solid #282828;
    margin-top: 5px;
}

.filaficha.cabecera {
    font-weight: 500;
    padding: 20px 30px;
}

.filaficha.even {
    background-color: #f8f8f8;
}

.labelficha {
    float: left;
    width: 50%;
}

.valorficha {
    float: left;
    width: 50%;
}

.valorficha.anchocompleto {
    margin: 10px 0px 20px;
    width: 100%;
}


#separacionfichaproducto {
    float: right;
    background: #fff;
    display: inline-block;
    height: 0px;
    margin-left: 0px;
    margin-top: 50px;
    position: relative;
    width: 100px;
    transform: rotate(90deg);
}

#separacionfichaproducto:before {
    border-bottom: 22px solid #fff;
    border-left: 39px solid transparent;
    border-right: 34px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -2px;
    width: 0;
}


#pagecarta .seccionprincipal .cajaproducto {
    float: right;
    width: 48%;
    height: auto;
    padding: 15px 25px;
}

#pagecarta .seccionprincipal .celdatabla {
    font-size: 1.3em;
    line-height: 1.8em;
}

#pagecarta .seccionprincipal .icono_estado {
    width: 32px;
}

#pagecarta .seccionprincipal .bandera {
    max-width: 36px;
}

#pagecarta .seccionprincipal .cell_producto_order {
    height: 36px;
}

#pagecarta .seccionprincipal .cabecerotabla.cell_producto_order {
    font-size: 1.1em;
    height: 25px;
}

#pagecarta .cajafilascartas, #pagecarta .caracteristicascarta, #pagecarta .cajaopcionescarta {
    max-height: none;
    height: auto;
    overflow-y: visible;
    position: relative;
    clear: both;
    width: 100%;
    margin: 10px 0px;
}

#pagecarta .titulocajacaracteristicas {
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 1.2em;
    border-bottom: 5px solid #f8f8f8;
}

#pagecarta .seccionprincipal .enlacecondiciones {
    float: right;
    text-align: right;
    margin: 10px 0px;
}


#fondomenuancla {
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: none;
}

#fondomenuancla:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}


.paginacion {
    float: left;
    width: 100%;
    margin: 30px 0px;
    text-align: right;
}

.paginacion a {
    margin: 0px 5px;
}


.cajacolecciones {
    float: left;
    width: calc(30.5% - 1px);
    margin: 30px 2% 30px 0px;
    border-right: 1px solid #363f45;
    padding-right: 2%;
}

.cajacolecciones.ultimacolumna {
    margin: 30px 0% 30px 0px;
    border-right: 0px solid #363f45;
    padding-right: 0%;

}

@media screen and (max-width: 1300px) {
    #buscadorheader {
        margin: 34px 0px 0px 80px;
    }

    .esloganslider {
        font-size: 4em;

    }

}


@media screen and (max-width: 1220px) {
    #buscadorheader {
        margin: 34px 0px 0px 0px;
    }

    .caracteristicas .icono_estado:first-child {
        margin-left: 0px;
    }

}


@media screen and (max-width: 1150px) {
    #formulario_filtros {
        height: 0px;
        overflow: hidden;
    }

    #formulario_filtros.activado {
        height: auto;
        transition: all 0.25s ease;
        float: left;
        overflow-y: auto;
    }

    .cajaproducto, .cajabuylist .cajaproducto, .cajafiltros {
        width: 682px;
        left: 50%;
        margin-left: -341px;
        clear: both;
        margin-right: 0px;

        position: relative;
    }

    .cajaproducto.impar {
        margin-right: 0px;

    }

    #pagecarta .seccionprincipal .cajaproducto {
        width: 575px;
        left: 0px;
        margin-left: 0px;
    }

    .fichaproducto {
        width: calc(100% - 615px);
        margin-right: 40px;
    }

    #separacionfichaproducto:before {
        top: -32px;
    }

    #pagecarta .seccionprincipal .caracteristicas .icono_estado {
        float: none;
        margin: 0px -2px;
    }

    .caracteristicas .icono_estado {
        float: none;
    }

    .cajabuylist .cabecerotabla {
        font-size: 1em;
    }

    #popupmenu a, #popupmenu #idiomas_tabl a {
        color: #363f45;
    }

    #popupmenu a:hover, #popupmenu a.current, #popupmenu #idiomas_tabl a:hover {
        color: #e60615;
        text-decoration: none;
    }

    .nodesde1150 {
        display: none;
    }

    .sidesde1150 {
        display: inline;
    }

    .content {
        left: 0%;
        margin-left: 0px;

    }

    #logo {
        margin-right: -75px;
    }

    #logo, #logo a {
        float: right;
    }

    .menuresponsive {
        float: left;
        margin: 39px 10px 0px 20px;
    }

    #contentheader {
        width: 50%;
    }

    #idiomas {
        display: none !important;
    }

    i {
        font-size: 1.2em;
    }

    .menuresponsive i {
        font-size: 2em;
        color: #282828;
    }

    #pagebuylist .menuresponsive i {

        color: #fff;
    }

    #menu {
        float: left;
        margin: 0;
        position: absolute;
        top: 95px;
        border: 0px solid;
        border-top: 1px solid #eff0f1;
        border-left: 1px solid #eff0f1;
        padding: 5px;
        -webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
        box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
        left: 10px;
        background-color: #fff;
        z-index: 90;
    }

    .noresponsive {
        display: none;
    }

    .responsive {
        display: inline-block;

    }

    #recp_utilidades {
        float: right;
    }


    #cuenta, #cesta {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 0px;
    }

    #cuenta {
        padding-left: 28px;
        padding-right: 28px;
    }

    #cesta {
        margin-right: 10px;
    }

    .nombrecuenta img {
        margin: 2px 2px -2px 2px;
    }

    .cuerpoformulario {
        width: 295px;
    }

    #inputbuscador {
        width: 240px;
    }

    #buscadorheader {
        display: none;
        width: 430px;
        margin: 34px 0px 0px 50px;
    }

    #searchresponsive {
        float: right;
        margin: 42px 20px 0px 0px;
        color: #fff;
        position: relative;

    }

    #recp_utilidades.activado #searchresponsive {
        z-index: -1;
    }

    #searchresponsive.activado {
        /*color:#363f45;*/

    }

    #searchresponsive i {
        font-size: 1.2em;
    }

    .rrss {
        margin: 40px 0px 40px 0px;
    }

    .rrss a {
        float: left;
        margin: 0px 24px 10px;
    }

    #logopie {
        float: left;
        margin-right: 70px;
        width: 100px;
    }

    #logopie img {
        float: left;
        width: 100%;
    }

    .recp_menupie {
        float: left;
        width: calc(100% - 170px);
        margin-top: 25px;
    }


}


@media screen and (max-width: 1140px) {

    #buscadorheader {
        margin: 34px 0px 0px 0px;
    }

    .esloganslider {
        font-size: 3em;

    }

    .eslogansliderbuylist {
        top: 10%;
        left: 20%;
        width: 70%;
    }

    .eslogansliderbuylist h3 {
        font-size: 2em;
    }

    .eslogansliderbuylist p {
        font-size: 1em;
        line-height: 1.3em;
    }

    .subtitulobuylist {
        font-size: 1.2em;
        line-height: 1.2em;
        margin: 0px 0px 10px;
    }
}


@media screen and (max-width: 980px) {


    #pagecarta .seccionprincipal .cajaproducto, .fichaproducto {
        width: 100%;
        margin-right: 0px;
        float: left;
        margin-top: 0px;
        left: 0px;
        margin-left: 0px;
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
    }

    #separacionfichaproducto {
        display: none;
    }

    #pagecarta .seccionprincipal .imagencarta {
        width: 40%;
        margin: 30px 30%;
    }


    .cajacolecciones {
        float: left;
        width: 46%;
        margin: 0px 2% 0px;
        border-right: 0px solid #363f45;
        padding-right: 0;
    }

    .cajacolecciones.ultimacolumna {
        margin: 0px 2% 50px;
        border-right: 0px solid #363f45;
        padding-right: 0%;
    }

}

@media screen and (max-width: 810px) {

    #buscadorheader {
        width: 430px;
        margin: 34px 0px 0px 20px;
    }


}

@media screen and (max-width: 760px) {
    #idiomas {
        width: 35px;
        margin: 41px 0px 0px 5px;
    }

    #buscadorheader {
        width: 320px;
        margin: 34px 0px 0px 20px;
    }

    .cuerpoformulario {
        width: 185px;
    }

    #inputbuscador {
        width: 130px;
    }

    .rrss {
        margin: 40px 0px 20px 0px;
        float: left;
        width: 100%;
    }

    .rrss a {
        clear: left;

    }

    .esloganslider {
        font-size: 2.5em;

    }

    .eslogansliderbuylist {
        top: 10%;
        left: 5%;
        width: 90%;
    }
}

@media screen and (max-width: 700px) {


    .cajaproducto, .cajabuylist .cajaproducto, .cajafiltros, .cajatorneopago {
        left: 0%;
        width: 100%;
        margin-left: 0%;
        margin-right: 0px;
        clear: both;
        position: relative;

    }

    .recp_menupie {
        width: 100%;

    }

    .menupie {
        width: 48%;
        margin: 0px 2% 20px 0px;
    }

    .cajabuylist .cabecerotabla {
        /*font-size: 0.9em;*/

    }

    #main .content {
        left: 0;
        margin-left: 10px;
        width: calc(100% - 20px);
    }

    .cierrepopup {
        margin-right: 0px;
    }

}


@media screen and (max-width: 660px) {
    .icono_estado {
        width: 21px;
    }

}


@media screen and (max-width: 640px) {
    .cajafiltros.middlebox-fijo {
        top: 80px;

    }

    #fondomenuancla {

        bottom: 15px;

    }

    .icono_estado {
        width: 22px;
    }

    #pagecarta .seccionprincipal .cell_producto_order {
        height: 75px;
    }

    #pagecarta .seccionprincipal .caracteristicas .icono_estado {
        float: none;
        margin: 0px -2px;
    }

    #pagecarta .seccionprincipal .caracteristicas .icono_estado:first-child {

        margin-left: 0px;
    }

    #pagecarta .seccionprincipal .imagencarta {
        width: 60%;
        margin: 30px 20%;
    }

    .noresponsivesmall {
        display: none;
    }

    .responsivesmall {
        display: inline-block;
    }

    .imagencarta, .cajabuylist .imagencarta {
        float: left;
        max-width: 100%;
        width: 38%;
        margin-bottom: 20px;
    }


    .cajaproducto, .cajabuylist .cajaproducto {
        float: left;
        height: auto;
    }

    .cajaopcionescarta {
        width: 100%;
    }

    .caracteristicascarta, .cajabuylist .caracteristicascarta {
        width: 99%;
        margin: 20px 0% 10px;
        float: left;
        height: auto;
    }

    .cajabuylist .caracteristicascarta {
        width: 100%;
    }

    .cabeceroinfocarta, .cajainfocarta, .cajabuylist .cajainfocarta {
        height: auto;
        width: 58%;
    }

    .cajaprecioficha {
        float: right;
        width: 75%;
    }

    #fondopopupcestaitems .cajainfocarta {
        width: 58%;
        margin: 0px 0% 10px 2%;
        position: relative;
        height: auto;
    }

    .cajatituloscarta, .cajaprecioficha {
        margin-bottom: 30px;
    }

    .cajaopcionescarta {
        position: relative;
    }

    #idiomas {
        width: 35px;
        margin: 41px 0px 0px 5px;
    }

    #buscadorheader {
        position: absolute;
        left: 0;
        top: -100px;
        background-color: #e60615;
        width: calc(100% - 10px);
        margin: 0px;
        padding: 0px 5px 15px;
        z-index: 0;
        transition: all 0.25s ease;
    }

    #buscadorheader.activado {
        transition: all 0.25s ease;
        top: 105px;

    }

    .cuerpoformulario {
        width: calc(100% - 129px);
    }

    #inputbuscador {
        width: calc(100% - 60px);
    }

    #recp_utilidades {
        display: none !important;
    }

    #recp_utilidades_footer {
        float: right;
        width: 80%;
    }

    #recp_utilidades_footer.activado #cesta {
        display: none;
    }

    #popupmenu, #fondopopupcestaitems, #fondopopup, #fondopopuplogin, #fondopopupregistro, #fondopopupforgot {
        height: calc(100% - 215px);
        top: 75px;
        padding: 20px 0px 50px;
    }

    .headerfooter .menuresponsive {
        margin: 19px 10px 0px 20px;
        color: #282828;
    }

    .headerfooter #searchresponsive {
        margin: 24px 20px 0px 0px;
    }

    .headerfooter #cuenta {
        padding: 23px 28px 0px;
    }

    .headerfooter #cesta {
        margin-top: 22px;
    }

    .headerfooter .cierrecesta {
        margin: 27px 26px 0px 27px;
    }

    .headerfooter .cierrecuenta {
        margin: 3px 1px 0px 0px;
    }

    .headerfooter .cierresearchresponsive {
        margin: 27px 23px 0px 27px;
    }

    #logo img {
        float: left;
        max-height: 66px;
        width: auto;
    }

    #contentheader {
        width: 100%;
        padding: 0px;
        text-align: center;
    }

    #logo {
        left: 50%;
        margin-left: -56px;
        position: relative;
    }

    #logo, #logo a {
        float: left;
    }

    #header {
        height: 75px;
    }

    #main {
        margin-top: 75px;
    }

    #fondopopupcesta, #fondopopupmenu {
        width: 0px;
    }

    #fondopopupcestaitems, #popupmenu {
        width: calc(100% - 40px);
        max-width: 100%;
        padding: 20px 20px 50px;
    }

    #recp_utilidades.activado {
        width: calc(100% - 40px);
        max-width: 100%;
        padding: 0px 20px;
    }

    #recp_utilidades.activado #cesta {
        padding: 0px;
    }

    .recp_popup {
        top: 30px;
    }

    #busq_avanzado {
        top: 30px;
    }

    footer {
        margin-bottom: 70px;
    }

    .esloganslider {
        font-size: 2em;
        left: 20%;
    }


    .cajacolecciones {
        float: left;
        width: 90%;
        margin: 0px 5% 0px;
        border-right: 0px solid #363f45;
        padding-right: 0;
    }

    .cajacolecciones.ultimacolumna {
        margin: 0px 5% 50px;
        border-right: 0px solid #363f45;
        padding-right: 0%;
    }

    #formulario_colecciones {
        float: left;
        width: 100%;
        position: relative;
    }

    .eslogansliderbuylist p {
        display: none;
    }

    .subtitulobuylist {
        margin: 0px 0px 0px;
    }
}

@media screen and (max-width: 540px) {
    .recp_popup {
        width: calc(100% - 40px);
        top: 30px;
        left: 0%;
        margin-left: 0px;
        float: left;
        /*display: none;*/
        padding: 0px 20px 30px;
    }

    #busq_avanzado {
        width: calc(100% - 40px);
        top: 30px;
        left: 0%;
        margin-left: 0px;
        float: left;
        /*display: none;*/
        padding: 0px 20px 30px;
    }

    .esloganslider {
        font-size: 1.5em;
    }
}


@media screen and (max-width: 480px) {

    #pagecarta .seccionprincipal .celdatabla {
        font-size: 1em;
        line-height: 1.8em;
    }

    #pagecarta .seccionprincipal .cabecerotabla.cell_producto_order {
        font-size: 0.9em;
    }

    #pagecarta .seccionprincipal .icono_estado {
        width: 22px;
    }

    #pagecarta .seccionprincipal .cell_producto_order {
        height: 48px;
    }

    .cabeceroinfocarta {
        width: 100%;
    }

    .cajainfocarta, .cajabuylist .cajainfocarta {
        width: 100%;
        margin: 20px 0% 10px;
        float: left;
        height: auto;
    }

    .cajaprecioficha {
        float: left;
        width: 100%;
    }

    .cajabuylist .cajaproducto {
        padding: 15px;
    }

    .imagencarta, .cajabuylist .imagencarta {
        float: left;
        max-width: 100%;
        width: 80%;
        margin-left: 10%;
    }

    #fondopopupcestaitems .imagencarta {
        float: left;
        max-width: 190px;
        width: 30%;
        margin-left: 0%;
    }

    #fondopopupcestaitems .cajainfocarta {
        width: 68%;
    }

    .menupie {
        width: 100%;
        height: auto;
        margin: 0px 0% 40px 0px;
    }

    .menupie a {
        width: 100%;
    }

    .pie {
        text-align: center;
    }

    .pie.mitad.izqda, .pie.mitad {
        width: calc(100% - 80px);
        border-right: 0px solid #abb8c0;
        border-top: 1px solid #abb8c0;
        text-align: left;
    }

    #logopie {
        position: relative;
        left: 50%;
        margin-left: -50px;
        margin-right: 0px;
    }

    .rrss a {
        clear: none;
        margin: 0px 10px 10px;
    }

    .mitadpreciobuylist {
        float: left;
        width: 100%;
        margin: 0px 0px 25px 0px;
    }

    .preciocartabuylist .cabecerotabla.preciototal {
        width: calc(70% - 7px);
    }

    .preciocartabuylist .valortabla.preciototal {
        width: calc(70% - 11px);

    }

    .preciocartabuylist .cabecerotabla.cantidad, .preciocartabuylist .cabecerotabla.vender {
        width: calc(30% - 0px);
        margin-right: 0px;
    }

    .preciocartabuylist .valortabla.cantidad {
        width: calc(30% - 4px);
        margin-right: 0px;
    }

    .preciocartabuylist .valortabla.vender {
        width: 30%;
        margin-right: 0px;
        border: 0px;
    }

    .cajabuylist .cabecerotabla {
        font-size: 0.9em;
        line-height: 1em;
        padding-bottom: 5px !important;
    }

    .cabecerotabla, .celdatabla {
        font-size: 0.9em;
    }

    .caracteristicascarta .caracteristicas .icono_estado {

        /*width: 15px;*/
        margin: -7px 2px 9px;
        float: left;
    }

    .chosen-wrapper.selectcantidadproducto .chosen-container .chosen-single {
        height: 25px;
        font-size: 13px;

        margin-top: -6px;

    }

    .chosen-wrapper.selectcantidadproducto .chosen-container .chosen-drop {
        width: 200%;
    }

    .chosen-wrapper.selectcantidadproducto .chosen-container .chosen-single span {
        width: calc(100% - 15px);
    }

    .chosen-wrapper.selectcantidadproducto:after {
        /*display:none;*/
    }

    .cajabuylist .cabecerotabla.cell_producto_order span {
        float: left;
        width: 100%;
    }

    .cell_producto_order {
        height: 30px;
    }

    .cajabuylist .cabecerotabla.cell_producto_order {
        /*height: 40px;*/
    }

    .menuopciones {
        top: 55px;
    }

    .caracteristicascarta, #pagecarta .caracteristicascarta {
        width: calc(100% + 10px);
        margin: 20px 0% 10px -10px;
        float: left;
        height: auto;
    }

    .opcionesfiltro.filtrobuscador, .filtro.cajanombre {
        margin-right: 0px;
        width: calc(100% - 2px);
    }
}


@media screen and (max-width: 400px) {
    .sidesde400 {
        display: block;
    }

    .nodesde400 {
        display: none;
    }

    #pagecarta .seccionprincipal .icono_cesta {
        width: 80%;
        cursor: pointer;
        float: right;
        margin-top: 5px;
    }

    .cajaproducto, .cajabuylist .cajaproducto {
        width: 100%;
        margin-left: 0%;

    }

    .caracteristicascarta .caracteristicas .icono_estado {
        margin: -7px 0px 9px;
        float: left;
    }

    .cell_producto_order.caracteristicas {
        width: 20%;
    }

    .cell_producto_order.stock {
        width: 10%;
    }

    .cell_producto_order.precio {
        width: 16%;
    }

    .cell_producto_order {
        width: 13.5%;
    }

    .cabecerotabla {
        font-size: 0.9em;
    }

    .celdatabla {
        font-size: 0.9em;
    }

    .cajafilapreciocesta {
        float: right;
        width: 100%;
        margin-top: 10px;
    }

    .formulario_popup input[type=submit], .formulario_cesta input[type=submit], .boton {
        width: 80%;
        margin: 80px 10% 8px;

    }

    .boton.botonrojo {
        width: calc(80% - 2px);
        margin-top: 5px;
    }

    .boton.botonblanco {

        width: calc(80% - 2px);

    }

    .subtitulobuylist {
        font-size: 1em;
    }

    .cell_producto_order {
        height: 65px;
    }

    .icono_estado {
        width: 22px;
    }

    .caracteristicascarta .caracteristicas .icono_estado {
        margin: -5px 0px 9px;
        float: left;
    }
}


@media screen and (max-width: 375px) {
    #pagecarta .seccionprincipal .celdatabla {
        font-size: 0.9em;
        line-height: 1.8em;
    }

    #pagecarta .seccionprincipal .cell_producto_order {
        height: 75px;
    }

    .cell_producto_order.caracteristicas .clear.sidesde400 {
        display: none;
    }

    .esloganslider {
        font-size: 1em;
    }
}


@media screen and (max-height: 620px) {

    .cajafiltros.middlebox-fijo {
        max-height: calc(100vh - 155px);
        overflow-y: auto;

    }
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert > p,
.alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

.contentreducido {
    width: 100%;
    max-width: 984px;
    margin: 0px auto 70px;
    padding: 0px 0px;
    float: left;
    left: 50%;
    margin-left: -492px;
    position: relative;
    box-sizing: content-box;
}

.contentreducido_interior {
    width: 75%;
    margin: 0px 12.5%;
    padding: 0px 0px;
    float: left;
    position: relative;
    box-sizing: content-box;
}

@media screen and (max-width: 1024px) {
    .contentreducido {
        width: 100%;
        max-width: 100%;
        margin: 70px auto;
        padding: 0px 0px;
        float: left;
        left: 0%;
        margin-left: 0px;
        position: relative;
        box-sizing: content-box;
    }

    .bannersuperior {
        width: 100%;
    }

    .numdia {
        font-size: 1em;
    }
}

.contentreducido_interior {
    width: 100%;
    margin: 0px 0px;
}

.bannersuperior {
    float: left;
    margin-bottom: 128px;
}

.bannerinferior {
    float: left;
    width: 100%;
    margin: 30px 0px;
}

.encabezadoapartado {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400;
}

.tabla {
    margin-bottom: 20px;
    float: left;
    width: calc(100% - 30px);
    padding: 15px;
    text-align: center;
}

.tabla1 {
    background-color: #f8f8f8;
    float: left;

    border: 2px solid #f8f8f8;
    border-top: 4px solid #f8f8f8;

}

.tablalistado {
    background-color: #fff;
    float: left;
    border: 2px solid #f8f8f8;
}

.tabla1:hover {
    border-top: 4px solid #e60615;
}

.itemtabla {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f8f8f8;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.itemtabla.ultimoitemtabla {
    border-bottom: 0px solid #ccc;
}

.titulotabla {
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.masinfo {
    float: right;
    text-transform: uppercase;
    font-weight: 400;
    color: #abb8c0;
    font-size: 0.7em;
    margin-top: 10px;
}

.tablade3 {
    float: left;
    width: calc(30% - 34px);
    margin-right: 5%;

}

.tablade2 {
    float: left;
    width: calc(47.5% - 34px);
    margin-right: 5%;

}

.tablafinal {
    margin-right: 0;
}


.tablalistado .boton {
    margin-top: 0px;
    width: calc(100% + 32px);
    margin: 10px 0px -17px -17px;
    font-size: 0.8em;
    padding: 10px 0px 6px;
}

.tituloseccion {
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2em;
}

.subtituloseccion {
    float: left;
    width: 100%;
    text-align: center;
    color: #abb8c0;
}

.zonagris {
    background-color: #f8f8f8;
    float: left;
    width: 100%;
    margin: 50px 0px;
}

.areacontacto {
    float: left;
    width: 33%;
    font-weight: 500;
    text-align: center;
    margin: 35px 0px 10px;
}

#iconomail img {
    width: 36px;
}

#iconotfno img {
    width: 30px;
}

#iconodir img {
    width: 26px;
}

.txt_areacontacto {
    float: left;
    width: calc(100% - 20px);
    margin: 20px 10px;
}

#iconomail .txt_areacontacto {
    margin-top: 23px;
}

#iconotfno .txt_areacontacto {
    margin-top: 20px;
}

#iconodir .txt_areacontacto {
    margin-top: 12px;
}


p {
    margin-top: 0px;
}

.content p, .content ol, .content ul {
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 2em;
}

.tabla p {
    margin-bottom: 1em;
}

.content ol {
    list-style: none;
    counter-reset: li;
    padding-left: 40px;
    width: calc(100% - 40px);
}

.content ol li {
    counter-increment: li;
    margin-bottom: 8px;
}

.content ol li::before {
    content: counter(li);
    color: red;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    margin-right: 15px;
    font-weight: bold;
}

.titulotorneos {
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 2em;
    margin: 20px 0px 120px;
    font-weight: 500;
}

.cabecero_diasemana, .semana {
    float: left;
    width: 100%;
    margin: 0px 0px 20px;
}

#calendarioresponsive .cabecero_diasemana, #calendarioresponsive .semana {
    margin: 0px 0px 5px;

}

.diasemana {
    float: left;
    width: 13.5%;
    margin-right: 0.9%;
    margin-bottom: 20px;
    text-align: center;

}

.vistadia {
    display: none;
}

.diasemana.vistadia {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    float: left;
    width: 100%;
    margin-right: 0%;
    margin-top: 70px;
    margin-bottom: 20px;
    text-align: center;
    background-color: #eaebea;
    position: relative;
    overflow: hidden;
    height: 500px;
}

#calendarioresponsive .diasemana {
    margin-bottom: 5px;

}

.cabecero_diasemana .diasemana {
    color: #abb8c0;

    font-size: 2em;
    font-family: 'NewGroteskSquareTHREE';
}

#calendarioresponsive .cabecero_diasemana .diasemana {
    font-size: 3rem;
    text-transform: uppercase;
    font-family: 'NewGroteskSquareTHREE';
}

.diasemana.ultimodia {
    margin-right: 0;

}

.semana .diasemana {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background-color: #f8f8f8;
    height: 280px;
    overflow: hidden;
    position: relative;
}

#calendarioresponsive .semana .diasemana {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-color: #fff;
    font-family: 'Oswald';
    font-weight: 500;
    color: #363f45;
    font-size: 2.5rem;
    height: 60px;
    overflow: hidden;
    position: relative;

}

.semana .diasemana.diadiferente {
    background-color: #eaebea;
}

.semana.par .diasemana {
    background-color: #eaebea;
}

.semana.par .diasemana.diadiferente {
    background-color: #f8f8f8;
}

.esquinaroja {
    background-color: #e60615;
    position: absolute;
    top: 0px;
    width: 135px;
    height: 50px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    left: 60%;
    z-index: 0;
}

.vistadia .esquinaroja {
    background-color: #e60615;
    position: absolute;
    top: 0px;
    width: 135px;
    height: 50px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    left: 90%;
    z-index: 0;
}

.numdia {
    color: #fff;
    position: absolute;
    top: 5px;
    width: auto;
    right: 8px;
    z-index: 1;
    text-align: right;
    font-size: 1.5em;
    font-family: 'NewGroteskSquareTHREE';
}

.vistadia .numdia {
    color: #fff;
    position: absolute;
    top: 5px;
    width: auto;
    right: 8px;
    z-index: 1;
    text-align: right;
    font-size: 2em;
    font-family: 'NewGroteskSquareTHREE';
}


#calendarioresponsive .tienetorneo {
    float: left;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    color: #fff;
    position: relative;
    top: unset;
    width: 60px;
    right: unset;
    z-index: 1;
    background-color: #e60615;
    text-align: center;
    font-size: 2.5rem;
    font-family: 'Oswald';
    font-weight: 500;
    cursor: pointer;
    left: 50%;
    margin-left: -30px;
}

.cajatorneos {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.8em;
}

.cajatorneos.hay1o2torneos {
    font-size: 1.8em;
}

.cajatorneos.hay3o4torneos {
    font-size: 1.1em;
}

#calendarioresponsive .cajatorneos {
    font-size: 1.2em;
}

#calendarioresponsive .cajatorneos.hay1o2torneos {
    font-size: 2.8em;
}

#calendarioresponsive .cajatorneos.hay3o4torneos {
    font-size: 2.1em;
}

.torneodia {
    float: none;
    margin: 0px 2px;
    color: #e60615;
}

.hay1o2torneos .torneodia .ss {
    width: 100%;
}

.torneohora {
    float: none;
    margin: 0px 2px;
}


.cajatorneos.hay1o2torneos .torneohora, .cajatorneos.hay3o4torneos .torneohora {
    width: 100%;
    font-size: 0.7em;
    float: left;
}


.divtorneo {
    float: left;
    width: 100%;
    border-top: 1px solid #282828;
    margin-top: 4px;
    padding-top: 4px;
}

.divtorneo.primerdivtorneo {
    border-top: 0px solid #282828;
}


#calendarioescritorio {
    display: block;
}

#calendarioresponsive {
    display: none;
    float: left;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border: 1px solid #282828;
    padding: 100px 45px 140px;
    width: calc(100% - 90px);
}

@media screen and (max-width: 900px) {


    #calendarioescritorio {
        display: none;
    }

    #calendarioresponsive {
        display: block;
    }

    .vistadia .esquinaroja {
        left: 50%;
        width: 280px;
    }

    .vistadia .numdia {
        top: 8px;
        font-size: 2.4em;
    }

    .formulario_pagotorneo label {
        clear: both;
        width: 120px;
    }

    .formulario_pagotorneo input[type=submit] {
        clear: both;
    }

    .boton.botonrojo {
        width: calc(80% - 2px);
        margin-top: 5px;
    }

    .cajaproducto, .cajabuylist .cajaproducto, .mitadizqda, .mitaddcha {
        width: 49%;
        margin-right: 0px;
        position: relative;
    }

    .cajaproducto.impar, .mitadizqda {
        margin-right: 2%;
    }

    .div_finpedido.cajabuylist .cajaproducto {
        width: 682px;
    }

    .mitadizqda .cajaproducto {
        margin-right: 0px;
        width: 100%;
        height: auto;
    }
}

#calendarioresponsive {

    padding: 100px 15px 140px;
    width: calc(100% - 30px);
}

#calendarioresponsive .tienetorneo {
    left: 0%;
    margin-left: 0px;
    width: 100%;

}

#calendarioresponsive .tienetorneo, #calendarioresponsive .semana .diasemana {
    font-size: 2rem;
}

.infotorneopago {
    float: left;
    width: calc(100% - 125px);
    margin-right: 15px;
}

.tituloinfotorneopago {
    font-weight: 400;
    text-transform: uppercase;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.textotorneopago {
    font-weight: 400;
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.fechatorneopago {

    float: left;
    width: 100%;
    text-transform: uppercase;


    margin: 10px 0px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.horatorneopago {
    width: 100%;
    color: #abb8c0;
    font-size: 0.9em;
    float: left;
}

.txtpreciotorneopago {
    width: 100%;
    font-size: 0.7em;
    float: left;
}

.preciotorneopago {
    width: 100%;
    float: left;
    font-size: 1.1em;
}

.formulario_pagotorneo {
    width: 100%;
    float: left;
    background-color: #eaebea;
    margin: 10px 0px -15px -15px;
    bottom: 0px;
    padding: 15px;
    height: auto;
}

.infotorneopago .cabeceroinfocarta {
    float: right;
    width: 100%;
    border-bottom: 1px solid #363f45;
    margin: 15px 0px 25px;
    font-size: 1em;
    padding-bottom: 5px;
}

.textored {
    color: #e60615;
}

.mitadizqda .cabeceroinfocarta, .div_finpedido .cabeceroinfocarta {

    width: 82%;

}

.pagebuylist .mitadizqda .cabeceroinfocarta {

    width: 100%;

}

.formulario_pagotorneo label {
    float: left;
    width: auto;
    margin: 10px 10px 10px 0px;
    font-weight: 400;
}

.formulario_popup input, .formulario_popup select, #formulario_colecciones input, .formulario_pagotorneo input[type=text] {
    float: left;
    width: calc(100% - 22px);
    margin: 0px 0px 25px;
    font-family: 'Oswald';
    font-weight: 500;
    color: #363f45;
    height: 30px;
    border: 1px solid #363f45;
    padding: 4px 10px;
    font-size: 1.1em;
}

.formulario_pagotorneo input[type=text] {
    margin: 0px 10px 10px 0px;

}

.formulario_pagotorneo input[type=submit] {
    float: right;
    width: auto;
    margin: 0px 0px 10px 0px;
    padding: 8px 10px;
}

.infotorneopago .categoriacarta {
    color: #abb8c0;
    font-weight: 700;
}

.boton.botonsubmit {
    height: 40px !important;

}

.c-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 0 0 .9375rem;
    padding: .75rem 2rem .75rem .75rem;
    transition: all .3s;
    border-radius: 4px;
    color: #fff
}

.c-alert .c-close {
    position: absolute;
    top: .75rem;
    right: 1rem
}

.c-alert.fade {
    transition: opacity .3s;
    opacity: 0
}

.c-alert.fade.show {
    opacity: 1
}

.c-alert__icon {
    position: relative;
    bottom: -4px;
    margin-right: .625rem;
    font-size: 1.125rem;
    opacity: .7
}

.c-alert--success {
    background-color: #1bb934
}

.c-alert--info {
    background-color: #2ea1f8
}

.c-alert--warning {
    background-color: #fd9a18
}

.c-alert--danger {
    background-color: #ed1c24
}

.content ul li {
    counter-increment: li;
    margin-bottom: 8px;
    margin-left: 25px;
}

.seccionprincipal h2.titulocentrado {
    text-align: center;
}

/* NUEVO CSS */

.subtotalcesta {
    width: 50%;
    float: left;
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: 500;
}

.totalcesta {
    width: 50%;
    float: right;
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: 500;
    text-align: right;
}

.enlacecondiciones {
    float: left;
    width: 100%;
    font-size: 0.9em;
    font-weight: 500;
}

.c-card {
    float: left;
    width: 100%;
}

#searchResults h1 {
    margin-top: 40px;
    font-size: 1.3em;
}

.capabuscando {
    display: none;
    text-align: center;
    float: left;
    width: 100%;
    padding: 30px 0px;
    position: relative;
}

.cajafiltros {
    float: left;
    width: 100%;
    padding: 17px 25px;
    border: 1px solid #f8f8f8;
    /*border:1px solid #000;*/
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background-color: #fff;
    margin: 0px 0px 40px;
    box-sizing: border-box;

}

.cajafiltros.middlebox-fijo {
    width: 100%;
    max-width: 1400px;
    margin: 0px auto;
    float: left;
    left: 50%;
    margin-left: -701px;
    position: fixed;
    top: 110px;
    z-index: 1;
    border: 1px solid #f8f8f8;
    box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.5);

}

.enlacemodificarcesta {
    float: left;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 15px;
    color: #363f45;
    font-size: 0.8em;
}

.enlacemodificarcesta .iconosvg {
    float: left;
    margin: 4px 4px 0px;
}

.notapedido {
    float: left;
    width: 60%;
    margin: 0px 20% 60px;
}

.indicacion_pedido {
    float: left;
    width: 100%;
    margin: 5px 0px 10px;
    font-weight: 400;
}

.bordegris .indicacion_pedido {
    width: 50%;

}

.indicacionesmetodo, .indicacionesmetodopago {
    display: none;
}

.indicacionesmetodo input[type=text] {
    float: left;
    margin: 10px 0px 25px;
    font-family: 'Oswald';
    font-weight: 500;
    color: #363f45;
    height: 30px;
    border: 1px solid #363f45;
    padding: 4px 10px;
    font-size: 1.1em;
}

#direccionnueva .indicacion_pedido {
    width: calc(100% - 115px);
    margin-top: 0px;
    margin-bottom: 30px;
}

.divcampospedido {
    float: left;
    width: 90%;
    margin-left: 5%;

}

.div2de3 {
    float: left;
    width: 64%;
    margin-right: 6%;
}

.div1de3 {
    float: left;
    width: 30%;

}

.div1de3.final {

    margin-right: 0%;
}

.div1de2 {
    float: left;
    width: 47%;
    margin-right: 6%;
}

.div1de2.final {
    margin-right: 0%;

}

.indicacion_normal {
    float: left;
    width: 100%;
    margin: 5px 0px 10px;

}

.indicacion_normal.indicacionposterior {
    float: left;
    width: 95%;
    margin: 5px 0px 10px 5%;

}

.indicacion_pedido.indicacion_seguida {
    float: left;
    width: auto;
    margin: 5px 10px 10px 0px;
}

.seccionpedido {
    float: left;
    width: calc(90% - 32px);
    margin: 0px 5% 10px;
    padding: 15px;
    border: 1px solid #f8f8f8;
}


.seccionpedido.borderojo {
    width: calc(90% - 36px);
    border-left: 5px solid #e60615;
    margin-top: 30px;
}

.seccionpedido.bordegris {
    width: calc(90% - 36px);
    border-left: 5px solid #abb8c0;
    margin-bottom: 40px;
    position: relative;
}


.resumenpedido {
    float: left;
    width: 70%;
    margin: 0px 15% 60px;
}

.div_finpedido .resumenpedido {
    float: left;
    width: 48%;
    margin: 0px 4% 60px 0px;
}

.div_finpedido .resumenpedido.fondogris {
    margin: 0px 0px 60px 0px;
    font-size: 0.9em;

}

.tituloresumen {
    font-weight: 400;
    text-transform: uppercase;
    margin: 20px 0px 0px;
}


.tituloresumen, .direccionresumen {
    float: left;
    width: 70%;
    margin-left: 15%;
}

.numarticulosresumen {
    float: left;
    width: 70%;
    margin: 12px 15% 5px;
    font-weight: 400;
    border-bottom: 1px solid #282828;
}

.resumenpedido.totales {
    margin-top: 100px;
}

.filaresumen {
    float: left;
    width: 100%;
    padding: 6px 0px;
}

.nombreinfo, .valorinfo {
    float: left;
    width: calc(50% - 30px);
    margin-left: 30px;
    font-size: 0.9em;
}

.totales .nombreinfo {
    width: calc(50% - 40px);
    margin-left: 40px;
}

.nombreinfo {
    text-transform: uppercase;
    font-weight: 400;
}

.valorprecio {
    text-transform: uppercase;
    font-weight: 400;
    text-align: right;
    float: left;
    width: calc(50% - 30px);
    margin-right: 30px;
}

.infototal {
    font-size: 1.4em;
}

.div_finpedido .resumenpedido.fondogris .filaresumen {
    float: left;
    width: 60%;
    margin-left: 20%;
    padding: 1px 0px;
}

.div_finpedido .resumenpedido.fondogris .nombreinfo {
    float: left;
    width: 50%;
    margin-left: 0px;

}

.div_finpedido .resumenpedido.fondogris .valorprecio {
    float: left;
    width: 50%;
    margin-left: 0px;
    margin-right: 0px;
}

.div_finpedido .resumenpedido.fondogris .infototal {

    margin-top: 10px;
    margin-bottom: 20px;
}


.fondogris {
    background-color: #f8f8f8;
}

.direccion {
    float: left;
    width: 90%;
    border-top: 1px solid #282828;
    margin-top: 10px;
    padding-top: 10px;
}

.bordegris .direccion {
    float: left;
    width: 90%;
    border-top: 0px solid #282828;
    margin-top: 10px;
    padding-top: 10px;
}

.direccion.primeradireccion {
    border-top: 0px solid #282828;
    margin-top: 20px;
    padding-top: 0px;
}

.radio_direccion {
    float: left;
    width: 30px;
    margin-top: 6px;
}

.texto_direccion {
    float: right;
    width: calc(100% - 40px);
    font-weight: 400;
}

.bordegris .texto_direccion {
    margin-bottom: 10px;
}

.cajapedido {
    float: left;
    width: 100%;
    padding: 15px 15px 40px;
    border: 1px solid #f8f8f8;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background-color: #fff;
    margin: 0px 0px 40px;
    box-sizing: border-box;
}

.div_finpedido {
    float: left;
    width: 80%;
    padding: 15px 15px 40px;
    border: 1px solid #f8f8f8;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background-color: #fff;
    margin: 0px 10% 40px;
    box-sizing: border-box;
    position: relative;
}

.div_finpedido .cajapedido {
    float: left;
    width: 90%;
    padding: 0px;
    border: 0px solid #f8f8f8;
    border-bottom: 1px solid #282828;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-color: #fff;
    margin: 0px 5% 40px;
    box-sizing: border-box;
    left: 0;
}

.enlaceimprimirpedido {
    float: right;
    position: absolute;
    right: 35px;
    top: 38px;
    z-index: 1;
}

.enlaceimprimirpedido .iconosvg {
    width: 16px;
}

.agradecimientopedido {
    font-weight: 400;
    color: #abb8c0;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.separacioncamposhorizontal {
    float: left;
    width: 100%;
    border-bottom: 1px solid #282828;
    margin: 10px 0px 10px;
}

.labeldireccion {
    float: left;
    margin: 10px 0px 20px !important;
}

#nuevadireccion, #nuevadireccion2, #borrardireccion2 {
    float: right;
    font-weight: 400;
    font-size: 0.8em;
    cursor: pointer;
    margin-top: 15px;
}

.bordegris #nuevadireccion {
    float: right;
    font-weight: 400;
    font-size: 0.8em;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 50px;
    color: #363f45;
    border-left: 1px solid #282828;
    background: #fff url(../../icono-editar-cuenta-e05ba0fcfea525ba03f330da1acf08a4.svg) no-repeat scroll 8px 0px;
    padding-left: 35px;
    font-weight: 500;
}

#direccionnueva, #direccion2 {
    display: none;
}

.selectorpedido {
    float: left;
    border: 1px solid #363f45;
    background-color: #fff;
    color: #363f45;
    font-family: 'Oswald';
    font-weight: 500;
    padding: 10px 15px;
    width: calc(100% - 34px);
    cursor: pointer;
}

.selectorpedido#pedidosantiguos {
    margin-top: -1px;

}

.selectorpedido:before {
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    content: url(../../flecha-dropdown-formularios-7daa385f74d3bc61484d0ed364a81409.png);
    width: 15px;
    float: right;
    margin-right: 10px;
}

.selectorpedido.isactive:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.cajaresultadospedidos {
    /*display:none;*/
    float: right;
    border: 1px solid #363f45;
    border-top: 0px;
    border-bottom: 0px;
    background-color: #eaebea;
    color: #363f45;
    font-family: 'Oswald';
    font-weight: 500;
    padding: 0px 0px;
    width: calc(100% - 8px);
    margin-right: 2px;
    height: 0px;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
}

.cajaresultadospedidos.isactive {
    height: auto;
    padding: 10px 0px;
    border: 1px solid #363f45;
    border-top: 0px;
}

.cajaresultadospedidos .boton {
    width: auto;
    float: right;
    clear: both;
    margin: 10px 0px 0px;
    padding: 8px 25px;
    min-width: 100px;
}

.caja_pedidounico {
    float: left;
    width: calc(100% - 30px);
    padding: 15px 15px 0px;
    margin: 15px 0%;
    border-top: 1px solid #363f45;
}

.caja_pedidounico:first-child {
    border-top: 0px solid #363f45;
    padding-top: 0px;
    margin-top: 5px;
}

.cabecerapedidounico {
    float: left;
    width: calc(100% - 0px);
    border-bottom: 1px solid #363f45;
    margin-bottom: 20px;
    padding: 0px;
    font-size: 0.9em;
}

.numpedido {
    float: left;
}

.fechapedido {
    float: right;
}

.datopedido {
    float: left;
    width: calc(100% - 20px);
    font-weight: normal;
    margin-left: 20px;

}

.datopedido strong {
    text-transform: uppercase;
    font-weight: 500;

}

.pedidopendiente {
    color: #e60615;
    font-weight: 400;
}

.pedidoenviado {
    color: #46ad48;
    font-weight: 400;
}

.pedidocerrado {
    color: #007aa2;
    font-weight: 400;
}

.cajaitacoins {
    float: left;
    width: calc(80% - 60px);
    max-width: 340px;
    background-color: #eaebea;
    border-top: 5px solid #e60615;
    padding: 0px 30px;
    margin-left: 10%;
}

.cajahistorialcredito {
    float: left;
    width: calc(100% - 0px);

    background-color: #fff;
    border-top: 5px solid #e60615;
    padding: 0px 0px;
    margin: 10px 0px 80px;
}

.filahistorialcredito {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.celdacredito {
    float: left;
    padding: 10px;
    margin-bottom: 5px;
    font-weight: 400;
}

.celdacorta {
    width: calc(15% - 20px);
    text-align: center;
}

.celdacorta.dadopor {
    float: right;
}

.celdalarga {
    width: calc(55% - 20px);

}

.celdacabecera {
    text-transform: uppercase;

}

.celdacabecera > .celdalarga {
    text-align: center;

}

.celdafondo {
    background-color: #eaebea;

}

.iconocajaitacoins {
    width: 36px;
    margin-right: 5px;
}

.textocajaitacoins {
    float: left;
    font-size: 2em;
    margin: 15px 0px;
    width: 100%;
    text-align: left;
}

.cajatotalitacoins {
    border: 1px solid #363f45;
    float: left;
    text-align: center;
    width: calc(100% - 2px);
    padding: 10px 0px;
    font-size: 2.3em;
    font-weight: 500;
    margin: 20px 0 40px;
}

.enlacehistorialcredito {
    float: right;
    font-weight: 400;
    font-size: 0.8em;
    cursor: pointer;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.enlacehistorialcredito:after {
    content: url(../../flecha-boton-ver-historial-4db466870e78cd726177677ace7ff6a5.svg);
    width: 13px;
    float: right;
    margin-left: 4px;
}

.enlacevolvercuenta {
    float: right;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 15px;
    color: #e60615;
    font-size: 0.8em;
}

.enlacevolvercuenta:after {
    content: url(../../flecha-boton-ver-historial-4db466870e78cd726177677ace7ff6a5.svg);
    width: 13px;
    float: right;
    margin-left: 4px;
    transform: rotate(180deg);
}

.back {
    float: left;
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 15px;
    color: #e60615;
    font-size: 0.8em;
}

.back:after {
    content: url(../../flecha-boton-ver-historial-4db466870e78cd726177677ace7ff6a5.svg);
    width: 13px;
    float: left;
    margin-left: 15px;
    margin-right: 10px;
    transform: rotate(180deg);
}

.cajaproducto, .cajatorneopago {
    float: left;
    width: 682px;
    padding: 15px 15px;
    border: 1px solid #f8f8f8;
    /*border:1px solid #000;*/
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background-color: #fff;
    margin: 0px 0px 40px;
    box-sizing: border-box;
    height: 587px;
}

.cajatorneopago {
    left: 50%;
    margin-left: -341px;
    position: relative;
    border-top: 5px solid #e60615;
    padding: 0px 15px 15px;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.5);
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 70px;
}

.cajabuylist .cajaproducto {
    float: left;
    width: 682px;
    padding: 25px 25px;
    border: 1px solid #f8f8f8;
    /*border:1px solid #000;*/
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background-color: #fff;
    margin: 0px 0px 40px;
    box-sizing: border-box;
    height: 424px;
}

.mitadizqda, .mitaddcha {
    width: 682px;
    float: left;
    margin: 0px 0px 80px;
}

.mitadizqda .cajaproducto {
    margin-right: 0px;
    width: 100%;
    height: auto;
}

.cajaproducto.impar, .mitadizqda {
    margin-right: 36px;

}

.div_finpedido .cajaproducto {
    width: 682px;
    left: 50%;
    margin-left: -341px;
    clear: both;
    margin-right: 0px;
    height: auto;
    position: relative;
    border: 0px solid #f8f8f8;
    border-bottom: 1px solid #282828;
    /*border:1px solid #000;*/
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    padding-bottom: 45px;
}

.div_finpedido .cajaproducto.ultimoproducto {

    border-bottom: 0px solid #282828;

}

#fondopopupcestaitems .cajaproducto {
    width: calc(100% - 0px);
    height: auto;
    border: 0;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    padding: 15px 0px 8px;
    border-bottom: 1px solid #363f45;
    margin: 0px 0px 10px;
}


.fechapreciotorneopago {
    float: right;
    width: 90px;
    background: #fff url(../../banderola-ficha-torneo-fecha-precio-60dbb70c1a4d1d746b38a7fb44c79c64.svg) no-repeat top center !important;
    height: 195px;
    padding: 10px 10px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    position: relative;
}

.verdetalletorneo {
    bottom: -20px;
    position: absolute;
    width: 100%;
    float: left;
    left: 0;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 500;
}

.infotorneopago {
    float: left;
    width: calc(100% - 125px);
    margin-right: 15px;
}

.tituloinfotorneopago {
    font-weight: 400;
    text-transform: uppercase;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.textotorneopago {
    font-weight: 400;
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.fechatorneopago {

    float: left;
    width: 100%;
    text-transform: uppercase;


    margin: 10px 0px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.horatorneopago {
    width: 100%;
    color: #abb8c0;
    font-size: 0.9em;
    float: left;
}

.txtpreciotorneopago {
    width: 100%;
    font-size: 0.7em;
    float: left;
}

.preciotorneopago {
    width: 100%;
    float: left;
    font-size: 1.1em;
}

.formulario_pagotorneo {
    width: 100%;
    float: left;
    background-color: #eaebea;
    margin: 10px 0px -15px -15px;
    bottom: 0px;
    padding: 15px;
    height: auto;
}

.preciotachado {
    text-decoration: line-through;
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
    float: left;
    width: 100%;
    font-size: 0.7em;
    margin-top: -6px;
}

.preciodto {
    color: #e60615;
    float: left;
    width: 100%;
    font-size: 1em;
    margin-top: -4px;
    font-weight: 400;
    text-align: center;
}

.opcion_checkbox {
    float: left;
    width: 90%;
    margin: 5px 5%;
    font-weight: 400;
}

.opcion_checkbox input {
    float: left;
    margin: 6px 10px 0px 0px;

}

.cabeceroinfocarta {
    float: right;
    width: 68%;
    border-bottom: 1px solid #363f45;
    margin-bottom: 15px;
    font-size: 0.9em;
    padding-bottom: 5px;
}

.infotorneopago .cabeceroinfocarta {
    float: right;
    width: 100%;
    border-bottom: 1px solid #363f45;
    margin: 15px 0px 25px;
    font-size: 1em;
    padding-bottom: 5px;
}

.textored {
    color: #e60615;
}

.mitadizqda .cabeceroinfocarta, .div_finpedido .cabeceroinfocarta {

    width: 82%;

}

.pagebuylist .mitadizqda .cabeceroinfocarta {

    width: 100%;

}

.imagencarta {
    float: left;
    max-width: 190px;
    width: 30%;
    margin-bottom: 20px;
}

.mitadizqda .imagencarta, .div_finpedido .imagencarta {
    float: left;
    max-width: 90px;
    width: 15%;
    margin-bottom: 20px;
}

.cajabuylist .imagencarta {
    max-width: 200px;
    width: 32%;
}

.cajabuylist.mitadizqda .imagencarta {
    max-width: 110px;
    width: 20%;
}

.cajabuylist .cabeceroinfocarta, .div_finpedido.cajabuylist .cabeceroinfocarta {

    width: 100%;
}

.cajainfocarta {
    float: right;
    /*width:calc(96% - 190px);*/
    width: 68%;
    margin-left: 2%;
    position: relative;
    /*height: calc(50% - 50px);*/
    height: 245px;
}

.mitadizqda .cajainfocarta, .div_finpedido .cajainfocarta {

    width: 82%;
    height: auto;
}

.cajabuylist .cajainfocarta {

    width: 66%;
    height: 100px;
}

.cajabuylist.mitadizqda .cajainfocarta {

    width: 76%;
    height: 100px;
}

#fondopopupcestaitems .cajainfocarta {

    height: auto;
}

.caracteristicascarta {
    float: left;
    /*width:calc(96% - 190px);*/
    width: 100%;
    margin-left: 0%;
    position: relative;
    height: 220px;
}

.mitadizqda .caracteristicascarta, .div_finpedido .caracteristicascarta {
    height: auto;
    width: 82%;
    float: right;
}

.cajabuylist .caracteristicascarta {
    margin-left: 2%;
    width: 66%;
    height: 235px;
}

.cajabuylist.mitadizqda .caracteristicascarta {
    margin-left: 2%;
    width: 76%;
    height: 235px;
}

.iconosvg {
    width: 12px;
    margin: 0px 3px -2px;
}

.titulocaja {
    float: left;
    width: auto;
    font-family: 'Oswald';
    font-weight: 700;
    color: #abb8c0;
    text-transform: uppercase;
}

.accionescaja {
    float: right;
    width: auto;
    text-align: right;
    font-family: 'Oswald';
    font-weight: 700;
    color: #abb8c0;
    text-transform: uppercase;
}

.categoriacarta {
    float: right;
    text-align: right;
    width: auto;
    max-width: 60%;
    font-family: 'Oswald';
    font-weight: 200;
    color: #363f45;
    text-transform: uppercase;
}

.infotorneopago .titulocaja {
    color: #e60615;
    font-weight: 700;
}

.infotorneopago .categoriacarta {
    color: #abb8c0;
    font-weight: 700;
}

.mitadizqda .categoriacarta, .div_finpedido .categoriacarta {
    float: left;
    text-align: left;
}

.pagebuylist .mitadizqda .categoriacarta, .pagebuylist .div_finpedido .categoriacarta {
    border-left: 1px solid #282828;
    margin-left: 10px;
    padding-left: 10px;
}

.categoriacarta a {
    color: #363f45;

}


.cajatituloscarta {
    float: left;
    width: 70%;
    margin-bottom: 30px;
}

#fondopopupcestaitems .cajatituloscarta {
    float: left;
    width: calc(100% - 40px);
    margin-bottom: 0px;
}

.iconosnombrecarta {
    float: right;
    width: 30%;
    margin-bottom: 30px;
    text-align: right;
}

#fondopopupcestaitems .iconosnombrecarta {
    float: left;
    width: 30px;
    margin-bottom: 0px;
    text-align: left;
    border-right: 1px solid #363f45;
    margin-right: 8px;
}

.cajaprecioficha {
    float: right;
    width: 50%;

}

.cajaprecioficha a {
    float: left;
    clear: left;
    width: auto;
    font-family: 'Oswald';
    font-weight: 600;
    color: #e60615;
    background: url(../images/flecha-ver-ficha-completa.png) no-repeat calc(100% - 5px) 5px #fff !important;
    padding-right: 23px;
}

.cajaprecioficha a:hover {
    text-decoration: underline;
}

.spandesde {
    float: left;
    width: auto;
    font-family: 'Oswald';
    font-weight: 300;
    clear: left;
}

.precioficha {
    float: left;
    clear: left;
    width: auto;
    font-family: 'Oswald';
    font-weight: 500;
    font-size: 3em;
    line-height: 1.2em;
    margin-top: -8px;
}


.titulocartacaja {
    font-family: 'Beleren_Bold';
    color: #e60615;
    font-size: 1.3em;
    line-height: 1em;
    font-weight: bold;
    float: left;
    clear: left;
    margin-bottom: 2px;
}

#fondopopupcestaitems .titulocartacaja {

    font-size: 1em;

}

.subtitulocartacaja {
    font-family: 'Beleren_Bold';
    color: #e60615;
    font-size: 1em;
    font-weight: bold;
    float: left;
    clear: left;
    line-height: 1.1em;
    margin-bottom: 5px;
}

#fondopopupcestaitems .subtitulocartacaja {

    font-size: 0.9em;

}

.expansioncartacaja {
    font-family: 'Beleren_Bold';
    color: #363f45;
    font-size: 0.9em;
    line-height: 1em;
    font-weight: bold;
    float: left;
    clear: left;
    margin-bottom: 5px;
}

.fichacoleccion {
    float: left;
    width: 100%;
}

.fichacoleccion .expansioncartacaja {
    font-family: 'Oswald';
    color: #363f45;
    font-size: 1.2em;
    line-height: 1em;
    font-weight: 500;
    float: left;
    clear: left;
    margin-bottom: 5px;
    cursor: pointer;
    padding: 10px;
    width: calc(100% - 20px);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

}

.fichacoleccion .expansioncartacaja:hover {
    background-color: #eaebea;
}

.fechacoleccion {
    font-family: 'Oswald';
    color: #abb8c0;
    float: left;
    font-weight: 300;
    font-size: 0.8em !important;
    line-height: 1.1em;
    margin-top: 4px;
    text-transform: uppercase;
}

.expansioncartacaja a {
    color: #363f45;
}

.expansioncartacaja span {
    font-size: 1.7em;

}

.fichacoleccion .expansioncartacaja span.ss {
    float: left;
    max-width: 35px;
    margin: 0px 0px 0px;
}

.fichacoleccion .infocoleccion {
    float: right;
    width: calc(100% - 40px);
    margin: 0px 0px 0px;

}

.fichacoleccion .infocoleccion a, .fichacoleccion .infocoleccion span {
    float: left;
    clear: left;

}

.fichacoleccion .expansioncartacaja a:hover {
    text-decoration: none;
}


.cajaopcionescarta {
    float: left;
    width: 98%;
    position: relative;
    bottom: 0px;
    margin-top: 15px;
    font-size: 0.9em;
    height: 200px;
}

.mitadizqda .cajaopcionescarta, .div_finpedido .cajaopcionescarta {
    height: auto;
    width: 100%;
    margin-top: 0px;
}

.cajaopcionescartabuylist {
    float: left;
    width: 100%;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.preciocartabuylist {
    float: left;
    width: 100%;
    text-align: center;
}

.preciocartabuylist .cabecerotabla {
    float: left;
    margin-bottom: 10px;
    margin-right: 7px;

}

.mitadpreciobuylist {
    float: left;
    width: 50%;
    margin: 0px 0px 10px 0px;
}

.preciocartabuylist .cabecerotabla.preciotucarta {
    width: calc(70% - 7px);
}

.preciocartabuylist .cabecerotabla.cantidad {
    width: calc(30% - 7px);
}

.preciocartabuylist .cabecerotabla.preciototal {
    width: calc(80% - 7px);
}

.preciocartabuylist .cabecerotabla.vender {
    width: 20%;
    margin-right: 0px;

}

.preciocartabuylist .valortabla {
    border: 2px solid #f8f8f8;
    float: left;
    padding: 0px 0px 4px;
    font-size: 1.4em;
    margin-right: 7px;
}

.preciocartabuylist .valortabla.preciotucarta {
    width: calc(70% - 11px);
}

.preciocartabuylist .valortabla.cantidad {
    width: calc(30% - 11px);
}

.preciocartabuylist .valortabla.preciototal {
    width: calc(80% - 11px);
    font-weight: 500;
}

.preciocartabuylist .valortabla.vender {
    width: 20%;
    margin-right: 0px;
    border: 0px;
}

.formulario_buylist input[type=submit] {
    background: #e60615 url(../../boton-anadir-cesta-b12daf725aeeb6f0bfc5abfc70938639.svg) no-repeat scroll center 0px;
    width: 100%;
    margin: 0px 0% 0px;
    text-indent: -15000px;
    border: 0px;
    height: 41px;
    cursor: pointer;
}

.formulario_buylist input[type=submit]:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}

#fondopopupcestaitems .cajaopcionescarta {
    float: left;
    width: calc(100% - 20px);
    position: relative;
    bottom: unset;
    font-size: 0.9em;
    height: auto;

}


.titulocajacaracteristicas {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 3px;
    border-bottom: 2px solid #f8f8f8;
    font-family: 'Oswald';
    font-weight: 200;
    color: #363f45;
    text-transform: uppercase;
    line-height: 1.7em;
    font-size: 1em;
}

.cajabuylist .titulocajacaracteristicas {

    border-bottom: 0px solid #f8f8f8;

}

.cabecerotabla {
    font-family: 'Oswald';
    font-weight: 400;
    color: #363f45;
    text-align: center;
    font-size: 1.1em;

}

.cajabuylist .cabecerotabla {

    font-size: 1em;

}

.mitadpreciobuylist .cabecerotabla {

    line-height: 1em;

}

.celdatabla {
    font-family: 'Oswald';
    font-weight: 300;
    color: #363f45;
    text-align: center;
    font-size: 1.1em;

}

.cajabuylist .celdatabla {

    font-size: 1em;

}

.cell_producto_order {
    display: table-cell;
    width: 11%;
    float: left;
    padding: 10px 0px 10px;
    height: 20px;
}

.cajabuylist .cell_producto_order {
    display: table-cell;
    width: calc(30% - 1px);
    float: left;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 10px 0px 10px;
    height: 20px;
    background-color: #f8f8f8;
    position: relative;
}

.cajabuylist .cell_producto_order.corta {
    width: calc(20% - 1px);
}

#fondopopupcestaitems .celdatabla {
    font-size: 1.1em;
}

#fondopopupcestaitems .cell_producto_order {
    display: table-cell;
    width: auto;
    float: left;
    padding: 10px 0px 10px;
    height: 20px;
    margin-right: 5px;
    font-weight: 500;
}

#fondopopupcestaitems .cajafilapreciocesta .cell_producto_order {
    float: right;

}

.cell_producto_order.cesta {
    padding: 7px 0px 13px;
}

.cell_producto_order.caracteristicas {
    width: 30%;
}

.cell_producto_order.stock {
    width: 9%;
}

.cell_producto_order.precio {
    width: 17%;
}

.cell_producto_order.subtotal {
    width: 20%;
    font-weight: 400;
}

.cell_producto_order.cantidad {

    font-weight: 400;
}

.cell_producto_order.even {
    background-color: #f8f8f8;
}

.cell_producto_order img {
    /*margin-top: 0px;*/
}

.cajafilapreciocesta select {
    float: left;
    margin: 3px 8px 0px 0px;
}

.eleccionbuylist {
    margin: 0px 3px -1px;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all 0.25s ease;

}

.opcionesfiltro .eleccionbuylist {
    margin: 2px 4px -3px;
}

.eleccionbuylist.activado {
    transform: rotate(180deg);
    transition: all 0.25s ease;
}

.menuopciones {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 5;
    background-color: #f8f8f8;
    top: 41px;
    font-size: 1.1em;
}

.opcionesfiltro .menuopciones {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 5;
    background-color: #fff;
    top: 41px;
    font-size: 1.1em;
}

.opcion_a_elegir {
    float: left;
    width: 100%;
    text-align: center;
    cursor: pointer;
    padding: 0px 0px 15px;
}

.opcion_a_elegir:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}

.cabecerotabla.cell_producto_order {
    height: 25px;
    padding: 7px 0px;
}

.cajabuylist .cabecerotabla.cell_producto_order {
    height: 30px;
    padding: 9px 0px 0px;
}

.bandera {
    box-shadow: 1px 1px 4px 0px #333;
    width: 70%;
    max-width: 30px;
    margin-top: 3px;
}

.opcionesfiltro .bandera {
    box-shadow: 1px 1px 4px 0px #333;
    width: 100%;
    max-width: 30px;
    margin-top: 0px;
}

#fondopopupcestaitems .bandera {
    width: 90%;
    max-width: 30px;
    margin-top: 3px !important;
    float: left;
}

.icono_estado {
    width: 22px;
    /*width:18px;*/
}

.icono_cesta {
    width: 36px;
    cursor: pointer;
}

.icono_cesta:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}

.cajafilascartas {
    float: left;
    width: 100%;
    max-height: 165px;
    padding-right: 0px;
    overflow-y: auto;

}

.cajafilascartascesta {
    float: left;
    width: 100%;
    padding-right: 0px;
}

.cajafilapreciocesta {
    float: right;
    width: 70%;
    margin-top: 10px;
}

.cajafilapreciocesta a {
    float: right;

}


.mCSB_outside + .mCSB_scrollTools {
    right: -15px !important;
    top: -17px;
    bottom: -15px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 1px !important;
    background-color: #abb8c0 !important;
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px !important;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /*background-color: #000;
    background-color: rgba(0,0,0,0.3);*/
    background-color: #abb8c0 !important;
}


/*
 *  STYLE 1

.cajafilascartas::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 100px;
	background-color: #F5F5F5;
}

.cajafilascartas::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.cajafilascartas::-webkit-scrollbar-thumb
{
	border-radius: 100px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
*/


.pagination {
    float: left;
    width: 100%;
    margin: 20px 0px;
    font-family: 'Oswald';
    font-weight: 400;
    color: #363f45;
}

.pagination a, .pagination span {
    color: #363f45;
    float: left;
    margin: 0px 4px;
}

.pagination span.currentStep {
    color: #e60615;

}

.responsive, .responsivesmall {
    display: none;
}


.recp_popup h2 {
    float: left;
    width: 80%;
    font-family: 'NewGroteskSquareTHREE';
    font-weight: normal;
    color: #363f45;
    text-transform: uppercase;
    margin-top: 0px;
    font-size: 2.2em;
    margin-bottom: 10px;
}

#busq_avanzado h2 {
    float: left;
    width: 80%;
    font-family: 'NewGroteskSquareTHREE';
    font-weight: normal;
    color: #363f45;
    text-transform: uppercase;
    margin-top: 0px;
    font-size: 2.2em;
    margin-bottom: 10px;
}

.cierrepopup {
    float: right;
    cursor: pointer;
    margin-top: 9px;
    margin-right: -80px;
}

.cierrepopup:hover {
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: .70;
}

.cierrecuenta {
    float: right;
    cursor: pointer;
    margin-top: 4px;
    margin-right: 1px;
    display: none;
}

.cierresearchresponsive {
    float: right;
    cursor: pointer;
    margin-top: 44px;
    margin-right: 20px;
    display: none;
}

.cierrecesta {
    float: right;
    cursor: pointer;
    margin-top: 41px;
    display: none;
}

.cierrecesta:hover {
    filter: alpha(opacity=70);
    -moz-opacity: .70;
    opacity: .70;
}

#filtroprecio {
    float: left;
    width: 97%;
    margin-top: 36px;
    margin-left: 8px;
}

.formulario_popup label {
    float: left;
    width: 100%;
    margin: 0px 0px 8px;
    font-family: 'Oswald';
    font-weight: 500;
    color: #363f45;
}

.formulario_pagotorneo label {
    float: left;
    width: auto;
    margin: 10px 10px 10px 0px;
    font-weight: 400;
}

.formulario_popup input, .formulario_popup select, #formulario_colecciones input, .formulario_pagotorneo input[type=text] {
    float: left;
    width: calc(100% - 22px);
    margin: 0px 0px 25px;
    font-family: 'Oswald';
    font-weight: 500;
    color: #363f45;
    height: 30px;
    border: 1px solid #363f45;
    padding: 4px 10px;
    font-size: 1.1em;
}

.formulario_pagotorneo input[type=submit] {
    float: right;
    width: auto;
    margin: 0px 0px 10px 0px;
    padding: 8px 10px;
}

#formulario_colecciones {
    float: left;
    width: 40%;
    position: relative;
    margin-bottom: 30px;
}

#formulario_colecciones input {
    font-family: 'Oswald';
    font-weight: 300;
    font-size: 1em;
    color: #abb8c0;
}


#formulario_colecciones input[type=submit] {
    float: right;
    background: #fff url(../images/lupa-buscador.png) no-repeat scroll 2px 9px;
    width: 30px;
    margin: 2px 0px 0px 5px;
    height: 36px;
    border: 0px;
    padding: 0px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 5px;
}

.formulario_popup select {

    background: url(../images/flecha-dropdown-formularios.png) no-repeat calc(100% - 7px) 12px #fff !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    height: 40px !important;
    width: 100% !important;
}


.formulario_popup input[type=submit], .formulario_cesta input[type=submit], .boton {
    float: left;
    width: 60%;
    margin: 80px 20% 8px;
    font-family: 'Oswald';
    font-weight: 500;
    color: #fff;
    background-color: #282828;
    text-transform: uppercase;
    height: 40px !important;
    cursor: pointer;
    border: 0px;
    text-align: center;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

#formulario_nuevadireccion input[type=submit] {
    background: #fff url(../../check-guardar-nueva-direccion-85d80c0f2d6097b14861fae32e4233cf.svg) no-repeat scroll 10px 0px;
    width: 110px;
    margin: 0px;
    color: #282828;
    border: 0px solid #282828;
    border-left: 1px solid #282828;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-size: auto;
    height: 22px !important;
    font-size: 1em;
    text-align: left;
    padding: 0px 0px 0px 45px;
    font-weight: 400;
}

.bordegris #formulario_nuevadireccion input[type=submit] {
    margin: 4px;
    width: 95px;
    height: 15px !important;
    font-size: 0.8em;
    padding: 0px 0px 0px 36px;

}

#formulario_nuevadireccion input[type=submit]:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}

.formulario_cesta input[type=submit] {
    background: #e60615 url(../images/flecha-boton-finalizar-compra.png) no-repeat scroll calc(100% - 60px) 15px;
    width: 80%;
    margin: 30px 10% 8px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}


.boton {
    height: 24px !important;
    padding: 8px 0px;
    margin-top: 80px;
}

.boton.botonblanco {
    background-color: #fff;
    color: #282828;
    border: 1px solid #282828;
    width: calc(60% - 2px);
    height: calc(24px - 2px) !important;
}

.boton.botonsmall {
    width: calc(24% - 2px);
    margin: 80px 38% 8px;

}

.textoform {
    float: left;
    height: 22px !important;
    padding: 8px;
    border: 1px solid #282828;
    background-color: #fff;
    color: #282828;
    font-family: 'Oswald';
    margin-bottom: 10px;
}

.textoparrafoform {
    border: 1px solid #282828;
    background-color: #fff;
    color: #282828;
    font-family: 'Oswald';
    float: left;
    width: 96%;
    height: 100px;
    padding: 5px;
}

.boton.botonseguido {
    margin: 0px 10px 0px;
}

.boton.botonrojo {
    background-color: #e60615;
    color: #fff;
    border: 1px solid #fff;
    width: calc(60% - 2px);
    height: calc(24px - 2px) !important;
}

.boton.botonsubmit {
    height: 40px !important;

}

.formulario_popup input[type=submit].masbotones, .boton.masbotones {
    margin-top: 20px;

}

.formulario_cesta .boton.botonblanco {
    margin-top: 10px;
    width: calc(80% - 2px);
    margin-left: 10%;
}

.formulario_popup input[type=submit]:hover, .formulario_cesta input[type=submit]:hover, .boton:hover {
    background-color: #abb8c0;
    color: #fff;
    /*color: #282828;*/
    text-decoration: none;
}

.linkforgotpassword {
    float: right;
    width: 50%;
    text-align: right;
    font-weight: 500;
    cursor: pointer;
}

.linkforgotpassword:hover {
    text-decoration: underline;
}


/* The container */
.formulario_popup label.container {
    width: auto;
    margin-bottom: 30px;
    margin-right: 28px;
    margin-top: 8px;
    font-weight: 400;
}

.formulario_popup label.labeldestino {
    margin-right: 40px;
}

.formulario_popup label.ultimo {
    margin-right: 0px !important;
}

.labelkeepsession {
    max-width: calc(50% - 28px);
}

/* Customize the label (the container) */
.container_check {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;

    font-size: 1em;
    line-height: 1.4em;
    font-family: 'BentonBook', sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */
.container_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark_check {
    position: absolute;
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #211914;
}

/* On mouse-over, add a grey background color */
.container_check:hover input ~ .checkmark_check {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container_check input:checked ~ .checkmark_check {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark_check:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container_check input:checked ~ .checkmark_check:after {
    display: block;
}

/* Style the checkmark/indicator */
.container_check .checkmark_check:after {
    left: 7px;
    top: -5px;
    width: 5px;
    height: 16px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.container {

    display: inline-block;
    position: relative;
    padding-left: 21px;

    cursor: pointer;
    font-size: 0.85em;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #363f45;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
    top: 4px;
    left: 4px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #e60615;
}


.chosen-wrapper {
    margin: 0 auto 25px;
    width: 100%;
    position: relative;
    float: left;
    font-family: 'Oswald';
    font-weight: 500;
    color: #363f45;
    font-size: 1rem;
}

.cajabuylist .chosen-wrapper {
    margin: 0 auto 0px;
    font-weight: 300;
    font-size: 0.8em;
}

.chosen-wrapper:after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 13px;
    right: 9px;
    width: 23px;
    height: 18px;
    /*border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.5);*/
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 9;
    background: url(../images/flecha-dropdown-formularios.png) no-repeat 0px 0px #fff !important;
}

.chosen-wrapper.selectcantidadproducto:after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 7px;
    right: 4px;
    width: 11px;
    height: 11px;
    /*border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.5);*/
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 9;
    background: url(../images/flecha-dropdown-cantidad.png) no-repeat 0px 0px transparent !important;
}

.cajabuylist .chosen-wrapper:after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 11px;
    right: 4px;
    width: 16px;
    height: 18px;
    /*border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.5);*/
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 9;
    background: url(../../flecha-dropdown-cantidad-ficha-d47ba2b37c16f6a0789138ea9ed2a61a.svg) no-repeat 0px 0px #fff !important;
}

.chosen-wrapper.is-active:after {
    border-top: 0px solid black;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.chosen-container {
    font-size: 1.1em !important;
}

.chosen-wrapper .chosen-container .chosen-single {
    border-radius: 0;
    height: 40px;
    border: 1px solid #363f45;
    /*font-size: 22px;*/
    /*color: rgba(0, 0, 0, 0.5);*/
    padding: 4px 10px;
    /*line-height: 66px;*/
    transition: all 0.3s ease;
    box-shadow: none;
    background: #fff;
}

.chosen-wrapper.selectcantidadproducto .chosen-container .chosen-single {
    border-radius: 0;
    height: 23px;
    border: 0px solid #363f45;
    border-bottom: 1px solid #363f45;
    background: #fff;
    font-weight: 300;
    font-size: 14px;
    padding: 0px;
    margin-top: -6px;
    transition: all 0.3s ease;
    box-shadow: none;
    background: transparent;
}

.cajabuylist .chosen-wrapper .chosen-container .chosen-single {
    height: 33px;
    border: 2px solid #fff;
    padding: 0px 0px 10px;
}

.chosen-wrapper .chosen-container .chosen-single b {
    display: none !important;
}

.chosen-wrapper .chosen-container .chosen-single span {
    letter-spacing: 0;
    padding: 0;
    line-height: 1.6em;
    float: left;
    margin-right: 0px;
    width: calc(100% - 20px);
}

.chosen-wrapper.selectcantidadproducto .chosen-container .chosen-single span {
    width: calc(100% - 15px);
}

.chosen-wrapper .chosen-container.chosen-with-drop .chosen-single {
    border-width: 2px 2px 1px;
    border-color: #363f45 #363f45 #363f45;
    color: #000;
    background-image: none;
}

.chosen-wrapper .chosen-container.chosen-with-drop .chosen-drop {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.chosen-wrapper .chosen-container.chosen-container-single-nosearch .chosen-search {
    display: none;
}

.chosen-container .chosen-drop {
    z-index: 50;
}

.chosen-wrapper .chosen-container .chosen-drop {
    letter-spacing: 0;
    border-radius: 0;
    box-shadow: none;
    border-width: 0 2px 2px;
    border-color: #000;
    margin-top: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    opacity: 0;
}

.chosen-wrapper .chosen-container .chosen-results {
    /*font-size: 22px;*/
    color: #000;
    max-height: 245px;
    margin: 0;
    padding: 0;
}

.chosen-wrapper .chosen-container .chosen-results li {
    padding: 8px 10px 10px;
    width: calc(100% - 0px);
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -o-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    line-height: 1.6em;
}

.chosen-wrapper .chosen-container .chosen-results li.highlighted {
    background-color: #eeeeee !important;
    color: #000;
    background-image: none;
}

.chosen-wrapper--style2:after {
    right: 0;
}

.chosen-wrapper--style2:before {
    content: "";
    width: 0;
    border-top: 2px solid #000;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: all 0.2s cubic-bezier(0.06, 1, 0.89, 0.85);
}

.chosen-wrapper--style2.is-active:before {
    width: 100%;
}

.chosen-wrapper--style2 .chosen-container .chosen-single {
    border-width: 0 0 2px;
    padding: 0;
}

.chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-single {
    border-width: 0 0 2px;
}

.chosen-wrapper--style2 .chosen-container.chosen-with-drop .chosen-drop {
    opacity: 1;
    visibility: visible;
    transform: translateY(5px);
}

.chosen-wrapper--style2 .chosen-container .chosen-drop {
    border-color: #d9d9d9;
    border-top: 2px solid #d9d9d9;
}

.chosen-wrapper--style2 .chosen-container .chosen-results li {
    padding: 16px 15px 18px;
}

/*ScrollBox style*/
.nicescroll-rails {
    border-left: 1px solid #d9d9d9;
    transform: translate(-2px);
    top: 0 !important;
}

.nicescroll-rails .nicescroll-cursors {
    width: 6px !important;
    margin-right: 2px;
}

.link {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px;
}

.link a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #000;
}

.link .fa {
    font-size: 28px;
    margin-right: 8px;
    color: #000;
}


footer {
    color: #abb8c0;
    background-color: #282828;
    float: left;
    width: 100%;
    font-size: 0.9em;
}

.pie {
    float: left;

    padding: 32px 40px;
    width: calc(100% - 80px);
    border-top: 1px solid #abb8c0;
    font-weight: 200;

}

.pie.mitad {
    border-top: 0px solid #abb8c0;
    width: calc(50% - 80px);
}

.pie.mitad.izqda {
    width: calc(50% - 81px);
    border-right: 1px solid #abb8c0;
}

.pie.creditos {
    font-size: 1em;
    text-align: center;
    color: #f8f8f8;
}

.contentmitadpie {
    float: left;
    width: 100%;
    max-width: 660px;
}

.pie.mitad.izqda .contentmitadpie {
    float: right;

}

#logopie {
    float: left;
    margin-right: 150px;
}

.recp_menupie {
    float: left;
    width: calc(100% - 330px);
    margin-top: 25px;
}

.menupie {
    float: left;
    width: 330px;
    height: 150px;
    margin: 0px 10px 20px;
}

.menupie a {
    float: left;
    clear: left;
    color: #abb8c0;
}

.menupie a:hover, .menupie a.current {
    color: #f8f8f8;
    text-decoration: none;
}

.titulopie {
    float: left;
    clear: left;
    text-transform: uppercase;
    font-weight: 400;
    color: #f8f8f8;
    width: 100%;
    font-size: 1.2em;
}

.menupie .titulopie {
    margin-bottom: 10px;
}

.rrss {
    float: right;
    margin: 0px 50px 20px 0px;
}


.rrss a {
    float: left;
    margin: 0px 30px 10px;
}

.datoscontacto {
    float: left;
    width: 100%;
    margin: 20px 0px 0px;
}

.datoscontacto a, .datoscontacto span {
    color: #abb8c0;
    float: left;
    margin-right: 40px;
    display: inline-block;
    margin-bottom: 10px;
}

.datoscontacto a:hover {
    color: #f8f8f8;
    text-decoration: none;
}

.nodesde1150 {
    display: inline;
}

.sidesde1150 {
    display: none;
}

.nodesde400 {
    display: block;
}


.sidesde400 {
    display: none;
}

.nodesde1415 {
    display: block;
}


.sidesde1415 {
    display: none;
}


.divslider {
    float: left;
    font-size: 0.85em;
    width: 100%;
    margin: 0px;
    margin-bottom: 0px;
    background-color: #fff;
    position: relative;
}

.divslider img {
    float: left;
    width: 100%;
    margin: 0px;

}

.esloganslider {
    position: absolute;
    font-family: 'NewGroteskSquareTHREE';
    font-size: 5em;
    line-height: 1.2em;
    top: 20%;
    left: 15%;
    width: 50%;
}

.eslogansliderbuylist {
    position: absolute;
    top: 10%;
    left: 40%;
    width: 50%;
    color: #abb8c0;
    text-align: center;
}

.eslogansliderbuylist h3 {
    font-family: 'NewGroteskSquareTHREE';
    font-size: 3em;
    line-height: 1em;
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-weight: normal;
}

.eslogansliderbuylist p {
    font-family: 'Oswald';
    font-weight: 300;
    font-size: 1.2em;
    line-height: 1.7em;
    width: 100%;
    float: left;

}

.subtitulobuylist {
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.2em;
    width: 100%;
    float: left;
    margin: 0px 0px 20px;
}

.filtro {
    float: left;
    margin: 0px 20px 15px 0px;
}


.filtro.order {
    float: right;
    margin: 0px 15px 15px 10px;
    padding-left: 33px;
    border-left: 1px solid #abb8c0;

}

.filtro.cajanombre {
    width: 280px;

}

.titulofiltro {
    float: left;
    font-weight: 400;
    margin: 10px 0px 10px;
}

.opcionesfiltro {
    float: left;
    clear: left;
    position: relative;
}

.opcionesfiltro.filtroimagenes > span {
    float: left;
    margin: 8px 5px 0px 10px;
}

.opcionesfiltro.filtroimagenes .menuopciones > span {
    float: left;
    margin: 5px 0px -10px;
}

.opcionesfiltro input, .opcionesfiltro select {
    color: #363f45;
    height: 30px;
    border: 1px solid #abb8c0;
    padding: 4px 10px;
    font-family: 'Oswald';
    font-weight: 300;
}

.opcionesfiltro select {
    height: 40px;
    background: transparent url(../images/flecha-dropdown-filtros.png) no-repeat right center scroll;
    background-position: calc(100% - 4px) center;
    padding-right: 18px;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.filtro.order .opcionesfiltro select {
    width: 180px;
}

.filtro.cajatexto .opcionesfiltro select {
    width: 200px;
}

.filtro.cajatextosmall .opcionesfiltro select {
    width: 120px;
}

.opcionesfiltro.filtrobuscador, .opcionesfiltro.filtroimagenes {
    border: 1px solid #abb8c0;
    height: 38px;
}

.opcionesfiltro.filtrobuscador {
    width: 100%;
}

.opcionesfiltro.filtrobuscador input {
    color: #363f45;
    height: 24px;
    border: 0px solid #363f45;
    padding: 4px 10px;
    font-family: 'Oswald';
    font-weight: 300;
    margin: 3px 0px 0px 0px;
    width: calc(100% - 110px);
}

.opcionesfiltro.filtrobuscador input[type=submit] {
    background-color: #fff;
    color: #363f45;
    height: 24px;
    padding: 4px 10px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    border-left: 1px solid #363f45;
    float: right;
    width: 80px;
    margin-top: 7px;
}

.opcionesfiltro.filtrobuscador input[type=submit]:hover {

    color: #abb8c0;

}

.colorrelleno {
    float: left;
    width: 20px;
    height: 20px;
    border: 1px solid #363f45;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    left: 50%;
    position: relative;
    margin: 0px 13px 5px -11px;
}

.blan {
    background-color: white;
}

.negr {
    background-color: black;
}

.rojo {
    background-color: red;
}

.azul {
    background-color: blue;
}

.verd {
    background-color: green;
}

.amar {
    background-color: yellow;
}

#verfiltros {
    float: right;
}

#formulario_filtros {
    height: auto;
    transition: all 0.25s ease;
    float: left;
    /*overflow:hidden;*/
    width: 100%;
}


#flechafiltros {
    margin: 0px 3px -1px;
    cursor: pointer;
    transform: rotate(0deg);
    transition: all 0.25s ease;

}

#flechafiltros.activado {
    transform: rotate(180deg);
    transition: all 0.25s ease;

}

.fichaproducto {
    float: right;
    width: 47%;
    margin-right: 5%;
    background-color: #fff;
    margin-top: -50px;
    padding-bottom: 50px;
}

.filaficha {
    padding: 12px 30px;
    width: calc(100% - 60px);
    height: auto;
    float: left;
    font-size: 1.1em;
    font-weight: 300;
}

.filaficha hr {
    float: left;
    width: 100%;
    border-top: 1px solid #282828;
    margin-top: 5px;
}

.filaficha.cabecera {
    font-weight: 500;
    padding: 20px 30px;
}

.filaficha.even {
    background-color: #f8f8f8;
}

.labelficha {
    float: left;
    width: 50%;
}

.valorficha {
    float: left;
    width: 50%;
}

.valorficha.anchocompleto {
    margin: 10px 0px 20px;
    width: 100%;
}


#separacionfichaproducto {
    float: right;
    background: #fff;
    display: inline-block;
    height: 0px;
    margin-left: 0px;
    margin-top: 50px;
    position: relative;
    width: 100px;
    transform: rotate(90deg);
}

#separacionfichaproducto:before {
    border-bottom: 22px solid #fff;
    border-left: 39px solid transparent;
    border-right: 34px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -2px;
    width: 0;
}


#pagecarta .seccionprincipal .cajaproducto {
    float: right;
    width: 48%;
    height: auto;
    padding: 15px 25px;
}

#pagecarta .seccionprincipal .imagencarta {
    float: left;
    max-width: 250px;
    width: 40%;
    margin-bottom: 20px;
    margin: 30px 30%;
}

#pagecarta .seccionprincipal .celdatabla {
    font-size: 1.3em;
    line-height: 1.8em;
}

#pagecarta .seccionprincipal .icono_cesta {
    width: auto;
    cursor: pointer;

}

#pagecarta .seccionprincipal .icono_estado {
    width: 32px;
}

#pagecarta .seccionprincipal .bandera {
    max-width: 36px;
}

#pagecarta .seccionprincipal .cell_producto_order {
    height: 36px;
}

#pagecarta .seccionprincipal .cabecerotabla.cell_producto_order {
    font-size: 1.1em;
    height: 25px;
}

#pagecarta .cajafilascartas, #pagecarta .caracteristicascarta, #pagecarta .cajaopcionescarta {
    max-height: none;
    height: auto;
    overflow-y: visible;
    position: relative;
    clear: both;
    width: 100%;
    margin: 10px 0px;
}

#pagecarta .titulocajacaracteristicas {
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 1.2em;
    border-bottom: 5px solid #f8f8f8;
}

#pagecarta .seccionprincipal .enlacecondiciones {
    float: right;
    text-align: right;
    margin: 10px 0px;
}


#fondomenuancla {
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: none;
}

#fondomenuancla:hover {
    filter: alpha(opacity=80);
    -moz-opacity: .80;
    opacity: .80;
}


.paginacion {
    float: left;
    width: 100%;
    margin: 30px 0px;
    text-align: right;
}

.paginacion a {
    margin: 0px 5px;
}


.cajacolecciones {
    float: left;
    width: calc(30.5% - 1px);
    margin: 30px 2% 30px 0px;
    border-right: 1px solid #363f45;
    padding-right: 2%;
}

.cajacolecciones.ultimacolumna {
    margin: 30px 0% 30px 0px;
    border-right: 0px solid #363f45;
    padding-right: 0%;

}

.bannersuperior {
    float: left;
    margin-bottom: 128px;
}

.bannerinferior {
    float: left;
    width: 100%;
    margin: 30px 0px;
}

.encabezadoapartado {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-weight: 400;
}

.tabla {
    margin-bottom: 20px;
    float: left;
    width: calc(100% - 30px);
    padding: 15px;
    text-align: center;
}

.tabla1 {
    background-color: #f8f8f8;
    float: left;

    border: 2px solid #f8f8f8;
    border-top: 4px solid #f8f8f8;

}

.tablalistado {
    background-color: #fff;
    float: left;
    border: 2px solid #f8f8f8;
}

.tabla1:hover {
    border-top: 4px solid #e60615;
}

.itemtabla {
    float: left;
    width: 100%;
    border-bottom: 1px solid #f8f8f8;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.itemtabla.ultimoitemtabla {
    border-bottom: 0px solid #ccc;
}

.titulotabla {
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.masinfo {
    float: right;
    text-transform: uppercase;
    font-weight: 400;
    color: #abb8c0;
    font-size: 0.7em;
    margin-top: 10px;
}

.tablade3 {
    float: left;
    width: calc(30% - 34px);
    margin-right: 5%;

}

.tablade2 {
    float: left;
    width: calc(47.5% - 34px);
    margin-right: 5%;

}

.tablafinal {
    margin-right: 0;
}


.tablalistado .boton {
    margin-top: 0px;
    width: calc(100% + 32px);
    margin: 10px 0px -17px -17px;
    font-size: 0.8em;
    padding: 10px 0px 6px;
}

.tituloseccion {
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2em;
}

.subtituloseccion {
    float: left;
    width: 100%;
    text-align: center;
    color: #abb8c0;
}

.zonagris {
    background-color: #f8f8f8;
    float: left;
    width: 100%;
    margin: 50px 0px;
}

.areacontacto {
    float: left;
    width: 33%;
    font-weight: 500;
    text-align: center;
    margin: 35px 0px 10px;
}

#iconomail img {
    width: 36px;
}

#iconotfno img {
    width: 30px;
}

#iconodir img {
    width: 26px;
}

.txt_areacontacto {
    float: left;
    width: calc(100% - 20px);
    margin: 20px 10px;
}

#iconomail .txt_areacontacto {
    margin-top: 23px;
}

#iconotfno .txt_areacontacto {
    margin-top: 20px;
}

#iconodir .txt_areacontacto {
    margin-top: 12px;
}


.titulotorneos {
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 2em;
    margin: 20px 0px 120px;
    font-weight: 500;
}

.cabecero_diasemana, .semana {
    float: left;
    width: 100%;
    margin: 0px 0px 20px;
}

#calendarioresponsive .cabecero_diasemana, #calendarioresponsive .semana {
    margin: 0px 0px 5px;

}

.diasemana {
    float: left;
    width: 13.5%;
    margin-right: 0.9%;
    margin-bottom: 20px;
    text-align: center;

}

.vistadia {
    display: none;
}

.diasemana.vistadia {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    float: left;
    width: 100%;
    margin-right: 0%;
    margin-top: 70px;
    margin-bottom: 20px;
    text-align: center;
    background-color: #eaebea;
    position: relative;
    overflow: hidden;
    height: 500px;
}

#calendarioresponsive .diasemana {
    margin-bottom: 5px;

}

.cabecero_diasemana .diasemana {
    color: #abb8c0;

    font-size: 2em;
    font-family: 'NewGroteskSquareTHREE';
}

#calendarioresponsive .cabecero_diasemana .diasemana {
    font-size: 3rem;
    text-transform: uppercase;
    font-family: 'NewGroteskSquareTHREE';
}

.diasemana.ultimodia {
    margin-right: 0;

}

.semana .diasemana {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    background-color: #f8f8f8;
    height: 280px;
    overflow: hidden;
    position: relative;
}

#calendarioresponsive .semana .diasemana {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-color: #fff;
    font-family: 'Oswald';
    font-weight: 500;
    color: #363f45;
    font-size: 2.5rem;
    height: 60px;
    overflow: hidden;
    position: relative;

}

.semana .diasemana.diadiferente {
    background-color: #eaebea;
}

.semana.par .diasemana {
    background-color: #eaebea;
}

.semana.par .diasemana.diadiferente {
    background-color: #f8f8f8;
}

.esquinaroja {
    background-color: #e60615;
    position: absolute;
    top: 0px;
    width: 135px;
    height: 50px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    left: 60%;
    z-index: 0;
}

.vistadia .esquinaroja {
    background-color: #e60615;
    position: absolute;
    top: 0px;
    width: 135px;
    height: 50px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    left: 90%;
    z-index: 0;
}

.numdia {
    color: #fff;
    position: absolute;
    top: 5px;
    width: auto;
    right: 8px;
    z-index: 1;

    text-align: right;
    font-size: 1.5em;
    font-family: 'NewGroteskSquareTHREE';
}

.vistadia .numdia {
    color: #fff;
    position: absolute;
    top: 5px;
    width: auto;
    right: 8px;
    z-index: 1;

    text-align: right;
    font-size: 2em;
    font-family: 'NewGroteskSquareTHREE';
}


#calendarioresponsive .tienetorneo {
    float: left;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    color: #fff;
    position: relative;
    top: unset;
    width: 60px;
    right: unset;
    z-index: 1;
    background-color: #e60615;
    text-align: center;
    font-size: 2.5rem;
    font-family: 'Oswald';
    font-weight: 500;
    cursor: pointer;
    left: 50%;
    margin-left: -30px;
}

.cajatorneos {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.8em;
}

.cajatorneos.hay1o2torneos {
    font-size: 1.8em;
}

.cajatorneos.hay3o4torneos {
    font-size: 1.1em;
}

#calendarioresponsive .cajatorneos {
    font-size: 1.2em;
}

#calendarioresponsive .cajatorneos.hay1o2torneos {
    font-size: 2.8em;
}

#calendarioresponsive .cajatorneos.hay3o4torneos {
    font-size: 2.1em;
}

.torneodia {
    float: none;
    margin: 0px 2px;
    color: #e60615;
}

.hay1o2torneos .torneodia .ss {
    width: 100%;
}

.torneohora {
    float: none;
    margin: 0px 2px;
}


.cajatorneos.hay1o2torneos .torneohora, .cajatorneos.hay3o4torneos .torneohora {
    width: 100%;
    font-size: 0.7em;
    float: left;
}


.divtorneo {
    float: left;
    width: 100%;
    border-top: 1px solid #282828;
    margin-top: 4px;
    padding-top: 4px;
}

.divtorneo.primerdivtorneo {
    border-top: 0px solid #282828;
}


#calendarioescritorio {
    display: block;
}

#calendarioresponsive {
    display: none;
    float: left;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border: 1px solid #282828;
    padding: 100px 45px 140px;
    width: calc(100% - 90px);
}


@media screen and (max-width: 1415px) {

    .nodesde1415 {
        display: none;
    }

    .sidesde1415 {
        display: block;
    }

    .seccionprincipal {
        margin-top: 15px;
    }

    .content {
        left: 0;
        margin-left: 0px;
    }

    #main .content {
        left: 0;
        margin-left: 20px;
        width: calc(100% - 40px);
    }

    #recp_utilidades {
        width: auto;
        left: unset;
        margin-left: 0px;
        max-width: unset;
        float: right;
    }

    #pagecarta .seccionprincipal .cajaproducto {
        width: 655px;
    }

    .fichaproducto {
        width: calc(100% - 695px);
        margin-right: 40px;
    }

    #separacionfichaproducto:before {
        top: -32px;
    }

    .labelficha {
        float: left;
        width: 50%;
    }

    .valorficha {
        float: left;
        width: 50%;
    }

    .cajafiltros.middlebox-fijo {
        left: 0;
        margin-left: 20px;
        width: calc(100% - 40px);

    }

    .pagegris .seccionprincipal h2 {
        margin-bottom: 30px;
    }

    #menu {
        float: left;
        margin: 27px 12px 0px 0px;
    }

    .cuerpoformulario {
        width: 157px;
    }

    #inputbuscador {
        width: 145px;
        height: 18px;
        margin-top: 3px;
    }

    #cesta {
        margin: 38px -15px 0px 15px;
    }

    #buscadorheader {
        width: 400px;
        margin: 34px 0px 0px -12px;
    }

    #submitbuscador {
        float: right;
        background: #fff url("../../lupa-buscador-709d1d9c0398be8aca8b8bfa7cc18282.svg") no-repeat scroll 0px 5px;
        width: 30px;
        margin: 0px 0px 0px -165px;
        height: 36px;
        border: 0px;
        padding: 0px;
        cursor: pointer;
        position: absolute;
    }

    #formulario_buscador {
        float: left;
        width: 96%;
        height: 40px;
        background-color: #fff;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
    }

    #contentheader {
        width: auto;
    }

    .cajaproducto, .cajabuylist .cajaproducto, .mitadizqda, .mitaddcha {
        /*width:682px;
	left:50%;
	margin-left:-341px;
	clear: both;*/
        width: 49%;
        margin-right: 0px;

        position: relative;
    }

    .cajaproducto.impar, .mitadizqda {
        /*margin-right:0px;*/
        margin-right: 2%;

    }

    .div_finpedido.cajabuylist .cajaproducto {
        width: 682px;
    }

    .mitadizqda .cajaproducto {
        margin-right: 0px;
        width: 100%;
        height: auto;
    }


    #fondopopupcestaitems .cajaproducto {
        left: 0%;
    }

    #idiomas {
        margin: 44px 0px 0px 0px;
    }

    #cuenta {
        width: 90px;
    }

    .rrss {
        margin: 30px 50px 20px 0px;
    }

    .filtro.order {
        float: left;
        margin: 10px 0px 15px 0px;
        padding-left: 0px;
        padding-top: 0px;
        border-left: 0px solid #abb8c0;
        border-top: 1px solid #abb8c0;
        width: 100%;
    }

    .cajabuylist .cabecerotabla {
        font-size: 0.9em;
    }

    /*
.caracteristicas  .icono_estado {
	float:left;
	margin:0px -1px;
}
.caracteristicas  .icono_estado:first-child {
	margin-left:5px;
}
*/
}

@media screen and (max-width: 1300px) {
    #formulario_filtros {
        height: 0px;
        overflow: hidden;
    }

    #formulario_filtros.activado {
        height: auto;
        transition: all 0.25s ease;
        float: left;
        overflow-y: auto;
    }

    .mitadizqda, .mitaddcha {
        width: 100%;
        margin-right: 0px;
    }

    .cajaitacoins {
        max-width: 100%;
    }

    .cajaproducto, .cajabuylist .cajaproducto, .cajafiltros, .mitadizqda .cajaproducto, .cajapedido {
        width: 682px;
        left: 50%;
        margin-left: -341px;
        clear: both;
        margin-right: 0px;

        position: relative;
    }

    .cajaproducto.impar {
        margin-right: 0px;

    }

    #pagecarta .seccionprincipal .cajaproducto {
        width: 575px;
        left: 0px;
        margin-left: 0px;
    }

    .fichaproducto {
        width: calc(100% - 615px);
        margin-right: 40px;
    }

    #separacionfichaproducto:before {
        top: -32px;
    }

    #pagecarta .seccionprincipal .caracteristicas .icono_estado {
        float: none;
        margin: 0px -2px;
    }

    .caracteristicas .icono_estado {
        float: none;
    }

    .cajabuylist .cabecerotabla {
        font-size: 1em;
    }

    #popupmenu a, #popupmenu #idiomas_tabl a {
        color: #363f45;
    }

    #popupmenu a:hover, #popupmenu a.current, #popupmenu #idiomas_tabl a:hover {
        color: #e60615;
        text-decoration: none;
    }

    .nodesde1150 {
        display: none;
    }

    .sidesde1150 {
        display: inline;
    }

    .content {
        left: 0%;
        margin-left: 0px;

    }

    #logo {
        margin-right: -75px;
    }

    #logo, #logo a {
        float: right;
    }

    .menuresponsive {
        float: left;
        margin: 39px 10px 0px 20px;
    }

    #contentheader {
        width: 50%;
    }

    #idiomas {
        display: none !important;
    }

    i {
        font-size: 1.2em;
    }

    .menuresponsive i {
        font-size: 2em;
        color: #282828;
    }

    .pagebuylist .menuresponsive i {

        color: #fff;
    }

    #menu {
        float: left;
        margin: 0;
        position: absolute;
        top: 95px;
        border: 0px solid;
        border-top: 1px solid #eff0f1;
        border-left: 1px solid #eff0f1;
        padding: 5px;
        -webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
        box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
        left: 10px;
        background-color: #fff;
        z-index: 90;
    }

    .noresponsive {
        display: none;
    }

    .responsive {
        display: inline-block;

    }

    #recp_utilidades {
        float: right;
    }


    #cuenta, #cesta {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 0px;
    }

    #cuenta {
        padding-left: 28px;
        padding-right: 28px;
    }

    #cesta {
        margin-right: 10px;
    }

    .nombrecuenta img {
        margin: 2px 2px -2px 2px;
    }

    .cuerpoformulario {
        width: 295px;
    }

    #inputbuscador {
        width: 240px;
    }

    #buscadorheader {
        display: none;
        width: 430px;
        margin: 34px 0px 0px 50px;
    }

    #searchresponsive {
        float: right;
        margin: 42px 20px 0px 0px;
        color: #fff;
        position: relative;

    }

    #recp_utilidades.activado #searchresponsive {
        z-index: -1;
    }

    #searchresponsive.activado {
        /*color:#363f45;*/

    }

    #searchresponsive i {
        font-size: 1.2em;
    }

    .rrss {
        margin: 40px 0px 40px 0px;
    }

    .rrss a {
        float: left;
        margin: 0px 24px 10px;
    }

    #logopie {
        float: left;
        margin-right: 70px;
        width: 100px;
    }

    #logopie img {
        float: left;
        width: 100%;
    }

    .recp_menupie {
        float: left;
        width: calc(100% - 170px);
        margin-top: 25px;
    }


}


@media screen and (max-width: 1140px) {

    #buscadorheader {
        margin: 34px 0px 0px 0px;
    }

    .esloganslider {
        font-size: 3em;

    }

    .eslogansliderbuylist {
        top: 10%;
        left: 20%;
        width: 70%;
    }

    .eslogansliderbuylist h3 {
        font-size: 2em;
    }

    .eslogansliderbuylist p {
        font-size: 1em;
        line-height: 1.3em;
    }

    .subtitulobuylist {
        font-size: 1.2em;
        line-height: 1.2em;
        margin: 0px 0px 10px;
    }
}


@media screen and (max-width: 1024px) {
    .contentreducido {
        width: 100%;
        max-width: 100%;
        margin: 70px auto;
        padding: 0px 0px;
        float: left;
        left: 0%;
        margin-left: 0px;
        position: relative;
        box-sizing: content-box;
    }

    .bannersuperior {
        width: 100%;
    }

    .numdia {
        font-size: 1em;
    }
}


@media screen and (max-width: 980px) {


    #pagecarta .seccionprincipal .cajaproducto, .fichaproducto {
        width: 100%;
        margin-right: 0px;
        float: left;
        margin-top: 0px;
        left: 0px;
        margin-left: 0px;
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
    }

    #separacionfichaproducto {
        display: none;
    }

    #pagecarta .seccionprincipal .imagencarta {
        width: 40%;
        margin: 30px 30%;
    }


    .cajacolecciones {
        float: left;
        width: 46%;
        margin: 0px 2% 0px;
        border-right: 0px solid #363f45;
        padding-right: 0;
    }

    .cajacolecciones.ultimacolumna {
        margin: 0px 2% 50px;
        border-right: 0px solid #363f45;
        padding-right: 0%;
    }

    .div_finpedido {
        float: left;
        width: 100%;
        padding: 15px 15px 40px;
        border: 1px solid #f8f8f8;
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        background-color: #fff;
        margin: 0px 0% 40px;
        box-sizing: border-box;
        position: relative;
    }

    .div_finpedido .resumenpedido {
        float: left;
        width: 100%;
        margin: 0px 0% 30px 0px;
    }
}


@media screen and (max-width: 900px) {


    #calendarioescritorio {
        display: none;
    }

    #calendarioresponsive {
        display: block;
    }

}


@media screen and (max-width: 810px) {

    #buscadorheader {
        width: 430px;
        margin: 34px 0px 0px 20px;
    }

    .areacontacto {
        float: left;
        width: 90%;
        font-weight: 500;
        text-align: center;
        margin: 35px 5% 10px;
    }

}

@media screen and (max-width: 760px) {
    #idiomas {
        width: 35px;
        margin: 41px 0px 0px 5px;
    }

    #buscadorheader {
        width: 320px;
        margin: 34px 0px 0px 20px;
    }

    .cuerpoformulario {
        width: 185px;
    }

    #inputbuscador {
        width: 130px;
    }

    .rrss {
        margin: 40px 0px 20px 0px;
        float: left;
        width: 100%;
    }

    .rrss a {
        clear: left;

    }

    .esloganslider {
        font-size: 2.5em;

    }

    .eslogansliderbuylist {
        top: 10%;
        left: 5%;
        width: 90%;
    }

    .div_finpedido .cajaproducto, .div_finpedido.cajabuylist .cajaproducto {
        left: 0%;
        width: 100%;
        margin-left: 0%;
        margin-right: 0px;
        clear: both;
        position: relative;
    }

    .div_finpedido .caracteristicascarta {
        height: auto;
        width: 100%;
        float: right;
        margin: 0;
    }

    .vistadia .esquinaroja {

        top: -12px;
        width: 185px;
        height: 79px;

        left: 78%;

    }

    .vistadia .numdia {
        top: 7px;
        right: 11px;
    }
}

@media screen and (max-width: 700px) {

    .contentreducido_interior {
        width: 100%;
        margin: 0px 0px;
    }

    .cajaproducto, .cajabuylist .cajaproducto, .cajafiltros, .mitadizqda .cajaproducto, .cajapedido, .cajatorneopago {
        left: 0%;
        width: 100%;
        margin-left: 0%;
        margin-right: 0px;
        clear: both;
        position: relative;

    }

    .mitadizqda .caracteristicascarta, .cajabuylist.mitadizqda .caracteristicascarta {
        height: auto;
        width: 100%;
        float: right;
        margin: 0;
    }

    .recp_menupie {
        width: 100%;

    }

    .menupie {
        width: 48%;
        margin: 0px 2% 20px 0px;
    }

    .cajabuylist .cabecerotabla {
        /*font-size: 0.9em;*/

    }

    #main .content {
        left: 0;
        margin-left: 10px;
        width: calc(100% - 20px);
    }

    .cierrepopup {
        margin-right: 0px;
    }

}


@media screen and (max-width: 660px) {
    .icono_estado {
        width: 21px;
    }

}


@media screen and (max-width: 640px) {
    .cajafiltros.middlebox-fijo {
        top: 80px;

    }

    #fondomenuancla {

        bottom: 15px;

    }

    .icono_estado {
        width: 22px;
    }

    #pagecarta .seccionprincipal .cell_producto_order {
        height: 75px;
    }

    #pagecarta .seccionprincipal .caracteristicas .icono_estado {
        float: none;
        margin: 0px -2px;
    }

    #pagecarta .seccionprincipal .caracteristicas .icono_estado:first-child {

        margin-left: 0px;
    }

    #pagecarta .seccionprincipal .imagencarta {
        width: 60%;
        margin: 30px 20%;
    }

    .noresponsivesmall {
        display: none;
    }

    .responsivesmall {
        display: inline-block;
    }

    .imagencarta, .cajabuylist .imagencarta, .mitadizqda .imagencarta, .div_finpedido .imagencarta, .cajabuylist.mitadizqda .imagencarta {
        float: left;
        max-width: 100%;
        width: 38%;
        margin-bottom: 20px;
    }


    .cajaproducto, .cajabuylist .cajaproducto {
        float: left;
        height: auto;
    }

    .cajaopcionescarta {
        width: 100%;
    }

    .caracteristicascarta, .cajabuylist .caracteristicascarta {
        width: 99%;
        margin: 20px 0% 10px;
        float: left;
        height: auto;
    }

    .cajabuylist .caracteristicascarta {
        width: 100%;
    }

    .cabeceroinfocarta, .cajainfocarta, .cajabuylist .cajainfocarta, .mitadizqda .cabeceroinfocarta, .mitadizqda .cajainfocarta, .div_finpedido .cabeceroinfocarta, .div_finpedido .cajainfocarta, .cajabuylist.mitadizqda .cajainfocarta {
        height: auto;
        width: 58%;
    }

    .div_finpedido.cajabuylist .cajaproducto {
        width: 100%;
    }

    .cajaprecioficha {
        float: right;
        width: 75%;
    }

    #fondopopupcestaitems .cajainfocarta {
        width: 58%;
        margin: 0px 0% 10px 2%;
        position: relative;
        height: auto;
    }

    .cajatituloscarta, .cajaprecioficha {
        margin-bottom: 30px;
    }

    .cajaopcionescarta {
        position: relative;
    }

    #idiomas {
        width: 35px;
        margin: 41px 0px 0px 5px;
    }

    #buscadorheader {
        position: absolute;
        left: 0;
        top: -100px;
        background-color: #e60615;
        width: calc(100% - 10px);
        margin: 0px;
        padding: 0px 5px 15px;
        z-index: 0;
        transition: all 0.25s ease;
    }

    #buscadorheader.activado {
        transition: all 0.25s ease;
        top: 105px;

    }

    .cuerpoformulario {
        width: calc(100% - 129px);
    }

    #inputbuscador {
        width: calc(100% - 60px);
    }

    #recp_utilidades {
        display: none !important;
    }

    #recp_utilidades_footer {
        float: right;
        width: 80%;
    }

    #recp_utilidades_footer.activado #cesta {
        display: none;
    }

    #popupmenu, #fondopopupcestaitems, #fondopopup {
        height: calc(100% - 215px);
        top: 75px;
        padding: 20px 0px 50px;
    }

    .headerfooter .menuresponsive {
        margin: 19px 10px 0px 20px;
        color: #282828;
    }

    .headerfooter #searchresponsive {
        margin: 24px 20px 0px 0px;
    }

    .headerfooter #cuenta {
        padding: 23px 28px 0px;
    }

    .headerfooter #cesta {
        margin-top: 22px;
    }

    .headerfooter .cierrecesta {
        margin: 27px 26px 0px 27px;
    }

    .headerfooter .cierrecuenta {
        margin: 3px 1px 0px 0px;
    }

    .headerfooter .cierresearchresponsive {
        margin: 27px 23px 0px 27px;
    }

    #logo img {
        float: left;
        max-height: 66px;
        width: auto;
    }

    #contentheader {
        width: 100%;
        padding: 0px;
        text-align: center;
    }

    #logo {
        left: 50%;
        margin-left: -56px;
        position: relative;
    }

    #logo, #logo a {
        float: left;
    }

    #header {
        height: 75px;
    }

    #fondopopupcesta, #fondopopupmenu {
        width: 0px;
    }

    #fondopopupcestaitems, #popupmenu {
        width: calc(100% - 40px);
        max-width: 100%;
        padding: 20px 20px 50px;
    }

    #recp_utilidades.activado {
        width: calc(100% - 40px);
        max-width: 100%;
        padding: 0px 20px;
    }

    #recp_utilidades.activado #cesta {
        padding: 0px;
    }

    .recp_popup {
        top: 30px;
    }

    #busq_avanzado {
        top: 30px;
    }

    footer {
        margin-bottom: 70px;
    }

    .esloganslider {
        font-size: 2em;
        left: 20%;
    }


    .cajacolecciones {
        float: left;
        width: 90%;
        margin: 0px 5% 0px;
        border-right: 0px solid #363f45;
        padding-right: 0;
    }

    .cajacolecciones.ultimacolumna {
        margin: 0px 5% 50px;
        border-right: 0px solid #363f45;
        padding-right: 0%;
    }

    #formulario_colecciones {
        float: left;
        width: 100%;
        position: relative;
    }

    .eslogansliderbuylist p {
        display: none;
    }

    .subtitulobuylist {
        margin: 0px 0px 0px;
    }

    .tablade3 {
        float: left;
        width: calc(100% - 34px);
        margin-right: 0%;
    }

    #calendarioresponsive {

        padding: 100px 15px 140px;
        width: calc(100% - 30px);
    }

    #calendarioresponsive .tienetorneo {
        left: 0%;
        margin-left: 0px;
        width: 100%;

    }

    #calendarioresponsive .tienetorneo, #calendarioresponsive .semana .diasemana {
        font-size: 2rem;
    }

    .formulario_pagotorneo label {
        clear: both;
        width: 120px;
    }

    .formulario_pagotorneo input[type=submit] {
        clear: both;

    }
}

@media screen and (max-width: 540px) {
    .esloganslider {
        font-size: 1.5em;
    }

    .celdacorta {
        width: calc(33.33% - 20px);
        text-align: center;
    }

    .celdalarga {
        width: calc(100% - 20px);

    }

    .celdacabecera > .celdacorta {
        width: calc(33.33% - 10px);
        padding: 10px 5px;
        text-align: center;
    }

    .celdacabecera > .celdalarga {
        display: none;
    }
}


@media screen and (max-width: 480px) {

    #pagecarta .seccionprincipal .celdatabla {
        font-size: 1em;
        line-height: 1.8em;
    }

    #pagecarta .seccionprincipal .cabecerotabla.cell_producto_order {
        font-size: 0.9em;
    }

    #pagecarta .seccionprincipal .icono_estado {
        width: 22px;
    }

    #pagecarta .seccionprincipal .cell_producto_order {
        height: 48px;
    }

    .cabeceroinfocarta, .mitadizqda .cabeceroinfocarta, .div_finpedido .cabeceroinfocarta {
        width: 100%;
    }

    .cajainfocarta, .cajabuylist .cajainfocarta, .mitadizqda .cajainfocarta, .div_finpedido .cajainfocarta, .cajabuylist.mitadizqda .cajainfocarta {
        width: 100%;
        margin: 20px 0% 10px;
        float: left;
        height: auto;
    }

    .cajaprecioficha {
        float: left;
        width: 100%;
    }

    .cajabuylist .cajaproducto {
        padding: 15px;
    }

    .imagencarta, .cajabuylist .imagencarta, .mitadizqda .imagencarta, .div_finpedido .imagencarta, .cajabuylist.mitadizqda .imagencarta {
        float: left;
        max-width: 100%;
        width: 80%;
        margin-left: 10%;
    }

    #fondopopupcestaitems .imagencarta {
        float: left;
        max-width: 190px;
        width: 30%;
        margin-left: 0%;
    }

    #fondopopupcestaitems .cajainfocarta {
        width: 68%;
    }

    .menupie {
        width: 100%;
        height: auto;
        margin: 0px 0% 40px 0px;
    }

    .menupie a {
        width: 100%;
    }

    .pie {
        text-align: center;
    }

    .pie.mitad.izqda, .pie.mitad {
        width: calc(100% - 80px);
        border-right: 0px solid #abb8c0;
        border-top: 1px solid #abb8c0;
        text-align: left;
    }

    #logopie {
        position: relative;
        left: 50%;
        margin-left: -50px;
        margin-right: 0px;
    }

    .rrss a {
        clear: none;
        margin: 0px 10px 10px;
    }

    .mitadpreciobuylist {
        float: left;
        width: 100%;
        margin: 0px 0px 25px 0px;
    }

    .preciocartabuylist .cabecerotabla.preciototal {
        width: calc(70% - 7px);
    }

    .preciocartabuylist .valortabla.preciototal {
        width: calc(70% - 11px);

    }

    .mitadizqda .preciocartabuylist .cabecerotabla.preciototal, .div_finpedido.cajabuylist .preciocartabuylist .cabecerotabla.preciototal {
        width: calc(100% - 0px);
        margin-right: 0px;
    }

    .mitadizqda .preciocartabuylist .valortabla.preciototal, .div_finpedido.cajabuylist .preciocartabuylist .valortabla.preciototal {
        width: calc(100% - 4px);
        margin-right: 0px;
    }

    .preciocartabuylist .cabecerotabla.cantidad, .preciocartabuylist .cabecerotabla.vender {
        width: calc(30% - 0px);
        margin-right: 0px;
    }

    .preciocartabuylist .valortabla.cantidad {
        width: calc(30% - 4px);
        margin-right: 0px;
    }

    .preciocartabuylist .valortabla.vender {
        width: 30%;
        margin-right: 0px;
        border: 0px;
    }

    .cajabuylist .cabecerotabla {
        font-size: 0.9em;
        line-height: 1em;
        padding-bottom: 5px !important;
    }

    .cabecerotabla, .celdatabla {
        font-size: 0.9em;
    }

    .caracteristicascarta .caracteristicas .icono_estado {

        /*width: 15px;*/
        margin: -7px 2px 9px;
        float: left;
    }

    .chosen-wrapper.selectcantidadproducto .chosen-container .chosen-single {
        height: 25px;
        font-size: 13px;

        margin-top: -6px;

    }

    .chosen-wrapper.selectcantidadproducto .chosen-container .chosen-drop {
        width: 200%;
    }

    .chosen-wrapper.selectcantidadproducto .chosen-container .chosen-single span {
        width: calc(100% - 15px);
    }

    .chosen-wrapper.selectcantidadproducto:after {
        /*display:none;*/
    }

    .cajabuylist .cabecerotabla.cell_producto_order span {
        float: left;
        width: 100%;
    }

    .cell_producto_order {
        height: 30px;
    }

    .cajabuylist .cabecerotabla.cell_producto_order {
        /*height: 40px;*/
    }

    .menuopciones {
        top: 55px;
    }

    .caracteristicascarta, #pagecarta .caracteristicascarta, .mitadizqda .caracteristicascarta {
        width: calc(100% + 10px);
        margin: 20px 0% 10px -10px;
        float: left;
        height: auto;
    }

    .mitadizqda .caracteristicascarta {
        margin-top: 0px;
        width: calc(100% + 20px);
    }

    .opcionesfiltro.filtrobuscador, .filtro.cajanombre {
        margin-right: 0px;
        width: calc(100% - 2px);
    }

    .tablade2 {
        float: left;
        width: calc(100% - 34px);
        margin-right: 0%;
    }

    .div1de2, .div1de3, .div2de3 {
        float: left;
        width: 100%;
        margin-right: 0%;
    }

    .resumenpedido {
        float: left;
        width: 90%;
        margin: 0px 5% 60px;
    }

    .vistadia .esquinaroja {

        left: 68%;
    }

    #calendarioresponsive {

        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;

    }

    .textocajaitacoins {
        font-size: 1.3em;
    }

    .iconocajaitacoins {
        width: 26px;
    }
}


@media screen and (max-width: 400px) {
    .sidesde400 {
        display: block;
    }

    .nodesde400 {
        display: none;
    }

    #pagecarta .seccionprincipal .icono_cesta {
        /*width: 80%;*/
        cursor: pointer;
        float: right;
        margin-top: 5px;
    }

    .cell_producto_order.subtotal {
        width: 23%;
    }

    .cajaproducto, .cajabuylist .cajaproducto {
        width: 100%;
        margin-left: 0%;

    }

    .caracteristicascarta .caracteristicas .icono_estado {
        margin: -7px 0px 9px;
        float: left;
    }

    .cell_producto_order.caracteristicas {
        width: 20%;
    }

    .cell_producto_order.stock {
        width: 10%;
    }

    .cell_producto_order.precio {
        width: 16%;
    }

    .cell_producto_order {
        width: 13.5%;
    }

    .cabecerotabla {
        font-size: 0.9em;
    }

    .celdatabla {
        font-size: 0.9em;
    }

    .cajafilapreciocesta {
        float: right;
        width: 100%;
        margin-top: 10px;
    }

    .formulario_popup input[type=submit], .formulario_cesta input[type=submit], .boton {
        width: 80%;
        margin: 80px 10% 8px;

    }

    .boton.botonrojo {
        width: calc(80% - 2px);
        margin-top: 5px;
    }

    .boton.botonblanco {

        width: calc(80% - 2px);

    }

    .boton.botonsmall {
        width: calc(50% - 2px);
        margin: 80px 25% 8px;

    }

    .subtitulobuylist {
        font-size: 1em;
    }

    .cell_producto_order {
        height: 65px;
    }

    .icono_estado {
        width: 22px;
    }

    .caracteristicascarta .caracteristicas .icono_estado {
        margin: -5px 0px 9px;
        float: left;
    }
}


@media screen and (max-width: 375px) {
    #pagecarta .seccionprincipal .celdatabla {
        font-size: 0.9em;
        line-height: 1.8em;
    }

    #pagecarta .seccionprincipal .cell_producto_order {
        height: 75px;
    }

    .cell_producto_order.caracteristicas .clear.sidesde400 {
        display: none;
    }

    .esloganslider {
        font-size: 1em;
    }
}


@media screen and (max-height: 620px) {

    .cajafiltros.middlebox-fijo {
        max-height: calc(100vh - 155px);
        overflow-y: auto;

    }
}

.c-btn {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: .5rem 1.25rem;
    transition: all .15s ease-in-out;
    border: 1px solid;
    border-radius: 4px;
    border-color: #1a91eb;
    color: #fff;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #2ea1f8;
    background: linear-gradient(180deg, #2ea1f8, #1990ea)
}

.c-btn--danger {
    background: #f95359;
    background: linear-gradient(180deg, #f95359, #d35847);
    border-color: #d35847
}

.toast {
    opacity: 1 !important;
}

#toast-container > div {
    opacity: 1 !important;
}

.cajapedido h3 {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    font-family: 'NewGroteskSquareTHREE';
    font-size: 2em;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 40px;
    margin-top: 25px;
}

.c-status-badge {
    display: inline-block;
    margin: 0;
    padding: .25rem .75rem;
    border-radius: 4px;
    color: #DCDCDC;
    font-size: .75rem;
    font-weight: 600;
    text-transform: uppercase
}

.c-status-badge--OPENED {
    background-color: #808080 !important
}

.c-status-badge--ADD_ITACOINS {
    background-color: #808080 !important
}

.c-status-badge--ADD_NATIONAL_ID {
    background-color: #808080 !important
}

.c-status-badge--ADD_COMMENTS {
    background-color: #808080 !important
}

.c-status-badge--ADD_DISCOUNT_CODE {
    background-color: #808080 !important
}

.c-status-badge--ADD_SHIPPING_METHOD {
    background-color: #808080 !important
}

.c-status-badge--ADD_PAYMENT_METHOD {
    background-color: #808080 !important
}

.c-status-badge--PAYMENT_IN_PROGRESS {
    background-color: #808080 !important
}

.c-status-badge--CONFIRMED {
    background-color: #FF0099 !important
}

.c-status-badge--CONFIRMED_MANUAL_PAYPAL_REVISION {
    background-color: #FF0099 !important
}

.c-status-badge--PAYMENT_COMPLETED {
    background-color: #00FF00 !important
}

.c-status-badge--PENDING_BANK_TRANSFER {
    background-color: #0066FF !important
}

.c-status-badge--PENDING_PAYMENT_AT_STORE {
    background-color: #FF6600 !important
}

.c-status-badge--READY_TO_PREPARE {
    background-color: #31085d !important
}

.c-status-badge--IN_PROGRESS {
    background-color: #CC0000 !important
}

.c-status-badge--INCLUDED_IN_UNIFIED_LIST {
    background-color: #CC0FF0 !important
}

.c-status-badge--PREPARED {
    background-color: #FFFF00 !important
}

.c-status-badge--SHIPPED {
    background-color: #8000FF !important
}

.c-status-badge--DELIVERED {
    background-color: #006600 !important
}

.c-status-badge--DELIVERED_MANUAL_PAYPAL_REVISION {
    background-color: #006600 !important
}

.c-status-badge--CANCELLED {
    background-color: #663300 !important
}

.c-status-badge--PENDING_PAID {
    background-color: #00660060 !important
}

.c-status-badge--WAITING_FOR_APPROVAL {
    background-color: #8000FF60 !important
}

.c-status-badge--WAITING_FOR_CONFIRMATION_OF_ITEMS_REDUCTION {
    background-color: #FF870760 !important;
    color: #4a4a4a !important
}

.c-status-badge--PENDING_PAYMENT_ON_DELIVERY {
    background-color: #1E90FF !important
}

.c-status-badge--PAYMENT_ADDED {
    background-color: #808080 !important
}

.c-status-badge--PENDING_PAYMENT_ACCOUNT {
    background-color: #808080 !important
}

.c-status-badge--WAITING_FOR_CONFIRMATION {
    background-color: #00FF00 !important
}

.c-status-badge--WAITING_FOR_RECEPTION {
    background-color: #FF0099 !important
}

.c-status-badge--RECEIVED {
    background-color: #FFFF00 !important
}

.c-status-badge--PAID {
    background-color: #006600 !important
}

.shipment {
    display: inline-block;
    margin: 0;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    border-color: #DCDCDC !important;
    border-style: dashed;
    border-width: thin;
    color: #DCDCDC;
    width: auto !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 666px;
}

.shipment-NOT_SHIPPING_METHOD {
    background-color: #0DDBDB !important;
    border-color: #3D3D3D !important;
    color: #3D3D3D !important;
}

.shipment-PICK_UP_AT_STORE {
    background-color: #CFD810 !important;
    border-color: #3D3D3D !important;
    color: #3D3D3D !important;
}

.shipment-ORDINARY_SHIPPING {
    background-color: #D4041A !important;
    color: #FFFFFF !important;
}

.shipment-ORDINARY_URGENT_SHIPPING {
    background-color: #D4041A !important;
    color: #FFFFFF !important;
}

.shipment-CERTIFIED_SHIPPING {
    background-color: #0C7E06 !important;
    color: #FFFFFF !important;
}

.shipment-CERTIFIED_URGENT_SHIPPING {
    background-color: #0C7E06 !important;
    color: #FFFFFF !important;
}

.shipment-STANDARD_PACKAGE_SHIPPING {
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

.shipment-CORREOS_EXPRESS {
    background-color: #880ABB !important;
    color: #FFFFFF !important;
}

.shipment-CTT {
    background-color: #880ABB !important;
    color: #FFFFFF !important;
}

.shipment-PAQ_AZUL {
    background-color: #0057b7 !important;
    color: #FFFFFF !important;
}

.shipment-PAQ_LIGERO {
    background-color: #d67cc3 !important;
    color: #000000 !important;
}

.credit-card-button {
    background-color: DodgerBlue;
    border: none;
    color: white;
    padding: 12px 16px;
    font-size: 20px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    cursor: pointer;
    width: 100%;
    margin-bottom: 20px;
    height: 55px;
    border-radius: 4px;
}

/* Darker background on mouse-over */
.credit-card-button:hover {
    background-color: RoyalBlue;
}

.payment-at-store-button {
    background-color: #228B22;
    border: none;
    color: white;
    padding: 12px 16px;
    font-size: 20px;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    cursor: pointer;
    width: 100%;
    margin-bottom: 20px;
    height: 55px;
    border-radius: 4px;
}

/* Darker background on mouse-over */
.payment-at-store-button:hover {
    background-color: #008000;
}

#autoComplete_list {
    position: inherit !important;
    padding: 0;
    left: 0;
    right: 0;
    margin-top: -2px;
    transition: all .1s ease-in-out;
    -webkit-transition: all -webkit-transform .1s ease;
}

.autoComplete_result {
    margin: 0px !important;
    padding: .6rem;
    max-width: 280px !important;
    border: .05rem solid #e3e3e3;
    list-style: none;
    text-align: left;
    font-size: 1.1rem;
    color: #7b7b7b;
    transition: all .1s ease-in-out;
    background-color: #fff;
}

#autoComplete_list ul li {
    counter-increment: li !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}

.autoComplete_highlighted {
    opacity: 1 !important;
    color: #e60615 !important;
    font-weight: 700;
}

#buylist-cart .parsley-errors-list {
    margin-bottom: 0px;
}

#buylist-cart .parsley-required {
    color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: .75rem 2rem .75rem .75rem;
    transition: all .3s;
    border-radius: 4px;
    color: #fff !important;
    background-color: #ed1c24
}

#buylist-cart .parsley-ifIsChecked {
    color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: .75rem 2rem .75rem .75rem;
    transition: all .3s;
    border-radius: 4px;
    color: #fff !important;
    background-color: #ed1c24
}