@import "php_inc/css/form.css";

body, html
{
    background: #FFFFFF;
    padding: 0px 0px 0px 0px;
    margin: 1px 0px 1px 0px;
}

img { border: none; }

*
{
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #61656e;
}

p *
{
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #61656e;
}

a, p a, li a { color: #2f638b; text-decoration: underline; }
a:hover, p a:hover, li a:hover { color: #2f638b; text-decoration: none; }

ul
{
	margin-top: 0px;
}

ul li {
       list-style-image: url(grafika/li.gif);
       margin-bottom: 0px;
}

ol li {
       font-size: 11px;
       color: #000000;
       margin-bottom: 0px;
}

br.c { clear: both; }

span.styl1
{
    /* tekst */
    font-family: Tahoma, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #61656e;
}

span.styl2
{
    /* naglowek */
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    color: #2f638b;
}

span.styl3
{
    /* naglowek */
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
    color: #7c818a;
}

span.styl4
{
	color: #000000;
}

span.page_name      { font-family: Arial, sans-serif; font-size: 15px; line-height: 16px; font-weight: bold; color: #2f638b; text-decoration: none; }
a.page_name         { font-family: Arial, sans-serif; font-size: 15px; line-height: 16px; font-weight: bold; color: #2f638b; text-decoration: none; }
a.page_name:hover   { font-family: Arial, sans-serif; font-size: 15px; line-height: 16px; font-weight: bold; color: #467ea9; text-decoration: none; }

#div_top { width: 939px; height: 68px; padding: 22px 0px 0px 21px; background: url(grafika/tlo_top.gif) no-repeat; }
* > #div_top { width: 918px; height: 46px; }

#div_top2 { width: 939px; height: 23px; }
* > #div_top2 { }

#top1_1 { float: left; width: 250px; height: 34px; }
#top1_2 { float: left; width: 257px; }
#top1_3 { float: left; width: 222px; padding: 10px 0px 0px 0px; }
#top1_4 { float: left; width: 66px; }
#top1_5 { float: left; width: 1px; padding: 10px 0px 0px 0px; }
#top1_6 { float: left; width: 13px; }
#top1_7 { float: left; width: 109px; padding: 10px 0px 0px 0px; }

#left_1 { float: left; width: 170px; margin-right: 2px; }
* > #left_1 { margin-right: 2px; }

#left_2 { width: 170px; height: 23px;  background: url(grafika/tlo_szare1.gif) no-repeat; }
* > #left_2 { }

#left_3 { width: 170px; height: 388px; background: #c4c6ca url(grafika/tlo_szare2.gif) no-repeat; padding: 36px 0px 0px 15px; color: #FFFFFF; }
* > #left_3 { width: 155px; height: 352px; color: #FFFFFF; }

#left_3 p { color: #ffffff; }
#left_3 p * { color: #ffffff; }
#left_3 a { font-size: 10px; font-family: Tahoma, sans-serif; line-height: 14px; text-decoration: none; color: #ffffff; }
#left_3 a:hover { font-size: 10px; font-family: Tahoma, sans-serif; line-height: 14px; text-decoration: underline; color: #ffffff; }

#left_3_menu { width: 170px; height: 388px; background: #c4c6ca; margin-top: 0px; padding: 0px 0px 0px 0px; }
* > #left_3_menu { width: 170px; height: 388px; margin-top: 0px; }

#main_text { width: 425px; padding: 28px 30px 0px 42px; }
* > #main_text { width: 353px; }

#srodek { float: left; width: 764px; margin-top: 2px; }
#srodek_sub { float: left; width: 764px; margin-top: 2px; padding: 0px 0px 0px 0px; }
#srodek_1 { float: left; width: 339px; }
#srodek_2 { float: left; width: 425px; }

#srodek_2_a { width: 425px; height: 231px; }

#subpage { padding: 19px 0px 0px 35px; }


#kat_typ { width: 300px; height: 40px; background: url(grafika/tlo_category_top.gif) no-repeat top left; text-align: left; font-family: Tahoma, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; }
#kat_typ2 { width: 300px; padding: 0px 21px 0px 21px; }

#text_kat { float: left; width: 428px; background: url(grafika/tlo_text1.gif) repeat-y top left; padding: 0px 15px 0px 26px; }
* > #text_kat { float: left; width: 387px; background: url(grafika/tlo_text1.gif) repeat-y top left; padding: 0px 15px 0px 26px; }

div.kat_row1 { float: left; width: 83px; height: 83px; margin: 0px 5px 0px 0px; background: url(grafika/tlo_category_image.gif) no-repeat; }
div.kat_row_field1 { width: 83px; height: 12px; line-height: 12px; }
div.kat_row_field2 { width: 83px; height: 42px; text-align: center; }
div.kat_row_field3 { width: 83px; height: 9px; line-height: 9px; }
div.kat_row_field4 { width: 83px; height: 20px; color: #FFFFFF; font-weight: bold; }

div.kat_row2 { float: left; width: 83px; height: 83px; margin: 0px 0px 0px 0px; background: url(grafika/tlo_category_image.gif) no-repeat; }
div.kat_row_space { width: 258px; height: 4px; line-height: 4px; }


div.product_kat { float: left; width: 500px; background: #467ea9; padding: 10px 10px 10px 5px; }
* > div.product_kat { width: 485px; }
div.product_kat2 { float: left; width: 190px; padding: 0px 0px 0px 0px; text-align: right; }

td.product_kat_name { width: 10%; text-align: center; color: #FFFFFF; font-size: 18px; line-height: 18px; font-weight: bold; font-family: Tahoma, sans-serif; padding: 4px 4px 4px 4px; }

td.product_kat_text { width: 90%; color: #FFFFFF; line-height: 13px; font-family: Tahoma,sans-serif; font-size: 11px; font-weight: normal; }
td.product_kat_text p { width: 90%; color: #FFFFFF; line-height: 13px; font-family: Tahoma,sans-serif; font-size: 11px; font-weight: normal; }
td.product_kat_text span.styl1 { width: 90%; color: #FFFFFF; line-height: 13px; font-family: Tahoma,sans-serif; font-size: 11px; font-weight: normal; }
td.product_kat_text span.styl2 { width: 90%; color: #FFFFFF; line-height: 13px; font-family: Tahoma,sans-serif; font-size: 11px; font-weight: normal; }
td.product_kat_text span.styl3 { width: 90%; color: #FFFFFF; line-height: 13px; font-family: Tahoma,sans-serif; font-size: 11px; font-weight: normal; }
td.product_kat_text span.styl4 { width: 90%; color: #FFFFFF; line-height: 13px; font-family: Tahoma,sans-serif; font-size: 11px; font-weight: normal; }
td.product_kat_text span { width: 90%; color: #FFFFFF; line-height: 13px; font-family: Tahoma,sans-serif; font-size: 11px; }
td.product_kat_text a { width: 90%; color: #FFFFFF; line-height: 13px; font-family: Tahoma,sans-serif; font-size: 11px; }
td.product_kat_text a:hover { width: 90%; color: #FFFFFF; line-height: 13px; font-family: Tahoma,sans-serif; font-size: 11px; }


#footer_1 { width: 939px; height: 21px; background: url(grafika/tlo_footer1.gif) repeat-x; }
#footer_1_a { width: 939px; height: 2px; background: #ffffff; line-height: 2px; font-size: 2px; }
#footer_2 { width: 939px; height: 56px; }
#footer_2_a { float: left; width: 7px; height: 56px; background: url(grafika/tlo_footer2_a.gif) no-repeat; }

#footer_2_b { float: left; width: 925px; height: 56px; background: #19385d; }
* > #footer_2_b { float: left; }

#footer_2_b_1 { float: left; width: 835px; height: 56px; padding: 20px 0px 0px 96px; color: #3e658b; font-family: Tahoma, sans-serif; font-size: 9px; line-height: 14px; }
* > #footer_2_b_1 { width: 739px; height: 36px; }

#footer_2_b_1 a { font-family: Tahoma, sans-serif; font-size: 9px; line-height: 14px; color: #3e658b; text-decoration: none; }
#footer_2_b_1 a:hover { font-family: Tahoma, sans-serif; font-size: 9px; line-height: 14px; color: #678cb1; text-decoration: underline; }
#footer_2_b_1 a.active { font-family: Tahoma, sans-serif; font-size: 9px; line-height: 14px; color: #678cb1; text-decoration: underline; }
#footer_2_b_1 a.active:hover { font-family: Tahoma, sans-serif; font-size: 9px; line-height: 14px; color: #678cb1; text-decoration: underline; }

#footer_2_b_2 { float: left; width: 90px; height: 56px; padding: 16px 17px 0px 0px; }
* > #footer_2_b_2 { width: 73px; height: 40px; }

#footer_2_c { float: left; width: 7px; height: 56px; background: url(grafika/tlo_footer2_b.gif) no-repeat; }
#footer_3 { background: #ffffff; width: 939px; height: 9px; margin-bottom: 0px; }
#footer_3_a { float: left; width: 7px; height: 9px; background: url(grafika/tlo_footer3_a.gif) no-repeat; }
#footer_3_b { float: left; width: 925px; height: 9px; background: url(grafika/tlo_footer3_b.gif) repeat-x; }
#footer_3_c { float: left; width: 7px; height: 9px; background: url(grafika/tlo_footer3_c.gif) no-repeat; }




div.menu_box_0 { width: 170px; background: #467ea9; margin: 0px; }

.menu     { margin: 0px; padding: 0px; text-align: left; }
* > .menu { padding-top: 0px; }

.menu { width: 170px; margin: 0px; list-style: none; list-style-image: none; padding: 0px; text-decoration: none; }
ul.g_3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #467ea9; }
ul.g_4 { margin: 0px; padding: 0px 0px 0px 0px; background: #467ea9; }


.level3 { margin: 0px 0px 0px 0px; }
.level3 a { font-family: Verdana, sans-serif; font-size: 9px; line-height: 14px; color: #FFFFFF; font-weight: bold; display: block; padding: 14px 10px 12px 0px; background: url(grafika/menu_1_on.gif) no-repeat; background-position: 0px 0px; text-decoration: none; margin: 0px; padding-left: 10px; }
* > .level3 a { color: #FFFFFF; background-position: 0px 0px; }

.level3 a:hover { font-family: Verdana, sans-serif; font-size: 9px; line-height: 14px; color: #9ed1f8; font-weight: bold; display: block; padding: 14px 10px 12px 0px; background: url(grafika/menu_1_on.gif) no-repeat; background-position: 0px 0px; text-decoration: none; margin: 0px; padding-left: 10px; }
* > .level3 a:hover { background-position: 0px 0px; color: #9ed1f8; }

.level3 a.active3 { font-family: Verdana, sans-serif; color: #FFFFFF; font-size: 9px; line-height: 14px; font-weight: bold; display: block; padding: 14px 10px 12px 0px; background: url(grafika/menu_1_on.gif) no-repeat; background-position: 0px 0px; text-decoration: none; margin: 0px; padding-left: 10px; }
* > .level3 a.active3 { background-position: 0px 0px; color: #FFFFFF; }


.level4 { background: url(grafika/menu_1a.gif) no-repeat; padding: 0px 0px 0px 0px; }
.level4 a { font-family: Verdana, sans-serif; font-size: 11px; line-height: 18px; color: #9ed1f8; font-weight: normal; display: block; padding: 1px 0px 2px 27px; background: url(grafika/menu_1a.gif) no-repeat; background-position: 0px 0px; text-decoration: none; margin: 0px; }
* > .level4 a { background-position: 0px 0px; }
.level4a { background: #2f638b url(grafika/tlo_menu_4a.gif) no-repeat top left; padding: 0px 0px 0px 0px; line-height: 9px; font-size: 7px; }
.level4b { background: #2f638b; padding: 0px 0px 0px 0px; line-height: 4px; }

.level4 a:hover { font-family: Verdana, sans-serif; font-size: 11px; line-height: 18px; color: #FFFFFF; font-weight: normal; display: block; padding: 1px 0px 2px 27px; background: url(grafika/menu_1a.gif) no-repeat; background-position: 0px 0px; text-decoration: none; margin: 0px; }
* > .level4 a:hover { background-position: 0px 0px; }


.level4 a.active4 { font-family: Verdana, sans-serif; color: #FFFFFF; font-size: 11px; line-height: 18px; font-weight: normal; display: block; padding: 1px 0px 2px 27px; background: url(grafika/menu_1a.gif) no-repeat; background-position: 0px 0px; text-decoration: none; margin: 0px; }
* > .level4 a.active4 { background-position: 0px 0px; }

div.kat_row_field4 a { color: #ffffff; text-decoration: none; }
div.kat_row_field4 a:hover { color: #ffffff; text-decoration: underline; }

div.product_text_right { float: left; width: 204px; padding: 0px 0px 0px 24px; }
* > div.product_text_right { width: 180px; }