<link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Rosario' rel='stylesheet' type='text/css'>
    <link rel="icon" href="favicon.ico" type="image/vnd.microsoft.icon" />
	<link rel= "shortcut icon" href = "favicon.ico">
	
		
	<!-- slide imagenes -->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<link href="css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
	<link href="css/highlight.black.css" type="text/css" media="all" rel="stylesheet" />
	<link href="css/sexy-bookmarks-style.css" type="text/css" media="all" rel="stylesheet" />
	<script src="js/jquery-1.6.3.min.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/jquery.animate-colors-min.js"></script>
	<script src="js/jquery.skitter.min.js"></script>
	<script src="js/highlight.js"></script>
	<script src="js/sexy-bookmarks-public.js"></script>
	<script src="js/DD_roundies_0.0.2a-min.js"></script>
			
	<link rel="stylesheet" href="css/general.css" type="text/css"/>
	
	<!-- DETERMINA CARACTERES QUE ACEPTA LA CASILLA DEL BUSCADOR INTERNO -->
<script>
	function BusquedaInterna(e)
	{
       key = e.keyCode || e.which;
       tecla = String.fromCharCode(key).toLowerCase();
       letras = "áéíóúabcdefghijklmnopqrstuvwxyz1234567890";
       especiales = [8,13,32,45,209,241];
       tecla_especial = false
       for(var i in especiales){
            if(key == especiales[i]){
                tecla_especial = true;
                break;
            }
        }
        if(letras.indexOf(tecla)==-1 && !tecla_especial){
            return false;
        }
    }
	
	function cajanumerica(e)
	{
       key = e.keyCode || e.which;
       tecla = String.fromCharCode(key).toLowerCase();
       letras = "1234567890";
       especiales = [8,13];
       tecla_especial = false
       for(var i in especiales){
            if(key == especiales[i]){
                tecla_especial = true;
                break;
            }
        }
        if(letras.indexOf(tecla)==-1 && !tecla_especial){
            return false;
        }
    }
	
	function bloquear(e){
       key = e.keyCode || e.which;
       tecla = String.fromCharCode(key).toLowerCase();
       letras = "";
       especiales = [];
       tecla_especial = false
       for(var i in especiales){
            if(key == especiales[i]){
                tecla_especial = true;
                break;
            }}
        if(letras.indexOf(tecla)==-1 && !tecla_especial){
            return false;
        }}
	
	function cajafecha(e){
       key = e.keyCode || e.which;
       tecla = String.fromCharCode(key).toLowerCase();
       letras = "1234567890";
       especiales = [8,13,45];
       tecla_especial = false
       for(var i in especiales){
            if(key == especiales[i]){
                tecla_especial = true;
                break;
            }
        }
        if(letras.indexOf(tecla)==-1 && !tecla_especial){
            return false;
        }
    }
		function aleatorio1(inf,sup)  // Genera un número aleatorio entre inf y sup (ambos incluidos)
				{
					numP = sup - inf; 
					rnd = Math.random() * numP;
					rnd = Math.round(rnd);
					numero = parseInt(inf) + rnd;
					return numero;
				} 
	 function alert1(mensaje)
		{
			var titulo = " CAMPING 'EL CANTONET' ";
			var dgcTiempo=500
			var ventanaCS='<div class="dgcAlert"><div class="dgcVentana"><div class="dgcCerrar"></div><div class="dgcTitulo">'+titulo+'<br><div class="dgcMensaje"><img src="'+mensaje+'" style="width:100%;height:100%" /><br></div></div></div></div>';
			$('body').append(ventanaCS);
			var alVentana=$('.dgcVentana').height();
			var alNav=$(window).height();
			var supNav=$(window).scrollTop();
			$('.dgcAlert').css('height',$(document).height());
			$('.dgcVentana').css('top',((alNav-alVentana)/2+supNav-100)+'px');
			$('.dgcAlert').css('display','block');
			$('.dgcAlert').animate({opacity:1},dgcTiempo);
			$('.dgcCerrar,.dgcAceptar').click(function(e) {
			$('.dgcAlert').animate({opacity:0},dgcTiempo);
			setTimeout("$('.dgcAlert').remove()",dgcTiempo);
			});
		}	
	 
	 
	 function alert2(mensaje)
		{
			var titulo = " ESTADO DE ALARMA POR COVID-19 ";
			var dgcTiempo=500
			var ventanaCS='<div class="dgcAlert1"><div class="dgcVentana1"><div class="dgcCerrar1"></div><div class="dgcTitulo1">'+titulo+'<br><div class="dgcMensaje1 negro">'+mensaje+'<br></div></div></div></div>';
			$('body').append(ventanaCS);
			var alVentana=$('.dgcVentana1').height();
			var alNav=$(window).height();
			var supNav=$(window).scrollTop();
			$('.dgcAlert1').css('height',$(document).height());
			$('.dgcVentana1').css('top',((alNav-alVentana)/2+supNav-100)+'px');
			$('.dgcAlert1').css('display','block');
			$('.dgcAlert1').animate({opacity:1},dgcTiempo);
			$('.dgcCerrar1,.dgcAceptar1').click(function(e) {
			$('.dgcAlert1').animate({opacity:0},dgcTiempo);
			setTimeout("$('.dgcAlert1').remove()",dgcTiempo);
			});
		}	
				
