/**************************************************************************
	Site: Multi-Form II
	Date: 06.2010

***************************************************************************

	1. BASE
		1.1 CSS Reset
		1.2 General

	2. LAYOUT
		2.1 Structure
		
	3. SPECIFIC
		3.1 Breadcrumbs
		3.2 Products
		3.3 Rotator
		3.4 Home page promotions
		3.5 Gallery box

***************************************************************************/


/* = 1. BASE
   ------------------------------------------------------------------------*/


/* = 1.1 CSS Reset
   ------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a { text-decoration: none; }
blockquote, q { quotes: none;}
cite { font-style: normal; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* = 1.2 General
   ------------------------------------------------------------------------*/

html {
	min-height: 100%;
	background: #1b2333;
	-webkit-font-smoothing: antialiased;
}

body {
	background: transparent url(../gfx/bg-3.jpg) 0 0 repeat;
	font: 62.5%/1.3 Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	color: #fff;
}

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

a {
	color: #fff; 
}

a:hover, 
a:focus,
a:active {
	text-decoration: underline; 
}

p,
ul, ol,
dl, table {
	margin-bottom: 1em;
}

ul li {
	margin-left: 20px;
}

ol li {
	margin-left: 25px;
}

img {
	image-rendering: optimizeQuality;
}

/*
	Containers
*/

.columns-3 {
	overflow: hidden;
}

.col {
	float: left;
}

.columns-3 .col {
	width: 300px;
	padding-right: 20px;
}

.columns-3 .col:last-child {
	padding-right: 0;
}

.columns-3 .col h2 {
	background: transparent url(../gfx/border-b.png) 0 100% repeat-x;	
}

.columns-3 .col .content {
	margin-bottom: 7px;
	padding: 0 0 10px 2px;
	background: transparent url(../gfx/border-b.png) 0 100% repeat-x;
}

.columns-3 .col .content p {
	margin-bottom: 0;
}

.columns-3 .col .vcard p {
	margin-bottom: 21px;
}

.columns-3 .nav {
	width: 280px;
	margin-left: 0;
	padding: 12px 20px 0 0;
}

.columns-3 .nav li {
	padding-left: 2px;
}

.columns-4 {
	margin-bottom: 34px;
	padding-bottom: 3px;
	background: transparent url(../gfx/border-a.png) 0 100% repeat-x;
}

.columns-4:after {
	content: ""; 
	display: block; 
	overflow: hidden; 
	clear: both; 
	height: 0; 
}

.columns-4 .col {
	float: left;
	width: 160px;
}

.columns-4 .producer {
	width: 220px;
	margin-top: -5px;
	text-align: center;
}

.columns-4 .col:last-child {
	width: 150px;
	margin-left: 10px;
}

.inner {
	overflow: hidden;
	width: 940px;
	margin: 0 auto;
}

#kontakt #top,
#promocje #top,
#page-oferta-2 #top,
#sklepy #top, 
#hurt #top,
#realizacje #top,
#praca #top,
.section-top {
	background: transparent url(../gfx/section-top-shadow.png) 0 100% repeat-x;
}

.section-bottom {
	padding-bottom: 10px;
	background-color: #1b2333;
	color: #fff;
}

.map_details {
	margin-bottom: 1.5em;
}


/*
	Headers
*/

h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h2 {
	font-size: 1.71em;
}

h2, h3 {
	margin-bottom: 14px;
	color: #fff;
	font-size: 1.27em;
	line-height: 55px;
	text-shadow: 1px 1px 3px #000;
}

h3 {
	margin-bottom: 1.2em;
	color: #fcf205;
}

.section-bottom h3 {
	background: transparent url(../gfx/border-a.png) 0 100% repeat-x;
}

h4 {
	color: #fff803;
	font-size: 1em;
}

h5 {
	margin-bottom: 7px;
}

.page-title {
	margin-bottom: 0.9em;
	background: transparent url(../gfx/border-a.png) 0 100% repeat-x;
	font-size: 1.71em;
	line-height: 2.3em;
}

.section-top .page-title {
	margin-top: -7px;
}


/*
	Lists
*/

.nav,
.nav-a {
	list-style: none;
}

.nav li {
	margin: 0 0 7px 0;
	font-size: 1.27em;
}

.nav a:hover,
.nav a:focus,
.nav a:active {
	color: #fff903;
	text-decoration: none;
}

.nav-a li {
	margin: 0;
}

.producers {
	overflow: hidden;
	list-style: none;
	margin-bottom: 0;
}

