/* style css*/

body {background:#fff;
font-family:"Trebuchet MS",verdana,tahoma, sans-serif;
font-size:11px;
height:283px;
background:url(img/bgr_body.gif) repeat #fff;
}

img {margin:0;padding:0;border:0;}
img a {margin:0;padding:0;border:0;}

div {margin:0;padding:0;border:0;position:relative;}

a{outline: none;}

#container {
width:980px;
margin:2% auto;
min-height:700px;
background:#616281;}


#header {
width:980px;
height:283px;
background:url(img/bgr_header.jpg) no-repeat #111526;}


#search {position:absolute; width:230px; top:10px; right:10px;height:22px;}

form {margin;0;padding:0;border:0;}

input {border:1px solid #2D3C53;  margin:0; padding:0px 3px; text-align:center;  font-size:14px; width:150px; }

.szukaj {width:55px; background:#636483; height:18px; color:#fff; font-size:12px;position:absolute; top:0px;margin:0 3px;}

#logo {position:absolute;
width:90px;
height:43;
top:21px;
left:27px;
display:block;}

#flaga {position:absolute;
bottom:60px;
right:30px;
text-align:center;
}
#flaga a {color:#fff; font-size:12px;display:block; text-decoration:none;margin:5px 0;}

#top {
width:980px;
margin:0;
border-bottom:1px solid #fff;
height:11px;
background:#616281;}

#menu {
left:0;
width:980px;
height:43px;
text-align:left;
background:url(img/bgr_menu.jpg) repeat-x #565772;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
overflow:hidden;
}

#menu a {margin:0;padding:0;border:0;}

#content {float:left;
width:980px;

background:url(img/bgr_content.jpg) repeat-x top #fff;}

#col_left {float:left;width:650px;}

#col_right_cat {background:url(img/bgr_cat_left.jpg) top repeat-x #E1E1E9;
				width:320px;
				z-index:99;
				float:right;
				color:#2E3144;
				font-size:14px;
				}
.equal {height:auto;min-height:410px; }
				
h3 {margin:40px 0 10px 20px;padding:0; border-bottom:1px solid #D9DAE3;max-width:70%;}				
				
#footer {
width:980px;
height:42px;
clear:both;
background:url(img/bgr_footer.jpg) repeat-x #fff;
}
#footer p {color:#fff; position:relative;top:20px;left:5px;}

#kamac {position:absolute;top:20px; right:5px;}
.text {margin:10px; line-height:16px;padding:1px;text-align:justify;}
.text img {border:5px solid #fff;}

/**** PODSTRONY *****/
.strona_kategorii{
	overflow: hidden;
	margin-bottom: 40px;
}
.instrukcje .cen_kategoria a,
.cennik .cen_kategoria a,
.strona_kategorii .cen_kategoria a{
	color: #6E6E6E;
	text-decoration: none;
}
.instrukcje .left,
.cennik .left,
.strona_kategorii .left{
	display: block;
	width: 175px;
	float: left;
	padding: 10px 5px;
}
.instrukcje .left .cen_kategoria,
.cennik .left .cen_kategoria,
.strona_kategorii .left .cen_kategoria{
	cursor: pointer;
	/*line-height: 15px;*/
	border-top: dotted 1px red;
	overflow: hidden;
}
.instrukcje .left .cen_kategoria.active a,
.cennik .left .cen_kategoria.active a,
.strona_kategorii .left .cen_kategoria.active a,
.instrukcje .left .cen_kategoria a:hover,
.cennik .left .cen_kategoria a:hover,
.strona_kategorii .left .cen_kategoria a:hover{
	color: white;
	background-color: #646581;
}
.instrukcje .left .cen_kategoria a,
.cennik .left .cen_kategoria a,
.strona_kategorii .left .cen_kategoria a{
	padding: 10px 5px;
	display: block;
	width: 100%;
	background-color: #fff;
}
.instrukcje .left .cen_kategoria img,
.cennik .left .cen_kategoria img,
.strona_kategorii .left .cen_kategoria img{
	display: none;
}
.instrukcje .left .cen_kategoria.first,
.cennik .left .cen_kategoria.first,
.strona_kategorii .left .cen_kategoria.first{
	border-top: none;
}
.instrukcje .right,
.cennik .right,
.strona_kategorii .right{
	display: block;
	width: 780px;
	float: left;
	overflow: visible;
}


.strona_kategorii .right .cen_kategoria span{
	font-size: 12px;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}

.strona_kategorii .right .cen_kategoria{
	border: 1px solid #D9DAE3;
	display: block;
	width: 180px;
	height: 235px;
	float: left;
	cursor: pointer;
	margin: 5px;
	text-align: center;
}
.strona_kategorii .right .cen_kategoria.hover{
	border: 1px solid #28345C;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
#col_right_cat .cen_kategoria{
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
#col_right_cat .cen_kategoria.hover{
	background-color: #5D5E7A;
}
#col_right_cat .cen_kategoria.hover a{
	color: white;
}
#col_right_cat .cen_kategoria a{
	height: 30px;
	cursor: pointer;
	line-height: 30px;
	text-decoration: none;
	color: #3B3D4C;
}
#col_right_cat .cen_kategoria img{
	display: none;
}


