/* los div que se crean en el HTML van pocicionandose uno debajo del otro si no tienen */
/* posicion fija y explicitamente declarada. */
/* Ej: #mainmenu, #imagemenu: tienen posicion definida(absolute) */
/* Ej: #intro, #infoText: tienen posicion relativa con respecto al div anterior que es #logo */

/* El formato #nombredediv otronombre (Ej: #intro h3{...}): */
/* esto se usa para definir elementos dentro de un div */
/* y configurar cada uno de forma especifica */

/* Los elementos aqui declarados que no tienen signo # delante son los elementos de configuracion */
/* general de la pagina Ej: body, a, etc... */



body  /* configuracion general */
{
	padding: 0;
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	
	text-align: center;
}
h1
{
    font-size:120%;
    margin:5em;
    color: #A6131D;
}
a  /* links */
{
	font-family : Verdana;
	font-size : 10px;
	color: #00486F;
	font-weight: bold;
	text-decoration: none;
}
a:link 
{
	font-family : Verdana;
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
	color: #00486F;
}
a:visited 
{
	font-family : Verdana;
	font-size :10px;
	font-weight : bold;
	color: #00486F;
	text-decoration : none;
}
a:hover 
{
	font-family : Verdana;
	font-size :10px;
	font-weight : bold;
	color: #00486F;
	text-decoration : none;
}	

/* Classes -------------- */
.texto_main
{
	font-family : Verdana;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
	color : #0069A0;	
}
.texto_main:link 
{
	font-family : Verdana;
	font-size : 9pt;
	font-weight : bold;
	text-decoration : none;
	color : #0069A0;
}
.texto_main:visited 
{
	font-family : Verdana;
	font-size :9pt;
	font-weight : bold;
	color : #0069A0;
	text-decoration : none;
}
.texto_main:hover 
{
	font-family : Verdana;
	font-size :9pt;
	font-weight : bold;
	color : #0069A0;
	text-decoration : underline;
}	

a.hotelDesc
{
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: white;
	font-family: Verdana;
	background-color: #0069a0;
}

a.hotelDesc:hover
{
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: white;
	font-family: Verdana;
	background-color: #0069a0;
}

a.hotelDesc:visited
{
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: white;
	font-family: Verdana;
	background-color: #0069a0;
}

.hotelDesc
{
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: white;
	font-family: Verdana;
	background-color: #0069a0;
}

.hotelDesc a
{
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: white;
	font-family: Verdana;
	background-color: #0069a0;
}

.hotelDesc a:hover
{
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: white;
	font-family: Verdana;
	background-color: #0069a0;
}

.hotelDesc a:visited
{
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: white;
	font-family: Verdana;
	background-color: #0069a0;
}

.hotelDesc a:link
{
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: white;
	font-family: Verdana;
	background-color: #0069a0;
}

.hotelResort
{
	font-weight: bold;
	font-size: 10px;
	color: black;
	font-family: Verdana;
}

.h1_bold
{
	font-weight: bold;
	font-size: 10px;
	color: #993300;	
}
.h1_bold_center
{
	text-align:center;
	font-weight: bold;
	font-size: 10px;
	color: #993300;	
}.h1_normal
{
	font-weight: normal;
	font-size: 10px;
	color: #993300;	
}

.text_table_header_bold
{
	font-family : Verdana;
	font-size :8pt;
	font-weight : bold;
	color: white;
	background-color: #006699;
}

.text_table_data
{
	color: #003366;
	background-color: #B8C9D3;
	font-family : Verdana;
	font-size :8pt;
	font-weight : normal;
}

.text_table_data_bold
{
	color: #003366;
	background-color: #B8C9D3;
	font-family : Verdana;
	font-size :8pt;
	font-weight : bold;
}

.text_table_header
{
	color: #993300;
	font-size: 10px;
	font-weight: bold;
}

