body {
  font-family: 'Catamaran', sans-serif;
}

#gari_var {
  background: #efefef;
  width: 100%;
}

/*background: #000; background: #000 */

#gari_var #banner {
  background: #01532D;
  background-image: url('https://www.achs.cl/portal/elvardegary/images/background.jpg');
  background-position: center center;
  background-size: cover;
  height: 600px;
  position: relative;
  width: 100%;
}

#gari_var #banner1 {
  background: #01532D;
  background-image: url('https://www.achs.cl/portal/elvardegary/images/background.jpg');
  background-position: center center;
  background-size: cover;
  height: 600px;
  position: relative;
  width: 100%;
}

#gari_var #banner .over {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-image: linear-gradient( rgba(1, 59, 34, 0.9), rgba(1, 59, 34, 0.9))
}

#gari_var #banner1 .over {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-image: linear-gradient( rgba(1, 59, 34, 0.9), rgba(1, 59, 34, 0.9))
}

.ajustemargintop {
  margin-top: 50px;
}

.recurso01 {
  position: absolute;
  z-index: 1000;
  width: 342px;
  margin-top: 345px;
  margin-left: 189px;
}

.recurso02 {
  position: absolute;
  margin-left: -256px;
  width: 400px;
  margin-top: -177px;
}

#msjgracias {
  font-size: 22px;
  font-weight: 700!important;
  padding-top: 70px;
}

#preguntassinrespuesta {
  font-size: 22px;
  font-weight: 700!important;
  padding-top: 70px;
}

.mensajeok {
  font-size: 25px;
  color: #006128;
  font-weight: 700 !important;
  margin: 0 0 0;
  max-width: 100%;
  line-height: 30px;
  text-align: center;
  padding: 170px 0;
  background: #cce6e5;
}

#gari_var #player_hero {
  /*z-index: 4;
  width: 56%;
  right: 0;
  position: absolute;
  margin: 0;
  padding: 0;*/
  padding-top: 30px;
  margin-top: 30px;
  margin-left: -45px;
}

.owl-carousel .fixed-video-aspect {}

/*.owl-carousel .fixed-video-aspect:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
  padding-left:20%;
}*/

.owl-carousel .fixed-video-aspect>.item-video {}

@media (max-width:668px) {
  /*#gari_var #banner .gary_hero {
    position: absolute !important;
    width: 100% !important;
    height: 45% !important;
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    left: 0;
    top: 24px;
    right: 0 !important;
    display: initial !important;
    background-image: linear-gradient(
      rgba(1, 59, 34, 0.9), 
      rgba(1, 59, 34, 0.9)
    ) !important
}   
   #gari_var #banner1 .gary_hero {
    position: absolute !important;
    width: 100% !important;
    height: 45% !important;
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    left: 0;
    top: 24px;
    right: 0 !important;
    display: initial !important;
   }   */
  #gari_var #player_hero {
    padding-top: 30px;
    margin-top: 30px;
    margin-left: 10px;
  }
  #gari_var #banner {
    background-image: none !important;
    height: 476px !important
  }
  #gari_var #videos {
    padding: 0px !important;
    padding: 33px
  }
  #gari_var #videos .int {
    border: solid 51px #006128;
    height: 258px !important;
    padding: 0!important
  }
  #gari_var #videos .owl-theme .owl-dots {
    right: 0px;
    position: absolute;
    bottom: -35px!important;
  }
  #gari_var .absolute {
    top: 110% !important
  }
  #gari_var #player_hero {
    padding-top: 0px !important;
  }
  .imagengary, .recurso01, .recurso02 {
    display: none !important;
  }
  #gari_var .absolute p {
    font-size: 15px;
    width: 100% !important
  }
}

#gari_var #banner .gary_hero {
  width: 600px;
  height: 540px;
  background-image: url(https://www.achs.cl/portal/elvardegary/images/gary_18.png);
  background-position: bottom;
  background-repeat: no-repeat;
  position: absolute;
  right: 100px;
  background-size: contain;
  z-index: 4;
  display: none;
  top: 53px;
}

#gari_var #banner1 .gary_hero {
  width: 600px;
  height: 540px;
  /* background-image: url(https://www.achs.cl/portal/elvardegary/images/gary_hero.png);*/
  background-position: bottom;
  background-repeat: no-repeat;
  position: absolute;
  right: 100px;
  background-size: contain;
  z-index: 4;
  display: none;
  top: 53px;
}

