﻿@CHARSET "UTF-8";
@import 'defaults.css';
@import 'pager.css';
html, body {
	background: #D0D1D3;
}
input,textarea,select {
	border: 1px solid #888;
	background-color:#ddd;
	margin-bottom:4px;
	color:black;
}
.header {
	height:284px;
	background: url('../images/header.jpg') no-repeat top left;	
}
.mainMenu {
	background: url('../images/main-menu-bg.gif') repeat-x top left;
	
}
.mainMenu ul {
	margin:0 0 0 40px;
	padding:0;
	/*border: 1px solid orange;*/
	float: left;
}
.mainMenu div.menuBottom {
	background: #1b3e6f;
	height:10px;
}
.mainMenu ul li {
	display:inline;
}
.mainMenu ul li a  {
	height:70px;
	display:none;
	float:left;
	text-indent: -9999px;
}

.mainMenu ul li a.o_firmie  {
	display: block;
	width:118px;
	background: url("../images/menu/o_firmie.jpg") no-repeat top left;
}
.mainMenu ul li a.produkty  {
	display: block;
	width:141px;
	background: url("../images/menu/produkty.jpg") no-repeat top left;
}
.mainMenu ul li a.serwis  {
	display: block;
	width:110px;
	background: url("../images/menu/serwis.jpg") no-repeat top left;
}
.mainMenu ul li a.twoj_koszyk  {
	display: block;
	width:138px;
	background: url("../images/menu/twoj_koszyk.jpg") no-repeat top left;
}
.mainMenu ul li a.aktualnosci  {
	display: block;
	width:136px;
	background: url("../images/menu/aktualnosci.jpg") no-repeat top left;
}
.mainMenu ul li a.referencje  {
	display: block;
	width:131px;
	background: url("../images/menu/referencje.jpg") no-repeat top left;
}
.mainMenu ul li a.kontakt  {
	display: block;
	width:118px;
	background: url("../images/menu/kontakt.jpg") no-repeat top left;
}

.mainMenu ul li a:hover,.mainMenu ul li a.active {
	background-position: 0px -70px;
}
.content-bar {
	border-top:1px solid #4d688f;
	background: url("../images/content-top-bar.gif") repeat-x top left;
	height: 26px;
}
.innerContainer {
	position:relative;
}
.contentToolbox {
	background: #b1b1b1 url("../images/toolbox-bg.gif") repeat-x top left;
	width:990px;	
}
.content {
	margin:0;
	padding:0;
	background: #b1b1b1 url("../images/content-bg.gif") repeat-x top left;
	width:990px;
}
.content a {
	color:#002656;
}
.content p {
	margin:10px 0px 20px 0px;;
	padding:0;
}
.leftCol {
	width:714px;
	padding:10px;
	min-height:350px;
	_height:330px;
}
.rightCol {
	position:absolute;
	top:0px;
	right:34px;
	width:220px;
}
.rightSide {
	background: #888888;
	color:white;
	text-align: left;
}

.loginPanel {
	background: #910013;
	color: #d6d6d6;
	padding:15px;
}
.loginPanel {
	font-size:11px;
	
}

.loginPanel form{
float: left;
 width: 200px;
 /*border: 1px solid #910013;*/
}


.loginPanel label {
	float:left;
	width:40px;
	line-height:20px;
}
.loginPanel input {
	
	float:right;
}
.loginPanel a {
	color:#c1c1c1;
}
.bar-grey {
	background: url("../images/bar-grey.gif") repeat-x top left;
	height:23px;
}
.newsletter {
	padding:5px;
}

/*górny toolbox*/
div.contentToolbox div.boxHalf {
	float:left;
	width:362px;
	height:164px;
	color: #fff;
	/*border: 1px solid orange;*/ 
}
/* boxy w toolbox oferta */
.ofertaBox {
	color:#fff;
	float:left;
	width:334px;
	height:61px;
	background: #6a6a6a;
	border:1px solid #8e8e8e;
	padding-left:20px;
	margin-bottom:5px;
	font-size:11px;
	display:block;
	position:relative;
}


