//Estilos para las fotos en DINA3 y DINA4

#precontenedor  {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 0;    
}
#contenedor  {
  width: 74%;
  margin-left: 8%;
  position: relative;
  font-family: Geneva, Arial, Helvetica, san-serif;
  font-size: 3.7em;
  font-weight: normal;
  z-index: 1;    
}
.contenedor_m  {
  width: 90%;
  margin: 0 auto;
  z-index: 2;
}
.izquierda {
  float: left;
  width: 40%;
  height: 70%;
  margin-left: 0%;
  margin-top: 5px; 
  margin-top: 1%;   
  position: relative;
  z-index: 3; 
}
.derecha {
  float: right;
  width: 40%;
  height:70%;
  margin-left: 0%;
  margin-right: 1%;
  margin-top: 1%;  
  position: relative;
  z-index: 4;  
}
.izquierda_texto {
  float: left;
  width: 40%;
  margin-left: 0%;
  margin-top: 10%;  
  position: relative;
  z-index: 4;  
}
.derecha_texto {
  float: right;
  width: 40%;
  margin-left: 0%;
  margin-top: 15%;  
  position: relative;
  z-index: 4;
}
.izquierda img{
  position: absolute; 
  width: 100%;
  top: 4%; 
  right: 0%; 
  left: 0%; 
  margin: 0 auto; 
}
.derecha img{
  position: absolute;
  width: 100%;  
  top: 4%; 
  right: 0%; 
  left: 0%; 
  margin: 0 auto; 
}
.rotulos {
  text-align: center;
  padding: 9px;
  margin-top: 10%;
  font-family: Poppins;    
  font-size: 0.37em;
  font-weight: normal;
} 
.pie {
  text-align: left;
  font-family: Poppins;
  font-size: 0.25em;
  font-weight: normal;
  margin-top: -15%; 
  margin-left: 1%;    
} 
.pievertical {
  text-align: left;
  font-family: Poppins;
  font-size: 0.25em;
  font-weight: normal;
  margin-top: 59%;
  margin-left: 1%;   
}
.sobreizquierda {  
  float: left;
  position: absolute;
  background-color: #c0c0c0;
  border: solid;
  border:3px solid brown;
  opacity: .15;
  z-index: 7;
}
.sobreizquierda_vertical {
  float: left;
  position: absolute;
  background-color: #c0c0c0;
  border: solid;
  border:3px solid brown;
  opacity: .15;
  z-index: 7;
}
.sobrederecha {
  float: left;
  position: absolute;
  background-color: #c0c0c0;
  border: solid;
  border:3px solid brown;
  opacity: .15;
  z-index: 7;
}
.sobrederecha_vertical {
  float: left;
  position: absolute;
  background-color: #c0c0c0;
  border: solid;
  border:3px solid brown;
  opacity: .15;
  z-index: 7;
}
.velado_f
 {
  margin: auto;
  position: absolute;
  top: 8%;
  left: 15%; 
  width: 50%; 
  max-width: 1100px;
  margin-left: auto;
  margin-right:auto; 
  z-index: 20;	
 }
.navegacion_f
 {
  margin: auto;
  position: fixed;
  top: 5%; 
  left: 25%; 
  width: 50%; 
  margin-left: auto;
  margin-right:auto; 

  z-index: 12;	
 }  
 .velado_f img{ 
  position: absolute; 
  top: 4%; 
  right: 0%; 
  left: 0%; 
  margin: 0 auto; 
  border: 23px solid #ffffff;
 }
#fondoTransparente { 
 position:absolute;
  top:0px; left:0px;
  width:100%;
  height:30000px;
  background-color:#c9c9c9;
  opacity: .05;
  -moz-opacity: .25;
  filter:alpha(opacity=25);
  z-index: 5;
} 

.indice  {
  width: 14em;
  height: 40em;
  position: fixed;
  top: 10em;
  right: 0.2em;  
  font-family: Geneva, Arial, Helvetica, san-serif;
  color: brown;
  font-size: 0.8em;
  padding: 10px 1px 30px 9px;
  border-left-color: gris;
  border-left-width: 1px;  
  border-left:3px solid brown;
  z-index: 10;    
}
.texto_indice {
  font-family: Raleway;
  color: #00ff00;
  font-size: 0.8em;
}

//ENLACES

.a:visited{
  border:solid;
  
}
a {  
 text-decoration: none;
 font: 1.2em Arial, Sans-Serif;
 color: #555555;
  }
.a:link{
  font-family: Geneva, Arial, Helvetica, san-serif;
  font-size: 1.7em;
}  

a:visited {
 color: #c0c0c0; 
  }
a:hover {
 color: #ff0000; 
  }