html body
{
	margin: 0;
	padding: 0;
	font: 12px/23px "Avenir LT Std 35 Light";
	text-align: left;
	color: #666;
	background: url(img/grd2.gif) repeat-x top;
}

h1{
  color:#000;
  font-size:22px;
  font-weight:normal;
  margin:10px 0 10px 0;
}

h2{
  margin:10px 0 0 0;
  color:#000;
  font-weight:normal;
}

h3 {
	font-weight: normal;
}

h4 {
	font-weight: normal;
}

h5 {
	font-weight: normal;
}

h6 {
	font-size: 10px;
	font-weight: normal;
}

.siteMapList {
	margin-left: 40px;
	line-height: 11px;
}

.siteMapSubList {
	margin-left: 60px;
	line-height: 11px;
}


h1.error
{
	font-size: 80px;
	color: #9dba5d;
}


h2.error
{
	font-size: 25px;
	color: #9dba5d;
}

h2.error a
{
	color: #9dba5d;
	text-decoration: underline;
}

h3.error
{
	font-size: 15px;
	color: #8ec9cd;
}



.welcome
{
	background-image: url(img/header01.jpg);
}

.destination-costa-rica{
  background-image:url(img/header01.jpg);
}

.packages{
  background-image:url(img/header01.jpg);
}

.vacations{
  background-image:url(img/header02.jpg);
}

.villas{
  background-image:url(img/header02.jpg);
}

.adventures{
  background-image:url(img/header03.jpg);
}

.resort{
  background-image:url(img/header04.jpg);
}

.concierge{
  background-image:url(img/header08.jpg);
}

.location{
  background-image:url(img/header06.jpg);
}

.rates-and-packages{
  background-image:url(img/header07.jpg);
}

.travel{
  background-image:url(img/header01.jpg);
}

.brochure-requests,.recreo,.contact,.in-the-news,.press,.recreo-video,.links{
  background-image:url(img/header01.jpg);
}

.bungalows_int{
  background-image:url(img/header09.jpg);
}

a{
  color:#666;
  text-decoration:none;
}
a:hover {
  color:#000;
  text-decoration:none;
}
a.active{
  color:#000;
  font-weight:bold;
}

img{
  padding:8px;
  border:1px solid #CCC;
}

a:hover img{
  border:1px solid #999;
}

.selected {
  color:#000;
}

.spacer{
  margin-top:15px;
}

.event{
  font-size:11px;
  line-height:18px;
  margin-top:5px;
}

.rss{
  padding:0 0 20px 20px;
  background:url(img/rss.gif) no-repeat;

}

b{
  color:#000;
  font-size:14px;
  font-weight:normal;
}

em{
  font-size:16px;
  font-weight:normal;
  font-style:normal;
}

.dotlink a{
  font-size:11px;
  text-decoration:none;
  border-bottom:1px dotted #000;
}

.dotlink a:hover {
  text-decoration:none;
  border:0;
}

.dotlink_large a{
  font-size:13px;
  text-decoration:none;
  border-bottom:1px dotted #000;
}

.dotlink_large a:hover {
  text-decoration:none;
  border:0;
}

.twelve{
  font-size:12px;
  color:#000;
}

.alert{
  color:#09C;
  font-size:12px;
  font-weight:normal;
}

.inactive{
  color:#CCC;
}

.nom {
  margin:0;
}


#contenedor
{
	width: auto;
	margin: 0;
	height: auto;
	float: left;
}

#top
{
	width: auto;
	height: 250px;
	z-index: 1000;
	margin: 0;
}

#header {
	position: absolute;
	top: 0px;
	right: 50px;
	height: 16px;
	z-index: 2;
	}
#header ul {
	padding: 0; 
	margin-top: -4px;
	width: 400px;
	text-align: right;
	}
#header li {
	font-size: 10px;
	margin-left: 12px; 
	padding: 0;
    list-style: none;
	display: inline;
	}
#header li a {
	color: #FFF;
	}
#header li a:hover {
	color: #333;
	}
