*{margin:0;
  padding:0}

body{
    background:url("../imagenes/caratulas.jpg");
}

.contenedor{
    position:relative;
    height:550px;
}

.contenedorTablero{
    position:relative;
    width:70%;
    /*height:80%;*/
    margin:auto;
    top:5%;
}

.tablero{
    width:100%;
    height:100%;
}

.dado{
    width:80px;
    height:80px;
    position:absolute;
    top:80%;
    left:1%;
}

.noBug{
    z-index:1000;
    display:none;
    width:80px;
    height:80px;
    position:absolute;
    top:80%;
    left:1%;
}

.cara{
    width:100%;
}

.tiro{
    width:80px;
    height:80px;
    position:absolute;
    top:80%;
    left:1%;
}

.ficha{
    position:absolute;
    width:50px;
    top:17%;
    left:10%;
    transition:1s;
}

/*.pantallaPreguntas{
    width:60%;
    position:absolute;
}*/

.pantalla{
    width:60%;
    position:absolute;
}

.preguntaCine{
    top:12.5%;
    left:11%;
    width:80%;
    font-family: cursive;
    font-size: 12pt;
    z-index:1000;
    position:relative;
}

.pregunta{
    /*background: gray;*/
    top : 10.5%;
    z-index:1000;
    position:relative;
}

.pantallaCentral{
    position:relative;
}

.pantalla{
    width:100%;
}

.pregunta img{
    width:100%;
    height:100%;
}

.contenedorPreguntas{
    display : none;
    position:absolute;
    top:0px;
    background: rgba(0,0,0,0.8);
}

#uno{
    position:absolute;
    margin: 1%;
    width: 10%;
    height: 5%;
    font-weight: bold;
    background-color: white;
}

.casillaRespuesta{
    position:absolute;
    top:80%;
    left:20%;
}

/*.contenedorReloj{
    position:relative;
    top:80%;
    left:20%;
}*/

.botonRespuesta{
    position:absolute;
    top:80%;
    left:70%;
}

.imagenCarga{
    position:absolute;
    width:20%;
    top:30%;
    left:30%;
    display:none;
}

.imagenCarga img{
    width:100%;
}

.contenedorReloj{
    position:absolute;
    top:87%;
    left:10%;
    /*width:800px;
    height:50px;*/
    /*border:2px solid black;*/
    
}

.tiempo{
    width:100%;
    height:100%;
    background:url("../imagenes/3.jpg");
}

.run_animation {
    animation: rotate 20s linear forwards;
}

@keyframes rotate {
    0% {width:100%;}

    33% {width:66%;
        /*background:url("../imagenes/2.jpg");*/}

    66% {width:33%;
        /*background:url("../imagenes/1.jpg");*/}
                
    100%{
        width:0%;
        /*background:url("./imagenes/1.jpg");*/}
}

.puntuacion{
    float: right;
    margin-top: 5px;
    margin-right: 80px;
    background-color: red;
    border-radius: 5%;
    width:200px;
}

.puntuacion p{
    font-size: 24px;
    text-align: center;
    font-family: monospace;
}

.time{
    position: absolute;
    color: white;
    font-weight: bold;
    font-family: monospace;
    font-size: 14pt;
    top: 5%;
    left: 70%;
    display: none;
}

.correct{
    position: absolute;
    color: green;
    font-weight: bold;
    font-family: monospace;
    font-size: 14pt;
    top: 80%;
    left: 85%;
    text-shadow: 1px 1px #000000;
    display: none;
}