@import url(fuente.css);
/*************************
******** GENERAL **********
**************************/
    body{
        font-family: 'Open Sans', sans-serif;
    }

    a.uni:link {
      color: #333;
      text-decoration: none;
    }
    a.uni:visited {
      color: #333;
      text-decoration: none;
    }

    .preloader {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 999999;
      background: #fff;
    }

    .preloader > i {
      position: absolute;
      font-size: 36px;
      line-height: 36px;
      top: 50%;
      left: 50%;
      height: 36px;
      width: 36px;
      margin-top: -15px;
      margin-left: -15px;
      display: inline-block;
    }

    .rows-sect {
        padding: 0px 20px 25px;
        font-weight: 300;
        font-size: 14px;
        line-height: 22px;
        color: #000;
    }

   .rows-sect {
        text-align: justify !important;
    }

   .rows-sect h1 {
        /*font-size: 28px;*/
        color: #404040;
        /*text-align: left;*/
    }

    .botom{
        
        border-color: #028fcc;
        color: #fff;
        border-radius: 4px;
        margin-top: 10px;
        padding: 14px 40px;
        background-color: #028fcc;
        
    }

    .botom:hover {
        color: rgb(42, 88, 110);
        border: 1px solid rgb(42, 88, 110);
        background-color: #fff;
    }

       
    .heading {
        padding-bottom: 60px;
        padding-top: 60px;
    }

/********************/

/*Para alinear a la derecha*/
/*
    .style-chooser {
      width: 210px;
      right: -210px;
      position: fixed;
      top: 250px;
      z-index: 20;
      -webkit-transition: right 400ms;
      transition: right 400ms;
    }

    .style-chooser.opened {
      right: 0;
    }

    .style-chooser .toggler {
      position: absolute;
      top: 0;
      left: -48px;
      display: inline-block;
      background: #f5f5f5;
      width: 48px;
      height: 48px;
      line-height: 48px;
      text-align: center;
      font-size: 24px;
      color: #999;
    }
*/

/*Para alinear a la izquierda*/

    .style-chooser {
      width: 210px;
      left: -210px;
      position: fixed;
      top: 335px;
      z-index: 20;
      -webkit-transition: left 400ms;
      transition: left 400ms;
    }

    .style-chooser.opened {
      left: 0;
    }

    .style-chooser .toggler {
      position: absolute;
      top: 0;
      right: -48px;
      display: inline-block;
      background: #f5f5f5;
      width: 48px;
      height: 48px;
      line-height: 48px;
      text-align: center;
      font-size: 24px;
      color: #999;
      -webkit-box-shadow: 10px 13px 28px -10px rgba(0,0,0,0.75);
      -moz-box-shadow: 10px 13px 28px -10px rgba(0,0,0,0.75);
      box-shadow: 10px 13px 28px -10px rgba(0,0,0,0.75);
    }

/***************/

    .style-chooser-inner {
      position: relative;
      background: #f5f5f5;
      padding: 15px;
      -webkit-box-shadow: 10px -6px 59px -31px rgba(0,0,0,0.75);
      -moz-box-shadow: 10px -6px 59px -31px rgba(0,0,0,0.75);
      box-shadow: 10px -6px 59px -31px rgba(0,0,0,0.75);
    }

    .style-chooser-inner h4 {
      margin: 0 0 10px;
      font-size: 14px;
    }

    .our-services{
        padding: 60px 0px 0px 0px;
    }

    .our-services > a{
        color: #000;
    }

    .our-services .col-sm-3:hover .service-icon {
        background-color: rgb(42, 88, 110);
    }

    .service-icon {
        background-color: rgb(85, 11, 87); /*VERDE #00952e*/
    }

    .service-icon {
        border-radius: 4px;
        color: #fff;
        display: inline-block;
        font-size: 36px;
        height: 90px;
        line-height: 90px;
        width: 90px;
        -webkit-transition: background-color 0.2s ease;
        transition: background-color 0.2s ease;
    }

    .our-services a{
        color: #333;
    }
    .our-services a:hover{
        text-decoration: none;
    }

    #services .wow{
        padding-bottom: 10px;
    }

    #hoja-vida{
        padding-top: 6%;
    }

    #hoja-vida h1{
        color: #686868;
    }

    #hoja-vida .block-vid{
        background-image: url('../img/vistas/rr.png');
        height: 300px;
        background-repeat: no-repeat;
        background-position: left center;
        display: table;
        position: static;
        text-align: right;
        background-size: 45%;
    }

    #bienestar-social{
        padding-top: 2%;
        margin-bottom: 15%;
    }

    #bienestar-social{
        background-image: url('../img/muestras/coming-soon-bg.png');
        background-position: center top;
        max-height: 240px;
    }

    #bienestar-social h1{
        padding: 0px 30px 0px 30px;
    }

    #bienestar-social .sub{
        padding-left: 30px;
    }

    #prestaciones{
        padding-top: 8%;
    }

    #reposos-permisos{
        padding-top: 6%;
        background-image: url('../img/muestras/404-bg.png');
        width: 100%;
        display: block;
        position: relative;
        overflow: visible;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: #fff;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        padding: 50px 0;
    }

    #reposos-permisos h1{
        padding: 0px 30px 0px 30px;
    }

    #reposos-permisos .sub{
        padding-left: 30px;
    }

    #adiestramiento {
        padding-top: 6%;
        padding-bottom: 5%;
    }

    #adiestramiento h1 {
        color: #686868;
    }
    

.vida-icons {
  margin-top:30px;
  
}

.vida-icons ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.vida-icons ul li {
  float: left;
  /*margin-right: 30px;*/
}

.vida-icons ul li:last-child {
  margin-right: 0;
}

.vida-icons ul li a {
  color:#fff;
  height: 70px;
  width: 70px;
  line-height: 36px;
  display: block;
  font-size: 16px;
  text-align: center;
}

.vida-icons ul li a p {
  color:#333;
  font-size: 10px;
  line-height: 15px;
  margin-top: 10px;
  font-weight: 600;
}

.vida-icons .fa{
  font-size: 28px;
  padding: 20px;
}

.vida-icons ul li a:hover {
  opacity: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}



.team-member {
  text-align: center;
  color: #333;
  font-size: 14px;
}

.team-member:hover .vida-icons ul li a.twitter {
  background-color: #2ac6f7;
}
.team-member:hover .vida-icons ul li a.dribbble {
  background-color: #ff5b92;
}

#enlaces-vida .vida-icons {
  margin-top: 15px;
  padding-left: 17%;
}

#enlaces-vida .vida-icons ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#enlaces-vida .vida-icons ul li a {
  background-color: #028fcc;
  border-radius: 4px;
  line-height: 33px;
}

#enlaces-vida .vida-icons ul li a:hover {
  color: #fff
}

#enlaces-vida .vida-icons ul li a.recibo {
  background-color: #CECB26;
}
#enlaces-vida .vida-icons ul li a.ficha {
  background-color: #07889b;
}
#enlaces-vida .vida-icons ul li a.constancia {
  background-color: #f03398;
}

#enlaces-vida .vida-icons ul li a.recibo:hover {
  background-color: #CECB26;
}
#enlaces-vida .vida-icons ul li a.ficha:hover {
  background-color: #07889b;
}
#enlaces-vida .vida-icons ul li a.constancia:hover {
  background-color: #f03398;
}

