body {
		font-family: 'Helvetica';
		font-size: 12px;
		margin: 50px auto;
		/*max-width: 1300px;*/
		background: white url(../imagenes/fondos.png);
		background-repeat: repeat-x repeat-y;
      /* background-attachment: fixed;
	   border: 5px solid #ccc;*/
	}



.suena { display: block;
   padding: 0px 0 0 0px;
   width: 100%;
   max-width: 780px;
   height: auto;
	}

.banner { display: block;
   padding: 0px 0 0 0px;
   width: 100%;
   max-width: 1000px;
   height: auto;
	}

.titulo{
	 font-size:20px;
	padding: 10px;
	text-align: center;
		margin-top: 10px;
	font-weight: bold;
					}	


.titulo01 {
	 font-size:20px;
	padding: 10px;
	text-align: center;
		margin-top: 10px;
	font-weight: bold;
	background-color:#f7f7f7;
	color:#333; 
	 border:1px solid #ccc;
		border-radius: 12px;
	margin-left:30px;
				}


div#Acertadas {text-align:center; color:green; font-size:25px; }

span#marcadorAcertadas {color:green; font-size:25px; font-family:Arial;}

			div.palabras {
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-ms-border-radius: 12px;
	-khtml-border-radius: 12px;
	border-radius: 12px;
	/*display: inline-block;*/
	width: 200px;
	padding: 10px;
	text-align: center;
	cursor: pointer;
	position: relative;
	margin-top: 50px;
	font-weight: bold;
				}		
	
	


	div.fichaBlanca {background-color:#f7f7f7; color:#333; font-size:18px; font-family:Arial; border:1px solid #ccc; }
	
		
		div.fichaBlancaSeleccionadaFallada {background-color:#FFF; color:#333; font-size:15px; font-family:Arial; border:1px solid #000; height: 26px !important;  line-height: 26px !important;}
		
		/*div.fichaAzul {background-color:#5ea1cb; color:#FFF; font-size:15px; font-family:Arial;}
		div.fichaAzulSeleccionada {background-color:#487b9c; color:#FFF; font-size:15px; font-family:Arial;}
		div.fichaAzulSeleccionadaFallada {background-color:#487b9c; color:#FFF; font-size:15px; font-family:Arial; border:1px solid #F00; height: 26px !important;  line-height: 26px !important;}*/
		
			div.fichaOculta {display:none;}

	div#texto { padding: 20px;
border-radius: 10px;
line-height: 1.5;
font-size: 14px;
border: 1px solid #ddd;
background: rgb(203,203,203);
background: linear-gradient(0deg, rgba(203,203,203,0) 0%, rgba(240,240,240,1) 100%);
max-width:70%;}
		/*div#Imagenes {float:left; height:100%; min-height:100%; border:1px solid #000; width:50%; }*/
		div#Imagenes img {float:left; width:250px; height:250px; margin-top:0px; margin-bottom:0px; border:1px solid #ccc;}
		
		div#colocarPalabras {height:100%; border-radius: 12px;}
	
	
	
.saltaparedcolalarga { width: 400px;
	height:299px;
	display: block;
	background:  url(../imagenes/saltaparedcolalarga.png);
	}
.saltaparedcolalarga:hover {
	background:  url(../imagenes/saltaparedcolalarga.png) 0 -300px;
	cursor:pointer;
	}
	
	.cuicacochepicocurvo { width: 400px;
	height:282px;
	display: block;
	background:  url(../imagenes/cuicacochepicocurvoreto.png);
		margin-top: 100px;
	}
.cuicacochepicocurvo:hover {
	background:  url(../imagenes/cuicacochepicocurvoreto.png) 0 -284px;
	cursor:pointer;
	}
	
.chorlotildio { width: 400px;
	height:353px;
	display: block;
	background:  url(../imagenes/ChorloTildioreto.png);
	padding: 0px 0 0 0px;
	margin:0px 0 0px 0px;
	}
.chorlotildio:hover {
	background:  url(../imagenes/ChorloTildioreto.png) 0 -353px;
	padding: 0px 0 0 0px;
	cursor:pointer;
	}	


.saltaparedbarranqueno { width: 300px;
	height:456px;
	display: block;
	background:  url(../imagenes/saltaparedbarranquenoreto.png);
	}

.saltaparedbarranqueno:hover {
	background:  url(../imagenes/saltaparedbarranquenoreto.png) 0 -456px;
	cursor:pointer;
	}

  .calandriatunera { width: 400px;
	height:262.5px;
	display: block;
	background:  url(../imagenes/calandriatunerareto.png);
	  margin-top: 100px;
	}

.calandriatunera:hover {
	background:  url(../imagenes/calandriatunerareto.png) 0 -262.5px;
	cursor:pointer;
	}

.chinito { width: 199px;
	height:401px;
	display: block;
	background:  url(../imagenes/chinitoreto.png);
	}

.chinito:hover {
	background:  url(../imagenes/chinitoreto.png) -200px 0;
	cursor:pointer;
	}

	
.charadecollar { width: 300px;
	height:448px;
	display: block; 
	background:  url(../imagenes/charadecollarreto.png);
	}
.charadecollar:hover {
	background:  url(../imagenes/charadecollarreto.png) 0 -449px;
	cursor:pointer;
	} 

.chipretrepador { width: 400px;
	height:434px;
	display: block;
	background:  url(../imagenes/chipretrepadorreto.png);
	}

.chipretrepador:hover {
	background:  url(../imagenes/chipretrepadorreto.png) 0 -434px;
	cursor:pointer;
	} 

.carpinterobellotero { width: 300px;
	height:418px;
	display: block;
	background:  url(../imagenes/carpinterobelloteroreto.png);
	}
.carpinterobellotero:hover {
	background:  url(../imagenes/carpinterobelloteroreto.png) 0 -419px;
	cursor:pointer;
	} 

.gavilandecooper { width: 200px;
	height:390px;
	display: block;
	background:  url(../imagenes/gavilancooperreto.png);
	margin-top: 100px;
	}

.gavilandecooper:hover {
	background:  url(../imagenes/gavilancooperreto.png) 0 -390px;
	cursor:pointer;
	}