#logo {
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	width: 100%;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #CCC;
	}
	
#logo-hit {
    display: block;
    position: absolute;
    top: 80px;
    left: 36px;
    margin: 0;
    width: 222px;
    height: 0 !important;
    padding: 78px 0 0 0;
    overflow: hidden;
}

#nav {
	position: absolute;
	overflow: hidden;
	top: 218px;
	left: 0px;
	height: 32px;
	width: 100%;
	z-index: 99;
	}

#event img{
  padding:8px;
  border:1px solid #CCC;
}

hr.dotted{
  color:#555;
  border-bottom:1px dotted #555;
  border-top:0;
  border-left:0;
  border-right:0;
  margin:0 0 5px 0;
  padding:0;
  width:100%;
  height:1px;
}

hr.solid{
  color:#666;
  border-bottom:1px solid #333;
  border-top:0;
  border-left:0;
  border-right:0;
  margin:0 0 5px 0;
  padding:0;
  width:100%;
  height:1px;
}

#flashM{
  margin-top:20px;
}

.objectlist{
  margin:0 10px 20px 0;
  width:160px;
  height: 160px;
  float:left;
  font-size:11px;
  line-height:18px;
}

.obj_group{
  margin-bottom:20px;
  width:625px;
  float:left;
}

.obj_group_l{
  margin:5px 0 0 0;
  width:110px;
  float:left;
}

.obj_group_r{
  margin:0;
  width:515px;
  padding:0;
  float:left;
}

#objectlistcol{
  width:680px;
}

.news{
  float:left;
  width:100%;
  margin:0 0 25px 0;
}

.news img{
  float:left;
  margin:0 30px 25px 0;
}

.news hr.dotted{
  clear:both;
}

#leftcol_n ul,#news_n ul{
  margin:15px 0 0 0;
  padding:0;
  float:left;
  display:inline;
  list-style:none;
  padding:0;
}

#leftcol_n li{
  margin:0;
  padding:0;
  display:inline;
  font-size:16px;
  list-style:none;
  margin-right:10px;
}

#leftcol_n li,#news_n li{
  margin:0;
  padding:0;
  display:inline;
  font-size:16px;
  list-style:none;
  margin-right:10px;
}

#listConts {
	float: none;
	list-style: circle;
}
#listConts li {
	float: none;
}

a.linkInt:link {
	color: #000;
}

a.linkInt:visited {
	color: #000;
}

a.linkInt:hover {
	color: #000;
	text-decoration: underline;
}

a.linkInt:active {
	color: #000;
}
a.linkInt2:link {
	color: #090;
}

a.linkInt2:visited {
	color: #090;
}

a.linkInt2:hover {
	color:#060;
	text-decoration: underline;
}

a.linkInt2:active {
	color: #090;
}

#leftcol_n .active a{
  color:#000;
}

#news_n li a{
  text-decoration:underline;
}

#news_n .active a{
  color:#000;
  text-decoration:none;
}

li .active{
  text-decoration:none;
}

#nav ul
{
	margin: 0;
	padding: 0;
	height: 32px;
	margin-left: 44px;
	overflow: hidden;
	float: left;
}

#nav ul.right
{
	margin: 0;
	padding: 0;
	height: 32px;
	margin-right: 40px;
	overflow: hidden;
	float: right;
}

#nav li{
  margin:0;
  list-style:none;
  display:inline;
  float:left;
}

#nav a{
  top:5px;
  position:relative;
  background-color:transparent;
  padding:10px 9px;
  color:#000;
}

#nav a:hover,#nav a.selected{
  background-color:#FFF;
  color:#b4ea1c;
}

#/*---------------------------------
	columns
---------------------------------*/
#content {
	position: absolute;
	top: 250px;
	width: 99%;
	left: 0;
	background: url(./img/grd.gif) top left repeat-x;
	}
#leftcol {
	position: relative;
	margin: 35px -240px 0 0;
	float: left;
	width: 99%;
	min-height: 500px;
	}