@media (max-width: 320px){

    #enlaces-vida .vida-icons {
        
        padding-left: 0px !important;
    }

    #enlaces-vida .vida-icons ul li a {
      background-color: #028fcc;
      height: 45px;
      width: 45px;
    }

    .vida-icons .fa{
      font-size: 16px;
      padding: 15px;
    }

    #hoja-vida .block-vid{
        background-image: url('../img/muestras/1-1.jpeg'); 
        height: 100px;
        background-repeat: no-repeat;
        background-position: left center;
        display: table;
        position: static; text-align: right;
    }

    .text-hoja-vida{
        padding-top: 20%;
    }

}

@media (max-width: 767px){
    .reposo-perm{
        position: relative;
        top: -180px;
    }

    .reposo-perm-text{
        position: relative;
        top: 190px;
    }
}

@media (max-width: 320px){
    .reposo-perm{
        top: -330px !important;
    }

    .reposo-perm-text{
        top: 240px !important;
    }
}


    #encabezado-pages{
        padding-top: 30px;
        background-image: url('../img/muestras/tour-bg.png');
        background-repeat: repeat-x;
        height: 157px;
        background-position: center;
        display: table;
        position: static;
        width: 100%;
    }

    #-pages h1{
        padding: 0px 30px 0px 30px;
    }

    #encabezado-pages .sub{
        padding-left: 30px;
    }


    .titulo{
        text-align: center;
        margin-top: 60px;
    }

    .parr{
        padding: 30px 30px 10px 30px;
    }

    .parr > p{
        text-align: justify;
    }

    .footer-cons{
        font-size: 9px;
        text-align: center !important;
        border-top: 0.3px solid #000;
        border-bottom: 0.3px solid #000;
    }

    .ini{
        font-size: 11px;
        margin: 0;
        padding: 0;
    }

    .text-der{
        text-align: right;
    }

    .text-izq{
        text-align: left;
    }

    .text-center {
        text-align: center;
    }
    .padding-cons {
        padding: 65px 0;
    }

    .single-service{
        padding: 0 15%;
    }

    .single-service h2 {
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 24px;
        color: #686868;
    }

    .div-hide{
        border-top: 5px solid rgba(60, 175, 228, 0.35);
    }

    .formulario{
        padding: 100px 50px;
    }


    #consultar-ficha h2 {
        font-size: 24px;
        color: #686868;
        margin-bottom: 25px;
    }
    .info-content {
        text-align: justify !important;
        padding: 80px 20px 25px;
        font-weight: 300;
        font-size: 14px;
        line-height: 22px;
        color: #000;
    }


    @media (min-width: 768px) {
      .modal-dialog {
        width: 600px;
        margin: 15% auto !important;
      }
    }

    @media (min-width: 992px) {
      .modal-lg {
        width: 70% !important;
        margin: 7% auto !important;
      }
    }

    .modal-header h4{
        font-weight: bold;
    }

    .modal-header {
        padding: 15px;
        border-bottom: 2px solid #028fcc;
    }

    .modal-body {
        position: relative;
        padding: 30px 15px;
    }

    .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: none; 
    }

    .modal-footer .btn-primary { 
        background-color: #028fcc;
        border-color: #028fcc;
    }

    #error-respuesta{
        background-image: url('../img/muestras/coming-soon-bg.png'); 
        background-position: center top; 
        background-repeat: 
        repeat-x; 
        padding: 90px 0; 
        overflow: hidden; 
        margin: 50px 0px;
        color: #686868;
    }

    #answer .modal-dialog{
         width: 45% !important;
    }

    #answer .modal-header {
        border-bottom: 0px !important;
    }

    /* label focus color */
     .input-field input:focus + label {
       color: rgba(27, 77, 101, 0.93) !important;
    }
    /* label underline focus color */
     .row .input-field input:focus {
       border-bottom: 1px solid rgba(27, 77, 101, 0.93) !important;
       box-shadow: 1px rgba(27, 77, 101, 0.93) !important
     }

    .help-block {
        display: block;
        margin-top: 5px;
        margin-bottom: 10px;
        color: #737373;
        font-size: 12px;
        text-align: right;
    }

    .input-group-addon {
        background-color: transparent !important;
        border: none !important;
        border-radius: 0 !important;
    }

    .form-area {
      background-color: #FAFAFA;
      padding: 40px;
      margin: 10px 0px 20px;
      border: 1px solid #DBD6D6;
      border-radius: 10px 10px 10px 10px;
      -moz-border-radius: 10px 10px 10px 10px;
      -webkit-border-radius: 10px 10px 10px 10px;
      -webkit-box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.75);
      box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.75);
    }

    .form-control:focus {
      border-color: #26a69a;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #26a69a;
    }

    .table-bordered > thead > tr > th, .table-bordered > tbody > tr > td{
      border: none;
    }

    .table > tbody > tr > td{
      border-top: 1px solid #ddd;
    } 

    .table-bordered {
       border: none;
    }

    .panel-ficha {
        border-color: rgb(1, 66, 89); /*rgba(27, 108, 117, 0.87)*/
    }

    .panel-ficha > .panel-heading {
        color: #fff;
        background-color: rgb(1, 66, 89);/*rgba(27, 108, 117, 0.87)*/
        border-color: rgb(1, 66, 89);/*rgba(27, 108, 117, 0.87)*/
    }

    .ficha-opc {
      padding: 60px 0px 60px 0px;
    }

    .ficha-opc > a{
      color: #000;
    }

   .ficha-opc a:hover, .ficha-opc a:focus, .ficha-opc a:active{
      color: #333 !important;
    }


    .ficha-opc .col-sm-3:hover .fich-mod {
      background-color: rgb(20, 150, 165);
    }

    .fich-mod {
      background-color: #BF177B;
    }

    .fich-mod {
      border-radius: 4px;
      color: #fff;
      display: inline-block;
      font-size: 26px;
      height: 60px;
      line-height: 60px;
      width: 60px;
      -webkit-transition: background-color 0.2s ease;
      transition: background-color 0.2s ease;
    }

    .ficha-opc a{
      color: #333;
    }
    .ficha-opc a:hover{
      text-decoration: none;
    }
    .div-oculto{
      padding-top: 90px; 
      padding-bottom: 90px; 
      display: none;
      border-top: 3px solid rgba(2, 143, 204, 0.51);
    }

    .form-control[readonly]{
      background-color: transparent !important;
    }


        .demo-card {
          width: 100%;
          max-width: 500px;
          margin: 0 auto 100px;
        }
        .card {
          position: relative;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
           border-radius: 0.25rem;
        }

        .card-pick{
          background-color: #fff;
          border: 1px solid rgb(1, 66, 89);
          border-radius: 3px;
        }

        .card-header {
          padding: 0.75rem 1.25rem;
          margin-bottom: 0;
          color: #fff;
          background-color: rgb(1, 66, 89);
          border-color: rgb(1, 66, 89);
          border-top-left-radius: 3px;
          border-top-right-radius: 3px;
        }

        .card-img-top {
          width: 100%;
          border-top-left-radius: calc(0.25rem - 1px);
          border-top-right-radius: calc(0.25rem - 1px);
        }

        .card-block {
          -webkit-box-flex: 1;
          -webkit-flex: 1 1 auto;
              -ms-flex: 1 1 auto;
                  flex: 1 1 auto;
          padding: 1.25rem;
        }

        .card-title {
          margin-bottom: 0.75rem;
        }

        .card-subtitle {
          margin-top: -0.375rem;
          margin-bottom: 0;
        }

        .card-text:last-child {
          margin-bottom: 0;
        }

        .card-text {
          color: rgba(255, 255, 255, 0.65);
        }

        .card-footer {
          padding: 0.75rem 1.25rem;
          color: #fff;
          background-color: rgb(1, 66, 89);
          border-color: rgb(1, 66, 89);
          border-bottom-left-radius: 3px;
          border-bottom-right-radius: 3px;
        }

        .card-footer:last-child {
          border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
        }

        #imgPerfil{
          border-radius: 10px 10px 10px 10px;
          -moz-border-radius: 10px 10px 10px 10px;
          -webkit-border-radius: 10px 10px 10px 10px;
          border: 0px solid #000000;
          max-height: 230px;
          width: auto !important;
          /*max-height: 350px; 
          max-width: 300px;*/
        }

        .print {
        display: none;
        }
        @media print {
          .noprint {
            display: none;
          }
        }

        a:focus {
          outline: none;
        }

        .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
            border-top: 0px solid #ddd;
        }

    #side-accordion .glyphicon { margin-right:10px; }
    #side-accordion .fa { margin-right:10px; }
    #side-accordion .panel-body { padding:0px; }
    #side-accordion .panel-body table tr td { padding-left: 15px }
    #side-accordion .panel-body .table {margin-bottom: 0px; }
    #side-accordion .panel-group .panel + .panel {
        margin-top: 0px;
    }
    #side-accordion .panel-group .panel {
        border-radius: 0px;
    }
    #side-accordion .panel {
        background-color: transparent;
        border-radius: 0px;
        border: 0px solid transparent;
        -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .05); 
    }
    #side-accordion .panel-default > .panel-heading {
        color: #fff;
        background-color: transparent;
        border-color: transparent;
        padding: 20px 0px;
    }
    #side-accordion .panel-default > .panel-heading a {
        text-decoration: none;
    }
    #side-accordion .panel-group .panel-heading + .panel-collapse > .panel-body, #side-accordion .panel-group .panel-heading + .panel-collapse > .list-group {
        border-top: 0px solid #ddd;
    }
    #side-accordion .table > tbody > tr > td {
        border-top: 0px solid #ddd;
    }

    #side-accordion .panel-body a:focus, #side-accordion .panel-body a:hover {
        color: #fff;
        text-decoration: none;
    }

    #side-accordion .panel-body a {
        color: #9f9f9f;
        letter-spacing: 1px;
    }

    .divider-header {
        display: block;
        width: 40px;
        height: 2px;
        margin: 0 auto;
        margin-bottom: 10px;
        background: rgb(12, 126, 140);
    }
    .text-izqesp{
      text-align: left !important;
      padding-left: 20px !important;
    }

    .table-dp > tbody > tr > td { 
      padding: 3px; 
    }

    #opt-adm .nav-justified > li {
      float: none;
      padding: 0px 10px 0px 10px;
    }

    #opt-adm .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
      color: #fff;
      background-color: rgb(12, 126, 140);
    }

    #opt-adm .list-group-item {
      font-weight: 700;
      display: block;
      padding: 18px 10px;
      text-align: center;
      text-overflow: ellipsis;
    }

    #data-table .pagination > .active > a, .pagination > .active > span, 
    #data-table .pagination > .active > a:hover, 
    #data-table .pagination > .active > span:hover, 
    #data-table .pagination > .active > a:focus, 
    #data-table .pagination > .active > span:focus {
      z-index: 3;
      color: #fff;
      cursor: default;
      background-color: rgb(12, 126, 140);
      border-color: rgb(12, 126, 140);
    }

    .bordered-row > .form-border {
      margin-bottom: 0;
      border-top-width: 1px;
      border-top-style: dashed;
      border-color: #dfe8f1;
    }
    .form-border > .form-group {
      margin-bottom: 0px !important;
      padding: 20px 0 !important;
    }
    .content-box {
      position: absolute;
      border-width: 1px;
      border-style: solid;
      border-color: #dfe8f1;
      border-radius: 3px;
      width: 91%;
    }

    .checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
    .toggle{position:relative;overflow:hidden}
    .toggle input[type=checkbox]{display:none}
    .toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
    .toggle.off .toggle-group{left:-100%}
    .toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
    .toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
    .toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
    .toggle.btn{min-width:59px;min-height:34px}
    .toggle-on.btn{padding-right:24px}
    .toggle-off.btn{padding-left:24px}
    .toggle.btn-lg{min-width:79px;min-height:45px}
    .toggle-on.btn-lg{padding-right:31px}
    .toggle-off.btn-lg{padding-left:31px}
    .toggle-handle.btn-lg{width:40px}
    .toggle.btn-sm{min-width:50px;min-height:30px}
    .toggle-on.btn-sm{padding-right:20px}
    .toggle-off.btn-sm{padding-left:20px}
    .toggle.btn-xs{min-width:35px;min-height:22px}
    .toggle-on.btn-xs{padding-right:12px}
    .toggle-off.btn-xs{padding-left:12px}

    .input-field div.error{
        top: -1rem;
        left: 0rem;
        font-size: 11px;
        color:#F44336;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }

    .form-group div.error{
        top: -1rem;
        left: 0rem;
        font-size: 11px;
        color:#F44336;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }

/* PLANTILLAS BIENESTAR SOCIAL
----------------------------------------------------*/
       
      #isotope-gallery-container .col-md-3 {
          margin-right: -1px;
      }

      .gallery-item-wrapper {
          padding-bottom: 25px;
      }
      .gallery-item {
          overflow: hidden;
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
          border-radius: 3px;
      }
      .flush .gallery-item {
          border-radius: 0;
      }
      .gallery-item .gallery-thumb {
          position: relative;
          overflow: hidden;
      }

      .gallery-item .gallery-thumb img {
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
      }

      .gallery-item:hover .gallery-thumb img {
          transform: scale(1.1);
      }

      .gallery-item .gallery-thumb .image-overlay {
          background-color: #2c3e50;
          width: 100%;
          height: 100%;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0;
          filter: alpha(opacity=0);
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
      }

      .gallery-item:hover .gallery-thumb .image-overlay {
          opacity: 0.50;
          filter: alpha(opacity=50);
      }

      .gallery-item .gallery-thumb .gallery-zoom, .gallery-item .gallery-thumb .gallery-link {
          width: 45px;
          height: 45px;
          text-align: center;
          background-color: #028fcc;
          display: none;
          line-height: 45px;
          position: absolute;
          top: 50%;
          margin-top: -22px;
          padding-top: 2px;
          font-size: 18px;
          color: #fff;
          display: block;
          border-radius: 2px;
          /*border: 2px solid #fff;*/
      }

      .gallery-item .gallery-thumb .gallery-zoom:hover, .gallery-item .gallery-thumb .gallery-link:hover {
          background-color: #CECB26;
          color: #fff;
          /*border: none;*/
      }

      .gallery-item .gallery-thumb .gallery-zoom:focus, .gallery-item .gallery-thumb .gallery-link:focus {
          outline: none;
      }

      .gallery-item .gallery-thumb .gallery-link {
          right: 0;
          margin-right: -45px;
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
      }

      .gallery-item .gallery-thumb .gallery-zoom {
          left: 0;
          margin-left: -45px;
          -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
      }

      .gallery-item:hover .gallery-thumb .gallery-zoom {
          display: block;
          left: 50%;
          margin-left: -48px;
      }

      .gallery-item:hover .gallery-thumb .gallery-link {
          display: block;
          right: 50%;
          margin-right: -48px;
      }

      .gallery-item .gallery-details {
          text-align: center;
          padding-top: 20px;
          background-color: #fff;
          bor der: 2px solid #ecf0f1;
          border-top: 0;
          overflow: hidden;
      }

      .gallery-item .gallery-details h5 {
          margin: 0;
          font-size: 1em;
          font-weight: 700;
          position: relative;
          color: #002e5b;
      }

      .gallery-item .gallery-details p {
          font-size: .9em;
      }


      /* Gallery Filter
       * -------------------------- */
      .filter {
          list-style: none;
          padding: 0;
          margin: 0 0 60px 0;
          text-align: center;
      }
      .filter li {
          display: inline-block;
          margin: 0;
      }
      .filter li:before {
          display: inline-block;
          content: "/";
          padding: 0 25px 0 19px;
          color: rgba(0, 0, 0, 0.48);
      }
      .filter li:first-child:before {
          display: none;
      }
      .filter li a {
          text-transform: uppercase;
          font-weight: 700;
          font-size: 14px;
          color: #777777;
      }
      .filter li a:hover,
      .filter li a:focus,
      .filter li a:active {
          color: #002e5b;
          text-decoration: none;
      }

      /* Isotope Animating
       * -------------------------- */
      .isotope,
      .isotope .isotope-item {
        /* change duration value to whatever you like */
          -webkit-transition-duration: 0.8s;
          -moz-transition-duration: 0.8s;
          -ms-transition-duration: 0.8s;
          -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
      }

      .isotope {
          -webkit-transition-property: height, width;
          -moz-transition-property: height, width;
          -ms-transition-property: height, width;
          -o-transition-property: height, width;
          transition-property: height, width;
      }

      .isotope .isotope-item {
          -webkit-transition-property: -webkit-transform, opacity;
          -moz-transition-property: -moz-transform, opacity;
          -ms-transition-property: -ms-transform, opacity;
          -o-transition-property: -o-transform, opacity;
          transition-property: transform, opacity;
      }

      /**** disabling Isotope CSS3 transitions ****/

      .isotope.no-transition,
      .isotope.no-transition .isotope-item,
      .isotope .isotope-item.no-transition {
          -webkit-transition-duration: 0s;
          -moz-transition-duration: 0s;
          -ms-transition-duration: 0s;
          -o-transition-duration: 0s;
          transition-duration: 0s;
      }

/* fin PLANTILLAS BIENESTAR SOCIAL
----------------------------------------------------*/

    #beltScroll{
      background: linear-gradient(rgba(35, 93, 135, 0.6), rgba(17, 41, 68, 0.6)), url(../img/muestras/404-bg.png) fixed center center;
      background-size: cover;
      padding: 50px 0;
      margin-top: 50px;
    }

    #passPerfil ul {
        list-style: none;
        padding: 0;
    }

    #passPerfil li:before {
      content: "\f00c";
      font-family: FontAwesome;
      color: green;
      display: inline-block;
      margin-left: 1.3em;
      width: 2.3em;
      margin-bottom: 5px;
    }

    #passPerfil li.dont:before {
      content: "\f00d";
      font-family: FontAwesome;
      color: red;
      display: inline-block;
      margin-left: 1.3em;
      width: 2.3em;
      margin-bottom: 5px;
    }

    .ir-arriba {
      display:none;
      background:#024959;
      color:#fff;
      cursor:pointer;
      position: fixed;
      bottom:50px;
      right:20px;
      text-decoration: none;
      padding: 5px 10px 5px 10px;
      z-index: 10;
      font-weight: bold;
    }
   
    .inc-row{
      margin-top: 8px;
    }

    .inc-descrip {
      text-align: right;
      font-weight: bold;
    }

    #rep-incidencia .radio-inline {
        padding-left: 0px;
    }

    #encabezado-reporte{
        background-image: url('../img/muestras/coming-soon-bg.png');
        background-position: center top;
        max-height: 240px;
    }

    #encabezado-ficha {
        background-image: url('../img/muestras/coming-soon-bg.png');
        background-position: center top;
        min-height: 150px;
    }

    .rep-adjunto  {
      color: #337ab7 !important;
      text-decoration: none !important;
    }

    /*#cumpleaneros {
      background-image: url('../img/imagenes/cumpleanero-min.png');
      background-size: cover;
      height: 971px;
      width: 714px; 
      font-size: 22px;
      color: #f25b15;
      font-family: 'Baloo Tammudu', cursive;
    }*/

    #cumpleaneros {
        background-size: cover;
        max-height: 971px;
        width: 714px;
        font-size: 22px;
        color: #f25b15;
        font-family: 'Baloo Tammudu', cursive;
    }

