/*--------------------------------------------------------------------------------------------------*/
/* Basic HTML
----------------------------------------------------------------------------------------------------*/

* {
	margin:0;
}

html, body {
	background-attachment:fixed;
	margin:0;
	padding:0;
	height:100%;
	background:#ebf0be;
}

body {
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/back_site.jpg);
}

.wrapper {
	width:960px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -28px;
	margin:0 auto -28px;
	background-repeat:repeat-y;
	background-image:url(images/back_wrapper.jpg);
}

.content {
	width:960px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -28px;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/back_content.jpg);
}

.header_site {
	width:100%;
	height:283px;
	margin:0 auto;
	padding:0;
}

.push {
	height:28px;
}

ul {
	list-style-type:square;
	padding:0 0 0 0;
	margin:0 0 0 13px;
}

li {
	padding-bottom:18px;
}

/*--------------------------------------------------------------------------------------------------*/
/* Header
----------------------------------------------------------------------------------------------------*/

#datos {
	width:960px;
	height:21px;
	position:relative;
	float:left;
	margin:0;
	padding:7px 0 0 0;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/back_datos.jpg);
	text-align:center;
}

/*--------------------------------------------------------------------------------------------------*/
/* Facebook
----------------------------------------------------------------------------------------------------*/

#facebook_big {
	width:280px;
	height:547px;
	margin:0;
	padding:10px;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/back_facebook_big.jpg);
}

#facebook_small {
	width:280px;
	height:246px;
	margin:0;
	padding:10px;
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url(images/back_facebook_small.jpg);
}

/*--------------------------------------------------------------------------------------------------*/
/* Menu
----------------------------------------------------------------------------------------------------*/

#menu_inicio a {
	display:block;
	width:102px;
	height:28px;
	text-decoration:none;
	background:url(images/menu_inicio.jpg) 0 0 no-repeat;
	position:relative;
	float:left;
}
#menu_inicio a:hover {
	background-position: 0 -28px;
}
#menu_inicio a:active {
	background-position: 0 -56px;
}
#menu_inicio_active a {
	display:block;
	width:102px;
	height:28px;
	text-decoration:none;
	background:url(images/menu_inicio.jpg) 0 -56px no-repeat;
	position:relative;
	float:left;
}

#menu_institucional a {
	display:block;
	width:163px;
	height:28px;
	text-decoration:none;
	background:url(images/menu_institucional.jpg) 0 0 no-repeat;
	position:relative;
	float:left;
}
#menu_institucional a:hover {
	background-position: 0 -28px;
}
#menu_institucional a:active {
	background-position: 0 -56px;
}
#menu_institucional_active a {
	display:block;
	width:163px;
	height:28px;
	text-decoration:none;
	background:url(images/menu_institucional.jpg) 0 -56px no-repeat;
	position:relative;
	float:left;
}

#menu_historia a {
	display:block;
	width:121px;
	height:28px;
	text-decoration:none;
	background:url(images/menu_historia.jpg) 0 0 no-repeat;
	position:relative;
	float:left;
}
#menu_historia a:hover {
	background-position: 0 -28px;
}
#menu_historia a:active {
	background-position: 0 -56px;
}
#menu_historia_active a {
	display:block;
	width:121px;
	height:28px;
	text-decoration:none;
	background:url(images/menu_historia.jpg) 0 -56px no-repeat;
	position:relative;
	float:left;
}

#menu_comollegar a {
	display:block;
	width:176px;
	height:28px;
	text-decoration:none;
	background:url(images/menu_comollegar.jpg) 0 0 no-repeat;
	position:relative;
	float:left;
}
#menu_comollegar a:hover {
	background-position: 0 -28px;
}
#menu_comollegar a:active {
	background-position: 0 -56px;
}
#menu_comollegar_active a {
	display:block;
	width:176px;
	height:28px;
	text-decoration:none;
	background:url(images/menu_comollegar.jpg) 0 -56px no-repeat;
	position:relative;
	float:left;
}

