/* ====================================================== */
/*      ESTILOS EN CASCADA PARA HOSTAL TRUJILLO			  */
/* ====================================================== */

body {
	text-align			: center;  /* Especial para el IE */
	font-family			: Arial;
	font-size			: 12px;
}
#pagina {
	width				: 810px;
	height				: 610px;
	margin-left			: auto;
	margin-right		: auto;
	border				: 1px solid #799;
}
.p1 {
	font-family			: Arial;
	font-size			: 11px;
	color				: #466;
	text-align			: justify;
	margin				: 10px;
}
.p2 {
	font-size			: 20px;
	color				: #660;
	margin				: 10px;
}
.p3 {
	font-size			: 10px;
	font-weight			: bold;
	color				: #660;
	margin				: 5px 0px 5px 0px;
}
.p4 {
	font-size			: 12px;
	text-align			: center;
	color				: #660;
	padding				: 0px;
	margin				: 0px;
}

/* ====================================================== */
/*      CABECERA DE PAGINA 								  */
/* ====================================================== */

#cabecera {
	width				: 100%;
	height				: 25%;
	color				: #799;
}
#cabecera img {
	width				: 806px;
}
#barradetitulo {
	margin				: 0px;
	padding				: 0px;
	height				: 34px;
}
#cabecera #titulo {
	float				: left;
	width				: 320px;
	text-align			: left;
	font-size			: 20px;
	line-height			: 33px;
}
#cabecera #menu {
	float				: right;
	width				: 480px;
	height				: 33px;
}
#cabecera table {
	border-collapse		: separate;
	margin				: 0px;
	padding				: 0px;
	border				: 0px;
	height				: 33px;
}
#cabecera td {
	margin				: 0px;
	padding				: 1px;
	border				: 1px solid #799;
	width				: 90px;
	height				: 20px;
	vertical-align		: middle;
}
#cabecera td:hover {
	background			: #799;
}
#cabecera a {
	color				: #799;
	text-decoration		: none;
	font-size			: 12px;
}
#cabecera a:hover {
	color				: #add;
	background			: #799;  /* Solo funciona en IE */
}
#cabecera .boton {
	margin				: 0px;
	padding				: 0px;
	width				: 90px;
	height				: 20px;
	text-align			: center;
	line-height			: 19px;
}
#cabecera .botonP {
	background			: #ddd;
	margin				: 0px;
	padding				: 0px;
	width				: 90px;
	height				: 20px;
	text-align			: center;
	line-height			: 19px;
}
/* ====================================================== */
/*      CUERPO DE PAGINA 								  */
/* ====================================================== */

#cuerpo {
	width				: 100%;
	height				: 71%;
	border-top			: 1px solid #799;
	border-bottom		: 1px solid #799;
	background			: #efeeee;
}
/* ------------------------------------------------------ */
#principal {
	width				: 25%;
	height				: 100%;
	float				: left;
	border-right		: 1px solid #799;
	padding-top			: 10px;
}
#principal img {
	border				: 0px;
	margin				: 0px;
	padding				: 0px;
}
#principal a {
	text-decoration		: none;
	margin				: 0px;
	padding				: 0px;
	border				: 0px;
}
/* ------------------------------------------------------ */
#contenido {
	width				: 74.8%; /* no puedo usar 75% por culpa del firefox */
	height				: 100%;
	float				: right;
	text-align			: center;
}
#contenido table {
	width				: 350px;
	margin				: 0px auto 0px auto;
	padding				: 2px 10px 5px 10px;
	border				: 1px solid #466;
	font-family			: Arial;
	font-size			: 12px;
	color				: #466;
}
#contenido #historia {
	background			: #fff;
	width				: 400px;
	height				: 200px;
	margin				: 90px auto 0px auto;
	padding				: 30px 40px 25px 40px;
	text-align			: justify;
	font-family			: Arial;
	font-size			: 12px;
	letter-spacing		: 1px;
	word-spacing		: 1px;
	color				: #466;
}
#contenido td {
	background			: #ddd;
	padding				: 0px 5px 0px 5px;
}
#contenido th {
	text-align			: left;
}
#contenido .carrusel {	
  	border				: 1px solid #799;
  	width				: 80%;
	height				: auto;
	margin				: 10px auto 0px auto;
	background			: #fff;
}
#contenido .carrusel img {
	height				: 350px;
	max-width			: 100%;  /* para chrome y firefox */
	margin				: 10px 0px 10px 0px;
}
#contenido .carrusel #piefoto {
	height				: 32px;
	width				: 440px;
	margin				: 0px auto 5px auto;
	padding				: 0px 5px 0px 5px;
	border				: 1px solid #799;
}
#contenido .carrusel input {
	height				: 22px;
	color				: #466;
	background			: #aaa;
	font-weight			: bold;
	border				: 1px solid #466;
	vertical-align		: middle;
	line-height			: 18px;
	margin				: 5px 0px 5px 0px;
	padding				: 0px;
}
#contenido .carrusel textarea {
	height				: 22px;
	color				: #466;
	background			: #ddd;
	text-decoration		: none;
	text-align			: center;
  	border-style		: none;
  	overflow			: hidden; /* scrollbars para IE */
  	resize				: none; /* area resize de Chrome */
	vertical-align		: middle;
	width				: 300px;
	line-height			: 20px;
	margin				: 0px -2px 0 -2px;
	padding				: 0px;
	border				: 1px solid #466;
}
/* ====================================================== */
/*      PIE DE PAGINA 									  */
/* ====================================================== */

#pie {
	width				: 100%; /* 808px;  */
	height				: 4%; /* 20px;  */
	font-size			: 12px;
	line-height			: 24px;
	background			: #ccc;
}
#izqu {
	width				: 500px;
	float				: left;
	text-align			: left;
	color				: #466;
}
#dere {
	width				: 300px;
	float				: right;
	text-align			: right;
	color				: #466;
}