/* Ajustes tipográficos */

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 0 0;
}
p{
	margin: 0 0 1em 0
}
h1, h2, h3, h4, h5, h6{
	font-weight: bold;
}
cite, em, dfn {
	font-style: italic;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}

li, dd, blockquote {
	margin-left: 1em;
}

code, kbd, samp, pre, tt, var{
	font-size: 100%;
	font-family: monaco, "Lucida Console", courier, mono-space;
}

del {
	text-decoration: line-through;
}

ins, dfn {
	border-bottom: 1px solid #ccc;
}

small, sup, sub {
	font-size: 85%;
}

abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a abbr, a acronym {
	border: none;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1em;
}

/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	/*
	Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
	
	outline: 0;
	
	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
	/*
	Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga
	*/
}

/* Formularios */

label, button {
	cursor: pointer;
}

input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}

fieldset {
	border: none;
}

/* Clases útiles */

.clear { clear: both;}
.float-left {float: left;}
.float-right {	float: right;}

/* TAGS generales */

html {
	font: 70% Arial, Verdana, sans-serif;
	text-shadow: #000 0px 0px 0px;/* Elimina el efecto bold en Safari */
	color: #53463f;
}

body {	
	text-align: left;/* Hack para que IE6 no de problemas */
	background: #ffffff none no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

form{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/* CAPAS ESTRUCTURA BASE DE LA WEB */

#container { 
	width: 822px;
	height: 486px;
	position: absolute; 	/*Posicionamiento absoluto*/
	top: 50%;
	left: 50%; 				/*Desde la izquierda, colocar al 50% de la pantalla*/
	margin-left: -411px; /*Restamos la mitad de ancho de la capa para centrarla horizontalmente*/
	margin-top: -243px;
	text-align:left;
}

#container-flash{ 
	width: 822px;
	height: 386px;
	position: absolute; 	/*Posicionamiento absoluto*/
	top: 50%;
	left: 50%; 				/*Desde la izquierda, colocar al 50% de la pantalla*/
	margin-left: -411px; /*Restamos la mitad de ancho de la capa para centrarla horizontalmente*/
	margin-top: -193px;
	text-align:left;
}

#cabecera{
	height:53px; 
	width:822px;
}

#cabecera-info{
	width:614px; 
	float:left; 
	height:100%;
	font-size:9pt;
}

#cabecera-logo{
	float:right; 
	width:208px; 
	height:100%; 
	background-image:url(../imagenes/img-home-logocabecera.png);
}

#cabecera-info a{
	color:#000000;
}

#cabecera-info a:hover{
	color:#667dd0;
}

#contenido{
	height:386px; 
	width:822px; 
	margin-top:10px;
}

#contenido-menu{
	width:173px; 
	float:left; 
	height: 386px; 
}

#contenido-cuerpo{
	float:right; 
	width: 649px; 
	height: 386px; 
	background:#7f7f7f; 
	text-align:left;
}

#contenido-central{
	width:648px; 
	margin:1px 1px 1px 0; 
	height:384px;
	background:#ffffff;	
}

#menu-bottom{
	height:26px; 
	width:822px; 
	margin-top:11px;
	background:#000000;
}

/*LINKS*/
#links-categoria{
	text-transform:uppercase;
}

#links-categoria a{
	color:#000000;
	font-weight:bold;
}
#links-categoria a:hover{
	color:#8c9edc;
}

#links-descripcion{
	text-align:right; 
	text-transform:uppercase;
	color:#3342b4;
	font-weight:bold;
}

#links-url{
	text-align:left;
}

#links-url a{
	color:#85898b;
}

#links-url a:hover{
	color:#000000;
}

/*GALERIA DE FOTOS*/
#galerias-index{
	margin-bottom:6px;
	text-transform:uppercase;		
}

#galerias-index a{
	color:#8f9294;	
	font-weight:bold;	
}

#galerias-index a:hover{
	color:#8c9edc;	
	font-weight:bold;
}

.scroll-pane {
	width:400px;
	overflow: auto;
}

#pane{
	height:313px;
}

/*MENU A BORDO*/
#menu-a-bordo-der{
	width:415px; 
	height:384px; 
	float:left;
	text-align:justify;
}

#menu-a-bordo-izq{
	width:210px; 
	height:384px; 
	float:right;	
}

#menu-a-bordo-der a{
	color:#667dd0;
}

#menu-a-bordo-der a:hover{
	color:#667dd0;
	text-decoration: underline;
}

border{
	border: 1pt solid Black;
}

#form-reserva label {
	float:left;
	width: 210px;
	margin-right:10px;
	font-weight:bold;
	font: normal normal bold 8pt/11pt Arial, Helvetica, sans-serif;
}

#form-reserva input.datos{
	width: 210px;
	height:15px;
	margin-bottom: 8px;
	border: 1px solid #c0c0c0;
}

#form-reserva input.comentarios{
	width: 210px;
	height:57px;
	margin-bottom: 8px;
	border: 1px solid #c0c0c0;
}

#form-reserva a{
	color:#919598;
}

#form-reserva a:hover{
	text-decoration: underline;
	color:#919598;	
}

#paginacion{
	padding:4px; 
	margin-top:10px; 
}

.paginacion,.paginacion:visited{
	color: #919598;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
}
.paginacion:hover{
	color: #B22222;
}