/******************** CSS de multimedia **********************/
    .section {
      padding: 100px 0;
    }
    .no-padding {
      padding: 0;
    }
    .no-gutter [class*=col-] {
      padding-right: 0;
      padding-left: 0;
    }
    .pick {
      -moz-box-shadow: 0 0 0 1px #fff;
      -webkit-box-shadow: 0 0 0 1px #fff;
      box-shadow: 0 0 0 1px #fff;
      overflow: hidden;
      position: relative;
    }
    .pick img {
      width: 100%;
      height: 100%;
    }
    .pick .overlay {
      background: rgba(27, 77, 101, 0.5);
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
      -moz-transition: opacity, 0.3s;
      -o-transition: opacity, 0.3s;
      -webkit-transition: opacity, 0.3s;
      transition: opacity, 0.3s;
    }
    .pick .overlay-caption {
      position: absolute;
      text-align: center;
      top: 50%;
      width: 100%;
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }
    .pick h5, .pick p, .pick img {
      -moz-transition: all, 0.5s;
      -o-transition: all, 0.5s;
      -webkit-transition: all, 0.5s;
      transition: all, 0.5s;
    }
    .pick h5, .pick p {
      color: #fff;
      margin: 0;
      opacity: 0;
    }
    .pick span {
      font-size: 35px;
    }
    .pick h5 {
      margin-bottom: 5px;
      -moz-transform: translate3d(0, -200%, 0);
      -ms-transform: translate3d(0, -200%, 0);
      -webkit-transform: translate3d(0, -200%, 0);
      transform: translate3d(0, -200%, 0);
    }
    .pick p {
      -moz-transform: translate3d(0, 200%, 0);
      -ms-transform: translate3d(0, 200%, 0);
      -webkit-transform: translate3d(0, 200%, 0);
      transform: translate3d(0, 200%, 0);
    }
    .pick-box:hover img {
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
    .pick-box:hover .overlay {
      opacity: 1;
    }
    .pick-box:hover .overlay h5, .pick-box:hover .overlay p {
      opacity: 1;
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }


/******************** fin CSS de multimedia **********************/

/************************************CSS Karelyn******************************************/


    a.xa:link {
      color: rgba(27, 77, 101, 0.93);
      text-decoration: none;
    }
      a.xa:visited {
        color: rgba(27, 77, 101, 0.93);
        text-decoration: none;
    }
      a.xa:hover {
        color: #333;
        text-decoration:none;
    }
      /***********/
    .go-top {
      position: fixed;
      bottom: 2em;
      right: 2em;
      text-decoration: none;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.4);
      font-size: 12px;
      padding: 1em;
      display: none;
      z-index: 10;
    }
     
    .go-top:hover {
      background-color: rgba(0, 0, 0, 0.8);
      color: #fff;
    } 
      /***********/
    .btn-servicios-salud { 
      color: #ffffff; 
      background-color: #5BC0DE; 
      border-color: #46B8DA; 
      margin-bottom: 10px;
    } 
     
    .btn-servicios-salud:hover, 
    .btn-servicios-salud:focus, 
    .btn-servicios-salud:active, 
    .btn-servicios-salud.active, 
    .open .dropdown-toggle.btn-servicios-salud { 

      -webkit-transform:scale(1.25);
      -moz-transform:scale(1.25);
      -ms-transform:scale(1.25);
      -o-transform:scale(1.25);
      transform:scale(1.25);
      /*margin-bottom: 10px;*/

      color: #ffffff;
      background-color: #35A81B; 
      border-color: #22800D; 
    } 
     
    .btn-servicios-salud:active, 
    .btn-servicios-salud.active, 
    .open .dropdown-toggle.btn-servicios-salud { 
      background-image: none; 
    } 
     
    .btn-servicios-salud.disabled, 
    .btn-servicios-salud[disabled], 
    fieldset[disabled] .btn-servicios-salud, 
    .btn-servicios-salud.disabled:hover, 
    .btn-servicios-salud[disabled]:hover, 
    fieldset[disabled] .btn-servicios-salud:hover, 
    .btn-servicios-salud.disabled:focus, 
    .btn-servicios-salud[disabled]:focus, 
    fieldset[disabled] .btn-servicios-salud:focus, 
    .btn-servicios-salud.disabled:active, 
    .btn-servicios-salud[disabled]:active, 
    fieldset[disabled] .btn-servicios-salud:active, 
    .btn-servicios-salud.disabled.active, 
    .btn-servicios-salud[disabled].active, 
    fieldset[disabled] .btn-servicios-salud.active { 
      background-color: #5BC0DE; 
      border-color: #46B8DA; 
    } 
     
    .btn-servicios-salud .badge { 
      color: #5BC0DE; 
      background-color: #ffffff; 
    }
        /***********/
      .brand-pills > li {
        float: left;
      }
      .brand-pills > li > a {
        border-radius: 5px;
        color: #333;
        background-color: rgba(43, 88, 110, 0.1); /*#ededed;*/
      }
      .brand-pills > li + li {
        margin-left: 2px;
      }

      .brand-pills > li > a:hover{
        color: #fff; /*#fff;*/
        background-color: rgb(43, 88, 110);/*; #333; #337ab7;*/
       /* border : 2px solid #333;*/
      }

      .brand-pills > li.active > a,
      .brand-pills > li.active > a:hover,
      .brand-pills > li.active > a:focus {
        color: #333; /*#fff;*/
        background-color: #fff; /*#337ab7;*/
        border : 2px solid rgb(43, 88, 110); /*#333;*/
      }
      /***********/
      .model-pills > li {
        float: left;
      }
      .model-pills > li > a {
        border-radius: 5px;
        color: #333;
        background-color: rgba(43, 88, 110, 0.1); /*#ededed;*/
      }
      .model-pills > li + li {
        margin-left: 2px;
      }

      .model-pills > li > a:hover{
        color: #fff; /*#fff;*/
        background-color: rgb(43, 88, 110);/*; #333; #337ab7;*/
       /* border : 2px solid #333;*/
      }

      .model-pills > li.active > a,
      .model-pills > li.active > a:hover,
      .model-pills > li.active > a:focus {
        color: #333; /*#fff;*/
        background-color: #fff; /*#337ab7;*/
        border : 2px solid rgb(43, 88, 110); /*#333;*/
      }
      /***********/
      .btn-catminf-p { 
        color: #ffffff; 
        background-color: #F38A14; 
        border-color: #E48B17; 
      } 
       
      .btn-catminf-p:hover, 
      .btn-catminf-p:focus, 
      .btn-catminf-p:active, 
      .btn-catminf-p.active, 
      .open .dropdown-toggle.btn-catminf-p { 

        /*-webkit-transform:scale(1.25);
        -moz-transform:scale(1.25);
        -ms-transform:scale(1.25);
        -o-transform:scale(1.25);
        transform:scale(1.25);
        margin-bottom: 10px; */

        color: #ffffff;
        background-color: #D28511; 
        border-color: #E48B17; 
      } 
       
      .btn-catminf-p:active, 
      .btn-catminf-p.active, 
      .open .dropdown-toggle.btn-catminf-p { 
        background-image: none; 
      } 
       
      .btn-catminf-p.disabled, 
      .btn-catminf-p[disabled], 
      fieldset[disabled] .btn-catminf-p, 
      .btn-catminf-p.disabled:hover, 
      .btn-catminf-p[disabled]:hover, 
      fieldset[disabled] .btn-catminf-p:hover, 
      .btn-catminf-p.disabled:focus, 
      .btn-catminf-p[disabled]:focus, 
      fieldset[disabled] .btn-catminf-p:focus, 
      .btn-catminf-p.disabled:active, 
      .btn-catminf-p[disabled]:active, 
      fieldset[disabled] .btn-catminf-p:active, 
      .btn-catminf-p.disabled.active, 
      .btn-catminf-p[disabled].active, 
      fieldset[disabled] .btn-catminf-p.active { 
        background-color: #F38A14; 
        border-color: #E48B17; 
      } 
       
      .btn-catminf-p .badge { 
        color: #F38A14; 
        background-color: #ffffff; 
      }
    /************/ 
      .btn-catminf-r { 
        color: #ffffff; 
        background-color: #8BAB18; 
        border-color: #91B317; 
      } 
       
      .btn-catminf-r:hover, 
      .btn-catminf-r:focus, 
      .btn-catminf-r:active, 
      .btn-catminf-r.active, 
      .open .dropdown-toggle.btn-catminf-r { 
        color: #ffffff; 
        background-color: #72922A; 
        border-color: #91B317; 
      } 
       
      .btn-catminf-r:active, 
      .btn-catminf-r.active, 
      .open .dropdown-toggle.btn-catminf-r { 
        background-image: none; 
      } 
       
      .btn-catminf-r.disabled, 
      .btn-catminf-r[disabled], 
      fieldset[disabled] .btn-catminf-r, 
      .btn-catminf-r.disabled:hover, 
      .btn-catminf-r[disabled]:hover, 
      fieldset[disabled] .btn-catminf-r:hover, 
      .btn-catminf-r.disabled:focus, 
      .btn-catminf-r[disabled]:focus, 
      fieldset[disabled] .btn-catminf-r:focus, 
      .btn-catminf-r.disabled:active, 
      .btn-catminf-r[disabled]:active, 
      fieldset[disabled] .btn-catminf-r:active, 
      .btn-catminf-r.disabled.active, 
      .btn-catminf-r[disabled].active, 
      fieldset[disabled] .btn-catminf-r.active { 
        background-color: #8BAB18; 
        border-color: #91B317; 
      } 
       
      .btn-catminf-r .badge { 
        color: #8BAB18; 
        background-color: #ffffff; 
      }
      /*****************/
      .nav-tabs-model {
        border-bottom: 1px solid rgba(27, 77, 101, 0.9); /*#ddd;*/
      }
      .nav-tabs-model > li {
        float: left;
        margin-bottom: -1px;
      }
      .nav-tabs-model > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
        border: 1px solid transparent;
        border-radius: 4px 4px 0 0;
        background-color: rgba(27, 77, 101, 0.1);/**/
        color: rgba(27, 77, 101);/**/
      }
      .nav-tabs-model > li > a:hover {
        border-color: transparent; /*#eee #eee #ddd;*/
        background-color: #fff;/**/
      }
      .nav-tabs-model > li.active > a,
      .nav-tabs-model > li.active > a:hover,
      .nav-tabs-model > li.active > a:focus {
        color: rgba(27, 77, 101); /*#555;*/
        cursor: default;
        background-color: #fff;
        border: 1px solid rgba(27, 77, 101, 0.9); /*#ddd;*/
        border-bottom-color: transparent;
      }
      .nav-tabs-model.nav-justified {
        width: 100%;
        border-bottom: 0;
      }
      .nav-tabs-model.nav-justified > li {
        float: none;
      }
      .nav-tabs-model.nav-justified > li > a {
        margin-bottom: 5px;
        text-align: center;
      }
      .nav-tabs-model.nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto;
      }
      @media (min-width: 768px) {
        .nav-tabs-model.nav-justified > li {
          display: table-cell;
          width: 1%;
        }
        .nav-tabs-model.nav-justified > li > a {
          margin-bottom: 0;
        }
      }
      .nav-tabs-model.nav-justified > li > a {
        margin-right: 0;
        border-radius: 4px;
      }
      .nav-tabs-model.nav-justified > .active > a,
      .nav-tabs-model.nav-justified > .active > a:hover,
      .nav-tabs-model.nav-justified > .active > a:focus {
        border: 1px solid rgba(27, 77, 101, 0.9); /*#ddd;*/
      }
      @media (min-width: 768px) {
        .nav-tabs-model.nav-justified > li > a {
          border-bottom: 1px solid rgba(27, 77, 101, 0.9); /*#ddd;*/
          border-radius: 4px 4px 0 0;
        }
        .nav-tabs-model.nav-justified > .active > a,
        .nav-tabs-model.nav-justified > .active > a:hover,
        .nav-tabs-model.nav-justified > .active > a:focus {
          border-bottom-color: #fff;
        }
      }
      /********************************/
      .panel-muestra {
        border-color: #ddd;
      }
      .panel-muestra > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
      }

      .panel-muestra > .panel-heading > .in {
        color: #fff;
        background-color: #000;
        border-color: #ddd;
      }

      .panel-muestra > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #ddd;
      }
      .panel-muestra > .panel-heading .badge {
        color: #f5f5f5;
        background-color: #333;
      }
      .panel-muestra > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ddd;
      }
