@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;}

    .btn-enviar{font-family: passion-bold; font-size: 33px; color: #fff; background: url('../Imagenes/Sistema/bg-pink.png') no-repeat; text-align: center; display: block; margin: 0 auto; padding: 18px 60px; }

 /*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:#FFF; 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 {position: absolute; top: 0; left: 0; z-index: 20; width: 100%; height: 100%; background-color: rgba(255, 255, 255,0.8)}*/
    .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 .row .ctn-loader{display: inline-block; overflow: hidden;}
    #contenedor{width: 200px; height: 200px; position: relative;}
    #contenedor img{position: absolute; top: 22px; left: 43px;}
    #contenedor p{font-family: black;font-size: 33px;text-align: center;color: #353535;padding: 5px 0;position: absolute;bottom: 5px;width: 100%;}
    .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;}
    .loader:before {width: 50%; height: 50%; background: #c13d5d; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: '';}
    .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: 200px !important; width: 100% !important; left: 0;}
    @-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
-----------------------------------------------------

*/

div#principal.home{background:url('../Imagenes/Sistema/bg_home.png') no-repeat #001c3e;background-size:contain;}
.center-width{width: 1120px; margin: 0 auto; display: block; position: relative;}

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

@media(max-width: 992px){
    div#principal.home{background-size: contain;}
}

#header .menu-ppal .menu_visible li{float: left; padding: 33px 0 27px;}
#header .menu-ppal .menu_visible li a{font-family:luck-regular; font-size: 20px; color: #242600; border-right: 1px solid #c0da2c; padding: 10px 22px; display: block; text-transform: uppercase;}
#header .ctn-descripcion p{font-family: bold; font-size: 20px; color: #FFF; text-align: center; padding-top: 45px;}

#header-lg{position: relative;}
#header-lg .ctn-btn{position: absolute; right: 0; top: 25px; z-index: 2;}
#header-lg .logo{position: absolute; top: 0; left: 0; z-index: 2;}
#header-lg .logo img.pulse{animation-duration: 7s; animation-iteration-count: infinite;}
#header-lg .personaje-header{padding:130px 0; position: relative; z-index: 1;}
#header-lg .personaje-header img{margin: 0 auto;}
#header-lg .personaje-header .img-nubes{position: absolute; bottom: 87px; left: 0; right: 0; margin: 0 auto; z-index: 1;}
#header-lg .personaje-header .img-personaje{position: relative; z-index: 2;}
#header-lg .personaje-header img.pulse{animation-duration: 1s; animation-iteration-count: infinite;}
#header-lg .ctn-btn .contact{background: url('../Imagenes/Sistema/bg-pink.png') no-repeat; font-family: passion-bold; font-size: 34px; color: #FFF; padding: 16px 40px; float: right; margin-top: 25px; position: relative; z-index: 2;}
#header-lg .menu-ppal{width: 717px; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 1;}
#header-lg .menu-ppal .menu_visible{background: url('../Imagenes/Sistema/bg-menu.png') no-repeat; padding:0 20px; }
#header-lg .menu-ppal .menu_visible li:nth-child(4) a{border-right: none;}

#header .menu-fixed{position: fixed; top: 0; left: 0; right: 0; z-index: 1030; bottom: auto;}

#header-xs{}
#header-xs .menu-ppal .navbar-default{background-color: #a0bb31; padding: 0; border: none; margin: 0;}
#header-xs .menu-ppal .menu_visible li{float: none; padding: 0;}
#header-xs .menu-ppal .menu_visible li a{border:none; display: block; padding:15px;}



#header.interna{padding-top: 10px; border-bottom: 1px solid #003988; background-color: #001632;}
#header.interna .min{display: none;}
#header.interna .menu-ppal .navbar-default{ background-color: transparent; border-color: transparent;}
#header.interna .menu-ppal .navbar-default .menu_visible{ background:url('../Imagenes/Sistema/bg-menu.png') no-repeat; background-size:cover;}
#header.interna .menu-ppal .menu_visible li{padding: 18px 0 8px;}
#header.interna .menu-ppal .menu_visible li:nth-child(4) a{border-right: none;}
#header.interna .menu-ppal .menu_visible li a{font-size: 18px; padding: 10px 22px;}
#header.interna .menu-ppal .ctn-btn .contact{font-family: passion-bold; font-size: 26px; color: #FFF;padding: 16px 40px; float: right; background: url('../Imagenes/Sistema/bg-pink.png') no-repeat; background-size: cover;}


@media(min-width: 768px) and (max-width: 1200px){
    #header-lg .logo img{width: 270px;}
}

@media(min-width: 992px) and (max-width: 1220px){
    #header.interna .menu-ppal .menu_visible li a{font-size: 15px;}
}

