HTML, BODY {
	font-family: "Trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-align: center; /* for IE */
	margin: 0;
	width: 100%;
	height: 100%;
	color: #777;
	background:#a7a7a7 url(body_bg.jpg) repeat-x top left;
}


#body {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 770px;
	height: 100%;	 
	margin-bottom: 30px;
}

#main {
	width: 770px;
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}


/*	GORA STRONY	===============================================================	*/
#top{
    height: 111px;
    width: 770px;
	padding: 0;
	margin: 0;
	clear: both; 
	position: relative;
}

#link {
	position: absolute;
	top: 20;
	left: 20;
	width: 280px;
	height: 80px;
}

#menu_top {
    background: url(menu_top_bg.jpg);
    display: table;
    width: 770px;
    height: 26px;
	padding: 0;
	margin: 0;
}

#menu_top_pos, #menu_top_pos a {
	text-decoration: none;	
	color: #ffffff;
	text-align: center;
	font-size: 12px;
	font-weight:bold;
	line-height: 26px;
}

#menu_top_pos a:hover {
	text-decoration: underline;
}
/*	KONIEC GORA STRONY	===============================================================	*/

/*	MENU  LEWE	===============================================================	*/
#menu_left {
	width: 222px;
	padding: 10px 15px 0 4px;
	float: left;
}

#menu_left_top {
	background-image: url('menu_left_top.jpg');
	width: 203px;
	height: 27px;
}

#menu_left_bottom {
	background-image: url('menu_left_bottom.jpg');
	width: 203px;
	height: 96px;

}

.menu_left_element {
	background-image: url('menu_left_element.jpg');
	width: 203px;
	height: 32px;
}

.menu_left_element a {
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	padding-left: 10px;
	line-height: 32px;
	font-weight:bold;
}

.menu_left_element a:hover {
	text-decoration: underline;
}
.menu_left_element span {
	color: #ee9217;
	padding-left: 10px;
	line-height: 32px;
	font-size: 14px;
}


.menu_left_element_sub {
	background-image: url('menu_left_element.jpg');
	width: 203px;
	height: 32px;
}

.menu_left_element_sub a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
	padding-left: 20px;
	line-height: 32px;
	font-weight:bold;
}

.menu_left_element_sub a:hover {
	text-decoration: underline;
}

.menu_left_element_sub span {
	color: #ee9217;
	padding-left: 20px;
	line-height: 32px;
	font-size: 11px;
}
/*	KONIEC MENU LEWE	===============================================================	*/

/*	ZAWARTOSC STRONY ===============================================================	*/
#content {
	width: 517px;
	float: right;
	margin-right: 6px;
	padding-top: 10px;
}

#content_title {
	text-align: left;
	font-size: 16px;
}

/*	KONIEC ZAWARTOSC STRONY ===============================================================	*/

#bottom {
	width: 770px;
	height: 55px;
	background-image: url('bottom_bg.jpg');
}

.clear {
	clear: both;
}

.menu_tab{
       display: inline;
       margin-left: 26px;
       margin-top: 8px;
       float: left;
       border: 0;
       height: 20px;
}
.menu_l{
       background: url(menu_l.gif);
       width: 7px;
       height: 20px;
}
TD.menu_p{
       background: url(menu_p.gif) no-repeat;
       padding-right: 12px;
       width: 7px;
       height: 20px;
}
.menu_c{
	background: #FFF;
	border-top: 2px solid #00C6FF;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	font-size: 11px;
}
.menu_c A{
       color:#565656;
       text-decoration: none;
}
.menu_c A:hover{
       color:#565656;
       text-decoration: underline;
}
.menu_tab2{
       display: inline;
       margin-right: 26px;
       float: right;
       border: 0;
       padding: 0;
       height: 24px;
}
.menu_l2{
       background: url(menu_l2.gif);
       width: 7px;
       height: 24px;
}
TD.menu_p2{
       background: url(menu_p2.gif) no-repeat;
       width: 7px;
       height: 24px;
}
.menu_c2{
       background: #FFF;
       border-bottom: 2px solid #A0A0A0;
       padding-top: 1px;
       padding-left: 10px;
       padding-right: 10px;
       height: 20px;
       font-size: 11px;
}
.menu_c2 A{
	color: #3BA3C1;
	text-decoration: none;
}
.menu_c2 A:hover{
	color: #2D7B91;
	text-decoration: underline;
}
.bok{
       background: url(bok_bg.gif) #FFF 6px repeat-y;
       width:210px;
       height: 100%;
       vertical-align:top;
}
.bok_top{
       background: url(bok_top.gif);
       width: 204px;
       height: 17px;
       margin-left:6px;
       font-size: 1px;
}
.bok_head{
       background: url(bok_head.gif);
       width: 204px;
       height: 40px;
       margin-left:6px;
}
.bok_head A{
       font-family: "Arial", tahoma, verdana, arial, helvetica, sans-serif;
       display: block;
       padding-left: 27px;
       padding-top: 10px;
       font-weight: bold;
       font-size: 12px;
       color: #FFF;
       text-decoration: none;
}

.bok_head A:hover{
	color: #235F70;
}
.bok_kat{
       width: 204px;
       padding-left:19px;
}
.bok_kat UL{
       list-style: none;
       padding: 0;
       padding-left: 8px;
       margin:0;
}
.bok_kat UL LI{
list-style: outside;
list-style-image: url(bok_kat_bull.gif);
margin: 1px 0 1px 8px;
}
.bok_kat UL LI A{
       font-size: 11px;
       vertical-align: top;
       color: #FFF;
       text-decoration: none;
       line-height: 13px;
}
.bok_kat UL LI A:hover{
       font-weight: bold;
}