/************************************CSS Karelyn******************************************/

  .faq-cat-content {
      margin-top: 25px;
  }

  .faq-cat-tabs li a {
      padding: 15px 10px 15px 10px;
      background-color: #ffffff;
      border: 1px solid #dddddd;
      color: #777777;
      border-bottom-color: rgb(12, 126, 140);
  }

  .nav-tabs {
      border-bottom: 1px solid rgb(12, 126, 140);
  }

  .nav-tabs > li.active > a, 
  .nav-tabs > li.active > a:hover, 
  .nav-tabs > li.active > a:focus {
      color: #555;
      cursor: default;
      background-color: #fff;
      border: 1px solid rgb(12, 126, 140);
      border-bottom-color: transparent;
  }

  .faq-cat-tabs li a:hover, 
  .faq-cat-tabs li a:focus {
    
      border-bottom-color: rgb(12, 126, 140);
  }


  .nav-tabs li a:focus,
  .panel-heading a:focus {
      outline: none;
  }


  .faq-cat-content .panel-heading:hover {
      background-color: #efefef;
      border-bottom-color: rgb(12, 126, 140);
  }

  .active-faq {
      border-left: 5px solid #888888;
  }

  .panel-faq .panel-heading .panel-title span {
      font-size: 13px;
      font-weight: normal;
  }








































































































