html,
body,
div,
section,
p,
ul,
li {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: Helvetica;
}

img,
button {
    border: 0;
}

a {
    text-decoration: none;
}

.clear {
    clear: both;
}

.oculto {
    display: none;
}

.visible {
    display: inline-block !important;
}

.alert {
    width: 90%;
    margin: 10px auto;
    padding: 10px 20px;
    border-radius: 5px;
    position: absolute;
}

.alerta {
    width: 90%;
    margin: 10px auto;
    padding: 10px 3%;
    border-radius: 5px;
}

.alert.info,
.alerta.info {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alerta.info.sinPermisos {
    padding: 25px;
}

.carrito .interno .trescuartos .untercio .alerta.info.sinPermisos h2 {
    font-size: 1.5em;
    text-align: center;
    color: navy;
}

.alerta.info.sinPermisos p {
    margin: 15px auto 25px auto;
    text-align: center;
    line-height: 1.35em;
}

.alert.error,
.alerta.error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert.exito,
.alerta.exito,
.enviando {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.vendedor {
    font-size: 0.9em;
    margin-top: 5px;
}

.vendedor img {
    width: 20px;
    position: relative;
    top: 3px;
}

.enviando {
    padding: 5px 8px;
    border-radius: 5px;
}

.alert.warning,
.alerta.warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.masimpuestos,
.sinimpuestos {
    font-size: 18px;
}

.unmedio {
    float: left;
    width: 48%;
    padding: 1%;
}

.untercio {
    float: left;
    width: 31%;
    padding: 1%;
}

.dostercios {
    float: left;
    width: 65%;
    padding: 1%;
}

.uncuarto {
    float: left;
    width: 23%;
    padding: 1%;
}

.trescuartos {
    float: left;
    width: 73%;
    padding: 1%;
}

.accionfaltante {
    margin-right: 33px;
}

.centrado {
    text-align: center;
}

.cancelado {
    font-size: 62px;
    font-weight: bold;
    color: red;
    position: absolute;
    top: -35px;
}

header {
    position: relative;
}

.login header {
    background-color: transparent;
    height: 128px;
}

header.admin {
    background: #303030;
    color: white;
    height: 128px;
}

header .interno {
    max-width: 1200px;
    width: 96%;
    margin: 0 auto;
    padding: 15px 2%;
    height: 96px;
}

header .interno .bckgrd {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/header-logomarca.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.25;
    width: 100%;
    height: 100%;
}

header .interno .bienvenida {
    float: left;
    margin-top: 10px;
}

header .interno .perfil {
    float: right;
    min-width: 600px;
    text-align: right;
}

header .interno .perfil .untercio:first-child {
    text-align: left;
}

header .interno .perfil .untercio a {
    color: #4a4c4b;
    display: inline-block;
}

header .interno .perfil .untercio a img {
    max-width: 32px;
    width: 98%;
}

header .interno .perfil .untercio a span {
    position: relative;
    white-space: nowrap;
    top: -10px;
    padding: 10px 5px;
}

header .interno .perfil .untercio a span.logout {
    top: 0;
    color: #1260aa;
    display: block;
}

header.admin .interno .perfil .untercio a span.logout {
    top: 0;
    color: white;
    display: block;
}

header .interno .perfil .untercio a:hover span.logout,
header .interno .perfil .untercio a:hover {
    background: #1260aa;
    color: white;
}

.postheader {
    background: #c1c1c1;
}

.postheader .interno {
    position: relative;
    max-width: 1200px;
    width: 96%;
    margin: 0 auto;
    padding: 0 2%;
}

.postheader .interno nav {
    position: relative;
    float: right;
}

.postheader .interno nav .saldopendiente {
    position: absolute;
    background: #1260aa;
    padding: 15px 25px;
    color: white;
    right: 0;
    top: 88px;
    min-width: 445px;
}

.postheader .interno nav .saldopendiente .unmedio span {
    font-size: 28px;
    font-weight: bold;
    text-align: right;
}

.postheader .interno nav .saldopendiente .unmedio:first-child {
    text-align: left;
}

.postheader .interno nav li {
    float: left;
    list-style-type: none;
}

.postheader .interno nav li.submenu {
    position: relative;
}

.postheader .interno nav li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 86px;
    background: #eaeaea;
    z-index: 99999;
}

.postheader .interno nav>li.submenu:hover>ul {
    display: inline;
}

.postheader .interno nav>li>ul>li>a {
    padding: 15px 25px;
    display: block;
    border: 0;
}

.postheader .interno nav>li>ul>li>a:hover {
    padding: 15px 25px;
    background: #dadada;
    border: 0;
    margin: 0;
}

.postheader .interno nav li a {
    color: #4a4c4b;
    padding: 34px 35px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    display: inline-block;
}

.postheader .interno nav li.manualdespiece a {
    width: 94px;
    text-align: center;
    padding: 25px 35px;   
}

.postheader .interno nav>li.seleccionado>a,
.postheader .interno nav>li>a:hover {
    background: white;
    padding: 31px 35px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top: 6px solid #1260aa;
    display: inline-block;
}

.postheader .interno nav>li.manualdespiece>a:hover {
    padding: 22px 35px;   
}

.postheader.admin .interno nav>li.seleccionado>a,
.postheader.admin .interno nav>li>a:hover {
    background: white;
    padding: 31px 35px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 6px solid #1260aa;
    border-top: 0;
    display: inline-block;
}

.postheader .interno nav li.checkout a {
    color: #1260aa;
}

.postheader .interno nav li.flechaabajo {
    position: relative;
}


/*
.postheader .interno nav li.flechaabajo:after {
    content: " ";
    position: absolute;
    right: 42%;
    bottom: -15px;
    border-top: 15px solid #c1c1c1;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    border-bottom: none;
    z-index: 999;
}

.postheader .interno nav li.seleccionado.flechaabajo:after {
    border-top: 15px solid white;
}
*/

.postheader .interno .logo {
    position: absolute;
    cursor: pointer;
    left: 0;
}

.postheader .interno .logo img {
    width: 160px;
    position: relative;
    top: -32px;
}

.carritovacio {
    text-align: center;
    color: #555;
    font-style: italic;
    padding-top: 25px;
}

.carrito .interno {
    max-width: 1200px;
    width: 96%;
    margin: 0 auto;
    padding: 75px 2% 0 2%;
    position: relative;
}

.carrito .interno .uncuarto {
    margin-top: 116px;
}

.carrito .interno .uncuarto h2,
.carrito .interno .trescuartos .untercio h2 {
    color: #1260aa;
    font-size: 24px;
}

.carrito .interno .uncuarto h2 {
    font-size: 23px;
}

.carrito .interno .uncuarto .pedidos,
.carrito .interno .trescuartos .untercio .pedidos {
    border: 1px solid #c1c1c1;
    padding: 10px 0 0 0;
}

.carrito .interno .uncuarto .pedidos.catalogo {
    border: 1px solid #eee;
    background: #eee;
}

.carrito .interno .uncuarto .pedidos .pedido,
.carrito .interno .trescuartos .untercio .pedidos .pedido {
    margin: 10px 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c1c1c1;
}

.carrito .interno .uncuarto .pedidos .pedido.sinbordeinferior {
    border: 0;
}

.carrito .interno .uncuarto .pedidos .pedido.sinbordeinferior p strong {
    margin-bottom: 25px;
    display: inline-block;
}

.carrito .interno .uncuarto .pedidos .pedido p,
.carrito .interno .trescuartos .untercio .pedidos .pedido p {
    font-size: 14px;
    line-height: 20px;
}

.carrito .interno .uncuarto .pedidos.catalogo .pedido p a {
    margin-left: 10px;
    font-size: 12px;
    color: #1260aa;
}

.carrito .interno .uncuarto .pedidos.catalogo .pedido p a:hover {
    font-weight: bold;
}

.carrito .interno .uncuarto .pedidos .nota,
.carrito .interno .trescuartos .untercio .pedidos .nota {
    margin: 50px 25px 25px 25px;
    text-align: center;
    color: #c1c1c1;
}

.carrito .interno .uncuarto .pedidos .nota#detalleFinalCarrito {
    color: #555;
}

