body, html {margin:0; padding:0; text-align:center; position:relative; font: normal 10px verdana, helvetica, sans-serif; color:black;  background-color:white}
* {margin:0; padding:0; border-width:0}

a {text-decoration:none; color: #699323;}
a:hover {text-decoration: underline}
.clear {clear:both}


p {text-align:justify;padding: 8px 10px; text-indent:10px; line-height:1.5em}
p a {color: #89B343; background: url(../gfx/bg-link.gif) no-repeat left 70% ; padding-left: 8px}
p a:hover {text-decoration: underline}
p a.popup {background:none;padding:0}
p a.popup:hover{text-decoration:none}

h1 {font-size:22px; font-weight:normal; color:#79c501; text-align:left; margin:5px 10px}
h2 {font-size:16px; text-align: left; margin: .83em 30px 5px 10px; background: url(../gfx/big_point.gif) no-repeat left center; padding-left: 18px;}
h2.nodot{background:none; margin-left:0}
h3 {font-size:11px; font-weight:bold; text-align:left; margin: .83em 30px 0 10px;}
hr {margin: 2px 10px;border-top:1px solid #a9f531; border-bottom:1px solid #79c501;background-color:white;color:white;}
fieldset {border:1px solid #79c501; margin: 5px; padding: 5px; text-align:left}
legend{width:100%}
.text , .textarea, .select {border:1px solid #79c501; margin-top:5px;font: normal 10px arial, helvetica, sans-serif;}

ul {text-align:left; margin-left:25px; margin-right:10px; text-align:justify}

.left{float:left; margin:5px 10px 5px 0}
.right{float:right; margin:5px 10px 5px 5px}
.ramka{border: 1px solid #aaa}

.ok, .err{text-align:center; margin:15px; font-weight:bold; font-size:13px}
div.ok {color:green}
div.err{color:red}

/*layout */
body, html {height:100%; width:100%}

#mainCon {width:786px;margin:auto;background: url('../gfx/muu_footer.jpg') center bottom no-repeat;position:relative;}

#leftBar{width:8px; height:496px; position: absolute; left:0; top: 0; background: url('../gfx/left_col.jpg') left top no-repeat;}
#rightBar{width:8px; height:496px; position: absolute; right:0; top: 0; background: url('../gfx/right_col.jpg') right top no-repeat;}

#left_col{width:30%; vertical-align:top; background: url('../gfx/left_col.jpg') no-repeat right top;}
#center_con{margin-bottom:85px; margin-left:15px}
/*explorer*/
* html #center_con{height:1%} 
.center_con_bar{float:left; display:inline;width:505px;}
.center_con_nobar{padding-left:80px;padding-right:80px}

/*swf*/
#swfHead{width:770px; height:300px;margin:0 8px}
#swfMap{width:510px; height:394px; margin:10px 4px}

#right_top{float:right; display:inline; width:240px;margin-right:8px; margin-bottom:210px; background: url('../gfx/right_back.jpg') left top repeat-y #64A108;text-align:left;}

#sub_menu{text-align:left;padding-left:10px; padding-top:2px;padding-bottom:30px;background: url('../gfx/sub_menu.jpg') left top no-repeat;}
ul.inmenu{position:relative; z-index:2;margin-left:10px; padding-top:12px}
ul.inmenu li{list-style-type:none; text-align:left; padding-left:25px; padding-bottom:2px; color:white;  font-size:15px; background: url('../gfx/separator.jpg') 10px bottom no-repeat;}
ul.inmenu a{color:white}
ul.inmenu a#thiscat{color:#d8fc83}
ul.inmenu a.inmenu:hover, ul.inmenu a#thiscat:hover,{color:#b8ec63; text-decoration:none}

#search {padding:10px 0 0 10px; min-height:50px;background: url('../gfx/search_back.jpg') left top no-repeat white}
* html #search {height:50px}
#search_btn{position:relative; top:4px}
#foot {position:absolute; bottom:9px; left:20px; color:#444}



/*formatownaie katalogu*/

.admlink, .inmenu .admlink {font-size:10px; line-height:2em; border:1px solid #79c501;padding:1px; margin:1px; color:#499501; background-color:#b9ef51}
input.admlink {line-height:1em}
.admlink:hover, .inmenu .admlink:hover {border:2px solid #79c501;text-decoration:none; margin:0px; color:#499501;background-color:#a9df41}
input.admlink:hover {border:1px solid #59a501; margin:1px}

#catcon {width:480px; text-align:center; margin:auto;}
#fotocon {margin-bottom:20px; text-align:justify}
#fotocon img {float:left; margin: 0 20px}
#fotocon .opis {font-weight:bold}

#cattab {margin:auto; border-collapse:collapse}
#cattab, #cattab td{border: 1px solid #5980bb}
#cattab th {padding:1px; text-align:center; background-color:#96c9e4}
#cattab td {padding: 1px 2px; margin:0}
#cattab a{color:#39609b}
#cattab tr.tr0 td{background-color:#daf6ff}
#cattab tr.tr1 td{background-color:#c6e2f1}
#cattab tr.trf td{padding-top:2px}
#cattab tr.tr0 td.subcat {padding:0 5px; text-align:right; vertical-align:top;background-color:#6591be;border-right: 1px solid #25517e}

#inputbox{margin-left:20px}

#promodesc{text-align:justify}

/*strona produktu*/
#popup {background-color:white; width:300px; height:200px}
#popup table{margin:auto;margin-top:15px; width:280px}
#popup table td{padding:2px}
#popup table .tdright{text-align:right}

/*kontakt*/
#contact {border-collapse:collapse; margin-left:10px}
#contact td{text-align:left; width:33%; vertical-align:top} 

/*mapa dojazdu*/
#toMap{margin:10px 0 10px 2px}

/*formularz kontaktowy*/
#contactform {text-align:left; margin:24px}
#contactform .text, #contactform .textarea{margin:0 0 7px 0}
#contactform #send{font-weight:bold}


/*rekomendacja*/
#rekomendacja {margin: 0 auto}
#rekomendacja td {text-align: center}
#rekomendacja th {text-align: right; font-weight: normal}
.rekomkom {color: red}
#rekomPodsumowanie {font-weight: bold}