/*************************
********  MENU  **********
**************************/


/* Navbar Atribute ------*/
    .attr-nav > ul > li > a{
        padding: 28px 15px;
    }
    
    ul.cart-list > li.total > .btn{
        border-bottom: solid 1px #cfcfcf !important;
        color: #fff !important;
        padding: 10px 15px;
    }

    @media (min-width: 1024px) {
        /* Navbar General ------*/
        nav.navbar ul.nav > li > a{
            padding: 30px 15px 15px !important;
            font-weight: 600 !important;
            margin-bottom: 15px !important;
        }
        
        nav.navbar .navbar-brand{
            margin-top: 0;
        }
        
        nav.navbar .navbar-brand img.logo{
            width: 100px;
        }

        nav.navbar .navbar-brand{
            margin-top: 0;
        }
        
        
        nav.navbar li.dropdown ul.dropdown-menu{
            border-top: solid 5px;
        }
        
        /* Navbar Center ------*/
        nav.navbar-center .navbar-brand{
            margin: 0 !important;
        }
        
        /* Navbar Brand Top ------*/
        nav.navbar-brand-top .navbar-brand{
            margin: 10px !important;
        }
        
        /* Navbar Full ------*/
        nav.navbar-full .navbar-brand{
            position: relative;
            top: -15px;
        }
        
        /* Navbar Sidebar ------*/
        nav.navbar-sidebar ul.nav,
        nav.navbar-sidebar .navbar-brand{
            margin-bottom: 50px;
        }
        
        nav.navbar-sidebar ul.nav > li > a{
            padding: 10px 15px;
            font-weight: bold;
        }
        
        /* Navbar Transparent & Fixed ------*/
        nav.navbar.bootsnav.navbar-transparent.white{
            background-color: rgba(255,255,255,0.3);
            border-bottom: solid 1px #bbb;
        }
        
        nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
        nav.navbar.bootsnav.navbar-transparent.dark{
            background-color: rgba(0,0,0,0.3);
            border-bottom: solid 1px #555;
        }
        
        nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
            border-left: solid 1px #bbb;
        }
        
        nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
        nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
            border-left: solid 1px #555;
        }
        
        nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
        nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
        nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
        nav.navbar.bootsnav.no-background.white ul.nav > li > a{
            color: #fff;
        }
        
        nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
        nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
            color: #eee;
        }
    }

    @media (max-width: 992px) {
        /* Navbar General ------*/
        nav.navbar .navbar-brand{
            margin-top: 0;
            position: relative;
            top: -2px;
        }
        
        nav.navbar .navbar-brand img.logo{
            width: 30px;
        }
        
        .attr-nav > ul > li > a{
            padding: 16px 15px 15px;
        }
        
        /* Navbar Mobile slide ------*/
        nav.navbar.navbar-mobile ul.nav > li > a{
            padding: 15px 15px;
        }
        
        nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{
            padding-right: 15px !important;
            padding-top: 15px !important;
            padding-bottom: 15px !important;
        }
        
        nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
            padding-right: 30px !important;
            padding-top: 13px !important;
            padding-bottom: 13px !important;
        }
        
        nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
            padding-top: 13px !important;
            padding-bottom: 13px !important;
        }
        
        /* Navbar Full ------*/
         nav.navbar-full .navbar-brand{
            top: 0;
            padding-top: 10px;
        }
    }

    nav.navbar.bootsnav .navbar-toggle {
        background-color: transparent !important;
        border: none;
        padding: 0;
        font-size: 18px;
        position: relative;
        top: 5px;
    }

    /* Navbar Inverse
    =================================*/
    nav.navbar.navbar-inverse{
        background-color: #222;
        border-bottom: solid 1px #303030;
    }

    nav.navbar.navbar-inverse ul.cart-list > li.total > .btn{
        border-bottom: solid 1px #222 !important;
    }

    nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right{
        color: #fff;
    }

    nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
    nav.navbar.navbar-inverse ul.nav > li > a{
        color: #eee;
    }

    nav.navbar.navbar-inverse ul.nav > li.dropdown > a{
        background-color: #222;
    }

    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
        color: #999;
    }

    nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,
    nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,
    nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,
    nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,
    nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,
    nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{
        color: #fff;
    }

    nav.navbar.navbar-inverse .form-control{
        background-color: #333;
        border-color: #303030;
        color: #fff;
    }

    nav.navbar.navbar-inverse .attr-nav > ul > li > a{
        color: #eee;
    }

    nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{
        background-color: #222;
        border-left: solid 1px #303030;
        border-bottom: solid 1px #303030;
        border-right: solid 1px #303030;
    }

    nav.navbar.navbar-inverse ul.cart-list > li{
        border-bottom: solid 1px #303030;
        color: #eee;
    }

    nav.navbar.navbar-inverse ul.cart-list > li img{
        border: solid 1px #303030;
    }

    nav.navbar.navbar-inverse ul.cart-list > li.total{
        background-color: #333;
    }

    nav.navbar.navbar-inverse .share ul > li > a{
        background-color: #555;
    }

    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{
        border-right: solid 1px #303030;
    }

    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{
        border-bottom: solid 1px #303030;
    }

    nav.navbar.navbar-inverse .dropdown-tabs .tab-content{
        border-left: solid 1px #303030;
    }

    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover,
    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus,
    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{
        background-color: #333 !important;
    }

    nav.navbar-inverse.navbar-full ul.nav > li > a{
        border:none;
    }

    nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{
        background-color: #222;
    }

    nav.navbar-inverse.navbar-full .navbar-toggle{
        background-color: #222 !important;
        color: #6f6f6f;
    }

    @media (min-width: 1024px) {
        nav.navbar.navbar-inverse ul.nav .dropdown-menu{
            background-color: #222 !important;
            border-left: solid 1px #303030 !important;
            border-bottom: solid 1px #303030 !important;
            border-right: solid 1px #303030 !important;
        }

        nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
            border-bottom: solid 1px #303030;
        }
        
        nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{
            border-left: solid 1px #303030;
            border-right: solid 1px #303030;
        }
        
        nav.navbar.navbar-inverse.navbar-transparent.dark{
            background-color: rgba(0,0,0,0.3);
            border-bottom: solid 1px #999;
        }
        
        nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{
            border-left: solid 1px #999;
        }
        
        nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,
        nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,
        nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,
        nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{
            color: #fff;
        }
        
        nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
        nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
        nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,
        nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{
            color: #3f3f3f;
        }
    }
    @media (max-width: 992px)  {
        nav.navbar.navbar-inverse .navbar-toggle{
            color: #eee;
            background-color: #222 !important;
        }
        
        nav.navbar.navbar-inverse .navbar-nav > li > a{
            border-top: solid 1px #303030;
            border-bottom: solid 1px #303030;
        }
        
        nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu  > li > a{
            color: #999;
            border-bottom: solid 1px #303030;
        }
        
        nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{
            border-bottom: solid 1px #303030;
            color: #eee;
        }
        
        nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{
            border-bottom: solid 1px #303030;
            color: #999 !important;
        }
        
        nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{
            border-bottom: solid 1px #303030;
        }
        
        nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{
            border-top: solid 1px #303030;
        }
        
        nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{
            background-color: #222;
        }
    }

    @media (max-width: 767px)  {
        nav.navbar.navbar-inverse.navbar-mobile ul.nav{
            border-top: solid 1px #222;
        }
    }


    .wrap-sticky{
        height: 0px !important; 
    }

    /*
    Color nav.navbar.bootsnav ul.nav li.active > a
    =========================== */

    

    /* este codigo le da color a los items del menu*/
    nav.navbar.navbar-transparent ul.nav > li > a:hover,
    nav.navbar.no-background ul.nav > li > a:hover,
    nav.navbar.navbar-fixed ul.nav > li > a:hover,
    nav.navbar ul.nav li.scroll.active > a,
    nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,
    nav.navbar ul.nav li.dropdown.on > a,
    nav.navbar-dark ul.nav li.dropdown.on > a{
        color:#fff !important;
    }
    

    nav.navbar.navbar-transparent ul.nav > li > a:hover,
    nav.navbar.no-background ul.nav > li > a:hover,
    nav.navbar.navbar-fixed ul.nav > li > a:hover,
    nav.navbar ul.nav li.dropdown.on > a,
    nav.navbar ul.nav li.active > a,
    nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
        /*color: #eecb33 !important;*/
        border-bottom: 4px solid #eecb33 !important;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:active{
        border-bottom: none !important;
    }



    /*este codigo le da color a los items del submenu*/
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .columna ul.menu-col li a:hover,
    .side .widget ul.link li a:hover,
    .side .widget ul.link li a:focus,
    .check-list li:before,
    ul.cart-list > li > h6 > a,
    /*.attr-nav > ul > li > a:hover,
    .attr-nav > ul > li > a:focus,*/
    nav.navbar-sidebar ul.nav li.dropdown.on > a,
    nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,
    nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,
    /* nav.navbar ul.nav li.dropdown.on > a,*/
    nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,
    nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,
    nav.navbar .dropdown .megamenu-content .col-menu.on .title,
    nav.navbar ul.nav > li > a:hover,
    /*nav.navbar ul.nav > li:active > a:hover,*/
    nav.navbar ul.megamenu-content li.active > a/*
     nav.navbar li.dropdown ul.dropdown-menu > li a:hover */{
        color: rgba(27, 77, 101, 0.93) !important;
        border-bottom: none !important;
        
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content ul.menu-col li a {
      text-align: left !important;
      padding: 5px 0;
      display: block;
      width: 100%;
      margin-bottom: 0;
      border-bottom: none;
      color: #6f6f6f;
    }


    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .columna{
      padding: 0 30px !important;
      margin: 0 -0.5px !important;
      border-left: solid 1px #f0f0f0 !important;
      border-right: solid 1px #f0f0f0 !important;
    }

    @media(max-width:992px){
        nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title{
            color: #fff !important;
        }

        nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,
        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .columna ul.menu-col li a:hover,
        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .columna ul.menu-col li a:active,
        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:active,
        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
        nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{
            color: #eecb33 !important;
            border-bottom: none !important;
        }

        ul.menu-col li a {
            color: #fff !important;
        }

        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .columna{
          border-left: none !important;
          border-right: none !important;
        }

        nav.navbar.navbar-transparent ul.nav > li > a:hover,
        nav.navbar.no-background ul.nav > li > a:hover,
        nav.navbar.navbar-fixed ul.nav > li > a:hover,
        nav.navbar ul.nav li.dropdown.on > a,
        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,
        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li:active,
        nav.navbar ul.nav li.active > a,
        nav.navbar li.dropdown ul.dropdown-menu > li a:hover{
            color: #eecb33 !important;
            border-bottom: none !important;
        }
    }

    /*
    Border
    =========================== */
    ul.cart-list > li.total > .btn{
        border-color: #f43438;
    }

    nav.navbar li.dropdown ul.dropdown-menu{
        /*border-top-color: #395259 !important;*/
        border-top-color: transparent !important;
    }

    /*
    Background
    =========================== */
    ul.cart-list > li.total > .btn,
    .attr-nav > ul > li > a span.badge,
    nav.navbar .share ul > li > a:hover,
    nav.navbar .share ul > li > a:focus{
        background-color: #f43438;
    }

    ul.cart-list > li.total > .btn:hover,
    ul.cart-list > li.total > .btn:focus{
        background-color: #dc3236 !important;
    }

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

        nav.navbar.bootsnav .navbar-toggle {
            display: inline-block;
            float: left;
            margin-right: -200px;
            margin-top: 10px;
            color: #fff;
        }
    }

    body.on-side .wrap-sticky nav.navbar.bootsnav.sticked{
        /* left: -280px; original */
        left: 0px !important;
    }

    body.on-side{
        /* margin-left: -280px; este es el codigo original */
        margin-left: 0px !important;
    }