</script>

<style type="text/css">

<!--
#nav1{position:relative; margin:0px; left:0px; background:transparent; padding:0; font-family:'Arial', Helvetica, sans-serif; font-size:18px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#nav1 .clear{clear:both;}
#nav1 ul{padding:0 0 0 30px; margin:0; list-style:none; background:transparent;}
#nav1 li{float:left; margin:5px 5px 5px 15px; background:#020d3a; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#nav1 li a{text-decoration:none; background:transparent; color:white; display:block; padding:5px 15px;}
-->

</style>
<script>
	DD_roundies.addRule("#nav1", "5px");
	DD_roundies.addRule("#nav1 li", "5px");

</script>
<script>

$(document).ready(function(){
	$nav1_li=$("#nav1 li");
	$nav1_li_selected=$("#nav1 li.selected");
	$nav1_li_a=$nav1_li.children("a");
	var animSpeed=450; //fade speed
	var hoverTextColor="yellow"; //text color on mouse over
	var hoverBackgroundColor="none"; //background color on mouse over
	var textColor=$nav1_li_a.css("color");
	var backgroundColor=$nav1_li.css("background-color");
	//init selected
	$nav1_li_selected.css("background-color",hoverBackgroundColor).children().css("color",hoverTextColor);
	$nav1_li_a.hover(function() {
		var $this=$(this);
		$this.stop().animate({ color: hoverTextColor }, animSpeed).parent().stop().animate({ backgroundColor: hoverBackgroundColor }, animSpeed);
	},function() {
		var $this=$(this);
		if(!$this.parent().is(".selected")){
			$this.stop().animate({ color: textColor }, animSpeed).parent().stop().animate({ backgroundColor: backgroundColor }, animSpeed);
		}
	});
	//selected state
	$nav1_li_a.click(function(){
		var $this=$(this);
		$this.stop().animate({ color: hoverTextColor }, animSpeed).parent().stop().animate({ backgroundColor: hoverBackgroundColor }, animSpeed).addClass("selected").siblings(".selected").removeClass("selected").stop().animate({ backgroundColor: backgroundColor }, animSpeed).children().stop().animate({ color: textColor }, animSpeed);
	});
	
	
});

function aleatorio1(inf,sup)  // Genera un número aleatorio entre inf y sup (ambos incluidos)
				{
					numP = sup - inf; 
					rnd = Math.random() * numP;
					rnd = Math.round(rnd);
					numero = parseInt(inf) + rnd;
					return numero;
				} 
		
		
</script>
	<script>
	jQuery.noConflict();
	jQuery(document).ready(function(){
		
		jQuery('.box_skitter_large').skitter({label: false, numbers: false});
		jQuery('.box_skitter_small').skitter({label: false, numbers: false, interval: 3000});
		jQuery('.box_skitter_medium').css({width: 945, height: 480}).skitter({label: false,numbers: false,show_randomly: true, navigation: false, dots: false, interval: 3000});
		jQuery('.box_skitter_normal').css({width: 945, height: 480}).skitter({animation: 'blind', interval: 3000, hideTools: true});
		
		// Highlight
		jQuery('pre.code').highlight({source:1, zebra:1, indent:'space', list:'ol'});
		
	});
	</script>
