/* 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: "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: 'ClearSans-Bold';
  font-style: normal;
  font-weight: 700;
  src: local('ClearSans-Bold'), local('ClearSans-Bold'), url("../fuente/ClearSans-Bold.woff") format('woff');
}


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


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

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

@font-face {
  font-family: 'ClearSans-Italic';
  font-style: normal;
  font-weight: 700;
  src: local('ClearSans-Italic'), local('ClearSans-Italic'), url("../fuente/ClearSans-Italic.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;
}