#menu_galeria a {
	display:block;
	width:115px;
	height:28px;
	text-decoration:none;
	background:url(images/menu_galeria.jpg) 0 0 no-repeat;
	position:relative;
	float:left;
}
#menu_galeria a:hover {
	background-position: 0 -28px;
}
#menu_galeria a:active {
	background-position: 0 -56px;
}
#menu_galeria_active a {
	display:block;
	width:115px;
	height:28px;
	text-decoration:none;
	background:url(images/menu_galeria.jpg) 0 -56px no-repeat;
	position:relative;
	float:left;
}

#menu_servicios a {
	display:block;
	width:130px;
	height:28px;
	text-decoration:none;
	background:url(images/menu_servicios.jpg) 0 0 no-repeat;
	position:relative;
	float:left;
}
#menu_servicios a:hover {
	background-position: 0 -28px;
}
#menu_servicios a:active {
	background-position: 0 -56px;
}
#menu_servicios_active a {
	display:block;
	width:130px;
	height:28px;
	text-decoration:none;
	background:url(images/menu_servicios.jpg) 0 -56px no-repeat;
	position:relative;
	float:left;
}

#menu_contacto a {
	display:block;
	width:135px;
	height:28px;
	text-decoration:none;
	background:url(images/menu_contacto.jpg) 0 0 no-repeat;
	position:relative;
	float:left;
}
#menu_contacto a:hover {
	background-position: 0 -28px;
}
#menu_contacto a:active {
	background-position: 0 -56px;
}
#menu_contacto_active a {
	display:block;
	width:135px;
	height:28px;
	text-decoration:none;
	background:url(images/menu_contacto.jpg) 0 -56px no-repeat;
	position:relative;
	float:left;
}

/*--------------------------------------------------------------------------------------------------*/
/* Secciones
----------------------------------------------------------------------------------------------------*/

#foto_alojamiento {
	width:300px;
	height:257px;
	position:relative;
	float:left;
	margin:0 0 18px 0;
	padding:0;
}

#foto_alojamiento_2 {
	width:300px;
	height:257px;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#foto_camping {
	width:300px;
	height:257px;
	position:relative;
	float:right;
	margin:0 0 18px 0;
	padding:0;
}

#foto_camping_2 {
	width:300px;
	height:257px;
	position:relative;
	float:right;
	margin:0;
	padding:0;
}

.sec_titulo {
	width:620px;
	position:relative;
	float:left;
	margin:0 0 10px -10px;
	padding:0;
}

.sec_texto {
	width:620px;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}

#contacto_nombre {
	width:294px;
	padding:4px 2px 4px 2px;
	border:solid 1px #4b6b48;
	margin:2px 0px 10px 0px;
	overflow:hidden;
	background-color:#fafce9;
}

#contacto_apellido {
	width:294px;
	padding:4px 2px 4px 2px;
	border:solid 1px #4b6b48;
	margin:2px 0px 10px 0px;
	overflow:hidden;
	background-color:#fafce9;
}

#contacto_fecha {
	width:294px;
	padding:4px 2px 4px 2px;
	border:solid 1px #4b6b48;
	margin:2px 0px 10px 0px;
	overflow:hidden;
	background-color:#fafce9;
}

#contacto_email {
	width:294px;
	padding:4px 2px 4px 2px;
	border:solid 1px #4b6b48;
	margin:2px 0px 10px 0px;
	overflow:hidden;
	background-color:#fafce9;
}

#contacto_direccion {
	width:294px;
	padding:4px 2px 4px 2px;
	border:solid 1px #4b6b48;
	margin:2px 0px 10px 0px;
	overflow:hidden;
	background-color:#fafce9;
}

#contacto_telefono {
	width:294px;
	padding:4px 2px 4px 2px;
	border:solid 1px #4b6b48;
	margin:2px 0px 10px 0px;
	overflow:hidden;
	background-color:#fafce9;
}

#contacto_localidad {
	width:294px;
	padding:4px 2px 4px 2px;
	border:solid 1px #4b6b48;
	margin:2px 0px 10px 0px;
	overflow:hidden;
	background-color:#fafce9;
}

#contacto_como {
	width:294px;
	padding:4px 2px 4px 2px;
	border:solid 1px #4b6b48;
	margin:2px 0px 10px 0px;
	overflow:hidden;
	background-color:#fafce9;
}

.lupa {
	position:absolute;
	float:left;
	margin:5px 0 0 5px;
}

span.imagen img {
	background:#beb69e;
	border:none;
	padding:5px;
}