/* CSS Document */

@font-face {
  font-family: "FontAwesome Regular";
  font-style: normal;
  font-weight: 600;
  src: local("FontAwesome Regular"), local("FontAwesome Regular"), url("../fuente/FontAwesome Regular.woff") format("woff");
}


@font-face {
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Bold"), local("Open Sans Bold"), url("../fuente/Open Sans Bold.woff") format("woff");
}





@font-face {
  font-family: "college";
  font-style: normal;
  font-weight: 600;
  src: local("college"), local("college"), url("../fuente/college.woff") format("woff");
}

@font-face {
  font-family: "DharmaGothicE_Regular";
  font-style: normal;
  font-weight: 600;
  src: local("../fuente/DharmaGothicE_Regular.woff"), local("../fuente/DharmaGothicE_Regular.woff"), url("../fuente/DharmaGothicE_Regular.woff") format("woff");
}




@font-face {
  font-family: "Open Sans Semibold";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("Open Sans Semibold"), url("../fuente/Open Sans Semibold.woff") format("woff");
}


@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway'), local('Raleway'), url("../fuente/Raleway.woff") format('woff');
}

@font-face {
  font-family: 'Raleway Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway Bold'), url("../fuente/Raleway Bold.woff") format('woff');
}

@font-face {
  font-family: 'Raleway ExtraBold';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway ExtraBold'), local('Raleway ExtraBold'), url("../fuente/Raleway-ExtraBold.woff") format('woff');
}





@font-face {
  font-family: 'Raleway SemiBold';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway SemiBold'), local('Raleway SemiBold'), url("../fuente/Raleway SemiBold.woff") format('woff');
}



@font-face {
  font-family: 'Century Gothic';
  font-style: normal;
  font-weight: 700;
  src: local('Century Gothic'), local('Century Gothic'), url("../fuente/GOTHIC.woff") format('woff');
}


@font-face {
  font-family: 'Century Gothic Negrita';
  font-style: normal;
  font-weight: 700;
  src: local('Century Gothic Negrita'), local('Century Gothic Negrita'), url("../fuente/GOTHICB.woff") format('woff');
}

@font-face {
  font-family: 'Square721 BT';
  font-style: normal;
  font-weight: 700;
  src: local('Square721 BT'), local('Square721 BT'), url("../fuente/tt0246m_.woff") format('woff');
}








@font-face {
  font-family: 'ConcursoItalian_BTN';
  font-style: normal;
  font-weight: 700;
  src: local('../fuente/ConcursoItalian_BTN.woff'), local('../fuente/ConcursoItalian_BTN.woff'), url("../fuente/ConcursoItalian_BTN.woff") format('woff');
}


@font-face {
  font-family: 'ConcursoItalian-BTN-Regular';
  font-style: normal;
  font-weight: 700;
  src: local('../fuente/ConcursoItalian-BTN-Regular.woff'), local('../fuente/ConcursoItalian-BTN-Regular.woff'), url("../fuente/ConcursoItalian-BTN-Regular.woff") format('woff');
}


@font-face {
  font-family: 'ConcursoItalian-BTN-Bold';
  font-style: normal;
  font-weight: 700;
  src: local('ConcursoItalian-BTN-Bold'), local('ConcursoItalian-BTN-Bold'), url("../fuente/ConcursoItalian-BTN-Bold.woff") format('woff');
}


@font-face {
  font-family: 'Square721 BT Negrita';
  font-style: normal;
  font-weight: 700;
  src: local('Square721 BT Negrita'), local('Square721 BT Negrita'), url("../fuente/tt0247m_.woff") format('woff');
}

@font-face {
  font-family: 'NewsGoth Cn BT';
  font-style: normal;
  font-weight: 700;
  src: local('NewsGoth Cn BT'), local('NewsGoth Cn BT'), url("../fuente/tt0375m_.woff") format('woff');
}

@font-face {   font-family: 'GandhiSans-Bold';
    src: url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-Bold.otf');
    src: url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-Bold.eot?#iefix') format("embedded-opentype"),
    url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-Bold.woff') format("woff"),
    url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-Bold.svg#CarbonBlock') format("svg")
    url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-Bold.ttf') format("truetype");
}
@font-face {   font-family: 'GandhiSans-BoldItalic';
    src: url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-BoldItalic.otf');
    src: url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-BoldItalic.eot?#iefix') format("embedded-opentype"),
    url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-BoldItalic.woff') format("woff"),
    url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-BoldItalic.svg#CarbonBlock') format("svg")
    url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-BoldItalic.ttf') format("truetype");
}
@font-face {   font-family: 'GandhiSans-Italic';
    src: url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-Italic.otf');
    src: url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-Italic.eot?#iefix') format("embedded-opentype"),
    url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-Italic.woff') format("woff"),
    url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-Italic.svg#CarbonBlock') format("svg")
    url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-Italic.ttf') format("truetype");
}
@font-face {   font-family: 'GandhiSans-Regular';
    src: url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-Regular.otf');
    src: url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-Regular.eot?#iefix') format("embedded-opentype"),
    url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-Regular.woff') format("woff"),
    url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-Regular.svg#CarbonBlock') format("svg")
    url('http://d3a3ow28970ea.cloudfront.net/skin/frontend/enterprise/gandhi/fonts/GandhiSans-Regular.ttf') format("truetype");
}



@font-face {  font-family: 'HambhurgerHaven';
    src: url('../fuente/HAMBHURGERHEAVEN.otf');
    src: url('../fuente/HAMBHURGERHEAVEN.eot?#iefix') format("embedded-opentype"),
    url('../fuente/HAMBHURGERHEAVEN.woff') format("woff"),
    url('../fuente/HAMBHURGERHEAVEN.ttf') format("truetype");
}




@font-face {  font-family: 'Oswald-Light';
    src: url('../fuente/Oswald-Light.otf');
    src: url('../fuente/Oswald-Light.eot?#iefix') format("embedded-opentype"),
    url('../fuente/Oswald-Light.woff') format("woff"),
    url('../fuente/Oswald-Light.ttf') format("truetype");
}




@font-face {
  font-family: 'Metrophobic';
  font-style: normal;
  font-weight: 400;
  src: local('Metrophobic'), local('Metrophobic'), url("../fuente/Metrophobic.woff") format('woff');
}


a:link   
{   
 text-decoration:none;   

}   

a:link {color:#333333;}
a:visited {color:#333333;}
a:active {color:#333333;}
a:hover {color:#333333;}

body{
font:Raleway;
}




.contenedor {
  position: relative;
  width: 200px;
  height:130px;
  margin: 50px auto;
}

.contenedor img {
  position: absolute;
  left: 0;
  transition: opacity 1.5s ease-in-out;
}

.contenedor img.top:hover {
  opacity: 0;
}