.carrito .interno .uncuarto .pedidos .nota p,
.carrito .interno .trescuartos .untercio .pedidos .nota p {
    font-size: 14px;
    font-style: italic;
}

.carrito .interno .uncuarto .pedidos .nota p#subtotalcarrito {
    font-size: 16px;
    margin-bottom:8px;
}

.carrito .interno .uncuarto .pedidos .nota p#totaldescuentocarritoporcentaje,
.carrito .interno .uncuarto .pedidos .nota p#totaldescuentocarritovalor {
    color: #721c24;
}

.carrito .interno .uncuarto .pedidos .nota p#totalcarrito {
    color: #333;
    margin-top: 8px;
    font-size: 18px;
}

.carrito .interno .uncuarto .pedidos .nota p#totalcarrito span {
    display: block;
    font-size: 14px;
}

.carrito .interno .uncuarto .pedidos .pie,
.carrito .interno .trescuartos .untercio .pedidos .pie {
    text-align: center;
}

.carrito .interno .uncuarto .pedidos .pie a,
.carrito .interno .trescuartos .untercio .pedidos .pie a {
    background: #737775;
    color: white;
    width: 100%;
    display: inline-block;
    font-size: 18px;
    padding: 10px 0;
}

.carrito .interno .uncuarto .pedidos.catalogo .pie a {
    background: #1260aa;
}

.carrito .interno .uncuarto .pedidos .pie a:hover,
.carrito .interno .trescuartos .untercio .pedidos .pie a:hover {
    background: #4a4c4b;
    font-weight: bold;
}

.carrito .interno .uncuarto .pedidos.catalogo .pie a:hover {
    background: #102050;
}

.carrito .interno .uncuarto .pedidos.catalogo .nota p.total {
    color: black;
    font-style: normal;
    margin-bottom: 25px;
    font-size: 22px;
}

