@CHARSET "ISO-8859-1"; * { font-family: 'Lato', sans-serif; } html {-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; width:100%; background-color: #bcbcbc; } body {background-color: #bcbcbc; background-repeat:no-repeat; background-position:center top; width:100%;} a {text-decoration:none;color: #333;} /*select {-webkit-appearance: none;}*/ input.placeholder{ color: #999; } .placeholder { color: #999; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; } input:-moz-placeholder, textarea:-moz-placeholder { color: #999; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; } .live-page {display:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #bcbcbc;} .logo {position: absolute; z-index:1000; top:10px; left:10px; width: 104px; height: 104px; background: url(../img/logo.png) center center no-repeat;} /*.logo { position: absolute; z-index: 1000; top: 15px; left: 15px; width: 96px; height: 52px; background: url(../img/logorci.png) center center no-repeat; background-size: contain;}*/ /*.logo { position: absolute; z-index: 1000; top: 15px; left: 0px; width: 204px; height: 65px; background: url(../img/Nissan-Academy_logo.jpg) center center no-repeat; background-size: contain;}*/ /*#user-options-box { height: 340px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 736px;}*/ #user-options-box { height: 340px; position: relative; top: 25%; width: 736px; margin-left: auto; margin-right: auto;} .user-option { float: left; height: 100%; position: relative; width: 50%; cursor:pointer;} .uo-icono { float: left; height: 260px; position: relative; width: 100%;} .uo-icono.uo-icono-tutor { background: url("../img/icono-tutor.png") no-repeat scroll center top; background-size:230px 230px;} .uo-icono.uo-icono-alumno { background: url("../img/icono-alumno.png") no-repeat scroll center top; background-size:230px 230px;} .uo-boton { background-color: #b22332; border: none; border-radius: 10px; color: #fff; cursor: pointer; float: left; font-family: 'Varela Round', sans-serif; font-size: 36px; height: 74px; line-height: 74px; margin-left: 10%; position: relative; text-align: center; width: 80%;} /* TUTOR */ #page-login-tutor {display:block;} /*#plt-login-box { width: 39%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}*/ #plt-login-box { width: 40%; position: relative; top: 20%; margin-left: auto; margin-right: auto;} .plt-dibujo { position: relative; width: 100%; text-align: center; height: 78px; margin-bottom: 20px; background: url(../img/manita-login-tutor.png) center center no-repeat;} .plt-titulo { color: #fff; font-size: 50px; line-height: 76px; text-align: center;margin-bottom: 35px; font-family: 'Varela Round', sans-serif;} .input-login { position: relative; width: 100%; text-align: center; height: 50px; margin-bottom: 20px;} .input-login input { border: none; width: 100%; height: 100%; text-align: center; font-size: 22px; font-family: 'Roboto', sans-serif; font-style: italic;} .input-login input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #666; } .input-login input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; opacity: 1; } .input-login input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; opacity: 1; } .input-login input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666; } .input-login input::-ms-input-placeholder { /* Microsoft Edge */ color: #666; } #tutor-login-button { -webkit-appearance: none; width: 100%; height: 80px; background: #b22332; border: none; cursor: pointer; box-shadow: none; border-radius: 10px; color: #fff; font-size: 44px; position: relative; float: left; font-family: 'Varela Round', sans-serif; margin-top: 14px;} #plt-login-box-error { display: none; width: 100%; height: 50px; text-align: center; margin-top: 20px; position: relative; color: #f00; font-size: 18px;} span.pea-rayo { background: url(../img/icono-rayo.png) left center no-repeat; height: 49px; padding-left: 35px;padding-bottom: 10px; padding-top: 10px;} div#pls-grupo { position: relative; width: 67%; margin-left: 17%; margin-right: 17%; margin-top: 10%;} div#pls-titulo { font-size: 50px; text-align: center; color: #fff; position: relative; float: left; height: 25%; width: 100%; font-family: 'Varela Round', sans-serif; margin-bottom: 3%;} div#pls-listado-sesiones { position: relative; float: left; width: 100%; height: auto;} div#pls-listado-linea-header { font-style: italic; color: #87c5e9 !important;} .pls-listado-linea {position: relative; float: left; width: 100%; } .pls-ll-espacio { width: 2%; position: relative; float: left; height: 100%; border-bottom: 2px solid #0d6ea9;} .pls-ll-codigo { padding-left:15px; position: relative; float: left; width:22%; margin-bottom: 10px; font-family: 'Varela Round', sans-serif; font-size: 22px; color: #333;} #pls-listado-sesiones-table thead .pls-ll-codigo { font-family: Roboto; color: #fff !important; font-style: italic; font-size: 20px;} .pls-ll-descripcion { position: relative; float: left; width: 51%; margin-bottom: 10px; font-family: 'Varela Round', sans-serif; font-size: 22px; color: #333; } #pls-listado-sesiones-table thead .pls-ll-descripcion { font-family: Roboto; color: #fff !important; font-style: italic; font-size: 20px;} .pls-ll-contboton { position: relative; float: left; width: 24%; height: 100%;} .pls-ll-boton { background-color: #b22332; border: medium none; border-radius: 7px; color: #fff; cursor: pointer; float: left; font-family: "Varela Round",sans-serif; font-size: 18px; height: 40px; line-height: 40px; margin-left: 12%; position: relative; text-align: center; width: 80%;} table#pls-listado-sesiones-table { width: 100%;} tr.pls-listado-separadorcont .pls-ll-codigo { background-color: #fff; height: 1px;} tr.pls-listado-separadorcont .pls-ll-descripcion { background-color: #fff; height: 1px;} div#pea-cajacodigo { position: relative; width: 80%; margin-left: 10%; margin-top: 12%; height: auto; margin-right: 10%; padding-bottom: 2%; float: left; border-bottom: 1px solid #fff;} div#pea-titulo { position: relative; float: left; width: 50%; text-align: center; height: 20%; font-size: 36px; color: #333; font-family: 'Varela Round', sans-serif; margin-left: 0;} div#pea-codigo { position: relative; float: left; width: 40%; margin-left: 2%; text-align: center; font-size: 72px; background-color: #23b2a2; color: #fff; border: none; border-radius: 10px; font-family: 'Varela Round', sans-serif; height: 100px; line-height: 100px;} div#pea-mensaje0 { position: absolute; width: 100%; color: #fff; font-size: 24px; text-align: center; bottom: 0; left: 0; height: 80px; line-height: 80px; font-family: 'Varela Round', sans-serif; background-color: #23b2a2;} div#pea-alumnos { position: relative; float: left; width: 100%; height: auto;} div#pea-resumenestado { position: absolute; width: 100%; color: #fff; font-size: 24px; text-align: center; bottom: 0; left: 0; height: 80px; line-height: 80px; font-family: 'Varela Round', sans-serif; background-color: #23b2a2;} span#pea-nalumnos-conectados { /*font-size: 60px;*/} div#pea-listado-conectados { position: relative; float: left; width: 70%; height: auto; margin-left: 15%; margin-right: 15%; margin-top: 30px; font-family: 'Varela Round', sans-serif; font-size: 20px;} .pea-alumno-conectado { position: relative; float: left; width: 33.3%; color: #333; margin-bottom: 10px; margin-top: 10px;} div#pea-boton-container { position: relative; float: left; width: 100%; text-align: center; margin-top: 30px; height: 60px;} div#pea-boton-comenzar { position: relative; height: 60px; line-height: 60px; font-size: 30px; color: #fff; background-color: #b22332; width: 20%; margin-left: 40%; cursor: pointer; font-family: 'Varela Round', sans-serif; border: none; border-radius: 12px;} div.cabecera { position: absolute; width: 100%; color: #fff; font-size: 24px; text-align: center; top: 0; left: 0; height: 80px; line-height: 80px; font-family: 'Varela Round', sans-serif; background-color: #b22332;} div.cabecera-centrado { width: 300px; margin-left: auto; margin-right: auto; height: auto;} .cabecera-centrado .logo { position: relative; float: left; top: 10px; left: 0px;} .cabecera-text1 { font-family: 'Varela Round', sans-serif; font-size: 22px; color: #670202; width: 160px; text-align: center; height: 26px; line-height: 26px; position: relative; float: left; margin-top: 10px;} .cabecera-session { font-family: 'Varela Round', sans-serif; position: relative; float: left; width: 160px; text-align: center; height: 36px; line-height: 36px; font-size: 36px;} .close-session { top: 0px; right: 0px; position: absolute; line-height: 80px; height: 80px; width: 160px; text-align: center; color: #670202; font-size: 16px; cursor: pointer;} .cabecera-volver-icono { font-family: 'Varela Round', sans-serif; position: relative; float: left; width: 80px; height: 80px; background: url(../img/btn-iti-rojo.png) center center no-repeat; background-size: 40px;} .cabecera-volver-texto { font-family: 'Varela Round', sans-serif; position: relative; float: left; width: 120px; height: 60px; color: #670202; font-size: 16px; line-height: initial; text-align: left; margin-top: 20px;} .cabecera-volver-iti { cursor: pointer;} #phs-primer-elemento-cadena { border-radius: 10px; position: relative; float: left; width: 60%; margin-left: 20%; margin-right: 20%; height: auto; margin-top: 12%; background-color: #23b2a2; border: none;} #phs-primer-elemento-cadena table { width: 100%;} #phs-pec-icono { width: 25%; background: url(../img/icono-itinerario.png) right center no-repeat;} #phs-pec-titulo { position: relative; float: left; height: 100%;} span#phs-ec-titulo-codigo { font-weight: bold; font-size: 42px;} #phs-pec-titulo-text1 { font-family: 'Varela Round', sans-serif; color: #333; font-size: 20px; margin-top: 24px; margin-bottom: 10px; margin-left: 25px;} #phs-pec-titulo-nombre { font-family: 'Varela Round', sans-serif; color: #fff; font-size: 28px; margin-bottom: 25px; margin-left: 25px;} .phs-ultimo-elemento { margin-bottom: 30px;} .phs-elemento-cadena { position: relative; float: left; width: 53%; height: 100px; margin-left: 47%; cursor: pointer;} /*.phs-elemento-cadena { position: relative; float: left; width: 60%; height: 80px; margin-top: 20px; margin-left: 20%; margin-right: 20%; cursor:pointer;}*/ /*.phs-ec-icono { position: absolute; width: 60px; height: 60px; background-color: #ddd; line-height: 60px; text-align: center; font-size: 40px; font-weight: bold; border-radius: 30px; border: 1px solid #555; left: 10px; top: 10px;}*/ .phs-ec-icono { position: absolute; width: 86px; height: 86px; line-height: 86px; text-align: center; font-size: 36px; font-weight: bold; border-radius: 43px; left: 0px; top: 0px; color: #656565; font-family: 'Varela Round', sans-serif; font-weight: bold; padding-top: 14px; padding-right: 14px;} .phs-ec-icono.phs-ec-icono-apertura { background: url(../img/fondo-escudo-apertura.png) left center no-repeat;} .phs-ec-icono.phs-ec-icono-satisfaccion { background: url(../img/fondo-escudo-satisfaccion.png) left center no-repeat;} .phs-ec-icono.phs-ec-icono-cierre { background: url(../img/fondo-escudo-cierre.png) left center no-repeat;} .phs-ec-icono.phs-ec-icono-oro { background: url(../img/fondo-escudo-dorado.png) left center no-repeat;} .phs-ec-titulo { position: absolute; left: 100px; line-height: 80px; color: #fff; font-size: 36px;} .phs-ec-texto { position: absolute; left: 106px; line-height: 86px; height: 86px; color: #333; font-size: 22px; top: 14px; font-family: 'Varela Round', sans-serif;} /*.phs-ec-texto { position: absolute; left: 100px; line-height: 80px; height: 80px; color: #fff; font-size: 28px;}*/ .phs-elemento-cadena-jugado { cursor: inherit !important;} .phs-elemento-cadena-jugado .phs-ec-texto {/*color: #87c5e9 !important; */} .phs-elemento-cadena-jugado .phs-ec-icono {width: 90px !important; padding-right: 10px !important;} .phs-elemento-cadena-jugado .phs-ec-icono.phs-ec-icono-apertura { background: url(../img/difuminado-escudo-apertura.png) center center no-repeat !important;} .phs-elemento-cadena-jugado .phs-ec-icono.phs-ec-icono-satisfaccion { background: url(../img/difuminado-escudo-satisfaccion.png) center center no-repeat !important;} .phs-elemento-cadena-jugado .phs-ec-icono.phs-ec-icono-cierre { background: url(../img/difuminado-escudo-cierre.png) center center no-repeat !important;} .phs-elemento-cadena-jugado .phs-ec-icono.phs-ec-icono-oro { background: url(../img/difuminado-escudo-dorado.png) center center no-repeat !important;} /*div#pej-botonvolver { position: absolute; z-index: 1000; width: 162px; height: 67px; cursor: pointer; background: url(../img/btn-volver-itinerario.png); right: 0; top: 20px;}*/ div#pej-botonvolver { position: absolute; z-index: 1000; width: 200px; height: 80px; cursor: pointer; left: 0; top: 0px;} div#pej-info-juego { position: relative; float: left; width: 58%; height: 140px; margin-top: 124px; margin-left: 21%; margin-right: 21%;} div#pej-ij-iconopaso { background-size: 100px 110px; position: relative; float: left; width: 170px; height: 140px; line-height: 140px; text-align: center; color: #695b0e; font-size: 62px; font-family: 'Varela Round', sans-serif; font-weight: bold;} div#pej-ij-textos { position: relative; float: left; width: 60%; height: 140px;} .pej-ij-iconopaso-apertura { background: url(../img/escudo-apertura.png) center center no-repeat;} .pej-ij-iconopaso-cierre { background: url(../img/escudo-cierre.png) center center no-repeat;} .pej-ij-iconopaso-satisfaccion { background: url(../img/escudo-satisfaccion.png) center center no-repeat;} .pej-ij-iconopaso-dorado { background: url(../img/escudo-dorado.png) center center no-repeat;} div#pej-ij-codigoreto { position: relative; float: left; color: #fff; font-size: 22px; margin-top: 25px; font-family: Roboto;} #pej-ij-cr-codigo { /*color: #0a5887; font-size: 30px; font-family: 'Fredoka One', cursive;*/} div#pej-ij-titulo { position: relative; float: left; width: 100%; color: #333; color: #3; font-size: 28px; font-family: 'Varela Round', sans-serif;} div#pej-ij-gifinstrucciones { position: relative; float: left; width: 100%; background-repeat: no-repeat; background-position: center; height: 240px;} #pej-ij-continstrucciones { float: left; position: relative; width: 100%;} #pej-ij-instrucciones { background: #eeeeee none repeat scroll 0 0; color: #333; font-family: Roboto; font-style: italic; margin-left: auto; margin-right: auto; padding: 20px; position: relative; text-align: center; width: 360px; } div#pej-botoncontainer { position: relative; float: left; width: 100%; text-align: center; margin-top: 30px; height: 60px;} div#pej-botonlanzar { position: relative; height: 78px; line-height: 78px; font-size: 42px; color: #fff; background-color: #b22332; width: 32%; margin-left: 34%; cursor: pointer; border: none; border-radius: 8px; font-family: 'Varela Round', sans-serif;} div#pja-mensaje { position: relative; float: left; width: 100%; text-align: center; font-size: 24px; color: #fff; height: 100px; line-height: 100px;} div#pja-info-juego { position: relative; float: left; width: 58%; height: 140px; margin-top: 124px; margin-left: 21%; margin-right: 21%;} div#pja-ij-iconopaso { background-size: 100px 110px; position: relative; float: left; width: 170px; height: 140px; line-height: 140px; text-align: center; color: #695b0e; font-family: "Varela Round",sans-serif; font-size: 62px; font-weight: bold;} div#pja-ij-textos { position: relative; float: left; width: 60%; height: 140px;} .pja-ij-iconopaso-apertura { background: url(../img/escudo-apertura.png) center center no-repeat;} .pja-ij-iconopaso-cierre { background: url(../img/escudo-cierre.png) center center no-repeat;} .pja-ij-iconopaso-satisfaccion { background: url(../img/escudo-satisfaccion.png) center center no-repeat;} .pja-ij-iconopaso-dorado { background: url(../img/escudo-dorado.png) center center no-repeat;} div#pja-ij-codigoreto { color: #fff; float: left; font-family: Roboto; font-size: 22px; font-weight: bold; margin-top: 25px; position: relative;} #pja-ij-cr-codigo { /* color: #0a5887; font-size: 30px; font-family: 'Fredoka One', cursive;*/} div#pja-ij-titulo { color: #333; float: left; font-family: "Varela Round",sans-serif; font-size: 28px; position: relative; width: 100%;} div#pja-datos-jugadores { position: relative; float: left; width: 100%; height: auto;} div#pja-dj-njugadores { color: #333; float: left; font-family: Roboto; font-size: 20px; font-style: italic; margin-bottom: 15px; margin-top: 30px; position: relative; text-align: center; width: 100%;} div#pja-dj-estados-jugadores { position: relative; float: left; width: 64%; margin-left: 18%; margin-right: 18%; height: auto; padding-top: 30px; border-top: 2px solid #fff;} .pja-dj-estado-jugador { position: relative; float: left; width: 60px; height: 60px; margin-left: 10px; margin-right: 10px; margin-bottom: 20px;} .pja-dj-ej-jugando { background: url(../img/carita-raya.png) center center no-repeat; background-size: contain;} .pja-dj-ej-terminado { background: url(../img/carita-sonriente.png) center center no-repeat; background-size: contain;} div#pja-dj-aviso { position: absolute; width: 100%; color: #fff; font-size: 24px; text-align: center; bottom: 0; left: 0; height: 80px; line-height: 80px; font-family: 'Varela Round', sans-serif; background-color: #23b2a2;} #pea-close-session { bottom: 10px; cursor: pointer; position: fixed; right: 10px;} /*#phs-close-session { bottom: 10px; cursor: pointer; position: fixed; right: 10px;}*/ #pls-logout { bottom: 10px; cursor: pointer; position: fixed; right: 10px;} #pja-terminar-reto { top: 0px; right: 0px; position: absolute; line-height: 80px; height: 80px; width: 160px; text-align: center; color: #670202; font-size: 16px; cursor: pointer;} /*#pja-terminar-reto { bottom: 10px; cursor: pointer; position: fixed; right: 10px;}*/ #pch-close-session { bottom: 10px; cursor: pointer; position: fixed; right: 10px;} .gauge { width: 120px; height: 60px; position: relative; overflow: hidden;} .gauge .inner { width: 120px; height: 60px; display: block; background-color: #606060; border-radius: 120px 120px 0 0; z-index: 1;} .gauge .inner:after { content: ''; width: 100px; height: 50px; top: 10px; left: 10px; background-color: #2a2a2a; border-radius: 100px 100px 0 0; position: absolute; z-index: 3;} .gauge .spinner { width: 120px; height: 60px; background-color: #fe9800; position: absolute; z-index: 2; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 800ms ease; transition: -webkit-transform 800ms ease; transition: transform 800ms ease; transition: transform 800ms ease, -webkit-transform 800ms ease; -webkit-transform: translateZ(0); transform: translateZ(0); border-radius: 0 0 120px 120px;} .gauge .spinner.alt { background-color: #e14e54;} .gauge-cont { display: inline-block; position: relative; width: 120px; height: 60px; margin-left: 30px;} .gauge-cont:first-child { margin: 0;} .gauge-cont .pointer { display: block; width: 6px; height: 48px; background-color: #606060; border-radius: 4px 4px 0 0; position: absolute; z-index: 4; bottom: 0px; left: 57px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: -webkit-transform 800ms ease; transition: -webkit-transform 800ms ease; transition: transform 800ms ease; transition: transform 800ms ease, -webkit-transform 800ms ease;} .gauge-cont .pointer-knob { width: 20px; height: 20px; background-color: #606060; position: absolute; left: 50px; bottom: -10px; z-index: 5; border-radius: 20px;} #page-resultados-juego { background-size: cover;} .alphafondo { background: #000 none repeat scroll 0 0; height: 100%; left: 0; opacity: 0.6; position: fixed; top: 0; width: 100%;} div#prj-zona-mensajito { position: relative; float: left; width: 60%; margin-left: 20%; margin-right: 20%; font-size: 60px; text-align: center; color: #fff; margin-top: 150px; font-family: 'Varela Round', sans-serif;} div#prj-zona-resultados { position: relative; float: left; width: 76%; margin-left: 12%; margin-right: 11%; height: 220px; margin-top: 40px; border: 4px solid #565656; border-radius: 25px;} div#prj-zr-tiempo { position: relative; float: left; width: 50%; height: 100%;} div#prj-zr-tiempo-label { color: #fff; font-family: Roboto; font-size: 30px; font-style: italic; text-align: center; margin-top: 46px;} span.prj-zr-sublabel { font-size: 24px !important; font-weight: normal !important;} div#prj-zr-tiempo-cifra { color: #fff; font-size: 60px; font-family: 'Varela Round', sans-serif; text-align: center; margin-top: 20px;} div#prj-zr-perc { position: relative; float: left; width: 50%; height: 100%;} div#prj-zr-perc-dibujo { margin-top: 15px; /* width: 120px;*/ height: 100px; position: relative; float: left;} div#prj-zr-perc-gauge { margin-top: 10px; margin-left: 70px;} div#prj-zr-perc-cifra { position: relative; float: left; height: 80px; margin-top: 20px; line-height: 80px; margin-left: 20px; font-family: 'Varela Round', sans-serif; font-size: 60px; color: #fff;} #prj-boton-repuestas { background-color: #b22332; border: medium none; border-radius: 10px; color: #fff; cursor: pointer; float: left; font-family: "Varela Round",sans-serif; font-size: 36px; height: 80px; line-height: 80px; margin-left: 32%; margin-top: 50px; position: relative; text-align: center; width: 36%;} div.gameArenaSolution { background: #bcbcbc none repeat scroll 0 0 !important;} .gAT8_estadlive { background: url(../img/flecha-perc-01.png) center center no-repeat; position: absolute; right: -20px; height: 33px; line-height: 33px; width: 86px; text-align: right; padding-right: 20px; color: #fff; font-size: 20px; font-family: Roboto; font-weight: bold; top: 6px; padding-bottom: 8px; } div#gameArenaTipo10_inside_solution { width: 511px; position: relative; margin-left: auto; margin-right: auto; margin-top: 60px;} .gAT10_estadlive { background: url(../img/flecha-perc-01.png) center center no-repeat; position: absolute; right: -20px; height: 33px; line-height: 33px; width: 86px; text-align: right; padding-right: 20px; color: #fff; font-size: 20px; font-family: Roboto; font-weight: bold; top: 14px; padding-bottom: 8px; z-index: 1000;} div#gameArenaTipo13_solution { margin-top: 120px; width: 90%; margin-left: 5%;} div#gameArenaTipo13_inside_solution {background: #fff;} div#gameArenaTipo13_inside_solution #rf-wordcontainer2 {position:relative;} div#rf-wordcontainer2 ul { margin-top: 50px;} div#rf-wordcontainer2 ul li { margin-top: 20px; position: relative;} .gAT13_estadlive { position: absolute; width: 76px; height: 31px; left: -37px; background: url(../img/flecha-perc-02.png) center center no-repeat; color: #fff; font-size: 18px; font-family: Roboto; font-weight: bold; text-align: left; padding-left: 13px; line-height: 31px; padding-bottom: 9px; top: -4px;} div#gameArenaTipo9_zonaRespuestas_solution { margin-top: 110px;} div#gameArenaTipo9_zonaRespuestas_solution table tr td { position: relative;} div#gameArenaTipo9_zonaRespuestas_solution table tr { height: 42px;} .gAT9_estadlive { background: url(../img/flecha-perc-01.png) center center no-repeat; position: absolute; right: -20px; height: 33px; line-height: 33px; width: 86px; text-align: right; padding-right: 20px; color: #fff; font-size: 20px; font-family: Roboto; font-weight: bold; top: 6px; padding-bottom: 8px; } div#gameArenaTipo4_solution {margin-top: 110px;} div#gameArenaTipo4_inside_solution { width: 90% !important; margin-left: 5%;} td.gAT1_col_left table tr { height: 42px;} td.gAT1_col_left .gAT5_estadlive { position: absolute; left: 10px; width: 76px; height: 31px; background: url(../img/flecha-perc-02.png) center center no-repeat; color: #fff; font-size: 18px; font-family: Roboto; font-weight: bold; text-align: left; padding-left: 13px; line-height: 31px; padding-bottom: 9px;} td.gAT1_col_right table tr { height: 42px;} td.gAT1_col_right .gAT5_estadlive { background: url(../img/flecha-perc-01.png) center center no-repeat; position: absolute; right: 10px; height: 33px; line-height: 33px; width: 86px; text-align: right; padding-right: 20px; color: #fff; font-size: 20px; font-family: Roboto; font-weight: bold; padding-bottom: 8px; } div#gameArenaTipo6_inside_solution { float: left; margin-top: 120px !important; position: relative; width: 90% !important; margin-left: 5% !important;} .gAT6_estadlive { background: url(../img/flecha-perc-01.png) center center no-repeat; position: absolute; right: -20px; height: 33px; line-height: 33px; width: 86px; text-align: right; padding-right: 20px; color: #fff; font-size: 20px; font-family: Roboto; font-weight: bold; top: 6px; padding-bottom: 8px; } div#gameArenaTipo6_inside_solution table tr td.gAT1_col_right { position: relative;} div#gameArenaTipo6_inside_solution table tr { height: 42px !important;} div#pvr-zona-respuestas div#gameArenaTipo2new_containerPanel {display:none;} div#pvr-zona-respuestas div#gameArenaTipo2_solution.imgSolution { margin-top: 117px; /* min-height: auto;*/ width: 90%; margin-left: 5%;} #gameArenaTipo2_solution .gameArenaTipo2_columnaLinea > div.gAT2_estadlive { background: url(../img/flecha-perc-01.png) center center no-repeat; position: absolute; right: -20px; height: 33px !important; line-height: 33px; width: 86px !important; text-align: right; padding-right: 20px; color: #fff; font-size: 20px; font-family: Roboto; font-weight: bold; top: 45px; padding-bottom: 8px; left: auto !important;} div#gameArenaTipo2_inside_solution { float: left; margin-top: 120px !important; position: relative; width: 90% !important; margin-left: 5% !important;} .gAT1_estadlive { background: url(../img/flecha-perc-01.png) center center no-repeat; position: absolute; right: -20px; height: 33px; line-height: 33px; width: 86px; text-align: right; padding-right: 20px; color: #fff; font-size: 20px; font-family: Roboto; font-weight: bold; top: 6px; padding-bottom: 8px; } div#gameArenaTipo2_inside_solution table tr td.gAT1_col_right { position: relative;} div#gameArenaTipo2_inside_solution table tr { height: 42px !important;} div#gameArenaTipo15_solution { width: 100% !important; margin-top: 120px;} .gAT15_imgsol { position: relative; float: left; width: 122px; height: 122px;} .gAT15_estadlive { background: url(../img/flecha-perc-01.png) center center no-repeat; position: absolute; right: -20px; height: 33px !important; line-height: 33px; width: 86px !important; text-align: right; padding-right: 20px; color: #fff; font-size: 20px; font-family: Roboto; font-weight: bold; top: 45px; padding-bottom: 8px; left: auto !important;} div#gameArenaTipo11_inside_solution { margin-top: 120px !important; width: 90% !important; margin-left: 5% !important;} table#gAT11_soltblLeft tr { height: 42px;} table#gAT11_soltblLeft tr td { position: relative;} table#gAT11_soltblLeft .gAT11_estadlive { top: 4px; position: absolute; left: 10px; width: 76px; height: 31px; background: url(../img/flecha-perc-02.png) center center no-repeat; color: #fff; font-size: 18px; font-family: Roboto; font-weight: bold; text-align: left; padding-left: 13px; line-height: 31px; padding-bottom: 9px;} table#gAT11_soltblRight tr { height: 42px;} table#gAT11_soltblRight tr td { position: relative;} table#gAT11_soltblRight .gAT11_estadlive { top: 4px; background: url(../img/flecha-perc-01.png) center center no-repeat; position: absolute; right: 10px; height: 33px; line-height: 33px; width: 86px; text-align: right; padding-right: 20px; color: #fff; font-size: 20px; font-family: Roboto; font-weight: bold; padding-bottom: 8px; } div#gameArenaTipo3_inside_solution { float: left; margin-top: 120px !important; position: relative; width: 90% !important; margin-left: 5% !important;} .gAT2_estadlive { background: url(../img/flecha-perc-01.png) center center no-repeat; position: absolute; right: -20px; height: 33px; line-height: 33px; width: 86px; text-align: right; padding-right: 20px; color: #fff; font-size: 20px; font-family: Roboto; font-weight: bold; top: 6px; padding-bottom: 8px; } div#gameArenaTipo3_inside_solution table tr td.gAT1_col_right { position: relative;} div#gameArenaTipo3_inside_solution table tr { height: 42px !important;} div#gameArenaTipo7_inside_solution { margin-top: 120px !important; width: 90% !important; margin-left: 5% !important;} .gAT14_estadlive { background: url(../img/flecha-perc-01.png) center center no-repeat; position: absolute; right: -20px; height: 33px; line-height: 33px; width: 86px; text-align: right; padding-right: 20px; color: #fff; font-size: 20px; font-family: Roboto; font-weight: bold; top: 6px; padding-bottom: 8px; } .gAT14_col_right { position: relative;} div#gameArenaTipo7_inside_solution .gAT1_col_right { position: relative;} .gAT7_estadlive { background: url(../img/flecha-perc-01.png) center center no-repeat; position: absolute; right: -20px; height: 33px; line-height: 33px; width: 86px; text-align: right; padding-right: 20px; color: #fff; font-size: 20px; font-family: Roboto; font-weight: bold; top: 6px; padding-bottom: 8px; } /*div#pja-game-arena div#containerMarcadorInGameAcertadas {display:none !important;}*/ div#pvr-zona-respuestas { position: relative; margin-top: 100px;} #pvr-boton-siguiente { background-color: #b22332; border: medium none; border-radius: 10px; color: #fff; cursor: pointer; float: left; font-family: "Varela Round",sans-serif; font-size: 36px; height: 80px; line-height: 80px; margin-left: 32%; margin-top: 30px; position: relative; text-align: center; width: 36%;} #plp-zona-puntuaciones { float: left; position: relative; width: 100%; margin-top: 80px;} #plp-zp-titulo { color: #fff; float: left; font-size: 46px; margin-top: 10px; position: relative; text-align: center; width: 100%; font-family: 'Varela Round', sans-serif;} div#plp-info-juego { position: relative; float: left; width: 20%; height: 140px; margin-top: 20px; margin-left: 40%; margin-right: 40%;} div#plp-ij-iconopaso { background-size: 100px 110px; color: #695b0e; font-family: "Varela Round",sans-serif; font-size: 62px; font-weight: bold; height: 140px; line-height: 140px; margin-left: auto; margin-right: auto; position: relative; text-align: center; width: 170px;} .plp-ij-iconopaso-apertura { background: url(../img/escudo-apertura.png) center center no-repeat;} .plp-ij-iconopaso-cierre { background: url(../img/escudo-cierre.png) center center no-repeat;} .plp-ij-iconopaso-satisfaccion { background: url(../img/escudo-satisfaccion.png) center center no-repeat;} .plp-ij-iconopaso-dorado { background: url(../img/escudo-dorado.png) center center no-repeat;} #plp-zp-listado { float: left; margin-left: 20%; margin-right: 20%; position: relative; width: 60%; margin-top: 30px;} .plp-zp-elementolistado { float: left; height: 50px; position: relative; width: 100%;} .plp-zp-elementolistado-p1 { color:#FFF !important; background-color: #23b2a2; border-bottom: 2px solid #bcbcbc;} .plp-zp-elementolistado-p2 { background-color: #fff; border-bottom: 2px solid #bcbcbc;} .plp-zp-elementolistado-p3 { background-color: #fff; border-bottom: 2px solid #bcbcbc;} .plp-zp-elementolistado-pringado { background-color: #fff; border-bottom: 2px solid #bcbcbc;} .plp-zp-el-estrella { position: relative; float: left; width: 8%; height: 50px; background: url(../img/estrella.png) center center no-repeat; background-size: 26px 26px;} .plp-zp-el-noestrella { position: relative; float: left; width: 8%; height: 50px;} .plp-zp-el-posicion { color: #333; float: left; font-size: 20px; height: 50px; line-height: 50px; position: relative; width: 12%; font-family: 'Varela Round', sans-serif;} .plp-zp-elementolistado-p1 .plp-zp-el-posicion { color: #fff !important;} .plp-zp-el-nombre { color: #333; float: left; font-size: 20px; height: 50px; line-height: 50px; position: relative; width: 63%; font-family: 'Varela Round', sans-serif;} .plp-zp-elementolistado-p1 .plp-zp-el-nombre { color: #fff !important;} .plp-zp-el-puntos { color: #333; float: left; font-size: 20px; height: 50px; line-height: 50px; position: relative; text-align: left; width: 17%; font-family: 'Varela Round', sans-serif;} .plp-zp-elementolistado-p1 .plp-zp-el-puntos { color: #fff !important;} #plp-boton-siguiente { background-color: #b22332; border: medium none; border-radius: 10px; color: #fff; cursor: pointer; float: left; font-family: "Varela Round",sans-serif; font-size: 36px; height: 80px; line-height: 80px; margin-left: 35%; margin-top: 50px; position: relative; text-align: center; width: 30%;} #page-rankings { background-color: #3bc6b9 !important;} #pr-zona-rankings { float: left; position: relative; width: 60%; margin-left: 20%; margin-right: 20%; margin-top:80px;} div#plp-zr-copon { position: relative; float: left; width: 100%; background: url(../img/copon.png) center center no-repeat; background-size: 176px 144px; height: 176px;} #plp-zr-titulo { color: #fff; float: left; font-size: 48px; margin-top: 10px; position: relative; text-align: center; width: 100%; font-family: 'Varela Round', sans-serif;} #plp-zr-listado { float: left; position: relative; width: 100%; margin-top: 15px;} .plp-zr-elementolistado { float: left; height: 50px; position: relative; width: 100%;} .plp-zr-elementolistado-pringado {background-color: #fff; color: #333 !important; border-bottom: 2px solid #3bc6b9;} .plp-zr-elementolistado-p1 { background-color: #efe961; color: #333 !important; border-bottom: 2px solid #3bc6b9;} .plp-zr-elementolistado-p2 { background-color: #fff; color: #333 !important; border-bottom: 2px solid #3bc6b9;} .plp-zr-elementolistado-p3 { background-color: #fff; color: #333 !important; border-bottom: 2px solid #3bc6b9;} .plp-zr-el-icono { position: relative; float: left; width: 8%; height: 50px;} .plp-zr-elementolistado-p1 .plp-zr-el-icono { background: url(../img/icono-primero.png) center center no-repeat;background-size: 20px 25px;} .plp-zr-elementolistado-p2 .plp-zr-el-icono { background: url(../img/icono-segundo.png) center center no-repeat;background-size: 20px 30px;} .plp-zr-elementolistado-p3 .plp-zr-el-icono { background: url(../img/icono-tercero.png) center center no-repeat;background-size: 20px 30px;} .plp-zr-el-posicion { /*color: #fff;*/ float: left; font-size: 20px; height: 50px; line-height: 50px; position: relative; width: 12%; font-family: 'Varela Round', sans-serif;} .plp-zr-el-nombre { /*color: #fff;*/ float: left; font-size: 20px; height: 50px; line-height: 50px; position: relative; width: 60%; font-family: 'Varela Round', sans-serif;} .plp-zr-el-puntos { /* color: #fff;*/ float: left; font-size: 20px; height: 50px; line-height: 50px; position: relative; text-align: right; width:15%; padding-right: 5%; font-family: 'Varela Round', sans-serif;} #pr-boton-continuar { background-color: #b22332; border: medium none; border-radius: 10px; color: #fff; cursor: pointer; float: left; font-family: "Varela Round",sans-serif; font-size: 36px; height: 80px; line-height: 80px; margin-left: 35%; margin-top: 50px; position: relative; text-align: center; width: 30%;} /* ALUMNO */ #page-enter-sesion {display:block;} #pes-sesion-code { width: 570px; position: relative; top: 25%; margin-left: auto; margin-right: auto;} /*#pes-sesion-code { width: 570px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}*/ div#pes-titulo { position: relative; float: left; width: 100%; font-size: 48px; color: #fff; text-align: center; font-family: 'Varela Round', sans-serif; margin-bottom: 10px;} div#pes-subtitulo { color: #333; font-size: 22px; text-align: center; width: 100%; position: relative; float: left; font-family: 'Varela Round', sans-serif; margin-bottom: 30px;} .input-sesion-code { position: relative; float: left; width: 70%; text-align: center; height: 50px; margin-bottom: 50px; margin-left: 15%; margin-right: 15%;} .input-sesion-code input { border: none; width: 100%; height: 100%; text-align: center; font-size: 24px; background-color: #fff; color: #333;} #button-sesion-code { -webkit-appearance: none; position: relative; float: left; width: 70%; height: 80px; background: #b22332; cursor: pointer; color: #fff; font-size: 44px; font-family: 'Varela Round', sans-serif; border: none; border-radius: 10px; line-height: 85px; margin-left: 15%;margin-right: 15%;} #pes-error { color: #f00; display: none; float: left; font-size: 18px; height: 50px; margin-top: 20px; position: relative; text-align: center; width: 100%;} div#peu-contenedor { position: relative; width: 840px; margin-left: auto; margin-right: auto;} .peu-titulo { position: relative; float: left; width: 100%; font-size: 26px; color: #333; font-family: 'Varela Round', sans-serif; text-align: center; width: 64%; margin-left: 18%; margin-right: 18%;} .peu-subtitulo { position: relative; float: left; width: 100%; height: 30px; text-align: center; color: #fff; font-size: 30px; font-family: 'Varela Round', sans-serif; margin-bottom: 20px;} #peu-login-form { position: relative; width: 419px; float: left; margin-top: 175px;} .input-login { position: relative; width: 100%; text-align: center; height: 50px; margin-bottom: 20px;} .input-login input { border: none; width: 100%; height: 100%; text-align: center; font-size: 20px; font-family: 'Roboto', sans-serif; font-style: italic; background-color: #fff; color: #666;} #alumno-login-button { -webkit-appearance: none; width: 70%; height: 80px; background: #b22332; border: none; cursor: pointer; box-shadow: none; border-radius: 10px; color: #fff; font-size: 36px; font-family: 'Varela Round', sans-serif; line-height: 70px; margin-left: 15%; margin-top: 30px;} #peu-error { display: none; width: 100%; height: 50px; text-align: center; margin-top: 20px; position: relative; color: #f00; font-size: 18px;} #peu-register-form { border-right: 2px solid #a0a0a0; position: relative; width: 419px; float: left; margin-top: 140px;} #alumno-register-button { -webkit-appearance: none; width: 70%; height: 80px; background: #b22332; border: none; cursor: pointer; box-shadow: none; border-radius: 10px; color: #fff; font-size: 36px; font-family: 'Varela Round', sans-serif; line-height: 70px; margin-left: 15%; margin-top: 30px;} #peur-error { display: none; width: 100%; height: 50px; text-align: center; margin-top: 20px; position: relative; color: #f00; font-size: 18px;} .check-login { position: relative; float: left; width: 320px; margin-left: 50px; color: #333; font-size: 14px; font-style: italic; font-family: Roboto; } .check-login a { text-decoration: underline;} #peu-login-form .input-login, #peu-register-form .input-login { float: left !important;} #peu-login-form .input-login input, #peu-register-form .input-login input { text-align: left !important;width: 300px !important; padding-left: 20px !important;} div#pfw-mensaje0 { position: absolute; width: 100%; color: #fff; font-size: 24px; text-align: center; top: 0; left: 0; height: 80px; line-height: 80px; font-family: 'Varela Round', sans-serif; background-color: #23b2a2;} #pfw-sesion { color: #333; float: left; font-size: 24px; height: 60px; line-height: 60px; position: relative; text-align: center; width: 22%; margin-left: 39%; margin-right: 39%; font-family: 'Varela Round', sans-serif; border: none; border-radius: 15px; margin-top: 127px; background-color: #fff;} #pfw-sesioncode { font-size: 30px;} #pfw-dibujo { position: relative; width: 100%; text-align: center; float: left; height: 128px; margin-bottom: 20px; margin-top: 70px; background: url(../img/mano-saludando.png) center center no-repeat; background-size:128px 128px;} #pfw-welcome { color: #fff; float: left; font-size: 64px; margin-bottom: 0; margin-top: 10px; position: relative; text-align: center; width: 100%; font-family: 'Varela Round', sans-serif;} div#pfw-text1 { font-family: 'Varela Round', sans-serif; color: #333; font-size: 30px; position: relative; float: left; width: 100%; text-align: center; margin-top: 50px;} div#pfw-text2 { font-family: 'Varela Round', sans-serif; font-size: 36px; color: #333; position: relative; float: left; width: 100%; text-align: center; margin-top: 10px;} #panr-sesion { color: #fff; float: left; font-size: 36px; height: 100px; line-height: 100px; position: relative; text-align: center; width: 100%;} #panr-sesioncode { font-size: 42px; font-weight: bold;} #panr-info { height: auto; margin-left: auto; margin-right: auto; position: relative; width: 630px; margin-top: 10%;} #panr-mensaje { color: #333; float: left; font-size: 44px; margin-left: 15%; margin-right: 15%; position: relative; text-align: center; width: 70%; font-family: 'Varela Round', sans-serif;} #panr-mensaje span { font-size: 32px !important; /* color: #0a5887 !important; font-family: 'Fredoka One', cursive;*/} div#panr-datosreto { position: relative; float: left; width: 96%; height: 140px; background-color: #23b2a2; border: none; border-radius: 10px; margin-top: 20px;} div#panr-dr-icono { position: relative; float: left; width: 156px; height: 100%; line-height: 140px; text-align: center; font-size: 62px; color: #656565; font-family: 'Varela Round', sans-serif; font-weight: bold;} .panr-dr-icono-apertura { background: url(../img/escudo-apertura.png) center center no-repeat; background-size:85px 95px;} .panr-dr-icono-satisfaccion { background: url(../img/escudo-satisfaccion.png) center center no-repeat;background-size:85px 95px;} .panr-dr-icono-cierre { background: url(../img/escudo-cierre.png) center center no-repeat;background-size:85px 95px;} .panr-dr-icono-dorado { background: url(../img/escudo-dorado.png) center center no-repeat;background-size:85px 95px;} /*div#panr-dr-titulo { position: relative; width: 400px; color: #fff; font-size: 28px; font-family: 'Varela Round', sans-serif; top: 50%; transform: translateY(-50%); margin-left: 156px;}*/ div#panr-dr-conttitulo { position: relative; float: left; width: 400px; height: 100%; display: table;} div#panr-dr-titulo { color: #fff; font-size: 28px; font-family: 'Varela Round', sans-serif; display: table-cell; vertical-align: middle;} #panr-button-play { background-color: #b22332; color: #fff; cursor: pointer; float: left; font-size: 42px; height: 80px; line-height: 80px; margin-top: 80px; margin-left: 20%; position: relative; text-align: center; width: 60%; margin-right: 20%; border: none; border-radius: 10px; font-family: 'Varela Round', sans-serif;} div#peja-ij-texto { font-family: 'Varela Round', sans-serif; font-size: 42px; color: #fff; text-align: center; position: relative; float: left; width: 100%; margin-top: 120px; margin-bottom: 20px; } div#peja-ij-gifinstrucciones { position: relative; float: left; width: 100%; background-repeat: no-repeat; background-position: center; height: 240px; background-size: contain;} #peja-ij-continstrucciones { float: left; position: relative; width: 100%;} #peja-ij-instrucciones { background: #eeeeee none repeat scroll 0 0; color: #333; font-family: Roboto; font-style: italic; margin-left: auto; margin-right: auto; padding: 20px; position: relative; text-align: center; width: 360px; } div#peja-botoncontainer { position: relative; float: left; width: 100%; text-align: center; margin-top: 10px; height: auto;} div#peja-botonlanzar { position: relative; height: 78px; line-height: 78px; font-size: 42px; color: #fff; background-color: #b22332; width: 30%; margin-left: 35%; cursor: pointer; border: none; border-radius: 8px; font-family: 'Varela Round', sans-serif; margin-top: 20px;} #pja-game-arena { margin: 0 auto; position: relative; width: 1016px;} div#pja-game-arena div#barraDeJuego { background: #fff !important;} div#pja-game-arena div#infoJuego { background: #23b2a2 !important;} div#pja-game-arena #infoJuego_botonCrear { cursor: inherit !important; background: #23b2a2 !important;} div#pja-game-arena div#descripcionJuego { display: none !important;} div#pja-game-arena h1#tituloJuego { font-family: 'Varela Round', sans-serif; font-size: 28px; color: #fff; font-weight: normal;} div#pja-game-arena div#barrasInfoJuegoFooter { background: #23b2a2 !important; border: none !important;} div#pja-game-arena div#botonMeRindoBarraFooter { color: #fff; border: none; background: #009f8b;} div#pja-game-arena div#containerMarcadorInGameVidas { display: none !important;} div#pja-game-arena div#lamasPersiana { background: url(../img/lama_persiana.gif) center top;} div#pja-game-arena div#botonJugarPersianaJuego { background-color: #b22332; box-shadow: none; font-family: 'Varela Round', sans-serif !important; font-size: 42px !important; border: none !important;} div#pja-game-arena div#containerInfoJuego { left: 146px !important;} div#pja-game-arena div#containerImagenJuego { font-family: 'Varela Round', sans-serif; color: #695b0e; font-size: 52px; font-weight: bold; height: 120px !important; left: 0px !important; top: 0px !important; width: 146px !important; text-align: center; line-height: 120px;} div#pja-game-arena div#divImagenJuegoImg {display:none !important;} .containerImagenJuego-apertura { background: url(../img/escudo-apertura.png) center center no-repeat; background-size:85px 95px;} .containerImagenJuego-satisfaccion { background: url(../img/escudo-satisfaccion.png) center center no-repeat;background-size:85px 95px;} .containerImagenJuego-cierre { background: url(../img/escudo-cierre.png) center center no-repeat;background-size:85px 95px;} .containerImagenJuego-dorado { background: url(../img/escudo-dorado.png) center center no-repeat;background-size:85px 95px;} #page-misresultados-juego { background-size: 100% 100%;/* background-size: cover;*/} #pmj-zona-mensajito { color: #fff; font-size: 48px; margin-left: 12%; margin-right: 12%; margin-top: 100px; position: relative; text-align: center; width: 76%; font-family: 'Varela Round', sans-serif;} #pmj-zona-misresultados { height: 250px; margin-left: 13%; margin-right: 13%; margin-top: 30px; position: relative; width: 74%; border: 4px solid #565656; border-radius: 30px;} #pmj-zm-tiempo { color: #fff; float: left; font-size: 36px; height: 100%; position: relative; text-align: center; width: 50%;} #pmj-zm-perc { color: #fff; float: left; font-size: 36px; height: 100%; position: relative; text-align: center; width: 50%;} #pmj-alumnos { float: left; height: auto; margin-left: 20%; margin-right: 20%; margin-top: 60px; position: relative; width: 60%;} #pmj-a-estados { border-bottom: 2px solid #fff; float: left; height: auto; position: relative; width: 100%;} .pmj-a-alumno { border-radius: 30px; float: left; height: 30px; margin-bottom: 20px; margin-left: 10px; margin-right: 10px; position: relative; width: 30px;} .pmj-a-jugando { border: 2px solid #fff;} .pmj-a-terminado { border: 2px solid #fff; background-color: #23b2a2;} #pmj-a-mensaje { color: #fff; float: left; font-size: 22px; margin-top: 30px; position: relative; text-align: center; width: 100%; font-family: Roboto; font-style: italic;} #pm-zona-puntuaciones { float: left; position: relative; width: 100%;} #pm-zp-mipuntuacion { color: #fff; float: left; font-size: 72px; margin-top: 100px; position: relative; text-align: center; width: 100%; font-family: 'Varela Round', sans-serif;} #pm-zp-mipuntuacion span { font-size: 48px; /* font-family: 'Fredoka One', cursive;*/} #pm-zp-titulo { color: #333; float: left; font-size: 30px; margin-top: 60px; position: relative; text-align: center; width: 100%; font-family: 'Varela Round', sans-serif;} #pm-zp-listado { float: left; margin-left: 18%; margin-right: 18%; position: relative; width: 64%; margin-top: 20px; border-top: 2px solid #bcbcbc;} .pm-zp-elementolistado { background-color: #fff; float: left; height: 50px; line-height: 50px; position: relative; width: 100%; border-bottom: 2px solid #bcbcbc;} .pm-zp-el-posicion { color: #333; float: left; font-size: 20px; height: 50px; line-height: 50px; position: relative; width: 15%; font-family: 'Varela Round', sans-serif; text-align: center;} .pm-zp-el-nombre { color: #333; float: left; font-size: 20px; height: 50px; line-height: 50px; position: relative; width: 58%; font-family: 'Varela Round', sans-serif; padding-left: 4%; } .pm-zp-el-puntos { color: #333; float: left; font-size: 20px; height: 50px; line-height: 50px; position: relative; text-align: right; width: 20%; padding-right: 3%; font-family: 'Varela Round', sans-serif;} div#pm-zp-milinea {height: 70px; line-height: 70px;} div#pm-zp-milinea .pm-zp-el-posicion { font-size:24px; background-color: #149784 !important; color: #fff !important;height: 70px; line-height: 70px;} div#pm-zp-milinea .pm-zp-el-nombre { font-size:24px; background-color: #23b2a2 !important; color: #fff !important;height: 70px; line-height: 70px;} div#pm-zp-milinea .pm-zp-el-puntos { font-size:24px; background-color: #23b2a2 !important; color: #fff !important;height: 70px; line-height: 70px;} #pm-boton-siguiente { background-color: #b22332; color: #fff; cursor: pointer; float: left; font-size: 36px; height: 65px; line-height: 65px; margin-top: 40px; margin-left: 35%; position: relative; text-align: center; width: 30%; border: none; border-radius: 15px; font-family: 'Varela Round', sans-serif;} #pw-sesion { color: #fff; float: left; font-size: 36px; height: 100px; line-height: 100px; position: relative; text-align: center; width: 100%;} #pw-sesioncode { font-size: 42px; font-weight: bold;} div#pw-dibujo { position: relative; float: left; width: 100%; margin-top: 150px; height: 210px; background: url(../img/kingkong.png) center center no-repeat; background-size: contain;} #pw-texto1 { color: #fff; float: left; font-size: 62px; position: relative; text-align: center; width: 100%; margin-top: 30px; font-family: 'Varela Round', sans-serif;} #pw-texto2 { color: #333; float: left; font-size: 36px; position: relative; text-align: center; width: 100%; margin-top: 60px; font-family: 'Varela Round', sans-serif;} #pw-texto3 { font-family: 'Varela Round', sans-serif; position: relative; float: left; width: 100%; text-align: center; color: #333; font-size: 48px;} div#pw-salirantes2 { position: relative; float: left; width: 100%; height: 40px; background: url(../img/icono-salirantes.png) no-repeat center; background-size: contain; margin-top: 50px; cursor: pointer;} /* AMBOS */ div#page-cuadrohonor { background-color: #01c7ba;} div#cuadrohonor { position: relative; float: left; width: 60%; margin-top: 60px; margin-left: 20%;} div#ch-titulo { position: relative; float: left; width: 100%; text-align: center; font-size: 48px; color: #333; font-family: 'Varela Round', sans-serif;} div#ch-copa1 { background: rgba(0, 0, 0, 0) url("../img/cuadro-copa1.png") no-repeat scroll center top; background-size:170px; color: #8e8527; float: left; font-family: "Varela Round",sans-serif; font-size: 32px; font-weight: bold; height: 145px; line-height: 50px; margin-top: 30px; padding-top: 40px; position: relative; text-align: center; width: 100%;} div#ch-nombre1 { position: relative; float: left; width: 100%; color: #fff; font-size: 36px; font-family: 'Varela Round', sans-serif; text-align: center; } div#ch-estrellas-horizontales { position: relative; float: left; height: 15px; width: 100%; background: url(../img/estrella-horizontal.gif); margin-top: 30px;} div#ch-bloque2 { position: relative; float: left; width: 45%;} div#ch-copa2 { background-attachment: scroll; background-color: rgba(0, 0, 0, 0); background-image: url("../img/cuadro-copa2.png"); background-origin: padding-box; background-position: center center; background-repeat: no-repeat; background-size: contain; float: left; height: 148px; position: relative; width: 100%;} div#ch-posicion2 { font-size: 28px; font-family: 'Varela Round', sans-serif; color: #333; text-align: center; width: 100%; position: relative; float: left;} div#ch-nombre2 { font-size: 24px; font-family: 'Varela Round', sans-serif; color: #fff; text-align: center; width: 100%; position: relative; float: left;} div#ch-columna-estrellas { position: relative; float: left; width: 10%; height: 90px; background: url(../img/estrella-vertical.gif) center repeat-y; margin-top: 60px;} div#ch-bloque3 { position: relative; float: left; width: 45%;} div#ch-copa3 { background: rgba(0, 0, 0, 0) url("../img/cuadro-copa3.png") no-repeat scroll center center / 70px 100px; float: left; height: 120px; margin-top: 10px; position: relative; width: 100%; background-size: contain; } div#ch-posicion3 { font-size: 28px; font-family: 'Varela Round', sans-serif; color: #333; text-align: center; width: 100%; position: relative; float: left;} div#ch-nombre3 { font-size: 24px; font-family: 'Varela Round', sans-serif; color: #fff; text-align: center; width: 100%; position: relative; float: left;} #page-reverencias2 { background: rgba(0, 0, 0, 0) url("https://media.giphy.com/media/iUOzkJmvnFfqM/giphy.gif") repeat scroll 0 0 / cover ;} #pr-zona-mensajito { color: #fff; float: left; font-size: 60px; margin-top: 25%; position: relative; text-align: center; width: 100%; font-family: 'Varela Round', sans-serif;} div#prv-boton-continuar { width: 30%; position: relative; float: left; margin-left: 40%; font-size: 32px; border: none; border-radius: 15px; font-family: 'Varela Round', sans-serif; height: 65px; margin-top: 5%; background-color: #b22332; color: #fff; cursor: pointer; line-height: 65px; text-align: center;} #peu-tc { background-color: #fff; padding: 50px; position: absolute; top: 100px; z-index: 100; display:none; } #peu-tc p { margin-bottom: 20px; } #peu-tc-close { cursor: pointer; position: absolute; right: 15px; top: 15px; }