html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}body{width:100%;font-family:'Helvetica', Arial;background:url(../img/bkg.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}section{width:372px;margin:0 auto}@media screen and (max-width: 640px){section{width:100%}}header{padding-top:45px;text-align:center}header h1{font-weight:bold;font-size:2.5em;color:white;text-shadow:1px 0px 20px rgba(0,0,0,0.2);line-height:1.2em}@media screen and (max-width: 640px){header h1{font-size:1.8em}}div.content{position:relative;margin:40px 0 0}div.content .button{display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;width:77px;line-height:77px;text-align:center;-webkit-border-radius:372px;-moz-border-radius:372px;-ms-border-radius:372px;-o-border-radius:372px;border-radius:372px;-webkit-box-shadow:rgba(0,0,0,0.2) 0 0 4px 4px;-moz-box-shadow:rgba(0,0,0,0.2) 0 0 4px 4px;box-shadow:rgba(0,0,0,0.2) 0 0 4px 4px;border:8px solid white;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #000000)) 0 0;background:-webkit-linear-gradient(#333333,#000000) 0 0;background:-moz-linear-gradient(#333333,#000000) 0 0;background:-o-linear-gradient(#333333,#000000) 0 0;background:linear-gradient(#333333,#000000) 0 0;color:white;font-size:1.5em}div.content .button:active{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #333333)) 0 0;background:-webkit-linear-gradient(#000000,#333333) 0 0;background:-moz-linear-gradient(#000000,#333333) 0 0;background:-o-linear-gradient(#000000,#333333) 0 0;background:linear-gradient(#000000,#333333) 0 0}div.content .button.forward,div.content .button.shuffle{position:absolute;top:140px}div.content .button.shuffle{left:-125px}div.content .button.forward{right:-125px}div.content .button.main{width:353px;line-height:353px;font-size:5em;background:url("../img/luisico.jpg") no-repeat -200px -115px}div.content .button.main:active{background:url("../img/luisico.jpg") no-repeat -200px -115px}@media screen and (max-width: 640px){div.content{text-align:center}div.content .button.main{margin:0 auto;display:block;width:200px;line-height:200px;background-position:-70px -50px;background-size:300px 300px}div.content .button.main:active{background-position:-70px -50px;background-size:300px 300px}div.content .button.forward,div.content .button.shuffle{position:relative;top:auto;left:auto;right:auto;margin-top:10px}div.content .button.shuffle{margin-right:10px}}footer{margin:40px 0 0;padding-bottom:40px}footer p{display:block;font-family:'Georgia',Arial;text-align:center;text-shadow:1px 0px 20px rgba(0,0,0,0.2)}footer p.es{font-size:2.438em;color:#FFFFFF;line-height:1.3em}footer p.en{margin:20px 0 0;font-size:1.438em;color:rgba(237,237,237,0.6)}