.ofertaBox div.img {
	float:left;
	margin-right:10px;
	width:104px;
}
.ofertaBox div.desc {
	
	padding-top:4px;
	float:left;
	width:220px;
}
.ofertaBox a {
	position:absolute;
	bottom:2px;
	right:2px;
	display:block;
}
.button-short {
	background: url("../images/button_short.gif") no-repeat top left;
	background-position: 0px 2px;
	height:15px;
	width:16px;
	border:none;
}
.button-long {
	height:13px;
	width:63px;
	background: url("../images/button_long.gif") no-repeat top left;
	border:none;
}
/* ------ box2 wyszukiwarka ----- */
.searchElement {
	background: #dadada url("../images/bar-white-soft.gif") repeat-x top left;
	height:40px;
	margin-bottom:6px;
	width:362px;
	/*border:1px solid green;*/
}
.searchElement .button-long {
	margin-left:30px;
	margin-top:4px;
	/*border:1px solid green;*/
}
.searchElement select {
	width:240px;
	margin:1px 0px 1px 5px;
	border:none;
}
.element {
	background: #9e9e9e url("../images/h_idz.gif") no-repeat top left;
	background-position:254px 6px;
	/*border:1px solid red;*/
}

/* ------- PRodukty na stronei głównej-------*/
.products {
	background:#9b9b9b;
	padding:0px 5px 0px 5px;

}
.product {
	width:700px;
	background:#848484;
	margin-bottom:5px;
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	color: white;
	font-size:11px;

}
.product .img {
	float:left;
	background:white;
	width:180px;
	text-align:center;
}
.product .desc {
	width:490px;
	float:right;
	text-align:left;
	
}
.product .text {
	margin-top:5px;
	margin-left:20px;
	height:60px;
}
a.wiecej {
	background: url("../images/button_short.gif") no-repeat top right;
	height:15px;
	line-height:10px;
	border:none;
	padding-right:18px;
	color:white;
	float:right;
	margin-right:10px;
	font-size:11px;
}
.product .bar {
	background: #dadada url("../images/bar-white.gif") repeat-x top left;
	height:22px;
	line-height:22px;
	padding-left:5px;
}
.product .bar h2 {
	font-size:11px;
	line-height:22px;
	color:#626262;
}
.footer {
	background:white;
	height:100px;
}
.footer .partners {
	width:724px;
	float:left;
	height:100px;
	line-height:100px;
}
a.logo {
	margin-top:20px;
	float:left;
	margin-left:20px;
}
.kontakt {
	background: url(../images/kontakt.jpg) no-repeat top left;
	width:249px;
	height:91px;
	float:right;
}
/* --------------------- headers ------------------ */
span.h_newsletter {
	display:block;
	background: url("../images/h_newsletter.gif") no-repeat center;
	height:23px;
	width:100px;
	line-height:23px;
}
span.h_produkty_wedlug_dziedzin2 {
	display:block;
	background: url("../images/h_produkty_wedlug_dziedzin2.gif") no-repeat center;
	height:23px;
	width:170px;
	line-height:23px;
}
span.h_produkty_alfabetycznie_d {
	display:block;
	background: url("../images/h_produkty_alfabetycznie_d.gif") no-repeat center;
	height:23px;
	width:170px;
	line-height:23px;
}

span.h_aktualnosci {
	display:block;
	background: url("../images/h_aktualnosci.gif") no-repeat center;
	height:23px;
	width:100px;
	line-height:23px;
	margin-left:6px;
}
.h  {
	display:block;
	height:26px;
	line-height:26px;
	margin-bottom:3px;
}
.h_oferujemy {
	background: url("../images/h_oferujemy.gif") no-repeat left center;
	margin-left:6px;
}
.h_wyszukiwarka {
	display:block;
	background: url("../images/h_wyszukiwarka.gif") no-repeat left center;
	margin-left:6px;
}
.h_strefa_logowania
{
	background: url("../images/h_strefa_logowania.gif") no-repeat left center;
	margin-left:6px;
}
.h_sprzet_uzywany {
	background: url("../images/h_sprzet_uzywany.gif") no-repeat top left;
	height:14px;
	width:100px;
	text-indent:-9999px;
}
.h_akcesoria_medyczne {
	background: url("../images/h_akcesoria_medyczne.gif") no-repeat top left;
	height:14px;
	width:170px;
	text-indent:-9999px;
}
.h_produkty_wedlug_dziedziny {
	background: url("../images/h_produkty_wedlug_dziedziny.gif") no-repeat top left;
	height:14px;
	width:170px;
	text-indent:-9999px;
}
.h_produkty_wedlug_kategorii {
	background: url("../images/h_produkty_wedlug_kategorii.gif") no-repeat top left;
	height:14px;
	width:170px;
	text-indent:-9999px;
}
.h_produkty_alfabetycznie {
	background: url("../images/h_produkty_alfabetycznie.gif") no-repeat top left;
	height:14px;
	width:170px;
	text-indent:-9999px;
}
.h-losowe-produkty {
	background: url("../images/h_losowe_produkty.gif") no-repeat top left;
	height:14px;
	width:170px;
	text-indent:-9999px;
	margin:6px 0px 0px 230px;
}

