BODY {font-size: 100%;
      font-family: Arial;}

@import url('https://fonts.googleapis.com/css2?family=Gentium+Basic&family=Open+Sans&display=swap');

:link{color: slateblue;}
:visited{color: slateblue;}
:hover{color: slateblue;}
:active{color: darkred;}

A.inalterable:link{color: rgb(105,105,105);}
A.inalterable:visited{color: rgb(105,105,105);}
A.inalterable:hover {color: rgb(105,105,105);}
A.inalterable:active {color: darkred;}
A.inalterable {font-family:"Times New Roman";
	       text-decoration:none;
	       opacity:0.9;
	       font-size:1.2vw;}
	       
A.cartel {text-decoration:none;}

.proyecto {font-size:2.0vw;
	   font-family:"Impact Condensed";
	   color: rgba(255,255,255,1);
	   text-align:left;
	   padding: 0% 2% 0% 5%;}
	   
.cita {font-size:1.2vw;
	   font-family:"Times New Roman";
	   font-style: italic;
	   font-weight:lighter;
	   color: rgba(255,255,255,1);
	   text-align:left;
	   padding: 0% 7% 0% 7%;
}

.autor {font-size:1.0vw;
	   font-family:"Times New Roman";
	   font-style: italic;
	   font-weight:lighter;
	   color: rgba(255,255,255,1);
	   text-align:right;
	   padding: 1% 7% 0% 2%;
}

.dequeva {font-size:1.0vw;
	font-family:Arial;
	color: rgba(255,255,255,1);
	text-align:justify;
	padding: 2% 5% 2% 5%;}

.epigrafe {font-size:4.2vw;
	   font-family:"Open Sans";
	   text-align: center;
	   color: #D14757;
	   padding: 1%;}

.epigrafe2 {font-size:1.3vw;
	   font-family:"Times New Roman";
	   color: rgba(251,236,207,1);
	   text-align: center;
	   padding: 1%;}

.texto {font-size:3.6vw;
	font-family:Gentium Basic;
	color: rgba(0,0,0,0.9);
	text-align:justify;
	padding: 1%;
    line-height:170%;
}
	
.expos  {font-size:3.6vw;
	font-family:Gentium Basic;
	color: rgba(0,0,0,0.9);
	padding: 1%;}

.seccion {font-size:3.6vw;
	font-family:Gentium Basic;
	color:darkred;
	padding: 1%;}

.fecha 	{font-size:3.4vw;
	font-family:Gentium Basic;
	color:rgba(139,0,0,1);
	padding: 1%;}

.texto2 {font-size:1.3vw;
	font-family:Gentium Basic;
	color:rgba(0,0,0,0.9);
	text-align:justify;
	padding: 1%;
    line-height:170%;
}
	
.pie {font-size:0.9vw;
      font-family:Arial;
      color: rgba(0,0,0,0.9);
      text-align:center;}

.pie2 {font-size:3.6vw;
      font-family:"Times New Roman";
      color: rgba(0,0,0,0.8);
      text-align:center;}

IMG.carrusel {
	margin-right:1vw;
    }

@media all and (orientation: landscape) {
    IMG.imagen_detras {
        height: 95%;
    }
    DIV.carrusel {
	height:10vh;
	top:85%;
    }
    DIV.catalogo {
	height:10vh;
    }
    P.cabeza {
	font-size:5.2vh;
    }
    IMG.imagenProyecto {
     width:100%;
    }
    IMG.proyectoPrincipal {
     position:absolute;
     left:5%;
     width:25%;
    }
    P.proyectoPrincipalTexto {
     position:absolute;
     left:35%;
     width:55%;
     background-color:rgba(248,127,20,0.6);
     font-size:1.4vw;
	 font-family:"Impact Condensed";
	 color: rgba(255,255,255,1);
	 text-align:justify;
	 padding: 1% 2% 2% 2%;
    }
}

@media all and (orientation: portrait) {
    IMG.imagen_detras {
        width: 95%;
    }
    DIV.carrusel {
	height:10vw;
	top:86%;
    }
    DIV.catalogo {
	height:10vw;
    }
    P.cabeza {
	font-size:5.2vw;
    }
    IMG.imagenProyecto {
     width:100%;   
    }
    DIV.proyectoPrincipal {
     top:10%;
     bottom:70%;   
    }
    DIV.proyectoPrincipalTexto {
     top:10%;
     bottom:70%
    }
}

