@import url(https://fonts.googleapis.com/css?family=Kotta+One&subset=latin,latin-ext);
@charset "utf-8";

body{
margin: 0;
padding: 0;
font-family: "Gill Sans";
font-size: 1vw;
background-color: ffffff;
overflow-y: scroll;
overflow-x: hidden;
}

span.integracja, span.integracjaTytul, span.integracjaKod {
font-family: "Courier";
}

span.integracjaTytul {
font-size: 1.4vw;
color: lightgreen;
}

span.integracjaKod {
color: lightgreen;
}
a {color: rgb(0,162,232); text-decoration:none;}
a:hover {color: rgb(153,217,234);}

a.integracja{
color: lightgreen;
}

a.button, input.button {
display:block;
background-color: rgb(30,30,30);
color: gold;
display: flex;
flex-direction: row;
align-items: center;
height:2.5vw;
}

a.button:hover, input.button:hover{color: orange;}

input, select {
font-family: "Gill Sans";
font-size: 1vw;
}

input.button {
text-align:center;
text-transform: uppercase;
border: 0;
}

span.button {
display:block;
text-align:center;
text-transform: uppercase;
width:100%;
}

h1 {
font-size:3vw; 
text-transform: uppercase;
margin: 0 0 0.5vw 0;
}

h3 {
font-size:2vw; 
text-transform: uppercase;
margin: 0.5vw 0;
}

h5 {
font-size:1.5vw; 
text-transform: uppercase;
margin: 0.5vw 0;
}

h6 { /*w logowaniu*/
font-size:2vw;
padding: 0;
margin: 0;
}

.menu {
position: fixed;
display: flex;
flex-direction: row;
align-items: center;
top: 0vw;
left: 0vw;
width: 100%;
background-color: rgb(0,0,0);
color: white;
font-size: 0.9vw;
height: 3vw;
}

.menuActive{color:gold;}
a.hrefmenu {color: white; text-decoration:none;}
a.hrefmenu:hover{color: gold;}
a.hrefmenu2 {color: gold; text-decoration:none;}
a.hrefmenu2:hover{color: gold;}


.left {/*lewe menu*/
position: absolute;
top: 3vw;
left: 0.5vw;
width: 14.5vw;
display: flex;
flex-direction: column;
}

.leftH5pierwszy {
padding: 0.25vw 0.25vw 0.25vw 0.25vw;
width: 14vw;
border-style: solid;
border-width: 0 0 1px 0;
border-color: rgb(30,30,30);
text-transform: uppercase;
text-align: center;
}

.leftH5 {
margin: 1vw 0 0 0;
padding: 0.25vw;
width: 14vw;
border-style: solid;
border-width: 1px 0;
border-color: rgb(30,30,30);
text-transform: uppercase;
text-align: center;
}

.leftItem {
padding: 0.25vw;
width: 14vw;
}

.leftActive {
padding: 0.25vw;
width: 14vw;
background-color: rgb(30,30,30);
color: gold;
}

a.leftHref {color: black;}
a.leftHref:Hover {color: orange;}

.panel {
position: absolute;
top: 3vw;
left: 18vw;
width: 75vw;
padding: 0.5vw;
}

a.mapaMenu {
position: fixed;
display: block;
width: 3vw;
height: 3vw;
left: 0.5vw;
background-repeat: no-repeat;
background-size: 100% 100%;
}

.mapaHolder {/*cały obraz mapy*/
position: fixed;
top: 3vw;
left: 0;
width: 100%;
/*display: flex;
flex-direction: column;*/
}

.bottomBar {
position: fixed;
bottom: 0vw;
left: 33vw;
width: 32vw;
padding: 0.5vw 1vw;
background-color: rgb(30,30,30);
border-radius: 0.5vw 0.5vw 0 0;
text-align: center;
text-transform: uppercase;
color: white;
}

a.hrefBB {color: gold; text-decoration:none;}
a.hrefBB:hover{color: orange;}


.wikipedia {
position: absolute;
top:7vw;
left: 70.5vw;
width: 21.5vw;
padding: 1vw;
background-color: white;
margin: 0 0 2vw 0;
}

.wikipediaTitle {
position: absolute;
top: 5vw;
left: 70.5vw;
width: 23.5vw;
height: 1.7vw;
padding: 0.3vw 0 0 0;
text-transform: uppercase;
text-align: center;
font-size: 1.2vw;
color: white;
background-color: rgb(153,217,234);
}

.komunikat {
position: absolute;
top:7vw;
left: 4.5vw;
width: 62vw;
padding: 1vw;
text-align: justify;
display: flex;
flex-direction: column;
background-color: white;
margin: 0 0 2vw 0;
}

.komunikatTitle {
position: absolute;
top: 5vw;
left: 4.5vw;
width: 64vw;
height: 1.7vw;
padding: 0.3vw 0 0 0;
text-transform: uppercase;
text-align: center;
font-size: 1.2vw;
}

.komunikatWiersz{
width: 62vw;
}

.komunikat100 {
width: 62vw;
display: flex;
flex-direction: row;
}

.komunikat99 {width: 61vw; padding: 0.7vw 0.5vw;}
.komunikat90 {width: 54.8vw; padding: 0.7vw 0.5vw;}
.komunikat80 {width: 48.6vw; padding: 0.7vw 0.5vw;}
.komunikat70 {width: 42.4vw; padding: 0.7vw 0.5vw;}
.komunikat50 {width: 30vw; padding: 0.7vw 0.5vw;}
.komunikat40 {width: 23.8vw; padding: 0.7vw 0.5vw;}
.komunikat30 {width: 17.6vw; padding: 0.7vw 0.5vw;}
.komunikat25 {width: 14.5vw; padding: 0.7vw 0.5vw;}
.komunikat20 {width: 11.4vw; padding: 0.7vw 0.5vw;}
.komunikat17 {width: 9.54vw; padding: 0.7vw 0.5vw;}
.komunikat15 {width: 8.3vw; padding: 0.7vw 0.5vw;}
.komunikat10 {width: 5.2vw; padding: 0.7vw 0.5vw;}

.black {background-color: rgb(0,0,0); color: white;}
.grey {background-color: rgb(240,240,240); color: black;}

.logowanieHolder {
position: absolute;
top:3vw;
left: 30vw;
width: 40%;
background-color: rgb(198,198,198);
}

.logowanie {
position: absolute;
text-align: justify;
}

.width225 {width: 22.5%;}
.width115 {width: 11.5%;}
.width110 {width: 11%;}
.width80 {width: 8%;}
.width60 {width: 6%;}
.width75 {width: 7.5%;}
.width55 {width: 5.5%;}
.width15 {width: 1.5%;}


.center {text-align: center;}
.right {text-align: right;}

.h3 {font-size:1.4vw}

.forumHolder {
position: absolute;
top: 3vw;
left: 0;
width: 100%;
height: 192vw;
}

.stateHolder {
position: absolute;
top: 3vw;
left: 0;
width: 100%;
height: 73.225vw;
}

.forum {
position: absolute;
background-color: white;
}

.forum2 {
position: absolute;
font-size: 1.2vw;
text-align: center;
padding: 0.27vw 0 0 0;
}

.forum3 {/*rotator*/
position: absolute;
background-color: white;
background-repeat: no-repeat;
background-size: 100% 100%;
}

.forum4 {position: absolute;}

.forum5 {/*opcje w state*/
position: absolute;
font-size: 1.2vw;
text-align: center;
padding: 0.27vw 0 0 0;
border-color: rgb(196,196,196);
border-style: solid;
border-width: 1px 0 0 0;
}

.forum5:hover {
background-color: rgb(0,162,232);
}

.forumIcon {
position: absolute;
background-color: white;
margin: 0.2vw 0 0 0;
background-repeat: no-repeat;
background-size: 100% 100%;
border-radius: 50%;
}

.forumWiersz {
position: absolute;
margin: 0.45vw 0 0 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.forumDzial {
position: absolute;
margin: 0.25vw 0 0 0;
padding: 0.2vw 0 0 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: white;
text-transform: uppercase;
}

a.hrefForumTitle {color: white;}
a.hrefForumTitle:hover {color: white;}
a.hrefForumTitleBlack {color: black;}
a.hrefForumTitleBlack:hover {color: black;}
a.forumHref {color: black;}
a.forumHref:visited {color: grey;}

a.nowyWatek {
display: block;
position: absolute;
background-repeat: no-repeat;
background-size: 100% 100%;
}

a.watek {
display: block; 
padding: 0 0 0.5vw 0;
}

.watekHolder {
position: absolute;
top: 5vw;
left: 17.25vw;
width: 70vw;
}

.watekHolderWladze {
position: absolute;
top: 5vw;
left: 37.25vw;
width: 70vw;
}

.post {
width: 64vw;
background-color: white;
margin: 0 0 2vw 0;
display: flex;
flex-direction: row;
}

h4 {
font-size: 1.6vw;
text-transform: uppercase;
margin: 0 0 0.5vw 0;
}

.postHolderTresc {
width: 48vw;
margin: 1vw;
text-align: justify;
display: flex;
flex-direction: column;
}

.postHolderPodpis {
width: 12vw;
margin: 1vw;
display: flex;
flex-direction: column;
}

.postTresc {
width: 48vw;
padding: 0 0 0.5vw 0;
margin: 0 0 0.5vw 0;
border-style: solid;
border-width: 0 0 1px 0;
border-color: rgb(196,196,196);
}

.postSerce {
width: 48vw;
padding: 0 0 0.5vw 0;
margin: 0 0 0.5vw 0;
display: flex;
flex-direction: row;
}

a.postSerduszko {
display: block;
background-image: url('img/serce.png');
width: 2vw;
height: 2vw;
background-repeat: no-repeat;
background-size: 100% 100%;
}

.postSerceKolumna {
font-size: 0.9vw;
padding: 0 0 0 1vw;
}

.postAvatar {
width: 12vw;
height: 12vw;
background-repeat: no-repeat;
background-size: 100% 100%;
}

.postPodpis {
width: 12vw;
margin: 0.25vw 0 0 0;
}

.lewy {
position: absolute;
top:7vw;
left: 10.75vw;
width: 23vw;
padding: 0.5vw 1vw;
background-color: white;
margin: 0 0 2vw 0;
}

.lewyTitle {
position: absolute;
top: 5vw;
left: 10.75vw;
width: 25vw;
height: 1.7vw;
padding: 0.3vw 0 0 0;
text-transform: uppercase;
text-align: center;
font-size: 1.2vw;
color: white;
}

.lewyTitleWladze {
position: absolute;
top: 5vw;
left: 4vw;
width: 23vw;
height: 1.7vw;
padding: 0.3vw 0 0 0;
text-transform: uppercase;
text-align: center;
font-size: 1.2vw;
color: white;
}

.lewyWladze {
position: absolute;
top:7vw;
left: 4vw;
width: 21vw;
padding: 0.5vw 1vw;
background-color: white;
margin: 0 0 2vw 0;
}

.watekHolderWladze {
position: absolute;
top: 5vw;
left: 29vw;
width: 70vw;
}


.centralny {
position: absolute;
top:7vw;
left: 24.25vw;
width: 48vw;
padding: 0.5vw 1vw;
background-color: white;
margin: 0 0 2vw 0;
}

.centralnyTitle {
position: absolute;
top: 5vw;
left: 24.25vw;
width: 50vw;
height: 1.7vw;
padding: 0.3vw 0 0 0;
text-transform: uppercase;
text-align: center;
font-size: 1.2vw;
color: white;
}

.prawy {
position: absolute;
top: 5vw;
left: 37.75vw;
width: 48vw;
padding: 1vw;
background-color: white;
}

.poczta {
position: absolute;
top:7vw;
left: 4.5vw;
width: 21.5vw;
padding: 0.5vw 1vw;
background-color: white;
margin: 0 0 2vw 0;
}

.pocztaTitle {
position: absolute;
top: 5vw;
left: 4.5vw;
width: 23.5vw;
height: 1.7vw;
padding: 0.3vw 0 0 0;
text-transform: uppercase;
text-align: center;
font-size: 1.2vw;
color: white;
}

.klaserTitle {
position: absolute;
top: 5vw;
left: 30vw;
width: 64vw;
height: 1.7vw;
padding: 0.3vw 0 0 0;
text-transform: uppercase;
text-align: center;
font-size: 1.2vw;
color: white;
background-color: rgb(34,177,76);
}

.klaser {
position: absolute;
top:7vw;
left: 30vw;
width: 62vw;
padding: 0.5vw 1vw;
background-color: white;
margin: 0 0 2vw 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

.klaser2 {
position: absolute;
top:7vw;
left: 30vw;
width: 62vw;
padding: 0.5vw 1vw;
background-color: white;
margin: 0 0 2vw 0;
display: flex;
flex-direction: column;
}

.znaczek {
width: 150px;
height: 185px;
padding: 0 25px 20px 0;
}

.znaczek2 {
width: 150px;
height: 200px;
padding: 0 25px 20px 0;
font-size: 15px;
text-align: center;
}

.ciecie {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}


textarea {font-family: "Gill Sans"; font-size: 1vw;}

@font-face {
  font-family: "Gill Sans";
  font-weight: normal;
  src: url('fonty/gill-sans.eot');
}

@font-face {
  font-family: "Gill Sans";
  font-weight: normal;
  src: url('fonty/gill-sans.ttf') format("opentype");
}