body {
color: #ffff00;
background-color: #444444;
font-family: "Arial Black", Arial, sans-serif;
font-size: 12pt;
}
.bezbr {
white-space: nowrap;
}
.klir {
clear: both;
}
img#wstazka {
position: fixed;
top: 0px;
right: 0px;
}
.naglowek {
font-size: 24pt;
text-align: center;
}
.info, .uwaga {
text-align: center;
margin: 10px auto;
}
.info {
color: #00ff00;
}
.uwaga {
color: #ff8800;
}
.zalog {
position: absolute;
top: 0px;
right: 30px;
}
#divalertow p {
margin: 0;
}
input, select, textarea {
color: #ffff00;
background-color: #000000;
font-family: "Arial Black", Arial, sans-serif;
font-size: 10pt;
}
input.ina {
font-size: 7pt;
}
select {
text-align: center;
}
ul {
list-style-type: square;
}
p.m {
font-size: 8pt;
text-align: right;
}
p.mc {
font-size: 8pt;
text-align: center;
}
p.nc, p.l, p.p, p.j {
font-size: 12pt;
}
p.nc, .nc {
text-align: center;
}
p.l, .l {
text-align: left;
}
p.p, .p {
text-align: right;
}
p.j, .j {
text-align: justify;
}
h1 {
font-size: 30pt;
text-align: center;
}
h1.m {
font-size: 15pt;
}
h1.mm {
font-size: 12pt;
}
hr {
color: #ffff00;
width: +100%;
}
hr.k {
width: +65%;
}
iframe {
border-color: #ffff00;
}
frame {
border-color: #ffff00;
}
marquee {
font-size: 20pt;
}
table {
width: 100%;
background-color: #444444;
}
table.a {
background-color: #444444;
border-color: #000000;
}
td.na {
width: 7%;
}
td.re {
width: 22%;
}
td.wy {
width: 23%;
}
td.pi {
width: 20%;
}
td.dr {
width: 35%;
}
td.tr {
width: 10%;
}
td.cz {
width: 35%;
}
td.zc {
width: 60%;
}
td.rz {
width: 33%;
}
/*
 < G Ł Ó W N E >
*/
a, img, body, div, ul, li {
margin: 0px;
padding: 0px;
}
p {
padding: 1px;
margin: 4px;
}
body.glowna {
background-color: #000000;
}
body {
scrollbar-face-color: #000000;
scrollbar-highlight-color: #ffff00;
scrollbar-shadow-color: #ffff00;
scrollbar-3dlight-color: #ffff00;
scrollbar-arrow-color: #ffff00;
scrollbar-track-color: #444444;
scrollbar-darkshadow-color: #ffff00;
scrollbar-base-color: #000000;
}
a:link {
color: #00ffff;
}
a:visited {
color: #ffffff;
}
a:hover {
color: #7cfc00;
}
a:active {
color: #008000;
}
a.dalej {
font-size: 6pt;
color: #ffff00;
}
a.dalej:hover {
color: #7cfc00;
}
div#strona {
margin: auto;
border: 0px;
width: 1000px;
color: #ffff00;
font-family: Arial Black, Arial, sans-serif;
}
/*
 < / G Ł Ó W N E >

 < B A N E R >
*/
div#logo {
position: relative;
height: 250px;
width: 1000px;
background-image: url('../Graf/lato1.jpg');
margin: 0px 0px 5px 0px;
}
div#logo img {
position: absolute;
top: 0px;
right: 0px;
}
div#logo img#wstazka {
position: absolute;
top: 50px;
right: 0px;
}
div#logo p.jeden, div#logo p.dwa, div#logo p.trzy {
margin: 0;
position: absolute;
right: 50px;
padding: 2px;
padding-right: 10px;
text-align: right;
font-size: 10px;
background-color: #000000;
}
div#logo p.jeden {
top: 0px;
}
div#logo p.dwa {
top: 15px;
}
div#logo p.trzy {
top: 30px;
}
/*
 < / B A N E R >

 < M E N I   GŁ>
*/
div#meni {
text-align: center;
}
div#meni_kontener {
text-align: center;
margin: auto;
width: 934px;
height: 20px;
background-color: #444444;
position: relative;
}
div#meni ul.meni li {
padding: 2px 0px;
}
div#meni ul.meni, div#meni ul.meni li, div#meni ul.meni li ul {
list-style-type: none;
}
div#meni ul.meni li {
font-family: "Arial Black", "Arial", sans-serif;
color: #ffff00;
font-size: 12px;
display: block;
position: relative;
text-align: center;
float: left;
height: 18px;
width: 140px;
}
div#meni ul.meni li span.meni {
padding-left: 2px;
padding-right: 2px;
color: #000000;
background-image:url('../Graf/n.png');
background-repeat:repeat-x;
}
div#meni ul.meni li span.meni:hover {
padding-left: 2px;
padding-right: 2px;
color: #ffff00;
background-image:url('../Graf/m.png');
background-repeat:repeat-x;
}
div#meni ul.meni li a {
padding-left: 5px;
padding-right: 5px;
text-decoration: none;
}
div#meni ul.meni li a:link {
color: #000000;
background-image:url('../Graf/n.png');
background-repeat:repeat-x;
}
div#meni ul.meni li a:visited {
color: #444444;
background-image:url('../Graf/n.png');
background-repeat:repeat-x;
}
div#meni ul.meni li a:hover {
color: #ffff00;
background-image:url('../Graf/m.png');
background-repeat:repeat-x;
}
div#meni ul.meni li a:active {
color: #008000;
background-image:url('../Graf/m.png');
background-repeat:repeat-x;
}
div#meni ul.meni li ul {
left: 0px;
top: 1px;
display: none;
position: relative;
width: inherit;
margin: auto;
z-index: 2;
background-color: #444444;
}
div#meni ul.meni li ul li {
text-align: center;
width: inherit;
height: auto;
background-color: #444444;
}
/*
<do poziomego />
*/
.meni_poziome {
width: 934px;
}
.meni_poziome li, .meni_poziome ul li {
display: inline-block;
}
.meni_poziome ul li {
display: block;
}
.meni_poziome li ul {
position: relative;
left: -3px;
top: 3px;
}
.meni_poziome li ul ul {
position: relative;
left: 163px;
top: -19px;
}
/*
 < / M E N I   GŁ>

 < M E N I   STR >
*/
.meni_str li a:link {
color: #00ffff;
}
.meni_str li a:visited {
color: #ffffff;
}
.meni_str li a:hover {
color: #7cfc00;
}
.meni_str li a:active {
color: #008000;
}
.meni_str li {
padding: 2px 0px;
}
.meni_str, .meni_str li, .meni_str li ul {
list-style-type: none;
}
.meni_str {
display: inline-block;
}
.meni_str li {
position: relative;
display: block;
text-align: center;
}
.meni_str li ul {
left: 0px;
top: 1.5em;
border: 2px solid #ffff00;
display: none;
position: absolute;
width: inherit;
z-index: 2;
background-color: #444444;
}
.meni_str li ul li {
text-align: center;
width: inherit;
padding: 2px 10px;
background-color: #444444;
}
.meni_str li ul li:hover {
background-color: #000000;
}
/*
 < / M E N I   STR>

 < W I T A M >
*/
div#krzyz {
display: table;
height: 350px;
margin: 5px 15px;
font-size: 35px;
text-align: center;
height: 110px;
width: 720px;
float: right;
}
div#krzyz2 {
display: table-cell;
vertical-align: middle;
}
div#krzyz2 p a {
color: #ffff00;
text-decoration: none;
}
div#krzyz2 p a img {
border: 0px;
position: relative;
height: 64px;
width: 112px;
vertical-align: middle;
}
div#diwzegara {
float: right;
width: 220px;
}
div#zegar {
margin: 5px auto;
position: relative;
width: 130px;
height: 130px;
}
.wskazowka {
display: none;
position: absolute;
}
div#witam {
height: 30px;
overflow: auto;
padding: 5px;
}
div#witam p#srodek {
left: 0px;
top: 0px;
color: #ffff00;
position: relative;
font-size: 17px;
text-align: center;
background-color: transparent;
}
div#witam p#tresc {
color: #bbbbbb;
left: 0px;
top: 35px;
font-size: 15px;
text-align: center;
position: relative;
background-color: transparent;
}
div#witam p#prawy {
font-size: 15px;
left: 0px;
text-align: right;
color: #ffff00;
position: relative;
background-color: transparent;
}
/*
 < / W I T A M >

 < G A L Główna >
*/
div#galeria {
margin: 5px 0px;
height: 110px;
width: inherit;
border-style: outset;
border-width: 20px;
border-color: #444444;
padding-left: 5px;
}
div#galeria_kontener {
position: relative;
width: 955px;
}
div#galeria div.fotki {
width: 120px;
float: left;
padding: 11px;
padding: 11px 8px;
}
div#galeria div.fotki p {
text-align: center;
height: 90px;
vertical-align: middle;
}
div#galeria div.fotki p a img {
vertical-align: middle;
}
p#nagloweklosowy {
border: solid 2px #ffff00;
color: #ffff00;
padding: 2px;
background-color: #000000;
position: absolute;
top: 7px;
left: 7px;
width: 280px;
font-size: 10px;
z-index: 2;
text-align: center;
}
div#ostatnie {
margin: 5px 0px;
height: 224px;
width: inherit;
border-style: outset;
border-width: 20px;
border-color: #444444;
padding-left: 5px;
}
div#ostatnie_kontener {
position: relative;
width: 955px;
}
div#ostatnie div.fotki {
width: 120px;
float: left;
padding: 11px 8px;
}
div#ostatnie div.fotki p {
text-align: center;
height: 90px;
}
div#ostatnie div.fotki p a img {
vertical-align: middle;
margin: auto;
}
p#naglowekostatnich {
border: solid 2px #ffff00;
color: #ffff00;
padding: 2px;
background-color: #000000;
position: absolute;
top: 7px;
left: 7px;
width: 370px;
font-size: 10px;
z-index: 2;
text-align: center;
}

