body { background-color: #000616; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0; margin: 0; font-size:16px }
#main { position: relative; width: 1024px; height: 748px; margin: 0 auto; overflow: hidden; }
#orla { position: absolute; background-image: url(../img/orla.png); width: 178px; height: 154px; left: 825px; top: 22px; }
#avatar { position: absolute; width: 101px; left: 39px; top: 5px; }
#nombre2 { position: absolute; color: #FFFFFF; top: 120px; width: 176px; text-align: center; overflow: hidden;}
#salir { position: absolute; left: 163px; top: -4px; width: 22px; cursor: pointer }
#volverp { position: absolute; left: 27px; top: 29px; width: 216px; cursor: pointer; height: 102px; }
.sombra { -webkit-box-shadow: 0px 0px 300px 200px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 300px 200px rgba(0,0,0,0.75); box-shadow: 0px 0px 300px 200px rgba(0,0,0,0.75); }
.velo5 { background-color:#666; width: 100%; height: 100vh; position: absolute; top: 0px; display: none }
#preg1 {font-size:16px}
.giro { position: absolute; width: 100%; top: 20px; font-size:18px; color:#FFFFFF}
@media all and (orientation:portrait) {
.velo5 { display: block; z-index: 9999 }
}