@media(min-width: 768px) and (max-width: 991px){
    #header.interna .menu-ppal .menu_visible li{padding: 10px 0 3px;}
    #header.interna .menu-ppal .menu_visible li a{font-size: 13px;background-size: contain; padding: 10px 13px;}
    #header.interna .menu-ppal .ctn-btn .contact{font-size: 20px; padding: 10px 25px; margin-right: 10px;}
}

@media(max-width: 767px){
    #header .ctn-descripcion p br{display: none;}
    #header.interna .menu-ppal .navbar-default{margin: 0!important; background-color: #a0bb31;}
    #header .menu-ppal .navbar-default .navbar-toggle{z-index: 10; display: block; position: relative;}
    #header.interna .menu-ppal .navbar-default .menu_visible{background-image: none; background-color: #a0bb31; margin-bottom: 0;}
    #header.interna .menu-ppal .menu_visible li {float:none; display: block; padding: 0; border-bottom: 1px solid #c0da2c;}
    #header.interna .menu-ppal .menu_visible li a{border-right:none;}
    #header.interna{padding-top: 0px;}
}

/*FOOTER
-*/

#footer{}
#footer .ctn-footer {margin-top: 35px;}
#footer .ctn-footer .end{margin: 0 auto;}
#footer .ctn-footer .ctn-contacto .title-contacto{font-family: luck-regular; font-size: 38px; color: #FFF; text-align: center; margin-bottom: 55px;}
#footer .ctn-footer .ctn-contacto .ctn-items{padding: 0 84px 20px;}
#footer .ctn-footer .ctn-contacto .ctn-items .item-contacto{float: left;}
#footer .ctn-footer .ctn-contacto .ctn-items .item-contacto .mail-contacto{font-family: luck-regular; font-size: 25px; color: #FFF; margin-right: 35px;}
#footer .ctn-footer .ctn-contacto .ctn-items .item-contacto .mail-contacto span{ vertical-align:middle; font-family: luck-regular; font-size: 77px; color: #33cfff; margin-right: 20px;}
#footer .ctn-footer .ctn-contacto .ctn-items .item-contacto .tels{font-family: luck-regular; font-size: 25px; color: #FFF; font-weight: normal; margin-right: 35px; line-height: 4;}
#footer .ctn-footer .ctn-contacto .ctn-items .item-contacto .tels a{font-family: luck-regular; font-size: 25px; color: #FFF; font-weight: normal; line-height: 4;}
#footer .ctn-footer .ctn-contacto .ctn-items .item-contacto .tels i{vertical-align: middle; font-size: 70px; color: #33cfff; margin-right: 20px;}
#footer .ctn-footer .ctn-contacto .ctn-items .redes {width: 50px;}
#footer .ctn-footer .ctn-contacto .ctn-items .redes a{margin-top: 15px; display: block;}
#footer .ctn-footer .footer-end{background-color: #000; padding: 15px;}
#footer .ctn-footer .txt-derechos {font-family: regular; font-size: 20px; color: #fff;}
#footer .ctn-footer .link {list-style-type: disc; color: #33cfff; padding-left: 15px; display: inline-block; margin-top: 20px;}
#footer .ctn-footer .link li {float: left; margin-right: 20px;}
#footer .ctn-footer .link li a {float: left; font-family: bold; font-size: 20px; color: #fff;}
#footer .ctn-footer .convenio a{display: inline-block;}
#footer .ctn-footer .pagos{padding: 0; margin-top: 10px;}
#footer .ctn-footer .pagos img{display: inline-block;}
#footer .ctn-footer .logo {float: right; margin-top: 20px;}

@media(min-width: 1220px){
    #index .ctn-index{padding-left: 0; padding-right: 0;}
    #footer .ctn-footer .convenio,
    #footer .ctn-footer .footer-end{padding-left: 0; padding-right: 0;}
}

@media(max-width: 767px){
    #footer .ctn-footer .ctn-contacto .title-contacto{margin-bottom: 30px;}
    #footer .ctn-footer .ctn-contacto .ctn-items{padding: 0 15px 20px;}
    #footer .ctn-footer .ctn-contacto .ctn-items .item-contacto .mail-contacto,
    #footer .ctn-footer .ctn-contacto .ctn-items .item-contacto .tels{font-size: 20px; display: block; text-align: center;}
    #footer .ctn-footer .link{margin-top: 30px;}
    #footer .ctn-footer .link li a{font-size: 17px;}
    #footer .ctn-footer .txt-derechos {font-size: 14px; margin-top: 10px;}
}