/*
 < / G A L Główna >

 < F O T O G R A F I A >
*/
span.ng {
background-color: #000000;
}
div#komenty {
width: 1000px;
margin: 0 auto;
}
div#komenty p {
margin: 0;
padding: 0;
}
div#komenty .lewa, div#komenty .srodek, div#komenty .prawa {
display: inline-block;
vertical-align: middle;
}
div#komenty .lewa {
width: 100px;
}
div#komenty .srodek {
border-width: 2px;
border-style: solid;
border-color: #ffff00;
width: 726px;
margin: 5px;
padding: 5px;
}
div#komenty .prawa {
width: 150px;
}
div#uzytkownicy {
width: 1000px;
margin: 10px auto;
}
div#uzytkownicy #dodKomentarza, div#uzytkownicy #logowanie {
display: inline-block;
vertical-align: middle;
}
div#uzytkownicy #dodKomentarza {
width: 350px;
}
div#uzytkownicy #logowanie {
width: 650px;
}
div#uzytkownicy #dodKomentarza textarea {
min-height: 60px;
width: 80%;
max-width: 600px;
}
#kontenermapy {
width: 100%;
text-align: center;
}
#kontenermapy #mapa {
width: 800px;
height: 600px;
margin: auto;
}

/*
 < / F O T O G R A F I A >

 < P R O F I L >
*/

