*{	list-style: none;
	text-decoration: none;
	text-align: center;
      margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html {
    background-color:#c6ebb6;
   	font-family: 'Chivo', sans-serif;
}
.ok {
	text-transform: uppercase;
    text-decoration: none;
    list-style: none;
    color: #eaa331;
    font-weight: 800;
    font-size: 250%;
	box-sizing:border-box;
	display: block;
	margin: .5em;
 
}

.link{
	color: black;
}


.menuvisible{
    position:fixed;
    z-index: 9990;
    top:0;
    right:0;
    height: 100vh;
    width: 60vw;
}

.bx-wrapper .bx-controls-direction a {
    z-index: 9980;
}

.ingresar li a {
    text-decoration: none;
    list-style: none;
	color: black;
	background-color: #0a520a;
    display: flex;
    justify-content: center;
}

.verde {
	color: #8fd471;
	background-color:#cee8c3;
	box-sizing:border-box;
	padding: 0.7em;
	border-radius: 1.5em;
	margin: 0.5rem;
	text-align: left;
}

.blanco a {
	color: black;
	font-weight: 100;
	
}

.fas fa-bars{
    text-decoration: none;
    color:aliceblue;
    list-style: none;
    padding: 1em;
    
}

body {
	width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}



body header h1 {
    color:white;
    font-size: 1.4em;
    text-align:center;
	text-transform: uppercase;
    flex-grow: .2;
}

header {
    z-index: 9998;
    padding: .4em; 
    background: linear-gradient(#cee8c3,#78c756);
    display: flex;
    align-items:center;
	justify-content: center;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, .25);

}

header > ul {
   display: flex;
    
}

header nav{
    background-color: rgba(206, 232, 195, 0.94);
    position: fixed;
    right: -90%;
    top: 0;
    height: 100vh;
    min-width: 40vw;
    transition: all .6s ease;
    z-index: 9990;    

}

header nav: target{
    right: 0;
}
   
#menu {
    display: block;

}

header nav a {
    color: black;
    display: block;
    text-align: center;
    text-decoration: none;
}
nav .usuario p{
    padding: 0.5em;
}
nav .usuario a{ 
    margin:0em 0em 2em 0em;
}
    


nav ul {
	display: flex;
	flex-direction: column;
    margin: 1em;
}

nav ul li a{ 
    text-align: center;
    padding:.8rem .8rem .8rem .3rem;
    
 
}

#logo {
    display: block;
    width: 2.5em;
    display: flex;
    /*margin-left: 5em;*/
}

.escudo{
    padding: 6em 0em 0em 0em;
    align-self: center;
}



main ul {
	margin: 1.5em;
	display: flex;
	flex-direction: column;
    font-size: 0.9em;
    
}
main section figure img {
    max-height: 80vh;
    max-width: 80vw;
}

.usuario img{
    max-height: 30vh;
    max-width: 30vw;
}

.usuario h2{
    font-weight: 600%;
    font-size: 1.2em;
}

figcaption{
    font-weight: 300;   
}

main ul li {
	padding: 0em 0em 0.8em 0em;
}

#x {
    position: absolute;
    right: 0;
    top: 0;
}

/*********+++*GANADORES******************************+**********/

.ganadores  h3{
    background-color: rgb(93, 183, 93);
    padding: .5em;
    margin-bottom: .5em;
    margin-top: 1em;
    text-align: center;
    color: white;
    font-weight: 400;
    text-transform: uppercase;
    position: sticky;
    top: 2.8em;
    }

.ganadores a { color: #eaa331;
	text-transform: lowercase;
font-weight: 500;
    padding: .9em 2em .9em 2em;
}

.actividades li{
    text-align: center;
    text-transform: uppercase;
    }

.actividadesclub li a{
    text-align: center;
    text-transform: uppercase;
    color: black;
    padding: 0.5em 3em 0.5em 3em;
    
    }

.ganadores ul{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;  
}

.ganadores ul li{ 
    font-weight: 400;
    width: 50%;
    align-items: center;
}

