/*******************************************************************************
**************************   Menu Responsive  *********************************/
.nav-movil{
  display: none;
  height: 0%;
}
.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #29416c;
  overflow-y: hidden;
  transition: 0.5s;
}
.nav-movil .overlay-content {
  position: relative;
  width: 100%;
  text-align: right;
  padding: 0 3.5em;
  margin-top: 5.5rem;
}
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 1rem;
  color: #ffffff;
  display: block;
  transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 60px;
  background-color: #29416c;
  padding: 0rem;
  line-height: normal;
}
.nav-movil .navigation__item{
  margin-bottom: .3rem;
  cursor: pointer;
  border-bottom: 1px solid #ffffff;
  border-left: none;
  width: 100%;
  text-align: right;
  padding-bottom: 0.1rem;
  background-color: #29416c
}
.nav-movil .dropdown{
  width: 100%;
  margin-top: 2rem;
}
.nav-movil .drop-btnSearch{display: none;}

.nav-movil .navigation__list .dropdown-content{
  display: block;
  position: relative;
  background: none;
  box-shadow: none;
}
.nav-movil .dropdown-content a{
  font-size: 0.9rem;
  background-color: #29416c
}
.header__idioma__mov{
    color:#ffffff;
    font-size: 0.8rem;
    margin: 2.8rem 0 0 2rem;
}
.header  .header__idioma__mov #idioma{width: 12rem;}
.inSuit a{
  color:#29416c;
  font-size: 1.6rem;
}
.nav__ident a {
    text-align: center;
    width: 60%;
    color: #29416c;
    background-color: #ffffff;
    height: 3rem;
    padding: 1rem;
    margin: 0 auto;
}
.nav__ident i{
  float: left;
  width: 30%
}
.nav__ident p{
  float: right;
  width: 70%;
}
@media only screen and (min-width: 901px){
    .nav-movil{display: none;}
    .nav-movil .drop-btnSearch{display: none;}
    .sd-mob-opt {display: none;}
}
@media only screen and (max-width: 900px){
    .nav-sup nav {display: none;}
    .nav-movil .overlay {
      height: 0%;
      width: 100%;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background-color: #29416c;
      overflow-y: auto;
      transition: 0.5s;
    }
    .nav-movil .overlay-content {
      position: relative;
      width: 100%;
      text-align: right;
      padding: 0 3.5em;
      margin-top: 5.5rem;
    }
    .nav-movil .overlay a {
      padding: 8px;
      text-decoration: none;
      font-size: 1rem;
      color: #ffffff;
      display: block;
      transition: 0.3s;
    }
    .nav-movil .overlay a:hover, .overlay a:focus {
      color: #f1f1f1;
    }
    .nav-movil .overlay .closebtn {
      position: absolute;
      top: 5px;
      right: 10px;
      background-color: #29416c;
      padding: .2rem 1rem;
      line-height: normal;
    }
    .nav-movil .navigation__item{
      margin-bottom: .3rem;
      cursor: pointer;
      border-bottom: 1px solid #ffffff;
      border-left: none;
      width: 100%;
      text-align: right;
      padding-bottom: 0.1rem;
      background-color: #29416c
    }
    .nav-movil .dropdown{
      width: 100%;
      margin-top: 2rem;
    }
    .nav-movil .navigation__list .dropdown-content{
      display: block;
      position: relative;
      background: none;
      box-shadow: none;
    }
    .nav-movil .dropdown-content a{
      font-size: 0.9rem;
      background-color: #29416c
    }
    .header__idioma__mov{
        color:#ffffff;
        font-size: 0.8rem;
        margin: 2.8rem 0 0 2rem;
    }
    .header #idioma{
        width: 12rem;
        background:#29416c url(../img/icons/expand_more_greyW.png) no-repeat left center !important;
        color: #fff;
    }
    .inSuit a{
      color:#29416c;
      font-size: 1.6rem;
    }
    .nav__ident a {
        text-align: center;
        width: 60%;
        color: #29416c;
        background-color: #ffffff;
        height: 3rem;
        padding: 1rem;
        margin: 0 auto;
    }
    .nav__ident i{
      float: left;
      width: 30%
    }
    .nav__ident p{
      float: right;
      width: 70%;
    }
    .nav__ident p::before{
      clear: both;
	}
}
/************************    Fin - Menu Responsive   ***************************
*******************************************************************************/