.text_normal  {
	font-family : Verdana;
	font-size : 8pt;
	text-decoration : none;
	color : #000000;
}

.text_normal_bold  {
	font-family : Verdana;
	font-size : 8pt;
	text-decoration : none;
	color : #993300;
	font-weight : bold;
}

/* ---- BEGIN tabla de reservas ---- */
/* ----                              */
.resa_text_table
{
	font-family : Verdana;
	font-size: 10px;
}
.resa_text_table td
{
	background-color: #B8C9D3;
}
.resa_text_table td.resa_text_header
{
	background-color: #006699;
	color: white;
	font-weight: bold;
}
.resa_text_table td.resa_text_total
{
	background-color: white; /* #006699 */
	color: black;
	font-weight: bold;
}
/* ----                            */
/* ---- END tabla de reservas ---- */


/* header de tabla: text_table_header */

/* header de tabla: text_table_header_small */

/* header de tabla: text_table_header_bold */

/* datos de tabla: text_table_data */

/* datos de tabla: text_table_data_bold */

/* datos de tabla: text_table_data_small */

/* Div -------------- */


#container /* div principal que contiene a todos los demas */
{
	position: relative;
	width: 100%;  /* ancho del contenido de la pagina */
	border-bottom: 0;
	border-top: 0;
	margin: 0 auto;
	text-align: JUSTIFY;
	color: #00486F;
	display:none;
	/* background-image: url("costa1.jpg");*/
	/* background: transparent url("costa1.jpg") 0 2px no-repeat;*/
}

#logo  
{
	padding: 0px 0 0 0px;
	text-align: center; /* centrado del logo */
}

#logotda 
{
	background-image:url(imag/top_bg.jpg); /* background del logo izquierda */
}

#logotdb 
{
	background-image:url(imag/top_bgc.jpg); /* background del logo derecha */
}

#logotdc 
{
	background-image:url(imag/t_intbg.jpg); /* background del logo derecha */
}

#intro 
{
	margin-left: 220px;
	margin-right: 220px;
	padding-right: 10px;
	font-size: 12px;
}

#intro h3
{
	color: #CC6633;
	font-size: 120%;
	margin-top: 30px;
	margin-bottom: 0;
	position: relative;
	padding: 0 0 0 25px;
}

#intro h3 span
{
	background-color: #fff;
}

#intro p
{
	margin: 10px 0 5px 0;
}

#infoText
{
	margin-left: 220px;
	margin-right: 220px;
	padding-right: 10px;
	color: #00486F;
	font-size: 11px;
	text-align: justify;
}
#intText
{
	font-family: Verdana;
	margin-left: 220px;
	margin-right: 20px;
	padding-right: 10px;
}
#intText p
{
	
	font-size: 10px;
	text-align: justify;
	font-weight: normal;
}
#intText ul
{
	
	font-size: 10px;
	text-align: justify;
	font-weight: normal;
}
#intText ol
{
	
	font-size: 10px;
	text-align: justify;
	font-weight: normal;
}
#intText h3
{
	color: #993300;
	font-size: 12px;
	font-weight: bold;
}
#intText h2
{
	color: #993300;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
}
#intText h1
{
	color: #993300;
	font-size: 10px;
	font-weight: normal;
}
#intText h3 spam
{
	color: #00669E;
	font-size: 200%;
	margin-top: 30px;
	margin-bottom: 0;
	position: relative;
	padding: 0 0 0 0px;
}
/* #intText table td	 	*/
/*{ 				*/
/*	color: #00486F;		*/
/*	font-size: 10px;	*/
/*	font-weight: normal;	*/
/*}				*/

#intText table p
{ 				
	color: #00486F;		
	font-size: 10px;	
	font-weight: normal;	
}				

#infoText h3
{
	color: #993300;
	font-size: 120%;
	margin-top: 30px;
	margin-bottom: 0;
	position: relative;
	padding: 0 0 0 0px;
}

