/* Inicio */

#inicio .maincol {
	display: block;
	float: left;
	width: 941px;
	position: relative;
	padding: 0;
}
	
	#inicio .maincol #content {
		display: inline;
		width: 859px;
		min-height: 400px;
		margin: 10px 0 30px 25px;
		padding: 10px;
		background: #14528f;
		position: relative;
	}
	
		#inicio .maincol #content #top-area {
			display: block;
			float: left;
			width: 859px;
			height: 174px;
		}
		
			#inicio .maincol #content #top-area #slideshow {
				display: block;
				float: left;
				width: 430px;
				height: 174px;
				
				overflow: hidden;
				position: relative;
			}
			
				#inicio .maincol #content #top-area #slideshow img {
				}
			
			/* Módulo RESERVAR */
			
			#inicio .maincol #content #top-area #reservar {
				display: block;
				float: left;
				width: 670px;
				height: 174px;
				background: url('../imagenes/p2_fondo_reservar2.jpg') no-repeat 0px 0px;
			}
			
				#top-area #reservar h3 {
					display: block;
					float: left;
					width:419px;
					height: 36px;
					color: #FFFFFF;
					font: bold 12px/36px Arial, Helvetica, sans serif;
					font-style: normal;
					text-transform: uppercase;
					text-align: center;
				}
				
					#top-area #reservar h3 span {
						color: #f0db0f;						
						font: bold 18px/36px Arial, Helvetica, sans serif;						
						font-style: italic;
					}
					
				#top-area #reservar p {
					display: block;
					float: left;
					width: 820px;
					height: 118px;
					/*background: url('../imagenes/p2_adorno_billetes.png') no-repeat right center;					*/
					color: #f0db0f;						
					font: bold 16px/18px Arial, Helvetica, sans serif;
					padding: 20px 0 0 30px;
				}
				
					#top-area #reservar p span {
						text-transform: uppercase;
					}
					
					#top-area #reservar p a {
						display: block;
						width: 178px;
						height: 33px;						
						background: url('../imagenes/p2_boton_reservar.png') no-repeat 0px 0px;
						text-indent: -5005px;
						margin: 10px 0 0 0;
						
					}
				
			/* Módulo Reservar ------------------------------------------------------------ */
			
			#inicio .maincol #content #top-area #top-right-bar {
				display: inline;
				float: left;
				width: 175px;
				margin: 0 0 0 12px;
			}
			
				/* Módulo BANNERS */
				
				#top-right-bar #p2_top-banners {
					display: block;
					float: left;
					width: 175px;
				}
				
					#top-right-bar #p2_top-banners ul {
						display: block;
						float: left;
						margin: 0;
						padding: 0;
					}
					
						#top-right-bar #p2_top-banners ul li {
							display: block;
							float: left;
							list-style: none;
							margin: 0 0 10px 0;
						}
						
							#top-right-bar #p2_top-banners ul li.last {
								margin: 0;
							}
						
							#top-right-bar #p2_top-banners ul li a {
								display: block;
								float: left;
							}
							
				/* Módulo Banners ------------------------------------------------------------ */
			
			
		#inicio .maincol #content #content-area {
			display: block;
			float: left;
			width: 859px;
			margin: 10px 0 0 0;
		}
		
			#inicio .maincol #content #content-area #left-bar {
				display: block;
				float: left;
				width: 225px;
			}
			
				/* Módulo BOTES */
				
				#left-bar #botes {
					display: block;
					float: left;
					width: 225px;
					background: #154d05;
				}
				
					#left-bar #botes h3 {
						display: block;
						float: left;
						width: 225px;
						height: 36px;
						background: #042f01;
						
						font: normal 12px/36px Arial, Helvetica, sans serif;
						font-style: normal;
						text-transform: normal;
						color: #f0db0f;
						
						text-align: center;
					}
					
						#left-bar #botes h3 span {							
							font: bold 18px/36px Arial, Helvetica, sans serif;						
							text-transform: uppercase;
							font-style: italic;
						}
					
					#left-bar #botes ul {
						display: block;
						float: left;
						width: 205px;
						padding: 10px;
					}
						
						#left-bar #botes ul li {
							display: block;
							float: left;
							width: 204px;
							height: 75px;
							margin: 0 0 10px 0;
							padding: 0;
							background: url('../imagenes/p2_bg_item_bote.jpg') no-repeat 0px 0px;
						}
						
							#left-bar #botes ul li.last {
								margin: 0;
							}
						
							#left-bar #botes ul li p {
								display: block;
								float: left;
								width: 134px;
								height: 65px;
								padding: 10px 0 0 70px;
								
								color: #042f01;
								font: normal 14px/16px Arial, Helvetica, sans serif;
							}
							
								#left-bar #botes ul li p.euromillones {
									background: url('../imagenes/p2_logo_bote_euro.jpg') no-repeat 26px 13px;
								}
								
								#left-bar #botes ul li p.bonoloto {
									background: url('../imagenes/p2_logo_bote_bonoloto.jpg') no-repeat 26px 13px;
								}
								
								#left-bar #botes ul li p.elgordo {
									background: url('../imagenes/p2_logo_bote_elgordo.jpg') no-repeat 26px 13px;
								}
								
								#left-bar #botes ul li p.laprimitiva {
									background: url('../imagenes/p2_logo_bote_primitiva.jpg') no-repeat 26px 13px;
								}
								
								#left-bar #botes ul li p.loteria {
									background: url('../imagenes/p2_logo_bote_loteria.jpg') no-repeat 26px 13px;
								}
								
								#left-bar #botes ul li p.quinigol {
									background: url('../imagenes/p2_logo_bote_quinigol.jpg') no-repeat 26px 13px;
								}
								
								#left-bar #botes ul li p.loto {
									background: url('../imagenes/p2_logo_bote_loto.jpg') no-repeat 26px 13px;
								}
							
								#left-bar #botes ul li p span {
									font: bold 18px/26px Arial, Helvetica, sans serif;
								}
								
					/* Módulo BOTES ------------------------------------------------------------ */
			
			#inicio .maincol #content #content-area #main-bar {
				display: inline;
				float: left;
				width: 435px;
				margin: 0 0 0 12px;
			}
			
				#main-bar img { display: block; }
				
				
				/* Módulo SUEÑOS */				
							
				#main-bar #sueños {
					display: block;
					float: left;
					width: 435px;
					height: 106px;
					margin: 15px 0 0 0;
					background: url('../imagenes/p2_bg_participaciones.jpg') no-repeat 0px 0px;
				}
				
					#main-bar #sueños h3 {
						display: block;
						float: left;
						width: 435px;
						height: 36px;					
						font: bold 18px/45px Arial, Helvetica, sans serif;						
						text-transform: uppercase;
						font-style: italic;
						color: #f0db0f;						
						text-align: center;
						margin: 0;
					}
					
					#main-bar #sueños p {
						display: block;
						float: left;
						width: 370px;				
						font: bold 14px/18px Arial, Helvetica, sans serif;						
						color: #f8eb71;
						text-align: center;
						padding: 3px 30px 0 30px;
						_margin: -20px 0 0 0;
					}
				
					#main-bar #sueños  form div {
							display: block;
							float: left;
							width: 350px;
							margin: 10px 0 0 20px;
						}
						
					#main-bar #sueños  form div.left {
							display: block;
							float: left;
							width: 270px;
							height: 50px;
							padding: 0;
							margin: 0;
							text-align: left;
						}
						
					#main-bar #sueños form div.right {
							display: block;
							float: right;
							width: 70px;
							height: 50px;
							padding: 0;
							margin: 0;
						}
						
							#main-bar #sueños  form div.right #submitsueno {
								display: block;
								float: right;
								width: 70px;
								height: 20px;
								background: #403f3f;
								font: bold 14px/18px Arial, Helvetica, sans serif;
								color: #f6d811;
								text-align: center;
								text-transform: uppercase;
								cursor: pointer;
								border: 0px;
							}
						
					#main-bar #sueños  form input {
						text-align: left;
						background: #999999;
						width: 250px;
						border: 1px solid #999999;
						color: #FFFFFF;						
					}
				
				/* Módulo BUSCA NUMERO */
			
				#main-bar #buscanumero {
					display: block;
					float: left;
					width: 435px;
					height: 361px;
					margin: 10px 0 0 0;
					background: url('../imagenes/p2_bg_buscanumero.jpg') no-repeat 0px 0px;
				}
				
					#main-bar #buscanumero h3 {
						display: block;
						width: 250px;
						margin: 25px 0 0 0;
						padding: 0 150px 0 35px;
						font: bold 18px/22px Arial, Helvetica, sans serif;						
						text-transform: uppercase;
						font-style: italic;
						color: #f6d811;
					}
					
					#main-bar #buscanumero p {
						display: block;
						width: 220px;
						margin: 25px 0 0 0;
						padding: 0 160px 0 45px;
						font: bold 14px/18px Arial, Helvetica, sans serif;
						color: #f6d811;
					}
					
					#main-bar #buscanumero  form {
						display: inline;
						float: left;
						width: 360px;
						margin: 25px 0 0 45px;
					}
					
						#main-bar #buscanumero  form p {
							display: block;
							float: left;
							clear: left;
							width: 180px;
							margin: 0 0 5px 0;
							padding: 0;
							text-align: right;
						}
						
						#main-bar #buscanumero  form div {
							display: block;
							float: left;
							width: 350px;
							margin: 25px 0 0 0;
						}
						
						#main-bar #buscanumero  form div.left {
							display: block;
							float: left;
							width: 270px;
							height: 50px;
							padding: 0;
							margin: 0;
							text-align: left;
						}
						
							#main-bar #buscanumero  form div.left a:link,
							#main-bar #buscanumero  form div.left a:visited,
							#main-bar #buscanumero  form div.left a:hover {
								text-decoration: none;
								color: #000000;
							}
						
							#main-bar #buscanumero  form div.left label {
								font: bold 11px/14px Arial, Helvetica, sans serif;
								color: #403f3f;
							}
							
							#main-bar #buscanumero  form div.left input.checkbox {
								width: 20px;
								margin: 5px 0 0 0;
								padding: 0;
								border: 0px;
							}
						
						#main-bar #buscanumero  form div.right {
							display: block;
							float: right;
							width: 70px;
							height: 50px;
							padding: 0;
							margin: 0;
						}
						
							#main-bar #buscanumero  form div.right #submit {
								display: block;
								float: right;
								width: 70px;
								height: 50px;
								background: #403f3f;
								font: bold 14px/18px Arial, Helvetica, sans serif;
								color: #f6d811;
								text-align: center;
								text-transform: uppercase;
								cursor: pointer;
								border: 0px;
							}
					
						#main-bar #buscanumero  form label {
							text-align: right;
							font: bold 14px/18px Arial, Helvetica, sans serif;
							color: #ffffff;
						}
						
						#main-bar #buscanumero  form input {
							text-align: left;
							background: #999999;
							width: 100px;
							border: 1px solid #999999;
							color: #FFFFFF;
						}
						
						
						#main-bar #buscanumero  form .LV_validation_message {
							display: none;
						}
						
						#main-bar #buscanumero  form .LV_invalid_field {
							border: 1px solid red;
						}
				
				/* Módulo Busca Numero ------------------------------------------------------------ */				
				
				
				
				/* Módulo SUSCRIBE NUMERO */
				
				#main-bar #suscribenumero {
					display: block;
					float: left;
					width: 435px;
					margin: 15px 0 0 0;
					background: #033462;
				}
				
				
				
					#main-bar #suscribenumero h3 {
						display: block;
						float: left;
						width: 435px;
						height: 36px;
						background: #03274b;						
						font: bold 18px/36px Arial, Helvetica, sans serif;						
						text-transform: uppercase;
						font-style: italic;
						color: #f0db0f;						
						text-align: center;
					}
					
					#main-bar #suscribenumero ul {
						display: block;
						float: left;
						width: 416px;
						padding: 19px 0px 9px 19px;
						.padding: 19px 0px 18px 19px;
					}
					
						#main-bar #suscribenumero ul li {
							display: inline;
							float: left;
							width: 92px;
							height: 33px;
							background: #f0db0f;
							font: bold 24px/33px Arial, Helvetica, sans serif;
							margin: 0 10px 10px 0;
							text-align: center;
						}
						
							#main-bar #suscribenumero ul li a:link,
							#main-bar #suscribenumero ul li a:visited,
							#main-bar #suscribenumero ul li a:hover {
								text-decoration: none;
								cursor: default;
								color: #9d0404;
							}
							
				/* Módulo Suscribe Numero ------------------------------------------------------------ */
							
				
				/* Módulo PARTICIPACIONES */				
							
				#main-bar #participaciones {
					display: block;
					float: left;
					width: 435px;
					height: 106px;
					margin: 15px 0 0 0;
					background: url('../imagenes/p2_bg_participaciones.jpg') no-repeat 0px 0px;
				}
				
					#main-bar #participaciones h3 {
						display: block;
						float: left;
						width: 435px;
						height: 36px;					
						font: bold 18px/45px Arial, Helvetica, sans serif;						
						text-transform: uppercase;
						font-style: italic;
						color: #f0db0f;						
						text-align: center;
						margin: 0;
					}
					
					#main-bar #participaciones p {
						display: block;
						float: left;
						width: 370px;				
						font: bold 14px/18px Arial, Helvetica, sans serif;						
						color: #f8eb71;
						text-align: center;
						padding: 3px 30px 0 30px;
						_margin: -20px 0 0 0;
					}
					
				/* Módulo Participaciones ------------------------------------------------------------ */
				
				
			
			#inicio .maincol #content #content-area #right-bar {
				display: inline;
				float: left;
				width: 175px;
				margin: 0 0 0 12px;
			}
			
			
				/* Módulo BANNERS */
				
				#right-bar #p2_banners {
					display: block;
					float: left;
					width: 175px;
				}
				
					#right-bar #p2_banners ul {
						display: block;
						float: left;
						margin: 0;
						padding: 0;
					}
					
						#right-bar #p2_banners ul li {
							display: block;
							float: left;
							list-style: none;
							margin: 0 0 10px 0;
						}
						
							#right-bar #p2_banners ul li.last {
								margin: 0;
							}
						
							#right-bar #p2_banners ul li a {
								display: block;
								float: left;
							}
							
				/* Módulo Banners ------------------------------------------------------------ */
				
				
				/* Módulo DESTACADO */
				
				#right-bar #destacado {
					display: block;
					float: left;
					width: 175px;
					background: #154d05;
					margin: 10px 0 0 0;
				}
				
					#right-bar #destacado h3 {
						display: block;
						float: left;
						width: 165px;
						height: 36px;
						background: #042f01;						
						font: bold 18px/36px Arial, Helvetica, sans serif;						
						text-transform: uppercase;
						font-style: italic;
						color: #f0db0f;						
						text-align: left;
						padding: 0 0 0 10px;
					}
					
					#right-bar #destacado .news {
						display: block;
						float: left;
						width: 155px;
						margin: 0;
						padding: 10px 10px 0 10px;
						.padding: 10px 10px 0 0;
					}
					
					#right-bar #destacado ul {
						display: inline;
						float: left;
						width: 155px;
						margin: 10px 0 10px 0;
					}
					
						#right-bar #destacado ul li {
							display: block;
							width: 155px;
							height: 190px;
							color: #f0db0f;
							margin: 0 0 20px 0;
							.margin: 0 0 20px -5px;
						}
						
							#right-bar #destacado ul li h4 {
								display: block;
								float: left;
								width: 155px;
								font: bold 14px/18px Arial, Helvetica, sans serif;
								color: #f0db0f;
								margin: 0 0 10px 0;
							}
							
							#right-bar #destacado ul li a {
								text-decoration: underline;
								text-transform: uppercase;
								color: #f0db0f;
							}
							
				/* Módulo Destacado ------------------------------------------------------------ */
		
		
		#inicio .maincol #content #bottom-area {
			display: block;
			float: left;
			width: 859px;
			margin: 30px 0 0 0;
		}
		
		
		
		#inicio .maincol #content .envipulgar {
			display: block;
			position: absolute;
			bottom: -29px;
			left: 0;
		}
		
		
		
		








/* Paginacion */
.paginacion {
	font-size: 10px;
	color: yellow;
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	margin: 20px 0 0 0;
}

	.paginacion a:link,
	.paginacion a:visited {
		text-decoration: none;
		color: yellow;
	}
	
	.paginacion a:hover {
		color: #FFFFFF;
	}