root {
    display: block;
}
body {
    background-color: black;
    color: white;
    font-size: 12px;
    font-family: Tahoma, serif;
}
a {
    color: white;
    font-size: 1em;
    text-decoration: none;
    font-weight: bold;
}
/* Zdjęcia */
.zdjecia {

}
div.zdjecia {
    width: 100%;
    /*overflow: auto;*/
}
div.zdjecia img {
    height: 400px;
}
.mini_zdjecie {

}
img.mini_zdjecie {
    height: 200px;
}
.mini_kategoria {

}
img.mini_kategoria {
    height: 200px;
}
.glowna_kategoria {

}
img.glowna_kategoria {
    height: 400px;
}
.admin_lista_zdjec {

}
div.admin_lista_zdjec {

}
div.admin_lista_zdjec table {
    width: 100%;
}
div.admin_lista_zdjec table tbody tr td {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid white;
}
div.admin_lista_zdjec table tbody tr td + td{
    border-left: 1px solid white;
}
.admin_lista_kategorii {

}
div.admin_lista_kategorii {

}
div.admin_lista_kategorii table {
    width: 100%;
}
div.admin_lista_kategorii table tbody tr td {
    text-align: center;
    padding: 10px;
    border-bottom: 1px solid white;
}
div.admin_lista_kategorii table tbody tr td + td{
    border-left: 1px dotted white;
}
.kolumna_id {
    width: 20px;
}
td.kolumna_id {
    font-size: 20px;
    font-weight: bold;
}
.kolumna_akcje {
    width: 50px;
}
.kolumna_pozycja {
    width: 20px;
}
td.kolumna_pozycja {
    font-size: 20px;
    font-weight: bold;
    color: red;
}
div.admin_lista_kategorii table tbody tr td.kolumna_akcje {
    background-color: #36393d;
}
/* Linki */
.link_usun {
    color: red;
}
.link_edytuj {
    color: blue;
}
.link_wyzej {
    color: yellow;
}
.link_nizej {
    color: yellow;
}
.link_zdjecia {
    color: gray;
}
.link_wyloguj {
    color: red;
}
/* Reset */
.reset {
    clear: both;
}
/* Logo */
#logo {

}
div#logo {
    font-size: 2em;
    color: #c6c6c6;
    border-bottom: 1px solid #c6c6c6;;
    padding-bottom: 5px;
    text-align: center;
}
div#logo a img {
    border: none;
}
/* Stopka */
#stopka {

}
div#stopka {
    border-top: 1px solid #c6c6c6;;
    padding: 5px;
    width: 99%;
    margin: auto;
    margin-top: 20px;
    font-size: 0.8em;
    color: #c6c6c6;
}
#informacje {

}
div#informacje {
    border: none;
    padding: 0px 5px;
    width: 99%;
    margin: auto;
    margin-top: 0px;
    padding-bottom: 20px;
    font-size: 0.75em;
    color: #c6c6c6;
    text-align: right;
}
div#informacje_statystyki {
    float: left;
    width: 30%;
    text-align: left;
}
div#informacje_linki {
    float: right;
    width: 60%;
    text-align: right;
}
div#stopka a, div#informacje a {
    color: #c6c6c6;
}
div#stopka a + a {
    margin-left: 10px;
}
div#stopka_h1 {
    float: left;
    width: 30%;
    text-align: left;    
}
div#stopka_h1 h1 {
    font-size: 1em;
    margin: 0px;
    padding: 0px;
}
div#stopka_linki {
    float: right;
    width: 65%;
    text-align: right;
}
/* Menu admin */
.sectionAdministratorMenu {

}
div.sectionAdministratorMenu {

}
div.sectionAdministratorMenu ul {
    
}
div.sectionAdministratorMenu ul li {
    list-style-type: disc;
    padding: 2px;
    font-size: 0.9em;
}
/* Admin Tekst */
.admin_tekst {

}
div.admin_tekst {
    border-bottom: 1px solid white;
}
div.admin_tekst h2 {
    
}
div.admin_tekst textarea {
    width: 80%;
    height: 250px;
    border: 2px solid #c6c6c6;
    background-color: #36393d;
    color: #c6c6c6;
    padding: 5px;
}
/* Tekst */
.tekst {
    
}
div.tekst {
    width: 90%;
    margin: auto;
}
/**/
#content-slider {
  width: 99%;
  height: 6px;
  margin: 5px;
  background-color: #bbbbbb;
  position: relative;
}

.content-slider-handle {
  width: 50px;
  height: 8px;
  position: absolute;
  top: -2px;
  background: white;
  border: solid 1px black;
}

#content-scroll {
  width: 100%;
  margin-top: 10px;
  overflow: auto;
  border: none;
}