/*
[class^="ico-"], [class*=" ico-"] {
  background-image: url('../ico-juegos/iconos_buscar_loteria.jpg');
  display: inline-block;
  vertical-align: middle;
}
*/

.ico-loteria-gr, .ico-gordo-gr, .ico-bonoloto-gr, .ico-primitiva-gr,
.ico-hipica-gr, .ico-quiniela-gr, .ico-quinigol-gr, .ico-euromillones-gr, .ico-once-gr, .ico-superonce-gr, .ico-739-gr,
.ico-once-gr-bn
	{
	background-image: url('../ico-juegos/iconos_buscar_loteria.jpg');
	display: inline-block;
	width: 64px;
	height: 62px;
	}


.ico-loteria-pq, .ico-gordo-pq, .ico-bonoloto-pq, .ico-primitiva-pq,
.ico-hipica-pq, .ico-quiniela-pq, .ico-quinigol-pq, .ico-euromillones-pq, .ico-once-pq,
.ico-superonce-pq, .ico-739-pq
	{
	background-image: url('../ico-juegos/iconos_buscar_loteria.jpg');
	display: inline-block;
	width: 30px;
	height: 29px;
	}
	
.ico-infolot , .ico-tykhegestion {
background-image: url('../ico-juegos/iconos_buscar_loteria.jpg');
	display: inline-block;
	width: 73px;
	height: 39px;
}	

.ico-contacto , .ico-administraciones {
	background-image: url('../ico-juegos/iconos_buscar_loteria.jpg');
	display: inline-block;
	width: 30px;
	height: 39px;
}

.ico-botes, .ico-buscarloteria, .ico-mapa , .ico-bullet{
	background-image: url('../ico-juegos/iconos_buscar_loteria.jpg');
	display: inline-block;
}	



.ico-bonoloto-gr { background-position: 613px -1px;}
.ico-euromillones-gr { background-position: 547px -1px}
.ico-gordo-gr { background-position: 478px -1px}
.ico-loteria-gr { background-position: 410px -1px}
.ico-hipica-gr { background-position: 339px -1px}
.ico-once-gr { background-position: 613px -66px;}
.ico-once-gr-bn { background-position:  533px -198px;}
.ico-primitiva-gr { background-position: 545px -66px}
.ico-quiniela-gr { background-position: 476px -66px}
.ico-quinigol-gr { background-position: 408px -66px}
.ico-superonce-gr { background-position: 288px -109px}
.ico-739-gr { background-position: 421px -163px}

.ico-bonoloto-pq { background-position: 610px -131px;}
.ico-euromillones-pq { background-position: 576px -131px}
.ico-gordo-pq { background-position: 543px -132px}
.ico-loteria-pq { background-position: 508px -131px}
.ico-hipica-pq { background-position: 473px -131px}
.ico-once-pq { background-position: 437px -131px;}
.ico-primitiva-pq { background-position: 403px -131px}
.ico-quiniela-pq { background-position: 369px -131px}
.ico-quinigol-pq { background-position: 334px -131px}
.ico-superonce-pq { background-position: 573px -205px}
.ico-739-pq { background-position: 608px -206px}

.ico-infolot  {background-position: -271px -70px}
.ico-tykhegestion  {background-position: 610px -164px;}
.ico-contacto  {background-position: 498px -160px;}
.ico-administraciones  {background-position: 461px -165px;}



.ico-botes {
	width: 128px;
	height: 51px;
	background-position: 343px -175px;
}

.ico-buscarloteria {
	width: 269px;
	height: 100px;
	background-position: 269px -3px;
}

.ico-mapa {
	width: 200px;
	height: 163px;
	background-position: 207px -110px;
}

.ico-bullet {
	width: 9px;
	height: 9px;
	background-position: 300px -133px;
}

/* Boton para la pagina del bote de un JA */
.boton_gris {
	background: none repeat scroll 0 0 grey;	
    background: -webkit-linear-gradient(silver, grey) no-repeat scroll 0 0 grey;
   	background: -moz-linear-gradient(silver, grey) no-repeat scroll 0 0 grey;
  	background: -o-linear-gradient(silver, grey) no-repeat scroll 0 0 grey;
  
    -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: center;
    cursor: pointer; 
    
    color:#ffffff; 
    font-weight: bold;    
}