.tabla {
	display:table;
	position:fixed;
	height:60%;
	top:13%;
	left:27%;
	z-index:2;
}

.fila {
	display:table-row;
	
} 

.celda {
	display:table-cell;
	
} 

.gallery {
	position:relative;
	height:10%;
}


.fila1 {
	position:fixed;
	height:15%;
	top:30%;
	z-index:2;
}

.fila2 {
	position:fixed;
	height:15%;
	top:55%;
	z-index:2;
}

#cortina {
	position:fixed; 
	opacity:1; 
	width:100%; 
	height:100%; 
	top:0%; 
	z-index:7;
}

#titulo {
	position:fixed;
	width:89%; 
	height:8%;
	left:10%;
	top:1%; 
	z-index:2;
}

#cabecera {
	position:fixed; 
	font-family:Arial; 
	color: sienna;
	opacity:0.6;
	vertical-align:top;
	margin:5px;
}

#escenario {
	position:fixed; 
	width:90%;
	height:90%;
	left:5%;
	top:10%; 
	z-index:2;
	text-align:center;
}

#titulos {
	position:fixed; 
	width:90%;
	height:5%;
	left:5%;
	top:60%; 
	z-index:2;
	text-align:center;
}

#separador {
	position:fixed; 
	width:70%;
	height:1%;
	left:10%;
	top:99%; 
	z-index:2;
}

#miniaturas {
	background-color:#FFF8EF;
	position:absolute;
	width:100%;
	height:20%;
	left:0%;
	bottom:0%;
	z-index:2;
	overflow:scroll;
}

.impar {
	bottom:0%;
}

.par {
	bottom:50%;
}

#celda1 {
	position:absolute;
	height:50%;
	left:0%; 
	z-index:3;
}

#celda2 {
	position:absolute; 
	height:50%;
	left:0%;
	z-index:3;
}

#celda3 {
	position:absolute; 
	height:50%;
	left:20%;
	z-index:3;
}

#celda4 {
	position:absolute; 
	height:50%;
	left:20%;
	z-index:3;
}

#celda5 {
	position:absolute; 
	height:50%;
	left:40%;
	z-index:3;
}

#celda6 {
	position:absolute;
	height:50%;
	left:40%; 
	z-index:3;
}

#celda7 {
	position:absolute;
	height:50%;
	left:60%; 
	z-index:3;
}

#celda8 {
	position:absolute;
	height:50%;
	left:60%; 
	z-index:3;
}

#celda9 {
	position:absolute;
	height:50%;
	left:80%; 
	z-index:3;
}

#celda10 {
	position:absolute;
	height:50%;
	left:80%; 
	z-index:3;
}

#celda11 {
	position:absolute;
	height:50%;
	left:100%; 
	z-index:3;
}

#celda12 {
	position:absolute;
	height:50%;
	left:100%; 
	z-index:3;
}

#celda13 {
	position:absolute;
	height:50%;
	left:120%; 
	z-index:3;
}

#celda14 {
	position:absolute;
	height:50%;
	left:120%; 
	z-index:3;
}

#celda15 {
	position:absolute;
	height:50%;
	left:140%; 
	z-index:3;
}

#celda16 {
	position:absolute;
	height:50%;
	left:140%; 
	z-index:3;
}

#celda17 {
	position:absolute;
	height:50%;
	left:160%; 
	z-index:3;
}

#celda18 {
	position:absolute;
	height:50%;
	left:160%; 
	z-index:3;
}

#celda19 {
	position:absolute;
	height:50%;
	left:180%; 
	z-index:3;
}

#celda20 {
	position:absolute;
	height:50%;
	left:180%; 
	z-index:3;
}

#celda21 {
	position:absolute;
	height:50%;
	left:200%; 
	z-index:3;
}

#capa2 {
	position:fixed; 
	width:5%;
	height:10%;
	right:3%;
	top:87%;
	z-index:3;
}

#capa3 {
	position:fixed; 
	width:5%; 
	height:10%; 
	left:13%; 
	top:87%; 
	z-index:3;
}

#capa4, #capa4t {
	position:fixed; 
	width:0%;
	height:0%;
	left:0%;
	top:0%;
	z-index:4;
}


#capa5, #capa6 {
	position:fixed; 
	width:0%;
	height:0%;
	right:3%;
	top:0%;
	z-index:5;
}


#capa7, #capa8 {
	z-index:5;
}


#blog_cielo_contemporaneo {
	position:fixed; 
	width:91%;
	height:100%;
	left:10%;
	top:2%;
}