@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;800&display=swap');


body {
  text-align: center;
  height: 100%;
  background-color: white;
  color: white;
  /*font-size: 30pt;*/
  align-items: center;
  justify-content: center;
  /*display: flex;*/
  margin: 0;
}

header{
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 2.5%;
}

header img.logo{
	width: 120px;
	margin: 20px 0 0;
}

/*TIPOS*/
h1{
	font-family: 'Montserrat', sans-serif;;
	font-weight: 100;
	font-style: normal;
	font-size: 6em;
    line-height: 1.0em;
    padding: 0.5em 0;
    column-span: all;
    letter-spacing: 5px;
    text-transform: uppercase;
}

h2{
	font-family: 'Montserrat', sans-serif;;
	font-weight: 300;
	font-style: normal;
	font-size: 1.5em;
	text-transform: uppercase;
  line-height: 1.0em;
  padding: 0.5em 0;
    column-span: all;
    letter-spacing: 2px;
}

p{
	font-size:1em;
    line-height: 1.25em;	
	/*margin-bottom:1.3em;*/
	font-family: Montserrat, sans-serif;
	font-weight: 400;
	margin-bottom: 0.5em;
}


p strong, p b{
	font-weight: 800;
}

a{
	color: #000;
}

footer{
	margin-top: 2em;
	background-color: #232323;
	padding: 4em 0;
	width: 100%;
}

footer h1{
	font-size: 1.4em;
	font-weight: 400;
	letter-spacing: 3px;
	color: #C2C2C2;
}

footer p{
	font-size: 0.7em;
	letter-spacing: 1px;
	font-weight: 400;
	color: #C2C2C2;
}
#logos_mecenazgo{
	margin-top: 5em;
	text-align: center;
}
#logos_mecenazgo img{
	width: 300px;
}

.portada h1{
	margin: 0 0 0.5em 0;
	padding: 0;
}

.portada h2{
	margin: 0;
	padding: 1em 0 0;
	line-height: 1.4em;
}
.portada p{
	font-size:1.2em;
   line-height: 1.25em;	
	/*margin-bottom:1.3em;*/
	font-family: Montserrat, sans-serif;
	font-weight: 300;
}

.portada a{
	color: #FFF;
	text-decoration: none;
}

.titulo-portada{
	position: absolute;
	top: 50%;
	width: 100%;
	/*left: 50%;*/
	transform: translateY(-50%);
	color: white;
	text-align: center;
	text-shadow: 1px 1px 10px black;
}

.jquery-bg-slideshow-wrap-bg-element {
  width: 100%;
  height: 100%;
}

.bg {
  height: 100%;
  width: 100%;
  background-color: white;
  /*font-size: 30pt;*/
  align-items: center;
  justify-content: center;
  /*display: flex;*/
  margin: 0;
  background-size: cover;
  background-position: 50% 50%;
}

.seccion{
	width: 100%;
	height: 100%;
	position: relative;
}

.contenido90{
	width: 95%;
	margin: 0 auto;
}
.contenido60{
	width: 60%;
	margin: 0 auto;
}

#texto-expo{
	text-align: left;
	padding: 9em 0 6em;
}
#texto-expo p{
	margin-bottom: 1em;
}


.seccion-fluida{
	height: auto;
}

.fondorojo{
	background-color: red;
}

.seccion-datos{
	/*display: inline-block;*/
	float: left;
	width: 20%;
	text-align: left;	
	vertical-align: top;
}

#proyeccion{
	padding-top: 6em;
}

.proyeccion-datos-previo{
}
.seccion-datos h1, .seccion-interna h1{
	font-size: 3.2em;
}
.seccion-interna h2{
	margin-bottom: 1em;
}

.elemento-centrado{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.seccion-contenido{
	float: right;
	width: 74%;	
}


.fondo-blanco{
	background-color: #FFF;
}
.fondo-gris{
	background-color: #EEE;
}

.fondo-blanco p, .fondo-blanco h1, .fondo-blanco h2{
	color: #000;
} 
.fondo-gris p, .fondo-gris h1, .fondo-gris h2{
	color: #000;
} 
.seccion-temporal{
	background-color: #78fca3;
}
.fondo-negro{
	background-color: #000;
}
.fondo-negro p, .fondo-negro h1, .fondo-negro h2{
	color: #FFF;
} 

#intervencion{
	text-align: left;
	margin: 2em 0;
}
.cabeceras-intervenciones{
	text-align: left ;
	/*-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;	*/
}

#imagenes-intervencion{

}
/*MASONRY*/

.grid-item img{
    width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 0;
}
    /* fluid 4 columns */
    .grid-sizer,
    .grid-item { width: 25%; }
    
    /* 2 columns */
    .grid-item--width2 { width: 50%; }

    .grid-item img{
        width: 96%;
        padding: 0;
        margin-top: 4%;
        height: auto;
        display: block;
        cursor: pointer;
    }


.epigrafe-ladob {
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
    height: 0;
    bottom: 0;
    overflow: hidden;
    cursor: pointer;
}

.epigrafe-ladob-in {
    margin: 0 4% 0 0;
    background-color: rgba(30,75,205,0.4);
    /*padding: 4%;*/
    height: 100%;
    box-sizing: border-box;
    position: relative;
}

.epigrafe-ladob p{
    color: #fff;
	padding: 0px 20px 0 25px;
    position: absolute;
    bottom: 20px;
}




@media only screen and (max-width: 1100px) {
    /* fluid 4 columns */
    .grid-sizer,
    .grid-item { width: 33%; }
}
    

@media only screen and (max-width: 800px) {
	.titulo-portada{
		font-size: 0.7em;
	}
	.titulo-portada h2{
	}
	    .grid-sizer,
    .grid-item { width: 50%; }

}

.clear{
	clear:both;
}