.producers li {
	float: left;
	width: 160px;
	margin: 0 20px 18px 0;
}

.producers li:nth-child(4n) {
	margin-right: 0;
}

.producers li.nth-4n {
	margin-right: 0;
}

.products-a {
	overflow: hidden;
	list-style: none;
	margin-bottom: 20px;
}

.products-a li {
	float: left;
	margin: 0 14px 14px 0;
}

.products-b {
	list-style: none;
}

.products-b li {
	margin-left: 0;
}

.products-c {
	clear: both;
	overflow: hidden;
	padding: 28px 33px 3px;
	background-color: #fff;
}

.products-c ul {
	list-style: none;
	margin-bottom: 22px;
}

.products-c li {
	display: inline;
	margin: 0 24px 0 0;
}

li.left {
	overflow: hidden;
	list-style: none;
	width: 100%;
	margin: 0 0 1em;
}

li.left .lightbox {
	float: left;
	width: 100px;
}

li.left p {
	float: left;
	width: 586px;
	padding-left: 14px;
}

dl dt {
	margin-bottom: 7px;
	font-size: 1.1em;
	font-weight: bold;
}

/*
	Links
*/

.more {
	display: block;
	margin-bottom: 10px;
	text-align: right;
}


/*
	Tables
*/

.table-wrapper {
	position: relative;
}

.table {
	position: relative;
	clear: both;
	overflow: hidden;
	margin-bottom: 3px;
	padding: 18px 30px;
	background-color: #fff;
}

table {
	width: 99.5%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 0.86em;
}

td {
	border: 1px solid #7b8191;
	padding: 8px;
	font-size: 1.2em
}

td.header {
	border-bottom: 1px solid #7b8191;
	font-weight: bold;
	text-align: center;
}

table img {
	display: block;
	margin-bottom: 15px;
}

.table caption span {
	position: absolute;
	left: 30px;
	top: 22px;
	font-size: 1.5em;
}

.table-wrapper caption span {
	left: 0;
	top: 5px;
}

div.table-a {
	width: auto;
	padding-top: 8px;
	padding-bottom: 43px;
}

.table-a tbody tr.head th {
	padding: 10px 8px 8px;
	font-weight: normal;
	text-align: center;
	vertical-align: top;
}

.table-a tbody tr.head th img {
	margin: 0 auto 10px;
}

.table-a tbody tr.head th,
.table-a tbody tr.head td {
	border-top: 10px solid #fff;
}

.table-a .category th,
.table-a .category td {
	padding: 7px 10px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

.table-a .category th {
	font-weight: bold;
	text-align: left;
}

.table-a .category th:first-child {
	padding-left: 0;
}

.table-a .category th.hidden {
	text-indent: -1000em;
}

.table-a .category td {
	background-color: #efefef;
	font-weight: bold;	
	text-align: left;	
}

.table-a tbody th {
	width: 190px;
	padding-left: 0;
	text-align: left;
	font-weight: normal;
}

.table-a th, .table td {
	padding: 10px 8px 8px;
	border: none;
	font-size: 1em;
	line-height: 1.2;
	text-align: center;
}

.table-a th:nth-child(even),
.table-a td:nth-child(even) {
	background-color: #efefef;
}

.parameter tbody td {
	text-align: left;
}

.parameter tbody td.label {
	text-align: right;
}

table.parameter { margin-top: 40px; }

.table-b {
	padding: 30px 0 18px 211px;
}

.table-b table {
	width: 450px;
}

.table-b img {
	margin-bottom: 10px;
}

.table-a .description {
	margin: 8px 0 20px 110px;
}

.table-a .description a {
	color: #1B2333;
}

/*
	Forms
*/

form {
	margin-bottom: 1.5em;
}

form div {
	overflow: hidden;
	width: 100%;
	margin-bottom: 8px;
}

label {
	float: left;
	min-width: 140px;
	padding-right: 10px;
}

input,
textarea {
	padding: 2px;
	border: none;
	font: 0.9em Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
}

input {
	float: left;
	width: 200px;
}

textarea {
	width: 400px;
}

form div div {
	width: 550px;
}

.check p {
	float: left;
	margin: 0;
}

.check p input, 
.check p label {
	width: auto;
}

.check p input {
	margin-right: 10px;
}

form button {
	margin-left: 150px;
}


/* = 2. LAYOUT
   ------------------------------------------------------------------------*/

/* = 2.1 Structure
   ------------------------------------------------------------------------*/
   
#container {
	background: transparent url(../gfx/bg-1.jpg) 0 0 repeat-x;
	font-size: 1.4em;
}
   
