body{background-color: #f6f6f6;background-repeat: repeat;}
html, body {margin: 0px;height: 100%;}
.logo{text-align: center;}
.logo img{width: 100%;max-width: 300px;padding-top: 2%;padding-bottom: 1%;filter: grayscale(0%) !important;}
.twelve img{filter: grayscale(0%);border-radius: 5px;width: 100%;}
.twelve{margin-bottom: 30px;}

.sticky {position: sticky;top: 80px;}

.footer{margin-bottom: 0px;}

.cabecera {overflow: hidden;width: 100%;height: 100%;position: relative;box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;}
.header {position: relative;width: 100%;height: 100%;background-image: url("../img/articulo1/fondo-articulo-1c.jpg");background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;background-repeat: no-repeat;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-animation: zoomin 60s ease-in infinite;animation: zoomin 60s ease-in infinite;transition: all .5s ease-in-out;overflow: hidden;}









/** Animacion arrow **/
.arrows {
  position: relative;
  position: absolute;
  top: 70%;
  left: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
}

.arrows:before {
  content: '';
  position: absolute;
  width: 80%;
  height: 80%;
  border-left: 16px solid rgba(255, 226, 89, 0.7);
  border-bottom: 16px solid rgba(255, 226, 89, 0.7);
  transform: translate(16px, 106.66667px) rotate(-45deg);
  animation: arrows 2s linear infinite;
}

.arrows:after {
  content: '';
  position: absolute;
  width: 80%;
  height: 80%;
  border-left: 16px solid rgba(255, 226, 89, 0.7);
  border-bottom: 16px solid rgba(255, 226, 89, 0.7);
  transform: translate(53.33333px, 0px) rotate(-45deg);
  animation: arrows 2s linear infinite -1s;
}

@keyframes arrows {
  0% {
    border-left: 16px solid transparent;
    border-bottom: 16px solid transparent;
    transform: translate(-13.33333px, -53.33333px) rotate(-45deg);
  }
  10%, 90% {
    border-left: 16px solid transparent;
    border-bottom: 16px solid transparent;
  }
  50% {
    border-left: 16px solid rgba(255, 226, 89, 0.7);
    border-bottom: 16px solid rgba(255, 226, 89, 0.7);
    transform: translate(-13.33333px, 0px) rotate(-45deg);
  }
  100% {
    border-left: 16px solid transparent;
    border-bottom: 16px solid transparent;
    transform: translate(-13.33333px, 53.33333px) rotate(-45deg);
  }
}
/** **/



.contenedor{width: 90% !important;max-width: 1000px;padding-left: 5%;padding-right:5%;margin: 0% auto 0% auto;}
.block{margin-top: 2%;clear: both;}


.articulo1 .bordertop{border-top: 20px solid #588900;padding-top: 20px;margin-top: 10px;}
.articulo1 h1{color:#588900;}
.articulo1 h3{border-left: 15px solid #588900;}
nav{background-color: #588900;}
.footer{background-color: #588900;}
.footer p{color: #fff;}



h1{ font-family: 'Oswald', sans-serif;text-align: center;padding-top: 0%;padding-bottom:1%;line-height: 1.1;font-size: 8em;text-transform: uppercase;font-weight: 400;}
h3{color: #fff;font-family: 'Oswald', sans-serif;font-weight: 900;font-size: 3em;color: #333;padding-left: 20px;}
p{font-family: 'Oswald', sans-serif;color: #333;font-weight: 300;font-size: 20px;text-align: justify;}
.destacado{font-family: 'Oswald', sans-serif;color: #10ac84;padding-top: 5%;padding-bottom:5%;font-weight: 300;font-size: 3em;}
.destacado_dos{background-color: #10ac84;border-radius: 5px;}
.destacado_dos h2{color:#fff;font-weight: 300;font-size: 3em;text-align: center;font-family: 'Oswald', sans-serif;margin:0;padding:2%;}
.gracias{font-size: 15px;width: 80%;text-align: center;margin: 0px auto 20px auto;}
.imagen-destacada img{width: 100%;padding-top: 3%;padding-bottom: 3%;}
.imagen-destacada{width: 100%;}


.color{color:#10ac84;font-weight:600;}
.primero::first-letter { float: left;font-size: 6em;font-weight: 700;margin: 0.1em 0.2em 0 0;line-height: .7em;color:#10ac84;}
.video {text-align: center;width: 100%;border-radius: 5px;}


nav{box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;transition: all 0.5s ease 0s;padding: 20px 0px 20px 0px;line-height: 0px;position: absolute;z-index: 9999999;width: 100%;line-height: 0px;position: fixed;top: -200px;}
nav h2{font-family: 'Oswald', sans-serif;text-align: center;font-size: 1.5em;color: #fff;margin: 0px;letter-spacing: 2px;}
.special nav{transition: all 0.5s ease 0s;top: 0px;}
nav img{max-width: 30px;line-height: 0px;}
nav .twelve{margin: 0px;}
nav .logold{padding-left: 1%;}
nav .home{text-align: right;padding-right: 1%;}


.compartir{text-align: center;padding-bottom:0%;}
.compartir ul{margin: 1% 0px 0px 0px;}
.compartir ul li{display: inline;}
.compartir ul li img{width: 35px;padding-left: 0.5%;padding-right: 0.5%;}

.descripcion{font-size: 2em;font-weight: 300;font-family: 'Oswald', sans-serif;color: #588900;text-align: center;padding-top: 0%;padding-bottom:0.5%;}
.firma{font-family: 'Oswald', sans-serif;font-weight: 100;color: #111;text-align: center;padding-top: 0%;padding-bottom:0%;}
.firma-foto{font-family: 'Oswald', sans-serif;font-weight: 300 !important;color: #111;text-align: center;padding-top: 0%;padding-bottom:2%;font-weight: 600;}

.enlace{background-color:#000;}
.enlace img{margin-bottom:0px !important;padding: 0px;}
.enlace h2{padding:10px 20px 10px 10px;}
.enlace p{padding:10px 20px 10px 10px;line-height: 23px;}
.enlace .six{line-height: 0px;}
.mas{margin-bottom:0px; }

.six img{width: 100%;margin-bottom: 20px;}

.footer{clear: both;border-radius: 0px;text-align: center !important;}
.footer p{padding: 10px 0px 10px 0px;text-align: center !important;}

.centrado{padding-left: 20%;padding-right: 20%;}

.ancho-100{width: 100% !important;margin-bottom: 50px;}
.ancho-100 img{width: 100%;}

.twelve a{color: #10ac84; }



/*Buitrago*/

.buitrago .header {position: relative;width: 100%;height: 100%;background-image: url("../img/articulo2/fondo-articulo.jpg") !Important;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;background-repeat: no-repeat;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-animation: zoomin 60s ease-in infinite;animation: zoomin 60s ease-in infinite;transition: all .5s ease-in-out;overflow: hidden;}
.buitrago .bordertop{border-top: 20px solid #0984e3;}
.buitrago h1{color:#0984e3;}
.buitrago h3{border-left: 15px solid #0984e3;}
.buitrago nav{background-color: #0984e3;}
.buitrago .footer{background-color: #0984e3;}
.buitrago .descripcion{color: #0984e3;}
.buitrago .twelve a {color: #0984e3;}


/*Agua*/

.agua .header {position: relative;width: 100%;height: 100%;background-image: url("../img/articulo3/fondo-articulo.jpg") !Important;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;background-repeat: no-repeat;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-animation: zoomin 60s ease-in infinite;animation: zoomin 60s ease-in infinite;transition: all .5s ease-in-out;overflow: hidden;}
.agua .bordertop{border-top: 20px solid #0abde3;}
.agua h1{color:#0abde3 !important;}
.agua h3{border-left: 15px solid #0abde3;}
.agua nav{background-color: #0abde3;}
.agua .footer{background-color: #0abde3;}
.agua .descripcion{color: #0abde3 !important;;}
.agua .twelve a {color: #0abde3;}

/*Chinchon*/

.chinchon .header {position: relative;width: 100%;height: 100%;background-image: url("../img/articulo4/fondo-articulo.jpg") !Important;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;background-repeat: no-repeat;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-animation: zoomin 60s ease-in infinite;animation: zoomin 60s ease-in infinite;transition: all .5s ease-in-out;overflow: hidden;}
.chinchon .bordertop{border-top: 20px solid #82ccdd;}
.chinchon h1{color:#3c6382;}
.chinchon h3{border-left: 15px solid #82ccdd;}
.chinchon nav{background-color: #82ccdd;}
.chinchon .footer{background-color: #82ccdd;}
.chinchon .descripcion{color: #3c6382;}
.chinchon .twelve a {color: #82ccdd;}

/*torrelaguna*/

.torrelaguna .header {position: relative;width: 100%;height: 100%;background-image: url("../img/articulo5/fondo-articulo.jpg") !Important;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;background-repeat: no-repeat;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-animation: zoomin 60s ease-in infinite;animation: zoomin 60s ease-in infinite;transition: all .5s ease-in-out;overflow: hidden;}
.torrelaguna .bordertop{border-top: 20px solid ##e15f41;}
.torrelaguna h1{color:#ffffff;}
.torrelaguna h3{border-left: 15px solid #e15f41;}
.torrelaguna nav{background-color: #e15f41;}
.torrelaguna .footer{background-color: #e15f41;}
.torrelaguna .descripcion{color: #ffffff;}
.torrelaguna .twelve a {color: #e15f41;}
.torrelaguna .firma-foto{color: #fff;}

.otros .two{width: 18%;margin: 0px;margin-left: 1%;margin-right: 1%;background-color: #eee;padding: 0.5%;border-radius: 5px;}
.otros h2{text-align: center;font-size: 1.2em;}
.otros a{text-decoration: none;}


/*RESPONSIVE*/


/* (1280x1024) SXGA Display */
@media  screen and (max-width: 1280px) {
    h1{font-size: 7em;}
    .descripcion{font-size: 1.5em;}
}

 @media all and (max-width: 550px) {
.sticky {position: relative;top: 0px;}
  h1{font-size: 3em;}
  .descripcion{font-size: 1.2em;}
  .compartir ul {margin: 4% 0px 0px 0px;}
  h3{font-size: 2em;}
  .firma-foto{padding-top: 5%;}
  nav .logold{display: none;}
  nav .home{display: none;}
  p{font-family: 'Oswald', sans-serif;color: #333;font-weight: 300;font-size: 20px;text-align: left;}
  .video{display: none;}
  .twelve {margin-bottom: 0px;}
  .otros .two{width: 100%;margin-bottom: 3%;}
}





/* ANIMAR FONDO */

  @keyframes animatedBackground {
    from { background-position: 30% 0; }
    to { background-position: 100% 0; }
  }
  @-webkit-keyframes animatedBackground {
    from { background-position: 30% 0; }
    to { background-position: 100% 0; }
  }
  @-ms-keyframes animatedBackground {
    from { background-position: 30% 0; }
    to { background-position: 100% 0; }
  }
  @-moz-keyframes animatedBackground {
    from { background-position: 30% 0; }
    to { background-position: 100% 0; }
  }
  .header { 
    animation: animatedBackground 70s linear infinite;
    -ms-animation: animatedBackground 70s linear infinite;
    -moz-animation: animatedBackground 70s linear infinite;
    -webkit-animation: animatedBackground 70s linear infinite;
  }


/*  */