/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*LAYOUT*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*LAYOUT (BOTH)*/
/*****************************************************************************************/

h3 { text-align: left; }

#page .film { justify-content: center; }

#page hr { text-align: center; }

#page #zobacz-inne { text-align: center; }

/*****************************************************************************************/
/*LAYOUT (LANDSCAPE)*/
/*****************************************************************************************/

@media all and (orientation: landscape) {}

/*****************************************************************************************/
/*LAYOUT (PORTRAIT)*/
/*****************************************************************************************/

@media all and (orientation: portrait) {}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*SIZES*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*SIZES (BOTH)*/
/*****************************************************************************************/

/*-----------------------------------------------------------*/
/*Proportions*/
/*-----------------------------------------------------------*/

#page { width: 68%; }

    #page hr { width: 33.333333333%; }

/*-----------------------------------------------------------*/
/*Spaces*/
/*-----------------------------------------------------------*/

#page { margin-top: 2em; padding: 3.5em 4em 4.5em 4em; line-height: 1.5; }

    #page h4 { margin-top: 2em; margin-bottom: 1.5em; }
    #page h5 { margin-top: 2em; margin-bottom: 1.5em; }
    #page h6 { margin-top: 2em; margin-bottom: 1.5em; }

    #page p { margin-top: 1.5em; }
    #page p.uwaga-o-formie-dla-dzieci { margin-bottom: 2em; }

    #page ul { margin: 1.5em 0 0 2.5em; }
    #page ul.lista-biala { margin: 1.5em 0 0 1em; }

        #page li { margin-bottom: 1.5em; }

    #page blockquote { margin-top: 1.5em; margin-bottom: 2.5em; margin-left: 1.5em; padding-left: 1em; }
    #page blockquote footer { margin-top: 1.25em; }

    #page .film { margin: 3em 0; }

    #page strong { margin-right: 0.5em; }

    #page hr { margin: 2.5em auto 1.5em auto; }

/*-----------------------------------------------------------*/
/*Sizes*/
/*-----------------------------------------------------------*/

/*................................*/
/*Texts*/
/*................................*/

h3 { font-size: 1.3em; }

#page h4 { font-size: 1.15em; }
#page h5 { font-size: 1.0em; }
#page h6 { font-size: 0.85em; }

#page p,
#page > ul > li { font-size: 1.1em; }

#page strong { font-size: 0.8em; }

#page #zobacz-inne { font-size: 0.85em; }

/*................................*/
/*Images*/
/*................................*/

/*................................*/
/*Misc*/
/*................................*/

#page iframe { width: 42em; height: 23.625em; } /* 560 x 315px x 0.75% */

#page hr { height: 1px; }

/*****************************************************************************************/
/*SIZES (LANDSCAPE)*/
/*****************************************************************************************/

@media all and (orientation: landscape) {
    
    /*-----------------------------------------------------------*/
    /*Scales*/
    /*-----------------------------------------------------------*/
    
    /*-----------------------------------------------------------*/
    /*Proportions*/
    /*-----------------------------------------------------------*/
    
}

/*****************************************************************************************/
/*SIZES (PORTRAIT)*/
/*****************************************************************************************/

@media all and (orientation: portrait) {
    
    /*-----------------------------------------------------------*/
    /*Scales*/
    /*-----------------------------------------------------------*/
    
    /*-----------------------------------------------------------*/
    /*Proportions*/
    /*-----------------------------------------------------------*/
    
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*STYLES*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*DECORATIONS*/
/*****************************************************************************************/

/*-----------------------------------------------------------*/
/*Texts*/
/*-----------------------------------------------------------*/

#page h6 { font-style: italic; }

#page span.podkreslenie { text-decoration: underline; }

/*-----------------------------------------------------------*/
/*Images*/
/*-----------------------------------------------------------*/

/*****************************************************************************************/
/*COLORS*/
/*****************************************************************************************/

/*-----------------------------------------------------------*/
/*Texts*/
/*-----------------------------------------------------------*/

h3 { color: #2C6C94; }

#page h4,
#page h5,
#page h6,
#page p strong { color: #2C6C94; }

#page { color: #333333; }

/*-----------------------------------------------------------*/
/*Foregrounds*/
/*-----------------------------------------------------------*/

/*-----------------------------------------------------------*/
/*Backgrounds*/
/*-----------------------------------------------------------*/

h3 { background-color: rgba(255,255,255,0.6); }

#page { background: rgba(255,255,255,0.6); }

    #page hr { background: rgba(0,0,0,0.2); color: rgba(0,0,0,0.2); }

/*-----------------------------------------------------------*/
/*Borders*/
/*-----------------------------------------------------------*/

h3 { box-shadow: 0 0 2em 0em rgba(0,0,0,0.1); border-left: .4em solid #2C6C94; }

#page { box-shadow: 0 0 2em 0em rgba(0,0,0,0.15); }

    #page blockquote { border-left: 0.25em solid #2C6C94; }

    #page hr { border: none; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*MISCELLANEOUS*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*****************************************************************************************/
/*RESETS*/
/*****************************************************************************************/

#page ul { list-style-type: circle; }
#page ul.lista-numerowana { list-style-type: decimal; }
#page ul.lista-biala { list-style-type: none; }

#page a:link,
#page a:visited,
#page a:active { text-decoration: none; color: #43A4E0; transition: color 0.3s; }
#page a:hover { text-decoration: underline; color: #43A4E0; }

/*****************************************************************************************/
/*UNIVERSAL*/
/*****************************************************************************************/

/*****************************************************************************************/
/*BETA*/
/*****************************************************************************************/

#page h3 {
    width: 100%;
    margin: 3em 0 2em;
    background-color: #EEE;
    box-shadow: none;
}

#page img.zdjecie-do-tekstu {
    float: left;
    width: 50%;
    margin-top: 0.2em; margin-right: 2em; margin-bottom: 0.5em;
}
#page img.zdjecie-na-cala-strone {
    width: 100%;
    margin-top: 0.2em; margin-bottom: 2em;
}
#page img.zdjecie-na-pol-strony {
    width: 49.5%;
    margin-top: 0.2em; margin-bottom: 1em;
}

#page span.dla-dzieci { font-weight: bold; }

/*****************************************************************************************/
/*DEVELOPMENT*/
/*****************************************************************************************/
