/* Basic elements */
body {margin:0; padding:0; width:100%; font-size:16px; line-height:1.2em;
	color:#000; background-color:#f9f9f9;transition: all 0.5s ease-in-out;
}

a:link {color:#000; text-decoration:none; border-bottom:1px solid #000;}
a:visited {color:#808080; text-decoration:none; border-bottom:1px solid #808080;}
a:hover {color:#13990c; text-decoration:none; border-bottom:1px solid #13990c;}

a.l_d:link, a.l_d:visited {color:#0d8af3; text-decoration:none; border-bottom:1px #7cbef6 dotted;}
a.l_d:hover {color:#fc6622; text-decoration:none; border-bottom:1px #fbab87 dotted;}

/* Menu */
#homelogotype {border:0; margin: 5px 0 0 5px;
    width: 20px; height: 20px;
    fill:#000;}
#homelogotype:hover {fill:#ff5600;}

#lightswitch { display: none;
    z-index:99999;
   
    border:0;  width: 16px; height: 16px;}

#menu {z-index:99999; position: absolute; top:144px; left: 6.25%; text-transform: uppercase; letter-spacing: 2px; font-size: 18px; line-height: 28px;}

#menu a {border-bottom: none; transition: all 0.2s ease-in-out;}
#menu a:hover {color: #13990c; letter-spacing: 3px;}
#menu span {color:#999; letter-spacing: 3px;}

.magicstringsmenu:link, .magicstringsmenu:visited {font-size: 14px; color: #000;}
.menuitem:link, .menuitem:visited {color: #000;}
.currentitem:link, .currentitem:visited {color:#27c120;}


/* Volshebstvo */
#dragObjects div {position:absolute; cursor:default; line-height:1.4em; white-space: nowrap;}
#enddiv {position:absolute; font-size: 0.9em; line-height:2em;left:0px; text-align:center; width:100%; height:55%; padding-top:55%; }

@keyframes inicialopacityrise {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
}

#inicial {position:fixed; z-index:25299; top:0px; left:0px; width:100%; height:100%; text-align:center; padding-top:20%;
	color:#f9f9f9; background-color:#f7f7f7;  font-size: 50em; line-height: 0.5em;
	animation-duration: 1s;
	animation-timing-function: ease-in;
}

#menusir {position:fixed; left:0px; width:25%; height:25px; z-index:300000; font-size: 0.7em; text-align: center;}
#menusir div {width: 170px; text-align: left; margin:5px auto;}
#home {margin:4px 0 0 -40px;}
#lights {margin:4px 0 0 -20px;}
#home, #lights {display: none; position: absolute; width: 11px; height: 14px;}
#monument {width: 69px; height: 63px;}

#depthofmagic {
    transition: all 0.5s ease-in-out;
    position:fixed;
    top:10px;
    left:0;
    width: 100%;
    text-align: center;
    z-index:999999;
    font-size:14px;
    background: rgba(249, 249, 249, 0.9);
    padding: 0 5px 0 5px;
    margin: 0 0 0 -5px;
    font-family: Monaco, monospace
}

#depthofmagic a:link, #depthofmagic a:hover, #depthofmagic a:visited {border:0;}

.rzlogotype {
    position: absolute;
    left:calc(50% - 19px);
    top:50px;
    width: 38px;
    height: 38px;
    background-color: #000;
    border-radius: 32px;
}

.rzlogotype:hover {
    background-color: #ff5600;
}

.rzlogotype div {
    margin: 9px 0 0 9px;
    content: url("data:image/svg+xml;charset=UTF-8, <svg version='1.1' height='20px' width='20px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'><path fill='white' d='M11.5,8.9c1.9,0,3.5-1.6,3.5-3.4c0-2-1.5-3.6-3.8-3.6H9H7H0.6v1.4h5.8L0,14h7h1.5h0V7.7L14,14h2L11.5,8.9z M7,12.6H2.6L7,5.2V12.6z M9.1,5.6c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2c0,1.2-1,2.2-2.2,2.2C10.1,7.8,9.1,6.8,9.1,5.6z'/></svg>");
}

/* NeuroImg */
#meuroImg {
    width: 400px;
    height:400px;
    border-radius:8px;
}

#refreshIcon {
    float:right;
    margin: 8px -28px 0 0;
    content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='23px'><path fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M19.995,5.858 L17.587,5.858 L17.587,9.288 C17.587,9.288 17.009,10.348 16.230,10.802 L14.750,12.240 L11.712,10.045 L12.880,9.515 C12.880,9.515 13.697,8.985 13.697,8.228 L13.697,5.858 L11.501,5.858 C11.501,5.858 10.488,6.075 11.345,4.849 L15.140,0.911 C15.140,0.911 15.607,0.305 16.074,0.835 L19.723,4.901 C19.723,4.901 20.985,5.858 19.995,5.858 ZM9.764,5.858 L7.395,5.870 L7.395,8.228 C7.395,8.985 8.518,9.439 8.518,9.439 C8.518,9.439 15.725,14.078 16.426,14.759 C16.439,14.771 16.451,14.783 16.463,14.795 C17.144,15.467 17.595,16.197 17.595,16.197 L17.595,21.422 C17.595,22.709 16.426,22.633 16.426,22.633 L14.853,22.602 C13.763,22.602 13.685,21.315 13.685,21.315 L13.685,17.992 C13.685,17.538 12.569,16.630 12.569,16.630 L5.090,11.332 C3.999,10.802 3.504,9.439 3.504,9.439 L3.492,5.858 L0.639,5.858 C0.016,5.858 0.659,5.347 0.659,5.347 L5.035,0.906 C5.346,0.301 5.970,0.962 5.970,0.962 L9.920,5.005 C10.543,5.687 9.764,5.858 9.764,5.858 ZM6.414,13.981 L8.907,15.419 L7.817,16.705 C7.817,16.705 7.427,17.160 7.427,17.765 L7.427,21.303 C7.427,21.303 7.271,22.590 6.259,22.590 L4.582,22.609 C4.582,22.609 3.492,22.685 3.492,21.625 L3.492,16.705 C3.492,16.705 3.999,16.100 4.623,15.419 L6.414,13.981 Z'/></svg>");
    width:20px;
    height:25px;
    cursor: pointer;
}

#refreshIcon:hover {
    content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='21px' height='23px'><path fill-rule='evenodd' fill='rgb(255, 86, 0)' d='M19.995,5.858 L17.587,5.858 L17.587,9.288 C17.587,9.288 17.009,10.348 16.230,10.802 L14.750,12.240 L11.712,10.045 L12.880,9.515 C12.880,9.515 13.697,8.985 13.697,8.228 L13.697,5.858 L11.501,5.858 C11.501,5.858 10.488,6.075 11.345,4.849 L15.140,0.911 C15.140,0.911 15.607,0.305 16.074,0.835 L19.723,4.901 C19.723,4.901 20.985,5.858 19.995,5.858 ZM9.764,5.858 L7.395,5.870 L7.395,8.228 C7.395,8.985 8.518,9.439 8.518,9.439 C8.518,9.439 15.725,14.078 16.426,14.759 C16.439,14.771 16.451,14.783 16.463,14.795 C17.144,15.467 17.595,16.197 17.595,16.197 L17.595,21.422 C17.595,22.709 16.426,22.633 16.426,22.633 L14.853,22.602 C13.763,22.602 13.685,21.315 13.685,21.315 L13.685,17.992 C13.685,17.538 12.569,16.630 12.569,16.630 L5.090,11.332 C3.999,10.802 3.504,9.439 3.504,9.439 L3.492,5.858 L0.639,5.858 C0.016,5.858 0.659,5.347 0.659,5.347 L5.035,0.906 C5.346,0.301 5.970,0.962 5.970,0.962 L9.920,5.005 C10.543,5.687 9.764,5.858 9.764,5.858 ZM6.414,13.981 L8.907,15.419 L7.817,16.705 C7.817,16.705 7.427,17.160 7.427,17.765 L7.427,21.303 C7.427,21.303 7.271,22.590 6.259,22.590 L4.582,22.609 C4.582,22.609 3.492,22.685 3.492,21.625 L3.492,16.705 C3.492,16.705 3.999,16.100 4.623,15.419 L6.414,13.981 Z'/></svg>");
}

.magicLights {
    position: absolute;
    top: 100px;
    left: calc(50% - 8px);
    background-color: #000;
    width: 16px;
    height: 16px;
    border-radius: 20px;

}

.magicLights:hover {
    background-color: #ff5600;
    cursor: pointer;
}