.carrito .interno .uncuarto .pedidos.catalogo .nota p.total strong {
    font-size: 24px;
    font-weight: bold;
}

.carrito .interno .trescuartos h1,
.carrito .interno h1 {
    color: #1260aa;
    font-size: 32px;
}

.carrito .interno .trescuartos h1.concarga,
.carrito .interno h1.concarga {
    display: inline-block;
}

.carrito .interno form#cargamasiva {
    float: right;
    max-width: 320px;
    width: 100%;
    padding: 10px 5px 10px 15px;
    border: 1px solid #1260aa;
    margin-bottom: 10px;
}

.carrito .interno form#cargamasiva span {
    font-size: 0.85em;
    color: #1260aa;
    position: relative;
    top: 5px;
}

.carrito .interno form#cargamasiva p {
    margin-bottom: 8px;
}

.carrito .interno form#cargamasiva p i {
    color: #1260aa;
    font-size: 0.85em;
}

.carrito.admin .interno>p {
    color: #c1c1c1;
    font-size: 20px;
    margin: -10px 0 50px 0
}

.carrito.admin .interno>p strong {
    color: black;
}

.carrito .interno .trescuartos table,
.carrito .interno table {
    margin-top: 25px;
}

.carrito .interno .trescuartos table#tabla.dataTable thead th,
.carrito .interno table#tabla.dataTable thead th,
table.dataTable thead td {
    padding: 5px 15px 10px 5px;
    text-align: left;
    color: #c1c1c1;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    min-width: 72px;
}

.carrito .interno .trescuartos table#tabla tbody tr td,
.carrito .interno table#tabla tbody tr td {
    height: 36px;
    font-size: 12px;
    max-width: 280px;
    padding: 3px 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.carrito .interno .trescuartos table#tabla tbody tr td a,
.carrito .interno table#tabla tbody tr td a {
    color: #1260aa;
}

.carrito .interno .trescuartos table#tabla tbody tr td a:hover,
.carrito .interno table#tabla tbody tr td a:hover {
    color: #af1e2c;
}

.carrito .interno .trescuartos table#tabla tbody tr td input,
.carrito .interno table#tabla tbody tr td input {
    padding: 10px;
    width: 30px;
    border: 1px solid #ddd;
}

.carrito .interno .trescuartos table#tabla tbody tr td span.incrementos,
.carrito .interno table#tabla tbody tr td span.incrementos {
    position: relative;
    display: inline-block;
    text-align: center;
    top: 2px;
    margin-top: -10px;
}

.carrito .interno .trescuartos table#tabla tbody tr td span.incrementos a,
.carrito .interno table#tabla tbody tr td span.incrementos a {
    color: #1260aa;
    font-weight: bold;
    position: relative;
    top: 10px;
    font-size: 24px;
    line-height: 0;
}

.carrito .interno .trescuartos table#tabla tbody tr td span.sinprodprevista,
.carrito .interno table#tabla tbody tr td span.sinprodprevista {
    color: #f99300;
    margin-left: 15px;
    font-size: 14px;
}

.carrito .interno .trescuartos table#tabla tbody tr td span.enproduccion,
.carrito .interno table#tabla tbody tr td span.enproduccion {
    color: #1260aa;
    margin-left: 15px;
    font-size: 14px;
    white-space: break-spaces;
}

.carrito .interno .trescuartos .piecarrito .unmedio .valores,
.carrito .interno .piecarrito .unmedio .valores {
    margin: 25px;
    text-align: center;
    color: #c1c1c1;
}

.carrito .interno .trescuartos .piecarrito .unmedio .valores p,
.carrito .interno .piecarrito .unmedio .valores p {
    font-size: 14px;
    font-style: italic;
}

.carrito .interno .trescuartos .piecarrito .unmedio .total,
.carrito .interno .piecarrito .unmedio .total {
    margin: 25px;
}

.carrito .interno .trescuartos .piecarrito .unmedio .total p,
.carrito .interno .piecarrito .unmedio .total p {
    font-size: 24px;
}

.carrito .interno .trescuartos .piecarrito .unmedio .total p.subtotalcarrito,
.carrito .interno .piecarrito .unmedio .total p.subtotalcarrito,
.carrito .interno .trescuartos .piecarrito .unmedio .total p.totaldescuentocarrito,
.carrito .interno .piecarrito .unmedio .total p.totaldescuentocarrito {
    font-size: 18px;
}

.carrito .interno .trescuartos .piecarrito .unmedio .total p.subtotalcarrito,
.carrito .interno .piecarrito .unmedio .total p.subtotalcarrito {
    margin-bottom: 15px;
}

.carrito .interno .trescuartos .piecarrito .unmedio .total p.totaldescuentocarrito,
.carrito .interno .piecarrito .unmedio .total p.totaldescuentocarrito {
    color: #721c24;
}