#infoText h3 span{
	background-color: #fff;
	/* background-image: url("fon2.jpg");*/
}

#infoText p
{
	margin: 10px 0 5px 0;
}


#footermenu
{
	margin-left: 200px;
	margin-right: 230px;
	font-size: 11px;
	text-align: center;
}

#footermenu a
{
	margin-left: 20px; /* esto da el espaciado entre los links */
}

#footerinfo
{
	margin-left: 220px;
	margin-right: 220px;
	padding-right: 10px;
	text-align: center;
	font-size: 10px;
}

#footerin
{
	margin-left: 220px;
	padding-right: 10px;
	text-align: center;
	font-size: 10px;
}

#weather
{
	margin-left: 220px;
	margin-right: 220px;
 }

/* Links menu (at left) */
#mainmenu 
{
	position: absolute;
	left: 0px;
	top: 210px; /* the height of the logo */
	width: 190px;
	padding: 0 0px 0 0;  /* top right bottom left */ 
	font-size: 10px;
	line-height: 140%;
}

#mainmenu h3 /* titulo de cada seccion  */
{
	background: #00669E;
	margin: 0;
	padding: 1px 0 1px 9px;  /* top right bottom left  #003366 #FF9900*/
	color: #fff;
	font-size: 10px;
	background-image: url("imag/imamenu.gif");	
	/* para usar imagenes debajo de los titulos del menu */

	/* background-repeat: repeat-x; */
	/* background-position: top; */
}

#mainmenu h3 span /* titulo de cada seccion, un elemento mas para mayor flexivilidad de configuracion, se puede pasar para arriba */
{
	background: transparent;
}

#mainmenu h2  /* esto es cada seccion */
{
	margin: 0;
	padding: 0;
	padding: 2px 0px 2px 0px; /* espaciado al final de las opciones de cada seccion */
	font-size: 10px;
	text-align: center;
	background-image: url("imag/home.jpg");
}
#mainmenu h2 a
{
	font-family : Verdana;
	font-size :10px;
	font-weight : bold;
	color: #00486F;
	text-decoration : none;
}
#mainmenu ul  /* esto es cada seccion */
{
	margin: 0;
	padding: 0;
	list-style: none;	
	padding: 0px 0px 5px 0px; /* espaciado al final de las opciones de cada seccion */
	background-image: url("imag/fon.jpg"); 
}
#mainmenu li
{
	padding-left: 9px;  /* espaciado de la izquierda de las opciones de la lista */
	margin-bottom: 2px;	
	color: #818181;
	white-space: nowrap;
	height: 15px;
}
#mainmenu li span a
{
	padding-left: 9px;  /* espaciado de la izquierda de las opciones de la lista */
	margin-bottom: 2px;	
	color: #CC0000;
	white-space: nowrap;
	height: 15px;
}
#mainmenu li span a:link
{
	padding-left: 9px;  /* espaciado de la izquierda de las opciones de la lista */
	margin-bottom: 2px;	
	color: #CC0000;
	white-space: nowrap;
	height: 15px;
}
#mainmenu li span a:visited
{
	padding-left: 9px;  /* espaciado de la izquierda de las opciones de la lista */
	margin-bottom: 2px;	
	color: #CC0000;
	white-space: nowrap;
	height: 15px;
}
#mainmenu li span a:hover
{
	padding-left: 9px;  /* espaciado de la izquierda de las opciones de la lista */
	margin-bottom: 2px;	
	color: #CC0000;
	white-space: nowrap;
	height: 15px;
}

#mainmenu li a
{
	font-family : Verdana;
	font-size :10px;
	font-weight : bold;
	color: #00486F;
	text-decoration : none;
}
#mainmenu li a:link
{
	font-family : Verdana;
	font-size :10px;
	font-weight : bold;
	color: #00486F;
	text-decoration : none;
}
#mainmenu li a:visited
{
	font-family : Verdana;
	font-size :10px;
	font-weight : bold;
	color: #00486F;
	text-decoration : none;
}
#mainmenu li a:hover
{
	font-family : Verdana;
	font-size :10px;
	font-weight : bold;
	color: #00486F;
	text-decoration : none;
}

