@import url('https://fonts.googleapis.com/css2?family=Risque&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');

body {
background: url(obrazek.jpg) top fixed no-repeat #000000;
/* background: url(choinka.png) left bottom no-repeat fixed,url(choinka.png) right bottom no-repeat fixed,#99CCFF; 
background-size: 250px,250px;
background			: #99CCFF;*/
background-size		: 3150px;
font-size			: 12px;
font-family			: verdana, sans-serif;
align				: center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

inna {
font-size			: 12px;
font-family			: verdana, sans-serif;
}

div {
border-radius:10px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */
}




.podk {
font-size			: 12px;
width				: 340px;
background			: #e2eeff;
border				: 1px solid #EDC569;
}

.img_link {
cursor				: pointer;
width				: 265px;
}

#menubar {
width:850px;
height:50px;
left:73px;
top:280px;
padding:2px;
}

#menubar span {
color:#AD5800;
letter-spacing:1px;
border-left:1px solid #F9F1C8;
border-right:1px solid #F9F1C8;
padding-left:5px;
padding-right:5px;
text-decoration:none;
cursor: pointer;
}

#menubar span.active {
border-bottom-color:#F9F1C8;
border-right-color:#F9F1C8;
border-left-color:#F9F1C8;
border-top-color:#F9F1C8;
cursor: pointer;
}

.menu .options {
margin-right:1px;
margin-bottom:1px;
border-left:1px solid #F9F1C8;
border-right:1px solid #F9F1C8;
border-top:1px solid #F9F1C8;
border-bottom:1px solid #F9F1C8;
background-color:#FFFFFF;
cursor: pointer;
}

.menu a {
color:#AD5800;
display:block;
padding:2px 5px;
text-decoration:none;
background-color:#FFFFFF;
}

.menu span {
color:#AD5800;
display:block;
padding:2px 5px;
text-decoration:none;
background-color:#FFFFFF;
cursor: pointer;
}

.menu a:hover {
display:block;
background-color:#F9F1C8;
}

.menu span:hover {
background-color:#F9F1C8;
cursor: pointer;	
}

.options span:hover {
background-color:#F9F1C8;
cursor: pointer;	
}

.logos {
position			: relative;
z-index				: 100;
}

.gora {
background			: url('img/gora1.png') top center no-repeat transparent;
height				: 23px;
width				: 988px;

}

.gora_tlo {

height				: 290px;
margin-top			: -15px;
margin-left			: -10px;
margin-right			: -10px;
}

.gora_tlo_div {
padding-top			: 10px;
height				: 290px;
width				: 988px;
}

.infor_opis {
background-color	: #dddddd;
border-radius		: 0px 0px 0px 0px;
-moz-border-radius	: 0px 0px 0px 0px;
height				: 15px;
font-family			: 'Jura', sans-serif;
font-size			: 13px;
overflow			: hidden;
position:			: relative;
}

.infor {
background-color	: #dddddd;
border-radius		: 10px 10px 0px 0px;
-moz-border-radius	: 10px 10px 0px 0px;
height				: 38px;
font-family			: 'Russo One', sans-serif;
font-size			: 20px;
overflow			: hidden;
position:			: relative;
}

.apt {
background-color	: #FFFFFF;
border-radius		: 0px 0px 0px 0px;
-moz-border-radius	: 0px 0px 0px 0px;
height				: 28px;
font-family			: 'Russo One', sans-serif;
font-size			: 20px;
overflow			: hidden;
position:			: relative;
}

.infor p {
height				: 100%;
margin				: 0 auto;
line-height			: 38px;
text-align			: center;
white-space			: nowrap;
box-sizing			: border-box;
animation			: marquee 50s linear infinite;
 
}

@keyframes marquee {
    0%   { text-indent: 57.5em }
    100% { text-indent: -175em }
}

.main {
padding-top			: 0px;
width				: 1258px;
background-color	: #ffffff;
height				: 2750px; 
margin-top			: -105px;
vertical-align   	: top;
box-shadow			: 0px 0px 6px #EDC569;
overflow			: hidden;
margin-bottom		: 10px;
}

.main_ins {
width				: 1250px;
height				: 100%; 
align				: center;
}

