/* Author: Leszek Krolikowski - http://lymorn.com Project: ProfiParkiet - http://profi-parkiet.pl For: Profabrica - http://profabrika.pl */ /* ---------- MAINPAGE ----------- */ #content {width: 780px; padding: 0 0 12px; font-size: 1.1em; float: right; background: url("../gfx/bg_content_bottom.png") no-repeat 0 100%; overflow: hidden; height: 100%;} .content-bg {padding: 0 25px; background: url("../gfx/bg_content.png") repeat-y 0 0; overflow: hidden; height: 100%;} #content img {border: 5px solid #fff; vertical-align: bottom; background: #E8E7E7;} #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.item-gallery {width: 100%; padding: 1.6363em 0; overflow: hidden; height: 100%; clear: both;} #content ul.item-gallery li {display: block; clear: both;list-style: none; margin: 0 0 1.6363em; padding: 0; background: none; overflow: hidden; height: 100%;} #content ul.item-gallery li div.itemlist_big {width: 268px; background-color:white; border:5px solid #D2D2D2; background-color:#ffffff; height:193px; overflow:hidden; text-align:center; float:left; } #content ul.item-gallery img {border-color: #D2D2D2; /*width: 268px; float: left;*/} #content ul.item-gallery div.itemlist_big img {border:none;} #content ul.item-gallery p {margin: 0 0 0 290px;} #content ul.item-gallery p.name {font-weight: bold; padding: 0 0 0.5454em;} #content ul.item-gallery p.name small {display: block; color: #919191; font-size: 1em; font-weight: normal; line-height: 1em;} #content ul.item-gallery a.button {margin: 1.1818em 0;} #content ul.item-gallery a {color: #272727;} #content ul.item-gallery.video img {border: none; width: 44px; float:left;} #content ul.item-gallery.video p {margin-left: 60px; padding: 0;} #content ul.item-gallery div.video_descr {width:580px; float:left;} #content ul.item-gallery div.video_min {width:80px; height:60px; overflow:hidden; text-align:center; border:5px solid #D2D2D2; margin-left:10px; } #content ul.item-gallery div.video_min img {width:100%;} #content ul.item-gallery.news img {/*width: 212px;*/} #content ul.item-gallery.news li div.itemlist_big {width:212px; height:86px; background-color:#e8e8e8;} #content ul.item-gallery.news li div.itemlist_big img {/*ewentualnie margin-top:-npx*/} #content ul.item-gallery.news p {margin-left: 235px;} #content ul.item-gallery li.clearfix {width: 100%; height: 0.9090em; float: none; clear: both; margin: 0; padding: 0; background: none; line-height: 0; font-size: 0.9090em; overflow: hidden; border-top: 1px solid #D7C9B7;} form.contact {margin-bottom: 1.6363em;} form.contact h3 {margin-left: 128px;} form.contact p {width: 526px; overflow: hidden; height: 100%; white-space: nowrap; margin-bottom: 0.72em;} form.contact label {width: 116px; float: left; display: block; padding: 3px 11px 0 0;} form.contact label.checkbox {width: auto; padding: 0; float: none; margin-left: 128px;} form.contact input.text {width: 381px; float: left; clear: right;} form.contact input.short {width: 254px;} form.contact input.checkbox {float: left; margin-left: 100px;} form.contact textarea {width: 381px; height: 12em; float: left; clear: right;} /* Columns */ .columns {width: 780px; clear: both; margin-bottom: 1.6363em; overflow: hidden; height: 100%;} .columns div {float: left;} .columns div p {margin-right: 1.6363em;} .column25 {width: 25%;} .column50 {width: 50%;} .column75 {width: 75%;} .column33 {width: 33%;} .column66 {width: 66%;} .column40 {width: 40%;} .column60 {width: 60%;} div.paginer {padding: 3em 0; text-align: right;} div.paginer.top {float: right; clear: right; padding: 1.6363em 0;} div.paginer span {margin-right: 1em; font-weight: bold; color: #F58500;} div.paginer a {color: #272727; padding: 0 0.5454em; font-weight: normal;} div.paginer a.current {color: #F58500; font-weight: bold;} div.paginer a:hover {text-decoration: none; border-bottom: 1px solid #F58500;} div.paginer a.prev, .paginer a.next{color: #F58500; margin-left: 1em; padding: 0;} #content div.images {width: 301px; float: left; padding: 0 1.6363em 0 0;} #content div.images div.big_handler {width: 291px; background-color:white; border:5px solid #D2D2D2; height:198px; overflow:hidden; text-align:center; } #content div.images img {/*border-color: #D2D2D2;*/ border:none;} #content div.images img.big {/*width: 291px;*/} #content div.images div.big_handler img {/*margin-top:-5px;*/} #content div.images ul {padding: 5px 0; margin: 0 -5px 0 0; overflow: hidden; height: 100%; } #content div.images li {float: left; list-style: none; padding: 0 5px 5px 0; margin: 0;} #content div.images ul img {/*width: 87px;*/} #content div.images ul.thumbs li div {border:5px solid #D2D2D2; width:87px; height:50px; overflow:hidden; text-align:center; background-color:#ffffff;} #content div.images ul.thumbs li div img {margin:0px; border:none;} div.infos {padding: 0 0 0 1.6363em; margin: 0;} div.infos p {padding: 0; margin: 0 0 0.2727em; text-align: left;} div.infos p.price {padding: 1.6363em 0; margin: 0; color: #F58500; font-weight: bold;} div.infos p b {margin: 0 0.4545em 0 0;} #content div.infos img {border-color: #D2D2D2;} div.infos.video a {font-weight: bold;} div.infos.video p {margin-bottom: 1.6363em;} #content .gallery {width: 780px; overflow: hidden; height: 100%; margin: 0 -30px 0 0;} #content .gallery li {display: block; float: left; width: 222px; padding: 0 30px 30px 0; background: none;} #content .gallery li div {width: 212px; background-color:#e8e7e7; border:5px solid #ffffff; height:86px; overflow:hidden; text-align:center; } #content .gallery a b {display: block; width: 222px; clear: both; margin: 0 0 0.5454em;} #content .gallery a {color:#000000;} #content .gallery a:hover b {text-decoration: underline;} #content .gallery a.button {clear: both; margin: 0.7272em 0 0;} #content .gallery img {/*width: 212px;*/ border:none;} #content .gallery.powiazane {padding:0;} #content .gallery.powiazane li {width:100px;} #content .gallery.powiazane li a {color:#000000;} #content .gallery.powiazane li div {width:87px; height:50px; border-color:#d2d2d2; background-color:#ffffff} #content table {width: 100%; border-collapse: collapse; margin: 0 0 1.6363em;} #content th {text-align: left;} #content td {} #content th, #content td {padding: 0.4545em 0.9090em; border: 1px solid #D2D2D2;} /* ---------- SIDEBAR ----------- */ #sidebar {width: 209px; padding: 0 0 12px; float: left; font-size: 1.1em; background: url("../gfx/bg_sidebar_bottom.png") no-repeat 0 100%;} .clamp {height: 22px; background: url("../gfx/bg_sidebar_clamp.png") no-repeat 0 0;} #sidebar div.box {padding: 0 11px 0 15px; background: url("../gfx/bg_sidebar.png") repeat-y 0 0;} #sidebar p {padding: 0.5454em 1em; text-align: left; margin: 0; overflow: hidden; height: 100%;} #sidebar p.title {font-weight: bold; padding-bottom: 0;} #sidebar p.title small {display: block; color: #919191; font-size: 1em; font-weight: normal; line-height: 1em;} #sidebar p.title a {color: #272727;} #sidebar h6 {padding: 1em 0.7857em 0.7857em;} #sidebar li {display: block; border-top: 1px solid #bbb;} #sidebar ul ul {display: none;} #sidebar ul ul a {padding-left: 3.5454em;} #sidebar ul ul ul a {padding-left: 5.7272em;} #sidebar li a {display: block; padding: 0.5454em 1.1818em; color: #272727;} #sidebar li a:hover {} #sidebar .current a {color: #272727; font-weight: bold;} #sidebar .current ul a {font-weight: normal;} #sidebar ul ul .current a {font-weight: bold;} #sidebar ul ul .current ul a {font-weight: normal;} #sidebar ul ul ul .current a {font-weight: bold; color: #F58500;} #sidebar ul ul ul .current ul a {font-weight: normal;} #sidebar .current ul {display: block;} #inner-sidebar {width: 145px; float: right; margin: 0 -6px 0 24px;} #inner-sidebar div.box {padding: 12px 0 0; background: url("../gfx/bg_sidebar2_top.png") no-repeat 0 0;} #inner-sidebar ul {padding: 0 0 12px; margin: 0 0 0.5454em; background: url("../gfx/bg_sidebar2_bottom.png") no-repeat 0 100%;} #content #inner-sidebar li {display: block; padding: 0.2727em 21px; background: url("../gfx/bg_sidebar2.png") repeat-y 0 0;} #inner-sidebar a {padding: 0; background: none;} #inner-sidebar .dark a {color: #272727;} #inner-sidebar p {padding: 0 6px 0 0;} /* ---------- TOP AREA ---------- */ #header {height: 93px;} #header h1 {width: 977px; height: 46px; padding: 24px 0 0 10px; float: left;} #header h1 a {width: 977px; height: 46px; display: block; } #header h1 span {display: none;} #languages {float: right; padding: 15px 0 0;} #languages ul {margin: 0 1em 0 0;} #languages li {display: inline; margin: 0 1em 0 0;} #languages a {color: #868686; font-size: 1.1em;} #languages a:hover {text-decoration: none; border-bottom: 1px solid #F58500;} #languages .current a {color: #F58500;} #languages .current a:hover {} #navigation {float: left; padding: 15px 0 0;} #navigation li {display: inline; white-space: nowrap; margin: 0 0 0 2em; text-transform: uppercase;} #navigation a {color: #272727; font: bold 1.1em Arial, "Trebuchet MS";} #navigation a:hover {text-decoration: none; border-bottom: 1px solid #F58500;} #navigation .current a {color: #F58500;} #navigation .current a:hover {border-bottom: none;} /* ---------- BOTTOM AREA --------- */ #footer {padding: 25px 15px 0;} #footer ul {float: right;} #footer li {display: inline; margin: 0 0 0 1.6363em;} #footer li a {font-size: 1.1em; color: #fff;} #footer li a:hover {} #footer p {color: #272727; padding: 0; margin: 0; font-size: 1.1em;} #footer p.copyrights {float: left;} #footer p.profabrica {float: right; clear: both; margin: 1.6363em 0 0; text-transform: lowercase;} #footer p.profabrica a {color: #868686;} #footer p a {color: #272727;} /* ---------- GLOBAL ----------- */ h2 {clear: both; font-size: 1.2727em; font-family: "Trebuchet MS"; padding: 0 0 1.125em; color: #272727; line-height: 1.125em; text-transform: uppercase;} h3 {clear: both; font-size: 1.1818em; font-family: "Trebuchet MS"; padding: 1.3846em 0; color: #272727; line-height: 1.3846em;} h4 {clear: both; font-size: 1.0909em; padding: 1.5em 0 0; line-height: 1.5em; color: #272727;} h5 {clear: both; font-size: 1em; padding: 1.6363em 0 0; line-height: 1.6363em; color: #272727;} h6 {clear: both; font-size: 1.2727em; font-family: "Trebuchet MS"; padding: 1em 0; color: #272727; line-height: 1.125em; text-transform: uppercase;} p {text-align: justify; line-height: 1.6363em; margin-bottom: 1.6363em;} h2.paginer, h3.paginer, h4.paginer, h5.paginer, h6.paginer {clear: left; float: none;} h2 a, h3 a, h4 a, h5 a, h6 a {color: #272727;} h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;} 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;} .aligncenter {float: none; margin: auto;} ul, li {list-style: none;} a {color: #F58500; text-decoration: none;} h6 a {color:#000000;} 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;} .larger {font-size: 1.0909em;} a.more {color: #272727; padding-right: 1em; background: url("../gfx/bg_more.gif") no-repeat 100% 60%;} a.more:hover {text-decoration: none; border-bottom: 1px solid #F58500;} div.clearfix, #content li.clearfix {clear: both; float: none; width: 100%; height: 0; padding: 0; margin: 0; overflow: hidden; line-height: 0;} /* FORMS */ label {} label.radio {float: left; margin-left: 2.2em;} label.checkbox {float: left; margin-left: 2.2em; white-space: normal;} input.text, input.password, select, textarea {padding: 4px 8px; background: #fff url("../gfx/bg_input.gif") no-repeat 0 0; border: 1px solid #E1E1E1; 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.1818em -1.5em 0 0; background: none !important; border: none !important; vertical-align: top; float: left;} input.checkbox {width: auto; margin: 0.1818em -1.5em 0 0; background: none !important; border: none !important; vertical-align: top; float: left;} a.button {height: 26px; padding: 0 0 0 1em; margin: 0 1em 0 0; display: block; float: left; background: url("../gfx/bg_button_orange.png") no-repeat 0 0; color: #fff !important; cursor: pointer; white-space: nowrap; line-height: 1em;} a.button span {height: 19px; padding: 7px 1em 0 0; margin: 0 -5px 0 0; display: block; float: left; background: url("../gfx/bg_button_orange.png") no-repeat 100% 0; white-space: nowrap; cursor: pointer;} a.button.gray {background-image: url("../gfx/bg_button_gray.png");} a.button.gray span {background-image: url("../gfx/bg_button_gray.png");} a.button.alignright {margin-right: 5px; margin-left: 1em;} /* ---------- MAIN BLOCKS ---------- */ * {margin: 0px; padding: 0px;} body {background: #ACACAC url("../gfx/bg.jpg") repeat-x 50% 0; font: 10px Tahoma, Arial, Helvativa,"Trebuchet MS", Trebuchet, Verdana, Geneva, sans-serif; color: #272727;} #whole {width: 989px; margin: 0 auto; clear: both;} #top_area {clear: both; padding: 0 6px; height: 136px; background: url("../gfx/bg_top.png") no-repeat 50% 100%;} #middle_area {clear: both; padding: 12px 0 0; overflow: hidden; height: 100%; background: url("../gfx/bg_middle_top.png") no-repeat 0 0;} #bottom_area {clear: both; height: 120px;padding: 0 6px; background: url("../gfx/bg_bottom.png") no-repeat 50% 0;} #cover {clear: both; margin: 6px 0 0;} /* START */ #start-boxes {width: 985px; clear: both; margin: 0 auto; font-size: 1.1em; background: url("../gfx/bg_start_boxes.jpg") no-repeat 0 100%; overflow: hidden; height: 100%;} #start-boxes div.box {text-align:center;} #start-boxes div.box a {color:#F58500;} #start-boxes div.box.e1 {width: 319px; padding-right: 16px;} #start-boxes div.box.e2 {width: 339px; background-position: -350px 0;} #start-boxes div.box.e3 {width: 236px; background-position: -719px 0;} #start-boxes div.box {padding: 16px 15px; float: left; background: url("../gfx/bg_start_boxes_top.jpg") no-repeat 0 0;} #start-boxes h6 {padding: 1em 0.7857em 0.7857em;} #start-boxes p {/*padding: 0 1em;*/ margin:0; overflow: hidden; height: 100%; text-align:center;} #start-boxes {} .start #sidebar {} .start #sidebar {} .start #sidebar {width: 353px; padding: 12px 0; background-image: url("../gfx/bg_start_sidebar_bottom.png");} .start #sidebar div.box {background-image: url("../gfx/bg_start_sidebar.png");} .start #sidebar .clamp {height: 19px; background-image: url("../gfx/bg_start_sidebar_clamp.png");} .start #content {width: 628px; padding: 6px 6px 6px 0; background: none;} .start #content img {margin: 0; padding: 0; background: none; border: none;} .start #middle_area {padding: 0; background-image: url("../gfx/bg_start_sidebar_top.png");} #sidebar ul.show {display:block;} #sidebar ul.hide {display:none;} #sidebar ul.items-list ul {display: block;} #sidebar div.inbox_img {width: 183px; background-color:#e8e7e7; border:none; height:91px; overflow:hidden; text-align:center; } #sidebar div.inbox_img.glowna {margin-left:1em; width:212px; height:68px;} #content div.player {width:320px; margin:0 auto; margin-bottom:10px;} #content div.download_item {float:left; margin-right: 20px;} #content div.download_item div {margin-bottom:5px; text-align:center;} #start-boxes p.start_guzik {text-align:center;} #content #map {width:600px;height:400px; position:relative; background-color:#ffffff;} #content #map img {background:none;}