@charset "utf-8";
/* CSS Document */

#mapWrapper {
	position: relative; 
	width:640px; 
	height:640px;
	display: block;
	margin: 0 auto;
}

#zonas {
	position: absolute; 
	width:640px; 
	height:640px; 
	z-index:0; 
	background:url(../images/mapa.png) left top no-repeat transparent;
	background-position: -300px;
}

#hoverMapa {
	position: absolute;
	width: 640px;
	height: 640px;
	z-index: 21;
}

.info {
	display:none; 
	width:500px; 
	height:500px; 
	top:52px; 
	left:inherit; 
	z-index:25; 
	position:absolute;
}
.info .infobox {
background-color: inherit !important;
}

/*--- ALAJUELA ---*/

.direccion {
	margin-top: 10px;
}


#alajuela { 
	display:none; 
	width:236px; 
	height:230px; 
	background:url(../images/alajuela_hover.png) top center no-repeat; 
	top:53px; 
	left:88px; 
	z-index:1;
	position:absolute;
	cursor:pointer;
	opacity: 0.5;
}


.alajuela_box {
	background-image: url(../images/alajuela_bg.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 500px;
}

/*--- END ALAJUELA ---*/

/*--- GUANACASTE ---*/

#guanacaste { 
	display:none; 
	width:215px; 
	height:275px; 
	background:url(../images/guanacaste_hover.png) top center no-repeat; 
	top:27px; 
	left:-3px; 
	z-index:2;
	position:absolute; 
	cursor:pointer;
    opacity: 0.5;}

.guanacaste_box {
	background-image: url(../images/guanacaste_bg.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 500px;
}

/*--- END GUANACASTE ---*/

/*--- HEREDIA ---*/

#heredia { 
	display:none;
	width:93px; 
	height:158px; 
	background:url(../images/heredia_hover.png) top center no-repeat; top:105px; 
	left:316px; 
	z-index:1;
	position:absolute; 
	cursor:pointer;
	opacity: 0.5;
}

.heredia_box {
	background-image: url(../images/heredia_bg.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 500px;
}

/*--- END HEREDIA ---*/

/*--- LIMON ---*/

#limon {
	display:none; 
	width:256px; 
	height:346px; 
	background:url(../images/limon_hover.png) top center no-repeat; 
	top:79px; 
	left:364px; 
	z-index:1;
	position:absolute; 
	cursor:pointer;
	opacity: 0.5;
	}

.limon_box {
	background-image: url(../images/limon_bg.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 500px;
}

/*--- END LIMON ---*/

/*--- CARTAGO ---*/

#cartago {
	display:none; 
	width:141px; 
	height:127px; 
	background:url(../images/cartago_hover.png) top center no-repeat; 
	top:225px; 
	left:337px; 
	z-index:2;
	position:absolute;
	cursor:pointer;
	opacity: 0.5;
}

.cartago_box {
	background-image: url(../images/cartago_bg.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 500px;
}

/*--- END CARTAGO ---*/

/*--- SAN JOSE ---*/

#san_jose { 
	display:none; 
	width:212px; 
	height:211px; 
	background:url(../images/san_jose_hover.png) top center no-repeat; 
	top:216px; 
	left:244px; 
	z-index:2;
	position:absolute; 
	cursor:pointer;
	opacity: 0.5;
}

.san_jose_box {
	background-image: url(../images/san_jose_bg.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 500px;
}

/*--- END SAN JOSE ---*/

/*--- PUNTARENAS ---*/

#puntarenas { 
	display:none; 
	width:476px; 
	height:427px; 
	background:url(../images/puntarenas_hover.png) top center no-repeat; 
	top:190px; 
	left:115px; 
	z-index:2;
	position:absolute; 
	cursor:pointer;
	opacity: 0.5;
}

.puntarenas_box {
	background-image: url(../images/puntarenas_bg.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 500px;
}

/*--- END PUNTARENAS ---*/

.colum1 {
    display: block;
	width: 290px;
    height: 525px;
	float: right;
	margin: 35px 0 0 350px;
	z-index: 999;
}

.colum2 {
    display: block;
	width: 290px;
    height: 525px;
	float: left;
	margin: 155px 0 0 13px;
}

.colum3 {
    display: block;
	width: 595px;
    height: 525px;
	float: left;
	margin: 155px 0 0 38px;
}

.scroll_box {
    display: block;
	width: 595px;
    height: auto;
	min-height:131px;
	float: left;
}

.infobox {
	display:block;
	width:262px;
	height:auto;
	font-weight:light;
	min-height:131px;
	margin: 0 0 23px 15px;
	padding:0 0 0 9px;
	/*font-family:Arial, Helvetica, sans-serif !important;*/
	float:left;

}

.infobox h1 {
	color: #2E5D85;
	display:block;
	margin:0 0 5px 0;
	font-size:16px;
}

.infobox p {
	color: #2E5D85;
	display:block;
	margin:0;
	font-size:13px;
	font-weight:lighter;
}

.infobox p strong {
	font-weight:bold;
	font-size:12px;
}

.close { 
	display:block; 
	width:20px; 
	height:20px; 
	float:right; 
	margin:5px 5px 0 0px; 
	cursor: pointer;
}
.close:hover { 
    opacity: 0.5;
}

.show {
	display:block !important;
}


#mapWrapper_mobile {display: none;}


/*--- MOBILE ---*/

@media only screen and (max-width: 767px){

#mapWrapper{
	display: none !important;
}

#mapWrapper_mobile {
	position: relative; 
	width:230px; 
	height:auto;
	display: block !important;
	margin: 0 auto;
}

}
/*--- END SCROLL ---*/