/* Author: Leszek Krolikowski - http://lymorn.com Project: Arena Bałtycka - http:// For: Profabrica - http://profabrika.pl */ /* ---------- MAINPAGE ----------- */ #content {width: 567px; padding: 0 9px 0 14px; background: #F9F7F1; position: relative; font-size: 1.1em; min-height: 539px;padding-top:5px;} #content div.bg {position: absolute; top: 0; left: 590px; bottom: 0; width: 1000%; background: #F9F7F1;} /*#content p {overflow: hidden; height: 100%;}*/ #content .topbutton a { color:#F8B332; } #content .topbutton a:hover { color:#000;text-decoration:none; } #content ul, #content ol {margin: 0.5em 0 1.5em 0;} #content li {margin-bottom: 0.5em;} #content ol li {margin-left: 2em; list-style: decimal;} #content ul li {margin-left: 0; padding-left: 2em; background: url("../gfx/bg_li.gif") no-repeat 0.44em 0.44em; height: 100%;} #content ul.gallery {width: 576px; padding: 0; margin: 0 -5px 1em -4px; overflow: hidden; height: 100%;} #content ul.gallery li {width: 144px; height: 85px; display: block; float: left; list-style: none; margin: 0; padding: 0 0 0.5em; background: url("../gfx/bg_gallery.gif") no-repeat 0 0;} #content ul.gallery a {display: block; float: left; padding: 5px 0 0 7px; overflow:hidden; height:71px;} #content ul.gallery img {width: 130px; } #options {color: #FF8600; float: right; font-size: 10px;} #options img {margin: 0 0.2em; vertical-align: bottom;} #path {width: 567px; padding: 1em 9px 1em 14px; color: #757774; font-weight: normal; font-family: arial; background: url("/gfx/bg_70_black.png") repeat 0 0; position: relative;} #path div.bg {position: absolute; top: 0; left: 590px; bottom: 0; width: 1000%; background: url("/gfx/bg_70_black.png") repeat 0 0;} #path a {color: #928E8F; white-space: nowrap;} #path a.current {color: #F8B332;font-weight:bold;} form.contact {margin-bottom: 1.5em;} form.contact h3 {margin-left: 23.2%; padding: 0.647em 0 1.294em 0;} form.contact p {overflow: hidden; height: 100%; white-space: nowrap;} form.contact label {width: 20%; float: left; display: block; text-align: right; padding: 6px 9px;} form.contact input.text {width: 73%; float: left; clear: right;} form.contact input.short {width: 36%;} form.contact textarea {width: 73%; height: 12em; float: left; clear: right;} #bookmarks {width: 590px; margin: 0px -9px 0 -14px; color: #fff; position: relative; bottom: 5px; height:253px; } #bookmarks div.bg2 {position: relative; margin-left: -9px; float: left; width: 9px; height: 234px; background: url("../gfx/bg_bookmarks.png") no-repeat 0 0;} #bookmarks div.box { width: 83px; float: left; overflow: hidden; } #bookmarks div.box.current {width: 255px; padding-left: 86px;} #bookmarks div.box.current div.inner {width: 240px; display: block; float: left; padding-right: 13px;} #bookmarks div.box.current div.inner a {color:#fff;} #bookmarks div.box.current a.show {margin-left: -86px;} #bookmarks div.inner {display: none;} #bookmarks a.show {display: block; width: 80px; padding: 221px 0 0.50em; float: left; font-size: 1.63em; text-align: center; color: #fff; cursor: pointer;} #bookmarks #b1 a.show {background: url("../gfx/bm1.png") no-repeat 0 0;} #bookmarks #b2 a.show {background: url("../gfx/bm2.png") no-repeat 0 0;} #bookmarks #b3 a.show {background: url("../gfx/bm3.png") no-repeat 0 0;} #bookmarks #b4 a.show {background: url("../gfx/bm4.png") no-repeat 0 0;} #bookmarks a.more {float: right;} #bookmarks h3 {color: #fff; font-size: 1.9em; line-height: 0.78em; padding-left: 7px; margin-bottom: 1em;border-left: 6px solid #99C000;} #bookmarks h5 {padding: 0;} #bookmarks h5 a {padding: 0; color: #fff;} /* ---------- SIDEBAR ----------- */ #sidebar {position: absolute; top: 0; left: 50%; width: 360px; height: 661px; margin: 0 0 0 -475px;} /* ---------- TOP AREA ---------- */ #header {display: none;} #main_navigation {width: 564px; height: 32px; float: right; clear: both; padding: 0 13px; background: url("../gfx/bg_60_black.png") repeat 0 0; font-size: 1.1em; position: relative;} #main_navigation ul {padding-top: 10px;} #main_navigation li {display: inline; white-space: nowrap;} #main_navigation b {color: #fff; margin: 0 0.48em 0 0.31em; font-weight: normal;} #main_navigation a {color: #fff; text-transform: uppercase;} #main_navigation a:hover {text-decoration: none; color: #F8B332;} #main_navigation a.current {color: #F8B332; font-weight: bold;} #sub_navigation {width: 564px; height: 25px; float: right; clear: both; padding: 0 13px; clear: both; background: #323232; color: #979797; font-size: 1.1em; position: relative;} #sub_navigation p {float: left; padding: 5px 0.8em 0 0;} #sub_navigation ul {padding-top: 5px;} #sub_navigation li {display: inline; white-space: nowrap;} #sub_navigation b {color: #fff; margin: 0 0.8em 0 0.5em; font-weight: normal;} #sub_navigation a {color: #fff;} #sub_navigation a:hover {text-decoration: none;color: #F8B332;} #sub_navigation a.current {color: #F8B332;} #main_navigation div.bg {position: absolute; top: 0; left: 590px; width: 1000%; height: 32px; background: url("../gfx/bg_60_black.png") repeat 0 0;} #sub_navigation div.bg {position: absolute; top: 0; left: 590px; width: 1000%; height: 25px; background: #323232;} #top_area h2 {width: 570px; float: right; clear: both; padding: 12px 9px 6px 11px; color: #fff; font-weight: normal; font-size: 2.6em; font-family: arial; letter-spacing: 0.025em; position: relative;z-index: 10;} #top_area h2 u {position: absolute; bottom: 0; left: 0; z-index: -1; width: 1000%; height: 9px; margin-left: -9px; overflow: hidden; background: url("../gfx/bg_top.png") no-repeat 0 0;} #welcome {width: 564px; float: right; padding: 0 13px; background: url("../gfx/bg_60_black.png") repeat 0 0; font-size: 1.1em; position: relative; color: #fff;} #welcome h2 {width: auto; float: none; margin-left: 0; padding: 20px 0 0.423em; font-size: 2.40em; letter-spacing: -0.01em;} #welcome p {padding-bottom: 1.5em;} #welcome a.more {display: block; float: right; width: 11px; height: 7px; padding: 0; background: url("../gfx/arrow_down.gif") no-repeat 0 0 ; line-height: 0;} #welcome a.more span {display: none;} #welcome a { color:#fff } #flash_time {width: 590px; height: 96px; float: right; } #flash_content {width: 360px; height: 661px; float: right; position: relative; } /* ---------- BOTTOM AREA --------- */ #footer {width: 572px; padding: 0 9px 0 9px; margin-left: 360px;} #footer p {color: #898686; padding: 1.5em 0 2em; text-align: right;} #footer p.partners {float: right;} #footer p.partners img {vertical-align: middle; margin: -1em 0 -1em 2em;} #footer p.official {float: right; margin-right: 4em;} #footer p.official a {color: #fff;} #footer p.profabrica {color: #fff; position: absolute; top: 661px; left: 50%; margin-left: -466px;} #footer p.profabrica a {color: #fff;} #footer ul {float: right; overflow: hidden; height: 100%; padding-bottom: 1em; margin-right: -0.4em;} #footer li {display: block; float: left; margin: 0 1px 0 -1px; line-height: 1em; border-left: 1px solid #777777;} #footer ul a {margin: 0 0.5em; color: #777777;} /* ---------- GLOBAL ----------- */ h3 a, h4 a, h5 a, h6 a {color: #505050;} h3 {clear: both; font-size: 1.545em; font-weight: normal; margin: 0.588em 0; color: #8C8C8C;} h4 {font-size: 1.18em; font-weight: bold; margin: 1em 0 0.4em 0;} h5 {clear: both; font-size: 1em; font-weight: bold; padding: 1.5em 0 1em 0;} h5 span {color: #979797; font-weight: normal; margin-right: 0.15em;} h6 {font-size: 1em; font-weight: normal; text-transform: uppercase;margin-bottom: 0.5em;} h6 span {color: #7D7B7B; margin-left: 0.15em;} p {text-align: justify; line-height: 1.2em; padding-bottom: 1em;} p.question {padding: 0.5em 0 1.5em 0.4em; color: #282828;} img {border: none;} img.alignleft {margin: 0.15em 1em 0.35em 0;} img.alignright {margin: 0.15em 0 0.35em 1em;} img.aligncenter {clear: both; margin: 0.15em auto;} .alignleft {float: left !important;} .alignright {float: right !important;} ul, li {list-style: none;} a {color: #505050; text-decoration: none;} a:hover {text-decoration: underline;} .align-left {text-align: left !important;} .align-right {text-align: right !important;} .align-center {text-align: center !important;} .important {font-weight: bold !important; color: #e00000 !important;} .big {font-size: 1.5em;} a.more, a.back, a.top {padding-left: 15px; background: url("/gfx/bg_more.gif") no-repeat 0 50%; font-size: 0.81em; font-family: Arial; color: #7D7B7B; line-height: 3;} a.more:hover, a.back:hover, a.top:hover {padding-left: 15px; background: url("/gfx/bg_more-active.gif") no-repeat 0 50%; font-size: 0.81em; font-family: Arial; color: #7D7B7B; line-height: 3;} a.back {padding-left: 16px; line-height: 1; background-image: url("/gfx/arrow2_back.gif")} a.back:hover {padding-left: 16px; line-height: 1; background-image: url("/gfx/arrow2_back-active.gif")} a.top {padding-left: 16px; line-height: 1; background-image: url("/gfx/arrow2_top.gif")} div.cleaner, div.hr {clear: both; height: 0; overflow: hidden; line-height: 0;} div.hr {height: 1px; padding: 1em 0; background: url("../gfx/bg_hr.gif") no-repeat 0 50%;} /* FORMS */ label {color: #898989;} label.radio {float: left; margin-left: 2.2em;} label.checkbox {float: left; margin-left: 2.2em;} input.text, input.password, select, textarea {padding: 6px 9px; clear: both; background: #fff; border: 1px solid #D2D2D2; font-size: 1em; font-family: tahoma; color: #898989; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;} select {} option {margin: 0.2em 0; padding: 0 9px; background: #fff;} textarea {height: 6em;} input.text {} input.password {} input.submit, input.reset {cursor: pointer; width: 85px; height: 36px; padding: 0 0 4px 0; margin-right: 1em; font-size: 0.9em; color: #fff; text-align: center; border: none;} input.submit {background: url("../gfx/submit_bg.gif") no-repeat 0 0;} input.reset {background: url("../gfx/reset_bg.gif") no-repeat 0 0;} input.radio {width: auto; margin: 0.05em -1.5em 0 0; background: none !important; border: none !important; vertical-align: top; float: left;} input.checkbox {width: auto; margin: 0.05em -1.5em 0 0; background: none !important; border: none !important; vertical-align: top; float: left;} a.button {height: 30px; padding-left: 20px; display: block; float: left; background: url("../gfx/button_orange.gif") no-repeat 0 0; font-weight: bold; font-size: 0.9em; color: #fff; cursor: pointer; white-space: nowrap; text-transform: uppercase;} a.button span {height: 30px; padding: 7px 18px 0 0; display: block; float: left; background: url("../gfx/button_orange.gif") no-repeat 100% 0; white-space: nowrap; cursor: pointer;} a.button.red {background-image: url("../gfx/button_red.gif");} a.button.red span {background-image: url("../gfx/button_red.gif");} #contactForm input.text, textarea { width:300px; padding:3px; } div.horiz_line { background: url(../gfx/horiz_line2.gif) no-repeat 0 0; height:1px; } /* TABELA Z FLAGAMI W HISTORII UEFA ZAMIESZCZONA PRZEZ FCK */ #flagid td { vertical-align: top; } /* TABELA W DZIALE KONTAKT ZAMIESZCZONA PRZEZ FCK */ #kontaktTable td { vertical-align: top; } /* ---------- MAIN BLOCKS ---------- */ * {margin: 0px; padding: 0px;} html {background: #000 url("../gfx/bg.gif") repeat 50% 0;} #whole {width: 100%; clear: both; overflow: hidden; position: relative; min-height: 800px;} #top_area {width: 950px; margin: 0 auto; clear: both; } #middle_area {width: 590px; margin: 0 auto; clear: both; padding-left: 360px; background: url("../gfx/bg_middle.png") no-repeat 0 0;} #bottom_area {width: 950px; margin: 0 auto; clear: both;} html>/**/body #top_area, x:-moz-any-link, x:default {background-position: 350px 100%;} /* START */ .start #content {background: url("../gfx/bg_70_black.png") repeat 0 0; min-height: 0; margin: 0 0 0.5em;} .start #content div.bg {background: url("../gfx/bg_70_black.png") repeat 0 0;} .start #main_navigation {float: none;} .start #main_navigation ul {float: right;} .start #footer {width: auto; margin-left: 0;} .start #footer p.profabrica {position: static; float: left; margin-left: 0;} .start #top_area {height: auto; background: none;} .start #middle_area {background: none;} .start #bottom_area {position: absolute; top: 661px; left: 50%; margin-left: -475px;} html>/**/body.start #sidebar, x:-moz-any-link, x:default {margin-left: -476px;} @media all and (min-width: 0px) { #sidebar {left: auto; margin-left: -360px;} } .timeline_container { width:565px;text-align:center; } .timeline_container .line { background: url("../gfx/timeline/arrbg.gif") repeat-y; background-position: top center; } .timeline_container .line .budki { padding-top:35px; text-align:left; } .timeline_container .line .budki .oneBox_left { width:200px;text-align:left;padding:2px;margin:4px; padding-left:60px; text-align:right; margin-bottom:10px; margin-top:0; } .timeline_container .line .budki .oneBox_left .data { margin-left:102px; background-color:#01AEEF;color:#fff;padding:4px;width:90px;font-size:16px;font-weight:bold;text-align:center; } .timeline_container .line .budki .oneBox_left .data a,.timeline_container .line .budki .oneBox_right .data a { color:#fff; } .timeline_container .line .budki .oneBox_right { width:200px;text-align:left;padding:2px;margin:4px; padding-left:300px; margin-bottom:10px; margin-top:0; } .timeline_container .line .budki .oneBox_right .data { background-color:#01AEEF;color:#fff;padding:4px;width:90px;font-size:16px;font-weight:bold;text-align:center; }