/* Images menu (at right) */
#imagemenu 
{
	position: absolute;
	right: 0px;
	top: 210px;  /* the height of the logo */
	width: 200px;
	padding: 0 0px 0 0;
	font-size: 10px;
	line-height: 140%;
}

#imagemenu h3
{
	background: #00669E;/* #003366; */
	margin: 0;
	padding: 1px 0 1px 5px;  /* top right bottom left */
	color: #fff;
	font-size: 10px;
	background-image: url("imag/imamenu.gif");
	/* para usar imagenes debajo de los titulos del menu */
	/* background-image: url("header3.gif");*/
	/*background-repeat: repeat-x;*/
	background-position: bottom;
}


#imagemenu h3 span
{
	background: transparent;
}

#imagemenu ul
{
	margin: 0;
	padding: 0;
	list-style: none;	
	padding: 0px 0px 0px 0px;
}

#imagemenu h2  /* seleccion de idiomas */
{
	margin: 0;
	padding: 0;
	padding: 2px 0px 2px 0px; 
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	background-image: url("imag/home_r.jpg");
}

#imagemenu h2 a
{
	font-family : Verdana;
	font-size :10px;
	font-weight : bold;
	color: #00486F;
	text-decoration : none;
	vertical-align: middle;
}


/*____________________________ Estilos lista hoteles _________________________________*/