.carrito .interno .trescuartos .piecarrito .unmedio .total p.totaldescuentocarrito span,
.carrito .interno .piecarrito .unmedio .total p.totaldescuentocarrito span {
    font-size: 0.9em;
}

.carrito .interno .trescuartos .piecarrito .unmedio .total p strong,
.carrito .interno .piecarrito .unmedio .total p strong {
    font-size: 26px;
    font-weight: bold;
}

.carrito .interno .trescuartos .piecarrito .unmedio .total p.totalcarrito,
.carrito .interno .piecarrito .unmedio .total p.totalcarrito {
    margin-top: 15px;
}

.carrito .interno .trescuartos .piecarrito .unmedio .botones {
    margin-top: 50px;
    text-align: center;
}

.carrito .interno .trescuartos .piecarrito .unmedio .botones a.botongris {
    padding: 10px 35px;
    background: #c1c1c1;
    color: #4a4c4b;
    margin: 0 10px;
    white-space: nowrap;
    display: inline-block;
}

.carrito .interno .trescuartos .piecarrito .unmedio .botones a.botongris:hover {
    background: #737775;
    color: white;
}

.captcha>.btnenviar {
    margin-bottom: 50px;
}

.captcha>.btnenviar .accionVolver {
    color: #1260aa;
    margin: 0 25px;
}

.carrito .interno .trescuartos .piecarrito .unmedio .botones a.botonrojo,
.login>.interno form button,
.captcha>.btnenviar>input[type=submit],
h1 a.btn-rojo,
.carrito .interno form#cargamasiva input[type=submit] {
    padding: 10px 35px;
    background: #1260aa;
    color: white;
    margin: 0 10px;
    white-space: nowrap;
    display: inline-block;
    border: 0;
    cursor: pointer;
}

.carrito .interno form#cargamasiva input[type=submit] {
    padding: 7px 15px;
    margin: 10px 5px 0 0;
    float: right;
}

.carrito .interno .trescuartos .piecarrito .unmedio .botones a.botonrojo:hover,
.login>.interno form button:hover,
.captcha>.btnenviar>input[type=submit]:hover,
h1 a.btn-rojo:hover,
.carrito .interno form#cargamasiva input[type=submit]:hover {
    background: #af1e2c;
}

h1 a.btn-rojo {
    font-size: 16px;
    position: relative;
    top: -8px;
    margin-left: 50px;
}

.carrito .interno .trescuartos .misdatos .untercio h3 {
    color: #1260aa;
    font-size: 18px;
    font-weight: bold;
    margin: 75px 0 25px 0;
}

.carrito .interno .trescuartos .misdatos .untercio p {
    margin-bottom: 5px;
}

.carrito .interno .trescuartos .misdatos .untercio p:nth-child(even) {
    margin-bottom: 25px;
}

.carrito .interno .trescuartos .misdatos .untercio p strong {
    word-break: break-all;
}

.prefooter .interno {
    max-width: 1200px;
    width: 96%;
    margin: 0 auto;
    padding: 50px 2%;
}

.prefooter .interno .uncuarto a {
    padding: 2%;
    display: inline-block;
    width: 96%;
    text-align: center;
}

.prefooter .interno .uncuarto a img {
    width: 100%;
    height: auto;
    transition: transform .2s;
}

.prefooter .interno .uncuarto a:hover img {
    transform: scale(1.05);
}

footer {
    background: #1260aa;
}

footer .interno {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 13px 0;
}

footer .interno .untercio {
    text-align: center;
}

footer .interno .untercio p {
    padding: 35px 0;
    color: white;
}

footer .interno .untercio img {
    max-width: 128px;
    width: 98%;
    margin: 5px;
}

footer .interno .dostercios {
    text-align: left;
    margin-top: 15px;
}

footer .interno .dostercios .direcciones .direccion {
    float: left;
}

footer .interno .dostercios .direcciones .direccion .titulovertical {
    float: left;
    background: #1260aa;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    color: white;
    width: 125px;
    padding: 10px;
    font-size: 20px;
    line-height: 17px;
    position: relative;
    top: 35px;
}

footer .interno .dostercios .direcciones .direccion .detalle {
    float: left;
    margin-left: -25px;
    color: #4a4c4b;
    font-weight: bold;
}

footer .interno .dostercios .direcciones .direccion .detalle p a {
    color: #4a4c4b;
}

footer .interno .dostercios .direcciones .direccion .detalle p a:hover {
    color: #1260aa;
}

.postfooter {
    background: black;
    color: #555;
    text-align: center;
}

.postfooter.admin {
    background: none;
}

.postfooter .interno {
    max-width: 1200px;
    width: 96%;
    margin: 0 auto;
    padding: 35px 2% 25px 2%;
}

.postfooter .interno p a {
    color: #555;
}

.postfooter .interno p a:hover {
    color: white;
}

.iconosestado {
    position: relative;
}

.iconosestado a {
    margin: 0 3px;
}

.iconosestado a img {
    max-width: 32px;
}

.carrito.admin .interno .piecarrito a.botonexportar {
    background: #1260aa;
    color: white;
    display: inline-block;
    text-align: center;
    padding: 10px 35px;
    margin-bottom: 50px;
}

