/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */


body {
  color: #5a5a5a;
  background-color: #f5f5f5;
}



hr {
  background-color: #aeaeae;
  height: 10px;
}


.ss1,
.ss2,
.ss3 { 
  display: block;
    	}

.tt1 {
  display: inline-block;
}
      

@font-face {
font-family: trolo;
src: url('glyphicons-halflings-regular.woff2');
}
@font-face {
font-family: Delicious;
font-weight: bold;
src: url('Delicious-Bold.otf');
}@font-face {
font-family: IntegralCF;
font-weight: bold;
src: url('IntegralCF-Bold.otf');
}
/* NACEGACION
-------------------------------------------------- */
.carousel-img img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}

.top{
   background: #1cab7e;
    width: 100%;
    height: 34px;
    /*background-image: url(/images2016/tiras02.png);*/
    background-repeat: space;
    background-position: 0px;
    /* background-size: cover; */
    /* height: 60px; */
}

.responsive-ico {/* display: block; */width: 70%;/* text-decoration: none; *//* text-indent: 230px; *//* white-space: nowrap; *//* overflow: hidden; *//* margin-top: -37px; */ transition:All 1s ease; transform: rotate(0deg) scale(0) skew(0deg) translate(10px);
  transition:All 1s ease;-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;transform:  rotate(0deg) scale(1) skew(0deg) translate(0px); -webkit-transform:  rotate(0deg) scale(1) skew(0deg) translate(0px);-moz-transform:  rotate(0deg) scale(1) skew(0deg) translate(0px);-o-transform:  rotate(0deg) scale(1) skew(0deg) translate(0px);-ms-transform:  rotate(0deg) scale(0.5) skew(0deg) translate(0px);}
  .responsive-ico:hover {-webkit-transform:scale(1.3);transform:scale(1);border-radius:50%;
    -webkit-border-radius:15%;box-shadow: 0px 0px 15px 15px #5e1d54;}
   
  @media (min-width: 768px) {
              .responsive-ico {
                  width: 20%;
              }
            }

.image-containerradio {
  position: relative;
  width: 100%;

}

.background-imageradio {
  
  width: 100%;
  height: auto;
 
}

@media (max-width: 500px){
  .background-imageradio{
    
    width: 98%;
    height: 68px;
  }
  }


  .audio-player {
    background-color: #8a3a7a; /* Fondo violeta claro */
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    width: 300px;
    margin: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.player-header {
    display: flex;
      align-items: center;
      justify-content: space-between; /* Alinea los elementos en los extremos */
      gap: 10px; /* Espaciado entre el botón y la barra */
  }

.play-text, .volume-text {
    color: white; /* Letras blancas */
    font-weight: bold;
    font-size: 16px;
}
input[type="range"] {
    
    width: 40%;
    margin-top: 10px;
    height: 8px;
    background: #5e1d54; /* Violeta oscuro */
    border-radius: 5px;
    outline: none;
    cursor: pointer;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 15px;
    height: 15px;
    background: white; /* Botón deslizante blanco */
    border: 2px solid #5e1d54; /* Borde violeta oscuro */
    border-radius: 50%;
    cursor: pointer;
}

input[type="range"]::-moz-range-thumb {
    width: 15px;
    height: 15px;
    background: white;
    border: 2px solid #5e1d54;
    border-radius: 50%;
    cursor: pointer;
}
input[type="range"]:active {
    background: linear-gradient(to right, #5e1d54 0%, white 100%); /* Asegura que el gradiente se destaque al usarlo */
}


/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
 position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

.redes {
	width: 325px;
    /* height: 50px; */
    /* background: #ffffff; */
    float: left;
    position: absolute;
    margin-left: 822px;
	margin-top: 7px;
}

@media (max-width: 500px){
.redes{
	display: none;
}
}
.cajautiles{
/*background-color: #f9f9f9;
width: 240px;
height: 171px;*/
padding-top: 17px;
/*border-radius: 21px;*/
}



.fumala{
  font-family: 'Open Sans Condensed';
  font-size: larger;
  font-style: inherit;
  font-weight: bold;
  color: #759e21;
}

.comp1 {
  font-style: italic; /* Cambia 'Arial' por la familia deseada */
  display: flex;
  justify-content: flex-end; /* Alinea el contenido a la derecha */
  align-items: center; /* Centra verticalmente los elementos */
  width: 100%; /* Ancho completo */
  height: 49px;
  font-size: 20px; /* Tamaño del texto */
  background: #5e1d54; /* Color de fondo */
  color: white; /* Color del texto */
  padding: 5px 20px; /* Añade espacio interno opcional */
}
.comp1 span {
  font-size: 20px; /* Tamaño del texto */
  font-style: italic; /* Texto en cursiva */
  color: #ffffff; /* Color del texto */
  margin-right: 15px; /* Espacio entre el texto y los íconos */
}
/* Estilos para dispositivos móviles */
@media (max-width: 768px) {
  .comp1 span {
    font-size: 11px; /* Ajusta el tamaño del texto en pantallas pequeñas */
    font-style: italic; /* Texto en cursiva */
    color: #ffffff; /* Color del texto */
    margin-right: 4px; /* Ajusta el espacio según sea necesario */
  }
}
.comp1 img {
  margin-right: 5px; /* Espacio entre el ícono y el texto */
}
.comp2{color: #8FC74A;float: left;width: 113px;height: 49px; font-size: 11px;}
.comp3{border-left: 2px solid #8fc74a;height: 71%;float:right;margin-top: -16px;}
.comp4{float: left;width: 200px;margin-left: 12px;color: #8FC74A;}
.comp5{font-family: 'Open Sans', sans-serif;
    float: right;
    width: 100%;
    height: 49px;
    font-size: 11px;
   /* background: rgba(2,63,161,1);*/}
	
.comp6{
float: right;
    margin-top: -57px;
}

@media (max-width: 770px) {
	.comp6{
float: right;
    margin-top: -48px;
    background-color: #fff;
    width: 1px;
    height: 1px;
}
	
}
.svgimg{filter:drop-shadow(1px 1px 3px #000)}

.gps{
color: #96989A;
font-size: 20px;
padding-left: 51px;
font-family: 'Open Sans Condensed', sans-serif;
margin-top: 1px;
}

@media (min-width: 500px){
.gps{
	display: none;
}
}

@media (max-width: 770px) {.redes {width: 1px;height: 1px;background: #E91E63;float: right;}}

.logomuni{
	width: 66px;
    margin-top: -40px;
}
.logo {
  display: block;
  width: 80px;
  height: 105px;
  text-decoration: none;
  background-image: url(/headyfootericons/icomuni5.png);
  background-size: contain; /* La imagen se ajustará a toda el área */
  background-position: center; /* Centra la imagen */
  margin-top: -48px;
  background-repeat: no-repeat;
  overflow: hidden;
}

@media (max-width: 330px) {
  .logo {
      display: block;
      width: 100px; /* Cambiar el tamaño para dispositivos más pequeños */
      height: 130px;
      background-image: url(/headyfootericons/icomuni5.png);
      background-size: contain; /* Mantén proporciones de la imagen */
      background-position: center;
      margin-top: -48px;
      background-repeat: no-repeat;
      overflow: hidden;
  }
}

@media (max-width: 770px) {.logomuni{width: 66px;margin-top: -7px; margin-left: -104px;}}

.ordenredes {
	width: 226px;
    height: 50px;
    float: inherit;
    padding-top: 9px;
}

@media (max-width: 770px) {.ordenredes {display:none;}}
@media(max-width:770px){.redesfooter {width: 187px; height: 50px; padding-top: 10px; float: right; margin-right: 25px;}}
.redesfooter {display: none;}

.busqueda{
    width: 274px;
    height: 30px;
    float: inherit;
    margin-top: 12px;
}
.decobusqueda{
	width: 231px;
    height: 29px;
    border-radius: 7px;
    border: none;
    padding-left: 9px;
    color: #4CAF50;
}

@media (max-width: 770px) {
.decobusqueda{
  display: none;
/*width: 134px;
    height: 29px;
    border-radius: 7px;
    border: none;
    padding-left: 9px;
    color: #edefed;
    position: absolute;
    margin-top: -312px;
    margin-left: 91px;
    background-color: #7d7d7d;*/
}}

.decoboton{
	margin: 3px -26px;
    height: 27px;
    width: 25px;
    border: 0;
    background: url(/images2016/lupa.png) no-repeat;
    position: absolute;
}

@media (max-width: 770px) {.decoboton {display: none;}}
@media (max-width: 770px) {.redes{display: none;}}
.intendencia{
background-color: #e2e1e1;
    border-radius: 0px 0px 5px 5px;
    color: #807676;
    height: 64px;
    font-weight: bold;
    font-size: 13px;
    padding-top: 4px;
}

.servicios{
background-color: #136d22;    /*valor anterior #00436a
    border-radius: 0px 0px 5px 5px;
    color: #ffffff;
    height: 64px;
    font-weight: bold;
    font-size: 13px;
    padding-top: 4px;
	margin-bottom: 15px;
}

.gobierno{
background-color: #268e3b;
    border-radius: 0px 0px 5px 5px;
    color: #ffffff;
    height: 64px;
    font-weight: bold;
    font-size: 13px;
    padding-top: 4px;
}

.hacienda{
    background-color: #ada617;
    border-radius: 0px 0px 5px 5px;
    color: #ffffff;
    height: 64px;
    font-weight: bold;
    font-size: 13px;
    padding-top: 4px;
}

.cultura{
background-color: #FF6600;
border-radius: 0px 0px 5px 5px;
color: #ffffff;
height: 64px;
font-weight: bold;
font-size: 13px;
padding-top: 4px;
}

.desarrollo{
    background-color: #eae008;
    border-radius: 0px 0px 5px 5px;
    color: #696969;
    height: 64px;
    font-weight: bold;
    font-size: 13px;
    padding-top: 4px;
}


.deportes{
background-color: #9b8ed6;
    border-radius: 0px 0px 5px 5px;
    color: #ffffff;
    height: 64px;
    font-weight: bold;
    font-size: 13px;
    padding-top: 4px;
}

.legal{
    background-color: #cc89f1;
    border-radius: 0px 0px 5px 5px;
    color: #ffffff;
    height: 64px;
    font-weight: bold;
    font-size: 13px;
    padding-top: 4px;
}

.transporte{
background-color: #bb2f2f;
    border-radius: 0px 0px 5px 5px;
    color: #ffffff;
    height: 64px;
    font-weight: bold;
    font-size: 13px;
    padding-top: 4px;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  /*padding-right: 15px;
  padding-left: 15px;*/
}
.navbar-wrapper .navbar .container {
  width: auto;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel {
  height: 600px; /* Ajusta la altura del carrusel */
  background-color: black;
}

.carousel .item {
  height: 600px; /* Asegura que los elementos tengan suficiente altura */
  background-color: #F0F4FF; /* Fondo detrás de las imágenes */
}
.carousel-img {
  width: 100%; /* Ajusta el ancho al contenedor */
  height: auto; /* Mantén la proporción de la imagen */
  object-fit: cover; /* Ajusta la imagen sin deformarla */
  border: none; /* Elimina bordes */
}

.carousel-inner > .item > {
  top: 0;
  left: 0;
  width: 100%; /* La imagen ocupa todo el ancho del contenedor */
  height: 100%; /* Ocupa toda la altura del contenedor */
  object-fit: cover; /* Muestra la imagen completamente sin deformarla */
  opacity: 1; /* La imagen será visible */
  border: none; /* Asegúrate de no tener bordes */
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
    margin-left: 10px;
    font-family: 'Open Sans Condensed';
    font-weight: 500;
    font-size: 18px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 768px) {
  /* Navbar positioning foo */
  .servicios {
    background-color: #FFFFFF;
    /*height: 100%;*/
  }
}
@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 0px;
  }
  .navbar-wrapper .container {
    /*padding-right: 15px;
    padding-left: 15px;*/
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 0px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}

.fondo{
	line-height: normal;
    font-size: smaller;
    margin: 20px;
    color: #6a864900;
    font-family: inherit;
    background-image: url(/logo-footer.svg);
    background-repeat: no-repeat;
    background-position: 50%;
}



@media (max-width: 500px){
.fondo{
	line-height: normal;
    font-size: smaller;
    margin: 20px;
    color: #6a864900;
    font-family: inherit;
    background-image: url(/logo-footer.svg);
    background-repeat: no-repeat;
    background-position: 50%;
}
}

.fondob{

  /*background-color: #8fc74a;*/background-color: #537d13;height: 242px;margin-bottom: -52px;
}

.botonmas{
position: absolute;
margin-top: 21px;
/*margin-left: 180px;*/
width: 37px;
height: 37px;
transition: all 350ms cubic-bezier(0, 0, 0.39, -0.19) 0s;
}

.botonmas:hover{
transition: all 350ms cubic-bezier(0, 0, 0.39, -0.19) 0s;
transform: rotateY(180deg) scale(1.0,1.0);
}


@media (min-width: 500px){
.botonmas{
position: absolute;
margin-top: 7px;
margin-left: 8px;
width: 37px;
height: 37px;
}
}
.posca{
/*width: 237px;
height: 223px;
display: table-footer-group;*/
}
/*******************************  CENTENARIO PRODUCE ****************************************************/
.decouvas{
background:#9BCB4C;height: 46px;background-image: url(/images2016/uvas.png);background-repeat: no-repeat;background-position: 1% -9px;background-size: 60px;
}

.nuestrosprod{
color: #fff;font-size: 28px;padding-left: 85px;font-family: 'Open Sans Condensed';font-weight:bold;
}
.margen-prod{
color: #c1c1c1;font-size: 21px;padding-left: 12px;font-family: Open Sans Condensed;padding-top: 10px;
}

.margen-prod02{
background:#fff;height: 90px;
}

@media (max-width: 500px){
.margen-prod02{
background:#fff;height: 218px;
}
}
.titulo-prod{
color: #57A951;font-size: 28px;padding-left: 20px;font-family: 'Open Sans Condensed', sans-serif; font-weight:bold;
}
.calle-prod{
color: #96989A;font-size: 20px;padding-left: 50px;font-family: 'Open Sans Condensed', sans-serif;margin-top: 14px;
}
@media (max-width: 500px){
.calle-prod{
color: #96989A;font-size: 20px;padding-left: 70px;font-family: 'Open Sans Condensed', sans-serif;margin-top: 14px;
}
}
.fanpage-prod{
color: #96989A;font-size: 20px;padding-left: 51px;font-family: 'Open Sans Condensed', sans-serif;margin-top: 1px;
}
.telefono-prod{
color: #96989A;font-size: 20px;padding-left: 51px;font-family: 'Open Sans Condensed', sans-serif;margin-top: 1px;
}
.deco-contacto{
background:#fff;height: 250px;background-image: url(/images2016/contact.png);background-repeat: no-repeat;background-position: 5% 55px;background-size: 27px;
}

/*********************************** TALLERES ***********************************************/

.talleres-01{
background: #F1E3AD;margin-bottom:36px;height: 96px;box-shadow: 11px 8px 0px 0px rgba(181, 9, 9, 0.75);border-top: 1px solid #fff6d2;
}
.talleres-titulo{
float: left;font-family: Montserrat;font-size: -webkit-xxx-large;color: #CB6120;margin-top: 9px;margin-left: 15px;text-shadow: 2px 1px 0px rgb(255, 244, 201);
}
.talleres-02{
float: right;margin-right: 31px;font-family: montserrat;margin-top: 7px; width: 220px;
}
.talleres-fecha{
width: 178px;height:50px;background-color: #de8833;margin-top: -50px;position: absolute;padding-left: 18px;padding-top: 15px;color: #fff;transform: rotate(-3deg);box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.13);
}

@media (max-width: 500px){
.talleres-01{
    background: #F1E3AD;
    margin-bottom: 36px;
    height: 258px;
    box-shadow: 11px 8px 0px 0px rgba(181, 9, 9, 0.75);
    border-top: 1px solid #fff6d2;
}
.talleres-titulo{
float: left;
    font-family: Montserrat;
    font-size: 26px;
    color: #CB6120;
    margin-top: 9px;
    margin-left: 15px;
    text-shadow: 2px 1px 0px rgb(255, 244, 201);
	width:221px;
}
.talleres-02{
	float: right;
    margin-right: 31px;
    font-family: montserrat;
    margin-top: 58px;
	width: 220px;
}
.talleres-fecha{
    width: 178px;
    height: 50px;
    background-color: #de8833;
    margin-top: -50px;
    position: absolute;
    padding-left: 18px;
    padding-top: 15px;
    color: #fff;
    transform: rotate(-3deg);
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.13);
}
}
.sayhueque{
	width: 600px;
	}
@media (max-width: 500px){
.sayhueque{
   width: 100%;
}

 /******************************ACTIVIDADES******************************************/

.actividadtitulo{

  font-family: Open Sans Condensed;font-size: -webkit-xxx-large;line-height: 47px;text-shadow: 2px 2px 0px rgb(255, 255, 255); transform:rotate(-0.7deg);
}

.actividaddesarrollo{
font-family: abel; font-size: medium;background: rgb(122, 214, 255);padding: 15px;

}

.actividadsep{

  background-color: #ffffff; height: 1px; box-shadow: 0px 1px #d8d8d8;
}

.titulonota{
	font-family: aileron;
    font-size: 3.25em;
    color: #82987D;
    margin-bottom: 20px;
	}
#gralnota{
	margin-top: 34px;
    width: 92%;
    margin-left: 3%;
	color: #AFAFAF;
	margin-bottom: 67px;
}
.imagennota {
    float: left;
    margin: 5px 5px;
    border: 1px solid #D7D7D7;
    background-color: #FDFDFD;
padding: 7px;}

.block img {
    border: 1px solid #D7D7D7;
	padding: 2px;}
	
.desarrollonota{
	font-size: 92%;
	}
	
.popup {
    display: none;
    position: fixed;  /* Asegura que el PopUp esté sobre todo el contenido */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Hace que el PopUp esté por encima de todo */
}


.popup-content {
    background: white;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    width: 50%;
    max-width: 500px;
    position: relative;
}

.popup-content img {
    width: 50%;
    border-radius: 10px;
}

.close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 25px;
    cursor: pointer;
}