div .hotel_list {
position:relative; top:0; left:0;
padding: 0px 10px 0px 10px;  
margin-bottom: 20px; 
	/*position: absolute;
	top: 0px;
	left: 0px;*/
	border-bottom: 1px dotted #554f28;}


div .hotel_list_foto {	margin: 0px 20px 20px 10px;
	width: 120px;
	float: left;
/*	background-color: #003366;*/
}

div .hotel_list_texto {
	clear: right; 
	/*padding: 0px 10px 0px 145px;*/
	margin-left:145px;
	height:120px;}

div .hotel_list_resa a {
width:100%;
	margin-left: 145px;
	margin-bottom: 40px;
	/*background-color: #009999;}*/

}

/* ---- BEGIN tabla de reservas ---- */
.resa_table /* definicion del estilo de la tabla */
{
    /* border-width: 1px;
	 border-style:solid;*/
	 border-width:2px;
	 /*cell-spacing:0px;*/
	 /*empty-cells:show;*/
	 border-style:solid;
     border-color:#FFFFFF;
     font-family:verdana;
     font-size:11px;
     padding:4px;
	 background-color:#FFFFFF;
	 border-collapse: collapse;
	/*border-spacing: 5px;*/
	
}
.resa_table td /* estilo de todas las celdas  */
{
	border-width:1px;
	border-style:solid;
	border-color:#FFFFFF;
	font-family : Verdana;
	font-size: 11px;
	padding:4px;
}
.resa_table td.cell_header  /* celdas de headers */
{
	background-color: #B8C9D3;
    font-weight:bold;
	font-family:verdana;
     font-size:11px;
    color:#00486F;
}


/* ______________________ Error Messages */
div .errorbox
{
font-family : Verdana;
	color: #CC0000;
	width:55%;
	padding:5px;
	background-color:#FFFFFF;

}

div .errorbox li
{
text-align:center;
vertical-align: middle;
font-size : 12px;
font-weight: bold;
}
#hotel_booking
{
	font-size:11.0pt;
	font-family:Arial;
	color:#00CCFF;
	font-weight:bold;
}
#hotel_booking0 td
{
	border-right: #00ccff 1px solid;
	border-top: #00ccff 1px solid;
	border-left: #00ccff 1px solid;
	border-bottom: #00ccff 1px solid;
}
#hotel_booking1
{
	font-size:9.0pt; 
	font-family:Arial;
	color:#00CCFF;
	font-style:italic;
}
#hotel_booking2
{
	font-size:9.0pt; 
	font-family:Arial;
	color:#00CCFF;
}
#hotel_booking3 a
{
	font-size:9.0pt; 
	font-family:Arial;
	color:#00CCFF;
	font-weight: bold;
	TEXT-DECORATION:none;
}
#itinerary
{
FONT-SIZE:10pt;
COLOR:#ff9900;
FONT-FAMILY:Verdana;
font-weight:bold;
}

#itinerary1
{
TEXT-ALIGN:justify;
FONT-SIZE:8pt;
COLOR:#993300;
FONT-FAMILY:Verdana;
}
#itinerary2 a
{
TEXT-ALIGN:justify;
FONT-SIZE:8pt;
COLOR:#993300;
FONT-FAMILY:Verdana;
font-weight:bold;
}
#itinerary3
{
TEXT-ALIGN:center;
FONT-SIZE:8pt;
COLOR:#993300;
FONT-FAMILY:Verdana;
}
#itinerary4
{
TEXT-ALIGN:justify;
FONT-SIZE:8pt;
COLOR:#993300;
FONT-FAMILY:Verdana;
}
#benelux
{
FONT-SIZE:10pt;
COLOR:#ff9900;
FONT-FAMILY:Verdana;
font-weight:bold;
}
#benelux3
{
TEXT-ALIGN:center;
FONT-SIZE:8pt;
COLOR:#993300;
FONT-FAMILY:Verdana;
}
#intText2
{
	font-family: Verdana;
	margin-left: 220px;
	margin-right: 20px;
	padding-right: 10px;
}
#intText2 p
{
	color:#00486F;
	font-size: 10px;
	text-align: justify;
	font-weight: normal;
}
#intText2 ul
{
	
	font-size: 10px;
	text-align: justify;
	font-weight: normal;
}
#intText2 ol
{
	
	font-size: 10px;
	text-align: justify;
	font-weight: normal;
}
#intText2 h3
{
	color: #993300;
	font-size: 12px;
	font-weight: bold;
}
#intText2 h2
{
	color: #993300;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
}
#intText2 h1
{
	color:#993300;
	font-size: 10px;
	font-weight: normal;
}
#centerhome
{
	font-family:Century Gothic;
	margin-left: 220px;
	margin-right: 220px;
	padding-right: 10px;
	padding-bottom:10px;
	/*background-color:#FFB265;*/
}
#centerhome h5
{
	color:#800000;
	font-size: 26px;
	font-weight: bold;
	font-family:Century Gothic;
}
#centerhome h4
{
	color:#800000;
	font-size: 16px;
	font-weight: normal;
}
#centerhome h2
{
	color:#800000;
	font-size: 12px;
	font-weight:normal;
}
#centerhome h1
{
	color:#333333;
	font-size: 10px;
	font-weight:bold;
}
#centerhome p
{
	color:#333333;
	font-size: 10px;
	text-align: justify;
	font-weight: normal;
}
#AutoNumber1
{
	border-color:#000000;
}
#AutoNumber2
{
	border-color:#000000;
}
#AutoNumber3
{
	border-color:#003366;
}
#AutoNumber4
{
	border-color:#003366;
}
#AutoNumber5
{
	border-color:#003366;
}
#AutoNumber6
{
	border-color:#003366;
}
#AutoNumber7
{
	border-color:#004400;
}
#AutoNumber8
{
	border-color:#004400;
}
#AutoNumber9
{
	border-color:#004400;
}
#AutoNumber10
{
	border-color:#004400;
}
#AutoNumber11
{
	border-color:#004400;
}
.ulcult li
{
	color:#FFFFFF;
}
.tphoto1
{
height:340px;
}