﻿body { 
	margin:0px;
   	padding: 0px;
   	text-align:center;
   	background: #d5dcdf url(imgs/back.jpg) top left repeat-x;
    }
body, td, th { 
	font: 11px arial, sans-serif;
    } 
p {
   	text-align:left;
}
a {
	text-decoration: none;
	color: #ff6600;
}
a:hover{
	color: #cc0000;
}
h1 {
	color: #24ae02;
	font: 18px arial, sans-serif;
	display: block;
	text-align: left;
	padding: 10px 0px 5px 0px;
	margin: 0;
}
h2 {
	color: #24ae02;
	font: bold 16px arial, sans-serif;
	display: block;
	text-align: left;
	margin: 0; 
	padding: 10px 0px 5px 0px;
}

/**********   struktura strony  ***********/
#main {
    margin: 0 auto;
    width: 770px;
}
#mtab_up, 
#mtab, 
#mtab_dn {
	margin:0px;
	padding:0px;
	width: 770px;
}
#mtab_up{
	height: 5px;
	background: url(imgs/mtab_up.gif) left bottom no-repeat;
}
#mtab{	
	background: #ffffff url(imgs/mtab_back.gif) left top repeat-y;
}
#mtab_dn{
	height: 5px;
	background: url(imgs/mtab_dn.gif) left top no-repeat;
}
div#content { 
	clear:both;  
    padding: 0; margin: 0px 5px 0px 5px; width:760px ;
}
div#content { 
	clear:both;  
    padding: 0; margin: 0px 5px 0px 5px; width:760px ;
}
div#cont_offer {
    clear:both;  padding: 0; margin: 0px 5px 0px 5px; height:102px; width:760px;
}
div#bottom {
    clear:both;  padding: 10px 0px 0px 0px; margin: 0px 5px 0px 5px; color: #000; height:230px; width:758px;
	background: #6699cc url(imgs/bottom_back.jpg) left bottom repeat-x;
	border-left: 1px solid #d0d5dd;
	border-right: 1px solid #d0d5dd;
	border-top: 1px solid #d0d5dd;
}
#h_logo{  
    float:left;
	width:530px;
	background: #f0f0f0 url(imgs/h_back.jpg) left top repeat-x;
	text-align:left;
}
#h_right{  
    float:right;
	width:230px;
	background: #f0f0f0 url(imgs/h_back.jpg) left top repeat-x;
}
div#cont_tfield {
	float: left;
	width: 435px; 
	text-align: left;
    padding: 8px 3px 10px 1px;  
}
div#text_box {
	text-align: left;
    margin: 8px; 
	color: #333333; 
}
div#offer_tab {
	float:left;  text-align:center; 
    padding: 0px 4px 0px 4px;  
	margin: 0; 
}
div#bottom_left{
	float: left; padding: 0px; margin: 0; height: 230px; width:590px;
	background: url(imgs/bottom_back_left.jpg) left bottom no-repeat;
}
#page_nav_left{
	float: left;
	width:160px;
	text-align:left;
}

