/* Elementos que queremos limpiar completamente: */

* {
	margin: 0;
	padding: 0;
	border: none;
}

html {
	font: 62.5% "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: #000 0px 0px 0px;/* Elimina el efecto bold en Safari */
}

body{
	background-image:url(../images/imagen_fondo2.jpg);
	
}

ul {
	list-style: none;
	list-style-type: none;
}

/* Ajustes tipográficos */

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0;
}

cite, em, dfn {
	font-style: italic;
}

sup {
	position: relative;
	bottom: 7px;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.6px;
	vertical-align: baseline;
}

li, dd, blockquote {
	margin-left: 16px;
}

code, kbd, samp, pre, tt, var, input[type='text'], textarea {
	font-size: 100%;
	font-family: monaco, "Lucida Console", courier, mono-space;
}

del {
	text-decoration: line-through;
}

ins, dfn {
	border-bottom: 1px solid #ccc;
}

small, sup, sub {
	font-size: 85%;
}

abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .4px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a abbr, a acronym {
	border: none;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

h1 {
	font-size: 32px;
	font-family:"Times New Roman", Times, serif;
}

h2 {
	font-size: 29px;
}

h3 {
	font-size: 26px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 19px;
}

h6 {
	font-size: 16px;
}

p{
	font-size:16px;
	line-height:170%;
	font-family:"Times New Roman", Times, serif;
	color:#2d2d2d;
	text-align:left;
	margin:10px 10px 10px 40px;
	}

/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	/*
	Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
	
	outline: 0;
	
	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
	/*
	Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga
	*/
}

/* Formularios */

label, button {
	cursor: pointer;
}

input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}

fieldset {
	border: none;
}

/* Clases útiles */

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* Para empezar un layout centrado: */

body {
	text-align: center;/* Hack para que IE6 no de problemas */
}

.contorno{
	width:800px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	-webkit-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 1);
}

.wrapper {
	margin: 0 auto;
	text-align: left;
}

.encabezado{
	width:800px;
	height:134px;
	margin:0 auto;
}

	.img_izquierda{
		width:152px;
		height:134px;
		background-image:url(../images/encab_izquierda.jpg);
		background-repeat:no-repeat;
		float:left;
	}
	
	.img_medio{
		width:540px;
		height:134px;
		background-image:url(../images/encab_medio.jpg);
		background-repeat:repeat-x;
		float:left;
		text-align:left;
	}
	
		.img_medio h1{
			font-size:40px;
			margin:10px 0 0 0;
			padding:0;
			line-height:100%;
			font-family:"Times New Roman", Times, serif;
			font-style:italic;
			color:#00722d;
		}
		
	
	.img_derecha{
		width:108px;
		height:134px;
		background-image:url(../images/encab_hojas.jpg);
		background-repeat:no-repeat;
		float:right;
	}
	
.encabezado_abajo{
	width:800px;
	height:240px;
	margin:0 auto;
	background-color:#f5ebd0;
}

.encabezado_abajo ul{
background-color:#F5EBD0; 
}


	.encabezado_abajo li{
		font-family:"Times New Roman", Times, serif;
		font-size:26px;
		font-style:italic;
		color:#107937;
		float:left;
		margin:0;
		width:133px;
		height:44px;
	}
	
		.encabezado_abajo li a:link, .encabezado_abajo li a:visited{
			color:#107937;
		}
		
		.encabezado_abajo li a:hover{
			color:#990000;
		}

	
		.encabezado_abajo li#inicio{
			background-image:url(../images/btn_inicio_2.jpg);
			background-repeat:no-repeat;
			padding:9px 0 0 0;
			width:85px;
			margin-right:1px
		}
		
		.encabezado_abajo li#camping{
			background-image:url(../images/btn_camping.jpg);
			background-repeat:no-repeat;
			padding:9px 0 0 0;
			width:112px;
			margin-right:2px
			}
		
		.encabezado_abajo li#departamentos{
			background-image:url(../images/btn_departamentos.jpg);
			background-repeat:no-repeat;
			padding:9px 0 0 0;
			width:178px;
			margin-right:1px
		}
		
		.encabezado_abajo li#fotos{
			background-image:url(../images/btn_fotos_2.jpg);
			background-repeat:no-repeat;
			padding:9px 0 0 0;
			width:86px;
			margin-right:2px
		}
		
		.encabezado_abajo li#tarifas{
			background-image:url(../images/btn_tarifas_2.jpg);
			background-repeat:no-repeat;
			padding:9px 0 0 0;
			width:95px;
			margin-right:1px
		}
		
		.encabezado_abajo li#ubicacion{
			background-image:url(../images/btn_ubicacion_2.jpg);
			background-repeat:no-repeat;
			padding:9px 0 0 0;
			width:121px;
			margin-right:2px
		}
		
		.encabezado_abajo li#contacto{
			background-image:url(../images/btn_contacto_2.jpg);
			background-repeat:no-repeat;
			padding:9px 2px 0 0;
			width:112px;
			background-color:#F5EBD0;
		}
		
			.encabezado_abajo a#actual{
				color:#990000;
			}
			
	.encabezado_abajo#gal_amigos{
		background:#F5EBD0;
	}
			
		.encabezado_abajo#gal_amigos li{
				margin-top:0;
				height:46px;
		}

