#pantalla_menu.parejas {
   /*background: url(imagenes/web/paper2b4.jpg);*/
   background: url(imagenes/web/menuazul.jpg);
   display: none;
}

#pantalla_menu.parejas header, #pantalla_menu.parejas main, #pantalla_menu.parejas footer, #pantalla_creditos.parejas {
  width: 100%;
  display: table;
  margin: auto;
}

#pantalla_menu.parejas header {
  height: 20%;
  padding: 10px 10px 0px 10px;
}

#pantalla_menu.parejas main {
  height: 50%;
  padding: 0px 10px;
}

#pantalla_menu.parejas footer {
  height: 30%;
  padding: 0px 10px 0px 10px;
}

#pantalla_menu.parejas header .cont {
  vertical-align: top;
}

#pantalla_menu.parejas footer .cont {
  vertical-align: bottom;
}

.parejas header h1 {
  text-align: center;
  color: white;
  text-shadow: 0 0 7px black;
  font-size: 300%;
}

.parejas header h3 {
	font-size: 125%;
}

.parejas ul#menu_principal, .parejas ul#menu_niveles {  
  /*box-shadow: 0 3px 10px inset;*/
  /*background-color: rgba(0,0,0,0.1);*/
}

.parejas ul#menu_principal {  
  display: none;
}

.parejas ul#menu_niveles {
	display: none;
}

.parejas ul#menu_principal li, .parejas ul#menu_niveles li {
  text-align: left;
  display: block;
  padding: 2% 2% 2% 60px;
  margin: 4% auto;
  width: 60%;
  max-width: 100%;
  background-repeat: no-repeat;
  background-color: white;
  border-radius: 10px 0px 10px 0px;
  -webkit-box-shadow: 0 0 10px black;
  box-shadow: 0 0 8px black;
  color: black;
  font-weight: bold;
  text-shadow: 0 0 1px grey;
  font-size: 150%;
  cursor: pointer;
}

.parejas ul#menu_principal li:first-child, .parejas ul#menu_niveles li:first-child {
	margin-top: 0px;
}

.parejas ul#menu_principal li:last-child, .parejas ul#menu_niveles li:last-child {
	margin-bottom: 0px;
}

.parejas ul#menu_principal li {
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  background-position: left center;
}

.parejas ul#menu_niveles li {
  -webkit-background-size: auto 70%;
  background-size: auto 70%;
  background-position: 15px center;
}

.parejas ul#menu_principal li:hover, .parejas ul#menu_niveles li:hover {
  box-shadow: 0 0 15px black;
}

.parejas ul#menu_principal li:active, .parejas ul#menu_niveles li:active {
  /*box-shadow: 0 0 15px orange;*/
}

.parejas #menufrutas {
  background-image: url(imagenes/frutas/menu_frutas.png);
}

.parejas #menubanderas {
  background-image: url(imagenes/banderas/menu_banderas.png);
}

.parejas #menuanimales {
  background-image: url(imagenes/animales/menu_animales.png);
}

.parejas #menualeatorio {
  background-image: url(imagenes/aleatorio/menu_aleatorio.png);
}

.parejas #nivel1 {
	background-image: url(imagenes/web/nivel1.png);
}

.parejas #nivel2 {
	background-image: url(imagenes/web/nivel2.png);
}

.parejas #nivel3 {
	background-image: url(imagenes/web/nivel3.png);
}

.parejas #nivel4 {
	background-image: url(imagenes/web/nivel4.png);
}

.parejas .compartir, .parejas #cerrar_creditos {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
   box-shadow: 0 1px 3px black, inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:0px solid black;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:125%;
	font-weight:bold;
	max-width: 280px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528ecc;
	padding: 6px;
}

.parejas .compartir {
   	margin-bottom: 30px;
}

.parejas #cerrar_creditos {
    margin-bottom: 0px;
}

.parejas .compartir:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}

.parejas .compartir:active {
	/*position:relative;*/
	/*top:1px;*/
}

.parejas .compartir #comparte {
	text-align: left;
	background: url(imagenes/web/compartir.png) no-repeat 10px center transparent;
	-webkit-background-size: auto 75%;
	background-size: auto 75%;
	display: block;
	padding:6px 6px 6px 24%;
}

.parejas #mensaje_compartir {
	display: none;
}

.parejas .about {
  float: right;
  line-height: 35px;
}

.parejas .about button#creditos {
	color: black;
	text-decoration: none;	
	border: 0px solid;
  	background-color: transparent;
  	font-weight: bold;
  	font-size: 14px;
}

