/* Podgląd ---------------------------------------------------------------------------------------------------------- */
.podglad{
    font-family: "Open Sans";
    margin:20px 0px;
    /*border:1px solid #eee;*/
    border-radius: 10px;
    padding:30px 0;
    background: rgba(255,255,255,1);
    font-size:100%;
}
    .podglad-wstep{
        font-weight: bold;
        padding: 20px 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        margin: 20px 0;
    }

.podglad h1, .podglad h2, .podglad h3, .podglad h4{
    font-weight: bold;
    margin:20px 0 10px;
}
.podglad h1{
    font-size:200%;
}
.podglad h2{
    font-size:150%;
}
.podglad h3{
    font-size:135%;
}
.podglad h4{
    font-size:110%;
}
.podglad p{
    margin:10px 0;
    line-height: 1.5em;
}
.podglad .wstep{
    font-weight: bold;
    border-top:2px solid #cccccc;
    border-bottom:2px solid #cccccc;
    padding: 20px 0;
}
.podglad ul, .podglad ol{
    margin:10px 0 20px !important;
    padding:0 !important;
    overflow: hidden !important;
    font-size:85% !important;
}
.podglad li{
    margin: 4px 0 4px 40px !important;
    line-height: 1.4em;
}
.podglad ol{
    list-style-type: decimal !important;
}
.podglad ul{
    list-style-type: disc !important;
}

.podglad table{
    border: 1px solid #ddd;
    margin:14px 0 6px;
    font-size:85%;
}
.podglad table th{
    font-weight: bold;
}
.podglad table th, .podglad table td{
    padding:10px;
}
.podglad table th{
    background: #3e755f;
    color:#fff;
}

/* Dołączanie elementów do podglądu lub treści artykułu ------------------------------------------------------------- */

/* Normalne dołączenia obrazu ---------------------------------------------------------------------------------- FOTO */
.dolacz-obraz{
    margin:10px 0 20px;
    text-align: center;
    border:1px solid #fff;
    background:#fff;
}
/* ta klasa może być dołączona do klasy dolacz-obraz */
.dolacz-obraz-oplywanie{
    float:left;
    width:50%;
    max-width: 280px;
    margin: 4px 14px 20px 0;
    overflow: hidden;
    clear:left;
}
.dolacz-obraz img{
    max-width: 100%;
}
.dolacz-obraz .obraz-opis{
    font-size: 90%;
    border-left:5px solid cornflowerblue;
    border-bottom:1px solid cornflowerblue;
    text-align:left;
    margin:0;
    padding: 10px;
    line-height:1.4em;
}