#gari_var .intro {
  z-index: 6;
  margin-left: -50px;
}

#carousel_tabsgary {
  z-index: 99;
}

#carousel_tabsgary .owl-dots {
  text-align: left !important;
}

.item.row {
  margin-right: 0px !important;
}

#gari_var {
  background: #efefef;
}

#gari_var .banner {
  background: #000;
}

#gari_var #interior {
  position: relative;
}

/*background: #000*/

#gari_var1 #interior1 {
  position: relative;
}

/*background: #000*/

#gari_var .h100 {
  height: 100%;
}

#gari_var .tabla {
  height: 100%;
  display: table
}

#gari_var .cell {
  display: table-cell;
  vertical-align: middle;
}

#gari_var .flex {
  display: flex;
}

#gari_var .absolute {
  position: absolute;
  left: 10%;
  right: 50%;
  top: 0;
  color: #fff;
  padding: 0 15px;
}

#gari_var .absolute h2 {
  font-size: 50px;
  font-weight: inherit;
  letter-spacing: 3px;
}

#gari_var .absolute h2 strong {
  color: #5EBD3B;
  letter-spacing: 3px;
}

#gari_var .absolute p {
  font-size: 15px;
  width: 400px
}

#gari_var .absolute p span {
  font-weight: bold;
  color: #00B2A9;
}

#gari_var #video-controls {}

#gari_var #video-controls button {
  background: none;
  border: solid 2px #7C7C7C;
  border-radius: 4px;
  color: #fff;
  font-size: 20px;
  padding: 6px 12px
}

#gari_var #video-controls button:hover {
  background: #00B2A9;
  border: solid 2px #00B2A9;
}

.imagengary {
  width: 400px;
  z-index: 1756;
  height: 511px;
  position: absolute;
  margin-top: 89px;
  margin-left: -65px;
  /* padding: 0 15px; */
}

#gari_var .menu_fijo {
  display: none
}

#gari_var .menu_fijo {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 10px 0;
  z-index: 300;
}

#gari_var .menu_fijo ul {
  display: block;
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
}

#gari_var .menu_fijo ul li {
  display: inline-block;
  width: 24%;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase
}

#gari_var .menu_fijo ul li a {
  color: #fff;
  border-bottom: solid 4px #000
}

#gari_var .menu_fijo ul li a:hover, #gari_var .menu_fijo ul li a.active {
  border-bottom: solid 4px #00B2A9
}

#gari_var .bottomMenu {
  background: #000;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 10px 0;
  z-index: 300;
}

#gari_var .bottomMenu ul {
  display: block;
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
}

#gari_var .bottomMenu ul li {
  display: inline-block;
  width: 24%;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase
}

#gari_var .bottomMenu ul li a {
  color: #fff;
  border-bottom: solid 4px #000
}

#gari_var .bottomMenu ul li a:hover, #gari_var .bottomMenu ul li a.active {
  border-bottom: solid 4px #00B2A9
}

#gari_var #galeria_videos {}

#gari_var #galeria_videos .top {
  padding: 50px 0 3px 0;
}

#gari_var #galeria_videos h2 {
  color: #006128;
  font-weight: 700;
  font-size: 25px;
  text-transform: uppercase;
  margin: 0 0 50px;
  line-height: 52px;
  margin-top: -30px;
}

#gari_var #galeria_videos p {
  font-weight: 400;
  font-size: 16px;
  line-height: 27px;
  padding: 10px 0 0 0
}

#gari_var #videos {
  background: #006128;
}

#gari_var #videos .int {
  border: solid 31px #006128;
  background: #fff;
  padding: 10px
}

#gari_var #videos .owl-theme .owl-dots {
  bottom: -40px;
  right: 0px;
  position: absolute;
}

#gari_var #videos .owl-theme .owl-dots .owl-dot span {
  position: relative;
  width: 12px;
  height: 12px;
  background: transparent;
  border: 1px solid #fff
}

#gari_var #videos .owl-theme .owl-dots .owl-dot.active span, #gari_var #videos .owl-theme .owl-dots .owl-dot:hover span {
  border: solid 1px #fff;
  background: transparent;
  background: #fff;
}

