@charset "utf-8";
@font-face {
    font-family: 'ubuntubold';
    src: url('ubuntu-b-webfont.eot');
    src: url('ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
         url('ubuntu-b-webfont.woff2') format('woff2'),
         url('ubuntu-b-webfont.woff') format('woff'),
         url('ubuntu-b-webfont.ttf') format('truetype'),
         url('ubuntu-b-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubunturegular';
    src: url('ubuntu-r-webfont.eot');
    src: url('ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('ubuntu-r-webfont.woff2') format('woff2'),
         url('ubuntu-r-webfont.woff') format('woff'),
         url('ubuntu-r-webfont.ttf') format('truetype'),
         url('ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ubuntulight';
    src: url('ubuntu-l-webfont.eot');
    src: url('ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),
         url('ubuntu-l-webfont.woff2') format('woff2'),
         url('ubuntu-l-webfont.woff') format('woff'),
         url('ubuntu-l-webfont.ttf') format('truetype'),
         url('ubuntu-l-webfont.svg#ubuntulight') format('svg');
    font-weight: normal;
    font-style: normal;

}



.caja {
position: relative; /*Para poder ubicar la info dentro de la caja*/
margin: auto;
}
.caja img {
border: auto;
}
.info {
position: absolute; /*Info sobre la imagen*/
width: 100%;
    height: 2rem;
margin:0;

font-size: 1.5rem;
font-family: 'ubuntubold';
font-weight: 800;
filter: alpha(opacity=0); /*Opacidad Para IE */
opacity: 0; /*Inicialmente transparente */
padding: 0px;
margin; 0 0 0 0rem;
color: #fabc30;
    align-content: flex-end;


    
-moz-transition:all ease .8s; /*Aplicamos una ligera transición*/
-webkit-transition:all ease .8s ;
transition:all ease .8s;
}
.caja:hover .info {
filter: alpha(opacity=80);
opacity: .8; /*Al hacer hover sobre la caja hacemos visible los datos*/
}


nav.equipo span.info {
    font-size: 2.5rem;
    
}




.caja2 {
position: relative; /*Para poder ubicar la info dentro de la caja*/
margin: 0 0 0 0;
 width: 60%;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: center;
 align-content: center;
 text-align: center;
 line-height: 1.6rem;
}

.caja2 img {
border: auto;
}

.info2 {
position: bottom; /*Info sobre la imagen*/
width: 100%;
height: 2rem;
margin:0;

font-size: 1.5rem;
font-family: 'ubuntulight';
font-weight: 800;
filter: alpha(opacity=0); /*Opacidad Para IE */
opacity: 0; /*Inicialmente transparente */
padding: 0px;
margin; 0 0 0 0rem;
color: #ffffff;
    align-content: center;
    text-align: center;


    
-moz-transition:all ease .8s; /*Aplicamos una ligera transición*/
-webkit-transition:all ease .8s ;
transition:all ease .8s;
}
.caja2:hover .info2 {
filter: alpha(opacity=80);
opacity: .8; /*Al hacer hover sobre la caja hacemos visible los datos*/
}