/* Author: Leszek Krolikowski - http://lymorn.com/ Project: Dworzyński - http:// For: Szymaszkiewicz Informatics - http://szymaszkiewicz.com/ */ /* ---------- MAINPAGE ----------- */ #content {width: 628px; float: left; margin: 0 0 0 28px; padding: 12px; font-size: 1.2em; background: url("../gfx/bg_content.gif") repeat 0 0;} #content .noborder {border: none;} #content .nobg {background: none;} #content ul, #content ol {padding: 1.6363em 0;} #content li {line-height: 1.6363em;} #content ol li {margin-left: 1.6363em; list-style: decimal;} #content ul li {margin-left: 0; padding-left: 1.6363em; background: url("../gfx/bg_li.gif") no-repeat 0.0909em 0.5454em; clear: both;} #content .box.news {width: 400px; padding: 72px 12px 24px 240px; margin: -12px; background: url("../gfx/bg_news.gif") no-repeat 0 0; overflow: hidden; height: 100%;} #content .box.news a.image {display: block; width: 212px; margin: -60px 0 0 -228px; float: left; border: 2px solid #fff; text-decoration: none; text-align: center; overflow: hidden;} #content .box.news a.image img {vertical-align: bottom; margin: auto; border: none;} #content .box.news a.image span {display: block; clear: both; border-top: 3px solid #8DC556; background: #A3CC7F; padding: 6px; color: #fff;} #content .box.news h3 {margin-top: 0;} #content .box.news p {margin: 0;} .column50.news {padding: 12px 12px 12px 166px; width: 148px;} .column50.news img {margin: 0 0 0 -154px; float: left; border: 2px solid #2A2B2A;} .column50.news h3 {padding: 0; margin: 0;} .column50.news p {padding: 0; margin: 0.5em 0 0;} .gallery_b {margin-left: 40px; width: 550px; height: 120px; border: 0px solid black;} .gallery_b a {display: block; width: 111px; height: 65px; float: left; margin: 0 0 0px; 0; border-left: 3px solid #35b44b; margin: 10px;} .gallery_b a:hover {} .gallery_b img {width: 111px; height: 65px; border: none;} /* ---------- SIDEBAR ----------- */ #sidebar {width: 192px; margin: 0 20px 0 0; float: right; font-size: 1.2em;} #sidebar h3 {font-size: 1.1666em; margin: 0.8571em 0 0;} #sidebar h6 {background: url("../gfx/bg_h6.gif") no-repeat 0 100%; padding: 0 10px; margin: 0; text-align: right; text-transform: lowercase; letter-spacing: 0.3333em; color: #7A7C7C;} #sidebar h6 span {position: relative; top: 4px;} #sidebar p {margin: 0.5em 0 1em;} #sidebar .box {background: url("../gfx/bg_sb_bottom.gif") no-repeat 0 100%; padding: 0 0 8px; margin: 0 0 3em;} #sidebar .bg-box {background: url("../gfx/bg_sb.gif") repeat 0 0; overflow: hidden; height: 100%; padding: 4px 12px 0;} #sidebar .box.gallery p {margin: 1em 0 0.5em;} /* ---------- TOP AREA ---------- */ #top_area {margin-bottom: -5px;} #header {width: 901px; height: 205px; position: absolute; left: 0; top: 61px; background: url("../gfx/top.jpg") no-repeat 0 0;} #header h1 {width: 269px; height: 130px; padding: 35px 0 0 25px;} #header h1 a {width: 269px; height: 130px; display: block;} #header h1 span {display: none;} #language {width: 880px; margin: 20px 0px 0px 0px; text-align: right; vertical-align: bottom;} #language a {font-size: 13px; margin: 0px 5px 0px 0px; color: #5f6160; text-decoration: none; letter-spacing: 0.1em;} #language a.cu {font-size: 13px; margin: 0px 5px 0px 0px; color: #000000; text-decoration: none; letter-spacing: 0.1em;} #navigation {float: right; text-align: right; margin: 36px 0 0;} #navigation ul {margin: 0 0 0 6px; background: url("../gfx/bg_navigation.gif") no-repeat 0 0;} #navigation li {display: inline; padding: 0; margin: 0; } #navigation li.e1 a {background: url("../gfx/bg_navigation.gif") no-repeat 0 0;width: 68px;} #navigation li.e2 a {background: url("../gfx/bg_navigation.gif") no-repeat -96px 0;width: 53px;} #navigation li.e3 a {background: url("../gfx/bg_navigation.gif") no-repeat -175px 0;width: 55px;} #navigation li.e4 a {background: url("../gfx/bg_navigation.gif") no-repeat -258px 0;width: 60px;} #navigation li.e5 a {background: url("../gfx/bg_navigation.gif") no-repeat -351px 0;width: 47px;} #navigation li.e6 a {background: url("../gfx/bg_navigation.gif") no-repeat -430px 0;width: 76px;} #navigation a {display: block; float: left; color: #000; height: 14px; margin: 0 30px 0 0;} #navigation a:hover {text-decoration: none; color: #F4882A;} #navigation .current a {color: #F4882A;} #navigation span {display: none;} #mnavigation {width: 870px; text-align: right; padding: 35px 20px 10px 20px;} #mnavigation a {font-size: 14px; margin: 0px 30px 0px 0px; color: #5f6160; text-decoration: none; letter-spacing: 0.1em;} #mnavigation a.cu {font-size: 14px; margin: 0px 30px 0px 0px; color: #000000; text-decoration: none; letter-spacing: 0.1em;} #subnavigation {width: 820px; border-bottom: 3px solid #4cb343; text-align: left; padding: 0px 40px 10px 40px; margin-bottom: 10px;} #subnavigation a {font-size: 13px; margin: 0px 30px 0px 0px; color: #5f6160; text-decoration: none; letter-spacing: 0.1em;} #subnavigation a.cu {font-size: 13px; margin: 0px 30px 0px 0px; color: #000000; text-decoration: none; letter-spacing: 0.1em;} /* ---------- BOTTOM AREA --------- */ #footer {overflow: hidden; height: 100%; padding: 0 0 5em;} #footer a {color: #515352; white-space: nowrap;} #footer p {color: #515352; padding: 0; margin: 0; font-size: 1.1em; line-height: 1em;} #footer p.szymaszkiewicz {clear: both; padding: 2em 18px; text-align: right;} #footer p.copyrights {float: left; width: 651px; padding: 0 0 0 18px; line-height: 43px; text-align: center;} /* ---------- GLOBAL ----------- */ h2, h3, h4, h5, h6 {clear: none; color: #3C3C3C;} h2 a, h3 a, h4 a, h5 a, h6 a {color: #3C3C3C;} h2 span, h3 span, h4 span, h5 span, h6 span {} h1 {margin: 0 0 0.5157em 0; font-size: 1.5em; font-weight: normal;} h2 {margin: 1.547em 0 0.5157em 0; font-size: 1.5em; font-weight: normal;} h3 {margin: 1.547em 0 0.5157em 0; font-size: 1.3333em;} h4 {margin: 1.7679em 0 0.5893em 0; font-size: 1.1666em;} h5 {margin: 2.0625em 0 0.6875em 0; font-size: 1.0833em;} h6 {margin: 2.25em 0 0.75em 0; font-size: 1.25em; font-weight: normal;} p {margin: 2.25em 0 0.75em 0; font-size: 1em; line-height: 1.5em; text-align: justify;} img {border: none;} img.alignleft {margin: 0.18em 1.6363em 0.54em 0;} img.alignright {margin: 0.18em 0 0.54em 1.6363em;} img.aligncenter {margin: 1em auto;} .alignleft {float: left !important; clear: left;} .alignright {float: right !important; clear: right;} .aligncenter {float: none !important; clear: both; margin: 0 auto; display: block;} ul, li {list-style: none;} a {color: #000; 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;} .highlight {color: #f0f0f0;} a.more {padding: 1em 30px 1em 0; height: 24px; line-height: 24px; background: url("../gfx/bg_more.gif") no-repeat 100% 50%;} hr {border: 1px solid #F1F2F3;} div.clearfix {clear: both; height: 0; overflow: hidden; line-height: 0;} /* Columns */ .columns {overflow: hidden; height: 100%; clear: both; margin: 0 -12px;} .columns div, .columns p {float: left; clear: right;padding: 0 12px;} .columns div p, .columns div div{margin: 0; padding: 0; float: none;} .column50 {width: 302px;} /* FORMS */ label {font-weight: bold;} label.radio {float: left; margin-left: 2.2em;} label.checkbox {float: left; margin-left: 2.2em;} input.text, input.password, select, textarea {padding: 4px 8px; clear: both; background: #1F1F1F url("../gfx/bg_input.gif") no-repeat 0 0; border: 1px solid #404040; font-size: 1em; font-family: tahoma; color: #A5A5A5;} select {} option {margin: 0.2em 0; padding: 0 9px; background: #fff;} textarea {height: 6em; clear: right;} input.submit, input.reset {color: #DB0735; cursor: pointer; border: none; font-size: 1em;} input.submit {height: 24px; padding: 0 30px 2px 0; margin: 1em 0 0; background: url("../gfx/bg_more.gif") no-repeat 100% 50%;} 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 {padding: 1em 30px 1em 0; height: 24px; line-height: 24px; background: url("../gfx/bg_more.gif") no-repeat 100% 50%; color: #DB0735;} a.button span {white-space: nowrap; cursor: pointer;} /* ---------- MAIN BLOCKS ---------- */ * {margin: 0px; padding: 0px;} body {background: #fefefe url("../gfx/bg.gif") repeat-x 50% 0; font: 10px Tahoma, Verdana, Geneva, "Trebuchet MS", Trebuchet, Arial, Helvativa, sans-serif; color: #5F6161;} #whole {width: 901px; margin: 2px auto; clear: both; background: #d7dadc url("../gfx/bg_middle.gif") repeat-y 0 0;} #top_area {clear: both; height: 285px; background: url("../gfx/bg_top.gif") no-repeat 0 0; position: relative;} #middle_area {clear: both; overflow: hidden; height: 100%;} #bottom_area {clear: both; background: #fefefe url("../gfx/bg_bottom.gif") no-repeat 0 0;} /* ---------- IMAGE ZOOM ---------- */ #image_zoom {position: absolute; top: 20px; left: 0; z-index: 100; width: 100%; height: 100%; display: table;} #image_zoom_bg {position: fixed; top: 0; left: 0; z-index: 90; float: left; width: 100%; height: 100%; background: #000; filter: alpha(opacity=85); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;} #iz_window {display: table-cell; vertical-align: middle; text-align: center;} #iz_inner {width: 98%; margin: 1em auto;} /* FORMS */ label.radio {float: left; margin-left: 2.2em;} label.checkbox {float: left; margin-left: 2.2em;} input.text, input.password, select, textarea {padding: 5px; clear: both; background: white; border: 1px solid gray; font-size: 1.1em; font-family: tahoma; color: #7E8389;} select {} option {margin: 0.2em 0; padding: 0 9px; background: #fff;} textarea {height: 6em;} input.submit {cursor: pointer; width: 200px; height: 30px; text-align: center; color: black; border: 0px solid gray; background: none;} 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;} form {margin-bottom: 1.6363em;} form p {overflow: hidden; clear: both; height: 100%; white-space: nowrap; margin-bottom: 0px;} form p.col {width: 204px; float: left; clear: none; margin-bottom: 30px;} form p.col.r {margin-bottom: 30px; margin-left: 23px;} form p.textarea {} form label {display: block; padding: 3px 11px 0 0;} form input.text {width: 413px; float: left; clear: right;} form input.short {width: 186px;} form select {width: 431px; float: left; clear: right;} form select.short {width: 204px;} form textarea {width: 413px; height: 12em; float: left; clear: right;}