/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*LAYOUT*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*LAYOUT (BOTH)*/
/*****************************************************************************************/

header { z-index: 9; }

    #naglowek { display: flex; align-items: center; justify-content: center; }

        h1 { position: absolute; top: 4.2em; left: 6.4em; width: 7.5em; }

    nav { align-items: center; }

        nav ul { justify-content: space-around; }

            .menu-link a { vertical-align: middle; display: block; }
            nav li > a:after { content: ''; display: inline-block; }
            nav li > a:only-child:after { display: none; }

                .menu-link .submenu { display: block; position: absolute; visibility: hidden; opacity: 0; z-index: -1; transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; }
                .menu-link:hover .submenu { visibility: visible; opacity: 1; z-index: 10; transition-delay: 0s, 0s, 0.3s; }

                    .menu-link { position: relative; }

                .submenu1,
                .submenu2 { left: -2em; text-align: left; }

    #info-o-nabo { justify-content: center; align-items: center; }

    #zoom-in-icon,
    #zoom-out-icon { position: absolute; }

/*****************************************************************************************/
/*LAYOUT (LANDSCAPE)*/
/*****************************************************************************************/

@media all and (orientation: landscape) {}

/*****************************************************************************************/
/*LAYOUT (PORTRAIT)*/
/*****************************************************************************************/

@media all and (orientation: portrait) {}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*SIZES*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*SIZES (BOTH)*/
/*****************************************************************************************/

/*-----------------------------------------------------------*/
/*Proportions*/
/*-----------------------------------------------------------*/

header,
nav ul { width: 100%; }

#naglowek { width: 30%; }
nav { width: 35%; }
#info-o-nabo { width: 35%; }

    .submenu1,
    .submenu2 { width: 17em; }

/*-----------------------------------------------------------*/
/*Spaces*/
/*-----------------------------------------------------------*/

header { margin: 3.5em 0 6.5em; }

    #naglowek { padding-left: 0em; }

        #naglowek img { margin: 0; }

    nav > ul { margin: 0 3em 0 3.4em; }

        .menu-link > a { padding: 1.5em 0; }
        nav li > a:after { margin-left: 0.5em; }

            .submenu1 li { padding-left: 1em; }
            .submenu2 li { padding-left: 1em; }

                .submenu li a {padding: 1em 0; }

    #info-o-nabo img { margin-right: 2em; }
    #info-o-nabo div { margin-right: 1.5em; }

        #info-o-nabo div p:nth-child(1) { margin-bottom: 0.5em; }
        #info-o-nabo div p:nth-child(4) { margin-top: 0.75em; }

    #zoom-in-icon { top: 0.5em; right: 8em; }
    #zoom-out-icon { top: 0.5em; right: 5em; }

/*-----------------------------------------------------------*/
/*Sizes*/
/*-----------------------------------------------------------*/

/*................................*/
/*Texts*/
/*................................*/

h1 { font-size: 1.3em; }

nav > ul > li { font-size: 1.225em; }

    nav > ul > li li { font-size: 0.875em; }

#info-o-nabo div p:nth-child(1) { font-size: 1.15em; }
#info-o-nabo div p,
#info-o-nabo div p:nth-child(4) { font-size: 1.0em; }

/*................................*/
/*Images*/
/*................................*/

#naglowek img { height: 10.5em; }

nav li > a:after { height: .55em; width: .55em; }

#info-o-nabo img { height: 2em; }

#zoom-in-icon,
#zoom-out-icon { height: 1.5em; width: 1.5em; }

/*................................*/
/*Misc*/
/*................................*/

/*****************************************************************************************/
/*SIZES (LANDSCAPE)*/
/*****************************************************************************************/

@media all and (orientation: landscape) {
    
    /*-----------------------------------------------------------*/
    /*Scales*/
    /*-----------------------------------------------------------*/
    
    /*-----------------------------------------------------------*/
    /*Proportions*/
    /*-----------------------------------------------------------*/
    
}

/*****************************************************************************************/
/*SIZES (PORTRAIT)*/
/*****************************************************************************************/

@media all and (orientation: portrait) {
    
    /*-----------------------------------------------------------*/
    /*Scales*/
    /*-----------------------------------------------------------*/
    
    /*-----------------------------------------------------------*/
    /*Proportions*/
    /*-----------------------------------------------------------*/
    
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*STYLES*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*DECORATIONS*/
/*****************************************************************************************/

/*-----------------------------------------------------------*/
/*Texts*/
/*-----------------------------------------------------------*/

nav a { font-weight: bold; }

#info-o-nabo a:hover { text-decoration: underline; }

/*-----------------------------------------------------------*/
/*Images*/
/*-----------------------------------------------------------*/

nav li > a:after { background: url("../img/icons/icon-drop-down-arrow.png") no-repeat; background-size: cover; }

/*#zoom-in-icon { background: url("../img/icons/icon-zoom-in-white.png") no-repeat; background-size: cover; cursor: pointer; }
#zoom-out-icon { background: url("../img/icons/icon-zoom-out-white.png") no-repeat; background-size: cover; cursor: pointer; }*/

/*****************************************************************************************/
/*COLORS*/
/*****************************************************************************************/

/*-----------------------------------------------------------*/
/*Texts*/
/*-----------------------------------------------------------*/

h1 { color: #2C6C94; }
#naglowek a:hover h1 { color: #43A4E0; }

#info-o-nabo { color: #2C6C94; }

    #info-o-nabo a { color: #43A4E0; }

/*-----------------------------------------------------------*/
/*Foregrounds*/
/*-----------------------------------------------------------*/

/*-----------------------------------------------------------*/
/*Backgrounds*/
/*-----------------------------------------------------------*/

.submenu { background: rgba(248,248,248,1); }

/*-----------------------------------------------------------*/
/*Borders*/
/*-----------------------------------------------------------*/

.submenu { box-shadow: 0 0 1em 0 rgba(0,0,0,0.2); }
.submenu1,
.submenu2 { border-left: 1em solid #902E2B; }

    .submenu li { border-bottom: 1px solid #EEEEEE; box-shadow: inset 0 0 3em -1em rgba(0,0,0,0.05); }
    .submenu li:last-child { border-bottom: none; }
    .submenu1 li,
    .submenu2 li { border-left: .25em solid transparent; transition: border-left 0.3s ease-in-out 0s; border-radius: 0; }
    .submenu1 li:hover,
    .submenu2 li:hover { border-left: .25em solid #43A4E0; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*MISCELLANEOUS*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*RESETS*/
/*****************************************************************************************/

h1 { margin: 0; padding: 0; }

/*****************************************************************************************/
/*UNIVERSAL*/
/*****************************************************************************************/

/*****************************************************************************************/
/*BETA*/
/*****************************************************************************************/

h1 { display: none; }

#zoom-in-icon,
#zoom-out-icon { display: none; }

/*****************************************************************************************/
/*DEVELOPMENT*/
/*****************************************************************************************/