/*COMUN*/

a{text-decoration: none;}
.clear{clear: both;}
h2{font-size:16px;letter-spacing: 0px;}
h3{letter-spacing: 0px;}
h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 0rem;}

body{font-family: 'Roboto', sans-serif;}

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

.footer{background-color: #e5e5e5;padding-top:20px;padding-bottom: 20px;text-align: center;}
.logo-footer svg{width: 200px;}
.tur{background-color: #C40614;text-align: center;padding-bottom: 20px;padding-top: 20px;}
.tur a{color: #fff;font-family: 'Oswald', sans-serif;}

a .titulo{color:#ffffff;transition: all 0.5s ease 0s;} 
a:hover .titulo{color:#e74c3c;transition: all 0.5s ease 0s;} 
.logosub{width: 100%;max-width: 130px;}

.fotosde{font-size: 12px;margin-top: 20px;}

.autor{padding-top: 20px;font-size: 10px;font-family: 'Oswald', sans-serif;}

.menu{opacity:0;transition: all 1s ease 0s;padding-top: 15px;padding-bottom: 15px;font-family: 'Oswald', sans-serif;color:#fff;background-color: #2f3640;text-align: center;position: fixed;top:-20px;z-index:999999;}
.mad .menu{top:0px;opacity: 1;transition: all 1s ease 0s;}
#fancybox-buttons.top {top: 53px;}
#fancybox-buttons ul{background-color: #111 !important;}

.center{text-align: center;}
.titulo{font-family: 'Oswald', sans-serif;}
.sinpadding{padding:2% 0% 0% 0%!important;}
.fotosin {    margin-bottom: 0px !important;}
.destacado{background-size:cover;background-repeat:no-repeat;background-attachment:fixed;padding-top:15%;padding-bottom: 15%;color:#fff;background-color:#111;}
.destacado h3{color:#fff;font-size:2.5em;text-align: center;font-weight: 900;text-shadow: 1px 1px 1px #111;text-transform: uppercase;font-family: 'Roboto Condensed', serif;}

.lugar{background-color:#000;}

.llegar{transition: all 1s ease 0s;margin-top: 40px;margin-bottom:30px;transition: all 1s ease 0s;}
.llegar span{transition: all 1s ease 0s;padding-left: 0px;padding-top: 0px;font-family: 'Oswald', sans-serif;color:#fff;text-transform: uppercase;background-color:#ED6B6E;padding:5px;border-radius: 5px;}
.llegar:hover{transition: all 1s ease 0s;margin-left: 20px;}
.llegar span:hover{background-color: #111;transition: all 1s ease 0s;}

img{border-radius: 4px;}

.texto {font-weight: 300;margin-top: 25px;margin-bottom: 20px;text-align: justify;font-family: 'EB Garamond', serif;    font-size: 18px;
    line-height: 1.52;}

.logo{width: 100%;max-width: 300px;margin:5% auto 0px auto;transition: all 1s ease 0s;text-align: center;}
.mad .logo{filter: blur(5px);transition: all 1s ease 0s;max-width: 280px;}
.descripcion{color:#fff;padding:4% 0 0% 0;text-align: center;max-width: 900px;margin:0px auto;font-family: 'Montserrat', sans-serif;letter-spacing: 0px;}
.block{padding-top: 4%;padding-bottom: 4%;}
.logo .ld{max-width: 150px;padding-bottom: 20px;text-align: center;margin:0px auto;}

.contenedor{max-width: 1280px;margin:0px auto;width: 100%;}

.galeria .gallery-image{position: relative;}
.icon-foto{position: absolute;max-width: 50px;left:0px;border-radius: 0px;z-index:999999;}
.video{position: relative;}

.titulo {font-size: 45px !important;}
.madrid-patrimonio .titulo{color: #7f8fa6 !important;}

.bg-gris-desenfoque{background-color: rgba(0, 0, 0, 0.3);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background-image: url(../img/noise.png);}
.bg-blanco-desenfoque{background-color: rgba(255, 255, 255, 0.6);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.bg-rojo-desenfoque{/*background-color: rgba(231, 76, 60, 1);*/-webkit-animation: background-color-change 16s infinite;-moz-animation: background-color-change 16s infinite;-o-animation: background-color-change 16s infinite;-ms-animation: background-color-change 16s infinite;animation: background-color-change 16s infinite;
backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background-image: url(../img/noise.png);}
.bg-verde-desenfoque{background-color: rgba(16, 172, 132, 0.3);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background-image: url(../img/noise.png);}
.bg-azul-desenfoque{background-color: rgba(0, 149, 194, 0.3);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background-image: url(../img/noise.png);}
.bg-gris-dos-desenfoque{background-color: rgba(0, 0, 0, 0.8);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background-image: url(../img/noise.png);}
.bg-verde-desenfoque{background: #00cec9 !important;}
.bg-green-desenfoque{background-color: rgba(77, 98, 18, 0.3);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background-image: url(../img/noise.png);}
.bg-amarillo-desenfoque{background-color: rgba(198, 197, 85, 0.3);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background-image: url(../img/noise.png);}
.bg-marron-desenfoque{background-color: rgba(132, 129, 122, 0.3);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);background-image: url(../img/noise.png);}



.bg-gris-desenfoque {color:#fff;}
.bg-gris-dos-desenfoque {color:#fff;}
.bg-blanco-desenfoque .titulo, .bg-blanco-desenfoque .texto{color:#3d3d3d !important;}
.bg-rojo-desenfoque {color:#fff;}
.bg-verde-desenfoque {color:#fff;}
.bg-green-desenfoque {color:#fff;}
.bg-amarillo-desenfoque {color:#fff;}
.bg-azul-desenfoque {color:#fff;}
.bg-marron-desenfoque {color:#fff;}

.bg-blanco-total{background-color: rgba(255, 255, 255, 1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding-top: 3%;
    padding-bottom: 3%;}
.bg-blanco-total .titulo, .bg-blanco-total .texto{color:#3d3d3d !important;}
.bg-azul-desenfoque .titulo{color:#fff !important;}
.bg-green-desenfoque .titulo{color:#fff !important;}
.bg-amarillo-desenfoque .titulo{color:#fff !important;}
.bg-marron-desenfoque .titulo{color:#fff !important;}

.boton {margin-left: 15%;margin-bottom: 15%;}
.boton a {padding:10px;background-color: #2980b9;color:#fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);transition: all 0.5s ease 0s;}
.boton a:hover {background-color: #333;color:#fff;transition: all 0.5s ease 0s;}
.boton{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);transition: all 0.5s ease 0s;}
.boton:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);transition: all 0.5s ease 0s;margin-right:50px;}




.desenfoque {background-color: rgba(255, 255, 255, 0.3);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}

.tres-columnas a .titulo{color:#333333 !important;transition: all 0.5s ease 0s;} 
.tres-columnas a:hover .titulo{color:#e74c3c !important;transition: all 0.5s ease 0s;} 
.tres-columnas a img{-webkit-filter: grayscale(0%);filter: grayscale(0%);transition: all 0.5s ease 0s;}
.tres-columnas a:hover img{-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all 0.5s ease 0s;}
.tres-columnas img{width: 100%;margin-bottom: 20px;}
.tres-columnas .titulo{font-size: 30px;margin-bottom: 0px;line-height: 1;padding-left: 0%;padding-right: 4%;}

.dos-columnas a .titulo{color:#fff !important;transition: all 0.5s ease 0s;font-size:50px;line-height: 50px;} 
.dos-columnas a:hover .titulo{color:#e74c3c !important;transition: all 0.5s ease 0s;} 
.dos-columnas .titulo{font-size: 30px;margin-bottom: 0px;line-height: 1;padding-left: 0%;padding-right: 4%;}
.dos-columnas .texto{color:#fff;padding-left: 0%;}
.dos-columnas img{width: 100%;}
.dos-columnas-iguales img{margin-bottom: 20px;}
.dos-columnas-iguales .titulo{}

.twelve.columns {padding-left: 5%;padding-right: 5%;}

/*PORTADA*/

.bloque-menu .etiqueta{background-color:#e74c3c;color:#fff;font-weight: 900;margin-bottom: 30px;padding:15px;font-size:12px;width: 70%;}
.bloque-menu .titulo{color:#fff;font-size:23px !important;margin-bottom: 30px;line-height: 28px;padding-left: 15%;padding-right: 4%;height: 120px;}
.bloque-menu .texto{color:#fff;font-weight: 300;font-size:13px;line-height: 20px;padding-left: 15%;padding-right: 4%;}

.portada-madrid {background-color: #000;background-image:url(../img/bg-portada.png);background-size:100%;background-repeat: no-repeat; background-position: top;background-position: 0px -180px;}
.portada-madrid .proximamente{-webkit-filter: grayscale(100%);filter: grayscale(100%);}
.portada-madrid .proximamente a {pointer-events: none; cursor: default;}
.portada-madrid .proximamente .boton:hover{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

.portada-madrid .mapa ul li{color:#fff;font-weight: 600;font-size:18px;list-style-type: square;margin-bottom: 5px;line-height: 1.5;}
.portada-madrid .mapa img{max-width: 470px;margin: 0px auto;text-align: center;}
.portada-madrid .mapa .titulo{color:#fff;font-size:50px;margin-bottom: 30px;line-height: 1;padding-left: 0%;}
.portada-madrid .mapa .texto{color:#fff;font-weight: 300;font-size:16px;line-height: 20px;padding-left: 0%;}
.portada-madrid .tres-columnas .titulo{font-size: 30px !important;}



@-webkit-keyframes background-color-change {0% { background-color: #0f7863; }25% { background-color: #bd482c; }50% { background-color: #960c0b; }75% { background-color: #efaa28; }100% { background-color: #117864; }}
@-moz-keyframes background-color-change {0% { background-color: #0f7863; }25% { background-color: #bd482c; }50% { background-color: #960c0b; }75% { background-color: #efaa28; }100% { background-color: #117864; }}
@-ms-keyframes background-color-change {0% { background-color: #0f7863; }25% { background-color: #bd482c; }50% { background-color: #960c0b; }75% { background-color: #efaa28; }100% { background-color: #117864; }}
@-o-keyframes background-color-change {0% { background-color: #0f7863; }25% { background-color: #bd482c; }50% { background-color: #960c0b; }75% { background-color: #efaa28; }100% { background-color: #117864; }}
@keyframes background-color-change {0% { background-color: #0f7863; }25% { background-color: #bd482c; }50% { background-color: #960c0b; }75% { background-color: #efaa28; }100% { background-color: #117864; }}


/*PATRIMONIO*/

.madrid-patrimonio {background-color: #000;background-image:url(../img/patrimonio.jpg);background-size:100%;background-repeat: no-repeat; background-position: top;background-position: 0px -180px;background-attachment: fixed;}
.interior .logo{width: 100%;max-width: 200px;margin:5% auto 5% auto;transition: all 1s ease 0s;}
.interior.mad .logo{filter: blur(5px);transition: all 1s ease 0s;max-width: 200px;}
.interior .mapa .titulo{font-size:70px !important;margin-bottom: 30px;padding-left: 0%;color:#fff !important;line-height: 1;}
.interior .mapa .texto{color:#fff;font-weight: 300;font-size:20px;margin-bottom: 30px;line-height: 25px;padding-left: 0%;}

.interior .mapa ul li{color:#fff;font-weight: 600;font-size:18px;list-style-type: square;margin-bottom: 5px;}
.interior .mapa svg{max-width: 370px;margin: 0px auto;text-align: center;}


.st1:hover{transition: all 0.5s ease 0s;fill: white;}
.st1 {transition: all 0.5s ease 0s;}


.formato-uno img{width: 100%;}

.galeria img{width: 100%;}


/*AGUA*/
.madrid-agua {background-color: #000;background-image:url(../img/agua/pantano.jpg);background-size:100%;background-repeat: no-repeat; background-position: top;background-position: 0px -180px;background-attachment: fixed;}

.interior .texto a{font-weight: 900 !important;color:#ED6B6E !important;text-decoration: underline;}


/*RUTAS*/
.madrid-rutas {background-color: #000;background-image:url(../img/rutas/portada.jpg);background-size:100%;background-repeat: no-repeat; background-position: top;background-position: 0px -180px;background-attachment: fixed;}

/*Fiestas*/
.madrid-fiestas {background-color: #000;background-image:url(../img/fiestas/portada.jpg);background-size:100%;background-repeat: no-repeat; background-position: top;background-position: 0px -180px;background-attachment: fixed;}


/*Gastronomi*/
.gastronomia-fiestas {background-color: #000;background-image:url(../img/gastronomia/portada.jpg);background-size:100%;background-repeat: no-repeat; background-position: top;background-position: 0px -180px;background-attachment: fixed;}



/*RESPONSIVE*/

 @media all and (max-width: 550px) {

  .sticky{position: inherit;}

.logo {width: 50%;}
.descripcion {padding: 5% 0 5% 0;font-size:14px;}
.four{margin-bottom: 10%;}
.two-mid{margin-bottom: 7%;width: 100%%;font-size: 13px;}
.two-mid-one{margin-bottom: 5%;}



.ultima{padding-bottom: 0px !important;margin-bottom: 0px !important;}
.primera{margin-top: 20px !important;}
.gallery-image img{margin-top: 20px !important;margin-bottom: 0px !important;}

.texto {margin-bottom: 0px !important;}

.four {margin-bottom: 0%;}

.portada-madrid {background-size:100% ;background-repeat: no-repeat;background-color: #000;background-image:url(../img/portada-movil.png);}
.madrid-patrimonio {background-size:100% ;background-repeat: no-repeat;background-color: #000;background-image:url(../img/patrimonio-movil.jpg);}
.madrid-agua {background-size:100% ;background-repeat: no-repeat;background-color: #000;background-image:url(../img/agua/agua-movil.jpg);}
.madrid-rutas {background-size:100% ;background-repeat: no-repeat;background-color: #000;background-image:url(../img/rutas/movil.jpg);}
.madrid-fiestas {background-size:100% ;background-repeat: no-repeat;background-color: #000;background-image:url(../img/fiestas/movil.jpg);}
.gastronomia-fiestas {background-size:100% ;background-repeat: no-repeat;background-color: #000;background-image:url(../img/gastronomia/movil.jpg);}
.bloque-menu .titulo, .bloque-menu .texto, .bloque-menu .boton{padding-left: 0%;margin-left: 5%;padding-right: 5%;}
.bloque-menu .etiqueta{width: 40%;margin-bottom:20px;}
.bloque-menu .titulo {font-size: 2.2em !important;margin-bottom: 30px;line-height: 40px;}

.dos-columnas a .titulo {font-size: 30px;line-height: 30px;}
.dos-columnas .texto{margin-top: 20px;}
.dos-columnas img{margin-bottom:20px;}

.tres-columnas a .titulo {font-size: 30px;line-height: 30px;}
.tres-columnas .texto{margin-top: 20px;}

.portada-madrid .mapa .titulo {font-size: 50px;line-height: 50px;}
.portada-madrid .mapa .texto{margin-top: 20px;}
.portada-madrid .mapa ul li {font-size: 15px;margin-bottom: 2px;}

.block {padding-top: 15%;padding-bottom: 15%;}

.destacado h3 {font-size: 1.5em;}

.galeria .gallery-image{display: inline-block;float: none;width: 90%;}
.galeria {overflow-x: scroll;white-space: nowrap;position: relative;}
.galeria::-webkit-scrollbar {display: none;}

.interior img{margin-top: 20px !important; margin-bottom: 0px !important;}
.interior .titulo{margin-top: 20px !important;}
.destacado{background-size: 100%;    background-attachment: initial;    background-position: 0px -30px;}
.interior .logo img{margin-top: 0px !Important;}

.portada-madrid .destacado {background-size: cover !Important;background-attachment: initial !Important;background-position: 0px 0px !Important;}
.two-mid .logosub{margin-top: 0px !important;}
.bounceInLeft {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInRight {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
    
}