. #gari_var #videos .linea {
  height: 20px;
}

.classvideochico {
  background-color: #000;
  margin-right: 40px
}

.classvideogrande {
  background-color: #000;
}

.ajustecol {
  padding: 20px;
  margin-top: -25px;
}

#gari_var .abajo {
  padding: 80px 0;
  background: #DEF3F2;
}

#gari_var #galeria_videos .abajo h2 {
  font-size: 42px;
  color: #000;
  font-weight: 700 !important;
  line-height: 49px;
  letter-spacing: 3px;
}

#gari_var #galeria_videos .abajo h3 {
  font-size: 25px;
  color: #000;
  font-weight: 700 !important;
  margin: 0 0 0;
  max-width: 400px;
  line-height: 30px;
}

#gari_var #galeria_videos .abajo p {
  font-size: 17px;
  color: #000;
  line-height: 22px;
  max-width: 500px;
}

video {
  width: 100%;
  height: auto;
}

#gari_var #galeria_videos .abajo .form-control {
  height: 50px;
  background: #DEF3F2;
  border: solid 2px #979797
}

#gari_var #galeria_videos .abajo .btn2 {
  padding: 14px 12px;
  background: #4A4A4A;
  color: #fff;
  border-color: #4A4A4A;
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0 4px 4px 0;
}

#gari_var #galeria_videos .abajo .form-group {
  margin-bottom: 30px
}

#gari_var #galeria_videos .abajo .btn {
  padding: 8px 12px;
  background: #4A4A4A;
  color: #fff;
  border-color: #4A4A4A;
  font-size: 18px;
  border-radius: 3px
}

#gari_var #galeria_videos .abajo .btn.btndescargar {
  padding: 8px 12px;
  background: #4A4A4A;
  color: #fff;
  border-color: #4A4A4A;
  font-size: 10px;
  border-radius: 3px
}

#gari_var #quiz {
  background: #fff;
  color: #4A4A4A;
}

#gari_var #quiz .btn {
  padding: 8px 12px;
  background: #4A4A4A;
  color: #fff;
  border-color: #4A4A4A;
  font-size: 18px;
  border-radius: 3px;
}

#gari_var #quiz h2 {
  color: #006128;
  font-size: 39px;
  font-weight: 700 !important;
  text-transform: uppercase;
  line-height: 41px;
  letter-spacing: 1px;
}

#gari_var #quiz h2 span {
  display: block;
  font-weight: 400!important;
}

#gari_var #quiz p {
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.btnsticker {
  background: #000;
  border: solid 2px #000;
  border-radius: 5px;
  color: #fff !important;
  font-size: 15px
}

#gari_var #quiz h3 {
  font-size: 22px;
  font-weight: 700!important
}

#gari_var #quiz .owl-theme .owl-nav [class*='owl-'] {
  position: absolute;
  top: 50%;
  margin: -25px 0 0 0;
}

#gari_var #quiz .owl-theme .owl-nav [class*='owl-']:hover {
  background: none;
  opacity: 0.6
}

#gari_var #quiz .owl-carousel .owl-nav .owl-prev {
  left: 0
}

#gari_var #quiz .owl-carousel .owl-nav .owl-next {
  right: 0;
}

#gari_var #carrusel_quiz {
  padding: 0 67px;
}

#gari_var #descargas {
  padding: 0
}

#gari_var #descargas .superior {
  background: #000;
  padding: 54px 0
}

#gari_var #descargas .superior h2 {
  color: #fff;
  font-size: 34px;
  font-weight: 700!important;
  max-width: 650px;
  text-transform: uppercase;
  line-height: 48px;
  letter-spacing: 3px;
}

#gari_var #descargas .superior p {
  max-width: 500px;
  line-height: 30px;
  font-size: 18px;
  color: #fff
}

#gari_var #descargas .cabezera {
  background: #DEF3F2;
  padding: 2px 0;
  text-align: center;
}

#gari_var #descargas .cabezera .nav-tabs {
  display: inline-block;
  border-bottom: none;
}

#gari_var #descargas .cabezera .nav-tabs>li {
  display: inline-block;
  background: none!important;
  border: none;
  padding: 0 20px;
  font-size: 15px;
}

#gari_var #descargas .cabezera .nav-tabs>li>a {
  color: #4A4A4A;
  font-weight: 400;
  border: none;
}

