/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100.01%; text-align: left; background-color: transparent; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
acronym, abbr { cursor: help; }
img { vertical-align: middle; }
sub { vertical-align: bottom; }
sup { vertical-align: top; }
address, em { font-style: normal }
body, input, textarea, select, option, optgroup, button { font-family: Tahoma, Arial, sans-serif; }
body { font-size: 62.5% !important; }
/* Linki */
a, a:visited { text-decoration: none; }
/* Formularze */
legend { display: none; }
input, button, select, textarea { font-size: 1em; border: none; }
input.button_ie, button { overflow: visible } /* For IE */
input, textarea, select, option, optgroup, button { font-size: 1em; }
button { cursor: pointer; }
input.field,
#container form ul li.item input,
select,
textarea { border-width: 1px; border-style: solid; border-color: #c1c5c6 #c1c5c6 #e3e3e3 #e3e3e3; padding: 4px 2px; background: #ebebeb; width: 95%; }
/* Tabele */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, tr { text-align: left; vertical-align: top; font-weight: normal; }
/* Listy */
ul, ol, dir, menu { list-style: none; line-height: 1em; }
/* LAYOUT */
body { background: #313131 url(/static/img/body.jpg) repeat-x left top; }
#wrapper { width: 959px; margin: 0 auto; }
/* Header */
#header { margin-top: 6px; background-color: #fff; background-repeat: no-repeat; background-position: left top; padding: 0 18px; height: 462px; position: relative; }
#header h1 { width: 255px; height: 88px; padding-top: 3px; }
#header h1 a { display: block; height: 100%; background: url(/static/img/logo.gif) no-repeat 0 50%; text-indent: -9999px; outline: none; }
#header p.patrol-info { width: 566px; height: 62px; position: absolute; top: 9px; right: 20px; text-align: right; font-size: 16px; color: #9b9b9b; background: url(/static/img/patrol-info.png) no-repeat 0 0; }
#header p.patrol-info em { font-size: 1.17em; color: #fff; }
#header p.patrol-info strong { font-size: 1.5em; color: #89bb41; }
#header p.patrol-info strong span { font-size: .8em; font-weight: normal; }
#header a.lang {position: absolute; bottom: 27px; right: 30px; padding-right: 35px; font-size: 16px; color: #969696; text-decoration: none; }
#header a.en { background: url(/static/img/en.gif) no-repeat 100% 50% }
#header .fb_edge_widget_with_comment { position: absolute; top: 48px; left: 260px; }
/* NEWS */
#header .news { width: 720px; height: 29px; position: absolute; left: 30px; bottom: 22px; overflow: hidden; }
#header .news p { font-size: 18px; color: #da1d52; font-weight: bold; line-height: 29px; }
#header .news ul { position: absolute; left: 70px; top: 0; }
#header .news ul li { height: 29px; line-height: 29px; }
#header .news ul li a { font-size: 14px; color: #4b4b4b; text-decoration: none; }
/* Wirtualna toaleta */
#header p.patrol-info { color: #9f9f9f; font-size: 1.5em; }
#header p.patrol-info a { padding: 0 0 0 22px; display: block; text-align: left; height: 62px; line-height: 56px; color: #9f9f9f; }
#header p.patrol-info a span { display: none; }
#header a.watch-movie { display: block; width: 173px; height: 53px; text-indent: -9999px; position: absolute; top: 342px; left: 36px; background: url(/static/img/watch_movie.png) no-repeat center; outline: none }
#header p.patrol-join { position: absolute; top: 68px; right: -29px; width: 431px; height: 386px; z-index: 100; background: url(/static/img/patrol_join.png) no-repeat center; text-indent: -9999px; }
#header a.patrol-join { display: block; width: 238px; height: 111px; text-indent: -9999px; position: absolute; top: 83px; right: 5px; z-index: 150; outline: none; background: url(/static/img/check_toilet.png) no-repeat center; }
/* Liczniki */
#header .counter { width: 97px; height: 52px; padding: 7px 0 0 143px; position: absolute; top: 340px; background-repeat: no-repeat; background-image: url(/static/img/counters.png) }
#header .counter.euro { left: 30px; background-position: 0 0; }
#header .counter.toilets { right: 30px; background-position: 0 -69px; }
#header .counter ul.digits { overflow: hidden; padding: 7px 0 0 143px; }
#header .counter ul.digits li { float: left; width: 21px; height: 31px; background-repeat: no-repeat; background-image: url(/static/img/digits.png); text-indent: -9999px; }
#header .counter ul.digits li.d0 { background-position: 0 0; }
#header .counter ul.digits li.d1 { background-position: 0 -41px; }
#header .counter ul.digits li.d2 { background-position: 0 -82px; }
#header .counter ul.digits li.d3 { background-position: 0 -123px; }
#header .counter ul.digits li.d4 { background-position: 0 -164px; }
#header .counter ul.digits li.d5 { background-position: 0 -205px; }
#header .counter ul.digits li.d6 { background-position: 0 -246px; }
#header .counter ul.digits li.d7 { background-position: 0 -287px; }
#header .counter ul.digits li.d8 { background-position: 0 -328px; }
#header .counter ul.digits li.d9 { background-position: 0 -369px; }
/* Menu */
#menu { height: 63px; position: absolute; left: 18px; top: 94px; width: 916px; z-index: 120; }
#menu li { height: 63px; width: 97px; float: left; background: url(/static/img/menu_separator.gif) no-repeat right center; }
#menu li.last { background: none; }
#menu li a { display: block; width: 97px; float: left; line-height: 1.3em; padding-top: 19px; height: 44px; text-align: center; text-transform: uppercase; color: #434343; font-size: 1.1em; }
#menu li.single_line a { padding-top: 25px; height: 38px; }
#menu li a:hover,
#menu li a.active { color: #d9004d; }
/* Container i content */
#container { background-color: #fff; padding: 18px 25px; padding-top: 0; *zoom: 1; }
.content,
.aside { width: 444px; }
.content { float: left; }
.aside { float: right; }
.clear { width: 100%; clear: both }
/* Footer */
.banners { background: url(/static/img/footer.png) no-repeat 0 0; padding: 14px 0 6px; }
.banners ul { background: url(/static/img/banner_bottom.gif) no-repeat 0 0; overflow: hidden; height: 44px; }
.banners ul li { float: left; font-size: 18px; color: #da1c51; height: 44px; line-height: 40px; }
.banners ul li.desc { width: 500px; padding-left: 20px; }
.banners ul li a { display: block; height: 44px; padding: 0 30px; background: url(/static/img/banner_arrows.gif) no-repeat 0 11px; color: #da1c51; }
.banners ul li a.e2010 { padding-right: 0; }
#footer { background: url(/static/img/footer.png) no-repeat left -471px; height: 48px; overflow: hidden; padding: 20px 0 0; }
#footer p { float: right; color: #909090; margin-right: 19px; }
#footer p img { padding-left: 15px; }
#footer ul.menu { float: left; padding: 5px 0; margin-left: 19px; }
#footer ul.menu li { display: inline; }
#footer ul.menu li a { color: #979797; padding: 2px 5px 2px 2px }
#footer ul.menu li a:hover { color: #bbb; }
#footer ul.menu li a.active { text-decoration: underline }
#footer ul.menu li a.previous { color: #fefefe; }