.parejas .about button#creditos:hover {
	text-decoration: underline;
}

.parejas .about button#creditos:visited {
	color: black;
}

.parejas .idiomas {
  float: left;
}

.parejas .idiomas li {
  float: left;
  margin-right: 10px;
}

.parejas .idiomas button {
  border-radius: 100px;
  opacity: 0.5;
  border: 0px solid;
  overflow: hidden;
  width: 30px;
  height: 30px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 3px black, 0 0 5px black inset;
  box-shadow: 0 0 3px black, 0 0 5px black inset;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.parejas .idiomas button:hover {  
  -webkit-box-shadow: 0 0 15px 3px white, 0 0 5px black inset;
  box-shadow: 0 0 15px 3px white, 0 0 5px black inset;
  opacity: 1;
}

.parejas .idiomas button.select {
	opacity: 1;
}

.parejas .idiomas button:active {
	/*-webkit-box-shadow: 0 0 15px 3px orange, 0 0 5px black inset;*/
	/*box-shadow: 0 0 15px 3px orange, 0 0 5px black inset;*/
}

.parejas #es {
  background-image: url(imagenes/web/es.png);
}

.parejas #ca {
  background-image: url(imagenes/web/ca.png);
}

.parejas #en {
  background-image: url(imagenes/web/en.png);
}

#pantalla_creditos.parejas {
	padding: 5%;
	position: absolute;
	display: none;
	z-index: 1000;
	max-width: 100%;
}

#pantalla_creditos.parejas .contenedor {
	background-color: rgba(255,255,255,0.9);	
	box-shadow: 0 0 2px black;
	height: 100%;
	margin: auto;
	border-radius: 10px;
	display: table;
	max-width: 500px;
	border: 1px solid;
}

#pantalla_creditos.parejas .contenedor main {
	height: 90%;
	padding: 2%;
	padding-bottom: 0%;
	font-size: 90%;
	width: 100%;
	display: table;
}

#pantalla_creditos.parejas .contenedor footer {
	height: 10%;
	padding: 4%;
	padding-top: 0%;
	width: 100%;
	display: table;
}

#pantalla_creditos.parejas .contenedor main .cont {
	vertical-align: top;
}

#pantalla_creditos.parejas .contenedor main .cont h1 {
  margin: 0px auto 15px auto;
}

#pantalla_creditos.parejas .contenedor main .cont h4 {
  margin-top: 10px;
  text-decoration: underline;
}

#pantalla_creditos.parejas .contenedor main .cont h5 {
  margin: 20px auto 0px auto;
}

#pantalla_creditos.parejas .contenedor main .cont p {
  margin: 0px;
}

#pantalla_creditos.parejas .contenedor footer .cont {
	vertical-align: bottom;
}

@media (orientation:portrait) and (min-width:750px){
   .parejas header h1 {
   	font-size: 80px;
   }
   
   .parejas ul#menu_principal li, .parejas ul#menu_niveles li {
   	font-size: 35px;
   	padding: 25px 25px 25px 120px;
   	margin: 25px auto;
   }
   
   .parejas .idiomas button {
     	width: 40px;
  		height: 40px;
   }
   
   #pantalla_creditos.parejas .contenedor main .cont h1 {
  		font-size: 26px;
	}
   
   #pantalla_creditos.parejas .contenedor main .cont h4 {
  		font-size: 20px;
	}
   
   #pantalla_creditos.parejas .contenedor main .cont h5 {
  		font-size: 14px;
	}
   
   #pantalla_creditos.parejas .contenedor main .cont p {
  		font-size: 18px;
	}
	
	.parejas .about {
  		font-size: 16px;
	}
	
	.parejas .compartir {
		font-size: 24px;
		max-width: 450px;
	}
}

@media (orientation:landscape) and (min-width:750px){
	#pantalla_menu.parejas header, #pantalla_menu.parejas main, #pantalla_menu.parejas footer, #pantalla_creditos.parejas .contenedor {
		max-width: 500px;
	}
	
	.parejas ul#menu_principal li, .parejas ul#menu_niveles li {
		margin: 15px auto;
	}
	
	#pantalla_creditos.parejas .contenedor main .cont p {
  		font-size: 16px;
	}
	
	.parejas .idiomas button {
     	width: 30px;
  		height: 30px;
   }
   
   #pantalla_creditos.parejas .contenedor main .cont h4 {
  		font-size: 18px;
	}
	
	.parejas .about {
  		font-size: 16px;
	}
}

@media (max-height: 480px){
	
}