/* -------------------------------------------- */
/* ------------------Grid System--------------- */ 
.strona{ width: 100%; position: relative; margin: 0 auto; padding: 0px;}
.strona:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.strona .f-right{float: right!important;}
.strona .f-left{float: left!important;}

.strona .row{}
.strona .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.strona .row:after{clear: both; }
.strona .row{zoom: 1;}

.strona .wrap-col{margin:10px;}

.strona .col-1-2, .strona .col-1-3, .strona .col-2-3, .strona .col-1-4, .strona .col-2-4, .strona .col-3-4, .strona .col-1-5, .strona .col-2-5, .strona .col-3-5, .strona .col-4-5, .strona .col-1-6, .strona .col-2-6, .strona .col-3-6, .strona .col-4-6, .strona .col-5-6{float:left; display: inline-block;}

.strona .col-full{width:100%;}

.strona .col-1-2{width:50%;}
.strona .offset-1-2{margin-left: 50%;}

.strona .col-1-3{width:33.33%;}
.strona .col-2-3{width:66.66%;}
.strona .offset-1-3{margin-left: 33.33%;}
.strona .offset-2-3{margin-left: 66.66%;}

.strona .col-1-4{width:25%;}
.strona .col-2-4{width:50%;}
.strona .col-3-4{width:75%;}
.strona .offset-1-4{margin-left: 25%;}
.strona .offset-2-4{margin-left: 50%;}
.strona .offset-3-4{margin-left: 75%;}

.strona .col-1-5{width:20%;}
.strona .col-2-5{width:40%;}
.strona .col-3-5{width:60%;}
.strona .col-4-5{width:80%;}
.strona .offset-1-5{margin-left: 20%;}
.strona .offset-2-5{margin-left: 40%;}
.strona .offset-3-5{margin-left: 60%;}
.strona .offset-4-5{margin-left: 80%;}

.strona .col-1-6{width:16.66%;}
.strona .col-2-6{width:33.33%;}
.strona .col-3-6{width:50%;}
.strona .col-4-6{width:66.66%;}
.strona .col-5-6{width:83.33%;}
.strona .offset-1-6{margin-left: 16.66%;}
.strona .offset-2-6{margin-left: 33.33%;}
.strona .offset-3-6{margin-left: 50%;}
.strona .offset-4-6{margin-left: 66.66%;}
.strona .offset-5-6{margin-left: 83.33%;}

.strona .col-1-10{width:10%;}
.strona .col-2-10{width:20%;}
.strona .col-3-10{width:30%;}
.strona .col-4-10{width:40%;}
.strona .col-5-10{width:50%;}
.strona .col-6-10{width:60%;}
.strona .col-7-10{width:70%;}
.strona .col-8-10{width:80%;}
.strona .col-9-10{width:90%;}
.strona .offset-1-10{margin-left:10%;}
.strona .offset-2-10{margin-left:20%;}
.strona .offset-3-10{margin-left:30%;}
.strona .offset-4-10{margin-left:40%;}
.strona .offset-5-10{margin-left:50%;}
.strona .offset-6-10{margin-left:60%;}
.strona .offset-7-10{margin-left:70%;}
.strona .offset-8-10{margin-left:80%;}
.strona .offset-9-10{margin-left:90%;}


.strona .col-19-20{width:95%;}
.strona .offset-1-40{margin-left:2.5%;}
.strona .offset-2-40{margin-left:5%;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.strona{width:960px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.strona{width:768px;}
}

@media only screen and (max-width: 767px) {
	.strona, .strona .col-1-2, .strona .col-1-3, .strona .col-2-3, .strona .col-1-4, .strona .col-2-4, .strona .col-3-4, .strona .col-1-5, .strona .col-2-5, .strona .col-3-5, .strona .col-4-5, .strona .col-1-6, .strona .col-2-6, .strona .col-3-6, .strona .col-4-6, .strona .col-5-6, .strona .col-1-10, .strona .col-2-10, .strona .col-3-10, .strona .col-4-10, .strona .col-5-10, .strona .col-6-10, .strona .col-7-10, .strona .col-8-10, .strona .col-9-10, .strona .col-19-20 {width:100%;}
	
	.strona .offset-1-2, .strona .offset-1-3, .strona .offset-2-3, .strona .offset-1-4, .strona .offset-2-4, .strona .offset-3-4, .strona .offset-1-5, .strona .offset-2-5, .strona .offset-3-5, .strona .offset-4-5, .strona .offset-1-6, .strona .offset-2-6, .strona .offset-3-6, .strona .offset-4-6, .strona .offset-5-6, .strona .offset-1-10, .strona .offset-2-10, .strona .offset-3-10, .strona .offset-4-10, .strona .offset-5-10, .strona .offset-6-10, .strona .offset-7-10, .strona .offset-8-10, .strona .offset-9-10, .strona .offset-1-40, .strona .offset-2-40 {margin-left:0;}
}

/****************************************/
/**************Arkusz strony*************/

@font-face {
font-family: SixCaps;
src: url(SixCaps.ttf);
}

html {
height: 100vh;
}

body {
margin: 0;
padding: 0;
overflow-x: hidden;
min-height: 100%;
position: relative;
background-image: url(../images/t2.png);
}

.czcionka1 {
font-family: 'SixCaps', sans-serif;
font-size: 40px;
font-weight: 400;
font-style: normal;
}

.czcionka2 {
font-family: 'SixCaps', sans-serif;
font-size: 20px;
font-weight: 400;
font-style: normal;
}

.czcionka3 {
font-family: 'Droid Sans',sans-serif;
font-size: 18px;
font-weight: 400;
font-style: normal;
}

.czcionka4 {
font-family: 'Droid Sans',sans-serif;
font-size: 12px;
font-weight: 400;
font-style: normal;
}

.glownemenuzakladka {
padding: 10px;
padding-bottom: 0;
padding-top: 30px;
cursor: pointer;
transition: 0.2s;
color: white;
}

.glownemenuzakladka:hover {
background-color: #e6aa25;
}

.unslider-nav {
width: 100%;
position: relative;
bottom: 20px;
left: 0;
}

.pole {
margin-top: 20px;
margin-bottom: 20px;
}

.pole > h2 {
margin: 0 !important;
padding: 5px;
padding-bottom: 0;
}

.pole > div {
padding: 5px;
padding-top: 0;
}

.polerka {
text-decoration: none;
color: black;
}

.nazwastrony {
margin: 0;
}

#content {
position: relative;
padding-bottom: 20px;
}

#glownemenu {
background-image: url(../images/t1.jpg);
color: white;
height: 100px;
}

#pozycjemenu {
text-align: right;
}

.my-slider img {
width: 100%;
}

#copyright {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: right;
letter-spacing: 2px;
background-image: url(../images/t1.jpg);
color: white;
}

#copyright > span {
margin: 3px;
}

.przycisk {
font-family: 'SixCaps', sans-serif;
font-size: 30px;
font-weight: 400;
font-style: normal;
}