@media all and (orientation:portrait) {
    @-ms-viewport {
        width:320px;
        user-zoom: fixed;
        max-zoom: 1;
        min-zoom: 1;
       
    }
   
}

@media all and (orientation:landscape) {
    @-ms-viewport {
        width:480px;
        user-zoom: fixed;
        max-zoom: 1;
        min-zoom: 1;
    }
   
}


html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
     background-image:url("fondoInicial.jpg") ; 
}

body {
    font-size: 11pt;
    font-family: "Segoe WP";
   
    color: #ffffff;
    margin:0;
    overflow: hidden;
     -ms-touch-action:none; 
     -ms-user-select:none; 
       padding:0;


}

#page-title {
    font-size: 24pt;
}
#contenedor{
    width:100%;
    height:480px;
    display:block;
    letter-spacing: 0.02em;
}
#PantallaInicio{
    width:100%;
    height:100%;
    background-image:url("TelaMenu.jpg") ; 
    background-size: 100%;
}
#PantallaJuego{
    width:100%;
    height:480px;
    display:none;
    background-image:url("fondoInicial.jpg") ; 
}
#rankingTela{
	height:480px;
    display:none;
	text-align:center;
}
#Ajuste{
    width:100%;
    height:480px;
    display:none;
    background-image:url("fondoInicial.jpg") ;
}
#iframeweb{
     width:100%;
     display:none;
     height:400px;
          -ms-touch-action:none; 
     -ms-user-select:none; 
}
.iframe{
    width:100%;
    height:400px;
    overflow:hidden;
}
#PantallaRanking{
    width:100%;
    height:auto;
      user-zoom: fixed;
}

.OpcionDeRespuesta {font-size:20px;  color:#000; display:block;width:96%; padding:0 2% 0 2%; float:left;margin:4px 2px 2px 0;background-color:#eee;}
        #respuesta1:hover ,#respuesta2:hover ,#respuesta3:hover  ,#respuesta4:hover   {
        color:#fff;background-color:#ffd800;
 }
 #pregunta{
        font-size:16px;
        color:#981212; 
        display:block; 
       overflow:scroll;
	max-height:130px;
        width:98%;
        padding:1%;
        text-align:center;
         background-image:url("fondoInicial.jpg");
}
#wikipediaContenedor{
      font-size:16px;
        color:#981212; 
        display:block; 
        height:auto; 
        width:98%;
        padding:1%;
        text-align:center;
        display:none;
 }

 #respuesta1:hover ,#respuesta2:hover ,#respuesta3:hover  ,#respuesta4:hover   {
   color:#fff;background-color:#ffd800;
}
 .resultado { width:96%; padding:0 2% 0 2%; display:block; background-color:#1b4f06; height:1.5em;font-weight:800;}
 #NumeroPreguntas{ display:block; float:left;}
 #PuntuacionGeneral{ display:block; float:right;}
 #MensajeDejuego{width:100%; background-color:#ffd800;display:block; color:#a30f0f; font-size:0.8em; text-align:center;}

.btcontinuar{
    cursor:pointer;
    font-size:22px; 
    font-weight:800;
    color:#a30f0f;
    float:right; 
   
     width:241px; 
     height:76px; 
     text-align:left; 
     background:url("bt_continuar.png") no-repeat;
      display:block; 
      position:relative;
}
.btfinalizar{
    text-align:center;
    background-color:#830d0d;
    color:#ffffff;
    padding:5px;
    position:relative;
    top:10px;
    cursor:pointer;
}
#BarraTiempo{
    width:100%;
    color:#1b4f06;
}
.labelValor{
    color:#c4dd96;
        font-weight:800;
}
.boton{
    padding:0.5em 1% 1em 1%;
    font-size: 2em;
    display:block;
    width:60%;
    text-align:center;
    margin: auto;
}
.botonMini{
    padding:0.3em;
    font-size: 0.6em;
    display:inline-block;
    width:auto;
    text-align:center;
}
.botorRojo {
	 color:#fff;
	 background-color:#900; text-align:center;
	 
	 
}
.contenedorButonInicio{
    position:relative;
    top: 25%;
    width:100%;
}
#ContenedorPregunta{
    display:block;
}
#botonesJuego{
     position:relative;
     width:100%;
    margin: 0 auto;
    display:block;
    text-align:center;
    top:2em;
    float:left;
    
}
.redesocial{
    width:100%;
    display:block;
    position:relative;
    top:10px;
    text-align:center;
    border:0;
}
.datosTabla{
    position:absolute;
    width: 100%;

}
.scrollable-area{-ms-touch-action:initial; width:100%; height:400px;  -ms-overflow-y:scroll;  -ms-overflow-style: none;  } 
.col1{
    background-color:#eee; color:#000;
}
.col2{
    background-color:#808080;
}
.rank{
    font-weight:700;
}
.tabonline{
    width:100%;
     height:auto;
     display:none;
      user-zoom: fixed;
}
h1{
    display:none;
}
#botonesJuegoContinuar{
    display:block;
   
}
.mensajeFinal{
    background-color:#ffd800;
    color:#1b4f06;
    font-size:16px;
    width:96%;
    padding:0 2%;
}
#labelJugador1 {
    font-size:16px;
     width:96%;
    padding:0 2%;
}
.BotonMenu{
    background:none;
    border:0;
    width:100%;
    text-align:center;
    font-size:56px;
    font-weight:900;
    color:#fff;
    font-family: "Segoe WP";
}
.espacio{
    padding-left:10px;
}
a {
    text-decoration:double; color:#1b4f06; font-weight:900;
}