body { font: 14px Calibri, Arial, Helvetica; background: #FFF url(/res/i/bg.gif) repeat top left; text-align: center; margin: 0; padding: 40px 0 0 0; }
div, p, form { margin: 0; padding: 0; border: none; }
form { margin-top: 0; }
img { border: none; }

h1, h2, h3 { font-family: Calibri, Arial, Helvetica; font-weight: normal; margin: 0 0 0 0; color: #000; }
h1 { font-size: 30px; margin-bottom: 20px; }
h1 a, h1 a:hover { text-decoration: none !important; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
p { margin: 0 0 20px 0; line-height: 150%; font-size: 14px; }

a:link, a:visited, a:active { color: #000; text-decoration: underline; }
a:hover { color: #b62025; text-decoration: none; }

.c { color: #b62025 !important; }
.b { font-weight: bold !important; }
.nb { font-weight: normal !important; }
.r { color: #E00 !important; }
.gr { color: #2A2 !important; }
.g { color: #777 !important; }
.d { color: #000 !important; }
.s { font-size: 14px !important; }
.big { font-size: 16px !important; }
.hl { background-color: #FF8; }
.fl { float: left; }
.fr { float: right; }
.fc { clear: both; }
.inl { display: inline !important; }              
.bl { display: block !important; }              
 a.cl { text-decoration: none !important; }
 img.th { padding: 3px; border: 1px solid #CCC; }

.m0 { margin: 0 !important; }
.mt10 { margin-top: 10px !important; }
.mr10 { margin-right: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mr20 { margin-right: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.ml20 { margin-left: 20px !important; }
.p0 { padding: 0 !important; }

.tc { text-align: center !important; }
.tr { text-align: right !important; }

#wrapper { background-color: #FFF; padding: 20px; width: 710px; text-align: left; margin: auto; }
#head { margin: 0 0 10px 0; padding: 0; background: #FFF url(/res/i/perfection.gif) no-repeat bottom right; }
#menu { font-family: Arial, Helvetica; border-top: 1px solid #000; padding: 5px 0 10px 0; text-align: right; }
#menu a { text-decoration: none; font-size: 16px; border-bottom: 5px solid #FFF; padding-bottom: 3px; margin-left: 10px;  }
#menu a.act, #menu a.act:hover { color: #000; border-bottom: 5px solid #b62025; }         
#menu a:hover { color: #000; border-bottom: 5px solid #CCC; }   
#content { clear: both; min-height: 350px; padding: 20px 0 0 0; } 
#foot { clear: both; margin-top: 20px; text-align: right; font-size: 12px; padding: 3px 0 0 0; border-top: 1px solid #000; color: #B52024; }
#langs { float: left; }
#langs img { width: 13px; height: 13px; margin-right: 5px; }

#index { width: 390px; }
#index h1, h1.logo { color: #b5b7b9; font-size: 30px; border-bottom: 1px solid #b62025; background: #FFF url(/res/i/excline_small.gif) no-repeat bottom right; padding: 10px 0 0 0; margin: -10px 0 20px 0; _margin-top: 0; }
#index p { font-size: 14px; margin-bottom: 10px; text-align: justify; }
#promo { float: right; width: 275px; text-align: right; }

.jcarousel-scope { position: relative; background: #fff; padding: 0; }
.jcarousel-clip { float: left; }
.jcarousel-list { overflow: hidden; margin: 0; padding: 0; }
.jcarousel-list li { float: left; position: relative; list-style: none; margin: 0; padding: 20px 0 0 0; }
#produkty .jcarousel-list li h1 { line-height: 75%; text-align: center; }  
#produkty .jcarousel-list li img { position: absolute; bottom: 20px; margin-left: 4px; border: 1px solid #FFF; }  
#produkty .jcarousel-list li:hover img { border: 1px solid #EFEFEF; }  
#produkty .jcarousel-list li:hover a { color: #b62025; }  
#produkty_download .jcarousel-list li { padding: 15px 0 0 0; }
#produkty_download .jcarousel-list li h1 { font-size: 22px; margin: 0 0 5px 0; }  
#produkty_download .jcarousel-list li h1 a, #produkty_download .jcarousel-list lih1 a:visited { color: #B61F24; }  
#produkty_download .jcarousel-list li span.menu { display: block; color: #777; }  
#produkty_download .jcarousel-list li span.menu a { color: #000; text-decoration: none; }  
#produkty_download .jcarousel-list li span.menu a:hover { text-decoration: underline; }  
.jcarousel-prev, .jcarousel-next { text-decoration: none; cursor: pointer; width: 25px; height: 350px; }
.jcarousel-prev { float: left; background: #B61F24 url(/res/i/nav_prev.gif) no-repeat center center; margin-right: 15px; } 
.jcarousel-next { float: right; background: #B61F24 url(/res/i/nav_next.gif) no-repeat center center; }
.jcarousel-prev-disabled, .jcarousel-next-disabled { width: 25px; height: 350px; background: #CCC; cursor: default; }

#produkty { width: 100%; }      

#produkt a.prev, #produkt a.next, #produkt a.next-disabled, #produkt a.prev-disabled { display: block; text-decoration: none; cursor: pointer; width: 25px; height: 350px; }
#produkt a.prev { float: left; background: #B61F24 url(/res/i/nav_prev.gif) no-repeat center center; margin-right: 15px; } 
#produkt a.next { float: right; background: #B61F24 url(/res/i/nav_next.gif) no-repeat center center; }
#produkt a.prev-disabled { float: left; background: #CCC; cursor: default; margin-right: 15px; }
#produkt a.next-disabled { float: right; background: #CCC; cursor: default; }
#produkt_info { position: relative; float: left; width: 370px; height: 350px; overflow: hidden; padding: 0 230px 0 30px; background-position: 400px 50px; background-repeat: no-repeat; }
#produkt_info h1 { margin: 20px 0 20px 0; font-size: 36px; }
#produkt_info p { width: 350px; height: 190px; text-align: justify; overflow: auto; }
#produkt_info p span.photobox { position: relative; display: block; margin-bottom: 30px; }
#produkt_info p span.photo { width: 160px; text-align: center; display: block; }
#produkt_info p span.links { position: absolute; left: 180px; bottom: 5px; }
#produkt_info div.menu { padding: 0 0 10px 0; position: absolute; bottom: 15px; }
#produkt_info div.menu a { text-decoration: none; font-size: 14px; border-bottom: 5px solid #FFF; padding-bottom: 3px; margin-right: 30px; color: #b62025; }
#produkt_info div.menu a.act, #produkt_info div.menu a.act:hover { color: #000; border-bottom: 5px solid #b62025; }         
#produkt_info div.menu a:hover { color: #000; border-bottom: 5px solid #CCC; }   

form dl { margin: 0; }
form dt { padding: 1px 0 0 0; float: left; width: 135px; text-align: right; margin: 0 0 15px 0; clear: left; font-size: 14px; color: #333; }
form dd { margin: 0 0 15px 150px; }
form dd span { display: block; color: #666; }
form.inline dt { padding-top: 1px; text-align: left; margin-bottom: 5px; display: block; font-size: 14px; float: none; width: auto; color: #333; }
form.inline dd { margin: 0 0 15px 0; }
form select { width: 308px; font: 14px Calibri, Arial, Helvetica; }
textarea.text, input.text { font: 14px Calibri, Arial, Helvetica; border: 1px solid #999; border-top-color: #BBB; border-left-color: #BBB; padding: 3px; width: 300px; margin-top: -4px; color: #333333; }
textarea.text { width: 300px; }
textarea { min-height: 50px; overflow: auto; }       
form input.disabled, form textarea.disabled, form select.disabled { background-color: #FAFAFA; color: #AAA; }
input.button { font: 14px Calibri, Arial, Helvetica; cursor: pointer; font-weight: bold; color: #b62025; background: #FFF url(/res/i/bg_button.gif) repeat-x bottom left; border: 1px solid #CCC; width: auto; padding: 3px 5px; }
input.button:hover { border: 1px solid #b62025; }
form label { cursor: pointer; }
input.box { cursor: pointer; border: 0 none; vertical-align: middle; margin-right: 2px; background-color: transparent !important; }
.formError { color: #E00; background-color: #FF8; padding: 0 2px; }

form.search input { border: 1px solid #999; border-top-color: #BBB; border-left-color: #BBB; padding: 3px 3px 3px 22px; font-size: 14px !important; background: #FFF url(/res/i/szukaj.gif) left center no-repeat; }
form.search input.submit { cursor: pointer; font-size: 14px; font-weight: bold; color: #2A2; padding: 1px; background: #FFF url(/res/i/bg_button.gif) repeat-x bottom left; border: 1px solid #CCC; width: 60px; }

.msgErrorBox { background-color: #FBE8E8; padding: 4px; font-size: 16px; color: #E00; margin: 0 0 10px 0; }
.msgWarningBox { background-color: #FF8; padding: 4px; font-size: 16px; color: #000; margin: 0 0 10px 0; }
.msgOkBox { background-color: #E4F5E7; padding: 4px; font-size: 16px; color: #2A2; margin: 0 0 10px 0; }
.msgInfoBox { background-color: #DFEFF7; padding: 4px; font-size: 16px; color: #085AAF; margin: 0 0 10px 0; }

table.lista { width: 100%; border-bottom: 1px solid #b62025; }
table.lista th { border-bottom: 1px solid #b62025; background: #FFF url(/res/i/bg_button.gif) repeat-x bottom left; }
table.lista td { border-bottom: 1px solid #EEE; padding: 5px; }
table.lista tr:hover td  { background-color: #FFFFD3; }
table.lista tr:hover th { background-color: #FFF !important; }
table.lista td a { text-decoration: none; }

.icon14 { width: 14px !important; height: 14px !important; vertical-align: middle; }

.nav { text-align: left; margin-top: 25px; padding-bottom: 10px; font-size: 12px; clear: both; }
.nav_top { margin: 0 0 15px 0; padding: 0 0 10px 0; }
.nav a { font-size: 12px; color: #333; background: #FFF url(/res/i/bg_button.gif) left bottom repeat-x; }
.nav a:hover { color: #FFF; background: #FFF url(/res/i/bg_button.gif) left bottom repeat-x; }
.nav a.box { font-size: 12px; border: 1px solid #AAA; padding: 2px 6px; text-decoration: none; color: #333; }
.nav a.box:visited { border: 1px solid #DDD; padding: 2px 6px; text-decoration: none; color: #666; }
.nav a.box:hover { border: 1px solid #A03D56; padding: 2px 6px; text-decoration: none; }
.nav a.text, .nav a.text:visited { border: 1px solid #AAA; font-size: 12px; padding: 2px 6px; text-decoration: none; color: #333; }
.nav a.text:hover { border: 1px solid #A03D56; padding: 2px 6px; text-decoration: none; color: #A03D56; }
.nav b.box { background: #FFF url(/res/i/bg_button.gif) left bottom repeat-x; border: 1px solid #A03D56; padding: 2px 6px; color: #A03D56; font-size: 13px; font-weight: normal; }
.nav span.disabled { font-size: 12px; float: none; background: #FFF url(/res/i/bg_button.gif) left bottom repeat-x; border: 1px solid #CCC; padding: 2px 6px; text-decoration: none; color: #CCC; }

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #E1E1E1; }
.jScrollPaneDrag { position: absolute; background: #B61F24; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowUp:hover { background-color: #f60; }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; }
a.jScrollArrowDown:hover { background-color: #f60; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }

#produkt_menu { padding: 0 0 10px 150px; margin-bottom: 20px; }
#produkt_menu a { text-decoration: none; font-size: 16px; border-bottom: 5px solid #FFF; padding-bottom: 3px; margin-right: 30px; color: #b62025; }
#produkt_menu a.act, #produkt_menu a.act:hover { color: #000; border-bottom: 5px solid #b62025; }         
#produkt_menu a:hover { color: #000; border-bottom: 5px solid #CCC; } 

#download div.box { margin: 0 0 20px 10px; }
#download div.box h1 { font-size: 26px; margin-bottom: 10px; color: #b62025; }

.content_4strong {font-size: 18px; font-weight: bold;}
.content_4under {font-size: 18px; text-decoration: none;}
.content_small {font-size: 10px;}