.tresc{
       text-align: center;
       width: 560px;
       height: 100%;
       background: #FFF;
       vertical-align: top;
       padding:0.6em;
       text-align: center;
}
.tresc_tytul{
       text-align: left;
       background: url(tresc_tytul.gif) repeat-x bottom;
       width: 100%;
       margin: 0 auto;
       font-size: 13pt;
       font-weight: 200;
       letter-spacing: 0px;
}
.tresc_box{
       background: #EFEFEF;
       text-align: left;
       width: 500px;
       margin: 0 auto;
       margin-top: 1.2em;
       border: 1px solid #DDD;
       padding: 0.6em;
       font-size: 9pt;
       line-height: 13pt;
}
.prod{
       text-align: left;
       width: 504px;
       margin: 0 auto;
       margin-top: 1.2em;
       padding: 0.6em;
}
.prod_top{
       background: #5D5D5D url(prod_top.gif) right;
       height: 9px;
       font-size: 1px;
}
.prod_con{
	border-left: 1px solid #919191;
	border-right: 1px solid #919191;
	border-bottom: 2px solid #919191;
	border-top: 0;
	width: 100%;
	height: auto;
}
.prod_thumb{
       position: relative;
       width: 112px;
       background: #F3F3F3;
       border: 1px solid #E8E8E8;
       text-align: center;
       padding: 6px 0px 6px 0px;

}
.prod_thumb IMG{
       border: 0;
       margin: 0;
}
.prod_con2, .prod_con3{
       width: 100%;
       border-left: 1px solid #E5E5E5;
       padding:0;
       padding-left: 5px;
       padding-right: 5px;
       vertical-align: top;
       font-size: 9pt;
       line-height: 11pt;
}
.prod_con3{
       background: #EEE;
       vertical-align: top;
       padding-left: 25px;
}
.prod_con2 .title{
       font-size: 11pt;
       font-weight: bold;
       display: block;
       margin-bottom: -5pt;
}
.prod_con2 .cena{
	color: #00A3DD;
}
.prod_cena{
       color: #00A3DD;
       text-align: center;
       font-size: 11pt;
       font-weight: bold;
}
.prod_linki{
       width: 100%;
       height: 30px;
       padding: 0;
       margin: 0px;
       text-align: center;
       font-size: 1px;
       white-space: nowrap;
       vertical-align: top;
}
a.prod_btn{
       display: block;
       float: left;
       width: 95px;
               line-height: 20px;
       text-align: center;
       color: #FFF;
       background: #919191 url(prod_btn.gif) center;
       border: 1px solid #E8E8E8;
       font-size: 8pt;
       font-weight: bold;
       vertical-align: top;
       text-decoration: none;
       margin-top: 4px;
       margin-right: 2px;
}
a.prod_btn:hover{
       border: 1px solid #00A3DD;
       background: #919191 url(prod_btn.gif) center;
}
.prod_lupa{
       display: table-cell;
       width: 100px;
       height: 18px;
       text-align: right;
       color: #ABABAB;
       background: #F3F3F3 url(lupa.gif) 2px no-repeat;
       border: 1px solid #F3F3F3;
       font-size: 7pt;
       vertical-align: middle;
       text-decoration: none;
       margin-left: 5px;
       margin-right: 5px;
}
.prod_lupa:hover{
       border: 1px solid #DDD;
}



.footer{
       background: url(footer.gif);
       height: 60px;
       width: 770px;
       font-size: 11px;
       text-align: right;
       padding: 10px;
       padding-top: 0px;
       color: #999999;
}
.koszyk{
        width:100%;
        border: 1px solid #5D5D5D;
        border-bottom: none;
 }
.koszyk TH{
        font-weight: bold;
        font-size: 9pt;
        text-align: center;
        color: #FFF;
        border-right: 1px solid #DDD;
 }
 .koszyk TD{
        font-size: 9pt;
        font-weight: bold;
        color: #666;
        border-right: 1px solid #EEE;
        border-bottom: 1px solid #EEE;
        padding: 3px 10px 3px 10px;
 }
 .koszyk .prawa{
        text-align: center;
        font-weight: normal;
        border-right: none;
        width: 15%;
 }
  .koszyk .lewa{
        width: 12%;
        font-weight: normal;
        text-align: center;
 }
 .koszyk A{
 text-decoration: none;
 color: #FF7000; }
  .koszyk A:hover{
 color: #666; }
 .form_blok{
        border: 1px solid #5D5D5D;
        border-top: none;
        border-bottom: 2px solid #5D5D5D;
        background: #EEE;
        height: 100%;
        width: 260px;
        vertical-align: top;
 }
 .form_blok INPUT{
        font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
        font-size: 9pt;
        line-height: 10pt;
        height: 20px;
        background: #FFF;
        border: 1px solid #DDD;
        float: left;
        color: #929292;
  }
 .form_blok TH{
        width: 100%;
        background:#888;
        color: #FFF;
        font-size: 9pt;
        border-top: 1px solid #00A3DD;
        line-height:10.5pt;
        padding: 1pt;
        text-align: center;
 }
  .form_blok TD{
        color: #666;
        font-size: 9pt;
        line-height:10.5pt;
        padding: 2pt;
        text-align: right;
 }
 .form_blok .top{
        width: 100%;
        background:#666;
        font-size: 11pt;
        border-bottom: 2px solid #CCC;
        border-top: none;
        padding: 4pt;
 }
.form_main{
       text-align: left;
       vertical-align: top;
       width: 514px;
       margin: 0 auto;
       margin-top: 1.2em;
       padding: 0em;
}