.cuerpo{
	background-color:#f5ebd0;
	width:800px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding:20px 0;
}

	.lista_servicios li{
		font-size:14px;
		margin:15px 0 0 40px;
		font-family:"Times New Roman", Times, serif;
		text-align:left;
		line-height:160%;
		color:#2d2d2d;
		background: url(../images/img_lista.jpg) 0em -0.2em no-repeat;
		padding-left:45px;
	}

.pie{
	width:800px;
	height:100px;
	margin:0 auto;
	background-image:url(../images/pie_img.jpg);
	background-repeat:no-repeat;
	clear:both;
	padding-top:20px;
	_padding-top:30px;
}

	.pie p{
		font-size:13px;
		font-family:"Times New Roman", Times, serif;
		font-weight:bold;
		text-align:center;
		line-height:normal;
		margin-right:25px;
	}
	
td.input{
	width:293px;
	height:36px;
	background-image:url(../images/form_input.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
}

td.textarea{
	width:293px;
	height:107px;
	background-image:url(../images/form_textarea.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}

.formulario{
	 margin:12px 50px 0 0;
	 width:440px;
}

	.formulario td p{
		font-size:14px;
		font-family:"Times New Roman", Times, serif;
		text-align:right;
	}
	
	.formulario #nombre, .formulario #email, .formulario #telefono{
		width:283px;
		height:27px;
		background-color:transparent;
	}
	
.boton{
        font-size:14px;
        font-family:"Times New Roman", Times, serif;
        font-weight:bold;
        border:0px;
		background-image:url(../images/form_button.jpg);
		background-repeat:no-repeat;
		width:132px;
		height:43px;
		margin-top:10px;
		cursor:pointer;
       }
	   	
	.formulario #mensaje{
		width:283px;
		height:101px;
		background-color:transparent;
	}

table.tarifas{
	width:80%;
	font-size:13px;
	text-align:left;
	margin:0 auto;
}


	table.tarifas th, table.tarifas td{
		padding:3px;
		height:25px;

	}
	
	table.tarifas th{
		height:25px;
		background-color:#990000;
		color:#FFFFFF;
		font-weight:bold;
	}
	
	table.tarifas .fila_1{
		background-color:#C2D735;
	}
	
.backwards {unicode-bidi:bidi-override; direction: rtl;}


/*Galería de Amigos*/
div.cuerpo#gal_amigos{
	padding-top:0;
	font-size:12px;
	line-height:130%;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}

	div.cuerpo#gal_amigos table{
		display:block;
	}
	
	div.cuerpo#gal_amigos a:link, div.cuerpo#gal_amigos a:visited{
		font-size:11px;
		color:#990000;
		background-color:#eedaa3;
		margin-right:2px;
		padding:4px 6px;
		margin-top:5px;
		line-height:230%;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}

	div.cuerpo#gal_amigos a:hover, div.cuerpo#gal_amigos a:active{
		color:#000;
	}
	
	
	div.cuerpo#gal_amigos .alblink a:link, div.cuerpo#gal_amigos .alblink a:visited{
		background-color:#F5EBD0;
		font-size:22px;
		font-family:"Times New Roman", Times, serif;
		font-weight:normal;
		color:#FF6600;
	}
	
.thumb_title{
	font-weight:bold;
	color:#000;
	clear:both;
	display:block;	
}

.thumb_caption{
	font-size:11px;
	display:block;	
}
	
	
table.maintable{
	width:750px;
}
	
	table.maintable tbody{
		width:600px;
	}

img.image{
	background-color:#F5EBD0;
}

div#comments{
	width:750px;
}

	div#comments table.maintable{
		background:#DCD398;
		margin-bottom:6px;
		padding:4px 10px 10px 10px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	
input.comment_button, input.button{
	background-color:#990000;
	color:#000;
}

input{
	padding:3px;
	margin:4px 0;
}