.ganadores ul li p{
    font-weight: 100;
    text-transform: lowercase;
}
.ganadores img{
    max-height: 20vh;
    border-radius: 100%;  
   
}

/********************PREMIOS*****************************************/


.premios ul{
    display:flex;
    margin:2em;
    
}
.premios img{
    align-self: center;
    width: 40%;
}

.premios ul li p{
    font-weight: 100;
    text-transform: lowercase;
}

.juga img{
   margin: 6em 0.5em 1em 0.5em;
	box-shadow: 0.2em 0.3em 0.2em rgba(0, 0, 0, .10);
}

.club p {
    font-style: italic;
    font-weight: 500;
    text-decoration: none;
    list-style: none;
     margin: 0em 0em 1em 0em;
}

.club p a {
    text-decoration: none;
    list-style: none;
    color: #cee8c3;
}

h3 {
    background-color: rgb(93, 183, 93);
    padding: .5em;
    margin-bottom: .5em;
    margin-top: 1em;
    text-align: center;
    color: white;
    font-weight: 400;
    text-transform: uppercase;
    position: sticky;
    top: 2.839em;
    z-index: 9990;
    box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, .25);
}

.listo{
    display: block;
    margin-top: 4em;
    color: #37c637;
}

.hecho {
    display: block;
    width: 80%;
    align-self: center;
    margin: 2em 2em 2em 2.5em;

}

/**************CANJEAR PREMIOS***************************************/

.salta{
	margin: 5em 0em 1em 0em;
}

.texto_premio p{
	font-weight: 200;
	margin:1.5em 1em 1.5em 1em;
}


/****************+ JUEGO *********************************************/

.categoria {
    display: flex;
    background-color: #37c637;
    margin-top: 5em;
    padding: 6em 1em 6em 1em;
    margin: 5em 1em 1em 1em;
    max-width: 90%;
   	justify-content: center;
    box-sizing:border-box;
}

.preg {
    display: flex;
    background-color: #359039;
    margin-top: 5em;
    padding: 6em 1em 6em 1em;
    margin: 5em 1em 1em 1em;
    max-width: 100%;
    align-content: center;
    box-sizing:border-box;
}
.pregun {
    display: flex;
    background-color: #359039;
    padding: 6em 1em 6em 1em;
    max-width: 90%;
    align-content: center;
    box-sizing:border-box;
    margin: 0em 1em 1em 1em;
}
.preg1 {
    color: white;
    display: block;
    max-width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    font-kerning: 5em;
    font-size: 1.1em;
    box-sizing:border-box ;
}
.elegi {
    color: white;
    display: block;
    max-width: 100%;
    text-transform: uppercase;
    font-weight: 600;
	font-kerning: 5em;
    font-size: 1.5em;
    box-sizing:border-box;
   
}
.siguiente {
    width: 30%; 
    font-size: 1em;
    z-index: 1000;
    background-color: #eaa331;
    display: flex;
    align-self: center;
	margin-bottom: 2em;
	align-items: center;
    justify-content: center;
	border-radius: 1.5em;
	
}

.categoria{
	display:flex;
	align-content: center;
	align-self: center;	
	}
	

.siguiente a {
    list-style: none;
    text-decoration: none;
    font-size: 1em;
    color: white;
	display: flex;
    padding: .5em 1em .5em 1em;
      
}

.vof {
    display: flex;
    flex-direction: row;
    text-transform: uppercase;
    margin: 0em;
    justify-content: space-around;
}

.afir {
   	align-self: center;
    background-color: #359039;
    padding: 5em 1em 5.6em 1em;
    max-width: 100%;
    align-content: center;
    box-sizing:border-box;
}

.titulo {
    background-color: #37c637;
    padding: .5em;
    margin-top: 4em;
    margin-bottom: 0em;
    text-align: center;
    color: white;
    font-weight: 400;
    text-transform: uppercase;
    position: sticky;
    top: 3em;
    box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, .25);
}

