/* Image map day */
.imageMapday {width:100%; position:relative;}
.imageMapday img {display:block; width:100%;}
.imageMapday .regions {width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden; }
.imageMapday a {display:block; position:absolute; background:#090; z-index:100; opacity:0.2; filter: alpha(opacity=20); border:1px solid #000; border-radius:10px;}
.imageMapday a.p1 {left:42%; top:10%; width:32%; height:18%;}
.imageMapday a.p2 {left:18%; top:63%; width:15%; height:10%;}
.imageMapday a.p3 {left:33%; top:47%; width:25%; height:15%;}
.imageMapday a.p4 {left:35%; top:66%; width:30%; height:13%;}
.imageMapday a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}

.imageMapday:hover .regions {visibility:visible;}
.imageMapday p {padding:0; margin:0; font: bold 90% 'arial',serif; color:#020;}
.imageMapday .regions div:hover b {width:0; padding:0;}
.imageMapday .regions div:hover p {display:block;}
.imageMapday .regions div:hover a {background:#fff; z-index:100; opacity:0.3; filter: alpha(opacity=30); border:1px solid #000;}


/* Image map country */
.imageMap {width:100%; position:relative;}
.imageMap img {display:block; width:100%;}
.imageMap .regions {width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden; }
.imageMap a {display:block; position:absolute; background:#090; z-index:100; opacity:0.2; filter: alpha(opacity=20); border:1px solid #000; border-radius:10px;}
.imageMap a.p1 {left:42%; top:5%; width:32%; height:25%;}
.imageMap a.p2 {left:6%; top:48%; width:28%; height:27%;}
.imageMap a.p3 {left:38%; top:42%; width:26%; height:24%;}
.imageMap a.p4 {left:75%; top:40%; width:20%; height:15%;}
.imageMap a.p5 {left:36%; top:68%; width:17%; height:20%;}
.imageMap a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}

.imageMap:hover .regions {visibility:visible;}
.imageMap p {padding:0; margin:0; font: bold 90% 'arial',serif; color:#020;}
.imageMap .regions div:hover b {width:0; padding:0;}
.imageMap .regions div:hover p {display:block;}
.imageMap .regions div:hover a {background:#fff; z-index:100; opacity:0.3; filter: alpha(opacity=30); border:1px solid #000;}

     
 /* Image map north */
 
 .imageMapnorth {width:100%; position:relative;}
.imageMapnorth img {display:block; width:100%;}
.imageMapnorth .regions {width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden;}
.imageMapnorth a {display:block; position:absolute; background:#090; z-index:100; opacity:0.2; filter: alpha(opacity=20); border:1px solid transparent; border-radius:10px;}
.imageMapnorth a.p1 {left:49%; top:27%; width:15%; height:10%;}
.imageMapnorth a.p2 {left:14%; top:22%; width:32%; height:13%;}
.imageMapnorth a.p3 {left:38%; top:39%; width:20%; height:10%;}
.imageMapnorth a.p4 {left:60%; top:39%; width:12%; height:10%;}
.imageMapnorth a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}

.imageMapnorth:hover .regions {visibility:visible;}
.imageMapnorth p {padding:0; margin:0; font: bold 90% 'arial',serif; color:#030;}
.imageMapnorth .regions div:hover b {width:0; padding:0;}
.imageMapnorth .regions div:hover p {display:block;}
.imageMapnorth .regions div:hover a {background:#fff; z-index:100; opacity:0.3; filter: alpha(opacity=30); border:1px solid #000;}
  

/* Image map west */
 
 .imageMapwest {width:100%; position:relative;}
.imageMapwest img {display:block; width:100%;}
.imageMapwest .regions {width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden;}
.imageMapwest a {display:block; position:absolute; background:#090; z-index:100; opacity:0.2; filter: alpha(opacity=20); border:1px solid transparent; border-radius:10px;}
.imageMapwest a.p1 {left:50%; top:12%; width:35%; height:8%;}
.imageMapwest a.p2 {left:21%; top:31%; width:28%; height:11%;}
.imageMapwest a.p3 {left:19%; top:49%; width:26%; height:4%;}
.imageMapwest a.p4 {left:24%; top:54%; width:22%; height:6%;}
.imageMapwest a.p5 {left:20%; top:43%; width:31%; height:5%;}
.imageMapwest a.p6 {left:51%; top:34%; width:23%; height:8%;}
.imageMapwest a.p7 {left:54%; top:44%; width:34%; height:23%;}
.imageMapwest a.p8 {left:18%; top:22%; width:18%; height:8%;}
.imageMapwest a.p9 {left:42%; top:3%; width:35%; height:8%;}
 
.imageMapwest a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}

.imageMapwest:hover .regions {visibility:visible;}
.imageMapwest p {padding:0; margin:0; font: bold 90% 'arial',serif; color:#030;}
.imageMapwest .regions div:hover b {width:0; padding:0;}
.imageMapwest .regions div:hover p {display:block;}
.imageMapwest .regions div:hover a {background:#fff; z-index:100; opacity:0.3; filter: alpha(opacity=30); border:1px solid #000;} 

/* Image map Atitlan */
 
 .imageMapatit {width:100%; position:relative; }
.imageMapatit img {display:block; width:100%;}
.imageMapatit .regions {width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden;}
.imageMapatit a {display:block; position:absolute; background:#fff; z-index:100; opacity:0.4; filter: alpha(opacity=20); border:1px solid transparent; border-radius:10px;}
.imageMapatit a.p1 {left:10%; top:1%; width:25%; height:11%;}
.imageMapatit a.p2 {left:28%; top:13%; width:20%; height:10%;}
.imageMapatit a.p3 {left:52%; top:9%; width:17%; height:11%;}
.imageMapatit a.p4 {left:13%; top:30%; width:44%; height:10%;}
.imageMapatit a.p5 {left:43%; top:78%; width:25%; height:11%;}
.imageMapatit a.p6 {left:28%; top:90%; width:25%; height:8%;}
.imageMapatit a.p7 {left:79%; top:1%; width:20%; height:8%;}
.imageMapatit a.p8 {left:32%; top:46%; width:20%; height:12%;}

.imageMapatit a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}

.imageMapatit:hover .regions {visibility:visible;}
.imageMapatit p {padding:0; margin:0; font: bold 90% 'arial',serif; color:#030;}
.imageMapatit .regions div:hover b {width:0; padding:0;}
.imageMapatit .regions div:hover p {display:block;}
.imageMapatit .regions div:hover a {background:#fff; z-index:100; opacity:0.3; filter: alpha(opacity=30); border:1px solid #000;} 

/* Image map central */
 
 .imageMapcentr {width:100%; position:relative;}
.imageMapcentr img {display:block; width:100%;}
.imageMapcentr .regions {width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden;}
.imageMapcentr a {display:block; position:absolute; background:#090; z-index:100; opacity:0.2; filter: alpha(opacity=20); border:1px solid transparent; border-radius:10px;}
.imageMapcentr a.p1 {left:4%; top:16%; width:31%; height:10%;}
.imageMapcentr a.p2 {left:36%; top:24%; width:32%; height:8%;}
.imageMapcentr a.p3 {left:49%; top:34%; width:25%; height:7%;}
.imageMapcentr a.p4 {left:26%; top:43%; width:20%; height:7%;}
.imageMapcentr a.p5 {left:47%; top:44%; width:13%; height:9%;}
.imageMapcentr a.p6 {left:60%; top:54%; width:20%; height:10%;}
.imageMapcentr a.p7 {left:32%; top:55%; width:27%; height:18%;}
.imageMapcentr a.p8 {left:54%; top:78%; width:28%; height:8%;}
 
.imageMapcentr a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}

.imageMapcentr:hover .regions {visibility:visible;}
.imageMapcentr p {padding:0; margin:0; font: bold 90% 'arial',serif; color:#030;}
.imageMapcentr .regions div:hover b {width:0; padding:0;}
.imageMapcentr .regions div:hover p {display:block;}
.imageMapcentr .regions div:hover a {background:#fff; z-index:100; opacity:0.3; filter: alpha(opacity=30); border:1px solid #000;} 

/* Image map south */
 
 .imageMapsouth {width:100%; position:relative;}
.imageMapsouth img {display:block; width:100%;}
.imageMapsouth .regions {width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden;}
.imageMapsouth a {display:block; position:absolute; background:#090; z-index:100; opacity:0.2; filter: alpha(opacity=20); border:1px solid transparent; border-radius:10px;}
.imageMapsouth a.p1 {left:41%; top:8%; width:22%; height:7%;}
.imageMapsouth a.p2 {left:18%; top:10%; width:20%; height:9%;}
.imageMapsouth a.p3 {left:38%; top:29%; width:25%; height:7%;}
.imageMapsouth a.p4 {left:15%; top:26%; width:17%; height:7%;}
.imageMapsouth a.p5 {left:47%; top:17%; width:34%; height:7%;}
.imageMapsouth a.p6 {left:45%; top:70%; width:21%; height:10%;}
 
.imageMapsouth a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}

.imageMapsouth:hover .regions {visibility:visible;}
.imageMapsouth p {padding:0; margin:0; font: bold 90% 'arial',serif; color:#030;}
.imageMapsouth .regions div:hover b {width:0; padding:0;}
.imageMapsouth .regions div:hover p {display:block;}
.imageMapsouth .regions div:hover a {background:#fff; z-index:100; opacity:0.3; filter: alpha(opacity=30); border:1px solid #000;} 

/* Image map east */
 
 .imageMapeast {width:100%; position:relative;}
.imageMapeast img {display:block; width:100%;}
.imageMapeast .regions {width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden;}
.imageMapeast a {display:block; position:absolute; background:#090; z-index:100; opacity:0.2; filter: alpha(opacity=20); border:1px solid transparent; border-radius:10px;}
.imageMapeast a.p1 {left:36%; top:29%; width:14%; height:8%;}
.imageMapeast a.p2 {left:53%; top:34%; width:18%; height:9%;}
.imageMapeast a.p3 {left:68%; top:10%; width:28%; height:15%;}

 
.imageMapeast a + p {position:absolute; left:0%; top:102%; width:100%; color:#000; display:none;}

.imageMapeast:hover .regions {visibility:visible;}
.imageMapeast p {padding:0; margin:0; font: bold 90% 'arial',serif; color:#030;}
.imageMapeast .regions div:hover b {width:0; padding:0;}
.imageMapeast .regions div:hover p {display:block;}
.imageMapeast .regions div:hover a {background:#fff; z-index:100; opacity:0.3; filter: alpha(opacity=30); border:1px solid #000;}