*
{
padding: 0em;
margin: 0em;
}

body
{
background: #5c81c8;
padding: 4px 0px 0px 0px;
}

body,input
{
font-size: 10pt;
font-family: georgia, times new roman, serif;
color: #333333;
}
a.lnk {
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}
a.lnk:link{

color: #000000;
text-decoration: none;
}
a.lnk:visited
{
color: #336699;
text-decoration: underline;
}
a.lnk:hover
{
color:#336699;
text-decoration: none;
}
a.lnk:active
{
color: #0067ae;
text-decoration: underline;
}

.hello
{
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
color:#ffffff;

}
.topnaviga
{
width: 9.2em;
margin-left: -3px;
border-right: solid 9px #030;
color:#FFFF33;
padding-left: 1px;
background-color: #060;
}

.contentarea
{
padding-top: 0.2em;
}

.divider1
{
position: relative;
background: #fff;
height: 14px;
margin: 1.0em 0em 1.0em 0em;
clear: both;
}

.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 1.0em 0em 1.0em 0em;
}
.box
{
position: relative;
background: #FDFCF6;
left: -1.5em;
top: -1.5em;
padding: 1.5em;
border-bottom: solid 1px #E1D2BD;
margin-bottom: 1.0em;
}

ul.linklist
{
list-style: none;
}

ul.linklist li
{
line-height: 1.4em;
}

#outer
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 805px;
border: solid 0px #333;
background-color: #fff;
margin: 0 auto;
}

#header
{
position: relative;
width: 100%;
height: 9.0em;
background: #2B2B2B;
margin-bottom: 2px;
}

#headercontent
{
position: absolute;
bottom: 0em;
padding: 0em 2.0em 1.3em 2.0em;
}


#headerpic
{
	position: relative;
	height: 150px;
	background: #5c81c8 url('http://www.volcanoarenal.com/header.jpg') no-repeat top left;
	margin-bottom: 0px;
}

#content
{
padding: 0em 2.0em 0em 0.3em;
background:#FFffff;
}

#primarycontainer
{
float: right;
margin-right: -1.7em;
width: 610px;
}

#primarycontent
{
	z-index:5;
margin: 0.7em 0.1em 0em 0em;
}

#secondarycontent
{
margin-top: 0.1em;
float: left;
width: 12em;

background-position:top;
background-repeat:repeat-y


padding: 0.2em;
}

/*cuerpo index 6 fotos*/
.balloon {
	margin-top:5px;



height:362px;

}
.balloon ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;
}
.balloon ul li {
float:left;
margin:7px;
width:115px;
height:175px;

}   

/*cuerpo index 6 fotos*/
/*cuerpo index 4 fotos*/
.balloon1 {
	margin-top:5px;



height:362px;

}
.balloon1 ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;
}
.balloon1 ul li {
float:left;
margin:7px;
width:176px;
height:175px;
clear:inherit

}   

/*cuerpo index 4 fotos*/
#footer
{
position: relative;
height: 22.4em;
clear: both;
padding-top: 2.0em;

background-image:url(images/left/footer.png);
background-position:bottom;
background-repeat: repeat-x;


font-size: 11px;

}

#footer .center
{
position: absolute;
left: 1.0em;
right: 1.0em;
bottom: 12.4em;
color:#FFF;
text-align:justify;

}

#footer .left
{
position: absolute;

left: 1.0em;
bottom: 4.5em;
color:#FFF;
text-align:center;
}

#footer .left1
{
	position: absolute;
	left: 148px;
	bottom: 4.5em;
	color:#FFF;
	text-align:center;
}

#footer .left2
{
position: absolute;
left: 1.0em;
bottom: 3.1em;
color:#FFF;
text-align:center;
}

#footer .right
{
position: absolute;
right: 1.0em;
bottom: 4.5em;
color:#FFF;
}

#footer .right a
{

color:#FF6600;
}

#footer .links
{
	position: absolute;
	left: 127px;
	bottom: 0.7em;
	color:#FFF;
}

#footer .links a {
	color: #FF6600;
	font-weight:bold;
	text-decoration: none;
	}
	
	#footer .links a:hover {
		text-decoration: underline;
	}