.carrito.admin .interno .piecarrito a.botonexportar:hover {
    background: af1e2c;
}

.interno #tabla_length,
.interno #tabla_filter {
    margin: 25px 0;
}

.carrito.admin .interno .filtroFamilia,
.carrito .interno .trescuartos .filtroFamilia {
    float: right;
}

.carrito.admin .interno .filtroFamilia select,
.carrito .interno .trescuartos .filtroFamilia select {
    max-width: 200px;
}

.interno #tabla_length label select,
.interno #tabla_filter label input,
.carrito.admin .interno .filtroFamilia select,
.carrito .interno .trescuartos .filtroFamilia select,
.carrito .interno .buscador form .untercio select,
.carrito .interno .trescuartos .buscador form .untercio select,
.carrito .interno .buscador form .untercio input,
.carrito .interno .trescuartos .buscador form .untercio input{
    border: 1px solid #1260aa;
    margin: 0 5px;
    padding: 10px;
}

.interno #tabla_filter label input {
    margin-left: 15px;
    background: white url(../img/buscar.jpg) right no-repeat;
    padding-right: 50px;
    min-width: 220px;
}

#tabla_paginate {
    float: none;
    text-align: center;
    margin: 25px 15px 50px 15px;
}

#tabla_paginate span a.paginate_button {
    border: 0;
    background: none;
}

#tabla_paginate span a.paginate_button.current {
    color: #1260aa !important;
}

.carrito .interno .trescuartos .novedad {}

.carrito .interno .trescuartos .novedad img {
    max-width: 900px;
    width: 60%;
    margin: 0 auto;
}

.espaciobanner {
    border: 1px solid #ccc;
    background: #efefefef;
    text-align: center;
    color: grey;
    padding: 43px 0;
}

.carrito .interno .trescuartos a.bannerdestacado {
    display: block;
    margin-top: 25px;
}

.carrito .interno .trescuartos a.bannerdestacado img {
    width: 100%;
}

.carrito .interno .trescuartos a.bannerdestacado p {
    display: block;
    padding: 50px;
    background: #043e74;
    text-align: center;
    color: white;
}

.carrito .interno .trescuartos .dostercios .novedades .novedad {
    margin: 15px 0;
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 15px;
}

.carrito .interno .trescuartos .dostercios .novedades>.novedad:last-child {
    border-bottom: 0;
}

.carrito .interno .trescuartos .dostercios .novedades .novedad .untercio a {
    display: inline-block;
}

.carrito .interno .trescuartos .dostercios .novedades .novedad .untercio a img {
    width: 100%;
}

.carrito .interno .trescuartos .dostercios .novedades .novedad .untercio a.aux1 {
    background: #1260aa;
    padding: 70px 80px;
}

.carrito .interno .trescuartos .dostercios .novedades .novedad .untercio a.aux2 {
    background: #0078a9;
    padding: 70px 80px;
}

.carrito .interno .trescuartos .dostercios .novedades .novedad .untercio a.aux3 {
    background: #229dca;
    padding: 70px 80px;
}

.carrito .interno .trescuartos .dostercios .novedades .novedad .dostercios p {
    line-height: 23px;
}

.carrito .interno .trescuartos .dostercios .novedades .novedad .dostercios p.titulo {
    font-size: 1.25em;
    margin: 0 0 15px 0;
}

.carrito .interno .trescuartos .dostercios .novedades .novedad .dostercios p a {
    color: #1260aa;
    font-size: 0.8em;
}

.carrito .interno .trescuartos .dostercios .novedades .novedad .dostercios p a:hover {
    font-weight: bold;
}

.carrito .interno .buscador,
.carrito .interno .trescuartos .buscador{
    margin: 0 0 25px 0;
}

.carrito .interno .buscador form .untercio p,
.carrito .interno .trescuartos .buscador form .untercio p{
    margin-top: 10px;
}

.carrito.admin .interno .filtroFamilia select,
.carrito .interno .trescuartos .filtroFamilia select,
.carrito .interno .buscador form .untercio select,
.carrito .interno .trescuartos .buscador form .untercio select{
    width: 90%;
    min-width: 200px;
}

.carrito .interno .buscador form .untercio input,
.carrito .interno .trescuartos .buscador form .untercio input{
    float: left;
    width: 70%;
}

.carrito .interno .buscador form .untercio:nth-child(3) input,
.carrito .interno .trescuartos .buscador form .untercio:nth-child(3) input{
    margin-right: 0;
}

.carrito .interno .buscador form .untercio img,
.carrito .interno .trescuartos .buscador form .untercio img{
    cursor: pointer;
}

.login {}

.login>.interno {
    max-width: 450px;
    width: 96%;
    margin: 0 auto;
    padding: 135px 2%;
}

.login>.interno form {
    text-align: center;
    position: relative;
}

.login>.interno form p.titulo {
    margin-bottom: 25px;
    font-size: 18px;
    color: #1260aa;
}