/*************+ RECOLECTAR MONEDAS **********************************/

.recolectar_monedas{
	margin: 0em 0em 2em 0em;
}

.recolectar_monedas ul{
    display:flex;
	justify-content: space-around;	
}

.recolectar_monedas ul li{
  	align-items: center;	
}

.recolectar_monedas img{
    align-self: center;
	width: 90%;
}

.text_monedas{
	padding: 0em 0em 0em 0em;
	color: #eaa331;
}


/**************** REGISTRO ****************************************/

.etiqueta{
    display: inline-block;
    text-align: center;
    width: 50%;
    margin-bottom: .25em;
    margin:1em 1em .5em 1em;
    font-weight: 500;
}

label{
    font-weight: 300;
    display: flex;
}

.campo{
    display: inline-block;
    width: 69%;
    padding: 1em;
    border-radius: 8em;
    background-color: #edf7e9;
    font-family: 'Chivo', sans-serif;
    border:0;

}

.verdadero {
	display: flex;
	flex-direction: row;
    margin: 1em;
    justify-content: space-between;
  
}
.falso {
    font-weight: 600;
	background-color: #eaa331;
	box-sizing:border-box;
	border-radius: 1.5em;
	margin: 1.8em 1em 1em 0em;
    width:40%; 
    
}
.falso a {
    display: flex;
    color: white;
    padding: 1em;
   justify-content: center;
    
    
}

/***************************BOTONES*********************+****/
.inc {
	text-transform: uppercase;
    text-decoration: none;
    list-style: none;
    color: rgb(173, 7, 7);
    font-weight: 800;
    font-size: 250%;
	box-sizing:border-box;
	display: block;
	margin: .5em;
 
}

.verd {
    font-weight: 600;
	background-color: #37c637;
	box-sizing:border-box;
	border-radius: 1.5em;
	margin: 1.8em 1em 1em 0em; 
    width:40%; 
    
}

.verd a {
    display: flex;
    color: white;
    padding: 1em;
   align-items: center;
    align-content: center;
    justify-content: center;
}
.incorrecto {
   text-decoration: none;
    list-style: none;
    color: white;
    font-weight: 600;
	background-color: #eaa331;
	box-sizing:border-box;
	display: block;
	border-radius: 1.5em;
	margin: 0.6em;
    padding: 1em; 
	background-color: rgb(173, 7, 7);
	     
   
}
.incorrecto a {
    color: white; 
    font-weight: 600;
}


.incorrecto2 {
  font-weight: 600;
	background-color: #37c637;
	box-sizing:border-box;
	border-radius: 1.5em;
	margin: 1.8em 1em 1em 0em; 
    width:40%;
	background-color: rgb(173, 7, 7);
	
}
.incorrecto2 a {
  display: flex;
    color: white;
    padding: 1em;
   align-items: center;
    align-content: center;
    justify-content: center;
}
.correcto {
    text-decoration: none;
    list-style: none;
    color: white;
    font-weight: 600;
	background-color: #eaa331;
	box-sizing:border-box;
	display: block;
	border-radius: 1.5em;
	margin: 0.6em;
    padding: 1em; 
}
.correcto a {
    
    color: white;
    font-weight: 600;	
}

.ingresar {
    text-decoration: none;
    list-style: none;
    background-color: #37c637;
	box-sizing:border-box;
	display: flex;
	border-radius: 1.5em;
	margin: 0.6em;
   justify-content: center;
}
.ingresar a{
    color: white;
    font-weight: 600;
    margin: 1.em 1em 1em 1em;
    padding: 1em 1.6em 1em 1.6em;
    text-align: center;
}

.ingresarancho {
    text-decoration: none;
    list-style: none;
    background-color: #37c637;
	box-sizing:border-box;
	display: flex;
	border-radius: 1.5em;
	margin: 0.6em;
   justify-content: center;
}
.ingresarancho a{
    color: white;
    font-weight: 600;
    padding: 1em 4.35em 1em 4.35em;
    text-align: center;
}

