@font-face{font-family:'Proxima Nova';src:url(../fonts/mark_simonson_-_proxima_nova_regular-webfont.eot);src:url(../fonts/mark_simonson_-_proxima_nova_regular-webfont-1.eot) format("embedded-opentype"),url(../fonts/mark_simonson_-_proxima_nova_regular-webfont.html) format("woff2"),url(../fonts/mark_simonson_-_proxima_nova_regular-webfont.woff) format("woff"),url(../fonts/mark_simonson_-_proxima_nova_regular-webfont.ttf) format("truetype"),url(../fonts/mark_simonson_-_proxima_nova_regular-webfont.svg) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Proxima Nova Bold';src:url(../fonts/mark_simonson_-_proxima_nova_bold-webfont.eot);src:url(../fonts/mark_simonson_-_proxima_nova_bold-webfont-1.eot) format("embedded-opentype"),url(../fonts/mark_simonson_-_proxima_nova_bold-webfont.woff2) format("woff2"),url(../fonts/mark_simonson_-_proxima_nova_bold-webfont.woff) format("woff"),url(../fonts/mark_simonson_-_proxima_nova_bold-webfont.ttf) format("truetype"),url(../fonts/mark_simonson_-_proxima_nova_bold-webfont.html#proxima_nova_rgbold) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Proxima Nova Thin';src:url(../fonts/mark_simonson_-_proxima_nova_thin-webfont.eot);src:url(../fonts/mark_simonson_-_proxima_nova_thin-webfont-1.eot) format("embedded-opentype"),url(../fonts/mark_simonson_-_proxima_nova_thin-webfont.woff2) format("woff2"),url(../fonts/mark_simonson_-_proxima_nova_thinv.html) format("woff"),url(../fonts/mark_simonson_-_proxima_nova_thin-webfont.ttf) format("truetype"),url(../fonts/mark_simonson_-_proxima_nova_thin-webfont.svg) format("svg");font-weight:400;font-style:normal}
body{background:#d23c8c;background:-moz-linear-gradient(left,#d23c8c 0%,#8c37d2 100%);background:-webkit-linear-gradient(left,#d23c8c 0%,#8c37d2 100%);background:linear-gradient(to right,#d23c8c 0%,#8c37d2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d23c8c',endColorstr='#8c37d2',GradientType=1);background-attachment:fixed;font-family:'Proxima Nova';margin:0;padding:0;position:absolute;width:100%;height:100%}
body:before{background:url(../img/bg-albums.jpg) repeat;width:100%;height:100%;position:absolute;content:'';opacity:.5;z-index:-1}
h1,h2,p{margin:1% 0}
h1{font-family:'Proxima Nova Bold';font-size:70px;letter-spacing:-2px}
h2{font-size:40px;font-weight:200;letter-spacing:-3px}
p{font-size:24px}
a{text-decoration:none;color:inherit}
#general,.contcab{color:#fff;width:66.6667%;margin:0 auto}
#general{font-family:'Proxima Nova';text-align:center;line-height:1.5}
#cabecera{background:rgba(0,0,0,.7);text-align:left;padding:1% 0;width:100%;position:absolute;left:0;top:0}
#contenido{font-weight:200;width:100%;margin-top:10%;float:left}
#contenido p{margin-bottom:3%}
.boton{background:#2ebd59;border-radius:500px;font-size:18px;text-transform:uppercase;letter-spacing:1.2px;margin-top:6px;padding:10px 35px 8px;cursor:pointer}
.boton:hover{background:#1ed760}
.contcab .boton{float:right}
.premium{background-image:url(../img/fdpremium.gif);background-size:cover;background-position:center right}
.premium:before{display:none}
.premium *{color:#f50400}
.premium a.boton{color:#fff}
.logo img{height:50px}
small{font-size:.75em;float:left;margin-top:10%;width:100%}
small a{color:#648F00}
small a:hover{text-decoration:underline}
.registro{background-image:none;background-color:#fff}
.registro #cabecera{background:#fff;border-bottom:solid 1px #d9dadc;text-align:center}
.registro .logo img{height:60px}
.registro p{color:#2e2f33}
.registro #general{color:#000;width:30%}
.registro #contenido{margin-top:30%}
.registro .boton{color:#fff;line-height:1.2;margin-bottom:3%;padding:10px 0 8px;width:100%;float:left}
.registro .red{background-image:url(../img/redes.png);background-repeat:no-repeat;background-position:20px 9px;text-transform:uppercase;letter-spacing:0}
.registro .face{background-color:#3c5a96}
.registro .face:hover{background-color:#32467d}
.registro .twit{background-position:20px -31px;background-color:#55aaf0}
.registro .twit:hover{background-color:#509bd2}
.registro p{font-size:18px}
input[type=text],input[type=password]{font-family:'Proxima Nova';font-size:.9375em;color:#1C1C1F;background:#fff;border:solid 1px #DFE0E6;margin-bottom:4%;padding:1em 4%;width:92%;outline: none}
input[type=text]:focus,input[type=text]:active,input[type=password]:focus,input[type=password]:active{border-color:#919496}
@media all and (max-width: 768px){
#general,.contcab,.boton{box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box}
#cabecera{background:none;position:static}
#general,.contcab,.registro #general{width:100%}
#general{padding:10px}
#general img{display:block;margin:0 auto}
.contcab{text-align:center}
.contcab .boton{float:none;display:inline-block}
h1{font-size:60px;line-height:65px}
h2{line-height:35px}
.boton{display:inline-block;margin-bottom:15px}
.premium{background-position:center left}
#contenido,.registro #contenido{margin-top:15px}
}