#uzytkownik {
text-align: center;
}
#uzytkownik .dlugiinp {
width: 200pt;
}
#uzytkownik .lewa, #uzytkownik .prawa {
display: inline-block;
width: 48%;
min-width: 480px;
padding: 1%;
vertical-align: middle;
}
#uzytkownik .lewa {
text-align: right;
}
#uzytkownik .prawa {
text-align: left;
}

/*
 < / P R O F I L >

 < W Y S Z U K A J >
*/

.wierszFoty {
width: 100%;
margin-top: 48pt;
margin-bottom: 48pt;
}
.wierszFoty p {
margin: 0;
padding: 1;
}
.lewastrFoty, .srodekstrFoty, .prawastrFoty {
display: inline-block;
vertical-align: middle;
}
.lewastrFoty {
width: 20%;
min-width: 200px;
}
.lewastrFoty .pwidok {
display: none;
position: absolute;
top: 5%;
right: 15%;
cursor: pointer;
}
.lewastrFoty .fotka {
position: relative;
}
.lewastrFoty img {
vertical-align: middle;
}
.lewastrFoty p.koment {
font-size: 7pt;
margin: 0pt;
padding: 0pt;
}
.srodekstrFoty {
width: 60%;
min-width: 600px;
}
.prawastrFoty {
width: 20%;
min-width: 200px;
}
.nawigacja {
min-width: 1000px;
width: 100%;
margin: 48pt auto;
text-align: center;
}
.nawigacja .poprzednie, .nawigacja .srodkowe, .nawigacja .nastepne {
display: inline-block;
vertical-align: middle;
}
.nawigacja .poprzednie, .nawigacja .nastepne {
width: 30%;
min-width: 300px;
}
.nawigacja .srodkowe {
width: 40%;
min-width: 400px;
display: inline-block;
}

/* Komentarze */

#komentarze {
min-width: 1000px;
max-width: 90%;
width: auto;
margin: 0 auto;
text-align: center;
}
#komentarze .fotaikom, #komentarze .fota, #komentarze .komentarz {
display: inline-block;
}
#komentarze .fotaikom {
min-width: 330px;
width: 33%;
height: 150px;
}
#komentarze .fota {
min-width: 130px;
width: 40%;
height: inherit;
}
#komentarze .komentarz {
min-width: 200px;
width: 60%;
}
#komentarze .komdane {
text-align: left;
}
#komentarze .komtresc {
width: auto;
text-align: justify;
font-family: Arial, sans-serif;
font-size: 8pt;
padding: 10px;
height: 50px;
overflow: auto;
border: 2px outset #ffff00;
}
#komentarze .kompodpis {
text-align: right;
}
#komentarze img {
margin: auto;
}

/*
 < / W Y S Z U K A J >

 < S T O P K A >
*/
div#stopka {
font-size: 8px;
clear: both;
text-align: center;
}
p.kopiowanie {
margin-bottom: 5px;
color: #888888;
}
p.kopiowanie span {
margin-bottom: 5px;
color: #ffff00;
}
/*
 < / S T O P K A >
*/