<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;
				} 
	
				
</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 8px;}
-->

</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=350; //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;
				} 
	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>
	<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 GetCookie(name) {
    var arg=name+"=";
    var alen=arg.length;
    var clen=document.cookie.length;
    var i=0;
 
    while (i<clen) {
        var j=i+alen;
 
        if (document.cookie.substring(i,j)==arg)
            return "1";
        i=document.cookie.indexOf(" ",i)+1;
        if (i==0)
            break;
    }
 
    return null;
}
 
function aceptar_cookies(){
	
    var today = new Date();
	var expire = new Date();
	expire.setTime(today.getTime() + (60 * 60 * 1000));
    document.cookie="cookiescantonet=aceptada; expires="+expire.toGMTString();
    var visit=GetCookie("cookiescantonet");
    if (visit==1){
        popbox3();
    }
}
 
$(function() {
    var visit=GetCookie("cookiescantonet");
    if (visit==1){ popbox3(); }
});
 
function popbox3() 
		{
			var dgcTiempo=500
			$('.COOKVentana').animate({opacity:0},dgcTiempo);
			setTimeout("$('.COOKVentana').remove()",dgcTiempo);
	  	}



function cookies1()
{
		var visit=GetCookie("cookiescantonet");
		if (visit != 1)
		{		
			var titulo = " CAMPING '' EL CANTONET '' le informa... ";
			var mensaje= "Esta web utiliza cookies para obtener datos estad&iacute;sticos de la navegaci&oacute;n de sus usuarios.<br>Si contin&uacute;as navegando consideramos que aceptas su uso.<br><br><table width='80%' border='0' align='center'><tr><td align='right'><a class='mt20 letrastextos1' href='avisolegal.php' target='_blank'>Aviso Legal y Pol&iacute;tica de Cookies</a></td><td align='left'><div class='COOKAceptar'><a class='ml40 letrastextos1' style='cursor:pointer;'><b>ACEPTAR</b></a></div></td></tr></table> ";
			var dgcTiempo=500
			var ventanaCS='<div class="COOKVentana"><div class="COOKMarco"><div class="COOKTitulo">'+titulo+'<br><div align="center" class="COOKMensaje"><p class="letrastextos1 granate">'+mensaje+'</p><br></div></div></div></div>';
			$('body').append(ventanaCS);
			var alVentana=$('.COOKMarco').height();
			var alNav=$(window).height();
			var supNav=$(window).scrollTop();
			$('.COOKVentana').css('height',$(document).height());
			$('.COOKMarco').css('top',((alNav-alVentana)/2+supNav-100)+'px');
			$('.COOKVentana').css('display','block');
			$('.COOKVentana').animate({opacity:1},dgcTiempo);
			$('.COOKAceptar').click(function(e) 
			{
				aceptar_cookies();
			})		
		}
}			

function reproducirimagen(a)
{
	if (a == 1)
	{
		alert1("../imagenes/imagen1.jpg");
	}
	if (a == 2)
	{
		alert1("../imagenes/fondo4.jpg");
	}
	if (a == 3)
	{
		alert1("../imagenes/fondo.jpg");
	}
	if (a == 4)
	{
		alert1("../imagenes/imagen2.jpg");
	}

}
	</script>
	
	

	<title>Camping en Jaen - Camping El Cantonet - Camping en Sierra Magina</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 - Camping en Sierra Magina"/>
	<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>
<script> cookies1(); </script><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.108.241</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">
	<script>alert2("Respecto a la situación actual del Coronavirus (COVID-19), Camping EL CANTONET, tiene prioridad sobre la seguridad de nuestros clientes en nuestro recinto.<br>Debido a las circunstancias excepcionales, las declaraciones del gobierno, de las autoridades sanitarias y de las dudas para las semanas que vienen, hemos tomado la decisión de posponer la apertura de nuestro Camping EL CANTONET, a una fecha que queda por determinar y cual dependerá de las decisiones del gobierno que están previstas a finales del mes de mayo.<br><br>Esperemos que respeten nuestra decisión, ya que es por el bien y seguridad de tod@s.<br>Esperamos verles pronto.");</script>
	