<!-- DETERMINA COLOR DE LINKS POR DEFECTO DE LA WEB -->	

<style type="text/css">
		a:link {text-decoration:none; color: black;} /* Link no visitado*/
		a:visited {text-decoration:none; color: black;} /*Link visitado*/
		a:active {text-decoration:none; color: black; background:none;} /*Link activo*/
		a:hover {text-decoration:none; color: navy; background:none;} /*Mause sobre el link*/
</style>

	
 	
  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
	
<head>
	<script language="JavaScript">
	function cambio1(){
	document.getElementById("consulta").style.display = "block";
	document.getElementById("reserva").style.display = "none";
	}
function cambio2(){
	document.getElementById("reserva").style.display = "block";
	document.getElementById("consulta").style.display = "none";
	}

function alert2(mensaje)
		{
			var titulo = " Camping 'EL CANTONET' ";
			var dgcTiempo=500
			var ventanaCS='<div class="dgcAlert2"><div class="dgcVentana2"><div class="dgcCerrar"></div><div class="dgcTitulo">'+titulo+'<br><div class="dgcMensaje">'+mensaje+'<br><div class="dgcAceptar">Aceptar</div></div></div></div></div>';
			$('body').append(ventanaCS);
			var alVentana=$('.dgcVentana2').height();
			var alNav=$(window).height();
			var supNav=$(window).scrollTop();
			$('.dgcAlert2').css('height',$(document).height());
			$('.dgcVentana2').css('top',((alNav-alVentana)/2+supNav-100)+'px');
			$('.dgcAlert2').css('display','block');
			$('.dgcAlert2').animate({opacity:1},dgcTiempo);
			$('.dgcCerrar,.dgcAceptar').click(function(e) {
			$('.dgcAlert2').animate({opacity:0},dgcTiempo);
			setTimeout("$('.dgcAlert2').remove()",dgcTiempo);
			});
		}			

function vacio(q) 
		{  
			for ( i = 0; i < q.length; i++ ) 
			{  
				if ( q.charAt(i) != " " ) 
				{  
					return true  
				}  
			}  
			return false  
		} 
		
function validar(aa)
		{
			if (document.getElementById("cajacapcha").value == aa)
			{
				var F = document.forms["formmensaje"];
				
				if ((vacio(F.nombre.value) == true) || 
				(vacio(F.mail.value == true)) ||
				(vacio(F.telefono.value == true)) ||
				(vacio(F.ciudad.value == true)) ||				
				(vacio(F.pais.value == true)) ||
				(vacio(F.consulta.value == true)))
				{
					document.getElementById("val").value=1;
					F.submit();
				}
				else
				{
					alert2("Por favor, rellenar todos los campos para enviar el mensaje.");
				}
			}
			else
			{
				alert2("Por favor, valide el CODIGO CAPTCHA correctamente.");
			}
					
		}
		
function validar1(aa)
		{
			if (document.getElementById("cajacapcha1").value == aa)
			{
				var F = document.forms["formmensaje1"];
				
				if ((vacio(F.nombre1.value) == true) || 
				(vacio(F.mail1.value == true)) ||
				(vacio(F.telefono1.value == true)) ||
				(vacio(F.ciudad1.value == true)) ||				
				(vacio(F.pais1.value == true)) ||
				(vacio(F.consulta1.value == true)))
				{
					document.getElementById("val1").value=1;
					F.submit();
				}
				else
				{
					alert2("Por favor, rellenar todos los campos para enviar el mensaje.");
				}
			}
			else
			{
				alert2("Por favor, valide el CODIGO CAPTCHA correctamente.");
			}
					
		}	
		
function activarboton()
		{

				if (document.getElementById("leido").checked == true)
				{
					document.getElementById("botonenviar").disabled = false;
				}
				else
				{
					document.getElementById("botonenviar").disabled = true;	
				}
		}
		
