html, body {margin: 0; padding: 0; height: 100%; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; background-color: #000; color: #252525;}
h1 {margin: 0px 0px 10px 0px; text-align: left; border-bottom: dashed 1px;}
iframe {border: 0; max-width: 100%}
footer {position: absolute; bottom: 0; display: block; width: 100%; padding: 0 5px 0 5px; margin: 0 auto; background-color:rgba(255,255,255,0.7);}

ul, ol {margin-left: 40px}
ul li, ol li {}

.backtotop {position: fixed; bottom: 0; left: 0; right: 0; width: 100px; height: 100px; margin: auto; cursor: pointer; background: url(/img/backtotop.png);}
.backtotop span {background: red}
.container {height: 100%}
.row {width: 100%; max-width: 100%; position: relative}

.menu-bg {position: fixed; top: 0; left: 0; background: white; min-height: 50px; z-index: 100}
.menu {width: 100%;  max-width: 1140px; margin: 0 auto;}/*min-width: 755px;*/
.menu .fakelink {display: block; float: left; width: 10%; height: 50px; cursor: pointer; text-align: center; transition: .5s;}
.menu .fakelink:hover {background-color: #3399ff;}
.menu .aktualna {background-color: #3399ff;}

.full {min-height: calc(100% - 50px); padding-top: 50px;} /*calc(100% - wysokoscMenu); padding-top: wysokoscMenu*/
.full div.text {padding: 5px; max-width: 1140px; margin: 0 auto; background-color:rgba(255,255,255,0.7);}/*min-width: 755px;*/
.zdjecia {text-align: center}
.zdjecia img {margin: 5px; border: solid 5px #3399ff; transition: .2s;}
.zdjecia img:hover {transform: rotate(0deg)}

.rot-6 {transform: rotate(-6deg)}
.rot-4 {transform: rotate(-4deg)}
.rot-2 {transform: rotate(-2deg)}
.rot0 {transform: rotate(0deg)}
.rot2 {transform: rotate(2deg)}
.rot4 {transform: rotate(4deg)}
.rot6 {transform: rotate(6deg)}

.white {background: white}
.red {background: red}
.blue {background: blue}
.green {background: green}

.tlo01 {background: url(/img/tla/01.JPG);}
.tlo02 {background: url(/img/tla/02.JPG);}
.tlo03 {background: url(/img/tla/03.JPG);}
.tlo04 {background: url(/img/tla/04.JPG);}
.tlo05 {background: url(/img/tla/05.JPG);}
.tlo06 {background: url(/img/tla/06.JPG);}
.tlo07 {background: url(/img/tla/07.JPG);}
.tlo08 {background: url(/img/tla/08.JPG);}
.tlo09 {background: url(/img/tla/09.JPG);}
.tlo10 {background: url(/img/tla/10.JPG);}
.tlo01, .tlo02, .tlo03, .tlo04, .tlo05, .tlo06, .tlo07, .tlo08, .tlo09, .tlo10 {background-repeat: no-repeat; background-size: cover;}



/* Mobile */
@media only screen and (max-width: 1023px) {
    .menu .fakelink {width: 20%;}
	
}
@media handheld, only screen and (max-width: 767px) {
    .menu, .full div {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
    }
    .menu-bg {position: static}
    .menu .fakelink {width: 33%;}
	
}