body {background-color: transparent; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #878581; margin: 4px 0 0 0; padding: 0; background-image: url(images/tlo.gif);	background-position: top;	background-repeat: repeat-x;}

p {font-size: 11px; font-weight: normal; margin: 0 20px 0 20px; padding: 0; text-align: justify}
form {margin: 0; padding: 0}

ul {margin-right: 20px};
img {border: 0}

#file_list {margin: 0 20px 0 20px; padding: 0;  list-style-type: none;}
#file_list li a {display: block; color: #878581; width: 186px; padding: 7px 7px 7px 30px; text-decoration: none; border-bottom: 4px solid #FFF}
#file_list li.doc a {background: #F7F4EC url(images/icons/files/doc.gif) top left no-repeat; }
#file_list li.avi a {background: #F7F4EC url(images/icons/files/avi.gif) top left no-repeat; }
#file_list li.pdf a {background: #F7F4EC url(images/icons/files/pdf.gif) top left no-repeat; }
#file_list li.ppt a {background: #F7F4EC url(images/icons/files/ppt.gif) top left no-repeat; }
#file_list li.swf a {background: #F7F4EC url(images/icons/files/swf.gif) top left no-repeat; }
#file_list li.xls a {background: #F7F4EC url(images/icons/files/xls.gif) top left no-repeat; }
#file_list li.zip a {background: #F7F4EC url(images/icons/files/zip.gif) top left no-repeat; }
#file_list li.other a {background: #F7F4EC url(images/icons/files/other.gif) top left no-repeat; }
#file_list li a:hover {background-color: #24AE94;	color: #FFF;}

#top {width: 732px; height: 300px; margin: 0 auto 0 auto;}
#logo {float:left; width: 199px; height: 107px; background: #FFF url(images/logo.png) bottom left no-repeat; margin: 0; border-top: 6px solid #CEE8E3}
#logo a {display: block; width: 199px; height: 107px;}
#logo h1 {display: none}
#rest {float:right; width: 533px; height: 63px; margin: 0; padding: 50px 0 0 0; text-align: right}
#rest img {vertical-align: middle; margin: 0 10px 0 10px; border: 0 solid #FFF}


#banner {clear: both; width: 732px; height: 187px; margin: 0; padding: 0;}

div.tlo_1 {background: #fff url(images/banner_01.jpg) no-repeat left top;}
div.tlo_2 {background: #fff url(images/banner_02.jpg) no-repeat left top;}
div.tlo_3 {background: #fff url(images/banner_03.jpg) no-repeat left top;}
div.tlo_4 {background: #fff url(images/banner_04.jpg) no-repeat left top;}

#banner object {float: left; display: block; width: 553px; height: 187px}

#banner ul {float: left; padding: 17px 0 0 20px;  margin: 0; list-style-type: none; font-weight: bold;  font-family: "Arial Narrow", Helvetica, sans-serif; letter-spacing: 2px; width: 159px}
/*#banner li {padding: 2px 0 2px 0; background: transparent url(images/arrow_top_menu.png) no-repeat left center;  border-bottom: 1px solid #00B48E}*/
#banner li {padding: 2px 0 2px 0; }
#banner li a {display: block; color: #FFF; text-decoration: none; font-weight: bold;  width: 130px; margin: 0 0 0 0px;}
#banner li a:hover {color: #F4EFE2; margin: 0 0 0 5px; background: transparent url(images/arrow_top_menu.png) no-repeat right center;}
#belka {clear: both; width: 712px; height: 25px; background-color: #FAFAFA; margin: 0 auto 0 auto; color: #878581; padding: 9px 0 0 20px;}
#conteiner {width: 732px; margin: 0 auto 0 auto;}
#content {float: right; width: 532px; background-image: url(images/cien_left.png); background-position: left top; background-repeat: no-repeat;}
#content h2 {font-size: 18px; font-weight: normal; margin: 20px 20px 0 20px; padding: 0; color: #437B70; text-align: left}
#content h3 {font-size: 11px; font-weight: normal; margin: -5px 20px 20px 20px; padding: 0;  letter-spacing: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
#content h4 {font-size: 12px; font-weight: normal; margin: 0; padding: 0; color: #437B70; font-weight: bold}
#content div {padding: 0; margin: 20px 20px 0 20px; text-align: justify}
#content span.right {display: block; text-align: right; margin: 20px; color: #FF9900}
#content span.right_szukaj {display: block; text-align: right; margin: 0;}
#content h3.szukaj {margin: 20px 20px 10px 20px; font-size: 15px; font-weight: bold; color: #FF9900}

#mapa {margin: 0 0 0 0px}

div#stronicowanie {width: 492px; padding: 0 0 5px 0; text-align: right; margin: 0}

/*Dla Panelu administracyjnego*/
#admin_banner {clear: both; width: 732px; height: 187px; margin: 0; padding: 0; background: #fff url(images/banner_02.jpg) no-repeat left top;}
#admin h3 {font-size: 18px; font-weight: normal; margin: 20px 0 0 20px; padding: 0; color: #437B70;}
#admin h2 {font-size: 11px; font-weight: normal; margin: -5px 0 20px 20px; padding: 0;  letter-spacing: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
#admin h4 {font-size: 12px; font-weight: normal; margin: 20px 0 0 20px;; padding: 0; color: #437B70; font-weight: bold}
#admin {float: right; width: 532px;}
#admin form {margin: 0; padding: 0}
#admin p{font-size: 11px; font-weight: normal; margin: 10px 20px 20px 20px; padding: 0; text-align: justify}
#admin label {display: block; margin: 10px 20px 0 0;}
#admin input, #admin textarea, #admin select {font-size: 11px; color: #878581; padding: 2px; margin: 0; width: 486px; border: 1px solid #E9E9E9; font-family: Arial, Helvetica, sans-serif;}
#admin input.table, #admin textarea.table, #admin select.table {font-size: 11px; color: #878581; padding: 2px; margin: 0; width: 300px; border: 1px solid #E9E9E9; font-family: Arial, Helvetica, sans-serif;}
#admin textarea.table {height: 100px}
#admin input.checkbox {width: auto; border: 0px solid #FFF; padding: 0; margin: 0;}
#admin textarea.textarea {width: auto;}
#admin .submit {border: 1px solid #E9E9E9; width: auto; color: #878581; background-color: #F2ECE4; padding: 0; margin: 20px 0 0 0}
#admin table {background-color: #E9E9E9; margin: 20px 20px 0 20px; width: 492px}
#admin td {background-color: #FFF;}
#admin td.normal {background-color: #FFF;  white-space: normal}
#admin td.right, #admin th.right {text-align: right}
#admin th {text-align: left}
#admin ul {margin: 0 20px 0 15px; padding: 0;  list-style-type: none;}
#admin li {display: inline; margin: 0; padding: 0}
#admin img {border: 1px solid #555555; margin: 5px 0 0 5px; padding: 0}
#admin img.usun {border: 0px solid #555555; margin: 0; padding: 0}
#admin .none {display:none;}
#admin .visible { display:block}
#admin .linia {margin: 20px 20px 20px 20px; padding: 0;  height: 1px; border-top: 1px solid #FF9900; font-size: 0; }

#admin ul.lista {margin: 0 20px 0 40px; padding: 0;  list-style-type: disc; text-align: justify}
#admin ul.lista li {margin: 0 0 5px 0; padding: 0; display: block}
#admin ul.lista li ul {margin: 0 0 0 40px; padding: 0;  list-style-type: disc}
#admin ul.lista li li {margin: 0 0 5px 0; padding: 0; display: block}



#logowanie_admin {width: 300px; margin: 150px auto 0 auto;}
#logowanie_admin legend{margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #437B70; font-weight: bold }
#logowanie_admin label {width: 70px; display: block; float: left; padding: 4px 0 0 0}
##logowanie_admin input{font-size: 11px; color: #878581; padding: 2px; margin: 0; width: 209px; border: 1px solid #E9E9E9; font-family: Arial, Helvetica, sans-serif;}
#logowanie_admin span {display: block; text-align: right}
#logowanie_admin .submit {border: 1px solid #E9E9E9; width: auto; color: #878581; background-color: #F2ECE4; padding: 0; margin: 5px 0 0 0}
#logowanie_admin .error {margin: 0 0 10px 0; color: #FF9900}
/*END*/
a {color: #00A082; text-decoration: none }
a:hover {color: #878581}

#menu {float: left; width: 200px}
#menu ul{margin: 0; padding: 0;  list-style-type: none;}
#menu h2{ margin: 0; display: block; color: #FFF; background-color: #00A082; width: 170px; padding: 7px 10px 7px 20px; font-size: 11px; border-top: 3px solid #00B48E; font-weight: bold;  font-family: "Arial Narrow", Helvetica, sans-serif; letter-spacing: 2px;}
#menu span {color: #E2FAE7; background-color: transparent;}
#menu li a {display: block; color: #878581; background-color: #E4D9C8; width: 170px; padding: 7px 10px 7px 20px; text-decoration: none; border-bottom: 1px solid #D9C6B3}
/* #menu li a {display: block; color: #878581; background-color: #F2ECE4; width: 170px; padding: 7px 10px 7px 20px; text-decoration: none; border-bottom: 1px solid #ECE3D8} */
#menu li a.arrow {background-image: url(images/menu_arrow.png);	background-position: center right;	background-repeat: no-repeat;}
#menu li a:hover {background-color: #24AE94;	color: #FFF;}
#menu li li a {display: block; color: #878581; background-color: #ECE4DB; width: 150px; padding: 7px 10px 7px 40px; text-decoration: none; border-bottom: 1px solid #D9C6B3;}
/*#menu li li a {display: block; color: #878581; background-color: #F6F2ED; width: 150px; padding: 7px 10px 7px 40px; text-decoration: none; border-bottom: 1px solid #ECE3D8;}*/
#menu li li a:hover {background-color: #49BBA6; color: #FFF}
#menu li li li a {display: block; color: #878581; background-color: #FBF9F6; width: 130px; padding: 7px 10px 7px 60px; text-decoration: none; border-bottom: 1px solid #D9C6B3;}
#menu li li li a:hover {background-color: #6DC9B8; color: #FFF}
#menu li li li li a {display: block; color: #878581; background-color: #FFFFFF; width: 110px; padding: 7px 10px 7px 80px; text-decoration: none; border-bottom: 1px solid #D9C6B3;}
#menu li li li li a:hover {background-color: #92D6C9; color: #FFF}

#menu .koszyk{padding: 10px 20px; background-color: #F6F6F6}

#shadow_right {float: none; background: #FFF url(images/cien_right.png) top right no-repeat; width: 200px; height: 120px; margin: 0; padding: 0;}

div#left { margin: 0; padding: 0}
#left {float: left; width: 266px; background-image: url(images/cien_left.png); background-position: left top; background-repeat: no-repeat;}
#left form {font-size: 12px; color: #878581; padding: 0; margin: 0}
#left label {float: left; width: 85px; padding: 4px 10px 0 0; margin: 0; text-align: right}
#left input {font-size: 11px; color: #878581; background: #FFF url(images/input_tlo.gif) top left no-repeat; padding: 3px 4px 1px 4px; margin: 0; height: 14px; width: 118px; border: 1px solid #DFDFDF; }
#left input.checkbox {width: auto; background: none; border: none; margin: 3px 0 0 0; padding: 0}
#left textarea {font-size: 11px; color: #878581; background: #FFF url(images/input_tlo.gif) top left no-repeat; padding: 3px 4px 1px 4px; margin: 0; width: 118px; border: 1px solid #DFDFDF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#left p {font-size: 11px; padding: 0; text-align: justify; margin: 4px 20px 0 20px}
#left .p_submit {text-align: right}
#left .submit {width: auto; margin: 1px 0 0 0; height: auto; background: #FFF }
#left span.right {display: block; text-align: right; margin: 0;}
#left object {margin: 0 0 0 20px}
#left div {margin: 0; padding: 0 20px 5px 20px}

h2.z {font-size: 18px; font-weight: normal; margin: 20px 0 0 20px; padding: 0; color: #437B70; clear: both}
h3.z {font-size: 11px; font-weight: normal; margin: -5px 0 20px 20px; padding: 0;  letter-spacing: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}

div#right { margin: 0; padding: 0}
#right {float: right; width: 266px; background-image: url(images/cien_left.png); background-position: left top; background-repeat: no-repeat; margin: 0; padding: 0}
#right .koszyk {width: 38px; height: 36px; border: 0px solid #FFF; margin: 0; background: #FFF;  vertical-align: middle}
#right form {padding: 0 20px 0 20px}
#right .cena {color: #FF9900; font-weight: bold; font-size: 14px;}
#right .cena_old {font-weight: bold; font-size: 11px; text-decoration: line-through}
#right .linki {margin: 10px 20px 0 20px}

#right form {font-size: 12px; color: #878581; padding: 0; margin: 0}
#right label {float: left; width: 85px; padding: 4px 10px 0 0; margin: 0; text-align: right}

#right input {font-size: 11px; color: #878581; background: #FFF url(images/input_tlo.gif) top left no-repeat; padding: 3px 4px 1px 4px; margin: 0; height: 14px; width: 118px; border: 1px solid #DFDFDF; }
#right textarea {overflow: auto; font-size: 11px; color: #878581; background: #FFF url(images/input_tlo.gif) top left no-repeat; padding: 3px 4px 1px 4px; margin: 0; width: 118px; border: 1px solid #DFDFDF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#right p {font-size: 11px; padding: 0; text-align: justify; margin: 4px 20px 0 20px}
#right .p_submit {text-align: right}
#right .submit {width: auto; margin: 1px 0 0 0; height: auto; background: #FFF }
#right div.logo {margin: 20px 0 0 0; text-align: center}
div#right .opis_nowosci {float: left; width: 144px; margin: 0}




#content .produkt {float: left; border: 1px solid #000; margin: 0 0 20px 0; padding: 0 20px 0 20px}
#content .img_miniatura {border: 4px solid #F7F4EC; margin: 0; padding: 0; width: 62px;}
div#content .zdjecie {float: left; width: 82px; padding: 0 0 20px 20px; margin: 0}
div#content .opis {float: left; width: 315px; margin: 0}
div#content .opis_oferta {float: left; width: 410px; margin: 0;}
div#content .cena {float: right; width: 90px; padding: 0 20px 0 0; margin: 0; text-align: right}
#content .linia_produkty {clear: both; padding: 0 0 20px 0;  height: 1px; border-top: 1px solid #E2E2E2; font-size: 0; margin: 0 20px 0 20px;}
#content .linia_szukaj {clear: both; ; padding: 0; margin: 0 20px 0 20px; height: 1px; border-top: 1px solid #E2E2E2; font-size: 0; }
#content .cena_produktu {color: #FF9900; font-weight: bold; font-size: 14px;}
#content .submit {width: auto; margin: 0; height: auto; padding: 2px; background: #E9E9E9; border: 1px solid #878581; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #878581; }
#content .koszyk {width: 38px; margin: 0; height: 36px; padding: 2px; background: #FFF; border: 0px solid #000; color: #878581; }


div#komentarze {width: 532px; clear: both; margin: 0; padding: 1px 0 0 0; background-image: url(images/cien_left.png); background-position: left top; background-repeat: no-repeat;}
#komentarze p {font-size: 11px; padding: 0; text-align: justify; margin: 4px 20px 0 20px}
#komentarze label {float: left; width: 85px; padding: 4px 10px 0 0; margin: 0; text-align: right}
#komentarze input {width: 384px; font-size: 11px; color: #878581; background: #FFF url(images/input_tlo.gif) top left no-repeat; padding: 3px 4px 1px 4px; margin: 0; height: 14px; border: 1px solid #DFDFDF; }
#komentarze textarea {font-size: 11px; color: #878581; background: #FFF url(images/input_tlo.gif) top left no-repeat; padding: 3px 4px 1px 4px; margin: 0; width: 384px; height: 50px; border: 1px solid #DFDFDF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#komentarze .p_submit {text-align: right}

a.nowosci {display: block; color: #878581; background-color: #FFFFFF; width: 226px;}

div.gal {margin: 0 20px 0 17px; width: 226px}
img.gal {border: 4px solid #F7F4EC; margin: 0 0 3px 3px; padding: 0;}

#dane_tech {background-color: #FFF; width: 236px; margin: 0 0 0 16px; text-align: left}
#dane_tech td {background-color: #F7F4EC} 
#dane_tech td.dana {background-color: #FBFBF7; width: 100%}

#koszyk {background-color: #FFF; width: 500px; margin: 0 0 0 16px; font-size: 11px}
#koszyk .ilosc{width: 10px}
#koszyk td {background-color: #F7F4EC;}
#koszyk .opis_koszyk {background-color: #FBFBF7;}
#koszyk img {vertical-align: middle; margin: 4px 0 0 0; border: 0 solid #FFF;}
#koszyk th {background-color: #F7F4EC; text-align: left}
#koszyk .form {margin: 0 20px 0 20px; text-align: right;}
#koszyk .submit {width: auto; margin: 0; height: auto; background: #FFF;}
#koszyk .radio {border: 0 solid #FFF; background: none #F7F4EC; width: auto; height: auto}
#koszyk .label_koszyk {text-align: left; width: 95%;}
#koszyk .td_label_koszyk {text-align: left; width: 100%; font-weight: bold}
#koszyk .nazwa{width: 100%}
#koszyk .cena_no_wrap{text-align: right; white-space: nowrap}
#koszyk .ilosc_td{text-align: center}
#koszyk input{font-size: 11px; color: #878581; padding: 2px; margin: 0; width: 90%; border: 1px solid #E9E9E9; font-family: Arial, Helvetica, sans-serif;}
.cena_koszyk {color: #FF9900; font-weight: bold; font-size: 14px; border-top: 1px solid #878581;}


.wiecej_button {text-align: center; display: block; margin: 10px 0 20px 20px;  padding: 0; background-image: url(images/button.png); background-position: center; background-repeat: no-repeat; width: 64px; height: 21px;}
a.wiecej_link  {display: block; padding: 3px 0 0 0; text-decoration: none; color: #FFF; background-color: transparent;}
a:hover.wiecej_link {color: #ECE3D8;}

.wiecej_button_right {clear: both; text-align: center; display: block; margin: 0 0 0 20px; padding: 0; background-image: url(images/button.png); background-position: center; background-repeat: no-repeat; width: 64px; height: 21px;}
.wiecej_button_right a  {display: block; padding: 3px 0 0 0; text-decoration: none; color: #FFF; background-color: transparent;}
.wiecej_button_right a:hover {color: #ECE3D8;}

#left .linia {margin: 0 20px 0 20px; height: 1px; border-top: 1px solid #E2E2E2; font-size: 0; }
.linia {margin: 0 20px 0 20px; height: 1px; border-top: 1px solid #E2E2E2; font-size: 0; }
img {margin: 0px 20px 10px 20px;}

#right h2 #orange {color: #FF9900}

/*
div#form_top {background-image: url(images/form_corner_top.png); background-position: right top; background-repeat: no-repeat; background-color: #00A687; margin: 20px 20px 20px 20px; padding: 0; border-top: 9px solid #F6F6F6; border-bottom: 9px solid #F6F6F6; }
div#form_top_nowosci {background-image: url(images/form_corner_top.png); background-position: right top; background-repeat: no-repeat; background-color: #00A687; margin: 0 20px 20px 20px; padding: 0; border-top: 9px solid #F6F6F6; border-bottom: 9px solid #F6F6F6; }
div#form_bottom {clear: both; background-image: url(images/form_corner_bottom.png); background-position: left bottom; background-repeat: no-repeat; padding: 10px; margin: 0; color: #FFF; border-left: 4px solid #0D9D80}
#form_bottom h2 {font-size: 12px; color: #FFF; padding: 0; margin: 0 0 5px 0; font-weight: bold}
#form_bottom form {font-size: 12px; color: #FFF; padding: 0; margin: 0 0 5px 0}
#form_bottom p {margin: 2px 0 2px 0; padding: 0; text-align: right}
#form_bottom label {float: left; width: 62px; display: block; padding: 4px 10px 0 0}
#form_bottom input {font-size: 11px; color: #878581; padding: 2px 4px 2px 4px; margin: 0 0 0 0; width: 118px; border-left: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; border-right: 0px solid #E9E9E9; border-bottom: 0px solid #E9E9E9}
#form_bottom input.submit {background-color: transparent; border: 0px solid #FFF; width: auto; color: #FFF; padding: 0; margin: 2px 0 0 0;}
#form_bottom a {color: #555555; text-decoration: none}
#form_bottom a:hover {color: #FFF}
#form_bottom .message {color: #A40000; margin: 0 0 10px 0}
*/

div#left_szukaj_top {width: 200px; background-image: url(images/form_corner_top.png); background-position: right top; background-repeat: no-repeat; background-color: #00A687; margin: 0; padding: 0; border-top: 9px solid #F6F6F6; border-bottom: 9px solid #F6F6F6; }
div#left_szukaj_top_nowosci {background-image: url(images/form_corner_top.png); background-position: right top; background-repeat: no-repeat; background-color: #00A687; margin: 0 20px 20px 20px; padding: 0; border-top: 9px solid #F6F6F6; border-bottom: 9px solid #F6F6F6; }
div#left_szukaj_bottom {clear: both; background-image: url(images/form_corner_bottom.png); background-position: left bottom; background-repeat: no-repeat; padding: 10px; margin: 0; color: #FFF; border-left: 4px solid #0D9D80}
#left_szukaj_bottom h2 {font-size: 12px; color: #FFF; padding: 0; margin: 0 0 5px 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; border: 0 solid #000; background-color: transparent;  letter-spacing: normal;}
#left_szukaj_bottom form {font-size: 12px; color: #FFF; padding: 0; margin: 0 0 5px 0}
#left_szukaj_bottom p {margin: 2px 0 2px 0; padding: 0; text-align: right}
#left_szukaj_bottom label {float: left; width: 54px; display: block; padding: 4px 10px 0 0}
#left_szukaj_bottom input {font-size: 11px; color: #878581; padding: 2px 4px 2px 4px; margin: 0 0 0 0; width: 100px; border-left: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; border-right: 0px solid #E9E9E9; border-bottom: 0px solid #E9E9E9}
#left_szukaj_bottom input.submit {background-color: transparent; border: 0px solid #FFF; width: auto; color: #FFF; padding: 0; margin: 2px 0 0 0;}
#left_szukaj_bottom a {color: #555555; text-decoration: none}
#left_szukaj_bottom a:hover {color: #FFF}
#left h3.nowosci_title {font-weight: bold; text-align: left; margin: 0; padding: 0;}

#footer {width: 732px; height: 82px; background-image: url(images/footer_tlo.png); background-position: bottom; background-repeat: repeat-x; margin: 0 auto 0 auto; clear: both;}
#footer span.left {float: left; width: 300px; display: block; padding: 40px 0 0 20px}
#footer span.right {float: right; width: 392px; display: block; padding: 40px 20px 0 0; text-align: right}

#footer_author {width: 732px; margin: 0 auto 0 auto; clear: both; text-align: right; padding: 10px 40px 10px 0; font-size: 10px; color: #C0C0C0}
#footer_author a {color: #C0C0C0;  text-decoration: underline}
#footer_author a:hover {color: #C0C0C0;  text-decoration: none}

#message {color: #A40000; margin: 0 20px 10px 20px; font-size: 11px}

.clear {clear: both}

a.glownaLinkPromocja {display: block; padding: 10px 20px 0 20px; color: #878581; text-align: left; width: 226px}
a:hover.glownaLinkPromocja {color: #FF9900}
a.glownaLinkPromocja strong {color: #FF9900}

.keywords {width: 712px; margin: 10px auto; font-size: 9px; color: #CCC; text-align: center;}