body, body * { padding: 0; margin: 0; }
body { background: white; font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }
html, body { height: 100%; }
#container { height: 100%; min-height: 100%; position: relative; width: 775px; margin: 0 auto; text-align: left; }
body>#container { height: auto; }
.right { text-align: right; }
.center, .imgcnt { text-align: center; }
#top { background: url(../images/topbanner.gif) no-repeat right top; height: 285px;}
#top>h1 { height: 285px; overflow: hidden; }
#top, h2 { margin-bottom: 15px; }
h1, h2, #menu a, #footer { border-left: 5px solid #FFC000; background: #BBB;}
h1 { font-size: .75em; fo\nt-size: .85em; color: white; width: 155px;  padding: 5px 10px 0 10px; height: 285px; line-height: 150%;}
h1 a { color: white; text-decoration: none; }
h1 a img { border:0;}
h1 strong { display: block; color: #BBB; margin-bottom: 10px;}
h2 { font-size: 1.15em; color: white; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: right; padding-right: 7px; height: 25px; }
ul#menu { list-style-type:none; float: left;}
#menu li { font-size: .75em; font-weight: bold; margin-bottom: 3px; margin-left: -15px; ma\rgin-left: 0px; }
#menu a {text-decoration: none;  color: black; display: block; width: 180px; wid\th: 165px; padding: 4px 5px;}
#menu a:hover { border-left: 5px solid black; color: white; }
#menu li.active a { color: white; background: url(../images/sipka-active.gif) no-repeat right center; }
#menu li.divider { margin-top: 20px; }
#menu ul.submenu { list-style:none; margin-bottom: 5px; border-top: 1px solid #888; _margin-top:-1px; margin-left: 16px; ma\rgin-left: 0px;}
#menu ul.submenu li { margin: 0; _margin-top:-1px;}
#menu ul.submenu a { color: white; font-size: 1.15em; width: 180px; wid\th: 160px; padding: 5px 5px 5px 10px;}
#menu ul.submenu a:hover, #menu ul.submenu a.active { color: black; }
hr { margin: 10px; border: 1px solid white; }
hr.clear { clear: both; }
#content { margin: 0 0 0 200px; padding-bottom: 30px; position: relative; }
h3, h4, #content p, #content ul, #content ol { margin-bottom: 15px; font-size: .75em; line-height: 1.5em; }
h3 { font-size: .95em; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;}
h4 { font-size: .8em; }
table { margin: 10px auto; font-size: .75em; }
table, td, th { border-collapse: collapse; }
table.katalog { width: 525px;  }
td, th { padding: 4px 10px; vertical-align: top; border: 1px solid #CCC;}
table.katalog * { border: 0px; }
table.katalog th { height: 10%; padding:0; }
table.katalog td { padding: 2px 10px; }
td.cena { font-size: .75em; }
th h4 { text-align: left; font-size: 1.05em; padding: 3px 5px; margin:0; }
th h4 a,th h4 a:visited { color: black; }
#content a img { border: 2px solid #e1e1e1; }
td.photo a:hover img { border: 2px solid black; }
.grey { background: #EEE;}
.fleft { float: left; margin: 10px; }
.fright { float: right; }
td.photo { width: 85px; padding: 5px;}
div.pager { position: relative; margin: 10px 0; font-size: .75em; }
#content a { color: #666; }
#content div.pager p { height: 10px; margin-bottom: 12px; line-height: 200%; }
#content div.pager a, #content div.pager span { padding: 2px 5px; text-decoration: none;}
div.pager a { background: #e1e1e1; color: #666; }
div.pager span { border: 1px solid black; }	
div.pager a:hover { background: #BBB; color: white;}
div.pager a#prev { position: absolute; top: 0; left: 35px; padding:0px; paddin\g: 0px 5px; lef\t: 0px;}
fieldset { padding: 10px; margin: 10px; border: 1px solid white; font-size: .7em;}
label { display: block; width: 120px; float: left; margin-right: 5px;}
input.title { width: 200px; }
textarea, .title { border: 1px solid #BBB; }
#footer { width: 770px; text-align: right; font-size: .54em; position: absolute; bottom: 0; left: 0; height: 15px; padding: 3px 7px 0 0; color: #EEE; }
#footer a { color: #EEE; }
/* styles 4 WMS */
.left { text-align: left; }
.justify { text-align: justify; }
.cont, .imgcnt { margin: 10px 0; padding-top: 10px; }
.imgleft, .imgright { float: left; margin: 10px 5px; }
.imgright { float: right; }
#content ul, #content ol { margin-left: 40px; }
#content li { margin-bottom: 10px; }
#content ul li { list-style-type: square; }
#content ul.nonebull li { list-style-type: none; }
#content ol.lett { list-style-type: lower-alpha; }
#content ol li { list-style-type: decimal; }
