@import "fonts.css";

html {min-height: 100%;}
body.login {}
fieldset { border: none; }
.clear {clear: both; margin: 0 !important;}
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; }
input { border: none; }
li, ul, body, div, span, p, h1, h2, h3, input { margin: 0px; padding: 0px; }
ul { list-style-type: none; }
img { border: none; }
table { border-collapse: collapse; }
body, html { font-family: regular, sans-serif;font-size: 14px; color: #231f20; height: auto !important;}
button {background-color: transparent; border: none;}
.padding_interna{}
.oculto{display:none !important;}

#mensajeestado { display: none; background-color: rgba(0, 94, 163, 0.8); color:#fff; font-size: 14px; padding: 50px;border-radius:5px; -moz-border-radius: 5px; position: fixed; font-weight: bold; border: solid 1px #333; z-index: 100000000; width:auto; }

/* ----- Estilos Globales ------ */
@media (max-width: 479px){
    .col-xxs-12 {width: 100%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
    .col-xxs-6 {width: 50%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
}
@media (min-width: 1860px){
    .col-xlg-1 {width: 8.33333333%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
    .col-xlg-2 {width: 16.66666667%; padding-left: 15px; padding-right: 15px; position: relative; min-height: 1px; float:left;}
}

#contenido {width: 100%;}
#principal {position: relative;}
#gracias .mensaje_contacto{overflow: hidden;clear: both;margin: 30px 0;}
#gracias .mensaje_contacto h4{text-align: center; font-family: esp; font-size: 90px;margin-bottom: 30px;color: #3B2314}
#gracias .mensaje_contacto .c_info{text-align: center;font-size: 28px;font-family: semi;margin-bottom: 30px;}

.center {width: 1170px; margin: 0 auto; position: relative;}

.no-padd {padding: 0 !important;}
.no-padd-l {padding-left: 0px !important;}
.no-padd-r {padding-right: 0px !important;}


.tabs a {-webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s;}


/*estilos select*/
/*.select2-container{width: 100% !important;}
.select2-container--default .select2-selection--single{border-radius: 6px;border:1px #6b6b6b solid;height: 30px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 24px; border: none; background-color: #FFF; margin-top: 2px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{height: 29px;line-height: 27px;}*/


.tooltip > .tooltip-inner{background-color: #221b17; border-radius: 5px; color: #FFF; border: none; padding: 5px 15px; font-size: 14px; font-family: regular;}

/* Tooltip on top */
.tooltip.top > .tooltip-arrow {border-top: 5px solid #221b17;}

/* Tooltip on bottom */
.tooltip.bottom > .tooltip-arrow {border-bottom: 5px solid #221b17;}

/* Tooltip on left */
.tooltip.left > .tooltip-arrow {border-left: 5px solid #221b17;}

/* Tooltip on right */
.tooltip.right > .tooltip-arrow {border-right: 5px solid #221b17;}

.miga {padding: 15px 0px ; clear: both;overflow: hidden;margin-bottom: 15px;}
.miga a{display: inline-block;color: #76a9da;font-family: thin;text-align: center;font-size: 15px;}
.miga a:hover{text-decoration: underline;}
.miga i{margin: 0 5px;font-size: 14px;color: #484649;}
.miga .activo{padding:5px; font-family: thin; color: #484649; font-size: 15px;text-decoration: underline;}

.campo-error{ clear: both; display: block; overflow: hidden;}


button{transition: background-color 0.5s, color 0.5s;}
a{transition: background-color 0.5s, color 0.5s;}

/*botones*/
    
    a[class*="btn-"], button[class*="btn-"] { text-align: center; cursor:pointer;}
    a[class*="btn-"]:hover, button[class*="btn-"]:hover { color:#fff; text-decoration: none;}

    .btn-incio-facebook{background-color: #2f428b; color: #FFF; text-align: center; border: 1px #FFF solid; border-radius: 3px; padding: 5px; font-family: semi; font-size: 15px;}
    .btn-buscar{background-color: #7c7c7c; color: #FFF; text-align: center; border: none; border-radius: 5px; padding: 5px; font-family: semi; font-size: 15px;}
    .btn-categorias{padding: 5px; color: #FFF; font-family: regular; font-size: 15px; border-radius: 8px; background-color: #c13d5d;}
    .btn-carrito{color: #FFF; font-size: 20px; font-family: semi; padding: 3px 10px; border-radius: 3px;}
    .btn-labels{color: #0099d9; font-size: 14px; font-family: semi; border: 1px #0099d9 solid; padding: 7px 10px; border-radius: 3px;}
    .btn-labels i{background-color: #0099d9; color: #FFF; border-radius: 50%;}
    .btn-labels:hover{background-color: #0099d9;}
    .btn-pagar{color: #FFF; padding: 7px 15px; font-family: semi; font-size: 18px; background-color: #069ADC; border-radius: 2px; border: none;}
    .btn-quitar-producto{color: #FFF; padding: 6px 20px; font-family: semi; font-size: 18px; background-color: #069ADC; border-radius: 2px; border: none;}
    .btn-cambiar-cantidad{color: #FFF; padding: 6px 20px; font-family: semi; font-size: 18px; background-color: #069ADC; border-radius: 2px; border: none; display: block; cursor: pointer;}
    .btn-realizar-ped{padding: 6px 15px;color: #FFF; font-family: semi; font-size: 18px; background-color: #069ADC; border-radius: 2px; border: none;}
    .btn-cerrarsesion{background-color: #5799d9; border-radius: 3px; padding: 3px 15px; color: #FFF; font-family: semi; font-size: 18px;}
    .btn-ingresar{background-color: #5799d9; border-radius: 3px; padding: 5px 15px; color: #FFF; font-family: semi; font-size: 18px;}
    
    
/*paginacion*/

    /*.registros-encontrados{margin-bottom: 40px; font-size:15px; font-family: thin; color: #484649;}
    .contenedor-paginacion {overflow:hidden; clear:both; background-color: #e8e9ea; margin-top:10px;}
    .contenedor-paginacion .paginacion { margin: 10px auto; overflow:hidden; width: 100%; text-align: center;}
    .contenedor-paginacion .paginacion ul{padding:0; list-style-type:none;margin: 0 auto; display:inline-block;}
    .contenedor-paginacion .paginacion ul li a{ border-color:#ccc; }
    .contenedor-paginacion .paginacion ul li a.activo { background-color:#e8e9ea; color:#666; border-color:#ccc; }*/
    
    .registros-encontrados{margin-top: 18px; text-align:right; color:#2F2F2B; font-size:16px; float: left; font-family: regular;}
    .contenedor-paginacion {overflow:hidden; float: right;}
    .contenedor-paginacion .paginacion {overflow:hidden; width: 100%; text-align: center; padding: 20px 15px;}
    .contenedor-paginacion .paginacion ul{padding:0; list-style-type:none;margin: 0 auto; display:inline-block;}
    .contenedor-paginacion .paginacion ul .palabra a{background-color: #dbdbda; display: block; border-radius: 10px; color: #000; font-size: 18px;}
    .contenedor-paginacion .paginacion ul li a{border:none; background-color: transparent; color: #717171; font-size: 16px; font-family: light;}
    .contenedor-paginacion .paginacion ul li a:hover{text-decoration: underline;}
    .contenedor-paginacion .paginacion ul li a.activo {color:#2F2F2B; font-family: bold; font-size: 16px;}
    .contenedor-paginacion .paginacion ul li a.activo:hover{background-color: transparent; text-decoration: none;}
    
    @media (max-width: 991px){
    .registros-encontrados{padding: 0 15px;}
    }

    @media (max-width: 479px) {
        .registros-encontrados{width: 100%; text-align: center;}
        .contenedor-paginacion{width: 100%;}
    }

@media (max-width: 1220px) {
    .center {width: 100%}

}

@media (max-width: 767px) {
    .miga .ctn-miga{margin-top: 0px;margin-bottom: 15px;}
    .miga .form-group label{text-align: left;}

}

@media (max-width: 479px) {
    .miga .form-group label{width: 32%;}
    .miga .form-group .ctn-campo{width: 68%;}

}

/* formularios */
    .ctn-formulario{padding: 0 10px;}
    .ph_formulario.predeterminado .titulo-formulario{font-family: roboto-light; font-size: 18px; background-image:url("../Imagenes/Sistema/fondo-label-grande.png"); color: #FFF; margin-top:25px; padding: 5px 85px 5px 10px; background-repeat: no-repeat;font-weight: 700;height: 33px;}
    .ph_formulario.predeterminado .ctn-form{clear: both;margin-bottom: 0;padding: 15px 0 0;}
    .ph_formulario.predeterminado .h-campos{padding-left: 0; padding-bottom: 10px;display: inline-block; margin-bottom: 5px; font-weight: 700; font-size: 14px;}
    .ph_formulario.predeterminado .ctn-campos{padding: 0;}
    .ph_formulario.predeterminado .form-group{ margin-bottom: 20px;}
    
    .ph_formulario.predeterminado .form-group label span{color: #207ECE;}
    .ph_formulario.predeterminado .form-group label .ayuda{margin-left: 5px; display:inline-block; color: #93C31D;}
    
    form input + .ayuda{ position:absolute; top:36px; right:18px; font-size:16px;}
    
    /*.ctn-form .titulo-form{margin-bottom: 25px;}
    .ctn-form .titulo-form img{display: inline-block;margin-right: 5px;}
    .ctn-form .titulo-form span{color: #999999;}
    .ctn-form .titulo-form h2{display: inline-block;color: #4D4D4D;font-family: semi;font-size: 18px;}*/

    .ph_formulario.predeterminado .form-group label{font-size: 15px;color: #4D4D4D;font-family: regular;font-weight: normal;}
    .ph_formulario.predeterminado .form-group input[type="text"],
    .ph_formulario.predeterminado .form-group input[type="password"] {border-radius: 3px;background-color: #FFF;height: 31px;border: 1px #5B5B5F solid;}
    .ph_formulario.predeterminado .form-group textarea{border-radius: 3px;background-color: #FFF;border: 1px #5B5B5F solid;}

/*    .ph_formulario.predeterminado .input-group .form-control{background-color: #FFF;}
    .ph_formulario.predeterminado .input-group-btn:last-child > .btn{height: 27px; background-color: #867878; color: #FFF; font-family: regular; font-size: 16px; border-radius:0; padding:2px 20px; }*/
    
    .ph_formulario.predeterminado .ctn-btn{text-align: right; margin-bottom: 50px;}
    .ph_formulario.predeterminado .ctn-btn .btn-cancelar{border-radius: 8px; background-color:#EEE;padding: 5px 45px; font-size: 18px; font-family: regular; border: none;float: right;}
    .ph_formulario.predeterminado .ctn-btn .btn-guardar{display: inline-block; margin-right: 10px; background-color: #6db024;border-radius: 8px;text-align: center;color: #fff;padding: 5px 45px; font-size: 18px; font-family: regular; border: none;}
    .ph_formulario.predeterminado .borde{border-top: 3px #6db024 solid;}
    .ph_formulario.predeterminado .form-group .ph_archivo { }
    .ph_formulario.predeterminado .form-group .ph_archivo label span{ color: #fff;}
    .ph_formulario.predeterminado .form-group .ph_archivo .ctn-img { background: #c5c5c5; position:relative; min-height:50px; }
    .ph_formulario.predeterminado .form-group .ph_archivo .ctn-img .img{ max-width:130px; max-height:150px; margin:0 auto; display:block;}
    .ph_formulario.predeterminado .form-group .ph_archivo .ctn-img img{ margin:0 auto;}
    .ph_formulario.predeterminado .form-group .ph_archivo .ctn-img .ctn-borrarimg{ position:absolute; bottom:0; left:0; width:100%; background: rgba(20,20,20,0.9); text-align:center; color:#fff; padding:5px 0; }
    .ph_formulario.predeterminado .form-group .ph_archivo .ctn-img .ctn-borrarimg .icheckbox_minimal{ background-color:#fff; }
    .ph_formulario.predeterminado .form-group .ph_archivo .btn-file{width: 100%;padding: 5px 0;margin:0;}
    .ph_formulario.predeterminado .form-group .ph_archivo .btn-negro{background-color: #404041;font-size: 15px;font-family: regular;color: #FFF;border: none;border-radius: 0;padding: 5px 25px;width: 100%;display: block;}
    .ph_formulario.predeterminado .form-group .ph_archivo .btn-negro:hover{background-color: #000;color: #FFF;}
    .ph_formulario.predeterminado .form-group .ph_archivo .bootstrap-filestyle{width: 100%;}

    
@media (max-width: 767px) {
    .ctn-formulario { padding: 0;}

    .ph_formulario .h-campos { padding-bottom: 10px; }
    .ph_formulario .form-group { margin-bottom: 15px;}
    .ph_formulario .ctn-btn .btn-cancelar{ }
    .ph_formulario .ctn-btn .btn-guardar{ }
}

@media (max-width: 479px) {
    .ph_formulario .ctn-btn .btn-cancelar{ padding:5px 20px; }
    .ph_formulario .ctn-btn .btn-guardar{ padding:5px 20px; }
    .ctn-img-item .item-report .img-item img{width: auto; height: 150px}
    .ph_imagen{width: 150px; margin: 0 auto 15px auto; float: none;}
    .ph_album{width: 150px; margin: 0 auto 15px auto; float: none;}
}

    /*estilos select2*/
    .select2.select2-container{width: 100% !important;}
    .select2-container--default .select2-selection--single{border-radius: 0px;border: 1px #CCC solid; height:31px;}
    .select2-container--default .select2-selection--single .select2-selection__rendered{ /*font-family: bold;/**/}
    .select2-container--default .select2-selection--multiple{border-radius: 0px;border: 1px #CCC solid; min-height:32; height:auto;}
    .select2-container--default .select2-selection--multiple .select2-selection__rendered{/*font-family: bold;/**/}
    
    /*Plug in Dropzone*/
    .label-file{display: none;}
    .campo-archivo .dropzone{float: left;width: 100%;min-height: 0;height: auto;background-color: transparent;padding: 20px 0;}
    .campo-archivo .dropzone.dz-clickable .dz-message {margin: 20px 0;float: left;width: 100%;}
    .campo-archivo .dropzone.dz-clickable .dz-message p{font-family: semi;font-size: 25px;}
    .campo-archivo .dropzone.dz-clickable .dz-message i{font-size: 35px;margin-right: 5px;}

    /*item de archivos*/
    .ctn-item-archivo{display: none;}
    .ctn-archivo{display: inline-block;margin-bottom: 15px;}
    .item-archivo{background-color: #FFF;padding: 15px;}
    .item-archivo .sup{clear: both;margin-bottom: 4px;}
    .item-archivo .sup .icon-archivo{display: inline-block;padding-right: 0;}
    .item-archivo .sup .icon-archivo img{display: block;margin: 0 auto;}
    .item-archivo .sup .name-file{display: inline-block;font-family: regular;font-size: 14px; color: #222220;word-wrap: break-word;}
    .item-archivo .inf {clear: both;}
    .item-archivo .inf h2{display: inline-block;float: left;font-family: regular;color: #6F6F6E;font-size: 13px;margin-bottom: 10px;}
    .item-archivo .inf .btn-file{display: inline-block;float: left;width: 100%;}
    .item-archivo .inf .btn-file button{display: inline-block; font-size: 14px;font-family: regular;color: #FFF;border-radius: 0;padding: 5px 15px; border: none;float: left;}
    .item-archivo .inf .btn-file button:first-child{margin-right: 5px;}
    .item-archivo .inf .btn-file .btn-editar{text-align: center;color: #FFFFFF;background-color: #898B8D;}
    .item-archivo .inf .btn-file .btn-borrar{background-color: #EC1C24;color: #FFF;text-align: center;}


    /* Errores /**/
    form .error {color: #cc0000 !important;}
    form input.error, 
    form select.error, 
    form textarea.error, 
    /*form select.error + .select2 .select2-selection,/**/
    form .ui-multiselect.error,
    form .select2-selection.error,
    form .icheckbox_minimal.error,
    form .mce-tinymce.error,
    form .iradio_minimal.error,
    form .icons-selector .selector.error {border:1px #cc0000 solid !important;}
    form label.error {}
    form .error a {color: #cc0000 !important;}
    
@media (max-width: 767px) {
    .ctn-formulario { padding: 0;}
    
    .ph_formulario .h-campos { padding-bottom: 10px; } 
    .ph_formulario .form-group { margin-bottom: 15px;}
    .ph_formulario .ctn-btn .btn-cancelar{ }
    .ph_formulario .ctn-btn .btn-guardar{ }
}

@media (max-width: 479px) {
    .ph_formulario .ctn-btn .btn-cancelar{ padding:5px 20px; }
    .ph_formulario .ctn-btn .btn-guardar{ padding:5px 20px; }
}

/*formulario en comentarios */

    .ph_formulario.comentario-form .form-group{margin-bottom: 20px;}
    .ph_formulario.comentario-form .form-group label span{color: #d32028;}
    .ph_formulario.comentario-form .form-group label .ayuda{margin-left: 5px;}
    .ph_formulario.comentario-form .form-group label .ayuda i{color: #93C31D;}
    .ph_formulario.comentario-form .form-group label{color: #383838; font-family: regular; font-size: 14px; font-weight: normal; float: left;}
    .ph_formulario.comentario-form .form-group input[type="text"],
    .ph_formulario.comentario-form .form-group input[type="password"],
    .ph_formulario.comentario-form .form-group input[type="email"]{height: 38px; border-radius: 0px; border: none; box-shadow: none; background-color: #FFF; border: 1px #a5a5a5 solid;}
    .ph_formulario.comentario-form .form-group textarea{border-radius: 0px;background-color: #FFF; border: none; box-shadow: none; border: 1px #a5a5a5 solid;}
    .ph_formulario.comentario-form .select2-container--default .select2-selection--single{height: 38px; border: none; border-radius: 0px; background-color: #FFF; border: 1px #a5a5a5 solid;}
    .ph_formulario.comentario-form .select2-container--default .select2-selection--single .select2-selection__rendered{padding-top: 6px;}
    .ph_formulario.comentario-form .select2-container--default .select2-selection--single .select2-selection__arrow{margin-right: 5px; margin-top: 5px; height: 31px; border: none; background-color: #f0f0f1; border-radius: 10px;}
    .ph_formulario.comentario-form .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #0066A0 transparent transparent transparent;}
    .ph_formulario.comentario-form .select2-container--default .select2-selection--single .select2-selection__placeholder{float: left; margin-top: 2px;}
    .ph_formulario.comentario-form .ctn-btn{text-align: center;}


/*-- Item productos
-----------------------------------------------------
*/

.item-prod{margin-bottom: 20px;}
    
    .item-prod .img-item{position: relative; margin-bottom: 17px;}
    .item-prod .img-item img{width: 100%;}
    .item-prod .img-item .elem-absoluto{position: absolute; text-align: center;}
    .item-prod .img-item .favorito{top: 26px; left: 10px; font-size: 33px;}
    .item-prod .img-item .favorito a{text-decoration: none !important;}
    .item-prod .img-item .favorito a:hover{text-decoration: none !important;}
    .item-prod .img-item .favorito .icon-heart-o{color: #000000;}
    .item-prod .img-item .favorito .icon-heart{color: #cb2128;}
    .item-prod .img-item .nuevo{text-transform: uppercase; background-image: url(../Imagenes/Sistema/fondo-nuevo.png); color: #FFF; padding-top: 19px; font-family: black; font-size: 21px; top: 17px; right: 0; width: 93px; background-position: center; height: 89px; padding-top: 28px; background-repeat: no-repeat;}
    .item-prod .img-item .descuento{background-image: url(../Imagenes/Sistema/fondo-descuento.png); color: #FFF; padding-top: 21px; font-size: 28px; font-family: black; top: 17px; right: 3px;width: 82px; background-position: center; height: 82px; background-repeat: no-repeat;}
    .item-prod .img-item .genero{bottom: 10px; left: 10px; width: 42px;}
    .item-prod .txt-item .ctn-sup{margin-bottom: 3px;}
    .item-prod .txt-item .ctn-sup .nombre-prod{float: left; padding-right: 5px; display: block; color: #353535; font-family: regular; font-size: 20px;}
    .item-prod .txt-item .ctn-sup .tiempo-limitado{float: left; display: block; color: #c13d5d; font-family: semi; font-size: 17px;}
    .item-prod .txt-item .ctn-inf {padding: 0 15px;}
    .item-prod .txt-item .ctn-inf .ctn-precio{float: left; display: block; font-family: black; font-size: 33px; color: #353535; line-height: 31px;}
    .item-prod .txt-item .ctn-inf .btn-carrito{background-color: #5799d9; float: right;}
   
    
    /*estilos cargando*/

    .cargando-container{text-align: center; position: relative; width: 100%;}
    .cargando-container .row{position: absolute; top: 40%; text-align: center; margin: 0; width: 100%;}
    .cargando-container .ctn-loader{display: inline-block; overflow: hidden;}
    .cargando-container .ctn{width: 200px; height: 250px; position: relative;}
    .cargando-container .ctn img{position: absolute; top: 35px; left: 43px;}
    .cargando-container .ctn p{font-family: semi;font-size: 18px;text-align: center;color: #353535;padding: 5px 0;position: absolute;top: 150px;width: 100%;}
    .cargando-container .loader {font-size: 10px; margin: 30% auto; text-indent: -9999em; width: 15em; height: 15em; border-radius: 50%; background: #ffffff; background: -moz-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: -webkit-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: -o-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: -ms-linear-gradient(left, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); background: linear-gradient(to right, #c13d5d 10%, rgba(255, 80, 0, 0) 42%); position: relative; -webkit-animation: load3 1.4s infinite linear; animation: load3 1.4s infinite linear;}
    .cargando-container .loader:before {width: 50%; height: 50%; background: #c13d5d; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: '';}
    .cargando-container .loader:after {background: #FFF; width: 97%; height: 97%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
    /*.blockMsg {top: 20px; width: 100%; left: 0;}/**/
    .blockMsg {width: 100% !important; background:transparent !important;}
    @-webkit-keyframes load3 {
        0% {
        -webkit-transform: rotate(0deg); transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg); transform: rotate(360deg);
      }
    }
    @keyframes load3 {
      0% {
        -webkit-transform: rotate(0deg); transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg); transform: rotate(360deg);
      }
    }

/*------------*/
    
    
  

/*-- Estilos Principales del sitio
-----------------------------------------------------

*/

#header{}
    
    #header .ctn-op{float: right;}
    #header .ctn-op ul li{float: left; display: inline-block; padding: 0 15px;}
    #header .ctn-op ul li a{display: block;}
    #header .ctn-op ul li .inicio-sesion{color: #FFF; font-family: semi; font-size: 15px;}
    #header .ctn-op ul li .cart{color: #FFF;display: block; float: left; font-family: semi; font-size: 15px; padding: 0;}
    #header .ctn-op ul li .cart span{float: left; margin-right: 3px; width: 32px;}
    #header .ctn-op ul li .cart span:last-child{margin-right: 0px; margin-top: 5px; width: auto;}
    #header .ctn-op ul li .cart:hover{text-decoration: underline;} 
    #header .ctn-buscador{}
    #header .ctn-buscador .form-group{padding-right: 0; margin-bottom: 0;}
    #header .ctn-buscador .form-group input{height: 33px;border:none; box-shadow: none;background-color: #FFF; border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
    #header .ctn-buscador .form-group .select2-container--default .select2-selection--single{height: 33px; border-radius: 8px; border: none;}
    #header .ctn-buscador .form-group .select2-container--default .select2-selection--single .select2-selection__rendered{padding-top: 2px; font-family: regular; font-size: 15px; color: #616161;}
    #header .ctn-buscador .form-group .select2-container--default .select2-selection--single .select2-selection__arrow{margin-top: 2px;}
    
    #header .ctn-buscador .btn-buscar{border-bottom-left-radius: 0px; border-top-left-radius: 0px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; height: 33px;}
    
@media (max-width: 767px) {
    #header{padding: 0;}
}


@media (max-width: 767px) {
    #header{background-image: none;}
}

    #header.header-index{background-image: url(../Imagenes/Sistema/fondo-header-index.png); background-repeat: no-repeat; background-position: center top; padding-top: 25px; background-size: cover; border-bottom: 2px #009adc solid;}
    #header.header-index .ctn-logo{margin-bottom: 37px; text-align: center;}
    #header.header-index .ctn-logo img{display: inline-block;}
    #header.header-index .ctn-caracteristicas{margin-bottom: 17px; text-align: center;}
    #header.header-index .ctn-caracteristicas .center-menor{display: inline-block; width: 700px;}
    #header.header-index .ctn-caracteristicas .center-menor .item-caracteristica{border-right: 1px #009adc solid;}
    #header.header-index .ctn-caracteristicas .center-menor .item-caracteristica:last-child{border-right: none;}
    #header.header-index .ctn-caracteristicas .center-menor .item-caracteristica .img-item{float: left; width: 66px; margin-right: 10px;}
    #header.header-index .ctn-caracteristicas .center-menor .item-caracteristica .txt-item{float: left; width: 120px;}
    #header.header-index .ctn-caracteristicas .center-menor .item-caracteristica .txt-item p{text-align: left; color: #FFF; font-family: semi; font-size: 15px;}
    #header.header-index .header-fixed{background-image: url(../Imagenes/Sistema/fondo-header-interna.png); background-repeat: no-repeat; background-position: center top; padding: 12px 0; background-size: cover; display: none; border-bottom: 2px #009adc solid;}
    #header.header-index .header-fixed .ctn-buscador{padding: 0 15px; margin: 0; margin-top: 26px;}
    #header.header-index .header-fixed .ctn-logo{margin-bottom: 0px; text-align: center;}
    #header.header-index .header-fixed .ctn-op{margin-top: 26px;}
    
@media (max-width: 991px) {
    #header.header-index .ctn-buscador{padding: 0 70px;}
    #header.header-index .header-fixed{padding: 0;}
    #header.header-index .header-fixed .ctn-buscador{margin-top: 15px;}
    #header.header-index .header-fixed .ctn-logo{margin-top: 7px;}
    #header.header-index .header-fixed .ctn-op{margin-top: 0; margin-bottom: 10px;}
}

@media (max-width: 767px) {
    #header.header-index {padding: 0;}
    #header.header-index{background-image: none;}
    #header.header-index .header-fixed{background-image: none; display: block !important;}
    #header.header-index .header-fixed{border-bottom: none;}
}
    
#header.header-interna{}
    
    #header.header-interna .header-fixed{display: block !important;border-bottom: 2px #009adc solid;}
    #header.header-interna .header-fixed{background-image: url(../Imagenes/Sistema/fondo-header-interna.png); background-repeat: no-repeat; background-position: center top; padding: 12px 0; background-size: cover; display: none;}
    #header.header-interna .header-fixed .ctn-buscador{padding: 0 15px; margin: 0; margin-top: 25px;}
    #header.header-interna .header-fixed .op-upper{margin-top: 1px;}
    #header.header-interna .header-fixed .ctn-logo{margin-bottom: 0px; text-align: center;}
    #header.header-interna .header-fixed .ctn-op{margin-top: 24px;}

@media (max-width: 991px) {
    #header.header-interna .header-fixed{padding: 0;}
    #header.header-interna .header-fixed .ctn-op ul li a{padding: 3px 10px;}
}

@media (max-width: 767px) {
    #header.header-interna .header-fixed{background-image: none;}
}

#header.header-afiliado{background-image: url(../Imagenes/Sistema/fondo-header-pedido.png); background-color: #FFF; background-position: center; background-size: cover;}
#header.afiliado-azul{background-image: url(../Imagenes/Sistema/fondo-header-interna.png); background-color: #FFF; background-position: center; background-size: cover;}

    #header.header-afiliado .header-fixed{background-image: none;border-bottom: none;}
    #header.header-afiliado .info-personal-header{padding: 54px 0 47px;}
    #header.header-afiliado .info-personal-header h2{font-family: black; font-size: 33px; color: #FFF; text-align: center; margin-bottom: 20px;}
    #header.header-afiliado .info-personal-header p{font-family: regular; font-size: 15px; color: #FFF; text-align: center; margin-bottom: 35px;}
    #header.header-afiliado .info-personal-header .ctn-btn{text-align: center;}
    #header.header-afiliado .info-personal-header .ctn-btn .btn-incio-facebook{display: inline-block;}
    #header.header-afiliado .info-personal-header .ctn-btn .btn-incio-facebook i{margin-right: 5px;}
    #header.header-afiliado .navbar-fixed-top {background-image: url(../Imagenes/Sistema/fondo-header-pedido.png); background-color: #FFF; background-position: center; background-size: cover;}
    #header.afiliado-azul .navbar-fixed-top {background-image: url(../Imagenes/Sistema/fondo-header-interna.png); background-color: #FFF; background-position: center; background-size: cover;}
    #header.header-afiliado .navbar-fixed-top .info-personal-header {display: none;}
    #header.header-afiliado .ctn-op-afiliado {margin-top: 6px;}
    #header.header-afiliado .ctn-op-afiliado .op-afiliado {padding-left: 0;}
    #header.header-afiliado .ctn-op-afiliado .op-afiliado .ctn-img{float: left; margin-right: 14px;}
    #header.header-afiliado .ctn-op-afiliado .op-afiliado .ctn-img img{display: block; margin: 0 auto;}
    #header.header-afiliado .ctn-op-afiliado .op-afiliado .ctn-menu{float: left;margin-top: 11px;}
    #header.header-afiliado .ctn-op-afiliado .op-afiliado .ctn-menu button{border: none; padding: 0; font-family: regular; font-size: 22px; color: #FFF; background-color: transparent;}
    #header.header-afiliado .ctn-op-afiliado .op-afiliado .ctn-menu button span{background-color: #5799d9; border-radius: 5px; padding: 8px 7px; display: inline-block; vertical-align: middle;}
    #header.header-afiliado .ctn-op-afiliado .op-afiliado .ctn-menu button span i{color: #FFF; display: block;}
    #header.header-afiliado .ctn-op-afiliado .op-afiliado .ctn-menu p{border: none; padding: 0; font-family: semi; font-size: 15px; color: #353535; background-color: transparent;}
    #header.header-afiliado .ctn-op-afiliado .ctn-cart{padding-left: 0;}
    #header.header-afiliado .ctn-op-afiliado .ctn-cart .cart{padding-left: 0; margin-top: 10px;}
    #header.header-afiliado .header-xs .opafiliado-xs .op-afiliado{float: left; width: 100%; padding: 15px;}
    #header.header-afiliado .header-xs .opafiliado-xs .op-afiliado .ctn-menu {margin-top: 3px;}
    #header.header-afiliado .header-xs .opafiliado-xs .op-afiliado .ctn-menu button{color: #353535; font-size: 15px;}
    #header.header-afiliado .header-xs .opafiliado-xs .op-afiliado .ctn-img{width: 30.5px;}
    #header.header-afiliado .navbar-collapse{border-bottom: 1px #c13d5d solid;}
    #header.header-afiliado .header-xs .buscador-xs .ctn-buscador{border-bottom: 1px #c13d5d solid; padding-top: 12px;}
    #header.header-afiliado .header-xs .opafiliado-xs .op-afiliado .ctn-menu .dropdown{position: static;}
    #header.header-afiliado .header-xs .opafiliado-xs .op-afiliado .ctn-menu .dropdown li{padding: 0;}
    #header.header-afiliado .header-xs .opafiliado-xs .op-afiliado .ctn-menu .dropdown li a{text-align: left; padding: 5px 0;}
    #header.header-afiliado .ctn-menu-afiliado{padding: 47px 0 35px;}
    #header.header-afiliado .ctn-menu-afiliado .ctn-img-user{margin-bottom: 10px; text-align: center;}
    #header.header-afiliado .ctn-menu-afiliado .ctn-img-user .ctn-item{display: inline-block; width: 320px;}
    #header.header-afiliado .ctn-menu-afiliado .ctn-img-user .ctn-item .img-item{float: left; width: 75px; margin-right: 20px;}
    #header.header-afiliado .ctn-menu-afiliado .ctn-img-user .ctn-item .img-item img{display: block; margin: 0 auto;}
    #header.header-afiliado .ctn-menu-afiliado .ctn-img-user .ctn-item .txt-user{float: left; margin-top: 14px;}
    #header.header-afiliado .ctn-menu-afiliado .ctn-img-user .ctn-item .txt-user h2{color: #FFF; font-family: regular; font-size: 30px;}
    #header.header-afiliado .ctn-menu-afiliado .ctn-opciones{margin-bottom: 30px;}
    #header.header-afiliado .ctn-menu-afiliado .ctn-opciones .item-menu{float: left; border-right: 1px #FFF solid; width: 20%;}
    #header.header-afiliado .ctn-menu-afiliado .ctn-opciones .item-menu:last-child{border-right: none;}
    #header.header-afiliado .ctn-menu-afiliado .ctn-opciones .item-menu .img-item{margin-bottom: 10px; }
    #header.header-afiliado .ctn-menu-afiliado .ctn-opciones .item-menu .img-item img{display: block; margin: 0 auto;}
    #header.header-afiliado .ctn-menu-afiliado .ctn-opciones .item-menu .txt-item a{font-family: regular; font-size: 15px; color: #FFF; text-align: center; width: 100%; float: left;} 
    #header.header-afiliado .ctn-menu-afiliado .ctn-opciones .center-menu{display: block; margin: 0 auto; width: 828px;}
    #header.header-afiliado .ctn-menu-afiliado .ctn-btn{text-align: center;}
    #header.header-afiliado .ctn-menu-afiliado .ctn-btn .btn-cerrarsesion{display: inline-block;}
    #header.header-afiliado .header-fixed .ctn-op{margin-top: 10px;}
    
    
@media (max-width: 991px) {
    #header.header-afiliado .navbar-fixed-top{padding-bottom: 10px;}
}
    
@media (max-width: 827px) {
    #header.header-afiliado .ctn-menu-afiliado .ctn-opciones .center-menu{width: 100%;}
    #header.header-afiliado .ctn-menu-afiliado .ctn-opciones .item-menu .txt-item a{font-size: 13px;}
}  
    
@media (max-width: 767px) {
    #header.header-afiliado .navbar-fixed-top{padding-bottom: 0;}
}  
    
    
    
#header .header-xs{padding: 3px 0;}

    #header .header-xs .navbar-default{background-color: transparent; border: none; margin-bottom: 0;}
    #header .header-xs .navbar-default .buscar-xs{height: 35px; float: left; padding: 7px 10px; color: #FFF; background-color: #7c7c7c; text-align: center; display: inline-block; margin-left: 15px; font-size: 19px; border-radius: 8px; margin-top: 7px;}
    #header .header-xs .navbar-default .ctn-logo-minimal{float: left; width: 81%;}
    #header .header-xs .navbar-default .ctn-logo-minimal img{display: block; height: 50px; margin: 0 auto; height: 34px; margin-top: 9px;}
    #header .header-xs .navbar-default .navbar-toggle{background-color: #ddd;}
    #header .header-xs .buscador-xs{float: left; display: none; background-color: #FFF;} 
    #header .header-xs .buscador-xs .ctn-buscador{margin-bottom: 9px !important;} 
    #header .header-xs .buscador-xs .ctn-buscador input{border: 1px #151a4b solid !important; height: 35px;} 
    #header .header-xs .buscador-xs .ctn-buscador .select2-container--default .select2-selection--single{height: 35px; border-radius: 8px; border: none;border: 1px #151a4b solid !important;}
    #header .header-xs .buscador-xs .ctn-buscador .select2-container--default .select2-selection--single .select2-selection__rendered{padding-top: 2px; font-family: regular; font-size: 15px; color: #616161;}
    #header .header-xs .buscador-xs .ctn-buscador .select2-container--default .select2-selection--single .select2-selection__arrow{margin-top: 2px;}
    #header .header-xs .buscador-xs .ctn-buscador .btn-buscar{padding: 5px 0px; height: 35px;} 
    #header .header-xs .buscador-xs .ctn-buscador .ctn-check{text-align: left; margin-top: 15px; margin-bottom: 0;}
    #header .header-xs .buscador-xs .ctn-buscador .ctn-check .form-group{float: left; padding: 0; margin-right: 8px; margin-bottom: 10px;}
    #header .header-xs .buscador-xs .ctn-buscador .ctn-check .form-group:last-child{margin-right: 0px;}
    #header .header-xs .buscador-xs .ctn-buscador .ctn-check .form-group label{color: #484649;}
    #header .header-xs .menu-afiliado-xs .li-afiliado a {font-family: semi; font-size: 15px; color: #353535; padding: 10px 0;}
    #header .header-xs .menu-afiliado-xs .li-afiliado a img{width: 20px; display: inline-block; margin-right: 5px;}
    #header .header-xs .menu-afiliado-xs li .btn-cerrarsesion{color: #FFF;}
    
@media (max-width: 767px) {
    #header {margin: 0;}
    #header .header-xs{padding: 0;}
    #header .header-xs .navbar-header{background-image: url(../Imagenes/Sistema/fondo-header-interna.png); background-repeat: no-repeat; background-position: center top; background-size: cover; padding: 3px 0; margin-top: 0;}
    #header .header-xs .navbar-default .navbar-collapse{background-color: #FFF;}
    #header .header-xs .navbar-default .navbar-collapse ul li{padding: 0 15px;}
    #header .header-xs .navbar-default .navbar-collapse ul li .btn-incio-facebook{color: #FFF;}
    #header .header-xs .navbar-default .navbar-collapse ul li .cart{color: #353535;display: block; float: left; font-family: semi; font-size: 15px; padding: 0; margin-top: 15px;}
    #header .header-xs .navbar-default .navbar-collapse ul li .cart span{float: left; margin-right: 3px;}
    #header .header-xs .navbar-default .navbar-collapse ul li .cart span:last-child{margin-right: 0px; margin-top: 5px;}
    #header.header-afiliado .header-xs .navbar-header{background-image: url(../Imagenes/Sistema/fondo-header-pedido.png);}
    #header.afiliado-azul .header-xs .navbar-header{background-image: url(../Imagenes/Sistema/fondo-header-interna.png);}
}
    
@media (max-width: 601px) {
    #header .header-xs .navbar-default .ctn-logo-minimal{width: 76%;}
}

@media (max-width: 479px) {
    #header .header-xs .navbar-default .ctn-logo-minimal{width: 71%;}
}

@media (max-width: 400px) {
    #header .header-xs .navbar-default .ctn-logo-minimal{width: 64%;}
}


#footer {clear: both; padding: 15px 0; border-bottom: 25px #c13d5d solid;}

    #footer .item-footer-sup{margin-bottom: 35px;}
    #footer .item-footer-sup .item-izq{float: left; }
    #footer .item-footer-sup .item-izq .ctn-menu-inferior{margin-bottom: 7px; float: left;clear: both;}
    #footer .item-footer-sup .item-izq .ctn-menu-inferior ul li{float: left; border-right: 1px #adacaf solid;}
    #footer .item-footer-sup .item-izq .ctn-menu-inferior ul li:last-child{border-right: none;}
    #footer .item-footer-sup .item-izq .ctn-menu-inferior ul li a{text-align: center; color: #616161; font-size: 15px; font-family: regular; display: block; padding: 0 15px;}
    #footer .item-footer-sup .item-izq .txt-derechos{padding: 0 15px; float: left; font-family: regular; color: #000000;clear: both; font-size: 15px;}
    #footer .item-footer-sup .item-der{float: right;}
    #footer .item-footer-sup .item-der .item-redes{padding: 0 15px; float: left; width: 70px;}
    #footer .item-footer-sup .item-der .item-redes p{font-family: regular; font-size: 15px; color: #353535;}
    #footer .item-footer-sup .item-der .item-redes img{width: 40px;}
    #footer .item-footer-sup .item-der .txt-red{padding: 0; padding-left: 15px; width: 93px; margin-top: 10px;}
    
    #footer .item-footer-inf .item-izq{float:left; padding: 0 15px;}
    #footer .item-footer-inf .item-der{float:right; margin-top: 27px;}
    #footer .item-footer-inf .item-der .item-parners{float: left; padding: 0 15px;}
    #footer .item-footer-inf .item-der .item-parners img{height: 48px; width: auto;}
    
    
    @media (max-width: 991px) {
        #footer .item-footer-sup .item-izq{margin-bottom: 15px;}
        #footer .item-footer-sup .item-der{float: left; clear: both;}
    }

   @media (max-width: 767px) {
       #footer .item-footer-inf .item-izq{margin-bottom: 15px;}
       #footer .item-footer-inf .item-der{clear: both; float: left; margin-top: 0;}
       #footer .item-footer-sup .item-izq .ctn-menu-inferior{width: 100%; padding: 0 15px; margin-bottom: 15px;}
       #footer .item-footer-sup .item-izq .ctn-menu-inferior ul li{width: 100%; border-bottom: 1px #adacaf solid; border-right: none;}
       #footer .item-footer-sup .item-izq .ctn-menu-inferior ul li:last-child{border-bottom: none;}
       #footer .item-footer-sup .item-izq{width: 100%;}
    }

    @media (max-width: 479px) {
        #footer .item-footer-inf .item-der .item-parners{width: 36%; height: auto;}
        #footer .item-footer-inf .item-der .item-parners:last-child{width: 50%; float: right;}
        #footer .item-footer-inf .item-der .item-parners img{height: auto;}
    }


#ModalLogin{}

        #ModalLogin .modal-dialog{width: 580px}
        #ModalLogin .modal-content{border-radius: 0;padding: 0;}
        #ModalLogin .modal-content .modal-header {border-bottom: none;background-color: #6db024;}
        #ModalLogin .modal-content .modal-header .close{color: #FFF;}
        #ModalLogin .modal-content .modal-header .header-login{padding: 0;display: block;overflow: hidden;margin: 0 auto;width: 306px;}
        #ModalLogin .modal-content .modal-header .header-login img{float: left;display: inline-block;margin-right: 5px; height: 41px;}
        #ModalLogin .modal-content .modal-header .header-login h4{font-family: semi;font-size: 29px;color: #FFF;}
        #ModalLogin .modal-content .modal-body {padding: 0;}
        #ModalLogin .modal-content .modal-body .ancho-modal{width: 325px;margin: 0 auto;display: block;}
        #ModalLogin .modal-content .modal-body .oscuro {background-color: #EDEDED;}
        #ModalLogin .modal-content .modal-body .ctn-form {padding: 15px;margin-bottom: 0;}
        #ModalLogin .modal-content .modal-body .titulo-login{border: none;margin: 0 auto;float: none;overflow: hidden;width: 341px;padding: 15px 0;}
        #ModalLogin .modal-content .modal-body .titulo-login li a{border-radius: 0;border: none;color: #636466;text-transform: uppercase;font-family: bold;font-size: 17px;padding: 0 15px;}
        #ModalLogin .modal-content .modal-body .titulo-login .active a{color: #6db024;border: none;}
        #ModalLogin .modal-content .modal-body .titulo-login li:last-child a{border-left: 2px #636466 solid !important;}
        #ModalLogin .modal-content .modal-body .titulo-login a:hover{color: #6db024;background-color: #FFF;}
        #ModalLogin .modal-content .modal-body .ctn-form .form-group{padding: 0px;margin-bottom: 40px}
        #ModalLogin .modal-content .modal-body .ctn-form .form-group input{font-size: 15px;font-family: semi;color: #636466;background-color: transparent !important;border:none;border-bottom: 2px #636466 solid;border-radius: 0;box-shadow: none;}
        #ModalLogin .modal-content .modal-body .ctn-form .form-group label{font-size: 15px;font-family: semi;color: #636466;}
        #ModalLogin .modal-content .modal-body .ctn-form .ctn-btn{margin: 10px 0 15px;padding: 0px;}
        #ModalLogin .modal-content .modal-body .ctn-form .ctn-btn button{width: 100%;padding: 10px;}
        #ModalLogin .modal-content .modal-body .ctn-form .btn-cielo{font-size: 15px;font-family: regular;text-align: center;color: #FFF;border: none;border-radius: 0;padding: 10px 25px;float: right;}
        #ModalLogin .modal-content .modal-body .ctn-form .ctn-btn button#btnLoginFB { padding: 5px 10px; text-align:left; font-size:14px; }
        #ModalLogin .modal-content .modal-body .ctn-form .ctn-btn button#btnLoginFB i{ vertical-align:middle; font-size:16px; margin-right:5px;}

    @media (max-width: 581px) {
        #ModalLogin .modal-dialog{width:97%;}
    }
    @media (max-width: 479px) {
        #ModalLogin .modal-content .modal-body .ancho-modal{width: 95%}
        #ModalLogin .modal-content .modal-header .header-login{width: 100%;}
        #ModalLogin .modal-content .modal-header .header-login h4{font-size: 26px;}
        #ModalLogin .modal-content .modal-body .ctn-form .titulo-login{font-size: 14px;}
        #ModalLogin .modal-content .modal-body .titulo-login{width: 100%;}
        #ModalLogin .modal-content .modal-body .titulo-login li a{font-size: 14px;}
        #ModalLogin .modal-dialog{width: 95%}
    }


#cambio-pass .titulo {font-family: roboto-light; font-size: 18px; background-image:url("../Imagenes/Sistema/fondo-label-grande.png"); color: #FFF; margin-top:25px; margin-bottom:25px; padding: 5px 85px 5px 10px; background-repeat: no-repeat;font-weight: 700;height: 33px;}
    #cambio-pass .ctn-contenido .ctn-form { width: 341px; display: block; margin: 0 auto; height: 420px; }
    #cambio-pass .ctn-contenido .ctn-form .ctn-btn { margin-top: 10px; padding: 0px; }
    #cambio-pass .ctn-contenido .ctn-form .ctn-btn button { width: 100%; padding: 10px; color: #fff; font-size: 16px; font-family: regular;    text-align: center;    border: none;    padding: 5px 25px;    border-radius: 0;    cursor: pointer; background: #6db024; }

    #ModalCarrito .modal-backdrop{background-color: #069ADC;}
    #ModalCarrito .modal-dialog{width: 768px;}
    #ModalCarrito .modal-content{border-radius: 19px; background-color: #C13D5D;}
    #ModalCarrito .modal-header{border: none; padding: 5px 15px;}
    #ModalCarrito .modal-content .modal-title{color: #FFF; display: inline; font-size: 33px; font-family: regular; vertical-align: middle;}
    #ModalCarrito .modal-content .icon-cart3{color: #FFF; display: inline; font-size: 30px; margin-right: 5px;}
    #ModalCarrito .modal-content .modal-body{padding-top: 0;}
    #ModalCarrito .modal-content .modal-body .table-responsive{overflow-x: auto; border-radius: 13px;}
    #ModalCarrito .modal-content .modal-body .ctn-tabla table{background-color: #FFF;}
    #ModalCarrito .table > tbody > tr > td{line-height: 1;}
    #ModalCarrito .modal-content .modal-body table thead{background-color: #E7E8EA;}
    #ModalCarrito .modal-content .modal-body table.dataTable thead th{border-bottom: none; padding: 5px 5px;}
    #ModalCarrito table.dataTable.no-footer{border-bottom: none;}
    #ModalCarrito .modal-content .modal-body table thead th{font-family: regular; font-size: 20px; color:#353535; font-weight: normal; text-align: center;}
    #ModalCarrito .modal-content .modal-body table td{font-family: bold; font-size: 21px; color:#353535; text-align: center; vertical-align: middle;}
    #ModalCarrito .modal-content .modal-body table td input{border-radius: 3px; background-color: #FFF; height: 31px;border: 1px #5B5B5F solid;}
    #ModalCarrito .modal-content .modal-body .ctn-tabla table td:first-child{width: 300px;}
    #ModalCarrito .modal-content .modal-body .table .img-carrito{float: left; width: 40%;}
    #ModalCarrito .modal-content .modal-body .table .label-carrito{font-weight: normal; text-align: left; vertical-align: middle; float: left; width: 60%; padding-left: 10px; margin-top: 22px;}
    #ModalCarrito .modal-content .modal-body .table .label-carrito span{font-family: semi; font-size: 14px; color: #0099D9;}
    #ModalCarrito .modal-content .modal-body .table .label-carrito i{background-color: #0099D9; color: #FFF; border-radius: 50%; margin-right: 5px;}
    /*#ModalCarrito .modal-content .modal-body table button{padding: 3px 20px; }*/
    #ModalCarrito .modal-content .modal-body h4{font-family: regular; font-size: 24px; color: #FFF;}
    #ModalCarrito .modal-content .modal-body .cupon .form-group{padding-left: 0; padding-right: 0;}
    #ModalCarrito .modal-content .modal-body .cupon .form-group input{border: none; box-shadow: none; border-radius: 7px;}
    #ModalCarrito .modal-content .modal-body .cupon button{font-family: semi; font-size: 18px; padding: 5px 35px; background-color: #069ADC; color: #FFF; border: none; border-radius: 2px;}
    #ModalCarrito .modal-content .modal-body .saldo table{float: right;}
    #ModalCarrito .modal-content .modal-body .saldo table td{text-align: right; font-family: regular; font-size: 24px; color: #FFF; padding: 3px 5px;}
    #ModalCarrito .modal-content .modal-body .saldo table tr:nth-child(2){border-bottom: 1px solid #FF7BBE;}
    #ModalCarrito .modal-content .modal-body .saldo table tr:last-child td{font-family: bold; font-size: 24px;}
    #ModalCarrito .modal-content .modal-body .ctn-button{text-align: center; margin-top: 15px;}
    #ModalCarrito .modal-content .modal-body .ctn-button .btn-transparent{ margin-bottom: 15px; margin-right: 15px; background-color: transparent; border: 1px solid #FFF; border-radius: 2px; font-family: semi; font-size: 18px; color: #FFF; padding: 6px 15px;}
    #ModalCarrito .modal-content .modal-body .ctn-button .btn-realizar-ped{border:1px solid #069ADC;}
    
    @media(max-width:767px){
        #ModalCarrito {padding: 0;}
        #ModalCarrito .modal-content .modal-body .cupon button{display: block; margin: 0 auto;}
        #ModalCarrito .modal-content .modal-body .saldo{margin-top: 15px; margin-bottom: 20px;}
        #ModalCarrito .modal-content .modal-body .saldo p{width: 50%;}
        #ModalCarrito .modal-content .modal-body .saldo label{width: 50%;}
        #ModalCarrito .modal-content .modal-body .saldo table{margin: 0 auto; float: none;}
        #ModalCarrito .modal-dialog{width: 100%; margin-left:0;}
        #ModalCarrito .modal-content .modal-body #tabla-carrito .cantidad input{margin-bottom: 10px;}
        #ModalCarrito .modal-content .modal-body #tabla-carrito .cantidad .ctn-cantidad{padding: 0;}
    }
    
    @media(max-width:479px){
        #ModalCarrito .modal-content .modal-title{font-size: 26px;}
        #ModalCarrito .modal-content .modal-body .ctn-button button{width: 100%;}
        #ModalCarrito .modal-content .modal-body .table .label-carrito{width: 100%; margin-top: 10px; padding-left: 0; text-align: center;}
        #ModalCarrito .modal-content .modal-body .table .img-carrito{float: none; display: inline-block;}
        #ModalCarrito .modal-content .modal-body .ctn-button .btn-realizar-ped{width: 100%; display: block;}
        #ModalCarrito .modal-content .modal-body .cupon button{width: 100%; display: block;}
        #ModalCarrito .modal-content .modal-body .ctn-btn-cupon{padding: 0;}
    }