@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'Swis-Light';
    src: url('../font/Swiss-721-Light-Condensed.eot');
    src: url('../font/Swiss-721-Light-Condensed.eot?#iefix') format('embedded-opentype'),
             url('../font/Swiss-721-Light-Condensed.woff') format('woff'),
             url('../font/Swiss-721-Light-Condensed.ttf') format('truetype'),
             url('../font/Swiss-721-Light-Condensed.svg#swisslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Proxima-Nova-Semibold-Italic";
    src: url('../font/ProximaNova-SboldItWeb.eot');
    src: url('../font/ProximaNova-SboldItWeb.eot?#iefix') format('embedded-opentype'),
         url('../font/ProximaNova-SboldItWeb.woff') format('woff'),
         url('../font/proxima-nova-semibold.ttf') format('truetype'),
         url('../font/proxima-nova-semibold.svg#Proxima-Nova-Semibold-Italic') format('svg');         
}
@font-face {
    font-family: "Proxima-Nova-Regular";
    src: url('../font/ProximaNova-RegWeb.eot');
    src: url('../font/ProximaNova-RegWeb.eot?#iefix') format('embedded-opentype'),
         url('../font/ProximaNova-RegWeb.woff') format('woff'),
         url('../font/proximanova-reg-webfont.ttf') format('truetype'),
         url('../font/proximanova-reg-webfont.svg#NeutraTextBold') format('svg');         
}
#topten-audifonos{
    background-color: #ffffff;
    width: 958px;
    height: 3439px;
    margin: 0 auto;    
}
.audifonos-header{
    text-align: center;
}
.audifonos-header .audifonos-logo{
    padding-top: 26px;
}
.audifonos-header .audifonos-bajada{
    width: 729px;
    margin: 0 auto;
    padding-top: 17px;
    line-height: 30px;
}
.audifonos-header .audifonos-bajada p{
    color: #333333;
    font-size: 22px;
    font-family: 'Swis-Light'; 
}
.audifonos-header .audifonos-bajada strong{
    font-weight: bold;
}
.audifonos-encuentra{
    background-repeat: no-repeat;
    background-image: url('../img/encuentra-los-tuyos.jpg');
    width: 225px;
    height: 31px;
    text-indent: -9999px;
    margin: 15px 68px 10px auto;
}
.audifonos-encuentra:hover{
    opacity: 0.5;
}
.audifonos-contenedor .audifono-titulo h2{
    font-family: "Proxima-Nova-Semibold-Italic";
    font-size: 18px;
    color: #000000;
    line-height: 21px;
}
.audifonos-contenedor .audifono-titulo h2 span{
    color: #cc0000;
}
.audifonos-contenedor p{
    font-family: "Proxima-Nova-Regular";
    font-size: 15px;
    line-height: 23px;
    color: #666666;
    z-index: 100;
    position: relative;    
}
.audifonos-contenedor .audifono-foto{
    position: absolute;
    z-index: 1;
}
.audifonos-contenedor .audifono-numero,.audifonos-contenedor .audifono-titulo{
    float: left;
    z-index: 100;
    position: relative;    
}
.audifono-uno, .audifono-dos, .audifono-tres, .audifono-cuatro, .audifono-cinco, .audifono-seis, .audifono-siete, .audifono-ocho, .audifono-nueve, .audifono-diez{
    display: block
}
/* audifono-uno */
.audifono-uno{
    position: relative;
    margin-left: 372px;
    margin-top: 40px;
}
.audifono-uno .audifono-titulo{
    margin: 40px 300px 11px 20px;
}
.audifono-uno p{
    width: 299px;
}
.audifono-uno .audifono-foto{
    top: 0;
    left: 260px;
}
/* audifono-dos */
.audifono-dos{
    position: relative;
    margin-left: 212px;
    padding-top: 97px;
}
.audifono-dos .audifono-titulo{
    margin: 40px 280px 11px 20px;
}
.audifono-dos p{
    width: 572px;
}
.audifono-dos .audifono-foto{
    top: -183px;
    left: -198px;
}
/* audifono-tres */
.audifono-tres{
    position: relative;
    margin-left: 382px;
    margin-top: 42px;
}
.audifono-tres .audifono-titulo{
    margin: 50px 60px 11px 12px;
}
.audifono-tres p{
    width: 350px;
}
.audifono-tres .audifono-foto{
    top: -40px;
    left: 340px;
}
/* audifono-cuatro */
.audifono-cuatro{
    position: relative;
    margin-left: 292px;
    margin-top: 61px;
}
.audifono-cuatro .audifono-titulo{
    margin: 18px 300px 11px 11px;
}
.audifono-cuatro p{
    width: 570px;
}
.audifono-cuatro .audifono-foto{
    top: -293px;
    left: -253px;
}
/* audifono-cinco */
.audifono-cinco{
    position: relative;
    margin-left: 46px;
    margin-top: 43px;
}
.audifono-cinco .audifono-numero{
    margin-left: 172px;
}
.audifono-cinco .audifono-titulo{
    margin: 54px 30px 14px 10px;
}
.audifono-cinco p{
    width: 530px;
}
.audifono-cinco .audifono-foto{
    top: -31px;
    left: 528px;
}
/* audifono-seis */
.audifono-seis{
    position: relative;
    margin-left: 356px;
    padding-top: 71px;
}
.audifono-seis .audifono-titulo{
    margin: 54px 260px 11px 12px;
}
.audifono-seis p{
    width: 675px;
    height: 218px;
}
.audifono-seis .audifono-foto{
    top: 12px;
    left: -301px;
}
/* audifono-siete */
.audifono-siete{
    position: relative;
    margin-left: 36px;
    margin-top: 85px;
}
.audifono-siete .audifono-titulo{
    margin: 41px 200px 11px 13px;
}
.audifono-siete p{
    width: 530px;
    top: -20px;
}
.audifono-siete .audifono-foto{
    top: 0;
    left: 449px;
}
/* audifono-ocho */
.audifono-ocho{
    position: relative;
     margin-left: 349px;
    margin-top: 120px;
}
.audifono-ocho .audifono-titulo{
    margin: 69px 250px 11px 8px;
}
.audifono-ocho p{
    width: 520px;
}
.audifono-ocho .audifono-foto{
    top: -103px;
    left: -312px;
}
/* audifono-nueve */
.audifono-nueve{
    position: relative;
    margin-left: 136px;
    margin-top: 140px;
}
.audifono-nueve .audifono-titulo{
    margin: 50px 250px 11px 2px;
}
.audifono-nueve p{
      width: 471px;
}
.audifono-nueve .audifono-foto{
    top: -138px;
    left: 469px;
}
/* audifono-diez */
.audifono-diez{
    position: relative;
    margin-left: 419px;
    margin-top: 210px;
}
.audifono-diez .audifono-titulo{
    margin: 36px 140px 32px 11px;
}
.audifono-diez p{
   width: 510px;
}
.audifono-diez .audifono-foto{
    top: -177px;
    left: -391px;
}