/* Author: Leszek Krolikowski - http://lymorn.com Project: ProfiParkiet - http://profi-parkiet.pl For: Profabrica - http://profabrika.pl */ /* ---------- MAINPAGE ----------- */ #content {width: 565px; padding: 0 72px 0 36px; font-size: 1.1em; float: left;} #content img {border: 5px solid #F9F1E5; vertical-align: bottom; background: #E0D4C2;} #content .noborder {border: none;} #content .header {position: relative; bottom: 4.9090em;} #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.27em 0.6363em; height: 100%;} #content ul.gallery {width: 591px; padding: 0; margin: 1.6363em -13px; overflow: hidden; height: 100%;} #content ul.gallery li {width: 179px; display: block; float: left; list-style: none; margin: 0; padding: 9px; background: none; text-align: center;} #content ul.gallery li a div { border:4px solid #F9F1E5; overflow:hidden; width:146px; height:100px; margin:0 auto; text-align:center; } #content ul.gallery li.clearfix {width: 100%; height: 0; float: none; clear: both; margin: 0; padding: 0; background: none; line-height: 0; font-size: 0; overflow: hidden;} #content ul.gallery img {/*border-width: 4px; max-width: 171px;*/ border:none;} #content ul.gallery span {display: block; clear: both;} #content ul.gallery :hover span {text-decoration: underline;} form.contact {margin-bottom: 1.6363em;} form.contact h3 {margin-left: 128px;} form.contact p {overflow: hidden; height: 100%; white-space: nowrap; margin-bottom: 0.72em;} form.contact label {width: 116px; float: left; display: block; text-align: right; padding: 3px 11px 0 0;} form.contact input.text {width: 420px; float: left; clear: right;} form.contact input.short {width: 209px;} form.contact textarea {width: 420px; height: 12em; float: left; clear: right;} /* Columns */ .columns {overflow: hidden; height: 100%; margin-right: -1.6363em;} .columns div, .columns p {float: left; margin-right: 1.6363em;} .columns div p, .columns div div{margin-right: ;} .column25 {width: 25%;} .column30 {width: 30%;} .column50 {width: 50%;} .column75 {width: 75%;} .column33 {width: 33%;} .column66 {width: 66%;} .column40 {width: 40%;} .column60 {width: 60%;} /* ---------- SIDEBAR ----------- */ #sidebar {width: 247px; float: right; padding: 0 2px 0 28px; font-size: 1.1em; /*position: relative;*/} #sidebar ul {padding: 0.7em 0.1818em 2.7272em 0;} #sidebar li {display: block; padding: 0.5454em 0.8181em 0.5454em 0; border-bottom: 1px solid #DDD3C3; font-weight: bold;} #sidebar ul a {color: #594D3B;} #sidebar .current a {color: #F48000;} #sidebar .current a:hover {text-decoration: none;} #sidebar a.more {margin: 1.6363em 0 0 1.1818em; font-weight: bold; color: #D97009;} #sidebar .sub { margin-left: 1em; } /* ---------- TOP AREA ---------- */ #header {width: 189px; height: 70px; padding: 8px 0 0 22px; float: left;} #header h1 {width: 189px; height: 70px;} #header h1 a {width: 189px; height: 70px; display: block; background: url("../gfx/bg_logo.gif") no-repeat 0 0;} #header h1 span {display: none;} #header h1 {width: 189px; height: 70px;} #top-links {float: right; height: 30px; padding: 25px 62px 0 0; font-size: 1.1em;} #top-links a {margin-left: 2em; color: #594d3b;} #navigation {float: right; clear: right; height: 45px; background-color: #fff;} #navigation {float: right;} #navigation li {display: block; float: left; white-space: nowrap; background: #fff; margin-left: 1px;} /*#navigation li.shop a {color: #f48000; background: #fff url("../gfx/bg_li_shop.gif") no-repeat 1px 1px; margin-right: 38px;}*/ #navigation a {display: block; float: left; color: #000; height: 30px; padding: 15px 14px 0; font: bold 1.3em "Trebuchet MS";} #navigation a:hover {text-decoration: none; color: #f48000;} #navigation .current a {color: #f48000;} #navigation a { border-right:1px solid #F9F1E5; } #navigation li a:hover { background-image:none; } #navigation li.current a { background-image:none; } #navigation .shop {background: url("../gfx/txt_nav_shop.gif") no-repeat 0 0; margin-right:38px;} #navigation .shop a {border: none; background: url("../gfx/txt_nav_shop.gif") no-repeat 0 0; width: 106px;} #navigation .shop span {display: none;} #navigation .e20 {background: url("../gfx/txt_nav_e2_.gif") no-repeat 14px 19px;} #navigation .e20 a {background: url("../gfx/txt_nav_e2.gif") no-repeat 14px 19px; width: 43px;} #navigation .e20 span {display: none;} #navigation .e2 {background: url("../gfx/txt_nav_e3_.gif") no-repeat 14px 19px;} #navigation .e2 a {background: url("../gfx/txt_nav_e3.gif") no-repeat 14px 19px; width: 40px;} #navigation .e2 span {display: none;} #navigation .e3 {background: url("../gfx/txt_nav_e4_.gif") no-repeat 14px 19px;} #navigation .e3 a {background: url("../gfx/txt_nav_e4.gif") no-repeat 14px 19px; width: 52px;} #navigation .e3 span {display: none;} #navigation .e4 {background: url("../gfx/txt_nav_e5_.gif") no-repeat 14px 19px;} #navigation .e4 a {background: url("../gfx/txt_nav_e5.gif") no-repeat 14px 19px; width: 42px;} #navigation .e4 span {display: none;} /* ---------- BOTTOM AREA --------- */ #footer {overflow: hidden; height: 100%;} #footer a {color: #000;} #footer p {color: #000; padding: 0; margin: 0; font-size: 1.1em;} #footer p.profabrica {float: right;} /* ---------- GLOBAL ----------- */ h2, h6 {clear: both; font-size: 1.4545em; font-family: "Trebuchet MS"; padding: 0 0 1.125em; color: #000; line-height: 1.125em;} h3 {font-size: 1.1818em; font-family: "Trebuchet MS"; padding: 1.3846em 0; color: #000; line-height: 1.3846em;} h4 {font-size: 1.0909em; padding: 1.5em 0 0; line-height: 1.5em; color: #000;} h5 {font-size: 1em; padding: 1.6363em 0 0; line-height: 1.6363em; color: #000;} p {text-align: justify; line-height: 1.6363em; margin-bottom: 1.6363em;} img {border: none;} img.alignleft {margin: 0.18em 1.6363em 0.36em 0;} img.alignright {margin: 0.18em 0 0.36em 1.6363em;} img.aligncenter {clear: both; margin: 0.18em auto;} .alignleft {float: left !important; clear: left;} .alignright {float: right !important; clear: right;} 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;} .highlight {font-weight: bold; color: #D97009;} a.more {} div.clearfix {clear: both; height: 0; overflow: hidden; line-height: 0;} /* 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: #F9F6F1 url("../gfx/bg_input.gif") no-repeat 0 0; border: 1px solid #DFD4C3; font-size: 1em; font-family: tahoma; color: #555;} select {} option {margin: 0.2em 0; padding: 0 9px; background: #fff;} textarea {height: 6em;} 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: 21px; padding-left: 1em; display: block; float: left; background: url("../gfx/bg_button.gif") no-repeat 0 0; font-weight: bold; color: #fff; cursor: pointer; white-space: nowrap; line-height: 1em;} a.button span {height: 17px; padding: 5px 1em 0 0; display: block; float: left; background: url("../gfx/bg_button.gif") no-repeat 100% 0; white-space: nowrap; cursor: pointer;} /* ---------- MAIN BLOCKS ---------- */ * {margin: 0px; padding: 0px;} body {background: #F9F1E5 url("../gfx/bg_arena.jpg") no-repeat 50% 0; font: 10px Arial, Helvativa,"Trebuchet MS", Trebuchet, Tahoma, Verdana, Geneva, sans-serif; color: #594d3b;} #whole {width: 950px; margin: 0 auto; clear: both; position: relative; z-index: +1;} #top_area {clear: both; height: 100px; background: #F9F1E5;} #middle_area {clear: both; /*padding: 234px 0 0;*/ background: #EDE3D4 url("../gfx/bg_top_blank.jpg") no-repeat 0 -64px; overflow: hidden; height: 100%;} #bottom_area {clear: both; padding: 77px 8px 20px 35px; background: url("../gfx/bg_bottom.gif") no-repeat 0 0;} #bg-left {position: absolute; left: 0; top: 100px; width: 50%; height: 332px; background: #fff url("../gfx/bg_left.gif") repeat-x 0 66px; z-index: 1;} #bg-right {position: absolute; right: 0; top: 55px; width: 50%; height: 315px; background: #fff;} /* START */ .start #middle_area {/*padding-top: 298px;*/ background-position: 0 0;} .start #sidebar li {padding-left: 1.1818em; background: url("../gfx/bg_li.gif") no-repeat 0.2727em 0.9090em; font-weight: normal;} .start #bg-right {height: 379px;} #flash_content {clear: both; height: 234px; background: #EDE3D4 url("../gfx/bg_top_blank.jpg") no-repeat 0 -64px; } .start #flash_content {height: 269px; background-position: 0 0; margin-bottom:25px;} .cright { padding:10px 10px 10px 0; } #work { padding-left:28px; margin-right:-3.2727em; border-left:1px solid #DCCCBA; /*background:url('/gfx/image2.jpg') no-repeat 0 100%; min-height:116px;*/ } #breadcrumbs { margin:-1em 0 2.0em 0;border-bottom:1px dotted #D4CAB9; } #breadcrumbs a { color:#887b66; } #breadcrumbs img { background: none; border:0; margin:0 3px 4px 3px; }