BODY { 
	align: left;
  	font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: normal;
	color: #585E66;  
  	background-color: ffffff; 
	SCROLLBAR-FACE-COLOR: #CAD1D9; 
	SCROLLBAR-ARROW-COLOR: white; 
	SCROLLBAR-TRACK-COLOR: white; 
	SCROLLBAR-DARKSHADOW-COLOR: white
	SCROLLBAR-HIGHLIGHT-COLOR: white; 
	SCROLLBAR-SHADOW-COLOR: white; 
	SCROLLBAR-3DLIGHT-COLOR: white;
	border: 0px;
} 
#logo{
float: right;
z-index: 500;
	display: block;
	position: absolute;
	border: 0px ;
	
	right: 10px;
	top: 10px;
}

#base{ 
	width: 770px;
	align: left
	border: 0px;
	background-image: url("../img/bck2.gif"); 
	background-position: top; 
	background-repeat: repeat-y;


} 

#basesup{ 
   text-align: justify; 
   width: 770px; 
  margin: 0 0 0 0px;   
  padding: 0 0 0 0px;  
   border: 0px;
} 
#imgsup{ 
   padding: 0 0 0 0px;
   margin: 0 0 0 0px;
   border: 0px;
  	
} 
#baseizq{ 

	float: left;
   border: 0px;
   width: 180px; 
   margin: 10 10 10 10px; 
	
	z-index: 600;
	display: block;
	position: absolute;
	left: 0px;
	top: 175px;

} 

#basedrcha{ 
	margin-left: 210px;
    border: 0px;


} 

#txtdrcha{ 
   text-align: justify;  
   padding: 10 20 10 20px;
   border: 0px;
}

#titulo{
	text-align: right; 
}
.titulo1{
	font-weight: bolder;
	color: #000;
	font-size: 17px;
	font-style: normal;
	line-height: normal;
	text-transform: uppercase;
	font-variant: normal;
	letter-spacing: -2px;

}
.titulo2{
	font-weight: bolder;
	font-size: 17px;
	font-style: normal;
	line-height: normal;
	text-transform: uppercase;
	font-variant: normal;
	letter-spacing: -2px;
	color: #919191;
	
}
.titulo3{
	font: 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #000;
	
}
.titulo4{
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	text-transform: uppercase;
	font-variant: normal;
	letter-spacing: -1px;
	color: #919191;
	
}
/* MENUUUU */
#menu{
	text-align: left; 
	padding: 0 0 0 10px;
}

