/***************************************/
/* CONTENEDOR DE RESULTADOS DE JUEGOS */
/***************************************/

.textoComprobador {text-align:left; font: bold 14px arial; vertical-align: top; }

/* Bolas para los Resultados */
ul.resultado { margin: 0px; padding: 0px; }
ul.resultado li {
	float: left;
	list-style: none outside none;	
    vertical-align: middle;		
}
ul.resultado li.combinacion{ margin-left: 9px; }
ul.resultado li.complementario{  }
ul.resultado li.reintegro{  }

.bola_bonoloto { background: url("../img/resultados/bonoloto.png") no-repeat scroll 0 0 transparent; width: 48px; height: 47px; padding-top: 7px; font: bold 26px arial; color: #ffffff; text-align: center; }
.bola_euromillones { background: url("../img/resultados/euromillones.png") no-repeat scroll 0 0 transparent; width: 48px; height: 47px; padding-top: 7px; font: bold 26px arial; color: #ffffff; text-align: center; }
.bola_primitiva { background: url("../img/resultados/bonoloto.png") no-repeat scroll 0 0 transparent; width: 48px; height: 47px; padding-top: 7px; font: bold 26px arial; color: #ffffff; text-align: center; }
.bola_gordo { background: url("../img/resultados/gordo.png") no-repeat scroll 0 0 transparent; width: 48px; height: 47px; padding-top: 7px; font: bold 26px arial; color: #ffffff; text-align: center; }
.numero_joker {font: bold 24px arial;
    
    margin: 2px 1px 2px 0;
    padding: 5px 0 0;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
    vertical-align: middle;
    width: 49px;}


.bola_complementario{
	background: url("../img/resultados/complementario.png") no-repeat scroll 0 0 transparent;
	width: 48px;  
	height: 47px;
	padding-top: 7px; 	
	font: bold 26px arial; 
	color: #ffffff;	
	text-align: center;
	}

.bola_reintegro{
	background: url("../img/resultados/reintegro.png") no-repeat scroll 0 0 transparent;		
	width: 48px;  
	height: 47px;
	padding-top: 7px; 	
	font: bold 26px arial; 
	color: #ffffff;	
	text-align: center;
}


.bola_fallo {
	background: url("../img/resultados/bola_fallo.png") no-repeat scroll 0 0 transparent;		
	width: 48px;  
	height: 47px;
	padding-top: 7px; 	
	font: bold 26px arial; 
	color: #000;	
	text-align: center;
	}

.bola_reintegro_fallo{
	background: url("../img/resultados/reintegro_fallo.png") no-repeat scroll 0 0 transparent;		
	width: 48px;  
	height: 47px;
	padding-top: 7px; 	
	font: bold 26px arial; 
	color: #000;	
	text-align: center;
}

/* Bolas para las estrellas de Euromillones */
ul.estrella { margin: 0px; padding: 0px; }

ul.estrella li { float: left; margin-left: 20px; list-style: none outside none; vertical-align: middle; }

.estrella_euromillones{
	background: url("../img/resultados/estrella.png") no-repeat scroll 0 0 transparent;		
	width: 56px;  
	height: 52px;
	padding-top: 12px; 	
	font: bold 26px arial; 
	color: #000;	
	text-align: center;
}

.estrella_euromillones_fallo{
	background: url("../img/resultados/estrella_fallo2.png") no-repeat scroll 0 0 transparent;		
	width: 56px;  
	height: 52px;
	padding-top: 12px; 	
	font: bold 26px arial; 
	color: #000;	
	text-align: center;
}

/*****************************************/
/* COMPROBADORES DE RESULTADOS  		*/ 
/***************************************/




/* Contenedor del comprobador */
.left { float: left }
.comprobador { margin:3px; padding:3px; margin: 0 auto; color:#FFFFFF; text-shadow: 0px 1px 0px #000000; }
.comprobador_bonoloto { width:200px; }
.comprobador_reintegro { color: #1A75CE; padding:6px; margin: 0 auto; width: 110px; }
.comprobador_euromillones { width: 240px; }
.comprobador_estrellas { color: #1A75CE; margin-top:15px; text-align: left; margin-bottom: 10px; }

.comprobador_7_39 { width:435px;  margin:0 auto;}
.comprobador_superonce { width:435px;  margin:0 auto;}

/* Contenedor del resultado de la comprobación */
.div_resultado { /* Fondo del resultado de la comprobación */
	width:300px;	
	margin: 5px auto;
	background: none repeat scroll 0 0 #FFFFA2;
	-moz-box-shadow: 3px 3px 4px #111; 
	-webkit-box-shadow: 3px 3px 4px #111; 
	box-shadow: 3px 3px 4px #111; 
	-ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#111111)'; 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');	
	
	text-shadow: none;
	padding: 2px;
}
.div_resultado table {text-align: center; }
.div_resultado p { margin: 10px 0px; }
.div_resultado .premio {font-weight: bold; font-size: 15px; }
.div_resultado div { margin: 10px 0px; }

/* Movidos y modificados los estilos de las cajas del comprobador de estrellas de Euromillon */
.estrComp {    
		font: 18px/20px Verdana,Arial;
		padding: 10px 0px 6px 0px;		
		text-align: center;
		width:37px;		
		cursor:pointer;
		margin-right: 40px;
	}
.estrCompOff {
		background-image: url("../img/resultados/estrella_comprobador.png"); 
		background-repeat:no-repeat;
		background-color: #FFFFFF;		
		color: red;    
	}
.estrCompOn {
		background-image: url("../img/resultados/estrella_comprobador.png"); 
		background-repeat:no-repeat;
		background-color: #FF0000;	
		color: white;    
	}

/* Lista con las bolas del resultado de la comprobación */
/*ul.combinacionJA { padding: 0px; margin:0px; }
ul.combinacionJA li {
		float:left;
		list-style: none; 
		margin:2px 1px 2px 0px; 		    	    	
    }
*/
ul.combinacion_comprobador { padding: 0px; margin:0px; }
ul.combinacion_comprobador li {
		float:left;
		list-style: none; 
		margin:0px 2px 0px 0px; 	
		 	    	    	
    }
ul.combinacion_comprobador li.txt_RC, .txt_RC{
	font: bold 24px arial;
    height: 40px;
   
    margin: 2px 1px 2px 0;
    padding: 10px 0 0;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
    vertical-align: middle;
    width: 49px;
}
/* Bola para el comprobador de Bonoloto */
/*.bolaResultadoBonoloto {background-image:url("../img/resultados/bola_comprobador_verde_50.png"); background-repeat:no-repeat;}*/
/*.bolaResultadoAcierto { color: yellow;  }*/
/*.bolaResultadoFallo { color:black; }*/

/* Bolas para el reintegro y el complementario de Bonoloto */
/*.bolaComplementario { color: yellow; background-image:url("../img/resultados/bola_comprobador_complementario_50.png"); background-repeat:no-repeat; }*/
/*.bolaReintegroFallo { color: black; background-image:url("../img/resultados/bola_comprobador_reintegro.png"); background-repeat:no-repeat;}*/
/*.bolaReintegroAcierto{ color: red; background-image:url("../img/resultados/bola_comprobador_reintegro.png"); background-repeat:no-repeat;	}*/

/* Bola para el comprobador de Euromillones */
.bolaResultadoEuromillones { background-image:url("../img/resultados/bola_comprobador_azul_50.png"); background-repeat:no-repeat; }
.bolaResultadoAciertoEuro { color: yellow;  }
.bolaResultadoFalloEuro {color:black; }

/* Estrellas para el comprobador de Euromillones */
.estrellaEuromillones { background-image:url("../img/resultados/estrella_resultado_50.png"); background-repeat:no-repeat; }
.estrellaAcierto { color: red; }
.estrellaFallo{ color: black; }


/* 	Tabla del resultado del comprobador de JA */
.tablaResultado { border:1px solid red; font-size:18px; text-align:center;}
.tablaResultado td { padding: 10px; text-align: center; }
.tablaResultado .premio { color:blue; }
.tablaResultadoMultiple {font-size:14px;  display: inline-block; max-width: 310px; text-shadow: none; }
.tablaResultadoMultiple td, .tablaResultadoMultiple th { border: 1px solid #000000; padding: 5px;  }
 span.premioTotal { color:red; font-size: 20px; font-weight: bold; }
.sinPremio {color: red; text-align: center; font-size: 20px; }

/* Contenedor del boton que muestra el comprobador */
#div_btnMostrarComprobador { margin: 10px 0px; } 


/*****************************************************************************************/
/* ESTILOS PARA LOS RESULTADOS DE LOS JUEGOS DE LA ONCE */
/*********************************************************/
.div_resultados_once  { padding: 10px; }
.tabla_resultados_once { border-collapse: collapse;   border-spacing: 0;    margin: 0;    padding: 0px; }
.tabla_resultados_once .col_logo_once  { }
.tabla_resultados_once .col_juego_once { }
.tabla_resultados_once .col_combinacion_once { }
.tabla_resultados_once .col_bolaExtra_once { }

.tabla_resultados_once td{ padding: 5px; vertical-align: middle;}
.tabla_resultados_once img { vertical-align: middle; }

/* Bolas para el resultado de los sorteos */

ul.resultado li.combinacion_once { text-align:center; margin-left:6px; color: #00551E;  text-shadow: 2px 2px 3px #FFFFFF; width: 35px;  height: 35px; font-size:24px; padding-top:4px; background: url("../img/resultados/bola_resultado_a35.png") no-repeat scroll 0 0 transparent;}
ul.resultado li.combinacion_once_7_39 { text-align:center; margin-left:6px; color: #ffffff;  text-shadow: 2px 2px 3px #000000; width: 35px;  height: 35px; font-size:20px; padding-top:6px; background: url("../img/resultados/bola_once_7_39_35.png") no-repeat scroll 0 0 transparent;}
ul.resultado li.combinacion_once_eurojackpot { text-align:center; margin-left:6px; color: #ffffff;  text-shadow: 2px 2px 3px #000000; width: 35px;  height: 35px; font-size:20px; padding-top:6px; background: url("../img/resultados/bola_once_eurojackpot_35.png") no-repeat scroll 0 0 transparent;}
ul.resultado li.combinacion_once_superonce { text-align:center; margin-left:6px; color: #ffffff;  text-shadow: 2px 2px 3px #000000; width: 35px;  height: 35px; font-size:20px; padding-top:3px; background: url("../img/resultados/bola_once_super_once_35.png") no-repeat scroll 0 0 transparent;}



/******************************************************************************/
/* 					
 * 						----- GLOBOS PARA MENSAJES ------
 * 
 * *****************************************************************************/
.globo_ayuda {		 	
	background-color: #FFFAD4;
	background: -webkit-linear-gradient(#FFFAD4, #FFFAA0) no-repeat scroll 0 0 #FFFAD4;
   	background: -moz-linear-gradient(#FFFAD4, #FFFAA0) no-repeat scroll 0 0 #FFFAD4;
  	background: -o-linear-gradient(#FFFAD4, #FFFAA0) no-repeat scroll 0 0 #FFFAD4;
    border: 1px solid #ECDF64;    
    margin: 0px 5px 0px 0px;
    
    -moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	 border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	
	
	-moz-box-shadow: 3px 5px 5px grey; /* Firefox */
  	-webkit-box-shadow: 3px 5px 5px grey; /* Safari and Chrome */
  	box-shadow: 3px 5px 5px grey; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  	    
    padding:  5px 10px 5px 10px;
    
    text-align: left;
    
    color:#666666;     
    text-decoration: none;
}

.globo_correcto{
	background-color: #C9FFCA;
	background: -webkit-linear-gradient(#e1ffe1, #C9FFCA) no-repeat scroll 0 0 #C9FFCA;
   	background: -moz-linear-gradient(#e1ffe1, #C9FFCA) no-repeat scroll 0 0 #C9FFCA;
  	background: -o-linear-gradient(#e1ffe1, #C9FFCA) no-repeat scroll 0 0 #C9FFCA;
    border: 1px solid #349534;    
    margin: 0px 5px 0px 0px;
    
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	 border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	
	
	-moz-box-shadow: 3px 5px 5px grey; /* Firefox */
  	-webkit-box-shadow: 3px 5px 5px grey; /* Safari and Chrome */
  	box-shadow: 3px 5px 5px grey; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  	
    color: #008000;
    font-weight: bold;
    padding: 4px;
    text-align: center;
   }
   
   
.globo_error{
	background-color: #FFa3a3;
	background: -webkit-linear-gradient(#FFa3a3, #FF6060) no-repeat scroll 0 0 #FFa3a3;
   	background: -moz-linear-gradient(#FFa3a3, #FF6060) no-repeat scroll 0 0 #FFa3a3;
  	background: -o-linear-gradient(#FFa3a3, #FF6060) no-repeat scroll 0 0 #FFa3a3;
    border: 1px solid #FF0000;    
    margin: 0px 5px 0px 0px;
    
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	 border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	
	
	-moz-box-shadow: 3px 5px 5px grey; /* Firefox */
  	-webkit-box-shadow: 3px 5px 5px grey; /* Safari and Chrome */
  	box-shadow: 3px 5px 5px grey; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  	
    color: yellow;
    font-weight: bold;
    padding: 4px;
    text-align: center;
   }