/* CSS Document */
* {box-sizing: border-box;
   }
.row {margin: 5%;
      }
.row:after {content: "";
            clear: both;
            display: block;
            }
[class*="col-"] {float: left;
                 padding: 1%;
                 }
@font-face {font-family: Cyrilia;
            src: url(/files/Cyrilia.ttf);
            }
@font-face {font-family: Kawoszeh;
            src: url(/files/Kawoszeh.ttf);
            }

body {background-color: black;
      background-size: 100% auto;
      background-attachment: fixed;
      font-family: Times, 'Times New Roman', Georgia, serif;
      font-size: 12pt;
      color: rgb(255,255,255);
      }
::-webkit-scrollbar {width: 20px;
                     background-image: url(/files/scrollbar.jpg);
                     -webkit-box-shadow: inset 5px 0 15px rgb(0,0,0); 
                     }
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {-webkit-border-image: url(/files/kraj4.png) 30 stretch;
                           background-color: rgba(255,255,255,0.3);
                           }
::-webkit-scrollbar-corner {}
::-webkit-resizer {}

.menu ul {list-style-type: none;
          margin: 0;
          padding: 0;
          }
.menu li {background-color: rgba(0,0,0,0.5);
          position: relative;
          padding: 1%;
          margin: 2%;
          font-size: 14pt;
          text-align: center;
          border: 5px solid transparent;
          border-image: url(/files/kraj4.png) 30 stretch;
          -webkit-border-image: url(/files/kraj4.png) 30 stretch; /* Safari 3.1-5 */
          -o-border-image: url(/files/kraj4.png) 30 stretch; /* Opera 11-12.1 */
          }
.menu ul li:hover {background-color: rgb(0,0,0);
                   }
a:link {color: rgb(255,255,255);
        text-decoration: none;
        }
a:visited {color: rgb(255,255,255);
           text-decoration: none;
           }
.znak {position: relative;
       float: left;
       width: 100%;
       height: auto;
       background-image: url(/files/znak3.svg);
       background-position: center center;
       background-size: 90% 90%;
       background-repeat: no-repeat;
       }
h1 {font-size: 25pt;
    font-family: Kawoszeh;
    }
h2 {text-align: center;
    font-size: 16pt;
    font-family: Kawoszeh;
    }
h3 {text-align: left;
    font-size: 20pt;
    font-family: Kawoszeh;
    }    
.gps {text-align: right;
      }
.nadpis {background-color: rgba(0,0,0,0.5);
         position: relative;
         padding: 0%;
         text-align: center;
         }
.text {background-color: rgba(0,0,0,0.5);
       position: relative;
       padding: 3%;
       border: 5px solid transparent;
       border-image: url(/files/kraj4.png) 25 stretch;
       -webkit-border-image: url(/files/kraj4.png) 25 stretch; /* Safari 3.1-5 */
       -o-border-image: url(/files/kraj4.png) 25 stretch; /* Opera 11-12.1 */
       }
.clen {background-color: rgba(0,0,0,0.5);
       position: relative;
       padding: 3%;
       border: 5px solid transparent;
       border-image: url(/files/kraj4.png) 25 stretch;
       -webkit-border-image: url(/files/kraj4.png) 25 stretch; /* Safari 3.1-5 */
       -o-border-image: url(/files/kraj4.png) 25 stretch; /* Opera 11-12.1 */
       }
.nic {position: relative;
      left: 5%;
      }
.paticka {background-color: rgba(0,0,0,0.5);
          position: relative;
          padding: 1%;
          width: 100%;
          height: auto;
          text-align: center;
          border: 5px solid transparent;
          border-image: url(/files/kraj4.png) 25 stretch;
          -webkit-border-image: url(/files/kraj4.png) 25 stretch; /* Safari 3.1-5 */
          -o-border-image: url(/files/kraj4.png) 25 stretch; /* Opera 11-12.1 */
          }
section {float: left;
         }
figure {width: 25%;
        height: auto; 
        position: relative;
        border: 5px solid transparent;
        border-image: url(/files/kraj5.png) 25 stretch;
        -webkit-border-image: url(/files/kraj5.png) 25 stretch; /* Safari 3.1-5 */
        -o-border-image: url(/files/kraj5.png) 25 stretch; /* Opera 11-12.1 */
        float: left;
        margin: 2%; 
        }        
figcaption {text-align: left;
            padding: 2%;
            display: none;
            }          
figure img {width: 100%;
            height: auto;
            cursor: pointer;
            cursor: hand;
            z-index: 1;
            }
figure:hover {transform: translateY(1%) translateX(1%);
              background-color: rgb(0,0,0);
              }
figure:focus {outline: none;
              width: 100%;
              max-width: 650px;
              height: auto;
              z-index: 10;
              transition: 1s;
              }
figure:focus figcaption {display: block;
                         }
table {border-collapse: collapse;
       width: 100%;
       position: relative;
       }
td {text-align: center;
    box-shadow: 0px 0px 5px rgb(0,0,0);
    height: 30px;
    background-color: rgba(204,102,0,0.3);
    border-bottom: 2px solid rgba(255,255,255,0.5);
    border-top: 2px solid rgba(255,255,255,0.5);
    }
th {text-decoration: none;
    background-color: rgba(255,0,0,0.2);
    box-shadow: 1px 1px 5px rgb(0,0,0);
    height: 30px;
    }
.col-1 {width: 25%;}
.col-2 {width: 50%;}
.col-3 {width: 75%;}
.col-4 {width: 100%;}

@media only screen and (max-width: 736px) {[class*="col-"] {width: 100%;}
                                           }