/* TAGS */
    *{ margin:0px; padding:0px; }
    html { position: relative; width:100%; height:100%; min-height: 100%; background-color: #ffffff; }
    body { font-family: 'GFS Didot', serif; color:#000000; width:100%; font-size:18px; background:#ffffff url(../img/bg3.png) center -183px no-repeat; }
    header { }
    ul { list-style: none; margin: 0; padding: 0; }
    a { text-decoration: none; color:#000000; }
    a:hover { text-decoration: underline; color:#808080; }


    .mTop5 { margin-top:5px; }
    .mTop10 { margin-top:10px; }
    .mTop15 { margin-top:15px; }
    .mTop20 { margin-top:20px; }
    .mTop30 { margin-top:30px; }
    .mTop40 { margin-top:40px; }
    .mTop50 { margin-top:50px; }
    .mTop60 { margin-top:58px; }
    .mTop100 { margin-top:100px; }
    .mTop100x { margin-top:100px; }

    .italic { font-style: italic;}
    .fSize20 { font-size:20px; }

    .fSize12 { font-size:12px; }
    .fSize28 { font-size:28px; line-height:28px; }
    .fSize36 { font-size:42px; line-height:42px; }
    
    
    .headTop { height: 60px; background-color:#000000; }
    .pad-logo img { margin-left: 53px; }
    
    
    .line-head { margin-top:30px; margin-bottom: 30px; }


    
    .match-of-music-head { display: inline-block; }
    .match-of-music-logo { display: inline-block; }
    .match-of-music-icon { display: inline-block; }
    .match-of-music-logo-mobile { display: none; }
    
    .form-element { background-color: #ffffff; border-radius: 0px; border: none; }
    .form-btn { background-color: #f5f5f5; border-radius: 0px; border: 1px #b8b8b8 solid; }
    
    .footer { background-color: #000000; color: #ffffff; padding: 20px 0px 80px 0px; }
    .footer a { color: #ffffff; margin: 0px 5px 0px 5px; }
    .bg-fix { background:#ffffff url(../img/bg2.png) center 30px no-repeat; }
    .txt-parraf { font-size:16px; }
    
    .ficha { background:#ffffff url(../img/bg3.png) center -40px no-repeat; }
    
    .social-list { margin-top: 10px; }
    .social-list li { display: inline; margin: 0px 5px 0px 5px; border: 1px solid #808080; border-radius: 100%; padding: 5px 1px 5px 1px; text-align: center; }
    .social-list i { width: 30px; }
    .social-list a { color: #808080; }
    .social-list a:hover { color: #000000; }
    .socials {  }
    
    
    .diamod-photo { position: relative; display: inline-block; width: 300px; height: 300px; overflow: hidden; transform: rotate(45deg); margin-left: 96px; margin-top: 106px; }
    .diamod-photo img { position: absolute; left:-60px; top: -70px; width: 440px; z-index: 1; transform: rotate(-45deg);  }
    .diamod-photo-label img {  }
    
    .cBlue { color: #32a2a7; }
    .underline { text-decoration: underline; }
    .cabFicha { text-align: right; padding-right: 50px; }
    
    .menu { position: absolute; left: 64px; top: -1px; z-index: 1;}
    .tags { text-align: left; }
    
    h2 { font-size:36px; letter-spacing:-1px; }

    .jaleo { position: absolute; right:20px; top: 35px; font-size:11px; }
    @media (max-width:690px){
        .jaleo { display: none; }
    }
    
    .lable { background:#ffffff url(../img/bg-label.png) center -86px no-repeat; }
    .label-photo { position: absolute; left:0px; top: 470px; }
    .label-photo img { width: 360px; }
    @media (max-width:1280px){
        .label-photo img { width: 260px; }
    }
    @media (max-width:1023px){
        .label-photo { display: none; }
    }

    
    @media (max-width:960px){
        h2 { font-size:30px; letter-spacing:0px; }
    }
    @media (max-width:690px){
        h2 { font-size:20px; }
        
        .fSize20 { font-size:16px; }
        .fSize36 { font-size:36px; line-height:36px; }
        .fSize12 { font-size:12px; }
        .fSize28 { font-size:20px; line-height:20px; }
    }
    
    @media (max-width:1200px){

    }

    @media (max-width:991px){
        .diamod-photo { margin-left: 0px; margin-top: 80px; }
        .menu { left: 64px; top: -1px; }
        .tags { text-align: center; margin-top: 20px;  }
    }

    @media (max-width:690px){
        .menu { left: 64px; top: -1px; }
        .menu img { width: 50px; }
        .cabFicha { text-align: left; }
    }

    @media (max-width:490px){
        .diamod-photo { width: 190px; height: 190px;  }
        .diamod-photo img { left:-60px; top: -70px; width: 320px; }
        .diamod-photo-label img { left:-48px; top: -48px; width: 285px; }
        .mTop50 { margin-top:30px; }
        .mTop40 { margin-top:20px; }
        .mTop100x { margin-top:0px; }
}