.login>.interno form #errores {
    position: relative;
    display: none;
    margin: -10px 0 120px 0;
}

.login>.interno form input {
    display: block;
    width: 94% !important;
    padding: 10px 3%;
    width: 30px;
    border: 1px solid #4a4c4b;
    margin-bottom: 25px;
    margin-top: 15px;
}

.login>.interno form .acceso {
    margin-top: 50px;
}

.login>.interno form .acceso p {
    font-size: 14px;
}

.login>.interno form .acceso a {
    font-size: 14px;
    color: #1260aa;
}

.login>.interno form .acceso a:hover {
    font-weight: bold;
}

.direccionpedido {
    margin: 20px 10px 0 10px;
}

.direccionpedido input[type=text] {
    display: block;
    padding: 11px 3%;
    border: 1px solid #4a4c4b;
    margin-bottom: 5px;
    margin-top: 5px;
    font-style: italic;
    border-radius: 10px;
}

.direccionpedido label i a span {
    font-style: italic;
    color: af1e2c;
    font-size: 16px;
    font-weight: normal;
    margin-left: 15px;
}

.direccionpedido p a:hover span {
    color: #155724;
}

.formulario>.interno form .renglon {
    margin: 10px;
}

.direccionpedido label,
.formulario>.interno form .renglon label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    font-style: italic;
}

.popupmodal .modal-content input,
.formulario>.interno form .renglon input {
    display: block;
    width: 94% !important;
    padding: 10px 3%;
    border: 1px solid #4a4c4b;
    margin-bottom: 25px;
}

.direccionpedido select,
.formulario>.interno form .renglon select {
    display: block;
    padding: 10px 3%;
    border: 1px solid #4a4c4b;
    margin-bottom: 25px;
}

.formulario>.interno form .renglon input[type=file] {
    float: left;
    max-width: 300px;
}

.formulario>.interno form .renglon .thumb {
    float: left;
    width: 128px;
}

.formulario>.interno form .renglon .thumb img {
    margin-left: 25px;
    width: 98%;
}

.tox-statusbar__branding,
.tox-notifications-container {
    display: none;
}

a.vaciar {
    background: #ccc;
    display: block;
    text-align: center;
    color: #555;
    font-size: 14px;
    padding: 5px;
}

a.vaciar:hover {
    color: black;
}

.popupmodal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.popupmodal .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px 20px 35px 20px;
    border: 1px solid #888;
    width: 500px;
    border-radius: 10px;
}

.popupmodal .modal-content .close,
.popupmodal .modal-content .cerrar {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.popupmodal .modal-content button.cerrar {
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px;
    margin-top: 25px;
    color: #555;
    font-weight: bold;
    margin-right: 5%;
}

.popupmodal .modal-content button.confirmar {
    font-size: 16px;
    padding: 9px 14px;
    border: 1px solid #1260aa;
    border-radius: 5px;
    margin-top: 25px;
    color: white;
    font-weight: bold;
    background: #1260aa;
    margin-left: 5%;
}

.popupmodal .modal-content .close:hover,
.popupmodal .modal-content .close:focus,
.popupmodal .modal-content .cerrar:hover,
.popupmodal .modal-content .cerrar:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.popupmodal .modal-content button.cerrar:hover,
.popupmodal .modal-content button.cerrar:focus {
    background: #555;
    color: white;
}

.popupmodal .modal-content button.confirmar:hover,
.popupmodal .modal-content button.confirmar:focus {
    background: white;
    color: #1260aa;
}

.popupmodal .modal-content h2 {
    margin-top: 5px;
    color: #1260aa;
}

.popupmodal .modal-content p {}

.misdatos .untercio .unmedio {
    width: 98%;
}

header .perfil .untercio nav {
    float: left;
    padding: 1px 8px 1px 0;
}

header .perfil .untercio nav .hamburguesa {
    float: left;
    cursor: pointer;
    height: 30px;
}

header .perfil .untercio nav .hamburguesa .barra1,
header .perfil .untercio nav .hamburguesa .barra2,
header .perfil .untercio nav .hamburguesa .barra3 {
    width: 30px;
    height: 4px;
    background-color: #919294;
    margin: 5px 0;
    transition: 0.5s;
}

header .perfil .untercio nav .hamburguesa.change .barra1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 6px);
    transform: rotate(-45deg) translate(-6px, 6px);
}

header .perfil .untercio nav .hamburguesa.change .barra2 {
    opacity: 0;
}

header .perfil .untercio nav .hamburguesa.change .barra3 {
    -webkit-transform: rotate(45deg) translate(-6px, -6px);
    transform: rotate(45deg) translate(-6px, -6px);
}

header .perfil .untercio nav .hamburguesa span {
    position: relative;
    top: -22px;
    left: 22px;
}

header .perfil .untercio nav ul.submenu {
    display: none;
    position: absolute;
    right: 10px;
    top: 60px;
    background: white;
    border: 1px solid #1260aa;
    z-index: 9999;
    width: 170px;
}

