*
{padding: 0em;
margin: 0em;}
body{background: #5c81c8;
padding: 0px 0px 0px 0px;}
body,input{font-size: 10pt;
font-family: georgia, times new roman, serif;
color: #333333;}
@charset"UTF-8";body,td,th{font-family:Arial, Helvetica, sans-serif;color:#003300;font-size:14px;}
a:link{color:#1365ac;}
a:visited{color:#1365ac;}
a:hover{color:#000000;}
a:active{color:#1365ac;}
p{padding-bottom:14px;size:12px;}
h1{text-align:center;font-size:24px;color:#006600;}
h2{text-align:center;font-size:22px;color:#006600;font-family:Helvetica, Arial, sans-serif;font-weight:bold;margin-bottom:-1px;margin-top:12px;}
h3{font-size:18px;}
.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: 119px;
	background: #5c81c8 url('http://www.mycostaricalink.com/header.jpg') no-repeat top left;
	margin-bottom: 0px;
	cursor:pointer;}
/*MENU*/gtpage-container{border:1px solid #399949;z-index:9999;padding:0 6px;float:none !important;float:left;display:block;background:#EEE;background:url(http://www.mycostaricalink.com/images/bg.gif) repeat-x;color:#fff;font:bold 11px/30px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;height:30px !important;height:1%;}
ul#navmenu-h{z-index:9999;background:url(http://www.mycostaricalink.com/images/bg.gif) repeat-x;margin:0;border:0 none;padding:0;width:806px;list-style:none;height:30px;z-index:7000;}
ul#navmenu-h li{z-index:9999;margin:0;border:0 none;padding:0;float:left;display:inline;list-style:none;position:relative;height:30px;}
#outer #page-container #navmenu-h li #ancho{width:230px;z-index:9999;}
ul#navmenu-h ul{z-index:9999;margin:0;border:0 none;padding:0;width:140px;list-style:none;display:none;position:absolute;top:30px;left:0;}
ul#navmenu-h ul:after{z-index:9999;clear:both;display:block;font:1px/0px serif;content:".";height:auto;visibility:hidden;}
ul#navmenu-h ul li{z-index:9999;width:140px;float:left;display:block !important;display:inline;}
ul#navmenu-h a{border-right:1px solid #399949;padding:0 6px;float:none !important;float:left;display:block;background:#EEE;background:url(http://www.mycostaricalink.com/images/bg.gif) repeat-x;color:#fff;font:bold 12px/30px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;height:30px !important;height:1%;}
ul#navmenu-h #azul a{border-right:1px solid #399949;padding:0 6px;float:none !important;float:left;display:block;background:#EEE;background:url(http://www.mycostaricalink.com/images/bg.gif) repeat-x;color:#ffff00;font:bold 12px/30px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;height:30px !important;height:1%;}
ul#navmenu-h #azul a:hover{background:#ff6600;}
ul#navmenu-h form{border-right:1px solid #399949;padding:0 6px;float:none !important;float:left;display:block;background:#EEE;background:url(http://www.mycostaricalink.com/images/bg.gif) repeat-x;color:#fff;font:bold 12px/30px Verdana, Arial, Helvetica, sans-serif;text-decoration:none;height:30px !important;height:1%;}
ul#navmenu-h a:hover, ul#navmenu-h form:hover ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a{background:url(http://www.mycostaricalink.com/images/bg-hover.gif) repeat-x;background:#ff6600;color:#FFF;}
ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a{z-index:9999;float:none;background:url(http://www.mycostaricalink.com/images/bg.gif) repeat-x;font:bold 10px/28px Verdana, Arial, Helvetica, sans-serif;color:#fff;}
ul#navmenu-h li:hover li a:hover, ul#navmenu-h li:hover li:hover a, ul#navmenu-h li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover a{background:#ff6600;color:#FFF;}
ul#navmenu-h li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li a{z-index:1;background:url(http://www.mycostaricalink.com/images/bg.gif) repeat-x;font:bold 10px/28px Verdana, Arial, Helvetica, sans-serif;color:#fff;}
ul#navmenu-h li:hover li:hover li a:hover, ul#navmenu-h li:hover li:hover li:hover a, ul#navmenu-h li.iehover li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover a{background:#ff6600;color:#FFF;}
ul#navmenu-h li:hover li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li.iehover li a{background:url(http://www.mycostaricalink.com/images/bg.gif) repeat-x;font:bold 10px/28px Verdana, Arial, Helvetica, sans-serif;color:#fff;}
ul#navmenu-h li:hover li:hover li:hover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover li a:hover{background:#ff6600;color:#FFF;}
ul#navmenu-h ul ul, ul#navmenu-h ul ul ul{display:none;position:absolute;top:0;left:140px;}
ul#navmenu-h li:hover ul ul, ul#navmenu-h li:hover ul ul ul, ul#navmenu-h li.iehover ul ul, ul#navmenu-h li.iehover ul ul ul{display:none;}
ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul, ul#navmenu-h ul ul li:hover ul, ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul, ul#navmenu-h ul ul li.iehover ul{display:block;}
/*FINMENU*/


#content
{padding: 0em 2.0em 0em 0.3em;
background:#FFffff;}
#primarycontainer
{
float: right;
margin-right: -1.7em;
margin-top:25px;
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:0px;
height:362px;}
.balloon ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;}
.balloon ul li {
float:left;
margin-top:14px;
width:131px;
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*/
/*header titulo y dropdown menu*/
.balloon2 {
	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;}   
#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;}
/*barra izquierda*/

/*cuadro ubicados primero*/
.zone, .info-hotel1, .tour-section, .domestic-flights, .transportation, .private-transfers, .rental-car, .info-villa1, .shuttle, .tour-summary, .barraizquierda
{
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	background-color:#E2E2BE;
	border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
	border-style:solid;
	border-width:1px;
	margin-bottom:15px;
	color:#614F3A;
	font-size:11px;
	line-height:16px;
	padding:10px;
}
/*ya esta cambiado*/
.agency {
	background-image:url(../../images/packages/agency.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	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;}
/*ya esta cambiado*/
.zone {	background-image:url(../../images/packages/zone.png);}
.info-hotel1 { background-image:url(../../images/packages/hotel-summary.png);}
.tour-section {	background-image:url(../../images/packages/tours.png);}
.domestic-flights {	background-image:url(../../images/packages/domestic-flights.png);}
.transportation { background-image:url(../../images/packages/transportation.png);}
.private-transfers { background-image:url(../../images/packages/private-transfers.png);}
.rental-car { background-image:url(../../images/packages/rental-car.png);}
.shuttle { background-image:url(../../images/packages/shuttle.png);}
.info-villa1 {background-image:url(../../images/packages/villa-summary.png);}
.tour-summary {	background-image:url(../../images/packages/tour-summary.png);}
.barraizquierda { background-image:url(../../images/packages/summary-right.png);}
/*cuadro ubicados primero-fin*/
/*cuadros secundarios*/
.litle-form {
	background-image:url(../../images/packages/form.png);
	background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-bottom: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;}
.info-tour, .info-tour1, .related-tours, .more-attractions, .course-summary, .other-tours, .surf-beaches, .fishing-spots, .golf-courses, .info-tour2, .related-packages, .info-villa2, .info-place2, .info-place3 
{background-position:top;
	background-repeat:no-repeat;
	width:180px;
	margin-bottom:15px;
	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);}
.info-tour1 {background-image:url(../../images/packages/infopackage.png);}
.related-tours {background-image:url(../../images/packages/related-tours.png);}
.more-attractions {	background-image:url(../../images/packages/more-attractions.png);}
.course-summary {background-image:url(../../images/packages/courses-summary.png);}
.other-tours {background-image:url(../../images/packages/other-tours.png);}
.surf-beaches {	background-image:url(../../images/packages/surf-beaches.png);}
.fishing-spots {background-image:url(../../images/packages/fishing-spots.png);}
.golf-courses {background-image:url(../../images/packages/golf-courses.png);}
.info-tour2 {background-image:url(../../images/packages/similar-hotels.png);}
.related-packages {	background-image:url(../../images/packages/related-packages.png);}
.info-villa2 {background-image:url(../../images/packages/similar-villas.png);}	
.info-place2 {background-image:url(../../images/packages/places.png);}	
.info-place3 {background-image:url(../../images/packages/area-tours.png);}
/*cuadros secundarios fin*/	
/*cuadros centrales*/
.itinerary, .hotel, .tours-left, .travel, .tour-description, .course-description, .villa, .zone-description
{	background-position:top;
	background-repeat:no-repeat;
	margin-top:15px;
	margin-right:10px;
	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;}
.itinerary {background-image:url(../../images/packages/itinerary.png);}
.hotel {background-image:url(../../images/packages/hotel.png);}
.tours-left {background-image:url(../../images/packages/tours-left.png);}
.travel {background-image:url(../../images/packages/travel.png);}
.tour-description {background-image:url(../../images/packages/tour-description.png);}
.course-description {background-image:url(../../images/packages/course-description.png);}
.villa {background-image:url(../../images/packages/villa.png);}
.zone-description {background-image:url(../../images/packages/description.png);}
/*cuadros centrales fin*/
.hoteldetails {	font-size:10px;	color:#614f3a;}
/*acordeon*/
/*lista necesita optimzacion*/
.hotel-type{font-size:22px;font-family:Arial, Helvetica, sans-serif;font-weight:bolder;color:#003399;margin:5px 0px 5px 0px}
.entrada{width:595px;height:130px;margin:5px 3px 3px 5px;float:left;}
.entrada h6{font-size:18px;margin:0px 0px 0px 0px}
.entrada .contenido .location{padding-bottom:8px;font-size:12px;font-weight:bold;}
.entrada .contenido p{padding-bottom:0px;}
#outer #content #primarycontainer #primarycontent .entrada .contenido h6{color:#ff6600;}
div.entrada h2{font-size:11px;margin:0px 0px 0px 0px}
div.entrada p{font-size:12px;font-family:Arial, Helvetica, sans-serif;margin-top:0px;}
#outer #content #primarycontainer #primarycontent .entrada .contenido p a{font-style:italic;}
div.entrada img{width:120px;height:90px;float:left;margin:0px 10px 0px 0px;}
div.entrada div.contenido{width:570px;height:auto;}
div.entrada div.contenido div.foot{width:570px;font-size:12px;font-family:Arial, Helvetica, sans-serif;border-top:solid 1px;float:left;border-top-color:#C3DF9C;text-align:left;padding:3px 0px 0px 0px;margin:8px 0px 0px 2px;}
div.entrada div.contenido div.foot div.price-range-links{width:570px;font-size:12px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#096b09;}
div.entrada div.foot img{width:12px;height:12px;float:inherit;margin:0px 2px 0px 0px;border:none;}
#outer #content #primarycontainer #primarycontent .entrada .contenido .foot .price-range-links .buttons{text-align:right;}
/*fin lista necesita optmizacion*/
#accordion2 {width:174px;  border:1px solid #399949; border-top:none; margin-top:32px; }
.accordion2 {width:174px; font:12px Verdana,Arial; color:#333}
.accordion2 dt {width:162px; padding:4px 6px; font-weight:bold; cursor:pointer; background-color:#006600; /*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 #399949}
.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 #399949; 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}
/*footer*/
#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: 13.0em; 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: 6.3em; bottom: 0.7em; color:#FFF;}
#footer .links a {	color: #FF6600; font-weight:bold; text-decoration: none;}
#footer .links a:hover {text-decoration: underline;}
/*footer*/

<!--
.pie-info, .pie-wide .relacionados, .pie-wide .calificacion {
/*-moz-border-radius:8px 8px 8px 8px;*/
padding:15px;

background-color:#E2E2BE;
/*border:1px solid #D2D2D2;*/
border-color:#FFFFFF #C5BDB2 #C5BDB2 #FFFFFF;
border-style:solid;
border-width:1px;


height: auto;
color:#614F3A;
font-size:12px;
padding:1em 1em 0.1em;
}

.pie-info .avatar {
float:left;
padding-right:10px;
border:none;
}
.galleryheader {
	text-align:left;
	
background-color:#b6c596;
border-color:#F6E9D9 #C1B5A7 #C1B5A7;
border-style:solid;
border-width:1px;
color:#614f3a;


font-weight: bold;
line-height:16px;
margin:0;
padding:15px;
text-transform:none;

}