/*#container {
	background: transparent url(../gfx/bg-2.jpg) 0 -110px repeat-x;
	font-size: 1.4em;
}

#page-oferta #container, #home #container {
	background: transparent url(../gfx/bg-1.jpg) 0 0 repeat-x;	
}*/

#header {
	position: relative;
	width: 950px;
	height: 118px;
	margin: 0 auto;
	background: transparent url(../gfx/border-a.png) 0 100% repeat-x;
}

#top {
	position: relative;
	padding-bottom: 22px;
}

#top.section-top {
	padding-bottom: 42px;
}

#logo {
	position: absolute;
	left: 20px;
	top: 35px;
	width: 278px;
	height: 52px;
	margin: 0;
}

#a11y {
	position: absolute; 
	top: 0; 
	left: -10001px;
	margin: 0;
	padding: 0;
}

#a11y li a:hover,
#a11y li a:focus, 
#a11y li a:active {
	display: block; 
	position: absolute; 
	left: 10001px; 
	top: -10px; 
	z-index: 10001; 
	width: 200px; 
	margin: 15px 0 0 15px; 
	padding: 2px 0; 
	background: #fff; 
	color: #222; 
	text-align: center; 
	text-decoration: none; 
}

#badge-top {
	position: absolute;
	right: 0;
	top: 19px;
}

#nav {
	list-style: none;
	width: 950px;
	min-height: 2.9em;
	margin: 0 auto;
	background: transparent url(../gfx/border-a.png) 0 100% repeat-x;
	line-height: 2.9em;
}

#nav li {
	display: inline;
	margin-left: 43px;
	font-size: 1.27em;
}

#nav li:first-child {
	margin-left: 40px;
}

#nav li a {
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 3px #000;
}

#nav li a:hover,
#nav li a:focus,
#nav li a:active,
#realizacje #nav-realizacje,
#page-oferta #nav-oferta,
#page-oferta-2 #nav-oferta,
#sklepy #nav-sklepy,
#esklep #nav-esklep,
#hurt #nav-hurt,
#zamowienia #nav-zamowienia,
#kontakt #nav-kontakt,
#praca #nav-praca,
a.active {
	color: #fff903;
}

#primary {
	float: right;
	width: 700px;
}

#sidebar {
	float: left;
	width: 230px;
	margin-right: 10px;
}

.sidebar-a .nav {
	padding-bottom: 11px;
	background: transparent url(../gfx/border-a.png) 0 100% repeat-x;
}

#sidebar .section {
	padding-top: 7px;
	background: transparent url(../gfx/sidebar-section-bg.png) 0 0 no-repeat;
}

#sidebar .section .inner-a {
	padding-bottom: 7px;
	background: transparent url(../gfx/sidebar-section-bg.png) 100% 100% no-repeat;	
}

#sidebar .section .inner-a .inner-b {
	overflow: hidden;
	padding-right: 6px;
	background: transparent url(../gfx/sidebar-section-bg.png) -239px 0 repeat-y;
}

.section-bottom #sidebar .section,
.section-bottom #sidebar .section .inner-a,
.section-bottom #sidebar .section .inner-b {
	padding-top: 0;
	background: none;
}

#sidebar .section .nav {
	margin-bottom: 0;
	padding-bottom: 10px;
}

#sidebar .section li {
	padding-left: 12px;
	font-size: 1.27em;
}

#sidebar .section h2 {
	padding-left: 12px;
}

#footer {
	overflow: hidden;
	min-height: 95px;
	padding: 10px 0;
	background: #1b2333;
	color: #fff;
	font-size: 0.86em;
}

#footer.section-bottom {
	padding-top: 25px;
	padding-bottom: 0;
}

#footer .inner {
	padding-top: 10px;
	background: transparent url(../gfx/border-b.png) 0 0 repeat-x;
}

#footer .copyright {
	float: left;
	width: 50%;
}

#footer .site-by {
	float: right;
	width: 50%;
	text-align: right;
}

   
/* = 3. SPECIFIC
   ------------------------------------------------------------------------*/ 
   
/* = 3.1 Breadcrumbs
   ------------------------------------------------------------------------*/

.breadcrumbs {
	margin-bottom: 1.2em;
	background: transparent url(../gfx/border-a.png) 0 100% repeat-x;
	color: #fff;
	line-height: 2.5em;
}

.breadcrumbs li {
	display: inline;
	list-style: none;
	margin-left: 0;
}

.breadcrumbs a {
	color: #fff;
}
   