.ingresarancho2{
    text-decoration: none;
    list-style: none;
    background-color: #37c637;
	box-sizing:border-box;
	display: flex;
	border-radius: 1.5em;
	margin: 0.6em;
   justify-content: center;
}
.ingresarancho2 a{
    color: white;
    font-weight: 600;
    padding: 1em 9em 1em 9em;
    text-align: center;
}

.criquet{
   	align-content: center;
	align-self: center;
    max-width: 90%;
    margin: 0em 1em 1em 1em;
}

/*
.fechanac{
    display:flex;
    align-items: center;
    border-radius: 10em;
    padding: .5em;
    background-color: #cee8c3;
    font-family: 'Chivo', sans-serif;
}

#femenino{
        display:flex;
}

#masculino{
    display:flex;
}

#otro{
    display:flex;
}
*/
#volver {
    z-index: 9999;
    display: flex;
	 position: absolute;
    left: 2%;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    cursor: pointer;
    height: 1.9em;
    width: 1.9em;
    color:white;
    box-shadow: 0.2px 0.5px 4px rgba(7, 15, 7, 0.33);
    background-color:rgba(10, 82, 10, 0.42);
    border: none;
    border-radius: 100%;
}

#home {
    z-index: 9999;
    display: flex;
	 position: absolute;
    left: 10%;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    cursor: pointer;
    height: 1.9em;
    width: 1.9em;
    color:white;
    box-shadow: 0.2px 0.5px 4px rgba(7, 15, 7, 0.33);
    background-color:rgba(10, 82, 10, 0.42);
    border: none;
    border-radius: 100%;
}


form button {
    padding: 1em 4em 1em 4em;
    background-color: #37c637;
    border-radius: 10em;
    font-family: 'Chivo', sans-serif;
    color:white;
    margin-bottom: 1em;
    margin-top: 2em;
    font-size: 90%;
    box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, .25);
}
#llamamenu {
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    cursor: pointer;
    height: 2em;
    width: 2em;
    position: absolute;
    right: 2%;
    color:white;
    box-shadow: 0.2px 0.5px 4px rgba(7, 15, 7, 0.33);
    background-color:rgba(10, 82, 10, 0.42);
    border: none;
}

hr{
    background-color: #37c637;
    height: 1px;
    margin: 1em 0.2em 1em 0.2em;
    width: 100%;
    box-sizing: border-box;
    align-self: center;
   

}

.perfil {
    font-weight: 600;
    font-style: italic;
}

button {
    z-index: 9999;
    padding-bottom: .2em;
    padding-top: .2em;
    font-family: 'Chivo', sans-serif;
    color:white;
    font-size: 90%;
    box-shadow: 0.2px 0.5px 4px rgba(9, 74, 9, 0.33);
    background-color:rgba(10, 82, 10, 0.42);
    border: none;
}

.perfilfoto{
    margin: 5em 3em 1em 3em; 
    width: 60%;
    border-radius: 100%;
    align-self: center;
}

.puntos {
    background-color: rgb(115, 196, 115);
    color:white;
    border-radius: 0.3rem;
    padding: 0.7rem;
    margin-top: .2em;
    margin-bottom: 1em;
    display: flex;
    justify-content: center;
}

.cerrarsesion {
    font-size: 90%;
   align-self: center;
    align-content: center;
    align-items: center;
    box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, .25); 
    
}

.registrarse {
    width: 68%; 
    font-size: 90%;
    text-transform: uppercase;
}

.iniciarsesion {
    width: 68%; 
    font-size: 90%;
    text-transform: uppercase;
    box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, .25);
}

.canjear {
    width: 68%; 
    font-size: 90%;
    text-transform: uppercase;
    background-color: #37c637;
    padding: 1em 4em 1em 4em;
    border-radius: 10em;
    font-family: 'Chivo', sans-serif;
    color:white;
    margin-bottom: 1em;
    font-size: 1em;
    font-weight: 550;
    box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, .25);
    display: flex;
    align-self: center;
}