.dol {
margin-top			: 0px;
background			: url('img/dol_tlo.png') top center no-repeat transparent;
width				: 988px;
height				: 90px;
}

.mg {
float				: left;
background			: url('img/mg3.png') top no-repeat transparent;
height				: 260px;
width				: 260px;
padding-left			: 10px;
padding-top			: 10px;
line-height:150%;
}

.mg_ins {
height				: 240px;
width				: 240px;
padding-left			: 10px;
padding-top			: 50px;
padding-right			: 10px;
}

.txt {
overflow-y:auto;
float				: left;
align				: center;
max-width			: 975px;
  height: 2600px; 
line-height:150%;
text-align			: justify;
margin:0px 0px 0px 0px;
vertical-align   		: center;
padding:0px 5px 0px 0px;
}	

.stopka_l {
float				: left;
width				: 960px;
align				: center;
vertical-align   		: center;
height				: 15px;
}

.bloczek {
float				: left;
}

input {
border				: 1px solid #EDC569;
font-size			: 11px;
font-family			: verdana, sans-serif;
}

.log {
font-size			: 11px;
font-family			: verdana, sans-serif;
}

.centrala {
margin-top			: 15px;
margin-left			: 3px;
float				: left;
width				: 260px;
}

.przyb {
float				: left;
width				: 270px;
height: 1100px;

}

.mg_ins span {
text-decoration			: none;
color				: #000000;
}

.mg_ins span:hover {
text-decoration			: underline;
cursor				: pointer;
}

.tabelka {
border				: 1px solid #EDC569;
font-size			: 12px;
font-family			: verdana, sans-serif;
padding				: 8px;
}

.a {
font-size			: 12px;
font-family			: verdana, sans-serif;
padding				: 8px;
font-weight			: bold;
}

table.har {
border-collapse: collapse;
/*border				: 1px solid #EDC569;*/
font-size			: 11px;
font-family			: verdana, sans-serif;
/*width				: 230px;*/
vertical-align   		: top;

}
table.har tr, table.har td {
	padding				: 8px;
	margin: 0px;
    vertical-align   		: middle;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
	text-align:center; 
	box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
}
table.har tr:nth-child(even){background-color: #f2f2f2}
table.har tr:hover {background-color: #f5f5f5;}
/*----- Tabs -----*/
.tabs {
    width:100%;
    display:inline-block;
}
 
    /*----- Tab Links -----*/
    /* Clearfix */
    .tab-links:after {
        display:block;
        clear:both;
        content:'';
    }
 
    .tab-links li {
        margin:0px 5px;
        float:left;
        list-style:none;
    }
 
        .tab-links a {
            padding:9px 15px;
            display:inline-block;
            border-radius:3px 3px 0px 0px;
            background:#7FB5DA;
            font-size:16px;
            font-weight:600;
            color:#4c4c4c;
            transition:all linear 0.15s;
        }
 
        .tab-links a:hover {
            background:#a7cce5;
            text-decoration:none;
        }
 
    li.active a, li.active a:hover {
        background:#fff;
        color:#4c4c4c;
    }
 
    /*----- Content of Tabs -----*/
    .tab-content {
        padding:15px;
        border-radius:3px;
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
        background:#fff;
    }
 
        .tab {
            display:none;
        }
 
        .tab.active {
            display:block;
        }
.collapse{
	font-size: 14px;
  display:block;
}
.collapse + input{
  display:none;
}
.collapse + input + *{
  display:none;
}
.collapse+ input:checked + *{
  display:block;
}
.container {
  max-width: 1170px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.gallery a img {
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
box-shadow: 0px 0px 6px #000000;
}
/* line 46, ../sass/demo.scss */
.gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
  box-shadow: 0px 0px 6px #000000;
}
/* line 57, ../sass/demo.scss */
.gallery a.big img {
  width: 40%;
}
#zl {
	font-family: 'Architects Daughter', cursive;
	font-size: 120px;
	color: white;
	text-shadow: 2px 2px 4px #000000;
	animation-name: example;
    animation-duration: 10s;
	animation-iteration-count: infinite;
}

@keyframes example {
  0% {font-size: 120px;}
  50% {font-size: 90px; color: grey;}
}