/* Author: Leszek Krolikowski - http://lymorn.com Project: relaks - http://relaks.pl For: Profabrica - http://profabrika.pl */ /* ---------- MAINPAGE ----------- */ #content {width: 617px; padding: 0 42px; font-size: 1.1em; float: left; background: url("../gfx/bg_content.gif") repeat-x 0 0; overflow: hidden; height: 100%;} /*#content img {vertical-align: bottom;}*/ #content .noborder {border: none;} #content ul, #content ol {padding: 1.6363em 0;} #content li {line-height: 1.6363em; margin-left: 1.6363em;} #content ol li {list-style: decimal;} #content ul li {list-style: circle;} #content p img {border: 6px solid #DCE1EC;} #content.e1 h2, #content.e1 h2 a {background-image: url("../gfx/bg_h2_green.gif");} #content.e2 h2, #content.e2 h2 a {background-image: url("../gfx/bg_h2_orange.gif");} #content.e3 h2, #content.e3 h2 a {background-image: url("../gfx/bg_h2_blue.gif");} #content.e4 h2, #content.e4 h2 a {background-image: url("../gfx/bg_h2_yellow.gif");} #content.e5 h2, #content.e5 h2 a {background-image: url("../gfx/bg_h2_violet.gif");} #content.e6 h2, #content.e6 h2 a {background-image: url("../gfx/bg_h2_gray.gif");} #content.e7 h2, #content.e7 h2 a {background-image: url("../gfx/bg_h2_red.gif");} #content.e8 h2, #content.e8 h2 a {background-image: url("../gfx/bg_h2_black.gif");} #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 img {border-color: #D2D2D2; vertical-align: bottom;} #content ul.item-gallery h3 {margin: 0; padding: 0 0 0.5454em; font-size: 1em; font-weight: bold; line-height: 1em; background: url("../gfx/bg_dot_h_2.gif") repeat-x 0 100%;} #content ul.item-gallery h3 a {} #content ul.item-gallery small {font-size: 1em; padding: 0.0909em 0 1em; display: block; clear: both;} #content ul.item-gallery a {color: #272727;} #content ul.item-gallery a.dalej {color:#8F1D1C;} #content ul.item-gallery div.images {width: 323px;} #content ul.item-gallery div.images img.big {max-width: 323px; border: none;} #content ul.item-gallery div.images ul {padding: 5px 0 0; display: block;} #content.e1 ul.item-gallery h3, #content.e1 ul.item-gallery h3 a {color: #569800;} #content.e2 ul.item-gallery h3, #content.e2 ul.item-gallery h3 a {color: #DD5300;} #content.e3 ul.item-gallery h3, #content.e3 ul.item-gallery h3 a {color: #0070AA;} #content.e4 ul.item-gallery h3, #content.e4 ul.item-gallery h3 a {color: #E6B800;} #content.e5 ul.item-gallery h3, #content.e5 ul.item-gallery h3 a {color: #BD007D;} #content.e6 ul.item-gallery h3, #content.e6 ul.item-gallery h3 a {color: #748E93;} #content.e7 ul.item-gallery h3, #content.e7 ul.item-gallery h3 a {color: #9f2c32;} #content.e8 ul.item-gallery h3, #content.e8 ul.item-gallery h3 a {color: #000000;} #content div.images {width: 415px; float: left; padding: 0 1.6363em 0 0; } #content div.images img {border: 1px solid #D7DFDF; vertical-align: bottom;} #content div.images img.big {max-width: 287px;} #content div.images ul { padding: 5px 0 0; margin: 0 -5px 3.2727em 0;} #content div.images li {display: -moz-inline-stack; display: inline-block; list-style: none; /*max-width: 93px;*/ padding: 0; margin: 0 2px 5px 0; background: #fff; text-align: left; vertical-align: top; zoom: 1; *display: inline;} #content div.images li b {display: block; /*max-width: 93px;*/ font-weight: normal;} #content div.images ul img {/*max-width: 91px;*/} #content div.images ul.icons {position: relative;} #content div.images ul.icons li {/*max-width: 45px;*/} #content div.images ul.icons img{/*max-width: 45px;*/ border:none;} #content div.images ul.icons b {/*max-width: 45px;*/ } #content div.images ul.icons a {color: #797E81; text-decoration: none;} #content div.images ul.icons span{position: absolute; left: 0; top: 100%; display: none;} #content div.images ul.icons a:hover span{display: inline;} div.infos {padding: 0 0 0 1.6363em; margin: 0; } div.infos.det {margin: 0 0 0 415px;} 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 ul.gallery {width: 668px; padding: 0; margin: 1.6363em -24px; text-align: left; overflow: hidden;} #content ul.gallery li {display: -moz-inline-stack; display: inline-block; list-style: none; margin: 0 23px 24px; padding: 0; background: none; text-align: center; vertical-align: top; zoom: 1; *display: inline;} #content ul.gallery img {max-width: 160px; border: 6px solid #DCE1EC; vertical-align: bottom;} #content ul.gallery b {display: block;} #content ul.gallery a {color: #161F26;} #content ul.gallery span {display: block; clear: both; padding: 0.27em;} #content ul.gallery.categories {width: 726px; margin: 1.6363em -54px;} #content ul.gallery.categories li {margin: 0 53px 24px; text-align: left;} #content ul.gallery.categories img {max-width: 254px; padding: 0 0 7px; border: none; vertical-align: bottom;} #content ul.gallery.categories .e1 img {background: url("../gfx/bg_categories_green.gif") repeat-x 0 100%;} #content ul.gallery.categories .e2 img {background: url("../gfx/bg_categories_red.gif") repeat-x 0 100%;} #content ul.gallery.categories .e3 img {background: url("../gfx/bg_categories_blue.gif") repeat-x 0 100%;} #content ul.gallery.categories .e4 img {background: url("../gfx/bg_categories_yellow.gif") repeat-x 0 100%;} #content ul.gallery.categories .e5 img {background: url("../gfx/bg_categories_violet.gif") repeat-x 0 100%;} #content ul.gallery.categories .e6 img {background: url("../gfx/bg_categories_gray.gif") repeat-x 0 100%;} #content ul.gallery.categories .e7 img {background: url("../gfx/bg_categories_bordo.gif") repeat-x 0 100%;} #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;} form.contact {margin-bottom: 1.6363em;} form.contact h3 {margin-left: 128px;} form.contact p {width: 376px; overflow: hidden; height: 100%; white-space: nowrap; margin-bottom: 0.2727em;} form.wspolpraca p {width:526px;} form.sklepy p {width:426px;} form.contact p.z_selectem {overflow:visible; height:24px;} form.contact label {width: 86px; float: left; display: block; padding: 3px 11px 0 0; text-align: right;} form.wspolpraca label {width: 236px; white-space: normal;} form.sklepy label {width: 136px; white-space: normal;} form.contact label.checkbox {width: auto; padding: 0; float: none; margin-left: 98px; text-align: left;} form.contact input.text {width: 261px; float: left; clear: right;} form.contact input.checkbox {float: left; margin-left: 70px;} form.contact input.submit {margin-top: 0.5454em;} form.contact textarea {width: 261px; height: 12em; float: left; clear: right;} /* Columns */ .columns {clear: both; margin-bottom: 1.6363em; overflow: hidden; height: 100%;} .columns div {float: left;} .columns div div {float: none;} .columns div p {} .column25 {width: 25%;} .column50 {width: 50%;} .column75 {width: 75%;} .column33 {width: 33%;} .column66 {width: 66%;} .column40 {width: 40%;} .column60 {width: 60%;} /* ---------- SIDEBAR ----------- */ #sidebar {width: 247px; padding: 0 21px; float: right; font-size: 1.1em;} #sidebar div.box:first-child {width: 289px; height: 250px; margin: -142px -21px 0; clear: both; background: url("../gfx/bg_sidebar_top.jpg") no-repeat 0 0; position: relative; z-index: 1;} #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 ul {margin: 0 0 1.6363em; padding: 1px 0 0; background: url("../gfx/bg_dot_h.gif") repeat-x 0 0;} #sidebar li {display: block; padding: 0 0 1px; background: url("../gfx/bg_dot_h.gif") repeat-x 0 100%;} #sidebar li a {display: block; padding: 0.5454em 11px; color: #161F26;} #sidebar ul.categories li a {font-size: 1.3636em; font-weight: bold; font-family: "Trebuchet MS"; line-height: 0.7333em;} #sidebar li.e1 a, #sidebar li.e1 ul .current a {color: #569800;} #sidebar li.e2 a, #sidebar li.e2 ul .current a {color: #DD5300;} #sidebar li.e3 a, #sidebar li.e3 ul .current a {color: #0070AA;} #sidebar li.e4 a, #sidebar li.e4 ul .current a {color: #E6B800;} #sidebar li.e5 a, #sidebar li.e5 ul .current a {color: #BD007D;} #sidebar li.e6 a, #sidebar li.e6 ul .current a {color: #748E93;} #sidebar li.e7 a, #sidebar li.e7 ul .current a {color: #9f2c32;} #sidebar li.e8 a, #sidebar li.e8 ul .current a {color: #000000;} #sidebar li a:hover {} #sidebar .current {padding: 0; background: none;} #sidebar .current .current {padding: 0 0 1px; background: url("../gfx/bg_dot_h.gif") repeat-x 0 100%;} #sidebar .current ul {display: block;} #sidebar .current ul a {color: #161F26;} #sidebar .current a {line-height: 1em;} #sidebar ul ul {display: none; margin: 1em 0; } #sidebar ul ul ul {margin-left:10px; margin-top:0px; background:none;} #sidebar ul ul li a {font-size: 1em; font-weight: normal; font-family: inherit; line-height: 1em; color: #161F26;} #sidebar ul.categories ul li a {font-size: 1em; font-weight: normal; font-family: inherit; line-height: 1em; color: #161F26;} #sidebar ul ul .current a {background: #fff;} #sidebar ul ul .current ul a {font-weight: normal;} #sidebar ul.zwykly_ul .current {padding: 0 0 1px; background: url("../gfx/bg_dot_h.gif") repeat-x 0 100%;} #sidebar ul.zwykly_ul .current a {/*background: #fff;*/ font-weight: normal; color: #748e93; display:block; line-height:normal;} #sidebar a.more.attach {margin: 0 11px; padding: 0; font-size: 1.3636em; font-weight: bold; font-family: "Trebuchet MS"; color: #9E292F;} #sidebar a.more.attach:hover {border-color: #9E292F;} /*[href$=".pdf"]*/ /* ---------- TOP AREA ---------- */ #header {padding: 31px 0 0 51px; float: left; position: relative; z-index: 1;} #header h1 {width: 168px; height: 82px; background: url("../gfx/logo_relaks-trans.png") no-repeat 0 0;} /*#header h1 {width: 168px; height: 82px; background: url("../gfx/logo_relaks-trans-zaloba.png") no-repeat 0 0;}*/ #header h1 a {width: 168px; height: 82px; display: block; position: relative;} #header h1 span {display: none;} #navigation {float: right; padding: 2px 12px 0; position: relative; z-index: 1;} #navigation li {display: block; float: left; margin: 0; padding: 0 0 0 1px; background: url("../gfx/bg_dot_v.gif") repeat-y 0 0;} #navigation a {display: block; float: left; color: #0B2B42; font-size: 1.3em; font-family: "Trebuchet MS", Trebuchet, Arial; padding: 2em 2em; line-height: 1em; text-align: center;} /* fixed width: 100px; 99px + 1px padding from li */ #navigation a {width:99px; padding: 2em 0;} #navigation a:hover {text-decoration: none;} #navigation a:hover span {border-bottom: 1px solid #9F2C32;} #navigation .current a {color: #9F2C32;} #navigation .current a:hover span{border-bottom: none;} /* ---------- BOTTOM AREA --------- */ #footer {padding: 13px 1.6363em; font-size: 1.1em; background: url("../gfx/bg_bottom.jpg") no-repeat 0 0;} #footer ul {float: left; clear: both; margin: 1.6363em 0 0;} #footer li {display: inline; margin: 0 1.6363em 0 0;} #footer li a {color: #8F1D1C;} #footer li a:hover {} #footer p {color: #272727; padding: 0; margin: 1.6363em 0 0;} #footer p.copyrights {float: left; color: #8595A1;} #footer p.copyrights a {color: #8595A1;} #footer p.profabrica {float: right; color: #517085;} #footer p.profabrica a {color: #517085;} #footer p a {color: #272727;} /* ---------- GLOBAL ----------- */ h2 {clear: both; font-size: 1.1818em; font-family: "Trebuchet MS"; padding: 0 42px; color: #fff; line-height: 50px; width: 100%; height: 50px; margin: 0 -42px 2em; background: #8F1D1C url("../gfx/bg_h2_red.gif") repeat-x 0 0;} 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;} h5.highlight {color: #8D2429;} h6 {clear: both; font-size: 1.1818em; font-family: "Trebuchet MS"; padding: 1em 0; color: #272727;} p {text-align: justify; line-height: 1.6363em; margin-bottom: 1.6363em;} h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;} h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;} h2 span, h3 span, h4 span, h5 span, h6 span {} 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: #8F1D1C; 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;} .larger {font-size: 1.0909em;} a.more { 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 {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: #F8F8F8; border: 1px solid #D5DCDE; font-size: 1em; font-family: tahoma; color: #000;} select {} option {margin: 0.2em 0; padding: 0 9px; background: #fff;} textarea {height: 6em;} input.submit, input.reset {cursor: pointer; padding: 0.5em 1em; font-size: 1em; font-weight: bold; font-family: tahoma; color: #fff; text-align: center; border: none;} input.submit {background: #851A1F;} 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;} /* ---------- MAIN BLOCKS ---------- */ * {margin: 0px; padding: 0px;} html {background: #e0e4e7 url("../gfx/bg.jpg") repeat 50% 0;} body {background: url("../gfx/bg_body.jpg") repeat-x 50% 0; font: 10px Arial, Helvativa,"Trebuchet MS", Trebuchet, Tahoma, Verdana, Geneva, sans-serif; color: #272727; padding: 20px 0;} #whole {width: 990px; margin: 0 auto; clear: both; background: url("../gfx/bg_middle.jpg") repeat 0 0;} #top_area {clear: both; height: 225px; background: url("../gfx/bg_top.jpg") no-repeat 0 0; position: relative; overflow: hidden;} #middle_area {clear: both;} #bottom_area {clear: both; padding: 0 0 3em; background: #e0e4e7 url("../gfx/bg.jpg") repeat 50% 0; overflow: hidden; height: 100%;} #top_area-bg {position: absolute; left: 170px; top: 0; z-index: 1;} #top_area-bg.bg1 {width: 345px; height:236px; background: url("../gfx/img_top1-trans.png") no-repeat 0 0;} #top_area-bg.bg2 {width: 345px; height:236px; background: url("../gfx/img_top2-trans.png") no-repeat 0 0;} #top_area-bg.bg3 {width: 345px; height:236px; background: url("../gfx/img_top3-trans.png") no-repeat 0 0;} #top_area-bg.bg4 {width: 345px; height:236px; background: url("../gfx/img_top4-trans.png") no-repeat 0 0;} /* START */ .start #top_area {height: 123px; overflow: visible;} .start #top_area-bg {left: 253px; top: 19px; width: 501px; height: 595px; background: url("../gfx/img_top_start-trans.png") no-repeat 0 0;} .start #middle_area {min-height: 450px; background: url("../gfx/bg_start.jpg") no-repeat 0 0;} .start #content, .start #sidebar{position: relative; z-index: 20; } .start #sidebar div.box:first-child{margin-top: 0; background: none;} .start #sidebox {width: 304px; height: 264px; margin: 9px -42px 36px;} .start #content {width: 313px; overflow:visible;} .start #content h2 {background: none; height: auto; font-size: 1.0909em; line-height: 1em; margin: 0 0 1em; padding: 0; color: #272727;} .start #content p {margin: 0;} #content a.dropdown {position: relative; height: 1.6363em; margin: 0 0 3.2727em; display: block; color: #272727; float: left;} #content a.dropdown:hover {text-decoration: none;} #content a.dropdown:active li {display: block;} #content a.dropdown:focus li {display: block;} #content a.dropdown:active li:first-child{border-bottom:1px solid #DBDBDB;} #content a.dropdown:focus li:first-child{border-bottom:1px solid #DBDBDB;} #content a.dropdown ul {position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 1px solid #DBDBDB;} #content a.dropdown li {display: none; list-style: none; margin: 0; background: url("../gfx/bg_dropdown.gif") no-repeat 0 100%;} #content a.dropdown li:first-child {display: block; background-position: 0 0;} #content a.dropdown li:first-child b {background: url("../gfx/bg_dropdown_arrow.gif") no-repeat 100% 50%; padding: 0.1818em 23px 0.1818em 0.8181em;} #content a.dropdown li:first-child b:hover{text-decoration: none;} #content a.dropdown li:first-child span {border-right: 1px solid #DBDBDB; padding: 0 9px 0 0;} #content a.dropdown b {font-weight: normal; display: block; padding: 0.1818em 0.8181em;} #content a.dropdown b:hover {text-decoration: underline;} div.powrot {padding:0 0 0 0.7857em;} div.link_right {float:right; text-align:right;} div.link_left {float:left;} div.szeroki_div {width:617px;}