html{height:100%;}
@font-face{font-family:'roboto';src:url(../../fuentes/roboto.woff2);}
@font-face{font-family:'roboto';src:url(../../fuentes/roboto-latin-700.woff);font-weight:bold;}
@font-face{font-family:'awesome';src:url(../../fuentes/fa-regular-400.woff2);}
@font-face{font-family:'awesome';src:url(../../fuentes/fa-solid-900.woff2);font-weight:bold;} 
body{font-size:1em;font-family:roboto,arial,sans-serif;line-height:150%;padding:0;margin:0;height:100%;background-color:#efeff8;}
h1{text-align:center;margin:0;color:#485;text-shadow:2px 2px 5px #999;}
div#lienzo{padding:0;margin:0;height:100%;background-image:linear-gradient(#e8f8e8,#fefffe,#e8f8e8);}
p{margin:0;padding:0;}
#portada{margin:0;padding:0;height:100%;position:absolute;width:100%;background-image:linear-gradient(#e8f8e8,#fefffe,#e8f8e8);
         display:flex;align-items:center;justify-content:center;}
#presenta{margin:0;padding:0;height:100%;position:relative;}
#pconjuga,#pconjuga2,#pidentifica{margin:0;height:100%;display:none;position:relative;}
p#pulsa{position:absolute;bottom:3em;color:#485;}
select{font-family:roboto;font-size:0.9em;margin-bottom:1.2em;background-color:#edf9ee;border:2px solid #9a9;border-radius:5px;
      box-shadow: 3px 3px 5px #444;}
select:hover{background-color:#fafffc;border:2px solid #6a6;color:#060;box-shadow: 5px 5px 10px #dfd inset,3px 3px 5px #444;}
button{font-family:roboto;font-size:0.9em;border:5px solid #9a9;border-radius:10px;text-align:center;width:64%;margin:15px 16%;
       padding:5px 0;cursor:pointer;background-color:#edf9ee;box-shadow: 3px 3px 5px #444;}
button:hover{background-color:#fafffc;box-shadow: 5px 5px 10px #dfd inset,3px 3px 5px #444;border:5px solid #6a6;color:#060;}
button:active{box-shadow: 5px 5px 10px #dfe inset;}
button#btnpulsa{position:absolute;top:0;width:100%;height:100%;border:none;background:transparent;box-shadow:none;margin:0;padding:0;}
div#ajustes, div#puntos,div#puntosi{position:absolute;bottom:0;font-size:0.8em;display:none;}
div#puntos,div#puntosi{left:5px;}
a#edd{position:absolute;bottom:0;right:0;margin:0;padding:0;color:#058;display:block;}
a#edd img{width:100px;}
input[type='checkbox']{font-size:0.8em;height:1em;width:1em;}
form{padding:5%;}
span#verb,span#convoz,span#indmodo,p#pregunta,p#psn,span#idvoz{font-weight: bold;color: #485;font-size: 1.1em;}
p#psn{margin-bottom:12px;}
p#pverbi{text-align:center;font-size:1.5em;color:#f00;}
div#bloqueo{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.5;z-index:100;}
div.alerta{border:4px solid;border-radius:10px;z-index:101;background-color:#fff;width:300px;min-height:230px;margin:0 50%;
           position:fixed;top:0;left:-150px;}
div.alerta p{margin:32px 32px 16px 32px;}
div.alerta button{margin:0 20% 30px 20%;}
div#acertado{display:none;border-color:#0d0;}
div#fallado{display:none;border-color:#f00;}
div#completo{display:none;border-color:#0d0;}
button#btnvolver{display:none;}
button#btninicio2{display:none;}
button#volverjx{position:absolute;top:0;right:0;margin:0;padding:0;border:none;font-family:'awesome';font-weight:bold;border-radius:0;
                font-size:40px;width:45px;height:45px;background-color:#667;color:#fff;}
p#mostrarsol{display:none;text-align:center;font-weight:bold;color:#f00;margin: 16px 0 32px 0;}
div#contanuncio,div#contanuncioh{display:none;}
.izqjuego, .horjuego{width:auto;max-width:100%;display:none;}
button#ayuda{position:absolute;top:1%;right:1%;margin:0;padding:6px 0;color:#9a9;display:block;border:none;background:transparent;
             font-family:awesome;font-size:1em;border-radius:5px;cursor:pointer;width:1.8em;box-shadow:none;}
button#pancom,button#spancom{position:absolute;top:1%;right:10%;margin:0;padding:6px 0;color:#9a9;display:block;border:none;background:transparent;
             font-family:awesome;font-size:1em;border-radius:5px;cursor:pointer;width:1.8em;box-shadow:none;font-weight:bold;}
button#spancom{display:none;}
button#home,button#home2,button#home3{position:absolute;bottom:0;right:1%;margin:0;padding:6px 0;color:#9a9;display:block;border:none;background:transparent;
             font-family:awesome;font-size:1em;border-radius:5px;cursor:pointer;width:1.8em;box-shadow:none;font-weight:bold;}

button#ayuda:hover,button#pancom:hover,button#spancom:hover,button#home:hover,button#home2:hover,button#home3:hover{padding:1px 0;border:5px solid #6a6;color:#060;}
div#explicacion{position:absolute;top:50px;margin:0 4% 50px 4%;background-color:#fff;display:none;padding:80px 10% 200px 10%;
                box-shadow: 5px 5px 5px #555;font-family:roboto;font-size:0.9em;}
div#explicacion p{text-align:justify;line-height:150%;margin-bottom:1.2em;}
div#avcookie{position:fixed;bottom:0;left:0;width:80%;margin:0;background-color:#fff;padding:30px 10%;z-index:10;opacity:0.92;font-size:1.1em;filter:alpha(opacity=92);box-shadow:0 -3px 8px #444;line-height: 1.3em;}
@media(orientation:landscape){
  div#contanuncio{position:absolute;top:0;}
  div.alerta{width:400px;left:-204px;}
  button#comprobarc{margin: 0 25%;width: 55%;}
  button#compid{margin: 0 30%;width: 45%;}
  p#psn{margin-bottom:5px;}
  @media(min-height:350px){
	button{width:58%;margin:24px 19%;}
	button#comprobarc{margin: 10px 25%;}
	button#compid{margin: 10px 30%;}
	p#psn{margin-bottom:12px;}
	p#pidvoz{margin:10px 0;}
  }
  @media(min-height:400px){
	div.alerta{top:-119px;margin:30% 50%;}
  }
  @media(min-height:500px){
    body{font-size:1.5em;}
	a#edd img{width:120px;}
	div.alerta{width:450px;min-height:247px;top:-127px;left:-229px;}
  }
  @media(min-height:660px){
    body{font-size:2em;}
	div#explicacion{font-size:0.7em;}
	a#edd img{width:150px;}
	div.alerta{width:500px;min-height:265px;top:-136px;left:-254px;}
  }
  @media(min-height:830px){
    body{font-size:2.5em;}
	div.alerta{width:550px;min-height:282px;top:-145px;left:-279px;}
  }
  @media(min-height:1000px){
    body{font-size:3em;}
	a#edd img{width:193px;}
	div.alerta{width:600px;min-height:300px;top:-154px;left:-304px;}
  } 
  @media(min-height:1170px){
    body{font-size:3.5em;}
	div#explicacion{font-size:0.6em;}
	div.alerta{width:650px;min-height:320px;top:-164px;left:-329px;}
  }
  @media(min-height:1330px){
    body{font-size:4em;}
	div.alerta{width:700px;min-height:340px;top:-174px;left:-354px;}
  }
  @media(min-height:1670px){
    body{font-size:5em;}
	div.alerta{width:800px;min-height:380px;top:-194px;left:-404px;}
  }
  @media(min-height:2000px){
    body{font-size:6em;}
	div.alerta{width:900px;min-height:420px;top:-214px;left:-454px;}
  }  
}
@media (min-aspect-ratio: 4/3) {
  @media(min-height:400px){
    div.alerta{margin:30% 50%;}
  }	  
  @media(min-height:600px){
	#presenta,#pconjuga,#pconjuga2,#pidentifica{margin-left:25%;}
	div#contanuncio{display:block;width:160px;height:600px;margin:0;}
	.izqjuego{display:block;height:600px;width:160px;}
  }
  @media(min-height:750px){
    div#contanuncio{margin-top:100px;}
  }	
} 
@media (min-aspect-ratio: 16/10){
  @media(min-height:333px) {
    #presenta,#pconjuga,#pconjuga2,#pidentifica {margin-left:37.5%;}
	div#contanuncio{display:block;width:200px;height:200px;margin:70px 0;}
	.izqjuego{display:block;height:200px;width:200px;}
  }
  @media(min-height:400px){
    div.alerta{margin:28% 50%;}
  }  
  @media(min-height:600px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {margin-left:310px;}
	div#contanuncio{width:160px;height:600px;margin:0;}
	.izqjuego{height:600px;width:160px;}
  }
  @media(min-height:750px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {margin-left:450px;}
	div#contanuncio{width:300px;margin-top:100px;}
	.izqjuego{width:300px;}
  } 
  @media(min-height:1500px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {margin-left:19%;}
  }   
}
@media (min-aspect-ratio: 16/9){
  @media(min-height:257px) {
    #presenta,#pconjuga,#pconjuga2,#pidentifica {margin-left:44%;}
	div#contanuncio{display:block;width:200px;height:200px;margin:30px 0;}
	.izqjuego{display:block;height:200px;width:200px;}
  }
  @media(min-height:400px){
    div.alerta{margin:26% 50%;}
  }  
  @media(min-height:600px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {margin-left:450px;}
	div#contanuncio{width:300px;height:600px;margin:0;}
	.izqjuego{height:600px;width:300px;}
  }
  @media(min-height:750px){
	div#contanuncio{margin-top:100px;}
  }  
  @media(min-height:1157px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {margin-left:22%;}
  }   
}
@media (min-aspect-ratio: 17/9){
  @media(min-height:257px) {
    #presenta,#pconjuga,#pconjuga2,#pidentifica {margin-left:47%;}
	div#contanuncio{display:block;width:200px;height:200px;margin:30px 0;}
	.izqjuego{display:block;height:200px;width:200px;}
  }
  @media(min-height:400px){
    div.alerta{margin:25% 50%;}
  }  
  @media(min-height:600px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {margin-left:450px;}
	div#contanuncio{width:300px;height:600px;margin:0;}
	.izqjuego{height:600px;width:300px;}
  }
  @media(min-height:750px){
	div#contanuncio{margin-top:100px;}
  }
  @media(min-height:1014px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {margin-left:23.5%;}
  }   
}
@media (min-aspect-ratio: 2/1){
  @media(min-height:257px) {
    #presenta,#pconjuga,#pconjuga2,#pidentifica {margin-left:50%;}
	div#contanuncio{display:block;width:200px;height:200px;margin:30px 0;}
	.izqjuego{display:block;height:200px;width:200px;}
  }
  @media(min-height:400px){
    div.alerta{margin:23% 50%;}
  }  
  @media(min-height:600px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {margin-left:450px;}
	div#contanuncio{width:300px;height:600px;margin:0;}
	.izqjuego{display:block;height:600px;width:300px;}
  }
  @media(min-height:750px){
	div#contanuncio{margin-top:100px;}
  }
  @media(min-height:900px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {margin-left:25%;}
  }   
}
@media (min-aspect-ratio: 5/2){
  @media(min-height:400px){
    div.alerta{margin:19% 50%;}
  }
}
@media(orientation:portrait){
  div.alerta{width:98%;left:-50%;margin:50%;}
  div#explicacion{margin:0 0 50px 0;}
  p#pulsa{bottom:6em;}
  @media(min-width:400px){
	div.alerta{width:400px;min-height:230px;top:-119px;left:-204px;}
  }
  @media(min-width:500px){
    body{font-size:1.5em;}
	div.alerta{width:450px;min-height:247px;top:-127px;left:-229px;}
  }
  @media(min-width:660px){
    body{font-size:2em;}
	div#explicacion{font-size:0.7em;}
	a#edd img{width:150px;}
	div.alerta{width:500px;min-height:265px;top:-136px;left:-254px;}
  }
  @media(min-width:830px){
    body{font-size:2.5em;}
	div.alerta{width:550px;min-height:282px;top:-145px;left:-279px;}
  }
  @media(min-width:1000px){
    body{font-size:3em;}
	a#edd img{width:193px;}
	div.alerta{width:600px;min-height:300px;top:-154px;left:-304px;}
  } 
  @media(min-width:1170px){
    body{font-size:3.5em;}
	div#explicacion{font-size:0.6em;}
	div.alerta{width:650px;min-height:320px;top:-164px;left:-329px;}
  }
@media(min-width:1330px){
    body{font-size:4em;}
	div.alerta{width:700px;min-height:340px;top:-174px;left:-354px;}
  }
  @media(min-width:1670px){
    body{font-size:5em;}
	div.alerta{width:800px;min-height:380px;top:-194px;left:-404px;}
  }
  @media(min-width:2000px){
    body{font-size:6em;}
	div.alerta{width:900px;min-height:420px;top:-214px;left:-454px;}
  }  
}
@media(max-aspect-ratio:3/4){
  @media(min-width:300px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {height:75%;}
    div#contanuncioh{display:block;width:100%;height:50px;margin:16.5% auto 0 auto;}
	.horjuego{display:block;height:50px;}
	div.alerta{margin:67% 50%;}
	div#puntos{bottom:-40px;}
	div#puntosi{bottom:-45px;}
  }
    @media(min-width:480px){
    div#contanuncioh{height:60px;margin:20.8% auto 0 auto;}
    .horjuego{height:60px;}	
  }
    @media(min-width:600px){
    div#contanuncioh{height:100px;margin:16.5% 0 0 0;}
    .horjuego{height:100px;}	
  }
  @media(min-width:728px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {height:calc(100% - 240px);}
	div#contanuncioh{max-width:970px;height:90px;margin:150px 0 0 0;}
	.horjuego{height:90px;}
  }
}
@media(max-aspect-ratio:10/16){
  @media(min-width:300px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {height:62.5%;}
    div#contanuncioh{display:block;width:100%;height:50px;margin:43% auto 0 auto;}
	.horjuego{display:block;height:50px;}
    div.alerta{margin:80% 50%;}	
  }
  @media(min-width:333px){
    div#contanuncioh{height:100px;margin:30% auto 0 auto;}
    .horjuego{height:100px;}	
  }
  @media(min-width:417px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {height:calc(100% - 250px);}
	div#contanuncio{margin:150px auto 0 auto;}
	
  }
  @media(min-width:728px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {height:calc(100% - 290px);padding-top:50px;}
	div#contanuncioh{height:90px;margin:150px auto 0 auto;}
	.horjuego{height:90px;}
  }
}
@media(max-aspect-ratio:9/16){
  @media(min-width:300px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {height:56%;}
    div#contanuncioh{display:block;width:100%;height:100px;margin:44% auto 0 auto;}
	.horjuego{display:block;height:100px;}
    div.alerta{margin:89% 50%;}	
  }
  @media(min-width:728px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {height:calc(100% - 290px);padding-top:50px;}
	div#contanuncioh{height:90px;margin:150px auto 0 auto;}
	.horjuego{max-width:970px;height:90px;}
  }
}
@media(max-aspect-ratio:9/17){
  @media(min-width:300px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {height:calc(100% - 250px);}
    div#contanuncioh{display:block;width:100%;height:100px;margin:150px auto 0 auto;}
	.horjuego{display:block;height:100px;}
    div.alerta{margin:94% 50%;}	
  }
  @media(min-width:340px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {height:calc(100% - 300px);padding-top:50px;}	
  }
  @media(min-width:728px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {height:calc(100% - 290px);}
	div#contanuncioh{height:90px;}
	.horjuego{max-width:970px;height:90px;}
  }
}
@media(max-aspect-ratio:1/2){
  @media(min-width:300px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {height:calc(100% - 300px);padding-top:50px;}
    div#contanuncioh{display:block;width:100%;height:100px;margin:150px auto 0 auto;}
	.horjuego{display:block;height:100px;}
    div.alerta{margin:100% 50%;}	
  }
  @media(min-width:728px){
    #presenta,#pconjuga,#pconjuga2,#pidentifica {height:calc(100% - 290px);}
	div#contanuncioh{height:90px;margin:150px auto 0 auto;}
	.horjuego{max-width:970px;height:90px;}
  }
}