/*
Navbar FIN
=========================== */

/*************************
******** GALERIA **********
**************************/

/* Gallery Principal ------*/

    .fade-carousel {
        position: relative;
        height: 80vh; /* modifica la altura de la galeria, es igual al %*/
    }
    .fade-carousel .carousel-inner .item {
        height: 80vh; /* modifica la altura de la galeria, es igual al %*/
    }
    .fade-carousel .carousel-indicators > li {
        margin: 0 2px;
        background-color: #f39c12;
        border-color: #f39c12;
        opacity: .7;
    }
    .fade-carousel .carousel-indicators > li.active {
      width: 10px;
      height: 10px;
      opacity: 1;
    }

    /********************************/
    /*          Hero Headers        */
    /********************************/
    .hero {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 3;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        text-shadow: 1px 1px 0 rgba(0,0,0,.75);
          -webkit-transform: translate3d(-50%,-50%,0);
             -moz-transform: translate3d(-50%,-50%,0);
              -ms-transform: translate3d(-50%,-50%,0);
               -o-transform: translate3d(-50%,-50%,0);
                  transform: translate3d(-50%,-50%,0);
    }
    .hero h1 {
        font-size: 6em;    
        font-weight: bold;
        margin: 0;
        padding: 0;
    }
    /*
    .fade-carousel .carousel-inner .item .hero {
        opacity: 0;
        -webkit-transition: 2s all ease-in-out .1s;
           -moz-transition: 2s all ease-in-out .1s; 
            -ms-transition: 2s all ease-in-out .1s; 
             -o-transition: 2s all ease-in-out .1s; 
                transition: 2s all ease-in-out .1s; 
    }
    .fade-carousel .carousel-inner .item.active .hero {
        opacity: 1;
        -webkit-transition: 2s all ease-in-out .1s;
           -moz-transition: 2s all ease-in-out .1s; 
            -ms-transition: 2s all ease-in-out .1s; 
             -o-transition: 2s all ease-in-out .1s; 
                transition: 2s all ease-in-out .1s;    
    }
    */
    /********************************/
    /*            Overlay           */
    /********************************/
    .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
        background-color: #080d15;
        opacity: .7;
    }

    /********************************/
    /*          Custom Buttons      */
    /********************************/
    .btn.btn-lg {padding: 10px 40px;}
    .btn.btn-hero,
    .btn.btn-hero:hover,
    .btn.btn-hero:focus {
        color: #f5f5f5;
        background-color: #1abc9c;
        border-color: #1abc9c;
        outline: none;
        margin: 20px auto;
    }

    /********************************/
    /*       Slides backgrounds     */
    /********************************/
    .fade-carousel .slides .slide-1, 
    .fade-carousel .slides .slide-2,
    .fade-carousel .slides .slide-3 {
      height: 100vh;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
    }
    .fade-carousel .slides .slide-1 {
      background-image: url(../img/muestras/1.jpeg); 
    }
    .fade-carousel .slides .slide-2 {
      background-image: url(../img/muestras/2.jpeg);
    }
    .fade-carousel .slides .slide-3 {
      background-image: url(../img/muestras/3.jpeg);
    }

    /********************************/
    /*          Media Queries       */
    /********************************/
    @media screen and (min-width: 980px){
        .hero { width: 980px; }    
    }
    @media screen and (max-width: 640px){
        .hero h1 { font-size: 4em; }    
    }

    .carousel-indicators {
        z-index: 8 !important;
    }

    #galeria-index {
        overflow: hidden;
        position: relative;
    }

    #galeria-index .caption {
        position: absolute;
        top: 95%;
        margin-top: -104px;
        left: 0;
        right: 0;
        text-align: center;
        text-transform: uppercase;
        z-index: 15;
        color: #fff;
    }

    #galeria-index .caption h1 {
        color: #fff;
        margin-bottom: 10px;
    }

    #galeria-index a:hover, a:focus {
        color: #FFF;
    }

    .caption .btn-start {
        color: #fff;
        padding:14px 40px;
        border: 1px solid #fff;
        border-radius: 4px;
        margin-top: 10px;
        background-color: #028fcc80;
    }

    .caption .btn-start:hover {
        color: #fff
    }

    .carousel-fade .carousel-inner .item {
        opacity: 0;
        -webkit-transition-property: opacity;
        transition-property: opacity;
        background-repeat: no-repeat;
        background-size: cover;
         
    }

    .carousel-fade .carousel-inner .item:after {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,.2); /* background: rgba(0,0,0,.7);*/
    }

    .carousel-fade .carousel-inner .active {
        opacity: 1;

    }

    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }

    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
        opacity: 1;
    }

    .carousel-fade .carousel-control {
        z-index: 2;
    }

    .left-control, .right-control {
        position: absolute;
        top: 50%;
        height: 51px;
        width: 51px;
        line-height: 48px;
        border-radius: 50%;
        border:1px solid #fff;  
        z-index: 19;
        font-size: 24px;
        color: #fff;
        text-align: center;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .left-control {
        left: -51px
    } 

    .right-control {
        right: -51px;
    }

    .left-control:hover, 
    .right-control:hover {
        color: #fff;
    }

    #galeria-index:hover .left-control {
        left:30px
    } 

    #galeria-index:hover .right-control {
        right:30px
    }

    #galeria-index .fa-angle-down {
        position: absolute;
        left: 50%;
        bottom: 50px;
        color: #fff;
        display: inline-block;
        width: 24px;
        margin-left: -12px;
        font-size: 24px;
        line-height: 24px;
        z-index: 999;
        -webkit-animation: bounce 3000ms infinite;
        animation: bounce 3000ms infinite;
    }

    /*   BOTONES  */

    .caption .btn-start:hover {
        border-color: #028fcc;
    }

    .caption .btn-start:hover
    {
    background-color: #028fcc;
    }


/*
Gallery Principal FIN
=========================== */