function cambiarvalor()
		{
			{
				if (document.getElementById("consiento").checked == false)
				{
					document.getElementById("consiento").value = 0;
				}
				else
				{
					document.getElementById("consiento").value = 1;
				}
			}
		}	
		
function activarboton1()
		{

				if (document.getElementById("leido1").checked == true)
				{
					document.getElementById("botonenviar1").disabled = false;
				}
				else
				{
					document.getElementById("botonenviar1").disabled = true;	
				}
		}	
function cambiarvalor1()
		{
			{
				if (document.getElementById("consiento1").checked == false)
				{
					document.getElementById("consiento1").value = 0;
				}
				else
				{
					document.getElementById("consiento1").value = 1;
				}
			}
		}	
function aviso()
				{
					document.getElementById("val").value=0;
					alert("Mensaje enviado. Gracias por utilizar nuestro servicio de mensajes.");
					document.getElementById("formmensaje").submit();
				}
function aviso1()
				{
					document.getElementById("val1").value=0;
					alert("Mensaje enviado. Gracias por utilizar nuestro servicio de mensajes.");
					document.getElementById("formmensaje1").submit();
				}	
	</script>
	
	

	<title>Camping en Jaen - Camping El Cantonet - Contacta con nosotros</title>
	<link rel="stylesheet" href="css/general.css" type="text/css">
	<meta http-equiv="content-type" content="text/html;charset=windows-1252" />
	<meta name="author" content="Webs y Programas" />
	<meta name="description" content= "Camping en Jaen - Camping El Cantonet - Contacta con nosotros"/>
	<meta name="keywords" content="Camping, monta&ntilde;a, caravana, autocaravana, naturaleza"/>	
	<meta name="Revisit" content="2 days" />
	<meta name="DC.Title" content="Camping en Jaen - Camping El Cantonet" />
	<meta name="language" content="es" />
	<meta name="searchtitle" content="Camping, monta&ntilde;a, caravana, autocaravana, naturaleza" />
	<meta name="DC.Language" content="es" />
	<meta name="DC.Creator" content="http://www.campingelcantonet.es" />
    <meta name="google-site-verification" content="" />			
</head>

<body>

 <div id="fondo">
	
	<div id="cabecera" align="center">
		
<div>
<table  class="mt10" align="center" width="980px" height="140px" border="0">
	<tr>
		<td rowspan="3" width="255px"><img style="opacity:0.8;" class="redondeacajas sombreado" src="../imagenes/logo.jpg" width="245px" height="140px" />
		<table align="center"><tr>
		<td width="60px" height="30px">
			<img src="../imagenes/banderaespagna.gif" width="50px" height="30px" />
		</td>
		<td width="60px"> 
			<img src="../imagenes/andalucia.gif" width="50px" height="30px" />
		</td>
		<td width="60px"> 
			<img src="../imagenes/jaen.gif" width="45px" height="30px" />
		</td>
		<td width="60px"> 
			<img src="../imagenes/valencia.gif" width="45px" height="28px" />
		</td></tr></table>
		</td>
		
		<td width="725px" colspan="5">
			<p class="letrascabecera textocentrado">¡¡ Haz ya tu reserva !!</p>
			<p class="letrascabecera1 textocentrado blanco">953.107.635 y 608.670.406</p>
			<p class="letrascabecera2 textocentrado rojo">reservas@campingelcantonet.es</p>
			
		</td>	
	<tr>
		<td align="center"> 
			<a  target = "_blank" href="https://www.facebook.com/campingelcantonet/"><img class="redondeacajas sombreado1 mr10 "  src="../imagenes/face.png" width="250px" height="40px" />  </a>
			<iframe src="//www.facebook.com/plugins/like.php?href=http://www.campingelcantonet.es&amp;send=false&amp;layout=box_count&amp;&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;" scrolling="no" frameborder="0" style="border:1px solid black;overflow:hidden;width:75px;height:40px;align:center;" class="sombreado" allowTransparency="true"></iframe>
		</td>
	<tr>
	
	</tr>
</table>
</div>
	
	</div>
	<div align="center" id="principal" >
		