/* Normalne dołączenie pliku ----------------------------------------------------------------------------------- PLIK */
.dolacz-plik{
    display: inline !important;
    margin:0;
    padding: 0;
}
.dolacz-plik a {
    color: deepskyblue;
    font-weight: bold;
    display: inline-block;
}
.dolacz-plik a:hover, .dolacz-plik a:focus{
    /*border-bottom:1px solid deepskyblue;*/
    color: darkblue;
}
/* Dołączanie pliku w trybie blokowym --------------------------------------------------------------------- PLIK INFO */
.dolacz-plik-block{
    display: block;
    border:1px solid #ddd;
    border-radius: 10px;
    padding:14px;
    margin:10px 0 20px;
    /*background-image: linear-gradient(to left, #ddd, #eee, #f5f5f5);*/
    background:#f5f5f5;
    overflow: hidden;
    font-size:90%;
}
.dolacz-plik-block:hover, .dolacz-plik-block:focus{
    opacity:0.9;
    -webkit-box-shadow: 1px 1px 15px -2px rgba(0,0,0,0.18);
    box-shadow: 1px 1px 15px -2px rgba(0,0,0,0.18);
}
.dolacz-plik-block a{
    font-weight: bold;
    color: deepskyblue;
    font-size:110%;
}
.dolacz-plik-block a:hover, .dolacz-plik-block a:focus{
    color: darkblue;
}
.dolacz-plik-block .dolacz-plik-ikona{
    float:left;
    width:70px;
    margin:4px 14px 4px 0;
}
.dolacz-plik-block-mini .dolacz-plik-ikona{
    float:left;
    width:36px;
    margin:6px 14px 4px 0;
}
/* Filmy video ------------------------------------------------------------------------------------------------ VIDEO */
.dolacz-video{
    display:block;
    width:100%;
}
.dolacz-video iframe{
}
.dolacz-video .video-tytul{
    font-weight: bold !important;
    font-size:100% !important;
    display:block;
    margin-top:10px;
}
.dolacz-video .video-opis{
    font-weight: normal;
    font-size:95% !important;
    font-style: italic;
    display:block;
}
/* Mapa -------------------------------------------------------------------------------------------------------- MAPA */
.dolacz-mapa{
    display:block;
    width:100%;
}
.dolacz-mapa iframe{
}
.dolacz-mapa .mapa-tytul{
    font-weight: bold !important;
    font-size:100% !important;
    display:block;
    margin-top:10px;
}
.dolacz-mapa .mapa-opis{
    font-weight: normal;
    font-size:95% !important;
    font-style: italic;
    display:block;
}
/* Foldery --------------------------------------------------------------------------------------------------- FOLDER */
.dolacz-folder{
    display:block;
    width:100%;
    padding:0px;
    border:1px solid #eee;
    background:#fff;
}
/* Nagłówek folderu */
.dolacz-folder-dane{
    overflow: hidden;
    background: #eee;
    padding:14px;
    border-bottom: 1px solid #ddd;
}
/* Linki pobrania */
.dolacz-folder a {
    color: deepskyblue;
    font-weight: bold;
    display: inline;
}
.dolacz-folder a:hover, .dolacz-folder a:focus{
    /*border-bottom:1px solid deepskyblue;*/
    color: darkblue;
}
/* Wyświetla się przed nazwą folderu, z paczki ikon / fontów */
.folder-ikona{
    color:deepskyblue;
    font-size:360%;
    float:left;
    margin-right:7px;
    display:block;
}
.dolacz-folder .folder-nazwa {
    font-size:100%;
    margin:4px 0;
}
.dolacz-folder .folder-opis {
    font-size:90%;
    margin:4px 0;
    font-style: italic;
}
/* Kontener z plikiem w folderze */
.dolacz-plik-w-folderze{
    display:block;
    padding:14px;
}
/* Ikona pliku w folderze - jednego pliku na liście */
.dolacz-plik-w-folderze-ikona{
    width:26px;
    float:left;
    margin-top: 2px;
}
.dolacz-plik-w-folderze img{
    width:24px;
    vertical-align: middle;
    display: inline-block;
    margin-top:-4px;
    margin-right:4px;
    float:left;
}
/* Informacje o pliku na liście w folderze, jeden plik */
.dolacz-plik-w-folderze-plik{
    font-size:90%;
}
/* Informacje tekstowe, rozmiar i info */
.plik-w-folderze-rozmiar{
    display:inline-block;
    margin-left:10px;
    color:#888;
    font-size:90%;
    border-left:1px solid #ddd;
    padding-left: 10px;
}
.plik-w-folderze-pobrania{
    display:inline-block;
    margin-left:10px;
    color:#888;
    font-size:90%;
    border-left:1px solid #ddd;
    padding-left: 10px;
}
/* Galeria zdjęć -------------------------------------------------------------------------------------------- GALERIA */
.dolacz-galeri{

}
.galeria-tytul{
    font-weight:bold;
    font-size:120%;
    margin:6px 0;
}
.galeria-opis{
    font-weight:normal;
    font-size:100%;
    margin:6px 0;
}
/* Konterner zawierający zdjęcia */
.galeria{
    margin:10px auto;
    overflow: hidden;
    text-align:center;
}
/* Div z jednym zdjęciem */
.zdjecie{
    display:inline-block;
    width:110px;
    /*
    border:1px solid #eee;
    border-radius:5px;
    padding:5px;
    background:rgba(255,255,255,0.2);
    */
    height:80px;
    overflow: hidden;
    text-align:center;
    margin:4px 10px 10px 0;
}
/*  */
.zdjecie img{
    max-width:100%;
    height:70px;
    border-radius:5px;
    border:1px solid #ddd;
    padding: 1px;
}
.zdjecie img:hover{
    -webkit-box-shadow: 1px 0px 8px 3px rgba(0,0,0,0.21);
    box-shadow: 1px 0px 8px 3px rgba(0,0,0,0.21);
    height: 78px;
}