#menue ul
{
padding-left: 0;
margin-top: 0;
padding-top: 0;
margin-bottom: 0.1em;
margin-left: 0;

background :url(http://www.mycostaricalink.com/images/bg.gif) repeat-x;
color: White;
float: left;
width: 767px;
font-size: 1.5em;
font-weight: bold;
font-family: arial, sans-serif;
}

#menue ul li { display: inline;
 }

#menue ul li a
{
padding: 0.4em 0.4em;
background :url(http://www.mycostaricalink.com/images/bg.gif) repeat-x;


border-right: 1px solid #006600;
font-size: 0.7em;
font-family: arial, sans-serif;
color: White;
text-decoration: none;
float: left;
}

#menue ul li a:hover
{
background-color: #51A701;
background :url(http://www.mycostaricalink.com/images/bg-hover.gif) repeat-x;
border-right: 1px solid #51A701;

color: #fff;
}


#navi {  
	list-style:none;
	margin:0;
	padding:0;
}


	
/*luego a los elementos de la lista...*/
#navi li {
	
	margin-top:10px;
	margin-left:4px;

	padding:2px;
	
	}




.bloque-contenido {
	height:270px;
	width:190px;

background :url(http://www.mycostaricalink.com/images/left/bg.png) repeat-x;
background-repeat:no-repeat;

}

.orange {
	color: #ff6600;
}

.black {
	color: #000000;
}



/*barra izquierda*/

.barraizquierda {
background-image:url(../../images/packages/summary-right.png);
	background-position:top;
	background-repeat:no-repeat;
	width:174px;
	margin-top:8px;
	background-color:#E2E2BE;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px
}


.info-tour {
	background-image:url(../../images/packages/summary-right.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:8px;
	background-color:#E2E2BE;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px ;
}
.info-tour1 {
	background-image:url(../../images/packages/infopackage.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#baca98;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}

.tour-section {
	background-image:url(../../images/packages/tours.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#6194C4;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#ffffff;
	font-size:11px;
	line-height:16px;
	padding:10px;
}
.info-hotel1 {
	background-image:url(../../images/packages/hotel-summary.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#6194C4;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#ffffff;
	font-size:11px;
	line-height:16px;
	padding:10px;
}
.agency {
	background-image:url(../../images/packages/agency.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#6194C4;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#ffffff;
	font-size:11px;
	line-height:16px;
	padding:10px;
}
.transportation {
	background-image:url(../../images/packages/transportation.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#baca98;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}
.rental-car {
	background-image:url(../../images/packages/rental-car.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#baca98;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}
.domestic-flights {
	background-image:url(../../images/packages/domestic-flights.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#baca98;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}
.zone {
	background-image:url(../../images/packages/zone.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#6194c4;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-size:11px;
	line-height:16px;
	padding:10px;
}

.tour-summary {
	background-image:url(../../images/packages/tour-summary.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#baca98;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}

.related-tours {
	background-image:url(../../images/packages/related-tours.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#baca98;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}


.more-attractions {
	background-image:url(../../images/packages/more-attractions.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#baca98;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}

.course-summary {
	background-image:url(../../images/packages/courses-summary.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#baca98;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}



.info-villa1 {
	background-image:url(../../images/packages/villa-summary.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#baca98;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}

.private-transfers {
	background-image:url(../../images/packages/private-transfers.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:8px;
	background-color:#E2E2BE;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px ;
}

.shuttle {
	background-image:url(../../images/packages/shuttle.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:8px;
	background-color:#E2E2BE;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px ;
}

.hoteldetails {
	font-size:10px;
	color:#614f3a;}
	
.litle-form {
	background-image:url(../../images/packages/form.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#fd9149;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}
.itinerary {
	background-image:url(../../images/packages/itinerary.png);
	background-position:top;
	background-repeat:no-repeat;
	margin-top:15px;
	background-color:#fbfde3;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:12px;
	line-height:16px;
	padding:15px;
}


.other-tours {
	background-image:url(../../images/packages/other-tours.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#baca98;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}

.surf-beaches {
	background-image:url(../../images/packages/surf-beaches.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#baca98;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
	}

.fishing-spots {
	background-image:url(../../images/packages/fishing-spots.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#baca98;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}

.golf-courses {
	background-image:url(../../images/packages/golf-courses.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#baca98;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}	



.info-tour2 {
	background-image:url(../../images/packages/similar-hotels.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#6194C4;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#ffffff;
	font-size:11px;
	line-height:16px;
	padding:10px;
}	


.related-packages {
	background-image:url(../../images/packages/related-packages.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#baca98;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}	

.info-villa2 {
	background-image:url(../../images/packages/similar-villas.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#baca98;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}	

.info-place2 {
	background-image:url(../../images/packages/places.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#6194C4;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#ffffff;
	font-size:11px;
	line-height:16px;
	padding:10px;
}	

.info-place3 {
	background-image:url(../../images/packages/area-tours.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-top:15px;
	background-color:#6194C4;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#ffffff;
	font-size:11px;
	line-height:16px;
	padding:10px;
}	

.hotel {
	background-image:url(../../images/packages/hotel.png);
	background-position:top;
	background-repeat:no-repeat;
	margin-top:15px;
	background-color:#fbfde3;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:12px;
	line-height:16px;
	padding:15px;
}

.tours-left {
	background-image:url(../../images/packages/tours-left.png);
	background-position:top;
	background-repeat:no-repeat;
	margin-top:15px;
	background-color:#fbfde3;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:12px;
	line-height:16px;
	padding:15px;
}

.travel {
	background-image:url(../../images/packages/travel.png);
	background-position:top;
	background-repeat:no-repeat;
	margin-top:15px;
	background-color:#fbfde3;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:12px;
	line-height:16px;
	padding:15px;
}

.index {
	height:383px;
		background-repeat:no-repeat;
	
	background-color:#fff;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:12px;
	line-height:16px;
	padding:15px;
}

.tour-description {
	background-image:url(../../images/packages/tour-description.png);
	background-position:top;
	background-repeat:no-repeat;
	margin-top:15px;
	background-color:#fbfde3;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:12px;
	line-height:16px;
	padding:15px;
}

.course-description {
	background-image:url(../../images/packages/course-description.png);
	background-position:top;
	background-repeat:no-repeat;
	margin-top:15px;
	background-color:#fbfde3;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:12px;
	line-height:16px;
	padding:15px;
}

.villa {
	background-image:url(../../images/packages/villa.png);
	background-position:top;
	background-repeat:no-repeat;
	margin-top:15px;
	background-color:#fbfde3;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:12px;
	line-height:16px;
	padding:15px;
}
.zone-description {
	background-image:url(../../images/packages/description.png);
	background-position:top;
	background-repeat:no-repeat;
	margin-top:15px;
	background-color:#fbfde3;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#614F3A;
	font-size:12px;
	line-height:16px;
	padding:15px;
}

.hoteldetails {
	font-size:10px;
	color:#614f3a;
}
/*acordeon*/

.leftpic { margin-top:10px;}


#accordion2 {width:174px;  border:1px solid #0067c6; border-top:none; margin-top:29px}
.accordion2 {width:174px; font:12px Verdana,Arial; color:#333}
.accordion2 dt {width:162px; padding:4px 6px; font-weight:bold; cursor:pointer; background-color:#0067c6; /*background-image:url(http://www.mycostaricalink.com/images/arrow_down.gif);*/ background-position:right center; background-repeat:no-repeat; color:#fff; border-top:1px solid #0067c6}
.accordion2 dt:hover {background-color:#FF6600}
.accordion2 .open {background-color:#FF6600; background-image:url(http://www.mycostaricalink.com/images/arrow_up.gif)}
.accordion2 dd {overflow:hidden; background:#fff}
.accordion2 span {display:block; width:169px; border-top:none; padding:15px}

#accordion3 {width:174px;  border:1px solid #0067c6; border-top:none}
.accordion3 {width:174px; font:12px Verdana,Arial; color:#333}
.accordion3 dt {width:162px; padding:4px 6px; font-weight:bold; cursor:pointer; background-color:#006600;  background-position:right center; background-repeat:no-repeat; color:#fff; border-top:1px solid #399949}
.accordion3 dt:hover {background-color:#FF6600}
.accordion3 .open {background-color:#FF6600; background-image:url(http://www.mycostaricalink.com/images/arrow_up.gif)}
.accordion3 dd {overflow:hidden; background:#fff}
.accordion3 span {display:block; width:169px; border-top:none; padding:15px}