/***************************************************/
/* 
Author: Juan C. Alvarez
For: EnjoyCentralAmerica, S.A.
font size 3 = font-size:16px
font size 4 = font-size:18px
*/

/* TAG GENERALES */
	body { font-family: Verdana, Arial, Helvetica, sans-serif; background:white; margin:0px; padding:0px; color:black; }
	img{ margin:0px; padding:0px; }
	table { font-size: 13px; color: #666666; }
	h1 { font-size: 16px; font-weight: bold; text-align: center; line-height: 125%; }
	h2 { font-size: 16px; font-weight: bold; text-align: center; line-height: 125%; }
	h3 { font-size: 13px; font-weight: bold; }
	input, select, textarea { background-color:#FBF8F7; }
	a:link { color: #003366;}
	a:visited { color: #003366;}
	
	img.izquierda { float: left; padding-right: 10px; padding-bottom: 10px; }
	.centrar { text-align: center; }
	.black {color:#000000;}
	.green { color: #336056}
	.blue { color: #00006C}
	.asterisco-rojo { color:#FF0000; font-weight:bold}
	.letra-azul {color: #3366FF}


/*
#columnaizq { float: left; width: 136px; background: #E8E0D0; text-align:center; }
#contenido { float: left; width: 428px; }
#columnader { float: left; width: 136px; background: #FBF8F7; text-align:center; }

div#contenido{ font-size: 13px; text-align: justify; }
div#contenido p{ padding-top: 5px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; color:gray; }
div#contenido p img{ margin: 0px 3px; }


td#languaje { font-size: 10px; }
td.verdanacentro { font-size: 13px; color: #666666; text-align: justify; margin-top: 15px; }
td.verdanacentro a{ color: #003366; }
td.verdanacentro ul li{ padding-left: 4px; }


.linkinhotels { font-size: 12px; color: #003366; font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; }
.verdanacentro { font-size: 13px; color: #666666; text-align: justify; padding-top: 5px;
	padding-right: 10px; padding-bottom: 0px; padding-left: 10px; }
*/

/* Columna Izquierda */
span.title-ca { font-family: Arial; font-size: 16px; color: #333333; font-weight: normal;
	display: block; font-style: oblique; }
a.izquierda { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
	text-decoration: none; font-weight: bold; display: block; }

/* Columna derecha */
/* Subtitulos en la columna derecha para las promos */
p.subtitle-rightcolumn { font-weight: bold; font-size: 16px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #993300; }
.tarifas { text-align:center; font-weight:bold; color:blue}
.tarifas-title { text-align:center; font-weight:bold; font-size:9px}
.presenta { text-align:center; font-weight:bolder; font-style:italic; color:red; font-size:16px; font-family:"Times New Roman", Times, serif}
.refer-friend { text-align:right; font-size: 9px; color: #000066; }

/* Site Map CSS */
td.sitemap-1 { background-color: #B0D8FF; font-size: 9px; width: 33%; text-align: center; }
td.sitemap-1 h3, td.sitemap-2 h3, td.sitemap-3 h3{ font-size: 12px; text-decoration: none; 
	display: block; margin-bottom: 0px; margin-top: 6px; }
td.sitemap-1 h3{ color: #003366; }
td.sitemap-1 a, td.sitemap-2 a, td.sitemap-3 a{ font-size: 10px; color: #333333; 
	text-decoration: none; display: block; }
td.sitemap-1 a:hover, td.sitemap-2 a:hover, td.sitemap-3 a:hover{ text-decoration: underline; }
td.sitemap-2 { background-color: #FFD9D9; font-size: 9px; width: 34%; text-align: center; }
td.sitemap-2 h3{ color: #CC0000; }
/*td.sitemap-2 a{ font-size: 10px; color: #333333; text-decoration: none; display: block; }
{ text-decoration: underline; }*/
td.sitemap-3 { background-color: #FFF9DD; font-size: 9px; width: 33%; text-align: center; }
td.sitemap-3 h3{ color: #CCA400; }
/*td.sitemap-3 a{ font-size: 10px; color: #333333; text-decoration: none; display: block; }
{ text-decoration: underline; }*/

/* Parques Nacionales */
.parques { height:143px; font-size:150%; vertical-align:middle; padding:10px 0px; 
	text-decoration:none }
.parques img { margin-left:10px; float: right; }

/* Hoteles */
/*
a.hotels { margin: 0px; border-right: 2px solid #FFFFFF; font-weight: bold; color: #003366;
	font-size: 13px; padding-right: 5px; padding-left: 5px; background-color: #E8E0D0;
	padding-top: 2px; padding-bottom: 2px; font-family: Arial, Helvetica, sans-serif; }
a.hotels:hover { background-color:#003366; color:#E8E0D0; }
p#hotels { line-height: 21px; text-align: center; }
p.hotels { font-size: 14px; font-weight: bold; margin-bottom: 1px; }
td.hotels { font-weight: 400; background-color: #E8E0D0; }
td.hotels-details { font-weight: 400; border-bottom-width: 2px; border-bottom-style: solid;
	border-bottom-color: #E8E0D0; border-right-width: 1px; border-left-width: 1px;
	border-right-style: solid; border-left-style: solid; border-right-color: #E8E0D0;
	border-left-color: #E8E0D0; vertical-align: top; }
*/
/* BANNER */
	div#banner { height: 100px; }

/* COLUMNAS */
/* Generalidades para los tres bloques centrados */
	.centrado {	width: 82%; min-width:779px; /*width:expression(document.body.clientWidth < 780? "779px": "79%" ); */
		text-align:center; margin-top: 5px; margin-right: auto; margin-left: auto; clear:both }
		
/* COLUMNA IZQUIERDA */
	.columnaizq { /*float: left;*/ width: 136px; text-align:center; background: #E8E0D0; vertical-align:top; }
	.columnaizq a{ font-family:Arial, Helvetica, sans-serif; font-size: 15px; color: #000000; 
		text-decoration: none; font-weight: bold; display: block; }
	span.title-ca { font-family: Arial; font-size: 16px; color: #333333; font-weight: normal;
		display: block; font-style: oblique; }
	/*a.izquierda { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;
		text-decoration: none; font-weight: bold; display: block; }*/

/* COLUMNA CENTRO */
	#columnacentro { width:100%; vertical-align:top; }
	.contenido p{ padding-top: 5px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px;}
	.contenido p img{ margin: 0px 3px; }
	.contenido { font-size: 13px; padding: 0px 10px 10px 10px; /*margin-right: 136px; margin-left: 136px; */
		color: #666666; text-align: justify; vertical-align:top; }
	.contenido img{ margin-right: 5px; margin-left: 5px; }
	.contenido .titulo { font-size:18px; font-weight:bold}

/* COLUMNA DERECHA */
	.columnader { /*float: right;*/ width: 136px; text-align:center; background: #FBF8F7 repeat; vertical-align:top; }
	div .promos-rates { text-align:center; float:right }
	.columnader h3{ margin-bottom: 0px; }
	#referedFriend { font-size: 9px; text-align: right; padding: 30px 5px 0px 0px; }
	p.subtitle-rightcolumn { font-weight: bold; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; 
		color: #993300; }
	.amigo { text-align:right; font-size: 9px; color: #000066; }

/* PIE DE PAGINA */
	div#pie, #banner { clear: both; text-align:center; font-size:small; }
	div#pie { padding-top: 15px; padding-bottom: 10px; }
	div#pie a{ color:#4E4E27; }
	div#pie .copyright { font-size:x-small; }

/* BOTONERA */
	div#botoneraCentral { /*margin: 0px 136px 0px 136px;*/ height:50px; background:url(/Templates/images/bars.gif) repeat-x; }
	div.botonera { border: 0px solid #666633; width:41%; float:left; padding:0px; margin:0px;  }
	div.imagenbotonera {width:18%; text-align:center; float:left}
	div.imagenbotonera img { text-align:center; margin:0px; padding:0px; }
	div.boton { padding: 4.5px 0px; float:left; text-align:center; width:33%; }
	div.boton a, div.boton a:visited{ font-size: 12px; color: black; font-weight: bold; 
		font-family:Arial, Helvetica, sans-serif; text-decoration: none; }
	/*.botoncentral { font-size: 10px; color: #4E4E27; font-weight: bold; text-decoration: none; }*/


/* HOTELES */
/* hotels.htm */
	p#hotels { line-height: 23px; text-align: center; }
	p#hotels a{ margin: 0px; border-right: 2px solid #FFFFFF; font-weight: bold; font-size: 13px;
		padding: 3px 6px 3px 6px; background-color:#E8E0D0; color:#003366; font-family: Arial, Helvetica, sans-serif; }
	p#hotels a:hover { background-color: #003366; color: #E8E0D0; }
	div.detalleHoteles { border: thin solid #E8E0D0; }
	div.detalleHoteles h4 { font-size: 13px; font-weight: normal; margin: 0px 0px 2px 0px; padding: 3px 0px 3px;
		display: block; background-color: #E8E0D0; color: #000000; }
	div.nombreHotel { float:left; width: 46%; }
	div.nombreHotel a{ display:block; }	
	div.categoriaHotel { float: left; width: 19%; }
	div.priceHotel { float: left; width: 12%; }
	a.linkinhotels { /*font-size: 18px;*/ font-family: Arial, Helvetica, sans-serif;
		font-weight: bold; }

	p.hotels { font-size: 14px; font-weight: bold; margin-bottom: 1px; }
	table#amenities-frame {border:2px solid #FF0000;width:100%;}
	td.hotels { font-weight: 400; background-color: #E8E0D0; }
	td.hotels-details { font-weight: 400; border-bottom-width: 2px; border-bottom-style: solid;
		border-bottom-color: #E8E0D0; border-right-width: 1px; border-left-width: 1px;
		border-right-style: solid; border-left-style: solid; border-right-color: #E8E0D0;
		border-left-color: #E8E0D0; vertical-align: top; }
	td.hotels-details { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #E8E0D0;
		border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; 
		border-right-color: #E8E0D0; border-left-color: #E8E0D0; vertical-align: top; font-size: 12px; }
	td.verdanacentro {color:#666666; font-size:13px;text-align:justify;}

/* Paginas de Hotel*/
	div#navegation { background-color:#E8E0D0; width:80%; font-size:12px; }
	div#navegation a { padding:10px; font-weight:bold; }
/* Paginas de Hotel Amenities*/
	div#leftamenities { float:left; width:50%; }
	div#amenities ul { margin:0px; padding:0px 0px 5px 0px; }
	div#amenities ul li{ margin-left: 15px; padding: 0px; }
/* Paginas de Hotel Precios*/
	.presenta { font-weight:bolder; font-style:italic; color:red; font-size:16px; font-family:"Times New Roman", Times, serif}
	div#columnader h3 { margin-bottom: 0px; font-style: oblique; color: #0000ff; font-size: 14px; padding-top: 10px; }
	div.pricesRate { font-size: 12px; border: 0px solid #000000; color:blue; font-weight:bold; padding-bottom: 0px; 
		/*background-color: #FFFFFF;*/ width: 136px; }
	div.pricesRate h4{ font-size: 10px; font-weight:bold; display: block; color: #666666; text-align:center; 
		padding: 2px 0px 3px 0px; margin:0px; border-bottom-width: 0px; border-bottom-style: solid; }
	div.prices { float: left; width: 33%; border-right: 1px solid #000000; padding-right: 2px; }
	div#priceInclude { font-size:9px; color:#666666; }

/* Paginas de reserve */
	h2.reserve {font-size:15px; font-weight:bold; padding-left:20px;text-align:left;margin: 12px 0px;}
	.verdanacentro {color:#666666;font-size:13px;text-align:justify;}
/* Paginas de Enlaces*/
	div.enlaces {margin:19px 0px; padding: 0px 5px; width:100% text-align:center; }
	div.enlaces span.titulo { font-weight:bold; line-height:25px }
	div.enlaces:hover { margin:19px 0px; padding: 0px 5px; width:100%; background-color:#F0F8FF; border: 1px solid #D2691E; }
	.reservationServices {background-color:#FBF8F7;color:#333333;font-family:Verdana;font-size:17px;font-weight:bold;height:48px;line-height:15px;margin:0;padding:0;text-align:center;width:136px;}