/* Hojas de estilo CSS2 de la página web del Hotel Juan Carlos */
/*
	Óscar Ferrández Escámez
	Jose Norberto Mazón López
*/

body
{
	margin: 50px 0 0 0;  /*superior izquierda inferior derecha*/
	padding: 0 7% 0 180px;
	background-color: white;
	font-family: arial, sans serif;
	font-size: 0.8em;  /*tamaño relativo de la fuente*/
	text-align: justify;
}

body.logo  /*estilo utilizado para el body de la pagina inicial*/
{
  	 text-align: center;
	 padding: 10px 10px 10px 10px;
}

div.enlaces  /*estilo para la capa de los enlaces, en este caso será una columna lateral*/
{
	position: absolute; /*las medidas se toman respecto a la esquina superior izquierda de la página*/
	top: 0; /*la capa empieza arriba del todo*/
	left: 0; /*la capa empieza totalmente a la izquierda de la página*/
	width: 140px; /*tiene un ancho de 150 píxeles*/
	margin: 0 0 0 5px; /*todos los márgenes de la capa son 0 excepto el izquierdo*/
	padding:  80px 3% 100% 3%; /*el padding se ajusta para que "quede bonito"*/
	border-left:5px solid #272E7C; /*barrita decorativa de la izquierda*/
	background-color: #bccae6;
	text-align: left; /*los textos de esta capa permanecen alineados a la izquierda*/
	height: 1500 px  /*la altura de la capa es la altura total de la página*/
}

div.cuerpo  /*estilo para la capa del contenido de las páginas*/
{
 	padding-left: 5%;
	padding-top: 8%;
	width: 70%;
}

h1 
{ 
   	font-family: sans serif, arial;
	background-color: #272E7C;
	color:white;
	text-align:right;
	padding: 5px;
}

div.cabecera  /*estilo para la capa de los títulos de las páginas*/ 
{ 
	position:absolute; 
	z-index: 1;  /*para que se muestre delante de la capa enlaces*/
	top: 15px; 
	left: 0;
	right: 0;
	margin: 0;
	padding:  0;
	width:95%; 
}

div.info
{
background: #bccae6;
	/*background: #FDFC9B;*/
	border: 1px solid #272E7C;
	padding: 5px;
    margin-left: 60px;
	width: 88%;
}

a  /*estilo utilizado para los enlaces*/
{
	text-decoration: none;  /*elimina el subrayado por defecto de los enlaces*/
	/*padding-bottom: 5px;
	padding-top: 5px;*/
	font-weight:bold;
}

a.naveg  /*estilo utilizado para los enlaces del lateral*/
{
 	display: block;  /*cada enlace es considerado como un elemento en bloque,
			 		   se separa de los anteriores y siguientes elementos en bloque*/
	padding-top: 7px;
	padding-bottom:7px;
}

/*PseudoClases del hipervínculo*/
a:link {color:#272E7C;   } /*enlace no visitado*/
a:active {color:#272E7C;  }  /*enlace activo*/
a:visited {color:#272E7C; }  /*enlace ya visitado*/
a:hover {background-color:#272E7C; color: #bccae6; }  /*estilo asociado a un enlace al pasar el puntero por encima*/

h4
{
	font-family: sans serif, arial;
	letter-spacing: 0.2em;  /*espaciado entre letras*/
	font-weight: bold;
	font-style: italic;  /*cursiva*/
	border-bottom: 2px solid black;  /*borde inferior (línea)*/
	text-align: left;
	display: list-item;  /*texto como un elemento de lista*/
	margin-bottom: 6px;
}

.boton  /*estilo para los botones del formulario*/
{
 	padding-top: 30px;
	text-align: center;
}

p.texto:first-letter  /*letra capital (solo párrafos de la clase texto)*/
{
    font-size: 300%;
	float: left;
	font-style: italic;
	font-weight: bold;
	margin-right: 10px;
	padding: 5px;
	background-color: #272E7C;
	color: #bccae6;
}