//Estilos de la portada de las fotos del casino

#contenedor_portada  {
  width: 90%;
  position: relative;
  font-family: Geneva, Arial, Helvetica, san-serif;
  font-size: 3.7em;
  font-weight: normal;
  border: dotted;
  z-index: 1;    
}

.fondos_portada{
  float: left;
  position: relative;
  top:0px; left:0px;
  width: 16%;
  height: 40%;
}

#sobre_fondo_portada{
  float: left;
  position: fixed;
  top:0px; left:0px;
  width: 65%;
  height: 81%;
  z-index: 9999;
  border: solid;
  opacity: 0.06;
  background-color: #7a896c;
}
#sobre_fondo_cinco{
  float: left;
  position: fixed;
  top:0px; left:65%;
  width: 16%;
  height: 40%;
  z-index: 10000;
  border: solid;
  opacity: 0.06;
  background-color: #7a896c;
  
}
.img {
  max-width: 100%;
  height: auto;
  border: 0;
}

.indice_portada{
  width: 19%;
  height: 100%;
  position: fixed;
  top: 0em;
  right: 0.1em;
  font-family: Poppins;
  color: brown;
  background-color: #ffffff;
  font-size: 0.8em;
  padding: 0px 1px 30px 9px;
  z-index: 15;    
}

.texto-centrado{
  text-align: center;
  font-family: Poppins; 
  font-size: 5.6em;
  font-weight: bold;
  color: #c0c0c0;
}
.texto-centrado-reiner{
  text-align: center;
  font-family: Poppins; 
  font-size: 5.6em;
  font-weight: bold;
  color: #7a896c;
  color: brown;
}
.texto-centrado-monumento{
  text-align: center;
  font-family: Poppins; 
  font-size: 5.8em;
  font-weight: bold;
  color: #ffffff;
}
#abajo  {
  width: 80.25%;
  margin-left: 0%;
  position: relative;
  font-family: Poppins;
  font-weight: normal;
  z-index: 30;    
}
.razon {
  width: 36%;
  float: left;
  position: relative;
  font-family: Poppins;
  font-size: 0.85em;
  font-weight: normal;
  z-index: 31;    
}
.razon_reiner {
  width: 26%;
  float: left;
  margin-left: 1%;
  position: relative;
  font-family: Poppins;
  font-size: 0.85em;
  font-weight: normal;
  color: #ffffff;
  z-index: 31;    
}

.logos {
 width: 12%;
 // margin: 0 auto;
  float: left;
  position: relative;
  font-family: Poppins;
  font-size: 0.79em;
  font-weight: normal;
//  border: solid;
  color: #ffffff;
  z-index: 31;    
}

.titulo
 {
  margin: auto;
  position: absolute;
  top: 6%;  
  top: 2%; 
  left: 2%; 
  width: 75%; 
  max-width: 1100px;
  margin-left: auto;
  margin-right:auto; 
  z-index: 6;	
 }
 
 .opciones {
   text-align: center;
   padding: 9px;
   margin-top: 7%;
   font-family: Poppins;    
   font-size: 1.3em;
   font-weight: normal;
 }
 .fondos_portada_reiner{
   float: left;
   position: relative;
   top:0px; left:0px;
   width: 16%;
   height: 40%;
   border: dotted;
 //  border-size: 20px;
   color: #7a896c;
 }
 .indice_portada_reiner{
   width: 18%;
   height: 100%;
   position: fixed;
   top: 0em;
   right: 0.1em;
   font-family: Poppins;
   color: brown;
   background-color: #7a896c;
   font-size: 0.8em;
   padding: 0px 1px 30px 9px;
   z-index: 15;    
 }
#abajo_reiner  {
  width: 82.25%;
  margin-left: 0%;
  position: relative;
  font-family: Poppins;
  font-weight: normal;
  background-color: #7a896c;  
  z-index: 30;    
}
 .texto_pie_reiner {
 //  text-align: center;
   padding: 9px;
   margin-top: 0%;
   font-family: Poppins;    
   font-size: 1.0em;
   font-weight: normal;
   color: #ffffff;
 }
.texto_pie_reiner2 {
 //  text-align: center;
   padding: 9px;
   margin-top: 0%;
   font-family: Poppins;    
   font-size: 0.85em;
   font-weight: normal;
   color: #ffffff;
 } 
  .cita_reiner {
  text-align: right;
    padding: 10px;
   margin-left: 3%;
    font-family: Arial;    
    font-size: 1.1em;
    font-weight: normal;
    color: brown;
  }
  
  //Exposiciones
#portada_exposiciones  {
  width: 100%;
  position: relative;
  font-family: Geneva, Arial, Helvetica, san-serif;
  font-size: 3.7em;
  font-weight: normal;
  border: dotted;
  z-index: 1;    
}  
  #izquierda {
    float: left;
    width: 38%;
    height: 70%;
    margin-left: 0%;
    margin-top: 5px; 
    margin-top: 1%;   
    position: relative;
    z-index: 3; 
  }
 .enlaces {
    float: left;
    width: 60%;
  //  height:70%;
    margin-left: 0%;
    margin-right: 1%;
    margin-top: 1%;  
    position: relative;
    border: solid;
    z-index: 4;  
  }  
  .derecha {
    float: left;
    width: 27%;
  //  height:70%;
    margin-left: 0%;
    margin-right: 1%;
    margin-top: 1%;  
    position: relative;
    padding: 0.5%;
  //  border: solid;
 //   z-index: 4;  
  }
  .centro {
    float: left;
    width: 27%;
  //  height:70%;
    margin-left: 0%;
    margin-right: 1%;
    margin-top: 1%;  
    position: relative;
text-align: right;
 //   z-index: 4;  
  }  .centro2 {
      float: left;
      width: 27%;
    //  height:70%;
      margin-left: 0%;
      margin-right: 1%;
      margin-top: 1%;  
      position: relative;
  text-align: left;
   //   z-index: 4;  
    }
.introduccion {
  text-align: center;
  padding: 2%;
  margin-top: 10%;
  font-family: Poppins;    
  font-size: 1.2em;
  font-weight: normal;
}