#leftcol_n {
	margin: 0 280px 30px 45px;
	text-align: left;/*	margin: 30px 255px 30px 45px;*/
	}
#rightcol {
	position: relative;
	margin: 35px 0 0 0;
	float: right;
	width: 239px;
	border-left: #666 1px dotted;
	}
#rightcol_n {
	margin: 0 30px 30px 30px;
	}
#rightcol-contact {
	display: block;
	padding-top: 20px;
	height: 0;
	overflow: hidden;
	width: 136px;
	background-image: url(./img/logo_small.png);
	background-repeat: no-repeat;
	margin-bottom: 12px;
}
.brdlength1 {min-height: 645px;}
.brdlength2 {min-height: 500px;}

/* IE6 min-height */
/*\*/
* html #leftcol {height: 500px;}
* html #rightcol {height: 500px;}
/**/


/*---------------------------------
	footer menu
---------------------------------*/
#footer-menu {
	width: 100%;
	top: 3px;
	position: relative;
	float: left;
	overflow: hidden;
}

#footer-content {
	left: 45px;
	float: left;
	position: relative;
}

#footer-menu ul{
	list-style: none;
	margin: 3px 0 0 0;
	padding: 0;
}

#footer-menu li {
	font-size: 11px;
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}


.program_sort{
  height:10px;
  line-height:14px;
  font-size:9px;
  color:#777;
  width:675px;
}

.program_sort_a{
  position:absolute;
  left:45px;
  overflow:hidden;
}

.program_sort_b{
  position:absolute;
  left:200px;
  overflow:hidden;
}

.program_sort_c{
  position:absolute;
  left:590px;
  overflow:hidden;
}

.program_head{
  border-bottom:1px dotted #000;
  height:30px;
  line-height:32px;
  font-size:15px;
  color:#000;
  width:675px;
}

.program_head_a{
  position:absolute;
  left:45px;
  overflow:hidden;
}

.program_head_b{
  position:absolute;
  left:200px;
  overflow:hidden;
}

.program_head_c{
  position:absolute;
  left:590px;
  overflow:hidden;
}

.program_list{
  border-bottom:1px dotted #000;
  height:25px;
  line-height:26px;
  width:675px;
}

.program_list:hover {
  background:#C4FE1D;
}

.program_list_a{
  position:absolute;
  left:45px;
  overflow:hidden;
}

.program_list_b{
  position:absolute;
  left:200px;
  overflow:hidden;
}

.program_list_c{
  position:absolute;
  left:590px;
  overflow:hidden;
}

.inpt_form{ 
  width:450px;
  color:#666;
  font-size:11px;
  line-height:20px;
}

.inpt_1{
  float:left;
  width:430px;
  overflow:hidden;
  margin:0 0 5px 0;
}

.inpt_2{
  float:left;
  width:100px;
  overflow:hidden;
  margin:0 10px 5px 0;
}

.inpt_3{
  float:left;
  width:210px;
  overflow:hidden;
  margin:0 10px 5px 0;
}

.inpt_4{
  clear:left;
}

.inpt_1 input{
  height:18px;
  width:99%;
  margin:0;
  border:1px solid #CCC;
}

.inpt_2 input{
  height:18px;
  width:96%;
  margin:0;
  border:1px solid #CCC;
}
.inpt_3 input{
  height:18px;
  width:98%;
  margin:0;
  border:1px solid #CCC;
}

.listmenu{
  margin:0;
  padding:0;
  line-height:20px;
}

.listmenu li{
  padding:0;
  display:block;
  font-size:12px;
}

.inputdiv{
  float:left;
  margin-right:10px;
  font-size:11px;
}

#credit{
  height:20px;
  width:150px;
  color:#666;
  font:9px Arial,Helvetica,Sans-serif;
  text-align:left;
}

#credit a{
  text-decoration:none;
  color:#666;
}

#credit a:hover {
  text-decoration:none;
  color:#FFF;
  background-color:#000;
}

.contacTable{
border:1px solid #dedede;
padding: 5px 10px; 
}