header .perfil .untercio nav ul.submenu li a {
    padding: 8px 15px;
    display: block;
    color: #4a4c4b;
}

header .perfil .untercio nav ul.submenu li a:hover {
    background: #1260aa;
    color: white;
    padding: 7px 14px;
    border: 1px solid white;
    font-weight: normal;
}

.paginacion {
    max-width: 480px;
    margin: 35px auto 25px auto;
    width: 94%;
    padding: 0 3%;
    text-align: center;
}

.paginacion ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.paginacion ul li {
    display: inline-block;
}

.paginacion ul li a {
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 8px 10px;
    color: #777;
    background: #fafafa;
    margin: 0 3px;
    display: inline-block;
}

.paginacion ul li a.actual,
.paginacion ul li a:hover {
    border: 1px solid #1260aa;
    color: #1260aa;
}

a.descargarcatalogo {
    background: #1260aa;
    display: block;
    color: white;
    text-align: center;
    padding: 10px;
    margin-top: -17px;
    margin-bottom: 50px;
}

a.descargarcatalogo:hover {
    background: #102050;
    font-weight: bold;
}

@media all and (max-width:1200px) {
    .carrito .interno .trescuartos .piecarrito .unmedio:nth-child(1) {
        width: 8%;
    }

    .carrito .interno .trescuartos .piecarrito .unmedio:nth-child(2) {
        text-align: right;
        width: 88%;
    }

    .carrito .interno .trescuartos .piecarrito .unmedio .botones {
        margin-top: 25px;
        text-align: right;
    }

    .carrito .interno .buscador form .untercio:nth-child(1),
    .carrito .interno .trescuartos .buscador form .untercio:nth-child(1){
        width: 18%;
        min-width: 146px;
    }

    .carrito .interno .buscador form .untercio p,
    .carrito .interno .trescuartos .buscador form .untercio p{
        margin-top: 0;
    }

    .carrito .interno .buscador form .untercio:nth-child(3),
    .carrito .interno .trescuartos .buscador form .untercio:nth-child(3){
        min-width: 240px;
    }

    .carrito .interno .buscador form .untercio input,
    .carrito .interno .trescuartos .buscador form .untercio input{
        max-width: 160px;
    }
}

@media all and (max-width:1120px) {
    footer .interno .untercio {
        width: 22%;
    }

    footer .interno .dostercios {
        width: 74%;
    }

    footer .interno .untercio img {
        max-width: 110px;
        margin: 5px 0 5px 5px;
    }
}

@media all and (max-width:1050px) {
    .postheader .interno nav li a {
        padding: 20px 15px;
    }

    .postheader .interno nav li.manualdespiece a {
        padding: 11px 15px;
    }

    .postheader .interno nav>li.seleccionado>a,
    .postheader .interno nav>li>a:hover {
        padding: 17px 15px;
    }

    .postheader .interno nav>li.manualdespiece>a:hover {
        padding: 8px 15px;
    }

    .postheader .interno nav .saldopendiente {
        padding: 10px 15px;
        top: 60px;
        min-width: 360px;
    }
}

@media all and (max-width:1024px) {}

@media all and (max-width:944px) {
    footer .interno .untercio {
        width: 25%;
    }

    footer .interno .untercio:nth-child(1) {
        text-align: right;
        margin-top: -10px;
    }

    footer .interno .untercio .unmedio {
        width: 98%;
    }

    footer .interno .untercio .unmedio img {
        max-width: 140px;
    }

    footer .interno .dostercios {
        width: 71%;
    }

    footer .interno .dostercios .direcciones .direccion:nth-child(1) {
        margin-bottom: 30px;
    }

    .carrito .interno .uncuarto {
        margin-top: 70px;
        min-width: 220px;
    }

    .carrito .interno .trescuartos {
        width: 68%;
    }

    .carrito .interno .trescuartos>.untercio {
        display: none;
    }

    .carrito .interno .trescuartos>.dostercios {
        width: 98%;
    }

    .interno #tabla_filter {
        margin: 0 0 25px 0;
        float: left;
    }

    .misdatos .untercio {
        width: 98%;
    }

    .misdatos .untercio .unmedio {
        width: 48%;
    }

    .carrito .interno .trescuartos .misdatos {
        margin-top: 25px;
    }

    .carrito .interno .trescuartos .misdatos .untercio h3 {
        margin: 0 0 25px 0;
    }

    .prefooter .interno {
        padding: 0 2% 25px 2%;
    }

    .carrito .interno .buscador form .untercio:nth-child(1),
    .carrito .interno .trescuartos .buscador form .untercio:nth-child(1){
        width: 98%;
    }

    .carrito .interno .buscador form .untercio:nth-child(2),
    .carrito .interno .buscador form .untercio:nth-child(3),
    .carrito .interno .trescuartos .buscador form .untercio:nth-child(2),
    .carrito .interno .trescuartos .buscador form .untercio:nth-child(3){
        width: 48%;
    }
}

@media all and (max-width:900px) {
    .prefooter .interno .uncuarto {
        width: 48%;
    }
}