<table align="center" class="mt10" witdh="950px" border="0" >
	<tr>
		<td width="950px" >
			<div id="nav1">
				<ul>
					<li><a href="index.php">Inicio</a></li>
					<li><a href="nosotros.php">Nosotros</a></li>
					<li><a href="dondeestamos.php">D&oacute;nde estamos</a></li>
					<li><a href="instalaciones.php">Instalaciones</a></li>
					<li><a href="tarifas.php">Tarifas</a></li>
					<li><a href="contactar.php">Consultas y Reservas</a></li>
					<li><a href="normas.php">Normas</a></li>
				</ul>
				<div class="clear"></div>
			</div>		
		</td>
	</tr>
</table><img class="mt20 redondea sombreado" src="../imagenes/imagencontactar.jpg" width="80%" height="650px" /> 
				
		<div align="center" style="position:relative;margin-top:40px;width:80%;">
			<p class="letrastextos3 textocentrado mt40"><b>¿ Qu&eacute; desea hacer ?</b></p>
			<table class="mt30" width="40%" align="center" border="0">
			<tr>
				<td><input type="button" class="botones" value=" Realizar una CONSULTA " onclick="cambio1();" /></td>
				<td><input type="button" class="botones ml10" value=" Realizar una RESERVA " onclick="cambio2();"/></td>
			</tr>	
			</table><br><br><br><div id="consulta" style="position:relative;width:60%;height:900px;margin-top:30px;zIndex:5;display:none;background:white;" class="textocentrado redondeacajas sombreado pdd10"> <img class="redondeacajas sombreado" src="../imagenes/logo.jpg" width="250px" height="150px" />
				<p class="letrascabecera1 mt20">REALICE LA CONSULTA</p>
				<form method="post" id="formmensaje" name="formmensaje" action="contactar.php">
					<input value="0" type="text" id="val" name="val" maxlength="1" style="display:none;" />
							<table width="100%" class="mt40" border="0">
								 <tr>
									<td width="100px"><p class="mt10 letrastextos1">Nombre</p></td>
									<td align="left"><input type="text" style="width:98%;"  class="formatocajas mt10 letrastextos1 sombreado redondeacajas mayusculas" id="nombre" name="nombre" maxlength="100"  /></td>
								</tr>
								<tr>
									<td width="100px"><p class="mt10 letrastextos1">Pa&iacute;s</p></td>
									<td align="left"><input type="text" style="width:50%;"  class="formatocajas mt10 letrastextos1 sombreado redondeacajas mayusculas"  id="pais" name="pais" maxlength="100"  /></td>
								</tr>
								<tr>
									<td width="100px"><p class="mt10 letrastextos1">Ciudad</p></td>
									<td align="left"><input type="text" style="width:98%;"  class="formatocajas mt10 letrastextos1 sombreado redondeacajas mayusculas"  id="ciudad" name="ciudad" maxlength="100"  /></td>
								</tr>
							
								<tr>
									<td width="100px"><p class="mt10 letrastextos1">Mail</p></td>
									<td align="left"><input type="text" style="width:98%;" class="formatocajas mt10 letrastextos1 sombreado redondeacajas" id="mail" name="mail" maxlength="100"  /></td>
								</tr>
								<tr>
									<td width="100px"><p class="mt10 letrastextos1">Tel&eacute;fono</p></td>
									<td align="left"><input type="text" style="width:30%;"  class="formatocajas mt10 letrastextos1 sombreado redondeacajas mayusculas" id="telefono" name="telefono" maxlength="9" onkeypress="return cajanumerica(event);"  /></td>
								</tr>
							
								<tr>
									<td width="100px"><p class="mt10 letrastextos1">Su consulta</p></td>
									<td align="left"><textarea class="formatocajas  mt10 letrastextos1 negro sombreado redondeacajas mayusculas"  style="width:98%;height:200px;"  id="consulta" name="consulta" maxlength="500" placeholder="Escriba su consulta..." ></textarea></td>
								</tr>
						
							</table>
							<table  width="80%" class="mt40" border="0">
							<tr>
								<td width="100px"><p class="letrastextos1">Validaci&oacute;n: </p></td>