body{background-color: #28394a;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%;}
.contenedor100 img{filter: grayscale(0%);border-radius: 0px !important;width: 100%;}
.twelve{margin-bottom: 30px;}

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

.footer{margin-bottom: 0px;margin-top: 0px !Important;}
.footer a{color:#fff !important;font-weight: bold;}

.clear{clear: both;}

.header{background-color: rgba(60, 99, 130, 0.5);}

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


.articulo1 .bordertop{border-top: 20px solid #588900;padding-top: 20px;margin-top: 10px;}
.articulo1 h1{color:#588900;}
.articulo1 h3{border-left: 0px solid #588900;letter-spacing: 2px;}
nav{background-color: #588900;}
.footer{background-color: #588900;}
.footer p{color: #28394a;}
.finish{margin-bottom: 0px !important;}

strong{color: #ffd400;}

.special h1, .special .firma-foto, .special .descripcion{filter: blur(6px);transition: height 0.3s ease;}
p a{text-decoration: underline !important;}



.menu-toggle {position: fixed;top: 0px;left: 0px;cursor: pointer;z-index: 999999999;}
.icon {min-width: 100px;height: 100px;background-color: #ffd400;border-radius: 0px 0px 50px 0px;}
.icon img{width: 100%;max-width: 50px;padding-top:25%;padding-left:20%;}
.menu {position: fixed;bottom: 0;left: 0;width: 100%;height: 0;background-color: rgba(0, 0, 0, 0.8);overflow: hidden;transition: height 0.3s ease;z-index: 99999999;}
.menu-content {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;}
.menu-item {    min-width: 900px;height: auto;background-color: #4a45b5;padding: 30px;margin: 10px;text-align: center;font-size: 1em;text-decoration: none;}
.menu-content a{color: #fff;text-decoration: none;}


.fuente{font-size: 0.8em;color: #fff;margin-top: 15px;padding-left: 10px;}
.imagen-izquierda{float:left;max-width: 900px;margin: 0px 30px 30px 0px;}
.fuente {font-size: 0.7em;color: #fff; margin-top: 15px;padding-left: 10px; margin-bottom: 30px;opacity: 0.5;letter-spacing: 1px;}
.fuentederecha {font-size: 0.7em;color: #fff; margin-top: 15px;padding-left: 10px; margin-bottom: 30px;opacity: 0.5;letter-spacing: 1px;text-align: right;}

h1{transition: height 0.3s ease;font-family: "Poppins", sans-serif;text-align: center;padding-top: 0%;padding-bottom:1%;line-height: 1;font-size: 9em;font-weight: 900;color: #ffd400 !Important;letter-spacing: 0px;}
h3{color: #fff;padding: 20px;font-family: "Poppins", sans-serif;font-weight: 900;font-size: 2em;color: #ffd400;padding-left: 20px;    margin-right: 0%;margin-left: 0%;background-color: #496178;}
p{font-family: "Poppins", sans-serif;color: #fff;font-weight: 200;font-size: 20px;text-align: justify;padding-left: 0%;padding-right: 0%;letter-spacing: 1px;}
p a{color: #ffd400 !Important;text-decoration: none;}

.vino h1{font-size: 5em !Important;}


.block img{-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);}

.destacado{font-family: "Poppins", 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: "Poppins", 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;}
.video-container {position: relative;width: 100% !important;height: 0;padding-bottom: 22.50%; /* proporción de aspecto 16:9 */}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


nav{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: "Poppins", sans-serif;text-align: center;font-size: 1.1em;color: #28394a;margin: 0px;letter-spacing: 2px;padding-top: 20px;padding-bottom: 20px;font-weight: bold;}
.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: 2%;padding-top: 1.5%;}
nav .home{text-align: right;padding-right: 2%;padding-top: 2%;}

.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{transition: height 0.3s ease;font-size: 1.5em;font-weight: 300;font-family: "Poppins", sans-serif;color: #588900;text-align: center;padding-top: 0%;padding-bottom:0.5%;}
.firma{font-family: "Poppins", sans-serif;font-weight: 100;color: #111;text-align: center;padding-top: 0%;padding-bottom:0%;}
.firma-foto{transition: height 0.3s ease;font-family: "Poppins", sans-serif;color:#ffd400 !important;font-weight: 300 !important;text-align: center;padding-top: 0%;letter-spacing: 2px;padding-bottom:0%;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; }

.tema1 nav .contenedor-100{max-width: 900px;background-color:#ffd400;margin: 0px auto;height: auto;border-radius: 10px;-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.3);}


/*torrelaguna*/

.tema1{background-image: url(https://www.libertaddigital.com/landing/madrid-turismo-rural/img/guadarrama/guadarrama-fondo.jpg);background-repeat: no-repeat;background-size:cover ;background-attachment: fixed;}
.tema1 .bordertop{border-top: 20px solid #e15f41;}
.tema1 h1{color:#ffffff;}
.tema1 h3{border-left: 0px solid #ffd400;font-weight: 400;}
.tema1 nav{background-color: transparent;}
.tema1 .footer{background-color: #ffd400;}
.tema1 .descripcion{color: #ffffff;}
.tema1 .twelve a {color: #e15f41;}
.tema1 .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) {
  .tema1{background-position: -360px;}
  .sticky {position: relative;top: 0px;}
  h1{font-size: 3.3em;}
  .descripcion{font-size: 1.2em;line-height: 20px;margin-top: 20px;margin-bottom: 20px;}
  .compartir ul {margin: 4% 0px 0px 0px;}
  h3{font-size: 1.5em;line-height: 25px;padding-top: 10px;padding-bottom: 10px;margin-left: 0px;margin-right: 0px;padding-right: 10px;}
  .firma-foto{padding-top: 1%;padding-bottom: 8%;}
  nav .logold{display: none;}
  nav .home{display: none;}
  p{font-family: "Poppins", sans-serif;color: #fff;font-weight: 200;font-size: 18px;text-align:left;padding-left: 1%;padding-right: 1%;line-height: 24px;}
  .twelve {margin-bottom: 0px;}
  .icon{min-width: 50px !important;height: 50px !important;}
  .icon img {width: 100%;max-width: 20px;padding-top: 18%;padding-left: 15%;}
  .otros .two{width: 100%;margin-bottom: 3%;}
  .tema1 nav .contenedor-100{max-width: 350px;}
  nav h2{font-size: 0.9em;padding-top: 10px;padding-bottom: 10px;}
  .imagen-izquierda {max-width: 100%;margin: 0px 0px 20px 0px;}
  .vino h1{font-size: 2.5em !Important;}
}