/* ---------------------------------------------General--------------------------------------------- */

.header-blue {
  /*background: linear-gradient(135deg, #172a74, #21a9af);*/
  background-color: #489d26;
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
}

.nav.navbar-nav {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.navbar.navbar-light.navbar-expand-md.navigation-clean-search {
  font-size: 20px;
}

.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: .25rem;
}

#logo_manco {
  max-height: 100px;
  margin: 10px;
}

a[data-toogle] {
  data-hover: dropdown;
}

@media (min-width: 770px) {
  #title {
    background: guinaldo_pueblo2.jpg;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }
}

@media (max-width: 770px) {
  #title {
    background: guinaldo_pueblo2.jpg;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }
}

.title_manco {
  font-family: monospace;
  font-size: 61px;
  color: rgb(255,255,255);
  font-weight: bold;
}

@media (max-width: 770px) {
  .title_manco {
    font-family: monospace;
    font-size: 40px;
    color: #ffffff;
    font-weight: bold;
  }
}

.footer-clean {
  padding: 50px 0;
  background-color: #bd772e;
  color: #4b4c4d;
  /*position: absolute;*/
  /*bottom: 0;*/
}

.h_footer {
  text-align: center;
  font-family: monospace;
  font-size: 20px;
  color: rgb(255,255,255);
  font-weight: bold;
}

h1 {
  text-align: center;
  font-family: monospace;
  font-size: 40px;
  color: rgb(0,0,0);
  font-weight: bold;
}

h2 {
  text-align: center;
  font-family: monospace;
  font-size: 40px;
  color: rgb(0,0,0);
  font-weight: bold;
}

h3 {
  text-align: center;
  font-family: monospace;
  font-size: 63px;
  color: rgb(255,255,255);
  font-weight: bold;
}

h4 {
  text-align: center;
  font-family: monospace;
  font-size: 26px;
  color: #000000;
  font-weight: bold;
}

.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: var(--success);
  border-color: var(--success);
  box-shadow: 0 0 0 .2rem rgba(38,143,255,.5);
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--success);
  border-color: var(--success);
}

.icono_fb {
  font-size: 40px;
}

/* ------------------------------------------------------ Pages ------------------------------------------------------ */

/* ------------ Index ----------- */

.index_noticias p {
  text-align: justify;
}

.index_present_eventos {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
}

.index_present_eventos p {
  margin: 0px;
}

.fecha_eventos {
  border-style: solid;
  border-radius: 15px;
  border-color: rgb(80,176,81);
  padding: 5px;
  margin-right: 20px;
  min-width: 80px;
}

.fecha_eventos h6 {
  font-size: 50px;
  text-align: center;
  margin-bottom: 0px;
  color: #489d26;
}

.fecha_eventos p {
  font-size: 20px;
  text-align: center;
  margin-bottom: 0px;
  color: #489d26;
}

.descrip_eventos_index p {
  font-size: 20px;
  text-align: justify;
}

.descrip_eventos_index strong {
  font-size: 20px;
}

@media (max-width: 770px) {
  .row.row_index {
    display: flex;
    flex-direction: column;
  }
}

.progress_naturalmente {
  width: 70%;
}

/* ---------- La mancomunidad------------ */

@media (max-width: 768px) {
  .title_manco_presentacion {
    font-size: 30px;
  }
}