<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><div align="center" id="posvideo" class="redondeacajas sombreado">
				<iframe class="redondea sombreado  " width="100%" height="650px" src="https://www.youtube.com/embed/86SKbuuj9k0?feature=oembed"" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
			</div>
				
			<div id="cambiolink1" align="center" style="position:relative;margin-top:40px;width:80%;">
			<table class="mt80" width="100%" align="center" border="0">
				<tr>
					<td width="60%">
						<p class="letrastextos3 negro">Camping "El Cantonet" es un peque&ntilde;o camping situado en un lugar privilegiado, en pleno coraz&oacute;n de Sierra M&aacute;gina (Ja&eacute;n-Espa&ntilde;a), a los pies de la monta&ntilde;a Aznaitin, monta&ntilde;a
						de denominaci&oacute;n antigua en &iacute;bero "Neitin", que hace referencia al gran Dios &Iacute;bero Net&oacute;n, Dios del Trueno y del Fuego, que seg&uacute;n la leyenda, habita en la monta&ntilde;a.</p>
					</td>
					<td width="35%" align="right">
						<img class="mt10 redondea sombreado" src="../imagenes/imagen1.jpg" width="85%" height="270px" onmouseover="this.style.cursor='hand'; this.style.border='2px solid navy'; " onmouseout="this.style.cursor='pointer'; this.style.border='2px solid transparent';" onclick="reproducirimagen(1);" />
					</td>
				</tr>
			</table>
			<table class="mt80" width="100%" align="center" border="0">
				<tr>
					<td width="35%" align="center">
						<img class="redondea sombreado" src="../imagenes/fondo4.jpg" width="85%" height="270px" onmouseover="this.style.cursor='hand'; this.style.border='2px solid navy'; " onmouseout="this.style.cursor='pointer'; this.style.border='2px solid transparent';" onclick="reproducirimagen(2);" />	
					</td>
					<td width="35%" align="center" >
						<img class="redondea sombreado" src="../imagenes/fondo.jpg" width="85%" height="270px" onmouseover="this.style.cursor='hand'; this.style.border='2px solid navy'; " onmouseout="this.style.cursor='pointer'; this.style.border='2px solid transparent';" onclick="reproducirimagen(3);" />	
					</td>
					<td width="30%">
						<p class="letrastextos3 derecha negro">Totalmente rodeados de naturaleza, paz y tranquilidad, podr&aacute; realizar rutas de senderismo, paseo a caballo, o simplemente sentarse a ver el amenecer o el atardecer desde las monta&ntilde;as.</p>
					</td>
				</tr>
			</table>
			<table class="mt80" width="100%" align="center" border="0">
				<tr>
					<td width="65%">
						<p class="letrastextos3 izquierda negro">Ustedes podr&aacute;n disfrutar de este magn&iacute;fico lugar en cualquier &eacute;poca del a&ntilde;o, puesto que si bonito es el lugar en verano y disfrutar de su calor, no menos bonito es el invierno en nuestro Camping.</p>
					</td>
					<td width="35%" align="right">
						<img class="redondea sombreado" src="../imagenes/imagen2.jpg" width="85%" height="270px" onmouseover="this.style.cursor='hand'; this.style.border='2px solid navy'; " onmouseout="this.style.cursor='pointer'; this.style.border='2px solid transparent';" onclick="reproducirimagen(4);" />	
					</td>
									
				</tr>
			</table><br><br><br>
					
			
		</div>	
		<div id="footer">
			
<div align="center">

<table width="1000px" class="mt40" border="0">
	<tr>
		<td class="pdd20" valign="top" width="280px">
			<p class="azuloscuro letrastextos1">SOBRE CAMPING "EL CANTONET"</p>
			<p class="negro letrastextos1 mt20 justificado">Camping EL CANTONET es un lugar vacacional para campistas y personas de todo el mundo gestionado en un entorno muy familiar, donde se sentir&aacute; agusto y podr&aacute; disfrutar de los paisajes que nos rodean. </p>
			<img style="opacity:0.8;" class="mt20 ml10 sombreado redondeacajas" src="../imagenes/logo.jpg" width="210px" height="130px" />
		<td class="pdd20"  valign="top" width="270px">
			<p class="azuloscuro letrastextos1">SOBRE LOS SERVICIOS</p>
			<ul class="mt20 ml20 letrastextos1">
				<li>Apartamentos</li>
				<li>Zona Tiendas</li>
				<li>Zona Caravanas</li>
				<li>Piscina</li>
				<li>Bar/Restaurante</li>
				<li>Zona Infantil</li>
				<li>2 bloques de aseos</li>
				<li>Fregadero</li>
				<li>Lavander&iacute;a</li>
				<li>Granja Propia</li>
			</ul>
		</td>
		<td class="pdd20"  valign="top" width="270px">
			<p class="azuloscuro letrastextos1">CONTACTAR</p>
			<p class="negro letrastextos1 mt20 justificado">Usted puede mandarnos un mail a <a class="letrastextos1" href="mailto:reservas@campingelcantonet.es"><b>reservas@campingelcantonet.es</b></a> para confirmar sus reservas.<br>
			Tambi&eacute;n puede contactar a trav&eacute;s del tel&eacute;fono: 953.108.241<br>
			<div style="text-align:center;width:350px;padding:1em 0;"> 
				<p class="letrastextos3 granate"><span style="color:black;">Hora actual en:</span><br />Jaen, España</p>
				<iframe src="http://www.zeitverschiebung.net/clock-widget-iframe-v2?language=es&timezone=Europe%2FMadrid" width="100%" height="130" frameborder="0" seamless></iframe>
			</div>
			
		</td>
	</tr>	
</table>
<table align="center" width="980px" id="cambiolink" style="margin-top:-10px;" border="0">
	<tr>
		<td width="810px">
			<p class="letrastextos2 ml10"><b>©CAMPING "EL CANTONET", 2017. By</b> <a target="_blank" class="letrastextos2" href="http://www.websyprogramas.com"> Web & Programas </a> </p>
		</td>
	
		<td>
			<p class="letrastextos2 textocentrado"><a target="_blank" class="letrastextos2" href="avisolegal.php">Aviso Legal</a></p>
		</td>
		
		<td>
			<p class="letrastextos2 textocentrado"><a target="_blank" class="letrastextos2" href="cookies.php">Cookies</a></p>
		</td>
	
	</tr>
</table></div>	
		</div>
	</div>
</div>	
	
</body>

</html>