* { margin: 0; padding: 0; }
body { font: 12px tahoma, arial, sans-serif; }
h1 { font: normal large verdana, helvetica, sans-serif; }
h2 { font: normal medium verdana, helvetica, sans-serif; }
h4 { font: normal small verdana, helvetica, sans-serif; }
p { margin: 5px 0; line-height: 1.2em; }
ul, ol { margin: 5px 0 5px 15px; }
img { border: none; }

.c00 { color: #c00; }
.f00 { color: #f00; }
.fleft { float: left; margin-right: 10px; }
.fright { float: right; margin-left: 10px; }
.clrb { clear: both; }
.clrl { clear: left; }
.ctr { text-align: center; }

a.lnk1 { text-decoration: none; color: #c00; border-bottom: 1px dashed #ccc; }
a.lnk1:hover { border-bottom: 1px solid #666; }
a.lnk2 { text-decoration: none; color: #000; border-bottom: 1px dashed #c00; }
a.lnk2:hover { border-bottom: 1px solid #c00; }
a.btn { margin: 15px 0; padding: 4px 15px; font: bold 12px arial, helvetica, sans-serif; text-decoration: none; border-top: 1px solid white; border-right: 1px solid gray; border-bottom: 1px solid gray; border-left: 1px solid white; color: #333; background-color: #d4d0c8; }
a:hover.btn { text-decoration: none; border-top: 1px solid gray; border-right: 1px solid white; border-bottom: 1px solid white; border-left: 1px solid gray; color: #cc0000; }


/* form validation */
.ErrorField { background: #fcc; }
.ValidationErrors { display: block; margin: 0 0 0 160px; font-size: 11px; font-style: italic; color: #c03; }

/* layout */
#topContent { width: 780px; height: 52px; margin: auto; border-top: 1px solid #ff5a00; border-bottom: 1px solid #fff; background: #efeeee url(../images/zfron/bg_top_content.gif) top right no-repeat; }
#headerWrapper { background: url(../images/zfron/bg_header_wrapper.gif) repeat-x; }
#headerContent { position: relative; width: 780px; height: 186px; margin: 0 auto;  background: url(../images/zfron/bg_header_content.png) no-repeat; }
#pageContent { width: 780px; margin: 10px auto; }
	#pageTitle { float: left; width: 565px; margin-bottom: 15px; border-left: 5px solid #c00; }
	#leftColumn { float: left; width: 190px; margin-right: 20px; }
	#mainColumn { float: left; width: 570px; }
#footerContent { clear: left; width: 780px; margin: 5px auto; padding: 15px 0; }
	
/* top */
ul#topMenu { margin-top: 15px; margin-left: 20px; list-style: none; }
	#topMenu li { display: inline; margin-left: 5px; padding-left: 8px; line-height: 2em; border-left: 1px solid #999; }
	#topMenu li:first-child { margin-left: 0; padding-left: 0; border-left: none; }
	#topMenu li a { text-decoration: none; font-weight: bold; color: #da0000; }
	#topMenu li a:hover { color: #000; }
	
/* header content */
h1#goHome { float: right; width: 370px; height: 50px; margin: 50px 35px 0 0; overflow: hidden; text-indent: -9999px; cursor: pointer; }
ul#headerMenu { float: left; height: 120px; margin: 20px 0 15px 20px; list-style: none; }
	#headerMenu li { margin-top: 10px; }
	#headerMenu li:first-child { margin-top: 0; }
	#headerMenu li a { text-decoration: none; font-weight: bold; color: #fff; }
	#headerMenu li a:hover { color: #000; }
form#newsletterForm { float: left; }
	#newsletterForm { margin-top: 5px; margin-left: 20px; }
	#newsletterForm a { text-decoration: none; font-weight: bold; color: #000; }
	#newsletterForm a:hover { color: #c00; }
ul#headerSubmenu { float: right; margin-top: 8px; list-style: none; }
	#headerSubmenu li { display: inline; margin-right: 20px; }
	#headerSubmenu li a { text-decoration: none; font-weight: bold; color: #000; }
	#headerSubmenu li a:hover { color: #c00; }
	
/* page content */
#pageTitle h1 { margin-left: 5px; padding-left: 5px; padding-bottom: 3px; font-size: 15px; font-weight: bold; border-bottom: 1px solid #ccc; }
#pageTitle h2 { margin-left: 5px; padding-left: 5px; padding-bottom: 3px; font-size: 13px; }

div.productModule { }
	div.productModule h3 { color: #f00; }
	div.productModule h3 big { display: block; color: #c00; }
	div.productModule h3 small { font-weight: normal; }
	div.productModule h4 { font-size: 13px; font-weight: bold; }
	div.productModule p { }

/* formularz zamówienia */
form#orderForm { }
	#orderForm fieldset { margin-bottom: 10px; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ccc; }
	#orderForm legend { margin: 5px 0; padding: 0 5px; font-weight: bold; color: #000; }
	#orderForm label.fieldDesc { display: block; float: left; width: 140px; margin-right: 10px; padding-top: 5px; padding-right: 10px; text-align: right; border-right: 1px dotted #999; }
	#orderForm input, select, textarea { padding: 2px; }
	#orderForm input.field, select.field, textarea.field { margin-bottom: 10px; padding: 2px; }
	#orderForm input.checkfield { margin-bottom: 15px; padding: 2px; }
	
	#orderForm .productItem { clear: both; padding-top: 15px; }
	#orderForm .productItemImg { float: left; margin-right: 10px; }
	#orderForm .productItemDesc label { font-weight: bold; }
	#orderForm .productItemDesc p { line-height: 1.3em; }
	#orderForm .productItemDesc p big { font-weight: bold; }
	
	div.actionArea { margin: 10px 0; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #f99; background: #fcc; }
	div.actionArea input { padding: 0 5px; }
	
/* moduł blokady informacji */
div.lockModule { margin: 10px 0; padding: 10px; border: 1px solid #ccc; background: #efeeee url(../images/zfron/lock_module_key_bg.gif) 10px 10px no-repeat; }
	.lockModule h4 { font-size: 13px; font-weight: bold; color: #f00; }
	.lockModule form { margin: 10px 0; padding: 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
	.lockModule form input.field { padding: 2px; }

/* moduł listy informacji - mały (S) */
div.newsModuleS { margin-bottom: 10px; padding-bottom: 5px; border: 1px solid #ccc; }
	div.newsModuleS h3 { padding-left: 15px; font-size: 13px; font-weight: bold; line-height: 31px; color: #000; background: url(../images/zfron/bg_news_module_s.jpg) no-repeat; }
	div.newsModuleS ul { margin: 0; padding: 0; list-style: none; }
	div.newsModuleS ul li { margin: 5px; padding-left: 15px; font-size: 11px; background: url(../images/zfron/bullets.png) 0 3px no-repeat; }
	div.newsModuleS ul li.showAll { font-weight: bold; background: none; }
	div.newsModuleS ul li a { text-decoration: none; color: #000; border-bottom: 1px solid #fff; }
	div.newsModuleS ul li a:hover { text-decoration: none; color: #000; border-bottom-color: #666; }
div.hot { border-color: #c00; }
	div.hot h3 { color: #fff; background-position: 0 -31px; }
	div.hot ul li.showAll a { color: #c00; }

ul#newsList { list-style: none; }
	#newsList li { margin-bottom: 10px; }
	#newsList li h3 { padding-bottom: 3px; font-size: 14px; border-bottom: 1px solid #ccc; }
	#newsList li h3 span { padding-right: 17px; margin-right: 3px; font-size: 12px; font-weight: normal; color: #000; }
	#newsList li h3 span.lock { background: url(../images/zfron/news_lock.gif) right no-repeat; }
	#newsList li h3 span.unlock { background: url(../images/zfron/news_unlock.gif) right no-repeat; }
	#newsList li h3 a { text-decoration: none; color: #c00; }
	#newsList li h3 a:hover { color: #000; }
	#newsList li div { color: #666; }

ul.pagination { margin: 0; padding: 10px 0; list-style: none; }
	.pagination li { display: inline; }
	.pagination li.page a { padding: 2px 5px; text-decoration: none; color: #000; border: 1px solid #ccc; }
	.pagination li.page a:hover { color: #000; border: 1px solid #666; color: #fff; background-color: #666; }
form#setPage { display: inline; margin-left: 5px; }
	input#goToPage { width: 20px; padding: 2px; }
	
/* lists */
ul.simple1 { margin: 0 0 10px 10px; padding: 0 0 10px 10px; line-height: 1.3em; }
.simple1 li { margin: 5px 0; text-align: justify; }
dl.clist { margin: 0 0 20px 0; text-align: justify; line-height: 1.4em; }
.clist dt { margin-top: 5px; padding-bottom: 2px; font-weight: bold; color: #000; }
.clist dd { margin-left: 10px; margin-right: 10px; margin-bottom: 10px; }
.clist dd.desc { margin-left: 0; padding: 5px; background-color: #f4f4f4; }
dl.dlist { margin: 10px 0; line-height: 1.3em; }
.dlist dt { margin-top: 10px; font-weight: bold; }
.dlist dd { margin: 3px 0; padding-left: 15px; color: #666; background: url(../images/zfron/arr1_bull.gif) 0 5px no-repeat; }

/* links */
a.st1 { text-decoration: none; color: #da0000; }
a:hover.st1 { text-decoration: underline; color: #000; }

h4.subTitle { margin: 5px 0; padding-left: 5px; padding-bottom: 2px; font-weight: bold; border-left: 10px solid #da0000; border-bottom: 1px solid #ccc; color: #666; }
.subTitle span { font-weight: normal; color: #f60; }

/* footer content */
#footerContent ul { margin: 0; padding: 0; text-align: right; font: 11px tahoma; line-height: 1.4em; list-style: none; background: #fff url(../images/zfron/footerbg.gif) no-repeat; }
/*
#footerContent p a { text-decoration: none; color: #666; }
#footerContent p a:hover { text-decoration: none; color: #000; }
#logoObpon { display: block; float: right; width: 85px; padding: 2px 0; font: bolder 10px verdana, sans-serif; text-decoration: none; color: #666; background: url(../images/ipr/wheel-chair.gif) 62px 0 no-repeat; }
#logoHyperware { display: block; float: right; width: 85px; padding: 2px 0;  text-decoration: none; color: #666; background: url(../images/zfron/logo_hyperware.gif) no-repeat; }
*/