#gari_var #descargas .cabezera .nav-tabs>li>a:hover {
  background: none!important;
  font-weight: 700!important;
}

#gari_var #descargas .cabezera .nav-tabs>li.active>a, #gari_var #descargas .cabezera .nav-tabs>li.active>a:hover {
  background-color: transparent!important;
  font-weight: 700!important;
  color: #4A4A4A !important;
  border: none;
  background: none!important;
  border-bottom: solid 2px #000
}

#gari_var #descargas .cont_tabs {
  background: #fff;
  padding: 40px;
}

#gari_var #descargas .cont_tabs .item {
  border: solid 1px #ccc;
  color: #4A4A4A;
  padding: 20px;
  text-align: center;
  border-radius: 5px;
}

#gari_var #descargas .cont_tabs .item h3 {
  color: #4A4A4A;
  font-size: 18px;
  margin: 0 0 20px;
}

#gari_var #descargas .cont_tabs .item .btn {
  background: #000;
  border: solid 2px #000;
  border-radius: 5px;
  color: #fff;
}

#carousel_tabs1, #carousel_tabs2 {
  padding: 0 60px
}

#gari_var #descargas .owl-theme .owl-nav [class*='owl-'] {
  position: absolute;
  top: 50%;
  margin: -40px 0 0 0;
}

#gari_var #descargas .owl-theme .owl-nav [class*='owl-']:hover {
  background: none;
  opacity: 0.6
}

#gari_var #descargas .owl-carousel .owl-nav .owl-prev {
  left: 0
}

#gari_var #descargas .owl-carousel .owl-nav .owl-next {
  right: 0;
}

#gari_var #video-controls button#play-button {
  background-color: #00B2A9;
  color: #fff;
  border: none;
  margin-top: 15px
}

#gari_var #video-controls button#play-buttonmovil {
  background-color: #00B2A9;
  color: #fff;
  border: none;
  margin-top: 15px
}

/* The container */

.opcion {
  display: inline-block;
  position: relative;
  padding-left: 35px!important;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 30px
}

/* Hide the browser's default checkbox */

.opcion input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 30px;
  width: 30px;
  border: solid 2px #979797;
  border-radius: 4px;
}

/* On mouse-over, add a grey background color */

.opcion:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */

.opcion input:checked~.checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */

.opcion input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */

