#map-layer-wrapper {
    width: 640px;
    height:792px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

#map-content {
    position:absolute;
    width: 640px;
    height:792px;
    margin: 0 auto;
}

/* ---------- Map Layers ---------- */

.base{
    z-index:1;
    background:url('/img/islandmap/base.gif');
}

.municipal{
    display:none;
    z-index:2;
    background:url('/img/islandmap/municipallimits.gif');
}

.roads{
    display:none;
    z-index:3;
    background:url('/img/islandmap/roads.gif');
}

.towns{
    z-index:4;
    background:url('/img/islandmap/townsandvillages.gif');
}

.beaches{
    display:none;
    z-index:5;
    background:url('/img/islandmap/beachnames.gif');
}

.islands{
    display:none;
    z-index:6;
    background:url('/img/islandmap/islandnames.gif');
}

/* ---------- Churches ---------- */

#controles{
    position:absolute;
    width:150px;
    text-align:center;
    margin-left:22px;
    margin-top:525px;
    background-color:#404040;
    z-index:8;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /* box-shadow */
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;; 
}

#controles-main{
    width:100%;
    background-color:#6060ff;
    padding-top:10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

#controles p, #controles label {
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size: 12px;
    color: #fff;
    text-align: left;
    margin-left: 10px;
    display: block;
}

#controles p.title {
    font-size: 13px;
    line-height: 32px;
    text-align: center;
    margin-left: 0px;
    margin-bottom: 0;
}

#controles input[type=checkbox], input[type=radio] {
    margin: 5px;
}

.map-credit {
    font-size: 11px;
    font-weight: 800;
}

/* ---------- Churches ---------- */

#church-outer{
    position:absolute;
    width:50px;
    height:34px;
    z-index:100;
}

#church-img{
    display:none;
    width:50px;
    height:34px;
    z-index:100;
}

.agnes{
    margin-left:210px;
    margin-top:138px;
}

.carles{
    margin-left:470px;
    margin-top:118px;
}

.francisco{
    margin-left:290px;
    margin-top:415px;
}

.jesus{
    margin-left:385px;
    margin-top:295px;
}

.joan{
    margin-left:440px;
    margin-top:78px;
}

.jorge{
    margin-left:245px;
    margin-top:355px;
}

.jose{
    margin-left:182px;
    margin-top:295px;
}

.gertrudis{
    margin-left:328px;
    margin-top:200px;
}

.lorenzo{
    margin-left:355px;
    margin-top:130px;
}

.mateo{
    margin-left:255px;
    margin-top:100px;
}

.miguel{
    margin-left:375px;
    margin-top:80px;
}

.rafael{
    margin-left:252px;
    margin-top:240px;
}

.vicente{
    margin-left:510px;
    margin-top:53px;
}

.antoni{
    margin-left:208px;
    margin-top:210px;
}

.augusti{
    margin-left:138px;
    margin-top:260px;
}