.etabs {
    position:absolute;
    top:120px;
    right:20px;
    z-index: 10000;
}

.etabs .tab {
    width:50px !important;
    height:50px !important;
    border-radius:50% !important;
    font-size:1.3em;
    line-height:35px !important;
    border:solid 4px #0f232a !important;
    background:#0B6377 !important;
    color:#FFF;
    vertical-algin:middle;
    display:block;
    margin-right:10px;
}

.etabs .tab a {
    color:#FFF !important;
    text-decoration:none;
    width:60px;
    height:60px;
    display:inline !important;
    line-height:50px !important;
    font-size:2em !important;
    text-shadow: 0 2px 0px rgba(0,0,0,0.3);
}

.etabs .tab.active {
    background:#0092b2 !important;
    top:0 !important;
    margin:0 !important;
    margin-right:10px !important;
    padding:0 !important;
}

.tab-container .panel-container {
    padding:0;
    height:636px !important;
    border:none;
    background:none;
}

.audioBtn {
    background:#7ea949;
    width:100px;
    height:100px;
    border-radius:50%;
    font-size:3em;
    color:#FFF;
    line-height:100px;
    position:absolute;
    left:35px;
    box-shadow:inset 0 -5px rgba(0,0,0,0.2)
}

.audioBtn:hover {
    cursor:pointer;
    background:#5c8b35;
}

.audioBtn:active {
    margin-top:5px;
    box-shadow:none;
    height:95px;
}

.audioBtn:first-child {
    top:175px;
}
.audioBtn:nth-child(2) {
    top:370px;
}
.audioBtn:nth-child(3) {
    top:565px;
}

#theImg {
    width:737px;
    height:480px;
    /*background:red;*/
    position:absolute;
    top:200px;
    left:560px;
}

/* --------------------- */

#prota {
    position: absolute;
    bottom:100px;
    left:600px;
    z-index:50;
}

#optionsBar {
    position:relative;
    top:10px;
    text-align:center;
}

#optionsBar > img {
    background:#FFFAD9;
    width:90px;
    padding:5px 5px 13px 5px;
    border-radius:10px;
    box-shadow: inset 0 -8px rgba(0,0,0,0.3);
}

#optionsBar > img.open {
    border-radius: 10px 10px 0 0;
    box-shadow:none;
    background:#FFEAA9;
}

#optionsBar:hover {
    cursor:pointer;
}

.childrenOptions {
    display:inline-block;
    bottom:13px;
    right:6px;
    opacity: 1;
    z-index:1000;
    top: 100px;
    width: 100px;
    position: absolute;
}

.childrenOptions.disabled {
    height:0 !important;
    pointer-events:none;
}

.childrenOptions.disabled > div {
    height:0;
    padding:0 5px;
}

.childrenOptions > div {
    width:90px;
    height:90px;
    padding:5px;
    background:#FFEAA9;
    vertical-align: middle;
    line-height:90px;
}

.childrenOptions > div > img {
    max-height:63px;
    max-width:95%;
    position:relative;
    top:13px;
    display:block;
    text-align:center;
    margin:0 auto;
}

.childrenOptions.disabled > div > img {
    display:none;
}

.childrenOptions > div:hover {
    background:#E4D092;
}

.childrenOptions > div:nth-child(even) {
    border-radius: 0 0 10px 10px;
}

#map {
    width:1046px;
    height:460px;
    text-align: center;
    margin:0 auto;
    position: relative;
}

#bg {
    display:block;
    text-align:center;
    margin:0 auto;
    position:relative;
    top:10px;
    z-index:1;
    height:460px;
}

#sun {
    position:absolute;
    top:20px;
    left:40px;
    z-index:100;
}

#clouds {
    position:absolute;
    top:10px;
    right:20px;
    z-index: 101;
}

#river {
    position:absolute;
    bottom:-10px;
    right:20px;
    z-index:99;
}

#top {
    position: absolute;
    top:322px;
    left:448px;
    z-index: 98;
}

#bottom {
    position: absolute;
    top:380px;
    left:460px;
    z-index: 90;
}

#tree {
    position: absolute;
    bottom:50px;
    left:40px;
    z-index:90;
}












circle{
    fill:#FFFFFF;
}

line, #rect_2{
    fill:none;
    stroke:#CCCCCC;
    stroke-width:9.77;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-miterlimit:10;
}

.svg{
    position: relative;
    top:0;
    left:0;
    pointer-events:none;
    z-index:10;
}

#marcadores {
    position:absolute;
    bottom:10px;
    left:30px;
}

.marcador{
    height:90px;
}

.marcador:hover{
    cursor:pointer;
    transform:scale(1.05)
}

.marcador:active{
    transform:scale(0.95);
}

.tablero{
    width:1000px;
    height:500px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    z-index:10;
    opacity:1;
    border:2px solid black;
}

#tablero svg{
    width:85%;
    position:absolute;
    z-index:150;
    left:132px;
    height:100%;
}

.draw_line{
    stroke: #F7931E !important;
}