.este{
font-weight:bold;
text-align:left;
 font-size:100%;
    width: 80%;
    margin-left: 50px;
    
    
     padding: 2%;
}

.fondo{
    background-image: url(fondo1.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
     
    
     
}

.centrado{
font-weight:bold;
text-align:justify;
 font-size:200%;
    width: 80%;
    margin: auto;
    font-family:arial;
    
     padding: 2%;
      

}

.centrados{
    
font-weight:bold;
text-align:justify;
 font-size:200%;
    width: 80%;
    margin-left: 50%;
    font-family:arial;
    
     padding: 2%;
      

}
.centrado2{
font-weight:bold;
text-align:justify;
 font-size:270%;
    width: 80%;
    margin: auto;
    font-family:arial;
    
     padding: 2%;
      

}

.img{
    
  width: cover;
  
}
.img2{
  margin-left:100px;
  
}

.object {
  text-align:justify;
  

    
}
.zoom:hover {
  transform: scale(2.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}



.zoomm:hover {
  transform: scale(2.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


#axis:hover .move-right{
    
    transform: translate(300px,0);
    -webkit-transform: translate(300px,0); /** Chrome & Safari **/
    -o-transform: translate(300px,0); /** Opera **/
    -moz-transform: translate(300px,0); /** Firefox **/
}
.object {
 
    transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 2s ease-in-out; /** Firefox **/
    -o-transition: all 2s ease-in-out; /** Opera **/
}


#axis:hover .move-left {
       opacity: 40%;
    transform: translate(-200px,0);
    -webkit-transform: translate(-200px,0); /** Safari & Chrome **/
    -o-transform: translate(-200px,0); /** Opera **/
    -moz-transform: translate(-200px,0); /** Firefox **/
}