/* 
    Created on : 2015-08-11, 21:16:32
    Author     : Przemysław Kurzacz <przemyslaw.kurzacz@asystor.pl>
*/

body {
    background-color: white;
}

#navblocki {
    z-index: 1000;
    position: fixed;
    top: 0px;
    left: 0px;
    display: block;
    width: 601px;
    height: 800px;
    background-image: url("../img/layout/bg-logo-menu.gif");
}

#bg-content {
    z-index: 900;
    position: fixed;
    top: 13px;
    left: 356px;
    width: 100%;
    height: 800px;
    background-image: url("../img/layout/dots-width2500px.gif");
    background-repeat: no-repeat;
    background-position: right;
}

.login-div {
    width: 300px;
    height: 400px;
    position: absolute;
    left: 50%;
    top: 50%; 
    margin-left: -150px;
    margin-top: -200px;
    background-image: url("../img/layout/logo-archel.png");
    background-repeat: no-repeat;
}

.loginform {
    padding-top: 77px;
    padding-left: 10px;
}

.strefa {
    padding-left: 120px;
    color: #aaa;
}

#content {
    z-index: 950;
    position: absolute;
    top: 150px;
    left: 560px;
    width: 38%;
}

p, h2 {
    padding: 10px;
    background-color: white;
}




nav .navigation {
    z-index: 2000;
    position: fixed;
    top: 183px;
    left: 151px;
}

nav ul {
    /* Removes bullet points */
    list-style:none;
    margin:0;
    padding:0;

}
nav ul li {
    /* Any child positioned absolutely will be positioned relative to this */
    position:relative;
}
nav a {
    text-align: right;
    color: gray;
    /* Fill all available horizontal space */
    display:block;
    /* Remove underline */
    text-decoration:none;
    /* 
    New CSS3 animations:
    apply transition to background property, taking 1s to change it 
    */
    transition:background 1s;
    -moz-transition:background 1s;
    -webkit-transition:background 1s;
    -o-transition:background 1s;
    font-family:tahoma;
    font-size:14px;
    letter-spacing: 0px;
}
nav a:hover {
    color:#333;
    text-decoration: none;
}

nav ul li:hover ul {
    /* When list item is hovered, display UL nested within. */
    display:block;
}
nav ul ul {
    /* Remove element from document flow */
    position:absolute;
    /* Position relative to its parent &lt;li&gt; */
    left:100px;
    top:0;
    padding-left: 20px;
    margin-left: -20px;
    display:none;
}
nav ul ul li {
    width:150px;
    background:#fff
}
nav ul ul li a {
    text-align: left;
    color: #333;
    font-size:14px;
    text-transform:none;
}
nav ul ul li a:hover {
    /*color:#929292;*/
    color: green;
}