#page_nav,
#page_nav_left{
	margin: 0px 0px 20px 0px;
}
#page_nav,
#page_nav_mid,
#page_nav_bottom{
	float: right;
	width:160px;
	padding: 0px;
	text-align:left;	
}
#page_nav_mid{
	height:101px;
	border-top: 1px solid #ffffff;
	background: #cc6600 url(imgs/mid_back_right.jpg) left top no-repeat;
}
#page_nav_bottom{
	height:230px;
	border-left: 1px solid #d0d5dd;;
	background: url(imgs/bottom_back_right.jpg) left bottom repeat-x;
	padding: 0px;
	color: #4a4a4a;
}
/********** glowne menu kategorii ***********/
#menu {
	padding: 0px 5px 0px 5px;
	background: url(imgs/menu_back.jpg) left top repeat-y;
	border-top: 1px solid #b3c9d7;
}
.menu_item {
	font: 11px arial, sans-serif;
	text-align:left;
	color:#ffffff;
	vertical-align:middle;
	background: #3382b6 url(imgs/menu_item_back.jpg) left top repeat-x;
	border-bottom: 1px solid #b3c9d7;
	padding: 5px 0px 5px 0px;
}
.menu_item_sub {
	margin: 0px 5px 0px 5px;
	font: 11px arial, sans-serif;
	text-align:left;
	color:#ffffff;
	vertical-align:middle;
	border-bottom: 1px dotted #f0f0f0;
	padding: 5px 0px 5px 0px;
}
.menu_item a {color:#ffffff;}
.menu_item_sub a {color:#ffffff;}
.menu_item a:hover {color:#b3c9d7;text-decoration:none:}
.menu_item_sub a:hover {color:#b3c9d7;text-decoration:none;}

/********** menu kategorii zastosowania ***********/
#menu_left {
	padding: 0px 3px 0px 4px;
	border-top: 1px solid #f0f0f0;
	background: url(imgs/menu_l_back.jpg) left top repeat-y;
}
.menu_left_item {
	font: 11px arial, sans-serif;
	padding: 5px 0px 5px 0px;
	text-align:left;
	color:#ffffff;
	vertical-align:middle;
	border-bottom: 1px solid #f0f0f0;
}
.menu_left_item a {color:#ffffff;}
.menu_left_item a:hover {color:#ffffff;text-decoration:underline;}

/********** obrazki w menu ***********/
.menu_img {
	vertical-align:middle;
	margin: 0;
	border: 0;
}
.menu_img_sub {
	vertical-align:middle;
	margin: 0;
	border: 0;
	float:left
}

/***** menu produkty ****************/
#menu_prod {
	padding: 0px 3px 0px 4px;
	background: url(imgs/menu_p_back.jpg) left top repeat-y;
}
.menu_prod_item {
	margin: 0px 5px 0px 5px;
	font: 11px arial, sans-serif;
	text-align:left;
	color:#333333;
	vertical-align:middle;
	border-bottom: 1px dotted #666666;
	padding: 5px 0px 5px 0px;
}
.menu_prod_item a {color:#333333;}
.menu_prod_item a:hover {color:#000;text-decoration:underline;}

/***** menu poziome - strona glowna ****************/
.menu_kat1,
.menu_kat2,
.menu_kat3,
.menu_kat4,
.menu_kat5 {
	vertical-align:middle;
	font: bold 11px arial, sans-serif;
	color: #ffffff;
	padding: 5px;
}
.menu_kat1 a,
.menu_kat2 a,
.menu_kat3 a,
.menu_kat4 a,
.menu_kat5 a {
	color: #ffffff;
}
.menu_kat1 a:hover,
.menu_kat2 a:hover,
.menu_kat3 a:hover,
.menu_kat4 a:hover,
.menu_kat5 a:hover {
	color: #f0f0f0;
	text-decoration:underline;
}
.menu_kat1, #menu_kat1{
	background: #5ac62d url(imgs/menukat1_back.jpg) left top repeat-x;
}
.menu_kat2, #menu_kat2{
	background: #66cccc url(imgs/menukat2_back.jpg) left top repeat-x;
}
.menu_kat3, #menu_kat3{
	background: #ff4e00 url(imgs/menukat3_back.jpg) left top repeat-x;
}
.menu_kat4, #menu_kat4{
	background: #ff9933 url(imgs/menukat4_back.jpg) left top repeat-x;
}
.menu_kat5, #menu_kat5{
	background: #adc100 url(imgs/menukat5_back.jpg) left top repeat-x;
}
/************ style tekstu *****************/
.mpageinfo {
	width:435px;
	padding: 0;
	margin: 6px 0px 0px 0px;
	vertical-align:top;
}
.mpageinfo_up {
	background: #d8dbe3 url(imgs/mpageinfo_up.jpg) top left no-repeat;
	height:31px;
}
.mpageinfo_text {
	height:62px;
	background-color: #d8dbe3;
	font: 11px arial, sans-serif;
	padding: 0px 10px 0px 10px;
	text-align:left;
	color:#333333;
	vertical-align:top;
}
.mpageinfo_dn {
	background: url(imgs/mpageinfo_dn.gif) top left no-repeat;
	height:10px;
}
#aktu_left {
	padding: 0px 3px 0px 4px;
	height:260px;
	background: url(imgs/menu_l_back.jpg) left top repeat-y;
	font: 11px arial, sans-serif;
	text-align:left;
	color:#ffffff;
	vertical-align:middle;
}
.tytul {
	color: #ff6600;
	font: 20px arial, sans-serif;
	display: block;
	text-align: left;
	padding: 0px 0px 18px 0px;
}
/*************************************/

.news {
	padding: 5px 10px 4px 10px;
	text-align: left;
	font: 11px arial, sans-serif;
	color: #ffffff;
}
p.news_tytul{
	padding:0px 0px 2px 0px; 
	margin:0;
}
p.news_tytul a {color: #ffffff;}
p.news_tytul a:hover {color: #cccccc;}

p.news_data {
	color: #ffd1bb;
	font: 9px arial, sans-serif;
	padding:0px 0px 0px 0px; 
	margin:0;
}
.news_img{
	padding:0px 6px 0px 0px; 
	margin: 0;
	border: 0;
	float:left;
}
.big_img { 
	border: 5px solid #F0F0F0;
	}
/*************************************/

.text_img {
	border: 1px solid #c4d7d6;
	text-align: center; 
}
div.news_bottom {
	padding: 3px 3px 3px 3px;
	text-align: left;
	font: 11px Arial, sans-serif;
	color: #666666;
	height: 140px;
}
#bottom_left p {
	font-size: 10px;
	color: #94C5E4;
	text-align:center;
	padding: 20px 5px 5px 5px;
}
.bottom_text {
	padding: 10px 5px 5px 5px;
	font-size: 10px;
	color: #ffffff;
}
.bottom_text a {
	color: #ffffff;
}
.bottom_text a:hover{
	color: #f0f0f0;
	text-decoration:underline;
}
p.prod_nazwa {
	padding: 15px 0px 10px 0px;
	color: #ff6600;
	font: bold 12px Verdana, arial, sans-serif;
}

.prod_img {
	border: 1px solid #c4d7d6;
	text-align: center; 
	width: 150px;
}
.pd_table {
	width: 250px;
	height:125px;
	border-top: 1px solid #c4d7d6;
	border-right: 1px solid #c4d7d6;
}
.pd_table td{
	border-bottom: 1px solid #c4d7d6;
}
.pd_head{
	border: 0;
	width: 65%;
	background-color: #e0ebeb;
	text-align: left;
	border-right: 1px solid #c4d7d6;
	padding: 0px 0px 0px 6px;
}
.pd_data {
	padding: 0px 0px 0px 6px;
}
.stronicowanie{
	background-color: #e0ebeb;
	height: 18px;
	font-weight: bold;
	vertical-align:middle;
	text-align: center;
	padding-top:2px;
	margin: 10px 0px 10px 0px;
}
.form_field{
	width: 380px;
	height: 12px;
	padding: 2px;
	font: 11px Arial, sans-serif;
}
.form_area{
	width: 380px;
	height: 120px;
	font: 11px Arial, sans-serif;
}
.form_butt{
	font: 11px Arial, sans-serif;
}
