/* CSS Document */

body { margin: 0; padding: 0 0 10px 0; background-image: url(img/fondo.gif); background-position: top left; background-repeat: repeat-x; background-color: #3540bb; text-align: center; font-family: Arial, Helvetica, sans-serif}

body.bono { margin: 0; padding: 15px 5px 15px 15px; background-image: url(img/fondoBono.jpg); background-position: top left; background-repeat: no-repeat; background-color: #2633a8; text-align: left; font-family: Arial, Helvetica, sans-serif}
	body.bono img {float: left; margin-right: 7px;}
	body.bono h1 { font-size: 18px; font-weight: bold; color: #fff; font-style: normal; line-height: 22px;}
	body.bono h1 span {color: #fce500}
		body.bono h1 span.grande { font-size: 32px; color: #fff;}
	body.bono p {margin: 10px 0; color: #fff; font-size: 15px;}

body.viaje { margin: 0; padding: 15px; background-image: url(img/fondoViaje.jpg); background-position: top left; background-repeat: no-repeat; background-color: #2633a8; text-align: left; font-family: Arial, Helvetica, sans-serif}	
	body.viaje p {padding: 85px 0 10px 0; color: #fff; font-size: 15px; font-weight: bold}
	
ul li {list-style-type: none}	
	
	h1, h2, h3, h4, h5, p, ul, li, img, dl, dt, dd, fieldset, thead, tr, tbody, ol {margin: 0; padding: 0;}
	img{border: 0;}
	.hide {position: absolute;
	top: -1500em;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;	}
	.clr {clear: both;}
A:link {text-decoration: none; color:#a17900}
A:visited {text-decoration: none; color:#a17900}
	#wrapper { position: relative; width: 900px; margin: 0 auto 0 auto; text-align: left}
	#columnaIzq { float: left; width: 769px; margin: 0 auto 0 auto; text-align: left;}
	#columnaIzq:after, #columnaIzq .contenido .contenidoMiddle:after {clear:both; display:block; height:0; content:"."; visibility:hidden;}	
	*html #columnaIzq, *html #columnaIzq .contenido .contenidoMiddle{height: 1%;}
		#columnaIzq .logo  {float: left; padding: 240px 25px 155px 25px; width: 151px; font-size: 11px; line-height: 16px; background: #fff url(img/fondoLogo.gif) bottom left no-repeat;}
			#columnaIzq .logo .bienvenidos {margin-bottom: 5px;}
		#columnaIzq .contenido { float: left; width: 568px;}
			#columnaIzq .contenido .contenidoTop {position: relative;  padding: 3px 0 15px 0; background: #000f75 url(img/backTopContenido.gif) bottom right no-repeat;}
				#columnaIzq .contenido .contenidoTop ul {margin: 0; padding: 3px 0 1px 0; height: 15px; }
				#columnaIzq .contenido .contenidoTop ul li { float: left; padding: 0 5px 0 0; margin: 0 3px 0 0; font-size: 10px; color: #fff; list-style-type: none}
					#columnaIzq .contenido .contenidoTop ul li a {color: #fff; text-decoration: none}
						#columnaIzq .contenido .contenidoTop ul li a:hover {text-decoration: underline}
				#columnaIzq .contenido .contenidoTop ul li.border { border-right: 1px solid #fff}
				#columnaIzq .contenido .contenidoTop ul li.mapa {margin-left: 10px; padding-left: 15px; background: url(img/icoMapaWeb.gif) center left no-repeat;}
				#columnaIzq .contenido .contenidoTop ul li.contacta { margin-left: 10px; padding-left: 17px; background: url(img/icoContacta.gif) center left no-repeat; }
			#columnaIzq .contenido .contenidoMiddle { padding-left: 30px; background: url(img/backMiddleContenido.gif) top right repeat-y; border-left: 11px solid #c3a800}
		
				#columnaIzq .contenido .contenidoMiddle .banner { width: 545px; margin-left: -30px; background: url(img/nubes.gif) top right no-repeat;}
					#columnaIzq .contenido .contenidoMiddle .banner img.bannerVerano {margin: 16px 0 15px 30px}
					#columnaIzq .contenido .contenidoMiddle .banner img.proxima {margin: 16px 0 130px 30px}
					#columnaIzq .contenido .contenidoMiddle .banner img.plano {margin: 16px 0 5px 30px}
					
					#columnaIzq .contenido .contenidoMiddle .banner .txtMapa { width: 479px; margin: 0 0 15px 30px; padding: 10px; font-size: 15px; color: #784f00; border: 1px solid #784f00; background: #fff;}
						#columnaIzq .contenido .contenidoMiddle .banner .txtMapa ul li{ font-size: 12px;}
							#columnaIzq .contenido .contenidoMiddle .banner .txtMapa ul li a {color: #784f00; text-decoration: none}
							#columnaIzq .contenido .contenidoMiddle .banner .txtMapa ul li a:hover { font-weight: bold; text-decoration: underline}
						#columnaIzq .contenido .contenidoMiddle .banner .txtMapa ul li.titular{ padding: 3px; font-size: 14px; font-weight: bold; background: #784f00; color: #fff;}
						
				 	#columnaIzq .contenido .contenidoMiddle .banner .registrarse { margin: 0 0 15px 30px; background: url(img/registrate.gif) 0 16px no-repeat;}
						#columnaIzq .contenido .contenidoMiddle .banner .registrarse fieldset { width: 93%; padding-top: 65px; margin-left: 10px; border: 0; font-size: 12px; color: #784f00}					
						#columnaIzq .contenido .contenidoMiddle .banner .registrarse label { float: left; display: block; margin-bottom: 5px; padding-bottom: 3px; border-bottom: 1px dashed #dabf00 }
							#columnaIzq .contenido .contenidoMiddle .banner .registrarse label.sin {border: 0;}
							#columnaIzq .contenido .contenidoMiddle .banner .registrarse label span { float: left; width: 90px;}
							#columnaIzq .contenido .contenidoMiddle .banner .registrarse label.datos { padding-left: 10px;}
							#columnaIzq .contenido .contenidoMiddle .banner .registrarse label.oblig { background: url(img/asterisco.gif) 0 3px no-repeat;}
						#columnaIzq .contenido .contenidoMiddle .banner .registrarse input {width: 120px; font-size: 11px; background: #fffabd; border: 1px solid #dabf00; color: #784f00}
							#columnaIzq .contenido .contenidoMiddle .banner .registrarse .botones input.enviar{width: 59%; padding: 5px; font-weight: bold; background: #784f00; color: #fff; cursor: pointer;} 
								*html #columnaIzq .contenido .contenidoMiddle .banner .registrarse .botones input.enviar{width: 60%; padding: 5px; font-weight: bold; background: #784f00; color: #fff}
							#columnaIzq .contenido .contenidoMiddle .banner .registrarse .botones input.limpiar{width: 39%; padding: 5px; font-weight: bold; background: #fff; cursor: pointer;} 
							#columnaIzq .contenido .contenidoMiddle .banner .registrarse .legal {font-size: 10px;}
							#columnaIzq .contenido .contenidoMiddle .banner .registrarse .legal p{margin-top: 5px;}
							#columnaIzq .contenido .contenidoMiddle .banner .registrarse .legal input{width: 5%; border:0; background: none;} 
						#columnaIzq .contenido .contenidoMiddle .banner .registrarse select {width: 125px; font-size: 11px; background: #fffabd; color: #784f00}
				 		#columnaIzq .contenido .contenidoMiddle .banner .registrarse .formFlota {float: left; width: 236px; margin: 0 12px 10px 0; padding-right: 0px; border-right: 1px solid #dabf00}
				 	
				 #columnaIzq .contenido .contenidoMiddle .banner .fotos {width: 500px; margin: 0 0 15px 30px; padding-top: 15px;}
				 #columnaIzq .contenido .contenidoMiddle .banner .fotos .fondo { float: left; margin-bottom: 8px; height: 225px; background: url(img/txtFoto.gif) bottom left no-repeat;}
				 #columnaIzq .contenido .contenidoMiddle .banner .fotos	 .right {margin-right: 8px;}
					#columnaIzq .contenido .contenidoMiddle .banner .fotos .fondo img {border: 5px solid #784f00}
					#columnaIzq .contenido .contenidoMiddle .banner .fotos .fondo p.una { width: 230px; padding: 10px 5px 0 5px; color: #fce500; font-size: 13px; font-weight: bold; text-align: center; line-height: 14x;}
					#columnaIzq .contenido .contenidoMiddle .banner .fotos .fondo p.dos { width: 230px; padding: 0px 5px 0 5px; color: #fce500; font-size: 13px; font-weight: bold; text-align: center; line-height: 14x;}
					#columnaIzq .contenido .contenidoMiddle .banner .fotos .right p.una { width: 230px; padding: 10px 5px 0 5px; color: #fce500; font-size: 13px; font-weight: bold; text-align: center; line-height: 14x;}
					#columnaIzq .contenido .contenidoMiddle .banner .fotos .right p.dos { width: 230px; padding: 0px 5px 0 5px; color: #fce500; font-size: 13px; font-weight: bold; text-align: center; line-height: 14x;}
				
				 #columnaIzq .contenido .contenidoMiddle .colIzq {float: left; width: 382px; margin: 0; padding: 0; background: url(img/ofertaInauguracion.jpg) top left no-repeat;}
					#columnaIzq .contenido .contenidoMiddle .colIzq dl { width: 362px; margin: 35px 0 0 0; padding: 5px 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
					#columnaIzq .contenido .contenidoMiddle .colIzq dt {font-weight: normal; color: #a17900}
					#columnaIzq .contenido .contenidoMiddle .colIzq dt.segundaTitular {margin: 5px 0 0 0; padding-top: 5px;  border-top: 1px solid #a07e1c}
					#columnaIzq .contenido .contenidoMiddle .colIzq dd {color: #5c4501}
						#columnaIzq .contenido .contenidoMiddle .colIzq dd.foto {float: left; margin-right: 7px;}
						#columnaIzq .contenido .contenidoMiddle .colIzq dd.segundaFoto { clear:both; float: left; margin: 5px 7px 0 0; padding-top: 5px;}
					
				 #columnaIzq .contenido .contenidoMiddle .colDch {float: left; width: 382px; margin: 0; padding: 0; background: url(img/eventos.jpg) top left no-repeat;}
					#columnaIzq .contenido .contenidoMiddle .colDch dl { width: 362px; margin: 35px 0 0 0; padding: 5px 10px; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
					#columnaIzq .contenido .contenidoMiddle .colDch dt {
	font-weight: normal;
	color: #a17900;
	font-style: italic;
}
					#columnaIzq .contenido .contenidoMiddle .colDch dt.segundaTitular {margin: 5px 0 0 0; padding-top: 5px;  border-top: 1px solid #a07e1c}
					#columnaIzq .contenido .contenidoMiddle .colDch dd {color: #5c4501}
						#columnaIzq .contenido .contenidoMiddle .colDch dd.foto {float: left; margin-right: 7px;}
						#columnaIzq .contenido .contenidoMiddle .colDch dd.segundaFoto { clear:both; float: left; margin: 5px 7px 0 0; padding-top: 5px;}	
				#columnaIzq .contenido .contenidoMiddle .colDrcha { float: left; width: 109px;  padding-left: 12px;}	
					#columnaIzq .contenido .contenidoMiddle .colDrcha .bonopark {margin-bottom: 4px;}
					
				.normas { width: 486px; font-size: 12px}	
				.establecimiento { padding: 50px 10px 0 10px; background: url(img/fondoEstablecimiento.jpg) top left no-repeat;}
				.parque { padding: 15px 10px 0 10px;}
					.normas ol { padding-left: 40px; font-weight: bold; font-size: 15px; color: #784f00;}
						.normas ol li {margin-bottom: 10px;}
							.normas ol li span { font-weight: normal; font-size: 12px; color: #784f00;}
					.normas img {margin-bottom: 5px;}
					.normas p {margin-bottom: 12px; line-height: 12px; color: #795001}
					.normas table th{ padding: 2px; background: #795001; color: #fce501; font-size: 11px; font-weight: bold; text-align: center}
					.normas table td {font-size: 10px; color: #795001; text-align: center; border-bottom: 1px solid #795001}
				
	#footer{ width: 100%;background: url(img/fondoPie.gif) top right no-repeat; }
		#footer ul { width: 100%; padding-top: 40px; background: url(img/backBottomContenido.gif) top right no-repeat; text-align: right }
			#footer ul li { float: right; padding-left: 5px; font-size:10px; color: #fff; list-style-type: none}
				#footer ul li.border { padding-right: 5px; border-right: 1px solid #fff}
				
	span.txtPeq	{ display: block; font-size: 10px; padding: 0 0 5px 25px;}		
	
		
	#columnaDrcha { position: absolute; top: 50px; left: 769px;}
	#columnaDrcha .zonaClientes {width: 99px; margin: 5px 0 0 0; padding: 25px 0 0 17px; background: url(img/zonaAcceso.gif) 10px 0 no-repeat;}	
		#columnaDrcha .zonaClientes img {border: 0;}
		#columnaDrcha .zonaClientes input.txt{ display: block; width: 90px; margin: 0; padding: 0; margin-bottom: 4px; height: 12px; font-size: 10px; color: #000a5e; background: #e1e4ff}
		#columnaDrcha .zonaClientes input.entrar { display: block; width: 92px; margin-bottom: 5px; height: 18px; border: 0; background: url(img/btnEntrar.gif) top left no-repeat;  cursor: pointer;}
		#columnaDrcha .zonaClientes input.registrarse { display: block; width: 92px; margin-bottom: 150px; height: 18px; border: 0; background: url(img/btnRegistrarse.gif) top left no-repeat;  cursor: pointer}
		#columnaDrcha ul.menu {margin: 0; padding: 0;}	
			#columnaDrcha ul.menu li{ margin-bottom: 2px; text-align: left; list-style-type: none}
			#columnaDrcha ul.menu li img{ border: 0;}
		
	#flash {position: absolute; top: 20px; left: -27px; text-align: left;}	
	
.formulario {padding: 0 10px 0 30px; font-size: 11px}	
	.formulario #salado {}
		.formulario #salado p {display: block; padding: 5px 5px;}
	.formulario h3 {font-size: 12px;  background: url(img/backOpcion.gif) top left no-repeat; min-height: 33px;  padding: 5px 10px; color: #fff}
		*html .formulario h3 {height: 33px;}
	.formulario h4 { padding: 2px; border: 1px solid #d1b100; font-size: 14px; background: #ecd600; color: #784f00}
		.formulario h4.mixta { clear: both;}
	.formulario h5 { padding: 3px; font-size: 12px; color: #784f00; border-bottom: 1px solid #d1b100; border-top: 1px solid #d1b100}
	
	.formulario .opciones { width: 65%; float: right; background: url(img/backOpcionLinea.gif) 0 15px no-repeat; }	
		.formulario .opciones .salado { float: left; width: 38%; padding: 0 5px;}
		.formulario .opciones .dulce { float: left; width: 54%; margin-bottom: 7px; padding-left: 5px; border-left: 1px solid #784f00}
		.formulario .opciones .dulce ul li, .formulario .opciones .salado ul li { margin-bottom: 5px; list-style-type: none; border-top: 1px dashed #d1b100; color: #784f00}
		.formulario .opciones .dulce ul li.sin, .formulario .opciones .salado ul li.sin {border: 0;}
	.formulario .precio {padding: 0 0 0 0;}
	.formulario .precio fieldset { float: left; width: 30%; margin: 0; padding: 0; border: 0}
		*html .formulario .precio fieldset {margin-top: -19px;}
	.formulario .precio select {width: 145px; margin: 0 5px;}
	.formulario .precio input.tamano {width: 50%;}
	.formulario .precio #escribe { clear: both; width: 97.5%; margin: 0 0 20px 0;  padding: 7px; font-size: 16px; font-weight: bold; color: #784f00; background: url(img/fondoPresupuesto.gif) top left no-repeat; text-align: center; visibility: hidden}
		.formulario .precio #escribe p {}
		*html .formulario .precio #escribe {margin-top: -20px;}
	.formulario .precio label.tarta { display: block; width: 160px; margin: 5px 0; padding: 5px 0 7px 0; background: url(img/tarta.gif) top left no-repeat; font-size: 12px; font-weight: bold; color: #784f00} 
		.formulario .precio label.tarta span {padding: 0 5px}
		.formulario .precio label #tarta {background: #fff38d; color: #b28600; font-size: 11px; font-weight: bold}
	.formulario .precio label.ninos { display: block; width: 150px; margin: 10px 0; padding: 5px 5px; font-size: 12px; font-weight: bold; background: url(img/ninos.gif) top left no-repeat; color: #784f00} 
		.formulario .precio label.ninos input#numero {width: 15px; margin-right: 2px; padding: 2px; font-size: 11px; color: #b28600; font-weight: bold; background: #fff38d; border: 1px solid #aa9200; height: 11px;}
	.formulario #miCalendario{ min-height: 150px}
	
	input.calcular { width: 161px; height: 65px; background: url(img/calcular.gif) top left no-repeat; border: 0; cursor: pointer}
	table#calendario {width: 160px; margin: 0 0 0 0; padding: 0;}
	
		input#tunAnio {width: 32px; padding: 2px 0; background: #784f00; color: #fff; border: 0; text-align: center; font-size: 12px; font-weight: bold; border: 1px solid #fff}
	
	select#tunMes {width: 123px; color: #fff; font-weight: bold; background: #784f00; font-size: 12px}
		table {margin: 0; padding: 0;}
		table#calendario th { border-top: 1px solid #784f00; border-bottom: 1px solid #784f00; text-align: center; color: #784f00}
		table#calendario tr {text-align: center}
		tr#mesCalendario th { display: none;}
		table#calendario td {border-bottom: 1px dashed #d1b100} 
		
	ul.mixta {margin: 0 0 0 -5px; padding:0;}
	ul.mixta li{ margin: 0; padding: 0; color: #784f00;}	
	
	
	img.proxima {margin: 50px auto 50px auto;}
#wrapper #columnaIzq .contenido .contenidoMiddle .banner .colDch dl dd {
	font-weight: bold;
}
#wrapper #columnaIzq .contenido .contenidoMiddle .banner .colDch dl dt a {
	text-align: center;
}