/* = 3.2 Products
   ------------------------------------------------------------------------*/
   
.product-a {
	width: 300px;
	height: 175px;
	margin-bottom: 17px;
	padding: 0 6px 6px 0;
	background: transparent url(../gfx/product-a.png) 0 0 no-repeat;
}

.product-a a {
	display: block;
	text-decoration: none;
}

.product-a a:hover,
.product-a a:focus,
.product-a a:active {
	text-decoration: none;
}

.product-a img {
	display: block;
}

.product-a .caption {
	display: block;
	padding: 0 12px;
	color: #fff903;
	font-size: 1.27em;
	line-height: 37px;
	text-shadow: 1px 1px 3px #000;
}

.columns-3 .product-a {
	width: 300px;
	margin-left: 0;
	padding-right: 20px;
}

.products-container {
	clear: both;
	overflow: hidden;
	margin-bottom: 35px;
	color: #1b2333;
}

.products-container h4 {
	float: left;
	width: 347px;
	margin: 0 0 10px 3px;
	color: #fff803;
	font-size: 1.27em;
	text-transform: uppercase;
}

.products-container .product-links {
	float: right;
	width: 347px;
	margin-right: 3px;
	color: #fff401;
	text-align: right;
}

.products-container .product-links a {
	color: #fff401;	
}


/* = 3.3 Rotator
   ------------------------------------------------------------------------*/

#rotator {
	position: relative;
	width: 945px;
	min-height: 182px;
	margin: 24px auto 0;
	padding-bottom: 17px;
	background: transparent url(../gfx/border-a.png) 0 100% repeat-x;
}

#rotator-content {
	list-style: none;
	width: 946px;
	margin: 0;
}

#rotator-content li {
	position: relative;
}

.js #rotator-content,
.js #rotator-content li {
	overflow: hidden;
	height: 180px;
}

.js #rotator-content {
	position: relative;
}

.js #rotator-content li {
	position: absolute;
	left: 0;
	top: 0;
}

#rotator .item {
	overflow: hidden;
	width: 939px;
	margin-left: 0;
	padding: 0 5px 5px 0;
	background: transparent url(../gfx/rotator-item-bg.png) 0 0 no-repeat;
}

#rotator .item img {
	float: left;
}

#rotator .item .desc {
	position: absolute;
	right: 3px;
	top: 0;
	overflow: hidden;
	width: 290px;
	height: 144px;
	background-color: #1b2333;
	padding: 21px 10px 10px 21px;
	color: #fff;
}

#rotator .item h3 {
	margin: 0;
	padding: 0;
	background: none;
	line-height: 1.3;
}

#rotator .item p {
	text-shadow: 1px 1px 3px #000;
}

#rotator .item strong {
	font-size: 2.21em;
	font-weight: normal;
	text-transform: uppercase;
}

#rotator .item .more {
	float: right;
	font-size: 0.86em;
	text-shadow: none;
}

#rotator-controls {
	position: absolute;
	right: 4px;
	bottom: 9px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#rotator-controls li {
	display: inline;
	margin: 0;
}

#rotator-controls a {
	float: left;
	width: 8px;
	height: 7px;
	margin-left: 5px;
	background: transparent url(../gfx/rotator-controls.png) 0 0 no-repeat;
	text-indent: -1000em;
}

#rotator-controls a:hover,
#rotator-controls a.active {
	background-position: -13px 0;
}

/* = 3.4 Home page promotions
   ------------------------------------------------------------------------*/

.columns-3 .col .promotions {
	background: none;
}

.promotions div {
	overflow: hidden;
	margin-bottom: 7px;
	min-height: 72px;
	padding-left: 2px;
	background: transparent url(../gfx/border-b.png) 0 100% repeat-x;
}

.promotions div p {
	margin-bottom: 0;
}

.promotions div h3 {
	margin: 0;
	padding: 0;
	background: none;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
}

/* = 3.5 Gallery box
   ------------------------------------------------------------------------*/

.gallery-box {
	overflow: hidden;
	width: 100%;
	margin-bottom: 1em;
}

.gallery-box a.lightbox {
	float: left;
	margin: 0 5px 5px 0;
}

.gallery-box table a.lightbox {
	float: none;
	margin: 0;
}


a.lightbox img {
	display: block;
}

/* HANDI components */
.map_details { display: none; }
.handimap {
	border: 1px solid #cecece;
	height: 400px;
	font-size: 12px;
	color: #1b2333;
	margin: 10px 0;
	width: 694px;
}