footer{
    background-color:rgb(45, 82, 45);
    width: 100%;
    margin: 3rem 0rem 0rem 0rem;
        
}

footer p{
    color:#cee8c3;
    font-style: italic;
    font-size: 0.8rem;
    box-sizing: border-box;
    width: 100%;
    padding: 1rem;
}

.loading{
    align-items: center;
    align-self: center;
    display: block;
    max-width: 100%;
    height: auto; 
    margin-top: 13em;
    margin: auto;
}

	div img{
		align-self: center;
		max-width: 20em;
	}

/********VIDEO*************************************/

.videop {
    margin-top: 3rem;
}

	
/********+RESPONSIVE*******************************/
@media (min-width:35em){
	
.ingresar a{
		display: block;
		align-self: center;
		max-width: 20em;
	}
	
.ganadores ul{
    display:flex;
    flex-direction: row;
    align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		}

.ganadores ul li{ 
    font-weight: 400;
    width: 20%;
    align-items: center;
	flex-wrap: wrap;
	
}

.ganadores ul li p{
    font-weight: 100;
    text-transform: lowercase;
}
        
        
.juga{
	align-self: center;
	}
	
.juga img{
		display: block;
		align-content: center;
		align-self: center;
		min-width: 32em;
		box-shadow: 0.2em 0.3em 0.3em 0.1em rgba(0, 0, 0, 0.1);
	}
	
.club p { 	
		max-width: 40em;
		justify-content: center;
		align-self: center;
	}
.premios img{ 
			display: block;
		width: 12em;
		align-self: center;
	}
	
/******+FORMULARIO**********/
	
.campo{
		max-width: 30em;
	}

form{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
div img{
		align-self: center;
		max-width: 40em;
	}
	
/*******+MENU***********/
 header nav {
		
       	position: relative;
        right: 0;
        top:0;
        left: 3;
        height: 7%;
		 z-index: 9999;
		max-width:100%;
		background-color: #cee8c3;
	}
	
	
hr{display:none;
	}


header nav ul { 
    flex-direction: row;
    justify-content:flex-start;
     width: 100%;
    margin: 0;
}

header nav  a { 
	display:block;
    padding:0.7rem;
     font-size: 1em; 
   	color: #256f06;
	 background-color: rgba(255, 255, 255, 0.25);
    }

header nav a img {display: none;
	}
	
#logo{display:none;
	}
	
#llamamenu,
    .usuario {
        display: none;
    }
/*******+BOTONES**************/

.iniciarsesion {
	width: 23em;
}
	
.registrarse {
    max-width: 23em; 
    font-size: 90%;
    text-transform: uppercase;
	align-content: center;
	text-align: center;
}
	
.correcto{
	width: 23em;
		align-self: center;
 	}
	
.ingresar{
			width: 23em;
		align-self: center;
	}
    
  .ingresar a{  
      padding: 1em 3.6em 1em 3.6em;
    }
    
    .ingresarancho{
			width: 23em;
		align-self: center;
	}
    
      .ingresarancho a{  
      padding: 1em 7.5em 1em 7.5em;
    }
      .ingresarancho2{
			width: 23em;
		align-self: center;
	}
	
.siguiente{
		    max-width: 23em; 
   
	}
    
 
	
.pregun{
		align-self: center;
	}
	

.incorrecto{
    width:23em;
    align-self: center;
		}
	
.incorrecto2{
   max-width: 100em;
	align-self: center;	
		}

.verd{
		max-width: 23em;
	}
	
.falso{
		max-width: 23em;
	}
.afir{
		align-self: center;
		 max-width: 80%;
		
	}
.perfilfoto{	
	align-content: center;
	align-self: center;
	width: 18em;
}
.cerrarsesion{
	max-width: 23em
	}

.categoria{
	max-width:60em;	
	}
.ingresar{
		max-width: 23em;
	}
	
#home {
    left: 6%;
 }
}