@media(max-width: 479px){
    #footer .ctn-footer .ctn-contacto .ctn-items .item-contacto .mail-contacto,
    #footer .ctn-footer .ctn-contacto .ctn-items .item-contacto .tels{margin: 0}
    #footer .ctn-footer .ctn-contacto .ctn-items .item-contacto .mail-contacto span,
    #footer .ctn-footer .ctn-contacto .ctn-items .item-contacto .tels i{display: block; text-align: center; margin: 0;}
    #footer .ctn-footer .ctn-contacto .ctn-items .item-contacto{float: none; margin-bottom: 15px; text-align: center;}
    #footer .ctn-footer .ctn-contacto .ctn-items .redes {width: 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;}
    }



#modal-contact{}
#modal-contact .modal-backdrop.in{opacity: .9!important;}
#modal-contact .modal-dialog{width: 1735px;}
#modal-contact .modal-dialog .modal-content{ background: url('../Imagenes/Sistema/bg-modal.png') no-repeat;}
#modal-contact .modal-dialog .modal-content .modal-header{padding: 135px 15px 70px; position: relative; border: none;}
#modal-contact .modal-dialog .modal-content .modal-header h4{font-family: luck-regular; font-size: 30px; color: #ebc200; text-align: center;}
#modal-contact .modal-dialog .modal-content .modal-header .close{position: absolute; color: #c1c2c7; top: 50px; right: 40px; opacity: 1;}
#modal-contact .modal-dialog .modal-content .modal-body .form-contacto .form-group .form-control{background:url('../Imagenes/Sistema/bg-input.png') no-repeat transparent; background-size:  100% 100%; border:none; font-family: bold; font-size: 15px; color: #FFF; height: 51px; box-shadow: none; padding-left: 25px; padding-right: 25px;}
#modal-contact .modal-dialog .modal-content .modal-body .form-contacto .form-group .form-control::placeholder{color: #FFF;}
#modal-contact .modal-dialog .modal-content .modal-body .form-contacto .form-group .form-control::-webkit-placeholder{color: #FFF;}
#modal-contact .modal-dialog .modal-content .modal-body .form-contacto .form-group .form-control::-moz-placeholder{color: #FFF;}
#modal-contact .modal-dialog .modal-content .modal-body .form-contacto .form-group:nth-child(4) .form-control{background:url('../Imagenes/Sistema/bg-textarea.png') no-repeat ; background-size: 100% 100%;  height: 130px; resize: none; padding-top: 30px;}
#modal-contact .modal-dialog .modal-content .modal-body .form-contacto .capcha{margin-top: 40px;}
#modal-contact .modal-dialog .modal-content .modal-body .form-contacto .capcha img{margin: 0 auto;}
#modal-contact .modal-dialog .modal-content .modal-footer{border: none; padding-top: 50px; padding-bottom: 122px;}

@media(max-width: 1734px){
    #modal-contact .modal-dialog{width: auto;}
    #modal-contact .modal-dialog .modal-content{background-size: 100% 100%;}
}

@media(max-width: 1220px){
/*  #modal-contact .modal-dialog{width: auto;}
    #modal-contact .modal-dialog .modal-content{background-image: none; background-color: rgba(0, 0, 0, 0.5); border: 15px solid #c1c2c7; border-radius: 0;}
    #modal-contact .modal-dialog .modal-content .modal-body{padding-left: 0; padding-right: 0;}
    #modal-contact .modal-dialog .modal-content .modal-header{padding-top: 50px;}
    #modal-contact .modal-dialog .modal-content .modal-footer{padding-bottom: 50px;}
    #modal-contact .modal-dialog .modal-content .modal-body .form-contacto .form-group .form-control{background-image: none; border: 2px solid #009ada; border-radius: 0; padding: 15px;}
    #modal-contact .modal-dialog .modal-content .modal-body .form-contacto .form-group:nth-child(4) .form-control{background: none; padding: 15px;}*/
}
   
@media(max-width: 767px){

    #modal-contact .modal-dialog .modal-content{background-image: none; background-color: rgba(0, 0, 0, 0.5); border: 15px solid #c1c2c7; border-radius: 0;}
    #modal-contact .modal-dialog .modal-content .modal-header{padding:50px 15px 30px;}
    #modal-contact .modal-dialog .modal-content .modal-header h4{font-size: 22px;}
    #modal-contact .modal-dialog .modal-content .modal-header .close{top: 10%; right: 5%;}
    #modal-contact .modal-dialog .modal-content .modal-body{padding: 15px 0;}
    #modal-contact .modal-dialog .modal-content .modal-body .form-contacto{padding: 0;}
    #modal-contact .modal-dialog .modal-content .modal-footer{padding-top: 30px;}
}