.opcion .checkmark:after {
  left: 9px;
  top: 7px;
  width: 7px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* The container */

.opcion_radio {
  display: inline-block;
  position: relative;
  padding-left: 22px!important;
  margin: 0 20px 12px 0!important;
  line-height: 30px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */

.opcion_radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */

.checkmark2 {
  position: absolute;
  top: 6px;
  left: 0;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  border: solid 2px #979797;
}

/* On mouse-over, add a grey background color */

.opcion_radio:hover input~.checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */

.opcion_radio input:checked~.checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark2:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */

.opcion_radio input:checked~.checkmark2:after {
  display: block;
}

/* Style the indicator (dot/circle) */

.opcion_radio .checkmark2:after {
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ccc;
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
  outline: initial;
  outline-offset: initial;
  margin: 0!important;
}

#carrusel_mod_mvl {
  display: none;
}

@media (max-width:991px) {
  #myPlayer {
    top: -20px;
    background: black;
    z-index: 200;
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
  }
  #myPlayerObr {
    top: -20px;
    background: black;
    z-index: 200;
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
  }
  #gari_var .absolute {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 15px;
    margin: 0;
    top: 50%;
    height: auto;
  }
  #gari_var .tabla {
    height: auto!important;
  }
  /*#gari_var #banner .gary_hero { position: absolute; width: 100%; height: 45%; background-size: contain; background-position: center top; background-repeat: no-repeat; left: 0; top: 0; right:0;}*/
  #gari_var #banner .over {
    display: none;
  }
  #gari_var .absolute {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 15px;
    margin: 0;
    top: 50%;
    height: auto;
    margin-top: 15px !important;
  }
  #gari_var .absolute h2 {
    font-size: 25px
  }
  #gari_var .flex {
    display: initial
  }
  #gari_var #interior {}
  #gari_var #player_hero {}
  #gari_var #player_heroObra {}
  #gari_var .cell {
    vertical-align: top
  }
  #gari_var .menu_fijo ul li, #gari_var .bottomMenu ul li {
    font-size: 11px;
    display: none
  }
  #gari_var #galeria_videos h2 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 20px
  }
  #gari_var p {
    font-size: 12px !important;
  }
  #carrusel_mod {
    display: none;
  }
  #carrusel_mod_mvl {
    display: block;
  }
  #gari_var .abajo {
    padding: 20px 0
  }
  #gari_var #galeria_videos .abajo h2 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 20px
  }
  #gari_var #galeria_videos .abajo h3 {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 20px
  }
  #gari_var #galeria_videos .abajo .form-control {
    height: 34px;
  }
  #gari_var #galeria_videos .abajo .btn2 {
    padding: 6px 12px;
  }
  #gari_var #quiz {
    padding: 20px 0
  }
  #gari_var #quiz h2 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 20px
  }
  #gari_var #carrusel_quiz {
    padding: 0
  }
  #gari_var #quiz .owl-theme .owl-nav [class*='owl-'] {
    top: initial;
    bottom: 0;
  }
  .opcion_radio {
    font-style: 14px
  }
  #gari_var #descargas .owl-theme .owl-nav [class*='owl-'] {
    top: inherit;
    bottom: 0;
  }
  #gari_var #descargas .superior h2 {
    font-size: 22px;
    line-height: 30px;
    margin: 0 0 20px
  }
  #carousel_tabs1, #carousel_tabs2, #carousel_tabs4 {
    padding: 0 59px;
  }
  #gari_var #videos .int {
    border-top: solid 20px #006128;
    border-bottom: solid 40px #006128;
    border-left: solid 10px #006128;
    border-right: solid 10px #006128;
    margin-right: 2px
  }
  #carrusel_mod_mvl .video-js {
    height: 170px !important;
  }
  #gari_var #videos .owl-theme .owl-dots {
    left: 0;
    width: 100%;
  }
  #interior .col-md-6.h100 {
    height: 45%;
  }
  #interior .col-md-6.h100 .tabla {
    height: 45%
  }
  #interior1 .col-md-6.h100 {
    height: 45%;
  }
  #interior1 .col-md-6.h100 .tabla {
    height: 45%
  }
  #myPlayer {
    top: -20px;
    background: black;
    z-index: 200;
    width: 100%;
    height: 100%;
    position: absolute;
  }
  #myPlayerObr {
    top: -20px;
    background: black;
    z-index: 200;
    width: 100%;
    height: 100%;
    position: absolute;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  #gari_var #banner {
    background-image: none !important
  }
  .menu_anclas {
    display: none
  }
  .menu_fijo {
    display: none;
  }
}

.video-js .vjs-big-play-button {
  display: none;
}

.home-youtube-container {
  cursor: pointer;
  position: relative;
}

.home-youtube-container img {
  max-height: 360px;
  max-width: 640px;
  width: 100%;
}

.home-youtube-container i {
  color: #fff;
  font-size: 72px;
  left: 50%;
  margin: -33px 0 0 -31px;
  position: absolute;
  text-shadow: 0 0 8px rgba(0, 0, 0, .5);
  top: 50%;
}

.home-videoplayer {
  background: #000;
}

.homeVideoPlayButton {
  margin-top: -195px;
  height: 50px;
}

.embed-responsive {
  height: 0;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive iframe {
  border: 0;
  bottom: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

@media only screen and (min-width: 481px) {
  .home-youtube-container img {
    max-height: 360px;
    max-width: 640px;
  }
}

.modal-body {
  width: 355px !important;
}

.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 60px;
  overflow: hidden;
}

.responsive-video iframe, .responsive-video object, .responsive-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bgp {
  background: #eee;
  margin-bottom: 2px;
  padding: 6px;
  font-weight: 300 !important;
  font-size: 16px !important;
}

.btn-padding {
  margin-top: 15%;
}

.error {
  color: red !important;
  font-weight: 60!important;
  margin-top: 31px!important;
  padding: 10px;
  width: 100% !important;
  /*background: #fff;*/
  max-width: 100% !important;
}

#preguntassinrespuesta {
  display: none;
}

@media (max-width: 767px) {
  #gari_var #descargas .cabezera .nav-tabs>li {
    width: 100%;
  }
}