/** CSS unico para la casa en el pueblo **/
/** RESET CSS **/
/* CSS Document */
/* resetea todos los estilos que por defecto tienen los elementos. Se aplica ya que dependiendo del navegador estos atributos por defecto no se interpretan de la misma forma. Con esta hoja se consigue que todos los navegadores interpreten los elementos de la misma forma */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '"';
	content: '"';
}
/* No olvides definir estilos para focus */
:focus {
	outline: 0;
}
/* No olvides resaltar de alguna manera el texto insertado/borrado */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* En el código HTML es necesario añadir cellspacing="0" */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-size: 1.2em;
}
/** fin RESET CSS **/
/** ESTILO DE LA WEB **/
/* Estilos para la pagina, optimizado para todos los navegadores y modificado el 20 de diciembre de 2009 */
body {
	position: relative;
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	font-family: Arial, Verdana;
	background: #FFFEC5;
}
#cuerpo {
	position: relative;
	margin: 0;
	padding: 0;
	padding-bottom: 2.3em;
	background: url(../img/fondo.jpg) transparent top left no-repeat;
	font-size: 1.2em;
}
body#index {
	text-align: center;
	background: url(../img/cabecera.jpg) #FFFEC5 top center no-repeat;
	margin-top: 16em;
}
body#index #cuerpo {
	background: none;
	height: 450px;
}
body#index #cuerpo #tituloOculto {
	position: absolute;
	top: -10em;
}
body#index #pagina {
	background: none;
	margin: 0 auto;
}
body#index #cuerpo .oculto {
	display: none;
}
body#index #cuerpo .contenido {
	position: relative;
	display: block;
	width: 500px;
	margin: 2em auto;
	margin-bottom: 0 !important;
	background: none;
	padding: 0 !important;
}
#bloqueImagenInicio {
	top: 2em;
}
body#index #cuerpo #imagenEntrada1 {
	position: relative;
	display: block;
	width: 324px;
	height: 450px;
	overflow: hidden;
	background: url(../img/inicio/alojamiento.jpg) transparent no-repeat top center;
}
body#index #cuerpo #imagenEntrada2 {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 168px;
	height: 265px;
	overflow: hidden;
	background: url(../img/inicio/inicio.jpg) transparent no-repeat top center;
}
body#index #cuerpo #imagenEntrada3 {
	position: absolute;
	right: 0;
	bottom: 4.5em;
	display: block;
	width: 168px;
	height: 177px;
	overflow: hidden;
	background: url(../img/inicio/contacto.jpg) transparent no-repeat top center;
}
body#index #cuerpo .imagenEntrada:hover {
	background-position: bottom center !important;
}
body#index .contenido{
	min-height: 42em;
}	
/** enlaces superiores **/
#enlacesSuperiores {
	position: relative;
	top: 1em;
	left: 0;
	text-align: right;
	margin: 0 1.2em .2em 0;
}
#enlacesSuperiores a {
	color: #6C180E;
}
#enlacesSuperiores a:hover {
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
}
/** pagina **/
#pagina {
	position: relative;
	width: 600px;
	margin: 0 0 0 25em;
	background: url(../img/fondoPagina.jpg) transparent no-repeat top right;
	z-index: 0;
}
/** cabecera **/
#cabecera {
	display: block;
	height: 150px;
	text-align: left;
	background: url(../img/cabecera.jpg) transparent top center no-repeat;
}
#cabecera h1 {
	position: relative;
}
#cabecera #tituloOculto {
	position: absolute;
	top: -2em;
}
/** contenido **/
.contenido {
	position: relative;
	width: auto;
	display: block;
	z-index: 1;
	margin: 2em 0em 0em 0em;
	padding: 0 2em 5em 2em;
	background: url(../img/pie.jpg) transparent bottom center no-repeat;
	clear: both;
	min-height: 35em;
}
/** web route o miga de pan **/
.web_route {
	position: absolute;
	color: #FFFEC5;
	top: 0;
	right: 2em;
	z-index: 0;
}
.contenido h3 {
	position: relative;
	z-index: 1;
}
.contenido table {
	position: relative;
	margin: 1em;
	text-align: justify;
	line-height: 1.4em;
}
.texto {
	position: relative;
	margin: 1em;
	text-align: left;
	line-height: 1.5em;
}
.contenido ul {
	margin: 1em 0 1em 3em;
	list-style: none;
}
.contenido li {
	margin-bottom: .3em;
	padding: 0;
}
.contenido li a {
	display: block;
	padding-bottom: 0;
}
.contenido li a:hover {
	background-image: none;
}
/** menu **/
#menu {
	margin: 1em 0em 0em 0.5em;
	overflow: hidden;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu li {
	position: relative;
	display: block;
	float: left;
	margin-left: 0.2em;
	padding: 0.5em 0 0.5em 0;
}
#menu li a {
	margin: 0;
	padding: .2em .85em 0.3em .85em;
	background-color: #000;
	color: #FFFEC5;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
}
#menu li.selected a {
	position: relative;
	cursor: default;
}
#menu li a:hover, #menu li.selected a, #menu li.selected a:hover {
	background: #6C180E;
}
/** pie **/
#pie {
	clear: both;
	position: relative;
	display: block;
	text-align: center;
	margin: 1em auto;
}
#pie .texto {
	text-align: center;
	margin: 0.2em;
}
#contactRed a{
  margin-right: 1em;
}
/** estilos para el texto inicio **/
.texto a:hover {
	background: #6C180E;
	color: #FFFEC5;
	text-decoration: none;
}
ul.texto {
	position: relative;
	top: -2em;
}
ul.texto li {
	border: 0px !important;
	margin-left: 15em;
	margin-top: 0;
	padding: 0;
}
.negrita {
	font-size: 1.4em;
	font-weight: bold;
}
a.negrita {
	color: #6C180E;
	padding: 0 0.2em 0 0.2em;
	text-decoration: underline;
}
/* estilos por defecto de tags de html */
h1, h2, h3, h4, h5 {
	margin-left: 1em;
}
a {
	text-decoration: underline;
	color: #6C180E;
	padding: 0;
	margin: 0;
}
/** tabla de precios **/