@media all and (max-width:880px) {
    header .interno .perfil {
        min-width: 400px;
    }

    header .interno .perfil .untercio {
        width: auto;
        margin: 0 5px;
    }

    .carrito .interno {
        padding-top: 35px;
    }
}

@media all and (max-width:845px) {
    .postheader .interno .logo.logueado {
        bottom: -72px;
    }

    .postheader .interno nav .saldopendiente .unmedio {
        font-size: 14px;
    }

    .postheader .interno nav .saldopendiente .unmedio span {
        font-size: 22px;
    }
}

@media all and (max-width:820px) {
    .carrito .interno .trescuartos {
        width: 64%;
    }
}

@media all and (max-width:750px) {
    .carrito .interno .uncuarto {
        display: none;
    }

    .carrito .interno .trescuartos {
        width: 98%;
    }

    section.carrito {
        margin-top: 25px;
    }

    .interno #tabla_filter {
        margin: 25px 0;
        float: right;
    }

    .misdatos .untercio {
        width: 31%;
    }

    .misdatos .untercio .unmedio {
        width: 98%;
    }

    .carrito .interno .buscador,
    .carrito .interno .trescuartos .buscador{
        margin-top: 25px;
    }
}

@media all and (max-width:700px) {
    .carrito .interno {
        padding-top: 50px;
    }
}

@media all and (max-width:660px) {
    header .interno .bienvenida p {
        margin-top: -10px;
    }

    header .interno .bienvenida p strong {
        display: block;
    }

    header .interno .perfil {
        min-width: 170px;
    }

    header .interno .perfil .untercio a span {
        display: none;
    }

    header .interno .perfil .untercio a span.logout {
        display: inline-block;
        margin: -8px 10px 0 5px;
    }

    header .interno .perfil .untercio a span.logout br.oculto {
        display: inline-block;
    }

    .postheader .interno nav .saldopendiente {
        min-width: auto;
        width: 262px;
        padding: 8px 10px 5px 10px;
    }

    .postheader .interno nav .saldopendiente .unmedio {
        width: 98%;
    }

    .postheader .interno nav .saldopendiente .unmedio br {
        display: none;
    }

    .login>.interno {
        padding: 100px 2% 70px 2%;
    }

    .login>.interno form input {
        width: 92% !important;
        padding: 10px 3%;
    }

    .misdatos .untercio {
        width: 98%;
    }

    .misdatos .untercio .unmedio {
        width: 48%;
    }

    header .perfil .untercio nav {
        display: inline;
    }

    header .interno .perfil {
        min-width: 210px;
    }

    .postheader .interno nav {
        height: 10px;
    }

    .postheader .interno nav li {
        display: none;
    }

    .postheader .interno nav .saldopendiente {
        top: 10px;
        width: 160px;
    }

    .postheader .interno nav .saldopendiente .unmedio .visible {
        display: none !important;
    }

    .postheader .interno nav .saldopendiente .unmedio .oculto {
        display: inline-block;
    }

    header .interno .bienvenida p strong {
        margin-bottom: 10px;
    }
}

@media all and (max-width:640px) {
    .interno #tabla_filter {
        float: none;
        text-align: center;
        margin: 0 0 25px 0;
    }
}

@media all and (max-width:600px) {
    .prefooter .interno .uncuarto {
        float: none;
        width: 98%;
    }

    .carrito .interno .trescuartos table#tabla tbody tr td span.incrementos,
    .carrito .interno table#tabla tbody tr td span.incrementos {
        display: none;
    }
}

@media all and (max-width:540px) {
    footer .interno .untercio {
        width: 98%;
    }

    footer .interno .untercio:nth-child(1) {
        text-align: center;
        margin-top: 0;
    }

    footer .interno .untercio .unmedio {
        width: 48%;
    }

    footer .interno .untercio .unmedio img {
        max-width: 140px;
    }

    footer .interno .dostercios {
        width: 98%;
    }

    footer .interno .dostercios .direcciones .direccion:nth-child(1) {
        margin-bottom: 30px;
    }

    .carrito .interno .trescuartos .piecarrito .unmedio .botones a.botongris {
        margin-bottom: 10px;
    }
}

@media all and (max-width:480px) {
    .postfooter .interno {
        background: #f6f6f6;
    }

    .misdatos .untercio .unmedio {
        width: 98%;
    }
}

@media all and (max-width:380px) {
    footer .interno .dostercios .direcciones .direccion {
        position: relative;
        left: -35px;
        margin-bottom: 10px;
    }

    footer .interno .dostercios .direcciones .direccion:nth-child(1) {
        margin-bottom: 45px;
    }

    footer .interno .dostercios .direcciones .direccion .detalle p {
        font-size: 12px;
    }

    footer .interno .dostercios .direcciones .direccion .titulovertical {
        padding: 7px 10px;
        font-size: 18px;
        margin-right: -15px;
    }

    footer .interno .untercio .unmedio img {
        max-width: 100px;
    }
}