/* CSS Document */

/* Disposicion de la pagina */
html, body {
	margin:0; padding:0;
	height:100%;
}

body {
	text-align: center;
	background-color: #FFFFFF;
  }
  
#contenedor {
	position:relative; 
	float:left;
	height:50%;	
	margin-bottom:-250px; /* 480/2 */
	width:1px;
}

#pagina {
	clear: both;
	position: relative;
	height: 500px;
	width: 760px;
	margin: 0 auto;
}
#galeria {
	float:left;
	width: 250px;
	height: 450px; /* 500(pagina) = 450(contenido) + 50(pie) */
	margin: 0 auto;
	padding: 0;
	vertical-align:bottom;
}
#logo {
	height: 140px;
	position: relative;
	margin: 20px 0 0 0;
}
	#logo img {
		border: 0;
	}
#foto {
	vertical-align:bottom;
	position:relative;
	top:102px;
	height: 188px; /* 188+102=290; 290+140+20=450 */
	padding: 0;
	margin: 0;
}

#separador {
	margin: 0;
	position:relative;
	top: 50px;
	height: 400px; /*400(imagen)+50(margen) = 450(contenido) */
	width: 5px;
	float:left;
}

#contenido {
	text-align: left;
	width: 501px;
	Zmargin: 0px 0px 0px 10px;
	float: right;
}

.sinflotar {
	clear:both;
}

#menu-web {position: relative; padding: 0px; width: 450px; height: 68px; background: url(../imgs/menu_web.png) no-repeat; 	margin:0 auto; margin-bottom:14px; } /* 68+14=82 */
#menu-web li {
	width: 65px;
	height: 68px;
	position: absolute;
	top: 0px;
	background: url(../imgs/menu_web.png) 0 0 no-repeat;
	display: block;
	list-style: none;
}
#menu-web a {
	width: 65px; height: 55px; display: block;
	text-decoration: none;
	padding-top:55px;	
 	 /*Hide the text*/
   	overflow: hidden;
   	/* WIN IE5 hack */
   	height: 55px;
	voice-family: "\"}\""; 
   	voice-family:inherit;
   	height: 0;
	}
#menu-web a:hover {width: 66px; text-decoration: none; }
#menu-web #web-opcion1 {left: 0px;background-position: 0 0;}
#menu-web #web-opcion1 a:hover {background: transparent url(../imgs/menu_web.png) 0 -69px no-repeat;}
#menu-web #web-opcion2 {left: 94px; background-position: -94px 0;}
#menu-web #web-opcion2 a:hover {background: transparent url(../imgs/menu_web.png) -94px -69px no-repeat;}
#menu-web #web-opcion3 {left: 190px; background-position: -190px 0;}
#menu-web #web-opcion3 a:hover {background: transparent url(../imgs/menu_web.png) -190px -69px no-repeat;}
#menu-web #web-opcion4 {left: 285px; background-position: -285px 0;}
#menu-web #web-opcion4 a:hover {background: transparent url(../imgs/menu_web.png) -285px -69px no-repeat;}
#menu-web #web-opcion5 {left: 385px; background-position: -385px 0;}
#menu-web #web-opcion5 a:hover {background: transparent url(../imgs/menu_web.png) -385px -69px no-repeat;}

#titulo-pagina {
	height: 39px; /* Incluimos el margen en la altura de la imagen para que ésta tape más texto */
	position: relative;
	width:90%;
	margin:0 auto;
}
#titulo-pagina span {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

#contenedor-contenido {
	margin-bottom: 15px;
	height: 215px;
	width: 460px;
	overflow: auto;
}
#contenedor-contenido-corto {
	height:215px;
	width:470px;
	margin:0 0 0 25px;
	overflow:auto;
}
#contenedor-contenido-hotel-restaurante {
	height:239px;
	width:470px;
	margin:0 0 0 25px;
	overflow:auto;
}
#contenedor-contenido-largo {
	height: 329px;
	width:470px;
	margin:0 0 0 25px;
	overflow: auto;
}
#texto {
	text-align:justify;
	margin: 0 auto;
	padding: 0 15px 0 0;
	width:90%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}
	#texto p {
		margin-bottom:0.5em;
	}
#texto-entrada {
	text-align:justify;
	margin: 0;
	padding-right: 0px;
	margin-right: 0px;
	width: 270px;
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#menu-secciones {
	float: right;
	margin: 0 5px 0 0;
	width: 130px;
}

#menu-imgs {
	clear: both;
	margin-top: 15px;
}
	img {
		border:0;
	}

/* Estilos de texto */
.seccion-pagina {
	color: #603;
}
.seccion-rutas {
	color: #009;
}
.seccion-casa1 {
	color: #603;
}
.seccion-casa2 {
	color: #060;
}

#pie-pagina {
	clear:both;
	Zfloat:left; /*Para que se coloque,porque lo demás está flotado*/
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0 0 10px 0;
	padding:6px 0 0 0;
}

.pie { margin:1em 0 0 0; padding:0; }
ul.pie { margin:0.5em; padding:0; }
.pie li { display:inline; margin:0; padding:0 15px 0 10px;}
.pie li a { color:#5f5f5f; text-decoration:none;}
.pie li a:hover { color:#99a4a8;}
.pie li.ultimo {border:0px;}


/* Formularios y envío AJAX */
#privacidad { width:auto; height:auto; vertical-align:middle; }
.titulo-campo { margin:8px 0 0px 0; width: 12em; float: left; clear: left; }
.superior { margin-top:0; }
.fright{ float:right}

input { border:1px solid #a4a4a4; background:none; width:17em; font-size:0.8em; padding-left:5px; padding-top:2px; margin-bottom:3px; }
textarea { border:1px solid #a4a4a4; background:none; width:17em; height:5em; font-size:0.8em; padding-left:5px; margin-bottom:11px; overflow:auto}
select { border:1px solid #a4a4a4; background:none; }
#enviar { border: 0; width: auto; padding: 0; }


/* Formulario Ajax */
.msg_error, .msg_notice, .msg_success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.msg_error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.msg_notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.msg_success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.msg_error a {color:#8a1f11; background:none; padding:0; margin:0; }
.msg_notice a {color:#514721; background:none; padding:0; margin:0; }
.msg_success a {color:#264409; background:none; padding:0; margin:0; }

label.error {color:#990000; display:block; font-size:0.8em; text-align: right;}
input.error, textarea.error {border:1px dotted red;}

#resultado {text-align:left;}
	#resultado ul { margin-left:60px;}