v@font-face {
font-family: "sosa";
src: url("fonts/sosa.eot");
src: url("fonts/sosa.eot#iefix") format("embedded-opentyvpe"),
url("fonts/sosa.woff") format("woff"),
url("fonts/sosa.ttf") format("truetype"),
url("fonts/sosa.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "bbvaweb-light";
src: url("fonts/bbvaweb-light.eot");
src: url("fonts/bbvaweb-light.eot#iefix") format("embedded-opentype"),
url("fonts/bbvaweb-light.woff") format("woff"),
url("fonts/bbvaweb-light.ttf") format("truetype"),
url("fonts/bbvaweb-light.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BentonSansBBVA-Book";
src: url("fonts/BentonSansBBVA-Book/BentonSansBBVA-Book.eot");
src: url("fonts/BentonSansBBVA-Book/BentonSansBBVA-Book.eot#iefix") format("embedded-opentype"),
url("fonts/BentonSansBBVA-Book/BentonSansBBVA-Book.woff") format("woff"),
url("fonts/BentonSansBBVA-Book/BentonSansBBVA-Book.ttf") format("truetype"),
url("fonts/BentonSansBBVA-Book/BentonSansBBVA-Book.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BentonSansBBVA-Medium";
src: url("fonts/BentonSansBBVA-Medium/BentonSansBBVA-Medium.eot");
src: url("fonts/BentonSansBBVA-Medium/BentonSansBBVA-Medium.eot#iefix") format("embedded-opentype"),
url("fonts/BentonSansBBVA-Medium/BentonSansBBVA-Medium.woff") format("woff"),
url("fonts/BentonSansBBVA-Medium/BentonSansBBVA-Medium.ttf") format("truetype"),
url("fonts/BentonSansBBVA-Medium/BentonSansBBVA-Medium.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "bbvaweb-semibold";
src: url("fonts/bbvaweb-semibold.eot");
src: url("fonts/bbvaweb-semibold.eot#iefix") format("embedded-opentype"),
url("fonts/bbvaweb-semibold.woff") format("woff"),
url("fonts/bbvaweb-semibold.ttf") format("truetype"),
url("fonts/bbvaweb-semibold.svg") format("svg");
font-weight: normal;
font-style: normal;
}
html{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-text-size-adjust:none;
text-size-adjust:none;
-ms-text-size-adjust: none;
}
body{
font-family: "BentonSansBBVA-Book";
height: 100%;
width: 100%;
}
#html_completo{
-moz-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
background-size: 100% 100%;
background-color: #5B8BFF;
background-color: #CCCCCC;
height: 100%;
width: 100%;
}
.logo_campus{
height:80px;
display: inline-block;
float: left;
}
.salidaanimada1,.salidaanimada2,.salidaanimada3,.salidaanimada4,.salidaanimadatit{
visibility: hidden;
}
.franja_azul0,.franja_azul,.franja_azul2,.franja_azul3{
width:100%;
height:40px;
background-color: #2C4C8A;
color:white;
font-size: 22px;
text-align: center;
}
.franja_azul2{
background-color: #02A5A5;
overflow: hidden;
width:170px;
height: 70px;
padding-top: 30px;
padding-bottom: 10px;
font-family: "BentonSansBBVA-Medium";
font-size: 20px;
margin-top: 0;
}
.franja_azul3,.franja_azul0{
overflow: hidden;
}
.franja_azul0{
background-color: #072146;
height: auto;
height:130px;
display: none;
}
.resalta_inst{
color:#FFF6C5;
}
.tiempo{
display: inline-block;
background-color: #5B8BFF;
background-color: #CCCCCC;
background-color: rgba(0,0,0,.3);
text-shadow: 0 0 2px rgba(0,0,0,.9);
padding: 5px 10px;
font-size: 22px;
width:100px;
border-radius: 20px 5px 5px 20px;
color:#ffffff;
height: 30px;
line-height: 30px;
}
.tiempoending{
animation-name: colorfontchange;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
@keyframes colorfontchange {
from {color: #3366CC;}
to {color:#5B8BFF;}
}
.escenario{
height:100%;
width:100%;
border-top:1px solid transparent;
background-size: 120%;
height: 625px;
background-image:url('images/bg_ini.png');
background-size: cover;
background-repeat: no-repeat;
}
.escenario2{
padding:30px;
border-top:1px solid transparent;
height: 555px;
}
.nombre{
font-size: 50px;
background-color: rgba(255,255,255,0.8);
height:auto;
width:660px;
padding: 50px 50px 20px 50px;
color:#4D4D4D;
overflow: hidden;
}
.evaluacion{
font-size: 60px;
color:#208EC1;
color:#5CC0EB;
}
.btn_iniciar,.btn_iniciar_preguntas,.btn_iniciar_preguntas_pend,.btn_instrucciones,.reolad{
background-color: #49A5E6;
padding: 10px 20px;
color:white;
text-align: center;
border-radius: 12px;
font-size: 30px;
cursor: pointer;
width:220px;
margin-left: 40px;
font-family: "bbvaweb-semibold";
background: linear-gradient(-45deg, #3366CC, #5B8BFF, #3366CC, #5B8BFF);
background-size: 400% 400%;
animation: colorchange 3s ease infinite;
}
.reolad{
width: 200px;
margin:10px;
}
.btn_iniciar{
display: inline-block;
margin:10px;
font-size: 35px;
margin-top: -20px;
box-shadow: 0 10px 10px rgba(0,0,0,.7);
}
.btn_iniciar:hover,.btn_iniciar_preguntas:hover,.siguiente_btn:hover,.btn_instrucciones:hover,.reolad:hover{
color: #FFF6C5;
}
.btn_instrucciones{
font-family: "BentonSansBBVA-Book";
position: absolute;
font-size: 23px;
box-shadow: 0 10px 10px rgba(0,0,0,.7);
width:250px;
z-index: 4;
display: none;
}
.btn_iniciar_preguntas{
width: auto;
height: auto;
position: absolute;
top:5%;
right: 5%;
}
.instrucciones,.intentos{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
display: inline-block;
color:white;
font-size: 21px;
text-align: center;
}
.intentos{
width:100%;
background-color: rgba(0,0,0,0.5);
}
.cont-esc1{
display:none;
}
.cont-intentos{
}
.Stage_instrucciones_pop_inst_txt_inst{
width:80%;
display: inline-block;
float: left;
text-align: left;
}
.blue-inst{
color:#36A3C5;
}
.ocultar{
display: none;
}
.txt_evaluacion,.txt_evaluacion1{
float: left;
margin-top: 8px;
margin-left: 20px;
}
.txt_evaluacion1{
font-family: "BentonSansBBVA-Book";
font-size: 30px;
}
.txt_evaluacion p{
margin: 0;
}
.txt_evaluacion1 p{
margin: 0;
}
.siguiente_btn{
float: right;
margin-top: 3px;
cursor: pointer;
margin-right: 20px;
background-color: #2E4F92;
}
.siguiente_btn{
position: relative;
width: 150px;
background-color: #2ABAE0;
padding: 6px 20px;
margin-top: 0;
margin-right: 0;
background: #5B8BFF;
color:#ffffff;
border-radius: 30px 0 0 30px;
font-size: 19px;
font-family: "BentonSansBBVA-Medium";
background: linear-gradient(-45deg, #3366CC, #5B8BFF, #3366CC, #5B8BFF);
background-size: 400% 400%;
animation: colorchange 3s ease infinite;
box-shadow: 0 5px 5px rgba(0,0,0,.3);
}
.tema{
font-size: 35px;
color:#5CC0EB;
margin: 0;
}
.pregunta{
font-size:17px;
line-height: 22px;
margin:10px 0;
color:#141414;
max-height: 180px;
overflow: hidden;
margin-bottom: 10px;
}
.txt_oculta{
background: #666666;
color:#666666;
}
.txt_visible{
background:transparent;
color:#4d4d4d;
}
.txt_respuestavisible{
background:transparent;
color:#ffffff;
}
.txt_respuestaoculta{
background:#ffffff;
color:#ffffff;
}
.salidaanimada1 {
margin-top: 10px !important;
animation: animartas 3s ease infinite;
}
.salidaanimada2 {
margin-top: 22px !important;
opacity: 0;
}
.salidaanimada3 {
margin-top: 484px !important;
opacity: 0;
}
.salidaanimada4 {
margin-top: 46px !important;
opacity: 0;
}
.salidaanimadatit {
top: 290px !important;
opacity: 0;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
.barra_avance,.globo_avance2{
height:10px;
width:10px;
left:84px;
float: left;
}
.globo_avance2{
left:175px;
width: 50px;
height: 27px;
text-align: center;
float: left;
position: absolute;
top: 5px;
border:0px solid white;
box-shadow: 0px 0px 5px rgba(0,0,0,.7);
background: -webkit-linear-gradient(rgba(255,255,255,0.8),rgba(228,228,228,.5)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(rgba(255,255,255,0.8),rgba(228,228,228,.5)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(rgba(255,255,255,0.8),rgba(228,228,228,.5)); /* For Firefox 3.6 to 15 */
background: linear-gradient(rgba(255,255,255,0.8),rgba(228,228,228,.5)); /* Standard syntax */
background: #5B8BFF;
border-radius: 10px 10px 10px 0;
font-size: 18px;
display: flex;
background: linear-gradient(to right,#EA246B,#EA246B); /* Standard syntax */
color:#ffffff;
flex-flow: row wrap;
align-items: center;
justify-content: center;
font-size: 15px;
}
.avance{
height: 70px;
width:930px;
text-align: center;
position: relative;
}
.Stage_SubTit{
font-size: 25px;
color: #999999;
font-family: "BentonSansBBVA-Book";
margin-top: 10px;
}
.Stage_SubTit p{
padding: 0;
margin:0;
}
.txt_progreso{
color:#5B8BFF;
font-family: "BentonSansBBVA-Medium";
font-size: 20px;
display: inline-block;
margin-right: 10px;
margin-top: 40px;
background: linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,0)); /* Standard syntax */
border-radius: 20px 0 0 20px;
padding-left: 10px;
}
.barra_principal{
width:716px;
height: 10px;
border:3px solid white;
background: linear-gradient(to right, #094E96 0%,#094E96 0%,#6AAFF6 0%,#6AAFF6 100%);
background: linear-gradient(to right,#3366CC,#5B8BFF); /* Standard syntax */
background: #FFF6C5; /* Standard syntax */
display: inline-block;
border-radius: 5px;
box-shadow: 0px 0px 5px rgba(0,0,0,.7);
}
.cont-inst,.cont-inten{
background: linear-gradient(to right, rgba(0,0,0,.9) 0%,rgba(0,0,0,.9) 10%,rgba(0,0,0,0.9) 10%,rgba(0,0,0,0.9) 100%);
display: inline-block;
float: left;
margin-top: 12%;
border-radius: 20px;
width:65%;
padding: 20px;
}
.cont-inst{
position: absolute;
color:#ffffff;
max-width: 440px;
margin-top: 0%;
z-index: 2;
background-color: #5B8BFF;
}
.txt_iniinst{
color: #3366CC;
font-family: "BentonSansBBVA-Medium";
font-size: 25px;
line-height: 25px;
margin-bottom: 10px;
}
.cont-inten{
font-size: 40px;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
width: 45%;
margin-top:5%;
margin-left: 25%;
}
.bienvenida_personaje{
display: inline-block;
float: left;
margin-top: 13%;
width:15%;
}
.
li {
background: url("bullet_small.png") no-repeat left top;
padding: 1px 0px 3px 36px;
list-style: none;
margin-bottom: 6px;
}
.barra_inferior{
background-color: #5B8BFF;
box-shadow: 0px -1px 20px rgba(0,0,0,.5);
width: 100%;
height: 30px;
text-align: center;
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
color:white;
position: absolute;
bottom:0px;
font-size: 18px;
display: none;
}
.Stage_bannerEntrada2_Text2 p{
float: left;
text-align: left;
margin-left: 10px;
font-size: 35px;
font-family: "bbvaweb-light";
color:#49A5E6;
}
.simbolo{
font-family: "sosa";
}
.Stage_puntaje_final_Text3{
text-align: center;
background-color: #009DDF;
background-color: #3366CC;
text-shadow: 0 0 2px rgba(0,0,0,.7);
color:white;
font-size: 25px;
text-align: center;
width: 400px;
border-radius: 0 20px 20px 0;
margin-left: auto;
margin-right: auto;
height: auto;
margin-top: 30px;
padding: 10px;
}
.Stage_puntaje_final_Text3 span{
margin-left: 10px;
font-family: "BentonSansBBVA-Medium";
}
.mensaje_finaliza{
font-size: 32px;
text-align: center;
margin-top: 90px;
color:#5CC0EB;
color:#ffffff;
height: 30px;
background-color: #5B8BFF;
background-color: transparent;
display: inline-block;
max-width: 440px;
padding: 20px;
border-radius: 0px 20px 20px 0;
color:#3366CC;
font-family: "BentonSansBBVA-Medium";
margin-top: 0px;
}
.Stage_textoRetro{
font-size: 22px;
max-width: 400px;
height: auto;
text-align: center;
color:#5CC0EB;
color: #3366CC;
background-color: #5B8BFF;
display: inline-block;
margin:20px;
border-radius: 20px;
padding: 20px;
background: linear-gradient(to right, rgba(0,0,0,.9) 0%,rgba(0,0,0,.9) 10%,rgba(0,0,0,0.9) 10%,rgba(0,0,0,0.9) 100%);
background-color: #5B8BFF;
}
.Stage_textoRetro p{
color:#ffffff;
}
.imagen_final{
text-align: center;
margin-top: 50px;
}
.titulo_agotados{
text-align: center;
background-color: #3366CC;
color:white;
font-size: 35px;
width: 400px;
border-radius: 20px;
padding: 10px 20px;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
}
.negrilla_titulo{
color:#094E96;
font-family: "BentonSansBBVA-Medium";
font-size: 45px;
text-shadow:none;
}
.idle,.pierde,.gana,.finwin,.finlost,.calienta,.celebra {
position: absolute;
top:110px;
left:240px;
width: 321px;
height: 350px;
margin: 0% auto;
z-index: 0;
display: none;
}
.celebra{
width: 349px;
margin-left: -120px;
background: url('images/celebrando.png') left center;
animation: play4 2s steps(16) infinite;
z-index: 5;
}
@keyframes play4 {
100% { background-position: -5598px; }
}
.calienta{
/*width: 162px;
margin-left: 40px;
background: url('images/calentando.png') left center;
animation: play5 4s steps(21) infinite;
width: 350px;
*/
background: url('images/calentando.png') left center;
animation: play3 2.5s steps(19) infinite;
width: 349px;
}
.idle{
background: url('images/nadado.png') left center;
animation: play2 1.8s steps(8) infinite;
width: 349px;
}
@keyframes play2 {
100% { background-position: -2799px; }
}
.pierde{
width: 196px;
background: url('images/nadado.png') left center;
animation: play2 3.5s steps(8) infinite;
width: 349px;
}
.gana{
background: url('images/nadado.png') left center;
animation: play2 .8s steps(8) infinite;
width: 349px;
}
@keyframes play5 {
100% { background-position: 2799px; }
}
@keyframes play3 {
100% { background-position: -6648px; }
}
@keyframes play {
100% { background-position: 2890px; }
}
.contenedor_total{
border-radius: 20px;
max-width: 1280px;
max-height: 650px;
min-width: 1280px;
min-height: 650px;
overflow: hidden;
}
#body_completo{
transform-origin: 0 0;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
border-radius: 20px;
max-width: 1280px;
max-height: 650px;
min-width: 1280px;
min-height: 650px;
overflow: hidden;
transition: transform .1s;
opacity: 0;
}
.fondo_total{
position: absolute;
width: 100%;
height: 100%;
opacity: 0.7;
background-image:url("images/fondo.jpg");
}
.div_inicio,.cont-instrucciones,.cont-esc2,.cubre_instrucciones,.escenario3,.cont-pendiente{
position: absolute;
width: 100%;
height: 100%;
background: rgba(255,255,255,1);
background: rgba(0,0,0,.75);
top:0;
left:0;
z-index: 2;
}
.escenario3{
text-align: center;
display: none;
}
.cubre_instrucciones{
display: none;
}
.cubre_2{
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.2);
background-color: transparent;
border:0px solid red;
z-index: 3;
}
.cont-instrucciones{
display: none;
}
.cont-esc2{
background: transparent;
}
.div_inicio div{
position: relative;
text-align: center;
}
.nombre_evalini{
text-align: center;
margin-top: 60px;
height: 170px;
}
.txt_evalini,.txt_evalini2{
display: inline-block;
background: linear-gradient(to right,#3366CC,#5B8BFF); /* Standard syntax */
background: #3366CC; /* Standard syntax */
line-height: 20px;
color:#FFFFFF;
padding:12px 40px;
border-radius: 40px;
font-size: 23px;
font-family: "bbvaweb-semibold";
box-shadow: 3px 3px 3px rgba(0,0,0,0.7);
text-shadow: 1px 1px 1px rgba(0,0,0,.4);
z-index: 1;
position: relative;
}
.txt_evalini2{
font-size: 16px;
padding:6px 25px;
float: left;
margin-left: 20px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.7);
}
.nombre_evalinicont,.nombre_evalinicont2{
display: inline-block;
background: #EA246B;
font-family: "BentonSansBBVA-Book";
color:#ffffff;
z-index: 0;
margin-top: -20px;
border-radius: 10px;
box-shadow: 5px 10px 10px rgba(0,0,0,.4);
}
.nombre_evalinicont2{
box-shadow: 3px 6px 6px rgba(0,0,0,.4);
margin-top: -10px;
float: left;
}
.nombre_evalinitxt,.nombre_evalinitxt2{
border: 2px dashed #ffffff;
margin: 7px;
padding: 15px 40px;
text-shadow: 2px 2px 2px rgba(0,0,0,.7);
font-size: 40px;
}
.nombre_evalinitxt2{
font-size: 20px;
padding: 7px 20px;
}
.campos_ingreso,.pendiente{
display: inline-block;
padding:30px 60px;
border-radius: 0px;
color:#ffffff;
background: rgba(255,255,255,.1);
text-shadow: 1px 1px 1px rgba(0,0,0,.7);
font-size: 24px;
border-top: 10px solid rgba(255,255,255,.5);
border-bottom: 10px solid rgba(255,255,255,.5);
}
.txt_noacceso{
font-size: 24px;
color:#ffffff;
text-shadow: 1px 1px 1px rgba(0,0,0,.7);
position: relative;
}
.input_cedula{
font-size: 35px;
margin:10px;
font-family: "bbvaweb-light";
font-family: "BentonSansBBVA-Book";
padding: 15px;
border-radius: 20px;
background: #ffffff;
color:#758284;
border:5px solid rgba(130,130,130,.7);
}
.bienvenida{
background-color: white;
width:18%;
font-size: 20px;
color:rgb(40,40,40);
border-radius: 20px 20px 0 20px;
padding: 20px;
display: inline-block;
float: left;
margin:3% 0 0 3%;
}
.caja_rta,.caja_rtasel,.caja_retro,.caja_descarta{
display: inline-block;
float: left;
border-radius: 0 0 20px 20px;
height: 240px;
width: 150px;
margin:7px;
padding: 5px;
display: table;
color:#FFFFFF;
cursor: pointer;
background: linear-gradient(to top,#3366CC,#5B8BFF); /* Standard syntax */
background: linear-gradient(to top,rgba(243,150,20,.9),rgba(177,25,23,.9)); /* Standard syntax */
background: linear-gradient(to top,#3366CC,#5B8BFF); /* Standard syntax */
font-family: "BentonSansBBVA-Book";
font-size: 13px;
line-height: 15px;
box-shadow: 0 0 5px rgba(0,0,0,.7);
}
.caja_rta{
animation: abajo .3s;
}
.caja_rta div,.caja_rtasel div,.caja_retro div,.caja_descarta div{
border:2px dashed #FFFFFF;
padding: 6px;
border-radius: 0 0 20px 20px;
}
.caja_rtasel div{
border-color: #5B8BFF;
border-color: #4d4d4d;
}
.caja_retro div{
border-color: transparent;
padding-top: 0;
}
.caja_rtasel{
color:#4d4d4d;
background: linear-gradient(to bottom,#FFF6C5,#FFC23A); /* Standard syntax */
background: linear-gradient(to bottom,rgba(255,156,0,.9),rgba(255,194,58,.9)); /* Standard syntax */
background: linear-gradient(to bottom,#FFF6C5,#FFF6C5); /* Standard syntax */
margin-top: -10px;
}
.caja_descarta{
background: linear-gradient(to bottom,rgba(255,255,255,0.6),rgba(179,177,178,.7)); /* Standard syntax */
color:#666666;
cursor: initial;
transition: all .5s;
transform: scale(.95);
}
.caja_descarta div{
border-color: #666666;
}
.caja_rta:hover{
background: linear-gradient(to bottom,#3366CC,#5B8BFF); /* Standard syntax */
}
@keyframes arribasel {
from { margin-top: 0px; }
to { margin-top: -10px; }
}
@keyframes abajo {
from { margin-top: -10px; }
to { margin-top: 0px; }
}
.caja_retro{
background: transparent;
height: 20px;
border-radius: 0;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
box-shadow: 0 0 5px transparent;
cursor: initial;
}
.respuestas,.retros{
margin-top:80px;
position: relative;
max-width: 710px;
height: 262px;
}
.retros{
height: 50px;
margin-top:2px;
padding-top: 0;
}
.respuestas_cubre,.respuestas_cubreact{
position: absolute;
min-width: 100%;
min-height: 100%;
background: transparent;
z-index: -1;
}
.respuestas_cubreact{
z-index: 1;
}
.respuesta,.retro,.ok_retro,.nook_retro{
display: table-cell;
vertical-align: middle;
}
.retro,.ok_retro,.nook_retro{
font-family: "sosa";
margin-top: 0;
padding-top: 0;
font-size: 23px;
line-height: 37px;
display: inline-block;
width: 37px;
height: 37px;
border-radius: 20px;
margin-top: -10px;
transform: scale(0);
transition: all 0s;
transition-timing-function: cubic-bezier(0.42,0,0.58,1);
}
.ok_retro{
color:#ffffff;
background: #3366CC;
display: inline-block;
width: 37px;
height: 37px;
border-radius: 20px;
box-shadow: 0 0 4px rgba(0,0,0,.3);
transform: scale(1);
}
.nook_retro{
color:#ffffff;
background: #5B8BFF;
display: inline-block;
width: 37px;
height: 37px;
border-radius: 20px;
box-shadow: 0 0 4px rgba(0,0,0,.3);
transform: scale(1);
}
.iconos{
color:#FFF6C5;
}
@keyframes colorchange
{
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
.mensaje_nocedula{
opacity: 0;
position: absolute;
top:0;
left:0;
}
.div_frag{
display: inline-block;
float: left;
}
.participante{
display: inline-block;
float: right;
background: #4d4d4d;
color:#ffffff;
text-shadow: 0 0 2px rgba(0,0,0,.5);
margin:5px;
padding: 5px 20px;
border-radius: 20px;
margin-top: 10px;
}
.cedula_par{
font-family: "bbvaweb-semibold";
}
.eval_head{
display: inline-block;
float: left;
opacity: 0;
}
.eval_head div{
overflow: hidden;
}
.txt_comodines{
position: relative;
display: inline-block;
background: linear-gradient(to right,#3366CC,#5B8BFF); /* Standard syntax */
background: #EA246B; /* Standard syntax */
line-height: 20px;
color:#FFFFFF;
padding:3px 20px;
border-radius: 40px;
font-size: 16px;
font-family: "bbvaweb-semibold";
box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
text-shadow: 1px 1px 1px rgba(0,0,0,.4);
z-index: 1;
}
.comodin,.comodin_inact,.Stage_btn_revisar{
display: inline-block;
border-radius: 100px;
height:60px;
width: 60px;
border:2px solid #5B8BFF;
margin:5px 5px 0 5px;
margin:0px 10px;
cursor: pointer;
box-shadow: 0 0 3px rgba(0,0,0,.8);
background: linear-gradient(to bottom,#FFFFFF,#B3B1B2); /* Standard syntax */
}
.Stage_btn_revisar{
position: relative;
padding: 0;
height:65px;
width: 65px;
margin: 3px;
overflow: hidden;
}
.Stage_btn_revisar img{
}
.comodin:hover,.Stage_btn_revisar:hover{
background: linear-gradient(to bottom,#FFFFFF,#3366CC); /* Standard syntax */
}
.comodin_inact{
filter: grayscale(100%);
cursor: initial;
}
.comodines,.cantidad_comodines{
text-align: center;
margin:0;
margin-top: 0px;
}
.cantidad_comodines{
margin-top: -8px;
}
.cant_comodin{
border:2px solid transparent;
display: inline-block;
width: 60px;
margin:0px 10px;
}
.comodin{
position: relative;
}
.cantidad_comodin,.cantidad_comodin_inact{
width: 30px;
background: #EA246B;
color:#ffffff;
display: inline-block;
font-family: "BentonSansBBVA-Medium";
font-size: 13px;
line-height: 22px;
height: 22px;
position: relative;
}
.cantidad_comodin_inact{
background: #4d4d4d;
}
.cont_puntaje{
background:rgba(247,148,29,.7);
background: #FFF6C5;
display: inline-block;
float: right;
margin-right: 40px;
padding: 5px 0px;
border-right: 5px solid #5B8BFF;
font-family: "bbvaweb-semibold";
color:#ffffff;
color:#5B8BFF;
overflow: hidden;
text-shadow: 0 0 0px rgba(0,0,0,.5);
font-size: 23px;
width:240px;
}
.txt_puntaje{
display: inline-block;
float: left;
}
.cont_puntaje2{
background: rgba(247,148,29,1);
background: #FFF6C5;
padding: 5px 15px;
overflow: hidden;
position: relative;
}
.puntaje_game{
display: inline-block;
float: left;
width: 60px;
font-family: "BentonSansBBVA-Book";
margin-left: 7px;
}
.tiempo_total{
position: relative;
font-size: 16px;
color:#5B8BFF;
font-family: "bbvaweb-semibold";
background: linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,0)); /* Standard syntax */
padding:5px;
border-radius: 40px 0 0 40px;
width:380px;
margin-left:30px;
}
.caja_comodines{
overflow: hidden;
box-shadow: 0 6px 4px rgba(0,0,0,.3);
padding-bottom: 5px;
border-radius: 0 0 30px 30px;
margin: 0 30px;
background: linear-gradient(to top,rgba(255,255,255,.7),rgba(255,255,255,0)); /* Standard syntax */
}
.contenedor_pregunta{
padding: 20px;
box-shadow: 0 20px 10px rgba(0,0,0,.2);
width: 300px;
max-height: 230px;
margin:30px 0px 30px 30px;
margin-top: 80px;
background-color: rgba(255,255,255,.7);
position: relative;
}
.icono_preg{
color: #5B8BFF;
color: #EA246B;
color: #6699ff;
font-size: 50px;
}
.txt_pregunta{
color:#EA246B;
font-family: "bbvaweb-semibold";
font-size: 25px;
}
.out_anima{
animation: fadeout 0.1s;
}
@keyframes fadeout {
from { opacity: 1; }
to { opacity: 0; }
}
.in_anima{
animation: fadein 1s;
}
.container {
position: absolute;
top:130px;
left:60px;
width: 85px;
height: 85px;
margin: 0 auto;
}
.setters {
position: absolute;
left: 85px;
top: 75px;
display: none;
}
.minutes-set {
float: left;
margin-right: 28px;
}
.seconds-set { float: right; }
.controlls {
position: absolute;
left: 17px;
top: 26px;
text-align: center;
width: 50px;
}
.display-remain-time,.display-remain-time2,.display-remain-time0 {
font-family: "bbvaweb-semibold";
text-shadow: 0 1px 1px rgba(0,0,0,.7);
font-size:25px;
color: #4d4d4d;
color: #EA246B;
}
.display-remain-time2{
color: #EA246B;
}
.display-remain-time2{
color:blue;
color: #EA246B;
}
#pause {
outline: none;
background: transparent;
border: none;
margin-top: 10px;
width: 50px;
height: 50px;
position: relative;
}
.play::before {
display: block;
content: "";
position: absolute;
top: 8px;
left: 16px;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 22px solid #F7958E;
}
.pause::after {
content: "";
position: absolute;
top: 8px;
left: 12px;
width: 15px;
height: 30px;
background-color: transparent;
border-radius: 1px;
border: 5px solid #F7958E;
border-top: none;
border-bottom: none;
}
#pause:hover { opacity: 0.8; }
.e-c-base {
fill: none;
stroke: #B6B6B6;
stroke-width: 25px
}
.e-c-progress {
fill: rgba(255,255,255,.6);
stroke: #5B8BFF;
stroke-width: 25px;
transition: stroke-dashoffset 0.7s;
}
.e-c-progress2 {
fill: red;
stroke: #3366CC;
stroke-width: 25px;
transition: stroke-dashoffset 0.7s;
}
.e-c-pointer {
fill: #EA246B;
stroke: #EA246B;
stroke-width: 11px;
}
#e-pointer { transition: transform 0.7s; }
.load{
position: absolute;
top:0;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
padding-top:50px;
font-family: "BentonSansBBVA-Medium";
font-size: 25px;
color:#5B8BFF;
}
.msgfin{
visibility: hidden;
}
.inforanking{
background-color: #5B8BFF;
font-family: "BentonSansBBVA-Medium";
color:#ffffff;
margin:20px;
padding:20px;
font-size: 21px;
border-radius: 0 0 30px 30px;
width: 240px;
margin:40px;
}
.msj_puntaje{
color:#ffffff;
padding:7px;
background: linear-gradient(to right, rgba(0,0,0,.9) 0%,rgba(0,0,0,.9) 10%,rgba(0,0,0,0.9) 10%,rgba(0,0,0,0.9) 100%);
display: none;
}
.usuario_fin{
text-align: center;
color:#ffffff;
margin:10px;
font-size: 30px;
font-family: "BentonSansBBVA-Medium";
margin-top: 120px;
}