* {
    transition: background-color 300ms ease, color 300ms ease;
}
*:focus {
    background-color: rgba(221, 72, 20, .2);
    outline: none;
}
html, body {
    color: rgba(33, 37, 41, 1);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 16px;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
header {
    width: 100%;
    margin: 0 auto;
    max-width: 1150px;
    padding: .4rem 0 0;
}
.menu {
    padding: .4rem 2rem;
}
header ul {
    border-bottom: 1px solid rgba(242, 242, 242, 1);
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: right;
}
header li {
    display: inline-block;
}
header li a {
    border-radius: 5px;
    color: rgba(0, 0, 0, .5);
    display: block;
    height: 44px;
    text-decoration: none;
}
header li.menu-item a {
    border-radius: 5px;
    margin: 5px 0;
    height: 38px;
    line-height: 28px;
    padding: 5px 20px;
    text-align: center;
    background: #eee;
}
header li.menu-item a:hover,
header li.menu-item a:focus {
    background-color: rgba(221, 72, 20, .2);
    color: rgba(221, 72, 20, 1);
}
header .logo {
    float: left;
    height: 60px;
    padding: .4rem .5rem;
}


header .menu-toggle {
    display: none;
    float: right;
    font-size: 2rem;
    font-weight: bold;
}
header .menu-toggle button {
    background-color: rgba(221, 72, 20, .6);
    border: none;
    border-radius: 3px;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    font: inherit;
    font-size: 1.3rem;
    height: 36px;
    padding: 0;
    margin: 11px 0;
    overflow: visible;
    width: 40px;
}
header .menu-toggle button:hover,
header .menu-toggle button:focus {
    background-color: rgba(221, 72, 20, .8);
    color: rgba(255, 255, 255, .8);
}
header .heroe {
    margin: 0 auto;
    max-width: 1100px;
    padding: 1rem 1.75rem 1.75rem 1.75rem;
}
header .heroe h1 {
    font-size: 2.5rem;
    font-weight: 500;
}
header .heroe h2 {
    font-size: 1.5rem;
    font-weight: 300;
}
section {
    margin: 0 auto;
    max-width: 1200px;
    padding: 2.5rem 1.75rem 3.5rem 1.75rem;
}
section h1 {
    margin-bottom: 2.5rem;
}
section h2 {
    font-size: 120%;
    line-height: 2.5rem;
    padding-top: 1.5rem;
}
section pre {
    background-color: rgba(247, 248, 249, 1);
    border: 1px solid rgba(242, 242, 242, 1);
    display: block;
    font-size: .9rem;
    margin: 2rem 0;
    padding: 1rem 1.5rem;
    white-space: pre-wrap;
    word-break: break-all;
}
section code {
    display: block;
}
section a {
    color: rgba(221, 72, 20, 1);
}
section svg {
    margin-bottom: -5px;
    margin-right: 5px;
    width: 25px;
}
.further {
    background-color: rgba(247, 248, 249, 1);
    border-bottom: 1px solid rgba(242, 242, 242, 1);
    border-top: 1px solid rgba(242, 242, 242, 1);
}
.further h2:first-of-type {
    padding-top: 0;
}
footer {
    background-color: rgba(221, 72, 20, .8);
    text-align: center;
}
footer .environment {
    color: rgba(255, 255, 255, 1);
    padding: 2rem 1.75rem;
}
footer .copyrights {
    background-color: rgba(62, 62, 62, 1);
    color: rgba(200, 200, 200, 1);
    padding: .25rem 1.75rem;
}


#seccionDireccionDeEnvio input{padding: 10px 20px;width: 100%;border: 1px solid #ddd;}

#btnDescargarPDF{float: left;width: 100%;padding: 15px 15px 20px 15px;background: #f4b858;border: 1px solid #ddd;margin-top: 10px;text-align: center;font-weight: bold;}
#btnDescargarPDF:hover{background: #333;cursor: pointer;}
#btnDescargarPDF a{color: #fff;text-decoration: none;}

#menuGeneral{width: 20%;height: 70px;float: left;}
#buscador{width: 80%;height: 50px;float: left}
.cajaBuscador{width: 95%;height: 40px;padding: 10px 5%;float: left;border: 1px solid #aaa;border-radius: 5px 0 0 5px;}
.btnSearch {height: 40px;width: 40px;border-radius: 0 10px 10px 0;border: 1px solid #aaa;}
.btnSearch:hover{background: #fff;cursor:pointer}
.btnSearch:hover i{color: #f7a31c52;}
.btnSearch i{color: #0A2A39;}

#btnMenuGeneral{padding: 10px 20px;background: #0a2a39;color: white;width: 130px;margin: 0;border-radius: 5px;}
#btnMenuGeneral:hover{background: #031118;cursor:pointer}


.seccionCuadros{width: 100%;float: left;margin:20px 0 100px 0}
.seccionCuadros .cuadro{width: 23%;float: left;margin: 0 1%;padding:0 0 10px 0;border: 1px solid #f8b44a59;text-align: center;border-radius: 5px;}
.seccionVerProductos{text-align: center;padding: 10px 0 0 0;height: 45px;}
.tituloCuadro h3{font-weight: bold;width: 100%;float: left;background: #d1d7da;padding: 5px 10px 5px 5px;text-align: center;color: #0A2A39;margin: 0;}
.textoCuadro p{margin-top: 0;}
.seccionVerProductos a{padding: 10px;background: #f8b44a;color: white;border-radius: 5px;text-decoration: none;}
.seccionVerProductos a:hover{padding: 10px;background: #d79123;color: white;border-radius: 5px;text-decoration: none;}
.cuadroProducto .seccionBtnProducto{color: white;padding: 0;background: #f9a62685;text-align: center;max-width: 150px;margin: 10px auto; width: 100%;border-radius: 5px;height:35px}
.cuadroProducto .seccionBtnProducto:hover{background: #f9a626;cursor:pointer}
.cuadroProducto .seccionBtnProducto a{float: left;width: 100%;height: 35px;}

.seccionImagenProductoAnadido{width: 10%;float: left;}
.seccionImagenProductoAnadido img{max-width: 90%;max-height: 70px;padding: 5px;border: 1px solid #ddd !important;background: white;border-radius: 3px;vertical-align: middle;}
.seccionInfoProductoAnadido{width: 75%;float: left;}
.seccionPrecioTotalProductoAnadido{width: 15%;float: left;}
.errorForm{display: none;color: red;font-size: 12px !important;margin:5px 0;}

/*SLIDER*/
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1200px;
  position: relative;
  margin: auto;
  margin-top: 25px;
  z-index: -1;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

#seccionBotonesSlider .active, #seccionBotonesSlider .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
/*FIN SLIDER*/

#btnLogin, .btnLogout, #btnRegistro, #btnRegistrarse{
    display: block;
    background: #f3b045;
    border: 0;
    padding: 10px 30px;
    color: white;
    border-radius: 5px;
    margin-top: 20px;
}

#btnRegistro{float: left;margin-right:10px;float: left;margin-right: 10px;padding: 3px 20px;font-size: 14px;height: 35px;}

#btnLogin:hover, .btnLogout:hover, #btnRegistro:hover, #btnRegistrarse:hover{cursor:pointer;background: #ff9d00;}
#loginIncorrecto{
    color: red;
    font-size: 12px;
    float: left;
    margin: 0 0 5px 0px;
    text-align: center;
    width: 100%;
    font-weight: bold;}

#seccionLogin{
    float: left;
    width: 270px;
    background: #fafafa;
    position: absolute;
    border: 1px solid #ddd;
    padding: 10px;
    z-index: 9999;
}

#seccionLogin input{
    width: 100%;
    float: left;
    height: 30px;
    border: 1px solid #eee;
    padding: 5px;
    margin-bottom: 5px;
}

#seccionTituloCategoria{background: #0a2a39;color: white;padding: 0 20px;}
#seccionTituloCategoria h1{margin: 10px 0;}
#seccionContenidoCategoria{margin-bottom: 50px;}

.cuadroProducto{width: 23%;float: left;margin: 1%;border: 1px solid #0a2a3929;min-height: 419px}
.tituloCuadroTextoProducto{width:100%;float: left;background: #0a2a3914;padding: 0 10px;}
.tituloCuadroProducto h3{min-height: 75px;margin:5px 0;text-align:center;color:#333;min-height: 100px}
.tituloCuadroProducto h3:hover{color:#FF9D00;}

#sidebar{height: 818px;padding: 10px;background: #d1d7da82;}
#sidebar .tituloSidebar{font-weight: bold;margin-bottom: 5px;}
#sidebar select{width: 100%;padding: 10px;}


#gallery_01 img{border:2px solid white;}
/*Change the colour*/
.active img{border:1px solid #ddd !important;}

#seccionMenu{
    padding: 10px 15px;
    background: #0a2a39;
    float: left;
    z-index: 999;
    position: relative;
    width: 280px;
    margin-top: 1px;
    border-radius: 5px;
    display: none;
}

#seccionMenu a{
    color: white;
    margin: 0 0 8px 0;
    width: 100%;
    float: left;
    text-decoration: none;
}

#seccionMenu p:hover{
    cursor: pointer;
    font-weight: bold;
    color: #FAA41F;
}

#seccionContenidoProducto{padding-top: 30px;}
.cajaConfiguracion{float:left;width:100%;margin-bottom: 20px;}

#seccionImagenes{width: 40%;border: 1px solid #eee;padding: 10px;float:left;margin-bottom: 30px;
    background: #fff;
    border-radius: 3px 3px 8px 8px;
    -webkit-box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
}

#seccionConfiguracionProducto{float:right;width:58%;margin-left: 2%;padding: 30px 20px;
    background: #fff;
    border-radius: 3px 3px 8px 8px;
    -webkit-box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
}

#seccionConfiguracionProducto .cabecera{float: left;
width: 100%;
background: #0a2a3991;
color: white;
padding: 5px 10px;
border-radius: 5px;
}

#seccionConfiguracionProducto .cabecera p{
    float: left;
    margin: 7px;
    font-size: 18px;
    font-weight: bold;
}

.porfavorLogin{
    width: 100%;
    float: left;
    background: #ddd;
    padding: 10px;
}

.porfavorLogin i{
    margin-top: 0;
}

.porfavorLogin p{
    float: left;
    margin: 0;
    font-size: 12px;
}

.imagenCuadroProducto{background-size: contain !important;background-repeat: no-repeat !important;background-position: center !important;height:150px !important}
.textoCuadroProducto{min-height: 65px !important;}
.coloresCuadroProducto{min-height: 25px !important;padding: 7px;background: #ffffff96;border-radius: 10px;margin-top: 10px;border: 1px solid #eee;}

.fa-exclamation-circle {float:left;margin-right:5px;color:#d54848;margin-top:4px;}

.elevatezoom-gallery{width:20%;float:left;}

#tituloProducto{font-size: 30px !important;margin-bottom: 15px;border-bottom: 5px solid #f4b858;padding-left: 15px;}
.skuProducto{margin: 0 0 5px 0;}
.descripcionProducto{margin: 0 0 5px 0;}

.seccionProductoAnadido{width: 100%;float: left;border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-top: 5px;}
.tituloProducto{width: 70%;float: left;margin: 0 0 5px 0;color: #0a2a39;font-weight: bold;}
.precioTotalProducto{width:100%;float:left;margin: 0 0 5px 0;text-align: right;font-size: 20px;}
.unidadesPorPrecio{width: 100%;float: left;margin: 0;font-style: italic;}
.color{width: 100%;float: left;margin: 0;}
#seccionUnidadSinIVA{width: 100%;float: left;margin-top: 10px;border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-top: 50px;}
#seccionUnidadSinIVALeft{font-weight: bold;font-size: 18px;width: 70%;float: left;}
#seccionUnidadSinIVARight{width: 30%;float: right;text-align: right;}
#seccionUnidadConIVA{width: 100%;float: left;margin-top: 10px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
#seccionUnidadConIVALeft{font-weight: bold;font-size: 18px;width: 70%;float: left;}
#seccionUnidadConIVARight{width: 30%;float: right;text-align: right;}
#seccionTotalSinIVA{width: 100%;float: left;margin-top: 10px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
#seccionTotalSinIVALeft{font-weight: bold;font-size: 18px;width: 70%;float: left;}
#seccionTotalSinIVARight{width: 30%;float: right;text-align: right;}
#seccionTotalConIVA{width: 100%;float: left;margin-top: 10px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
#seccionTotalConIVALeft{font-weight: bold;font-size: 18px;width: 70%;float: left;}
#seccionTotalConIVARight{width: 30%;float: right;text-align: right;}
#seccionTotales{width: 100%;max-width: 400px;margin: 0 auto;}
#btnSolicitar, #btnAnadirACarrito, #btnGuardarDatosUsuario{margin-top: 30px;padding: 10px 35px;width: 100%;max-width: 200px;background: #f3b045;color:white;border-radius: 5px;border: 0;font-size: 18px;}
#btnSolicitar:hover, #btnAnadirACarrito:hover, #btnGuardarDatosUsuario:hover{cursor: pointer;background: #ff9d00;}
#btnVaciarCarrito{margin-top: 30px;padding: 10px 35px;width: 100%;max-width: 200px;background: #ff8686;color:white;border-radius: 5px;border: 0;font-size: 18px;}
#btnVaciarCarrito:hover{cursor: pointer;background: #ff0000;}

.iconDesplegable{margin-left: 10px;float: right;background: #f3b045;padding: 8px;border-radius: 25px;margin-top: 4px;}
.iconDesplegable:hover{background: #FAA41F;cursor:pointer}

.cuerpoConfiguracionProducto{padding: 20px;float:left;width: 100%;background: #fafafa;border: 1px solid #ddd;display: none;min-height: 125px;}

#logoElegido{width: 100%;float: left;max-height: 149px;}
#dropzonegaleria .dz-preview{display: none;}

.secColorPaso1{float: left;width: 100%;min-height: 60px;position: relative;border: 1PX solid #efefef;padding: 5px;margin-bottom: 5px;background: #ededed;opacity: 0.7;}
.secColorPaso1:hover{cursor: pointer;background: #f4b85836;}
.secColorPaso1Seleccionado{background: #f4b85836;opacity: 1;}
.secImgPaso1{float: left;width: 15%;text-align: center;height: 50px;line-height: 46px;margin: 0px auto;text-align: center;}
.secImgPaso1 img{max-width: 80%;max-height: 50px;padding: 5px;border: 1px solid #ddd !important;background: white;border-radius: 3px;vertical-align: middle;}
.secTextoPaso1{float: left;width: 35%;}
.secTextoPaso1 p{font-size: 14px;font-weight: bold;float: left;width: 100%;}
.secCantidadPaso1{float: left;width: 50%;padding-right: 2%;}
.inputCantidad{text-align: center;height: 40px;margin-top: 7px;border: 1px solid #74868e59;padding: 2px;width: 50%;border-radius: 3px;}
.marcadorCantidad{float: right;margin-left: 5%;background: #8ce38c;padding: 5px 10px;width: 45%;text-align: center;margin: 13px 0 8px 5%;border-radius: 3px;font-size: 14px;}
.marcadorCantidadRojo{background: #ffa5a5;}
#selectorGrabacion, #selectorColores {padding: 8px 10px;width: 95%;}
.imagenesGaleria{width: 18%;margin-bottom:10px;min-height: 80px;float: left;margin-right: 2%;cursor: pointer;text-align: center;position: relative;}

#imagenLoading{display: none;}

.seccionCampoUsuario{width: 31%;float: left;margin: 10px 1%;font-weight: bold;}
.seccionCampoUsuario input{width: 100%;float: left;padding: 10px 20px;border:1px solid #ccc;font-size: 14px;margin-top: 5px;border-radius: 2px;}

#seccionDatosUsuario{float: left;width: 100%;margin: 30px 0;}


footer{width: 100%;float: left;background: #0a2a39;}

#navPaginador, #navPaginador .pagination, #navPaginador .pagination li{width: 100%;float: left;}
#navPaginador .pagination li{width: 100%;float: left;width:30px;}
#navPaginador .pagination li a{text-decoration: none;float: left;width: 100%;text-align: center;background: #eee;border: 1px solid #ddd;margin: 0 10%;color: black;height: 30px;padding-top: 3px;}
#navPaginador .pagination li.active a{background: #f9a626;}
#navPaginador .pagination li a:hover{background: #f9a626;}
#navPaginador .pagination li::marker{font-size: 1px !important;}



#selectEstampacionGajos{
    width: 100%;
    max-width: 420px;
    position: absolute;
    font-size: 16px;
    padding: 5px;
    background: #ffffff;
    color: white;
    float: left;
    z-index: 0;
    border-radius: 6px !important;
    border: 2px solid #c3c3c3;
    -webkit-box-shadow: 5px 5px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 5px 0px #548e59;
    max-height: 300px;
    overflow: auto;
    margin-top: 0;
}

/*PARTE DE ESTAMPACION VISTA DE PRODDUCTO DESARROLLO*/
.secGrabacion{width:100%;float: left;}
.secGrabacionSelect{width: 100%;float: left;}
.secGrabacionSelect ul li.option, .selectEspalda ul li.optionEspalda  {
    border-bottom: 1px solid #ddd;
    background: #fff;
    color: #6D91C8;
    padding-left: 10px;
    font-size: 14px;
}

.catalog-product-view .paypal-logo, .checkout-cart-index .paypal-logo, .minicart-wrapper .paypal-logo{display: none !important}

.tablaOferta{
  width: 30%;
  float: left;
  margin: 10px 1.5% 20px 1.5%;
}

.secGrabacionSelect ul li.option:hover, .selectEspalda ul li.optionEspalda:hover {
    background: #f7f7f7;
    color: #6D91C8;
    cursor: pointer;
}

.secGrabacionSelect ul li.option, .selectEspalda ul li.optionEspalda {
  z-index: 1;
  padding: 5px;
  display: none;
  list-style: none;
}

.secGrabacionSelect ul li:first-child, .selectEspalda ul li:first-child {
  display: block;
}

.secGrabacionSelect ul li, .selectEspalda ul li {
  cursor: default;
}

.secGrabacionSelect, .selectEspalda {float: left;}
.secGrabacionSelect ul{width: 20%;min-width:210px;position:absolute;font-size: 16px;padding: 5px;background: #ffffff;color: white;float: left;z-index: 0;border-radius: 6px !important;
    border: 2px solid #c3c3c3;-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 5px 0px #548e59;
    max-height: 300px;
    overflow: auto;}

.option{width: 100%;float: left;}
.option .divImagenes{width: 60%;float: right;}
.option p{width: 35%;float: left;margin: 0;}
.option img{width: 15px;float: left;margin-right: 2px;}


.secGrabacionLogo{width: 100%;float: left;margin-top: 80px;}
#dropzonegaleria{background: url(/assets/images/upload.png);background-size: auto;background-repeat: no-repeat;background-position: center;}
.dropzone.dz-clickable .dz-message{margin-top: -10px;}
#secGrabacionLogoLeft{width: 48%;float: left;margin-right: 2%;}
#secGrabacionLogoRight{width: 48%;float: right;}

#seccionPrecios{width: 100%;float: left;}
#seccionProductosAñadidos{width: 100%;float: left;padding: 0 20px;}
.seccionProductoAnadido .color{color: #f3b045;font-weight: bold;font-style: italic;}

#seccionTotalLeft{width:50%;float: left;}
#seccionTotalRight{width:50%;float: right;}

#seccionMenuMiCuenta{width: 100%;float: left;}
#seccionPedidosMiCuenta{width: 100%;float: left;}
.cabeceraConjuntoPedidoCuenta{float: left;width: 100%;padding: 10px 0 0 10px;font-size: 20px;font-weight: bold;}
.conjuntoPedidoCuenta{float: left;width: 100%;background: #d1d7da;margin-bottom: 20px;border: 1px solid #333;}
.pedidoCuenta{width: 100%;float: left;padding: 10px 0;}
.infoGeneralPedidoCuenta{width: 100%;float: left;padding: 10px;background: #d1d7da52;border: 1px solid #ddd;}
.infoGeneralPedidoCuenta p{margin: 0 0 5px 0;float: right;width: 25%;text-align: right;padding-right: 10px;}
.infoProductosPedidoCuenta{width: 100%;float: left;padding: 10px;background: #fafafa;border: 1px solid #ddd;}
.productoPedidoCuenta{width: 100%;float: left;background-color: white;padding: 10px;border: 1px solid #eee;}
.productoPedidoCuenta p{margin: 0 0 5px 0;}
.enlaceOpcionesCabecera{float: left !important;width: 100% !important;position: relative !important;margin: 0 !important;height: auto !important;padding: 0 !important;background: white !important;line-height: inherit !important;}
.imagenProductoPedidoCuenta{width: 10%;float: left;text-align: center;height: 100px;line-height: 65px;margin: 0px auto;}
.infoProductoPedidoCuenta{width: 80%;float: left;}
.precioProductoPedidoCuenta{width: 10%;float: right;font-size: 18px;text-align: right;}
.imagenProductoPedidoCuenta img{max-width: 85%;max-height: 100px;padding: 5px;border: 1px solid #ddd !important;background: white;border-radius: 3px;vertical-align: middle;}
.totalesCarrito{width:50%;float:right;text-align:right;margin-bottom:50px;background:#eee;border:1px solid #ddd;padding:10px}
.totalesCarrito p{font-size: 22px;margin: 10px;}

.menu-item{opacity: 0.9;}
.menu-item:hover{cursor:pointer;opacity: 1;}
.menu-item:hover p{color: #ff9d00 !important;}

fieldset{border-color: #eee;border-style: solid;background: #fafafa;padding: 30px;border-radius: 5px;}

.seccionMitad{float:left;width: 50%;padding: 10px;}
.seccionMitad .contenedorInput input{padding: 10px 10px;margin-bottom: 0px;width: 100%;border: 1px solid #ddd;}
.seccionMitad .contenedorInput p{text-align: left;margin-bottom: 2px;font-weight: bold;font-size: 14px;margin-left: 5px;}


.seccionPoliticas{float: left;width: 100%;color: white;padding: 20px 0;text-align: center;}

@media (max-width: 629px) {

    #btnRegistro{width: 96%;padding: 3px 2% !important;}
    #selectEstampacionGajos{max-width: 325px !important}
    .marcadorCantidad{margin-top: 7px !important}
    .seccionMitad{width: 100%}
    #ins--secondary-header{height: 115px !important;}
    #menuGeneral{width: 100%;}
    #buscador{width: 98%;margin: 0 1%;}
    #seccionMenu{width: 100%;}
    .seccionCuadros .cuadro{width: 100%;}
    .cuadroProducto{width: 100%;}
    .cajaBuscador{width: 85%;}
    #seccionImagenes{width: 100%;}
    #seccionConfiguracionProducto{width: 100%;}
    #sidebar{display: none !important;}
    #seccionGrid{width: 100% !important;}
    #btnMenuGeneral{margin: 0 1%;width:98%}
    #menuGeneral{height:50px !important}

    #btnLogin, .btnLogout{width: 96%;padding: 10px 2% !important;margin-top: 10px ;}
    .enlaceOpcionesCabecera p{display: none ;}
    #seccionLogin{right: 20px;}

    .imagenProductoPedidoCuenta{width: 100%;}
    .infoProductoPedidoCuenta{width: 100%;}
    .precioProductoPedidoCuenta{width: 100%;}

    .totalesCarrito{width: 100%;text-align:center;}

    .seccionCampoUsuario{width: 90%;margin:0 5%;float: left;}
    

    header ul {
        padding: 0;
    }
    header .menu-toggle {
        padding: 0 1rem;
    }
    header .menu-item {
        background-color: rgba(244, 245, 246, 1);
        border-top: 1px solid rgba(242, 242, 242, 1);
        margin: 0 5px;
        width: calc(100% - 30px);
    }
    header .menu-toggle {
        display: block;
    }
    header li.itemCuenta, header li.itemCarrito, header li.itemPerfil{width: 31% !important;float: left;margin-right: 1% !important;margin-left: 1% !important;}
    header li.menu-item a {
        background-color: rgba(221, 72, 20, .1);
    }
    header li.menu-item a:hover,
    header li.menu-item a:focus {
        background-color: rgba(221, 72, 20, .7);
        color: rgba(255, 255, 255, .8);
    }

    header .logo {height: auto !important}

    header .logo img{
        width: 90%;
        height: auto;
        margin: 0 5%;
        float: left !important;
    }

    header li{
        float: left !important;
        width: 100% !important;
    }

}