/* wygląd głównego elementu - ol */
.wrap  ol {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    text-align: center;
    min-width: 980px;
}

/* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
.wrap   ol a {
    display:block;
    text-decoration:none;
    color:white;
    padding:0 20px;
}

/* wygląd elementów - li - wszystkich dzieci elementu - ol */
.wrap    ol > li {
    display: inline-block;
    margin-left:1px;
    height:2em;
}

/* wygląd elementu - li - pierwszego dziecka elementu - ol */
.wrap   ol > li:first-child {
    margin-left:0;
}

/* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
.wrap    ol > li:hover {

}

/* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
.wrap  ol > li:hover > a {

}

/* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
.wrap     ol > li:hover > ul {
    display: block;
    transition: 5s ;

}

/* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */

/* wygląd głównych rozwijanych elementów - ul */
.wrap   ol > li > ul {
    display:none;
    list-style-type:none;
    padding:20px;
    background-color: #80A7D7;
    border: px #ddd solid;
    text-align: left;
    max-width: 600px;
    overflow: auto;
    max-height: 400px;
    margin-top: -480px;
    margin-left: 0px;
    float:left;
    -webkit-transition: all 5s ease;
    -moz-transition: all 5s ease;
    -o-transition: all 5s ease;
    -ms-transition: all 5s ease;
}
#prawa ul  {
    margin-left: -450px;

}

.popup {
    position:               absolute;
    width:                  100%;
    height:                 100%;
    display:                none; /* domyślnie nie pokazujemy popupa */
}

.popup a{
    margin: 0;
    padding: 0;
    float: right;
}
.popup b{
    font-weight: 900;
}
/* wygląd elementu - li - w części rozwijanej */
.wrap    ol > li > ul > li {
    color: white;
    -webkit-transition: height 0.3s ease-in;
            -moz-transition: height 0.3s ease-in;
            -o-transition: height 0.3s ease-in;
            -ms-transition: height 0.3s ease-in;
            transition: height 0.3s ease-in;
}

/* wygląd elementu - a - w części rozwijanej */
.wrap    ol > li > ul > li > a {
    border-top:0px solid #FFF;
    -webkit-transition: height 0.3s ease-in;
            -moz-transition: height 0.3s ease-in;
            -o-transition: height 0.3s ease-in;
            -ms-transition: height 0.3s ease-in;
            transition: height 0.3s ease-in;
}

/* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
.wrap    ol > li > ul > li:hover {

}

/* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
.wrap    ol > li > ul > li:hover > a {
}