.h_akcesoria_wedlug_kategorii {
	background: url("../images/akcesoria_wg_kategorii.jpg") no-repeat top left;
	height:14px;
	width:180px;
	text-indent:-9999px;	
}

.h_akcesoria_wedlug_podkategorii {
	background: url("../images/akcesoria_wg_podkategorii.jpg") no-repeat top left;
	height:14px;
	width:180px;
	text-indent:-9999px;	
}

.h_akcesoria_wedlug_producenta {
	background: url("../images/akcesoria_wg_producenta.jpg") no-repeat top left;
	height:14px;
	width:180px;
	text-indent:-9999px;	
}

.pageContainer {
	font-size:11px;
	line-height:18px;
	margin:0px 20px 0px 20px;
}

.productPage {
	width:700px;
}
.productPage a.back {
	float:right;
	font-size:11px;
	font-weight:bold;
	
}
.art {
	padding:5px;
}
.art a.title {
	color:white;
	font-weight:bold;
	
}
.art div.img {
	float:left;
	margin:0px 4px 4px 0px;
	/*text-align:center;*/
}
div.zaj {
	font-size:11px;
	margin-bottom:4px;
}



.footer-menu {
	margin: 5px 0;
	width: 990px;
	height: 63px;
	background: url(../images/footer_bg.jpg) repeat-x top left;
	font-size: 11px;
	color: #002656;
}

.footer-menu div {
	padding: 5px 0;
	/*border: 1px solid green;*/
}

.footer-menu div.left {
	float: left;
	width: 500px;
	text-indent: 5px;
}

.footer-menu div.right {
	float: right;
	padding: 5px 5px 0 0;
	width: 300px;
	text-align: right;
}

.footer-menu  a{
	font-size: 11px;
	text-decoration: none;
	color: #002656;
}

.footer-menu  a:hover{
	text-decoration: underline;
}


#headerout {
 position: relative;
 width: 991px;
 height: 284px;
 
}
#header {
z-index: -1;
}


#search {
 position: absolute;
 height: 33px;
 line-height: 33px;
 padding: 0 10px;
 background: url(../images/search_bg.gif) repeat-x top left; 
 right: 40px;
 bottom: 0;
 z-index: 10;	
}
#search input {
	color: #666;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#tied-products {
	width: 700px;
	float: left;
	margin: 20px 0 0 0; 
	background: #fff;
	/*border: 1px solid orange;*/
}

#tied-products ul {
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
	background: #fff;
}

#tied-products ul li {
	float: left;
	width: 175px;
}

#tied-products ul li a {
	display: block;
	/*order: 1px solid green;*/
	text-align: center;
	font-weight: bold;
	color: #910013;
	padding: 5px;
}

#tied-products ul li a.name {
	background: #efefef;
}


#tied-products .title {
	height: 24px;
	line-height: 24px;
	text-indent: 20px;
	background: #9E9E9E;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}


table.zTable {
	border: 1px solid #888;
	margin:0;
	padding:0;
	border-collapse: collapse;
}

table.zTable th {
	background-color: #002656;
	border:1px solid #888;
	text-align: center;
	padding: 4px;
	color: #fff;
	border-collapse: collapse;
	
}

table.zTable tr td {
	background: #ddd;
	border-right: 1px solid #888;
	border-collapse: collapse;
	padding: 4px;
	text-align: center;
	vertical-align: top;
	/*white-space:nowrap;*/
}

select, input {
	font-family: tahoma;
	font-size: 11px;
	color: #434343;
}


/* Katalog */
#catalogue {

}

#catalogue div.head {
	width: 220px;
	height: 23px;
	background: url(../images/katalog_head_bg.gif) no-repeat left top;
}


#catalogue div.pdf {
	width: 220px;
	height: 45px;
	line-height: 45px;
	background: url(../images/katalog_pdf_bg.jpg) no-repeat left top;
}

#catalogue div.pdf a {
	background: url("../images/button_short.gif") no-repeat top right;
	font-weight: bold;
	color: #fff;
	display: inline;
	padding: 0 20px 0 0;
	margin: 0 0 0 80px;
	
}

.kartka {
	background:#000;
    	opacity:0.82;
    	filter:alpha(opacity=82);
	position:absolute;
	width:574px;
	height:389px;
	z-index:10;
}

.kartka_main{
	width:574px;
	height:389px;
	margin:0 auto;
	position:absolute;
	z-index:11;
	cursor:pointer;
}