/* Mapa
****************************************************************************************************************************************/
.mapa {border: 1px solid #d7ddbf; padding: 2px;	position: relative; width: 715px; margin: 0 -10px;}
.mapa img {vertical-align: top;}
.buble_top {width: 300px; padding: 0;}
.buble .text_info {float: left; padding: 0 5px 0 0px; width: 240px;}
.buble p {color:#7b902c; padding: 0; margin: 0;}
.buble .logo {float: right; padding-top:10px;}
.buble .text_info h3 {color: #364400; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin: 0; padding: 0; padding-bottom: 3px;}
.buble_bottom {height: 31px; width: 287px;}
.clear {clear: both; height: 1px; font-size: 1px; line-height: 1px;}

.area_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #7b902c; z-index:1001;	-moz-opacity: 0.8; opacity:.80;	filter: alpha(opacity=80);}
.detail_content {display: none; position: absolute; top: 35%; left: 37%;	width: 371px;	padding: 4px; border: 10px solid #9ed1b1; background-color: white;	z-index:1002;	overflow: hidden; text-align: center;}
.detail_content .text_info { border: 1px solid #9ed1b1; padding: 25px 10px 10px 10px; }
.detail_content .text_info .logo {float: right; margin-left: 10px;}
.detail_content .text_info h2 {float: left; color: #008833; font-family:Georgia, "Times New Roman", Times, serif; font-size: 2em; margin: 0; padding:0; padding-bottom: 15px; text-align: left;}
.detail_content .text_info h2 span {display: block; font-size: 12px; padding-bottom: 3px;}
.detail_content .text_info p {clear: both; margin: 0; padding: 0; padding-bottom: 10px; text-align: left;}
.detail_content .close {font-size: 1.4em; color: #008833,; text-decoration: underline; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; overflow: hidden; display: block; margin-top: 40px; font-weight: bold;}