#Precios table tr:hover {
	background-color: #DFDE8B;
	cursor: pointer;
}
#Precios table {
	display: block;
	border-right: 1px solid #04000E;
	border-collapse: collapse;
	text-align: center;
	width: 93%;
}
#Precios th, #Precios td {
	border-left: 1px solid #04000E;
	border-bottom: 1px solid #04000E;
	padding: 0.5em;
	width: 10%;
	text-align: center;
}
#Precios th {
	background-color: #04000E;
	color: #FFFEC5;
	border-left: 1px solid #FFFEC5;
	border-bottom: 1px solid #FFFEC5;
}
#Precios th#ultimo {
	border-bottom: 1px solid #04000E;
}
.invisible {
	position: absolute;
	visibility: hidden;
	font-size: 0;
	padding: 0;
	margin: 0;
	height: 0;
	width: 0;
}
img {
	padding: 0;
	margin: 0;
	font-size: 0;
}
.limpiar {
	clear: both;
}
/** mapa **/
#mapa {
	position: relative;
	display: block;
	text-align: center;
}
#mapa a img {
	width: 70%;
	opacity: 0.7;
}
#mapa a:hover img {
	opacity: 1;
}
#contenidoIndex {
	margin-top: 13em;
}
#contenidoIndex h1 {
	font-size: 110%;
}
/** fin ESTILO DE LA WEB **/
/** Estilo para la pagina de enlaces. **/
h3 {
	padding: 0 0 0 0.2em;
	color: #0A0D12;
	margin: 0;
}
.contenido ul.enlaces {
	display: block;
	list-style: disc url(../img/imglista.gif);
	padding: 0 .5em 0 .5em;
}
.enlaces li {
	margin-left: 0;
	height: auto;
	padding: 0 !important;
}
.enlaces li a, .enlaces li a:hover {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	display: inline !important;
}
.enlaces li a:hover {
	background: #6C180E;
	color: #FFFEC5;
	text-decoration: none;
}
/** fin ESTILOS PARA PAGINA ENLACES **/
/** GALERIA **/
#Galeria .texto {
	position: relative;
	display: block;
	text-align: center !important;
	margin-left: 0;
}
#Galeria a {
	position: relative;
}
#Galeria a img {
	border: 5px solid #12130D;
	border-bottom: 25px solid #12130D;
	width: 100px;
	margin: 0;
}
#Galeria a:hover {
	background: none;
}
#Galeria a:hover img {
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000;
	border: 5px solid #FFFEC5;
	border-bottom: 25px solid #FFFEC5;
}
/** FIN GALERIA **/
/** FORMULARIO **/
/* comunes para elementos del formulario */
form {
	float: none;
	clear: both;
	margin: 1em 0 1.5em 1.2em;
	padding-bottom: 1em;
	min-height: 1%;
	overflow: hidden;
}
input, select, textarea {
  position: relative;
	border: 1px solid #203017;
	background-color: #FFFEE5;
	width: 16em;
	margin-top: 0.3em;
}
input:focus, select:focus, textarea:focus {
	background-color: #FFFDD0;
}
input#boton_enviar, input#boton_limpiar, input#boton_enviar:focus, input#boton_limpiar:focus {
	width: 6em;
	background-color: #000;
	color: #FFFEE5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	border: 0;
	font-weight: bold;
	font-family: Arial;
}
input#boton_enviar:hover,
input#boton_limpiar:hover{
	background-color: #6C180E;
}
label {
	display: block;
	font-weight: bold;
	margin: .5em 0 0em 0;
}
div.campo {
	margin-bottom: 0.2em;
}
.requerido{
  font-weight: bold;
  font-size: 1.5em;
  color: #6C180E;
}
/** como llegar **/
#dirPostal {
	margin-left: 2em;
}
/* especificos para el elemento de sugerencias */
textarea {
	height: 8em;
}
/* botones */
#botones {
	margin-left: 4em;
	cursor: pointer;
}
/* grupos formulario */
.grupo_campos{
  position: relative;
  float: left;
}
#grupo_1{
  margin: 0 3em 0 1em;
}
/* imgaenes */
img.izquierda {
	position: relative;
	float: left;
	margin: 0 2em 2em 0;
}
/** FIN FORMULARIO **/
/** estilos para pagina accesibilidad **/
#Accesibilidad .texto a:hover {
	background: none !important;
}
#publicidad{
  text-align: center;
  margin-top: 1em;
}