/*******************************************************************************
**************************   Menu Izquierdo  *********************************/
#menu_izq_movil{width: 82%;padding: 0.3rem;}
.menu_izq_movil .area_select select {
  background-color: #ffffff;
  padding-left: 40px;
  font-family: 'Montserrat SemiBold',sans-serif;
  color: #29416c;
  font-size: 1rem;
  padding: 3px 3px 3px 40px;
  width: 10%;
  background-image: url("../images/icons/bars-solid.png");
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-position: left;
  background-color: transparent;
  cursor: pointer;
}

/************************    Fin - Menu Izquierdo   ***************************
*******************************************************************************/

@media (max-width: 1300px) {
  .slideshow-visor{width: 720px!important;margin: 0 2% 0 2%!important;}
  .slideshow-visor-banners{width: 480px!important;margin: 0 2% 0 2%!important;}
  .menu-cont{max-width: 14rem;margin-left: 1rem;}
}
@media (max-width: 1024px) {
   .contenido-central-dos-cols{margin-top: 0rem;}
   .tabla .table tr a::after{display:none}
   .menu_superior .menu_superior_image img{width: auto;height:8rem;/*! bottom: 0; */}
   .menu_superior .menu_superior_image{bottom: -0.3rem;margin-right: -2rem;}
  .sd-lst-link {margin: 0 1rem 1rem 1.5rem;}
}
@media (max-width: 1050px) {
  .slideshow-visor{width: 480px!important;}
  .slideshow-visor-banners{width: 240px!important;}
  .lst-link__home{margin:-0.2rem}
  .lst-home__contenerdor {padding:1rem;}
  }


@media (max-width: 1200px){
  .contHome .enlaces{margin:0;}
  .menuSup .columnasMenuSup{padding: 2rem 0rem;}
  .sd-menu--title h2 {font-size: 1.75rem;}
}
@media (max-width: 991px) {
.datosLogin {left: -2rem;width: 50%;}
.datosLogin p{font-size:0.7rem}
}

@media (min-width: 768px) and (max-width: 960px){
  .columnasMenuSup .col-sm-12:first-child{margin-bottom: 1rem;}
  .header-info{text-align: inherit; display:flex;}
  .menu_superior,.sd-lst-link li{margin:0}
  .menu_superior .menu_superior_image img{height:6rem;}

}

