html, body { height: 100%; width: 100%; margin: 0; padding: 0; }
body { background: #000 url(/img/bg.png) repeat-x; font: 12px arial; color: #bbb; line-height: 18px; }
h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; color: #ccc; text-shadow: 1px 1px 0 #000; font-weight: bold; }
h1 { font-size: 19px; font-weight: bold; padding:5px 0 15px 0;line-height: 24px; }
h2 { font-size: 17px; padding:5px 0 12px 0;line-height: 21px;}
h3 { font-size: 17px; padding:5px 0 10px 0;line-height: 21px; }
h4 { font-size: 16px; padding:5px 0 5px 0;line-height: 20px; }
h5 { font-size: 14px; padding: 0 0 5px 0; }
h6 { font-size: 12px; padding: 0 0 5px 0; }
a { color: #4becff; text-decoration: none; }
a:hover { color: #fff; }
a:active { color: #777; }
a:focus { outline: 1px; }
strong { font-weight: bold; color: #333; }
small { font-size: 0.85em; }
pre { font-family: monospace; }
p { padding: 5px 0 10px 0; line-height: 1.6em; }
#topbar { width: 1040px; height: 19px; margin: 0 auto; }
#page { width: 1040px; margin: 0 auto; background: #151515 url(/img/bg_page.png) no-repeat; position: relative; }
#top { width: 1040px; height: 87px; margin: 0 0 40px 0; }
#left { width: 188px; float: left; }
#center { width: 533px; float: left; background: #2e2e2e url(/img/center_bg.jpg) no-repeat top right; padding: 10px 15px 10px 16px; min-height: 300px; }
#right { width: 273px; float: left; padding: 0 0 0 15px; }
.clear { clear: both; content: " " }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#menu {padding-left:8px;}
#menu ul li a { color: #fff; display: block; height: 24px; line-height: 24px; padding-left: 5px; }
#menu ul li a:hover { background: #252525; }
#menu ul li.akt > a { color: #4becff; background: url(/img/menu_akt.png) repeat-y; display: block; height: 30px; line-height: 30px; }
#menu ul ul { margin: 0 0 0 10px; }
#menu ul ul li a { color: #828282; }
#logowanie { position: absolute; right: 0px; width: 348px; height: 69px; padding: 16px 0 0 0;}
#logowanie input[type=text], #logowanie input[type=password] { float: left; padding: 0 0 0 4px; margin: 0 6px 0 0; border: 0; color: #b7b7b7; font: normal 12px arial; width: 122px; height: 23px; background: #494949 url(/img/form/logowanie.png) no-repeat; }
#logowanie input[type=image] { float: left; }
#logowanie .fb_button .fb_button_text {padding-top:0;padding-bottom:0;}
#bc { margin: 6px 0 14px 0; }
/*podstrony*/
#center li {list-style:disc;margin-left: 30px;}
#center .zasoby_file {margin:0 0 0 40px;padding:0;}
#center.zasoby_images {margin:0 0 0 40px;padding:0;}
#center .zasoby_images img {margin:0 10px 10px 0;}
#center .zasoby_video {margin:0 0 0 40px;padding:0;}
table.std {width:100%;}
table.std tr:hover {background:#222;}
table.std td{padding:6px;border:0;border-right:1px solid #666;border-bottom:1px solid #666;}
table.std th{padding:6px;border:0;border-bottom:1px solid #666;background:#555;color:#ccc;}
a.wyloguj {color:#ffcd8d;}
/*podstrona kategorii*/
div.mecz { clear: both; padding: 20px 0 0 0; }
div.mecz h3 { color: #ccc; font: normal 14px arial; background: #3a3a3a url('/img/typ_tytul.png') repeat-x; padding: 10px; margin-right: 12px; }
div.grupaTypow { clear: both; height: 30px; }
div.grupaTypow h4 { font: normal 13px arial; color: #aaa; padding: 10px 0 5px 10px; }
a.typ_1 { display: block; float: left; width: 150px; height: 25px; padding: 9px 10px 0 10px; background: #222222; margin: 6px 7px 0 0; }
a.typ_1 span.typ_nazwa { color: #aaa; }
a.typ_1 span.kurs { color: #45e4f7; font-weight: bold; float: right; }
a.typ_1:hover, a.typ_1.akt { background: #45e4f7; color: #000; cursor: pointer; }
a.typ_1:hover span, a.typ_1.akt span { color: #000; }
div.grupaTypow select { background: #222; width: 250px; height: 34px; line-height: 34px; padding: 0px 1px 0 5px; color: #AAA; border: 1px solid black; border-right: 1px solid #444; border-bottom: 1px solid #444; }
div.grupaTypow select option { line-height: 34px }
#typyDnia_pkt { font-size: 22px; margin-top: 30px; }
#typyDnia_pkt span { color: #4BECFF; }
/*newsy*/
#center .news { margin: 20px 0 10px 0; }
#center .news p {margin-left:10px;}
#center .news h3 { color: #ccc; font: normal 14px arial; background: #3a3a3a url('/img/typ_tytul.png') repeat-x; padding: 10px; margin-right: 12px; }
#center .news h3 a {padding: 8px 0 8px 0;}
#center .news h3 span { font-size: 14px; color: #eee; }
#center .news img.zdjecie {float:left;margin:0 8px 4px 0;}
#center .strona_news img.zdjecie {margin:8px 0 0 20px;}
/*modul: kupon*/
#kupon { width: 225px; padding: 12px 8px 82px 8px; background: #434343 url(/img/bg_kupon.png) no-repeat; position: relative; }
#kupon .zdarzenie { margin: 0 0 0 0; border-bottom: 1px dotted #808080; padding: 6px 0 8px 0; position: relative; }
#kupon .zdarzenie span.kurs { font: bold 14px arial; color: #45e4f7; float: left; display: block; width: 45px; }
#kupon .zdarzenie p { font: normal 13px arial; color: #cdcdcd; float: left; margin: 0 0 0 8px; display: block; width: 150px; }
#kupon .zdarzenie p span { color: #9a9a9a; font-size: 12px; }
#kupon .zdarzenie a { position: absolute; right: 0px; bottom: 10px; display: block; width: 12px; height: 11px; background: url(/img/usun_zdarzenie.png) no-repeat; }
#kupon #wygrana { position: absolute; bottom:0px;color:#ffe745; }
#kupon #wygrana p {font-size:30px;family-font:arial;padding:0;margin:0;}
#kupon #wygrana p span {font-size:14px;}
#kupon #postawkupon { position: absolute; bottom: 10px; right: 40px; }
/*stronicowanie*/
div.str { clear: both; padding: 5px 0 5px 0px; min-height: 30px; display: block; }
div.str a, div.str span { background: #2e2e2e; border: 1px solid #818181; color: #888; font-size: 14px; padding: 7px 3px 0 3px; width: 30px; height: 23px; float: left; margin: 0 2px 0 0; text-align: center; }
div.str a.prev, div.str a.next { }
div.str span { background: none; }
div.str a.akt, div.str a.akt:hover { color: #000; background: #4becff; border-color: #4becff }
div.str a:hover { border: 1px solid #b3b3b3; }
/*formularze*/
form p { display: block; position: relative; clear: both; padding: 5px 0 5px 0; font-size: 13px; margin: 0 0 5px 0; min-height: 40px; }
form label { display: block; float: left; width: 180px; padding: 11px 5px 0 10px; clear: both; font: bold 10px Tahoma; text-transform: uppercase; color: #ccc; text-shadow: 2px 2px 0 #000; text-align: right }
form label.sublabel { font-weight: normal; clear: both; min-width: 100px; width: auto; margin-right: 20px; margin-left:190px; cursor: pointer; padding-top: 5px; text-align: left; }
form fieldset legend { font-weight: bold; margin-bottom: 10px; padding-top: 10px }
form p small { font-size: 11px; color: #777; font-weight: normal; }
form input.text-input,form select,form textarea { padding: 6px; font-size: 13px; background: #000; border: 1px solid #000; border-right: 1px solid #444; border-bottom: 1px solid #444; color: #eee }
form .small-input { width: 35% }
form .medium-input { width: 50% }
form .large-input { width: 94.5%; font-size: 16px !important; padding: 8px !important }
form textarea { width: 94.5%; font-family: Arial,Helvetica,sans-serif; }
form select { padding: 6px; font-size: 13px; background: #000; border: 0; color: #eee }
form input[type="checkbox"],form input[type="radio"] { padding: 0; background: none; border: 0 }
/*formularze - błędy*/
form p.error { background: #000; border-bottom: 3px solid #4BECFF; color: #4BECFF; padding-left: 3px; }
form p.error label { width: 177px; }
div.errorbox { clear: both; padding-bottom: 20px;border:0px solid #666;background: #000;padding:10px 10px 15px 10px;margin: 0 0 15px 0; }
div.errorbox h4 { color: #4BECFF; margin: 4px 0 8px 0; }
#errorList li { list-style:circle;list-style-position: inside;padding:0; }
#errorList li label { text-transform: none; font: normal 13px tahoma; line-height: 24px; color: #aaa;padding:0; }
#errorList label { display: inline; width: auto; float: none; color: #c02121; }
/*Komunikaty*/
.komunikat { position: relative; margin: 5px 0px 15px 0px; padding: 0; border: 1px solid; background-position: 10px 11px !important; background-repeat: no-repeat !important; font-size: 13px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.komunikat div { display: block; font-style: normal; padding: 10px 10px 10px 36px; line-height: 1.5em; }
.komunikat .close { color: #990000; font-size: 9px; position: absolute; right: 5px; top: 5px; }
.komunikat hr { border: 0; border-top: 1px dotted #999; }
.wazny { background: #fffbcc url('/img/admin/exclamation.png') 10px 11px no-repeat; border-color: #e6db55; color: #666452; }
.info { background: #dbe3ff url('/img/admin/information.png'); border-color: #a2b4ee; color: #585b66; }
.dobrze { background: #d5ffce url('/img/admin/tick_circle.png'); border-color: #9adf8f; color: #556652; }
.blad { background: #000 url('/img/admin/cross_circle.png'); border-color: #4BECFF; color: #a0f5ff; }
/*modul: kalendarz*/
.kalendarz {width:100%}
.kalendarz td {position: relative;}
.kalendarz td.akt {background: #777;position: relative;}
.kalendarz td div.szczegoly {position:absolute;bottom:20px;left:-125px;display:none;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.kalendarz td:hover div.szczegoly {display:block;width:265px;min-height:60px;padding:5px 5px 5px 8px;background:#fefdfd;color:#503107;-webkit-box-shadow:0 0 15px #a89a86;-moz-box-shadow:0 0 15px #a89a86;box-shadow:0 0 15px #a89a86}
.kalendarz td div.szczegoly a {color:#ab6200}
.kalendarz td div.szczegoly p {margin:0;font-size:13px;}
/*Reklamy*/
.rek { text-align: center; }
.rek.rek3 { width: 1040px; margin: 0 auto; }
/*Boksy*/
#right .boks {width:292px;margin:0 0 10px 8px;}
/*Mapa statyczna*/
div.mapa_Statyczna {position:relative;}
div.mapa_Statyczna div.punkt {position:absolute;}
div.mapa_Statyczna div.punkt:hover div.szczegoly {display:block;width:265px;min-height:60px;padding:5px 5px 5px 8px;background:#fefdfd;color:#503107;-webkit-box-shadow:0 0 15px #a89a86;-moz-box-shadow:0 0 15px #a89a86;box-shadow:0 0 15px #a89a86}
div.mapa_Statyczna div.punkt div.szczegoly {position:absolute;bottom:25px;left:-125px;display:none;-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
div.mapa_Statyczna div.punkt div.szczegoly a {color:#ab6200}
div.mapa_Statyczna div.punkt div.szczegoly p {margin:0;font-size:13px;}
/*Newsy*/
#right .blok_newsy {padding:10px 16px 5px 16px;margin: 0 0 10px 0;}
#right .blok_newsy.wazny {background:#c43a00;color:#fee5da;-khtml-border-radius: 6px;-moz-border-radius: 6px; -webkit-border-radius:6px; border-radius: 6px;}
#right .blok_newsy.wazny .news {margin:0 0 10px 0;}
#right .blok_newsy.wazny .news h3 {font-family:Georgia;background: transparent;font-size:17px;line-height:22px;color:#5d2007;text-shadow:none;padding:0 0 0 0;}
#right .blok_newsy.wazny .news h3 a {border: 0;color:#5d2007;}
#right .blok_newsy.wazny .news h3 a:hover {text-decoration: underline;}
#right .blok_newsy.wazny .news p {font-size:13px;line-height:18px;}
#right .blok_newsy.wazny .news a.wiecej {color:#291d18;font-size:12px;float:right;border:0;margin-top:8px;margin-right:6px;padding-right:8px;}
#right .blok_newsy.brazowy {background:#291d18;color:#fee5da;padding-bottom:15px; -khtml-border-radius: 6px;-moz-border-radius: 6px; -webkit-border-radius:6px; border-radius: 6px;}
#right .blok_newsy.brazowy .news {margin:0 0 10px 0;padding-bottom:5px; }
#right .blok_newsy.brazowy .news h3 {font-family:'PTSansRegular', Georgia;background: transparent;font-size:17px;line-height:22px;color:#e35215;text-shadow:none;padding:0 0 0 0;}
#right .blok_newsy.brazowy .news h3 a {border: 0;color:#e35215;}
#right .blok_newsy.brazowy .news h3 a:hover {text-decoration: underline;}
#right .blok_newsy.brazowy .news p {font-size:13px;line-height:18px;}
#right .blok_newsy.brazowy .news a.wiecej {color:#ec8f69;font-size:12px;float:right;border:0;margin-top:8px;margin-right:6px;padding-right:8px;}
#right .blok_newsy.brazowy .link_archwium {display: block;height:24px;padding:13px;margin:25px 0 0 0; background: #2e221d;color:#fee5da;font-weight:bold;font-size:13px; border: 0;text-align: center;}
#right .blok_newsy.brazowy .link_archwium:hover {color:#ed4700;background: #402e27;}
#right .blok_info {padding:10px 16px 5px 16px;margin: 0 0 10px 0;}
#right .blok_info {background:#997d71;color:#fee5da;-khtml-border-radius: 6px;-moz-border-radius: 6px; -webkit-border-radius:6px; border-radius: 6px;}
#right .blok_info h3 {color:#291d18;font-family:Georgia;background: transparent;font-size:17px;line-height:22px;text-shadow:none;padding:0 0 0 0;}
#right .blok_info h3 a {border: 0;color:#291d18;}
#right .blok_info p {font-size:13px;line-height:18px;}