/*******STRONA PRODUKTU************/

.right h2{color: #6E6E6E; font-size:18px;}

.right h4 {color: #6E6E6E; font-size:14px;}
.product_info {
	display:block;
}
div.product_image{
	display: block;
	width: 200px;
	height: 240px;
	float: right;
	padding: 10px;
	z-index: 2;
	text-align: center;
}
div.product_image a{
	margin: auto;
	text-align: center;
}
div.product_image span.preview {
	background: transparent url(img/btn_opis.gif) no-repeat 30px center; 
	text-decoration:none; 
	display: block;
	color:#6c7083; 
	font-size: 11px;
	height: 40px;
	line-height: 40px;
	padding-left: 30px;
	margin: 10px 0;
}

.product_info {
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 10px;
	padding: 0 20px;
}

.product_info .product_name{
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
	padding: 5px 0;
}

.product_info .files a{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 40px;
	color: #5D5E7C;
}
.product_info .files a.instrukcja{
	background: transparent url(img/ico_instrukcja.jpg) no-repeat left;
	width: 200px;
	float: left;
}
.product_info .files a.deklaracja{
	background: transparent url(img/ico_atesty.jpg) no-repeat left; 
	width: 200px;
	float: right;
}
.product_info .files a:hover{
	text-decoration: underline;
}

.product_description {font-size:11px; font-weight:normal;}
.product_description p {text-align:justify;margin}
.product_name a {color:#171c30; text-decoration:none; display: block;}
.product_name a:hover {color:#6c7083; text-decoration:underline;}
/****** LISTA PRODUKTÓW **********/
.products_list{
	padding: 30px 20px;
}
.art_table,
.products_list table{
	background-color: #D9DAE3;
}
.art_table td,
.products_list table td{
	background-color: white;
}
.art_table td,
.art_table th{
	text-align: center;
}
.art_table .table_header td,
.art_table th{
	background-color: AliceBlue;
	font-weight: normal;
}
.products_list .no_results{
	font-size: 16px;
	font-weight: bold;
	color: red;
}
.products_list .category_name{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.products_list .category_description{
	font-size: 14px;
}
.products_list tr{
	height: 50px;
}
.products_list td.product_image{
	width: 200px;
	height: auto;
	text-align: center;
}
.products_list td.product_name{
	padding-left: 20px;
}

/***********CENNIK, INSTRUKCJE****************/
.cennik_lista,
.pliki_lista{
	width: 760px;
	padding: 0 0 0 20px;
}
.cennik_lista{
	padding-bottom: 40px;
}
.cennik_lista .main_header{
	background-color: #202948;
	border:1px solid #9292AE;
	font-size: 14px;
	font-weight: bold;
	color: white;
	text-align: center;
	overflow: hidden;
	width: 758px;
}
.pliki_lista .pliki,
.cennik_lista .products{
	overflow: hidden;
	width: 100%;
	display: none;
}
.pliki_lista .wiersz,
.cennik_lista .product_row{
	overflow: hidden;
	display: block;
	width: 100%;
}
.pliki_lista .wiersz.even,
.cennik_lista .product_row.even{
	background: #F3F3F3;
	margin:2px 0;
	border:1px solid #9292AE;
	width: 758px;
}
.pliki_lista .wiersz.odd,
.cennik_lista .product_row.odd{
	background: #fff;
	margin:2px 0;
	border:1px solid #9292AE;
	width: 758px;
}
.pliki_lista .wiersz div,
.cennik_lista .main_header div,
.cennik_lista .product_row div{
	display: block;
	float: left;
	padding: 5px;
	height: 30px;
	line-height: 30px;
	overflow:hidden;
}
.cennik_lista .main_header div.link,
.cennik_lista .main_header div.price{
	line-height: 15px;
}
.cennik_lista .main_header .name,
.cennik_lista .product_row .name{
	width: 440px;
}
.cennik_lista .main_header .number,
.cennik_lista .product_row .number{
	width: 130px;
	color:#FF6000;
	font-style:italic;
	text-align:left;
}
.cennik_lista .main_header .number{
	width: 110px;
}
.cennik_lista .main_header .price{
	width: 80px;
}
.cennik_lista .product_row .price{
	width: 70px;
	text-align: right;
}
.cennik_lista .main_header .link{
	width: 80px;
}
.cennik_lista .product_row .link a{
	background: transparent url(img/btn_opis.gif) no-repeat scroll center center;
	display: block;
	width: 70px;
	height: 31px;
	text-indent: 1000px;
}
.katalog .header,
.category .header{
	background:url(img/bgr_tab.jpg) repeat-x top #72738F;
	padding: 10px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: white;
	border-top: solid 1px white;
	cursor: pointer;
}

/*********** INSTRUKCJE **************/
.pliki_lista .wiersz .name{
	width: 340px;
}
.pliki_lista .wiersz .size{
	width: 120px;
}
.pliki_lista .wiersz .date{
	width: 120px;
}
.pliki_lista .wiersz .link a{
	background: transparent url(img/btn_sciagnij.gif) no-repeat center left;
	display: block;
	width: 50px;
	height: 30px;
	text-indent: 100px;
	overflow: hidden;
}

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

.kontakt {width:350px; float:left; margin:0; padding:0; }

h4 {margin:1px;padding:1px;}

#map {width:600px;float:right;height:300px;margin:10px 5px;}

.pola {border:1px solid #777A8A; padding:1px; margin:2px; width:300px;}
.error {color:#FF0000;font-weight:500;font-size:10px;}

/* technika */
.menu_tech  {display:block;color: #6E6E6E; width:250px; float:left;}
.dys {float:left;width:450px;}
.dys ul {list-style-type:none; margin:1px; padding:1px;}

.dys li  {margin:5px;padding:4px;width:240px; border-bottom:dotted 1px red;}

.dys a {color: #6E6E6E;  font-size:11px;text-decoration:none;font-weight:bold;display:block;}

.dys li a:hover {color: #6E6E6E;  font-size:11px;text-decoration:underline;font-weight:bold;display:block;}


.menu_tech ul {list-style-type:none; margin:1px; padding:1px;}

.menu_tech li  {margin:5px;padding:4px; border-bottom:dotted 1px red;}

.menu_tech a {color: #6E6E6E;  font-size:11px;text-decoration:none;font-weight:bold;display:block;}

.menu_tech li a:hover {color: #6E6E6E;  font-size:11px;text-decoration:underline;font-weight:bold;display:block;}

.lista_dystrybutor {margin:5px; padding:1px;}
.lista_dystrybutor p {margin:1px; padding:1px;}

h2 {font-size:16px; margin:2px; padding:1px;}

#imgPreviewWithStyles {
    background: #9090AA url(img/ajax-loader.gif) no-repeat center;
    padding: 15px;
    z-index: 999;
    border: none;
}
/*    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;*/
/* Text below image */
#imgPreviewWithStyles span {
    color: white;
    text-align: center;
    display: block;
    padding: 10px 0 3px 0;
}

.instrukcje .zakladka_duza { 
	width:100%; 
	margin:10px 0;
	padding:0; 
	position:relative; 
}
.instrukcje .zakladka_duza ul{
	margin:0 2px;
	padding:0 16px;
	top:0px;
	left:135px;
}
.instrukcje .zakladka_duza ul li{
	display: block;
	float:left;
	margin:0 2px;
	position:relative;
	width: 151px;
	height: 38px;
	line-height:44px;
	font-size:12px;
	color: #D3D3D3;
	text-align:center;
	background:url(img/tab1.jpg) no-repeat top;
	font-weight:600;
}
.instrukcje .zakladka_duza ul li a { text-decoration: none; color:white; font-size:12px;  display:block;}
.instrukcje .zakladka_duza ul li.active {background:url(img/tab2.jpg) no-repeat top;}
.instrukcje .zakladka_duza ul li.active a { color: #575757; }

.instrukcje #zakladka_tresc {background:none;display:block;margin:0;padding:0;}

.instrukcje #zakladki_tab {width:100%; margin:0;padding:0;}

.instrukcje #zakladki_tab p {margin:10px;}
	
.instrukcje #zakladka1, .instrukcje #zakladka2, .instrukcje #zakladka3 , .instrukcje #zakladka4 {
	background:url(img/bgr_text_tab.jpg) no-repeat top left #fff;
	min-height:200px;
	margin:0;
	clear:both;
	color: #000;  
	/*display: none;*/ 
}

.standard_table{
	background-color: #D9DAE3;
}
.standard_table td,
.standard_table th{
	background-color: white;
}