@media only screen and (max-width: 900px){
  div#myNav {visibility: hidden;height: 0;}
  div#myNav.is-open {visibility: visible;height: 100%;}

  .header__idioma__mov,.inSuit,.header__buscador .btnSearchMov{display: block;}
  .nav-sup .navigation__list,.breadcrumb-area{display: none;}
  .nav-sup {background-color: transparent;}
  .movil-options{display: block;position:absolute;right: 0;bottom: 0;width: 50%;height: 40px;}
  .inSuit {position: absolute;height: 40px;right: 150px;}
  .movil-options .header__ident{position:absolute;background-color:transparent;right: 90px;width: 40px;height: 40px;padding: 0;margin:0;top:0rem}
  .movil-options .header__ident:hover,.movil-options .btnSearchMov:hover{outline: none;}
  .movil-options .header__ident a{color:#29416c;}
  .movil-options .header__ident a i{font-size: 1.6rem;padding: 5px;}
  .movil-options .nav-movil__buton{position:absolute;background-color:transparent !important;color:#29416c!important;right: 12px;width: 30px;padding: 0;font-size: 2rem;top: -7px;}
  .movil-options #btnSearchmov{position: absolute;right: 60px;background-color: transparent !important;color: rgb(41, 65, 108) !important;padding: 0;font-size: 1.4rem;}
  .movil-options .datosLogin{color: #29416c;position: relative;width: max-content;left: -40%;}
  .movil-options .datosLogin p{font-size:0.7rem;}
  #x-insuit-tab{display: none !important; }
  .logoS{padding-right: 0;}
  .nav-movil{display: block;position: absolute;bottom: 3.2rem;margin-left: 87%;z-index: 10;}
  .overlay {overflow-y: auto;}
  .overlay .closebtn {font-size: 40px;top: 15px;right: 20px;}
  .header{border-bottom: 2px solid #f1f1f1; margin-bottom: 4px;}
  .header-logo{margin: 1rem 0 0 0;}
  .header-info {display:none}
  .header__idioma,.header__ident p{clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;width: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;}
  .header #idioma{background-image:none;background-color:#29416c;color: white;}
  .header__fecha{color: #29416c;background-color: transparent;margin-top: 0.8rem;}
  .header__ident{right: 105px;top:22px;z-index:3;}
  .header__ident a {  background-color: #ffffff !important;color: #29416c !important;padding: 0;}
  .header__ident a:hover{border:none;}
  .header__ident i{padding: 0;margin:0;font-size: 1.5rem;}
  .datosLogin {width: 100%;}
  .buscador {visibility: hidden;}
  .buscador {padding: 2rem 5%;margin: 2px auto 0;z-index: 5;display: block;left: 0;width: 100%;background-color: white;}
  .buscador .navbar-form {width: 100%}
  .breadcrumb-area .container .breadcrumb{display:none}

  .header__idioma__mov .area form select{padding: 0.5rem;}
  .header__idioma__mov {margin-top:1.2rem}
}
@media (min-width:767px) and (max-width:854px){
  .header__fecha{background-color: transparent;}
}
@media (max-width: 800px) {
  .img-personas, .img-empresas{display:none}
}
@media (max-width: 700px) {
  .slideshow-visor{width: 240px!important;}
  .slideshow-visor-banners{width: 240px!important;}
}

@media screen and (max-width: 871px) {
  .seccion-mapa{display:none;}
  .lista-columnas{ columns: 2;-webkit-columns: 2;-moz-columns: 2;}
}
@media only screen and (max-width: 768px){
  body {overflow-x: hidden !important;}
  .header__ident{top:1.1em;}
  .contenido-central-una-cols {margin-top: 0;}
  .menu_superior_image{margin-left:-1rem !important}
  .menu_superior_image img{margin-right: 2rem;}

  .menuSup .columnasMenuSup{padding: 1rem 0;}
  .menuSup .slider_destacados{padding: 2rem 0rem; display:flex;justify-content: center;}
  .menuSup .slider_destacados h3{margin-left: 2rem;}

  .lst-home__contenerdor{display: block;}
  .listLink__home{margin: 0;}
  .contHome .columnasMenuSup .col-sm-12{margin-bottom: 2rem;}

  .footer .button_list, .footer .link_list{ margin-bottom: 2rem;}
  .footer .list_title, .linkList__footer ul{width: 80%;margin: 7px 10%;}
  .linkList__footer {padding: 1rem 0.5rem;}
  .copyright p{font-weight: 500;text-align: center;}
  .copyright .copyright__logo img{width: 5rem;float: none;margin: 0 auto;}

  .modal-content{margin: 10rem 0 0 5%; width:90%}
  .modal-body{flex-direction:column}
  .modal-button{margin-top: 1rem;}

  .sd-banner-dest--wrapper {display: flex;flex-flow: row nowrap;}
  .sd-banner-dest--wrapper .sd-banner-dest {flex-grow: 1;flex-basis: 50%;}
  .movil-options .datosLogin{margin-top: 0.5rem;}
   .footer .button_list a.button__item{width:14rem}
}

@media (max-width: 576px) {
	.header{height: 150px;}
	.movil-options{bottom:25px;}
	.movil-options .datosLogin{bottom: -38px;left: -90%;margin-top: 0;}
    .sd-banner-dest--link {padding: 25px;}
    .sd-banner-dest--cont {margin-top: 0;background-color: transparent}
    .sd-banner-dest--title {background-color: #29416c;width: 100%;max-width: 100%; font-weight: 500;font-size: 1.3rem;}
    .sd-banner-dest--img {width: 100%;max-width: 60%;margin: 0;}
    .sd-banner-dest--list .sd-lst-link {float: none;margin: 1rem 0 0;}
	.modal.in{top:-15rem;}
}

@keyframes sd-fadeLeft {
    0% {transform: translateX(303px);opacity: 0;}
    100% { transform: translateX(0);opacity: 1; }
}

@media only screen and (max-width: 768px){
  .contenido-central-dos-cols.col-sm-8{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-top: 1rem;}
  .area-menu-izquierdo.col-sm-4{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
  .logoM {width: 40%;}
  .logoS {width: 60%;}

  .menu_superior {margin-bottom:0rem;margin-left: -1rem;margin-right: -1rem;margin: 1rem;}
  .menu_superior_image img{padding-top: 1.5rem;padding-left: 1rem;}

  .menu_izq_movil{display:block;}
  .menu_izq{display:none;}
  .sd-menu--title,.contenido-central-dos-cols .sd-menu--title #inicio,
  .contenido-central-una-cols .sd-menu--title #inicio,
  #contenido h2{background-color: #29416c;text-align: center;color: white;padding: 0.3rem 0.5rem;}

  .contenido-central__fondo{padding: 0;}
  .contenido-central__fondo .sd-menu--title{background-color:transparent;}
  .contenido-central-una-cols .sd-menu--title{padding:0;}
  .contenido-central-una-cols .sd-menu--title #inicio{margin-bottom: 1rem;}
  .contenido-central-una-cols .sd-menu--title #inicio,.contenido-central__fondo .sd-menu--title #inicio {font-size: 1.1rem; }
  .contenido-central-una-cols .sd-menu--title #inicio:first-letter,.contenido-central__fondo .sd-menu--title #inicio:first-letter{font-size: 1.3rem;}
  .contenido-central__fondo .sd-menu--title #inicio{text-align: left;margin-left: 15%;margin-top: -1.5%;}

  .sd-menu--title h2{font-size: 1.5rem;color:#ffffff;margin: 0;text-align: center;line-height: 2rem;}
  .sd-menu--title h2:first-letter{font-size: 2rem;}
  .area-menu-izquierdo {margin: 1rem 0;position: absolute;z-index: 3;top: 49px;left: -10px;}

  .lst-link__home{margin: 0;}
  .sd-lst-link li { margin: 0 0 .75rem 0rem;}

  .pestanas-buscador li {width: 44%;padding: 0.5rem;}
  .button_tag {padding: 0;}

  #light-pagination ul{flex-wrap:wrap;}
  #light-pagination ul li.anterior{margin-right: 1rem;width: 30%;margin-bottom: 0.5rem;}
  #light-pagination ul li.siguiente {margin-left:1rem}

  .alert.cookiealert{padding:1rem;}
  .alert.cookiealert p{width:100%;}
  .cookiealert .acceptcookies{float:none;margin-left:30%;}

  .sin_titulo{margin-top:3rem;}
}

@media (max-width: 540px) {
  .modal {position: absolute;top: -150px;}
  .menuSup .slideshow-visor{height: 13rem;}
  .menuSup .slideshow-container{align-items: center;}
  .menuSup .slideshow-container div{width: 10rem;height: auto;min-width: 10rem;}
  .slideshow-container .link_icono .link_imagen{margin-left: -1rem;}
  .menuSup .slideshow-container .link_icono img,.menu-inferior .link_icono img{width: 3rem;height: auto;}
  .contenido-central-dos-cols {margin-top: 0;}
  .link_icono .link__title{margin-top: 1rem;}
  .slideshow-container .link_icono,.link__menu-izquierdo .link_icono{margin-left: 0rem;}
  .slideshow-visor{width: 176px!important;}
  .contHome.container .slider-banners {width: 100%;margin: 0% 0% 0% 0%;}
  .contHome.container .slideshow-container-banners a{display: block;padding: 10px 1rem 0 1rem;}
  .contHome.container .slideshow-visor-banners{width: 180px !important;}
  .contHome.container .slideshow-container-banners a img{width:10rem; height:100%}
  .slideshow-visor {margin: 0 -3% 0 2%!important;}
  .menu_superior .menu_superior_image img{width: auto;height: 8rem;}
  .menu_superior .menu_superior_image img[src$="mapa.svg"],.menu_superior .menu_superior_image img[src$="mapaprov.svg"]{height: 5rem;}
  .contenido-central-dos-cols {margin-left: 0rem;}
  .modal-content .modal-title {font-size: 0.75rem;}
}

@media (max-width: 414px) {
  .buscador .navbar-form {
      flex-wrap: wrap
  }
  .buscador .navbar-form--buscador {
      flex-grow: 1;
  }
  .buscador .navbar-form--filtro {
      margin: 1em 0 0;
      flex-grow: 1;
  }
  .buscador .input-group-btn {
    margin-left: 1rem;
  }
}