a.menu		{ font:bold 12px arial; text-decoration: none; margin:0 0 3 0;color: #000000;width:120px; height:14px; text-align:left;letter-spacing:0px }
a.menu:link, a.menu:visited	{  }
a.menu:hover, a.menu:active	{ color: #cc6600; }

a.sub		{ font: bold 12px arial; text-decoration: none; height: 14px; margin:0; padding: 0 20; border: none; width:120px; text-align:left;letter-spacing:1px; }
a.subi:link, a.sub:visited	{ color: #cc6600; }
a.sub:hover, a.sub:active	{ color: #FF9900; }


.wech	{ display:none }

/*****************************/
#direccion{
	padding: 30 0 0 0px;
	text-align: right; 
	font-weight: normal;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	text-transform: none;
	font-variant: normal;
	color: #666;
}

#tabla{
	/*border-top: 2px solid #5E93B0;
	border-right: 1px dotted #416D89;
	border-left:1px dotted #416D89;
	border-bottom:none;
	padding-top:5px;
	padding-right:3px;
	padding-left:5px;
	padding-bottom:12px;*/
	width:519px;
  	font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-align: left; 
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	text-transform: none;
	font-variant: normal;
	color: #666;
}
#tabla_reservas{
	/*border-top: 2px solid #5E93B0;
	border-right: 1px dotted #416D89;
	border-left:1px dotted #416D89;
	border-bottom:none;
	padding-top:5px;
	padding-right:3px;
	padding-left:5px;
	padding-bottom:12px;*/
	width:500px;
  	font: 9pt Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-align: left; 
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	text-transform: none;
	font-variant: normal;
	color: #666;
	background:#F2F4F5;
}
#tabla_reservas td {background:#D9E0E5; padding:6px;  }

CAPTION {
    caption-side: top;
    text-align: right;
    vertical-align: bottom;
	background: #fff;
	padding: 3px;
	font-weight: bolder;
	font-size: 14px;
	color: #FF9900;;
}

td {padding:3px; }
tr.linea-clara  { background:#F2F4F5; }
tr.linea-osc  { background:#D9E0E5; }

/***********IDIOMAS************/

#idioma{
	
}

.idiomas {margin:50px 0 0 0; padding:0px 0 0px 0px; list-style:none;  }

.idiomas li {display:inline; float:left; height:20px;}

.idiomas li a {display:block; color:#585E66; float:left; background:url(../img/idioma_off.gif); text-decoration:none; font-size:10px; font-family:arial, sans-serif; letter-spacing:1px; line-height:20px;}

.idiomas li a b {margin:0 0 0 30px; display:inline; float:left; height:20px;  right top; padding:0 0px 0 5px; }
.sp  a:hover {display:block; cursor:pointer; color:#000; float:left; background:url(../img/idiomasp_on.gif); text-decoration:none; font-size:10px; font-family:arial, sans-serif; letter-spacing:1px; line-height:20px;}
.en  a:hover {display:block; cursor:pointer; color:#000; float:left; background:url(../img/idiomaen_on.gif); text-decoration:none; font-size:10px; font-family:arial, sans-serif; letter-spacing:1px; line-height:20px;}
.fr  a:hover {display:block; cursor:pointer; color:#000; float:left; background:url(../img/idiomasp_on.gif); text-decoration:none; font-size:10px; font-family:arial, sans-serif; letter-spacing:1px; line-height:20px;}
.gr  a:hover {display:block; cursor:pointer; color:#000; float:left; background:url(../img/idiomasp_on.gif); text-decoration:none; font-size:10px; font-family:arial, sans-serif; letter-spacing:1px; line-height:20px;}


/*****************************/

h1{

	font-family: Arial, Sans-serif;
	font-weight: bold;
	color: #CC6600;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	text-transform: uppercase;
	font-variant: normal;
	letter-spacing: 0px;
}

h2{
	font-family: Arial, Sans-serif;
	font-weight: bolder;
	color: #CC6600;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	text-transform: none;
	font-variant: normal;
	letter-spacing: 0px;
}

h3{
	font-family: Arial, Sans-serif;
	font-weight: bold;
	color: #FF9900;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	text-transform: none;
	font-variant: normal;
	letter-spacing: 0px;
}

.titulopeque{
	
	font-weight: bold;
	color: #FF9900;
	
	letter-spacing: 0px;
}


/*** HACKS PARA IE ***/
/* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector: */
*html {
}
/* Si necesitas aplicarlo a IE7 utiliza este:*/
*:first-child+html {
}
/*** NEUTRALIZANDO ESTILOS:
elementos que queremos limpiar completamente: ***/
* {
margin: 0;
padding: 0;
border: none;
}
html {
font: 62.5% "Lucida Grande", Lucida, Verdana, sans-serif;
text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/
}
/*** NEUTRALIZANDO ESTILOS:
elementos con margen vertical: ***/
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {

margin: 0 0 1em 0;
}
/*** Algunos ajustes basicos: ***/
sup {
position: relative;
bottom: 0.3em;
vertical-align: baseline;
}
sub {
position: relative;
bottom: -0.2em;
vertical-align: baseline;
}
li, dd, blockquote {
margin-left: 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, select, textarea {
font-size: 100%;
border: 1px solid #fff;
background-color: #F2F4F5;
}

input:hover, select:hover, textarea:hover {
background-color: #fff;
border: 1px solid #000;
color: #000;
}
input {
	color: black;
	background-color: #F2F4F5;
}


input:focus, select:focus, textarea:focus {
background-color: #FFF;
}
fieldset {
border: 1px solid ;
}
/*** Algunas clases útiles: ***/
.clear {
clear: both;
}
.float-left {
float: left;
margin: 10 10 10em 0;
}
.float-right {
float: right;
margin: 10 0 10em 10;
}
.helvetica {
font-family: Arial, Helvetica, Geneva, sans-serif;
}
/* pop up*****************/
#popup  { position: relative; }
#popup a:link{ color: #666; }
#popup a:visited{ color: #666; }
#popup a:hover{ color: #000000; }
#popup a span { display: none;  }
#popup a#iefix:hover { border: 0; } /* Fix for IE 6 Bug */
#popup a:hover span { 
	display: block;
	position: absolute;
	border: 0px ;
	cursor: help;
	z-index: 700;
	text-decoration: none;
	left: 20px;
	top: 0px;
}





/*************************/

#fotos-instalaciones {
float: right;
margin-left: 10px;
}
#fotos-instalaciones a:link img{margin:1px; border: solid 1px #000;}
#fotos-instalaciones a:hover img{margin:1px; border: solid 1px #FF9900;}

#res_ig{
	border: 20px;
	width:450px;
  	font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	text-transform: none;
	font-variant: normal;
	color: #000;
	background:#fff;
}
.res_blue  {text-align: justify; background:#D9E0E5; padding:9px;  border:1px solid #F2F4F5; }
.res_blanc  {background:#fff; width:30px;}
#res_ig a, a:link, a:visited, a:hover, a:active { color:000;}

#virtual{
	float:right;
	border: 10px;
	
  	font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;  
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	text-transform: none;
	font-variant: normal;
	color: #000;
	padding:20px;
	background:#fff;
	
	

}

.virti  {text-align: center; background:#D9E0E5; padding:9px;  border:10px solid #D9E0E5; }