.boton_gris:hover {
	background: none repeat scroll 0 0 silver;
	background: -webkit-linear-gradient(grey, silver) no-repeat scroll 0 0 silver;
   	background: -moz-linear-gradient(grey, silver) no-repeat scroll 0 0 silver;
  	background: -o-linear-gradient(grey, silver) no-repeat scroll 0 0 silver;
}
.boton_gris a{ color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
  
    
/* Boton para el carrito de compra de pe�as */    
.boton_verde{	
   	border: 2px solid #CCCCCC;
    margin: 0;
    
    -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 */	
   	
   	background: none repeat scroll 0 0 #00b13f;
  	background: -webkit-linear-gradient(#00b13f, #1fe566) no-repeat scroll 0 0 #38d614;
   	background: -moz-linear-gradient(#00b13f, #1fe566) no-repeat scroll 0 0 #38d614;
  	background: -o-linear-gradient(#00b13f, #1fe566) no-repeat scroll 0 0 #38d614;
  	
  	-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 2px 10px;
  	cursor: pointer; 
  	text-align: center;
  	color:#ffffff; 
  	font-weight: bold;
  	text-decoration: none;
}
.boton_verde:hover {
	background: none repeat scroll 0 0 #1fe566;
	background: -webkit-linear-gradient(#1fe566, #00b13f) no-repeat scroll 0 0 #92f84b;
   	background: -moz-linear-gradient(#1fe566, #00b13f) no-repeat scroll 0 0 #92f84b;
  	background: -o-linear-gradient(#1fe566, #00b13f) no-repeat scroll 0 0 #92f84b;
  	color:#ffffff;
}
.boton_verde a { text-decoration: none; color:#ffffff; font-weight: bold; }


/* Boton para la busqueda de pe�as segun el filtro aplicado */
.boton_azul{
	background-color: #2266ff;
	background: -webkit-linear-gradient(#2299ff, #2266ff) no-repeat scroll 0 0 #2266ff;
   	background: -moz-linear-gradient(#2299ff, #2266ff) no-repeat scroll 0 0 #2266ff;
  	background: -o-linear-gradient(#2299ff, #2266ff) no-repeat scroll 0 0 #2266ff;
    border: 2px solid #CCCCCC;
    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;
    cursor: pointer; 
    text-align: center;
    
    color:#ffffff; 
    font-weight: bold;   
    text-decoration: none;
}

.boton_azul:hover {
	background-color: #2299ff;
	background: -webkit-linear-gradient(#2266ff, #2299ff) no-repeat scroll 0 0 #2299ff;
   	background: -moz-linear-gradient(#2266ff, #2299ff) no-repeat scroll 0 0 #2299ff;
  	background: -o-linear-gradient(#2266ff, #2299ff) no-repeat scroll 0 0 #2299ff;
}

.boton_azul a { color:#ffffff; text-decoration: none;}


/* Boton de cancelar formularios */
.boton_rojo{
	background-color: #ff2929;
	background: -webkit-linear-gradient(#ff2929, #ff6161) no-repeat scroll 0 0 #2266ff;
   	background: -moz-linear-gradient(#ff2929, #ff6161) no-repeat scroll 0 0 #2266ff;
  	background: -o-linear-gradient(#ff2929, #ff6161) no-repeat scroll 0 0 #2266ff;
    border: 2px solid #CCCCCC;
    margin: 0;
    
    -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;
    cursor: pointer; 
    text-align: center;
    
    color:#ffffff; 
    font-weight: bold;   
    text-decoration: none;
}

.boton_rojo:hover {
	background-color: #ff6161;
	background: -webkit-linear-gradient(#ff6161, #ff2929) no-repeat scroll 0 0 #2299ff;
   	background: -moz-linear-gradient(#ff6161, #ff2929) no-repeat scroll 0 0 #2299ff;
  	background: -o-linear-gradient(#ff6161, #ff2929) no-repeat scroll 0 0 #2299ff;
}

/* Boton de gris plata (panel de control) */
.boton_gris_plata{
	background-color: #CCCCCC;
	background: -webkit-linear-gradient(#EEEEEE, #CCCCCC) no-repeat scroll 0 0 #EEEEEE;
   	background: -moz-linear-gradient(#EEEEEE, #CCCCCC) no-repeat scroll 0 0 #EEEEEE;
  	background: -o-linear-gradient(#EEEEEE, #CCCCCC) no-repeat scroll 0 0 #EEEEEE;
    border: 2px solid #CCCCCC;    
    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;
    cursor: pointer; 
    text-align: center;
    
    color:#666666; 
    font-weight: bold;   
    text-decoration: none;
}

.boton_gris_plata:hover {
	background-color: #EEEEEE;
	background: -webkit-linear-gradient(#CCCCCC, #EEEEEE) no-repeat scroll 0 0 #CCCCCC;
   	background: -moz-linear-gradient(#CCCCCC, #EEEEEE) no-repeat scroll 0 0 #CCCCCC;
  	background: -o-linear-gradient(#CCCCCC, #EEEEEE) no-repeat scroll 0 0 #CCCCCC;
}


/* Boton con la imagen de la impresora en el fondo */
.boton_imprimir{ 
	background: none repeat scroll 0 0 #2266ff;
	background: -webkit-linear-gradient(#2299ff, #2266ff) no-repeat scroll 0 0 #2266ff;
   	background: -moz-linear-gradient(#2299ff, #2266ff) no-repeat scroll 0 0 #2266ff;
  	background: -o-linear-gradient(#2299ff, #2266ff) no-repeat scroll 0 0 #2266ff;
  	background-image: url("/img/printer_25.png"); 
	background-repeat: no-repeat;	
	}

.boton_imprimir:hover{
	background: none repeat scroll 0 0 #2299ff;
	background: -webkit-linear-gradient(#2266ff, #2299ff) no-repeat scroll 0 0 #2299ff;
   	background: -moz-linear-gradient(#2266ff, #2299ff) no-repeat scroll 0 0 #2299ff;
  	background: -o-linear-gradient(#2266ff, #2299ff) no-repeat scroll 0 0 #2299ff;
}
 
 

/* Boton de cancelar formularios */
.boton_rojo_accion{
	background-color: #e01c28;
	background: -webkit-linear-gradient(#fe9a9f, #e01c28) no-repeat scroll 0 0 #2266ff;
   	background: -moz-linear-gradient(#fe9a9f, #e01c28) no-repeat scroll 0 0 #2266ff;
  	background: -o-linear-gradient(#fe9a9f, #e01c28) no-repeat scroll 0 0 #2266ff;
    border: 2px solid #CCCCCC;
    margin: 0;
    
    -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:  10px 10px 10px 10px;
    cursor: pointer; 
    text-align: center;
    
    color:#ffffff; 
    font-weight: bold;   
    text-decoration: none;
}


.boton_rojo_accion:hover {
	background-color: #fe9a9f;
	background: -webkit-linear-gradient(#e01c28, #fe9a9f) no-repeat scroll 0 0 #2299ff;
   	background: -moz-linear-gradient(#e01c28, #fe9a9f) no-repeat scroll 0 0 #2299ff;
  	background: -o-linear-gradient(#e01c28, #fe9a9f) no-repeat scroll 0 0 #2299ff;
}


.boton_buscar_loteria{	
	display:block;
	height: 55px;
	width: 140px;
	font-size: 30px;
	margin: 10px 0;
	padding: 0px;
}

.boton_comprobar_loteria{	
	display:block;
	height: 35px;
	width: 130px;
	font-size: 23px;	
	line-height: 30px;
}

/*********************************************************************************/
/* BOTON DEL SELECTOR DE SORTEOS DEL FORMULARIO DE adminstracion-de-loteria.php */
/*******************************************************************************/
.boton_cambiar{   
	/*background-image: url("/img/boton_verde_cambiar.png");
    background-repeat: no-repeat;*/
    /*display: inline-table;*/
    height: 42px;
    width: 90px;  
    border: none;
}
.boton_cambiar:hover{ background-image: url('/img/boton_verde_cambiar_hover.png');  }


/*********************************************************************************/
/*  SIMBOLO DE SUMA PARA BOT�N DE ANADIR  */
/*********************************************************/
.anadir_elemento{
	background: url('../ico-juegos/add_25.png') top left no-repeat;
	width: 25px;
	height: 25px;
	cursor: pointer;
}