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

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

h3 { text-align: left; }

h4.naglowek-danych { display: inline-block; }

.gallery { flex-wrap: wrap; justify-content: flex-start; }

.gallery li { text-align: center; }

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

@media all and (orientation: landscape) {}

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

@media all and (orientation: portrait) {}

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

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

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

#page-gallery { width: 68%; }

    .gallery li { width: 22%; }

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

h4.naglowek-danych { margin: 1em 0; padding: .75em 1em; }

#page-gallery { margin-top: 1em; }

    .gallery li { margin: 0.85em 1.5%; padding: 1.5em; }

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

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

h3 { font-size: 1.3em; }

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

.gallery img { width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

h3 { color: #2C6C94; }

h4.naglowek-danych { color: rgba(255,255,255,0.9); }

#page-gallery { color: #333333; }

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

.gallery a img { opacity: 1; }

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

h3 { background-color: rgba(255,255,255,0.6); }

h4.naglowek-danych { background: #888888; }

.gallery li { background: rgba(255,255,255,0.2); }

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

h3 { box-shadow: 0 0 2em 0em rgba(0,0,0,0.1); border-left: .4em solid #2C6C94; }

h4.naglowek-danych { box-shadow: 0 0 0.5em 0em rgba(0,0,0,0.3); }

.gallery li { box-shadow: 0 0 1em 0em rgba(0,0,0,0.1); }

    .gallery a img { box-shadow: 0.2em 0.2em 1em 0 rgba(0,0,0,0.2); }
    .gallery a:hover img { box-shadow: 0.2em 0.2em 1em 0 rgba(0,0,0,0.4); }

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

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

#page-gallery a:link,
#page-gallery a:visited,
#page-gallery a:active { text-decoration: none; color: #43A4E0; transition: color 0.3s; }
#page-gallery a:hover { text-decoration: underline; color: #43A4E0; }

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

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

ul#page-table-menu {
    display: flex; flex-wrap: wrap; justify-content: center;
    margin: 2.25em 0 2em; padding-left: 1.5em;
}
ul#page-table-menu li {
    margin-top: 1.5em; margin-right: 1.5em;
}
ul#page-table-menu a {
    display: block;
    padding: 0.5em 1em;
    font-size: 0.9em;
    font-weight: bold;
    color: #EEE;
    background-color: #2C6C94; transition: background-color 0.15s;
    box-shadow: 0 0 0.5em 0em rgba(0,0,0,0.3);
}
ul#page-table-menu a:hover {
    background-color: #43A4E0;
}

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