@media (min-width: 770px) {
  .lista_servicios {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
}

@media (max-width: 770px) {
  .lista_servicios {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 770px) {
  .lista_servicios ul {
    margin-bottom: 0px;
  }
}

.row.row_manco_prese {
  text-align: justify;
}

/* ------------------------------------------------------Municipios------------------------------------------------------ */

.imagen_pueblo {
  width: 100%;
}

@media (max-width: 770px) {
  .imagen_pueblo {
    width: 100%;
    display: none;
  }
}

.nombre_pueblo {
  font-size: 24px;
  color: rgb(0,0,0);
}

@media (max-width: 770px) {
  .nombre_pueblo {
    font-size: 24px;
    color: rgb(0,0,0);
    text-decoration: underline;
  }
}

/* ------------------------------------------------------ En Pueblo ------------------------------------------------------ */

@media (min-width: 768px) {
  .title_pueblo {
    text-align: center;
    font-family: monospace;
    font-size: 90px;
    color: #000000;
    font-weight: bold;
  }
}

.container.en_el_pueblo {
  margin-top: 20px;
}

.info_ayuntamiento {
  padding: 0px;
}

.escudo {
  max-width: 100px;
}

.escudo_2 {
  max-width: 150px;
}

.col_escudo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.column_gastro {
  /*align-content: center;*/
  margin-top: 20px;
}

.div_presentacion_pueblo {
  text-align: justify;
}

@media (min-width: 770px) {
  .presentacion_pueblo {
    display: flex;
    flex-direction: row;
  }
}

@media (max-width: 770px) {
  .presentacion_pueblo {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.presentacion_pueblo_2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 770px) {
  .div_img_pueblo {
    margin-left: 30px;
    /*text-align: center;*/
  }
}

.div_img_pueblo_2 {
  /*margin-left: 30px;*/
  /*text-align: center;*/
}

@media (max-width: 772px) {
  .img_pueblo_presentacion {
    width: 300px;
    margin-left: 0px;
  }
}

@media (min-width: 772px) {
  .img_pueblo_presentacion {
    width: 350px;
    /*margin-left: 30px;*/
  }
}

.img_pueblo_presentacion_2 {
  width: 100%;
  margin-left: 0px;
  loading: lasy;
}

.leyenda_foto {
  text-align: center;
  /*color: blue;*/
  font-style: italic;
}

.imagen_gastro {
  width: 200px;
}

.img_pana {
  width: 450px;
}

.row.d-lg-flex.justify-content-lg-center {
  margin-top: 10px;
}

.row {
  margin-top: 20px;
}

img {
  vertical-align: middle;
  border-style: none;
}

.li_space {
  margin-bottom: 15px;
}

/* ------- Nuestra region : gastronoia */

@media (max-width: 770px) {
  .imagen_gastro_gene {
    width: 100%;
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media (min-width: 768px) {
  .imagen_gastro_gene {
    width: 400px;
    margin-left: 20px;
    margin-right: 20px;
  }
}

.div_gastro_1 p, .div_gastro_2 p {
  text-align: justify;
}

@media (min-width: 770px) {
  .div_gastro_1 {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    align-items: center;
  }
}

@media (max-width: 770px) {
  .div_gastro_1 {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    align-items: center;
  }
}

@media (min-width: 770px) {
  .div_gastro_2 {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    align-items: center;
  }
}

@media (max-width: 770px) {
  .div_gastro_2 {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 30px;
    align-items: center;
  }
}

.div_productos {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}

@media (min-width: 770px) {
  .div_productos {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
}

.div_img_gastro {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

@media (min-width: 770px) {
  .div_img_productos {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
  }
}

@media (max-width: 770px) {
  .div_img_productos {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
  }
}

/* --------------------------------------------- Region : Salud --------------------------------------------- */

#mapa_salud {
  /*width: 700px;*/
}

.icono_info {
  height: 100px;
  margin-bottom: 15px;
}

.presentacion_sector {
  text-align: justify;
}

.list-unstyled.list_info {
  color: black;
}

@media (max-width: 770px) {
  .row_salud {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000000;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-color: #489d26;
  }
}

.row_salud div {
  display: flex;
  flex-direction: column;
}

@media (min-width: 770px) {
  .row_salud {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #000000;
    text-align: center;
    /*border-bottom-style: solid;*/
    /*border-bottom-color: #489d26;*/
  }
}

.cont_collaps_salud {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.btn.btn-primary.collapse_button_salud {
  color: black;
  background-color: var(--white);
  border-color: rgb(255,255,255);
  border-width: 1px;
  font-size: 28px;
  width: 394px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* ---------------------------Region : Empresas--------------------------- */

@media (max-width: 770px) {
  .row.row_empresas {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000000;
    text-align: center;
  }
}

.col.col_empresas {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 770px) {
  .col.col_empresas {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
  }
}

@media (max-width: 770px) {
  .img_empresas_prez {
    width: 73%;
    height: auto;
  }
}

@media (min-width: 770px) {
  .img_empresas_prez {
    width: 90%;
    max-width: 400px;
    height: auto;
  }
}

.col_empresas .div_img_empresas_prez {
  /*color: blue;*/
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.fas.fa-smoking {
  font-size: 200px;
}

.title_empresas_prez {
  /*margin-top: 50px;*/
}

.div_empresas {
  margin-top: 30px;
  padding-bottom: 50px;
  border-bottom-color: green;
  border-bottom-style: solid;
  border-bottom-width: 3px;
}

.cont_collaps {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.btn.btn-primary.collapse_button {
  color: black;
  background-color: var(--white);
  border-color: rgb(255,255,255);
  border-width: 1px;
  font-size: 30px;
  max-width: 450px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* ganado_carne */

div_ganado_carne {
}

.col.col_gana_carne {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.col.col_gana_carne p {
  text-align: center;
}

.col.col_gana_carne a {
  text-align: center;
  margin-bottom: 10px;
}

/* ------- talleres empleo ----- */

@media (min-width: 1200px) {
  .row_talleres_empleo {
    /*color: blue;*/
    display: flex;
    flex-direction: row;
  }
}

@media (max-width: 1200px) {
  .row_talleres_empleo {
    /*color: blue;*/
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.img_taller_empleo {
  width: 198px;
}

.img_intro_taller {
  max-width: 500px;
  height: auto;
}

/* --------------------------------------- Typo Empresas--------------------------------------- */

.img_taller {
  width: 200px;
  margin-left: 20px;
  margin-right: 20px;
}

.img_gasoil {
  width: 150px;
}

.list_footer {
  color: white;
}

.historia {
  line-height: 38px;
}

@media (min-width: 770px) {
  .div_foto_empresas {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin-top: 10px;
  }
}

@media (min-width: 770px) {
  .div_foto_empresas div {
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: space-evenly;*/
    text-align: center;
    margin-top: 10px;
  }
}

@media (max-width: 770px) {
  .div_foto_empresas div {
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
}

@media (max-width: 770px) {
  .div_foto_empresas {
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 770px) {
  .div_foto_empresas img {
    width: 90%;
  }
}

@media (max-width: 770px) {
  .div_foto_empresas img {
    width: 90%;
  }
}

@media (min-width: 770px) {
  .row.row_gana_carne {
    display: flex;
    flex-direction: row;
  }
}

@media (max-width: 770px) {
  .row.row_gana_carne {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }
}

/* ---------------Nuestros servicios----------- */

.container.servicios p {
  text-align: justify;
}

/* ---------------------------------------Servicios : Basuras --------------------------------------- */

@media (min-width: 900px) {
  .basura_icon {
    height: 100px;
    margin-right: 100px;
    margin-left: 100px;
  }
}

@media (min-width: 300px) {
  .basura_icon {
    height: 70px;
    margin-right: 10px;
    margin-left: 10px;
  }
}

@media (min-width: 300px) {
  .title_basura {
    font-size: 30px;
  }
}

@media (max-width: 770px) {
  #intro_basuras {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (min-width: 770px) {
  #intro_basuras {
    display: flex;
    flex-direction: row;
  }
}

#intro_basuras p {
  text-align: justify;
}

#urbaser_logo {
  max-width: 250px;
}

/* --------------------------------------- Manco : Organizacion --------------------------------------- */

.organigramo {
  line-height: 40px;
}

.title_organigramo {
  font-size: 22px;
  font-weight: bold;
}

/* --------------------------------------- Eventos --------------------------------------- */

.container.cont_eventos p {
  /*text-align: justify;*/
}

.p_eventos {
  text-align: justify;
}

.date_eventos {
  text-align: right;
  margin-top: 0px;
}

.div_img_eventos {
}

.img_eventos {
  width: 100%;
  /*height: auto;*/
}

@media (min-width: 772px) {
  .col_eventos_border {
    border-right-style: solid;
    border-right-color: var(--success);
  }
}

/* --------------------------- Region : Alojamiento --------------------------- */

#intro_alojamiento p {
  text-align: justify;
}

@media (min-width: 576px) {
  #logo_ecyl {
    width: 400px;
    height: 187.2px;
  }
}

@media (max-width: 576px) {
  #logo_ecyl {
    width: 300px;
    height: 140.4px;
  }
}

.municipio_aloj {
  font-size: 40px;
}

.tipo_aloj {
  font-size: 30px;
}

.nombre_aloj {
  font-size: 25px;
}

@media (max-width: 770px) {
  .img_pueblo_aloj {
    margin-right: 0px;
    height: 150px;
  }
}

@media (min-width: 770px) {
  .img_pueblo_aloj {
    margin-right: 20px;
    height: 150px;
  }
}

@media (min-width: 771px) {
  .row.row_aloj {
    color: #000000;
  }
}

@media (max-width: 780px) {
  .div_municipio {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: blue;
  }
}

@media (min-width: 771px) {
  .div_municipio {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: blue;
  }
}

@media (max-width: 770px) {
  .row.row_aloj {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000000;
    text-align: center;
  }
}

.cont_collaps_aloj {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.btn.btn-primary.collapse_button_aloj {
  color: black;
  background-color: var(--white);
  border-color: rgb(255,255,255);
  border-width: 1px;
  font-size: 30px;
  width: 414px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 450px) {
  .btn.btn-primary.collapse_button_aloj {
    width: 100%;
  }
}

/* -----------Nuestra Region :Naturaleza------------------------------------------------ */

#intro_naturaleza {
}

@media (min-width: 770px) {
  #corpus_naturaleza {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*align-items: center;*/
    color: #000000;
  }
}

.title_naturaleza {
  font-size: 35px;
}

@media (min-width: 770px) {
  #descripcion_patrimonio {
    flex: 2;
    /*margin-right: 30px;*/
    padding-right: 30px;
    border-right-style: solid;
    border-right-color: #489d26;
  }
}

@media (min-width: 770px) {
  #descubrir_naturaleza {
    width: 40%;
    padding-left: 25px;
  }
}

.parag_naturaleza {
  /*color: blue;*/
  text-align: justify;
  margin-bottom: 10px;
}

@media (max-width: 770px) {
  #corpus_naturaleza {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*align-items: center;*/
    color: #000000;
  }
}

.title_descubrir {
  font-size: 25px;
  margin-top: 30px;
}

.descri_imagen {
  text-align: center;
  font-size: 15px;
  font-style: italic;
}

.div_photo_natu {
  display: flex;
  flex-direction: column;
}

/* --------------------------------------Setas -------------------------------------- */

@media (min-width: 770px) {
  #corpus_setas {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: #000000;
  }
}

.title_setas {
  font-size: 35px;
}

@media (min-width: 770px) {
  #descripcion_setas {
    flex: 2;
    padding-right: 30px;
    border-right-style: solid;
    border-right-color: #489d26;
  }
}

@media (min-width: 770px) {
  #info_practica_setas {
    width: 41%;
    padding-left: 25px;
  }
}

@media (max-width: 770px) {
  #corpus_setas {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #000000;
  }
}

.title_setas {
  font-size: 25px;
  margin-top: 30px;
}

.descri_imagen {
  text-align: center;
  font-size: 15px;
  font-style: italic;
}

.div_photo_natu {
  display: flex;
  flex-direction: column;
}

/* ---------Nuestra Region : Senderismo */

.nombre_ruta {
  font-size: 25px;
}

.container.cont_rutas_ejemplo {
  margin-top: 20px;
}

.container.cont_rutas_ejemplo {
  margin-top: 0px;
}

.div_valles {
  height: 200px;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(255,255,255);
}

.nombre_valle {
  color: rgb(255,255,255);
  font-size: 50px;
}

.cont_collaps p {
  text-align: justify;
}

.btn.btn-primary.collapse_button_rutas {
  color: black;
  background-color: var(--white);
  border-color: rgb(255,255,255);
  border-width: 1px;
  font-size: 25px;
  max-width: 400px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.btn.btn-primary.d-md-flex.justify-content-md-center.align-items-md-center.button_valle {
  color: rgb(255,255,255);
  font-size: 50px;
  font-weight: bold;
  font-family: monospace;
  width: 100%;
  height: 200px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (min-width: 540px) {
  .para_info_rutas {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
  }
}

@media (max-width: 540px) {
  .para_info_rutas {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
  }
}

/* ---------------------- Nuestra region : Museos----------------------- */

.div_museo {
  text-align: justify;
  margin-top: 30px;
  border-bottom: 3px;
  border-color: green;
  border-bottom-style: solid;
  padding-bottom: 20px;
}

@media (min-width: 770px) {
  .div_museo_flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

@media (max-width: 770px) {
  .div_museo_flex {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
}

@media (min-width: 770px) {
  .div_museo_img {
    margin-right: 30px;
    margin-left: 30px;
  }
}

.collapse_museo {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.img_museo {
  width: 310px;
}

.button_museos {
  background-color: rgb(255,255,255);
  color: black;
  border-width: 5px;
  border-radius: 30px;
  width: 350px;
  border-color: var(--success);
}

.collapse_icon {
  margin-left: 20px;
  /*font-size: 100px;*/
}

.museosart {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 20px;
}

@media (max-width: 770px) {
  .museosart {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
  }
}

.head_museos {
  text-align: center;
  color: #008000;
  /*margin-right: 20px;*/
  padding-top: 22px;
  font-size: 34px;
  font-variant-caps: all-petite-caps;
  text-align: center;
}

@media (min-width: 770px) {
  .div_contenido_museos {
    margin-right: 20px;
  }
}

.info_museo {
  text-align: center;
  padding-top: 15px;
  font-style: italic;
}

.imgmuseoart {
  width: 400px;
  /*border-radius: 26px;*/
}

.direccion_museos {
  color: #bd772e;
  text-align: center;
}

.contacto_museos {
  color: #bd772e;
  text-align: center;
}

/* ------- Nuestra Region Camping y areas recreativas */

@media (max-width: 770px) {
  .row_area {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 770px) {
  .row_area .col {
    margin-bottom: 10px;
  }
}

.col_nombre_area {
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
}

.col_descrip_area {
  display: flex;
  flex-direction: column;
  text-align: justify;
}

.col_foto_area {
  /*width: 50px;*/
}

.img_area {
  width: 100%;
}