/* = Reset predefiniowanych stylów przeglądarki
************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption , input { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* = Główne style serwisu
************************************************************************************************/
body { margin-top: 0px; font-family: Arial; font-size: 12px; background-color: #ffffff; }

div#wrapper {width: 916px; margin: 0px auto; overflow: hidden;}
div#top-bar {width: 876px; padding: 2px 12px 3px 12px; background-color: #f5f5f5; font-size: 11px; text-align: right;}
div#site-logo {position: relative; border-top: 3px solid #000000; width: 864px; padding: 24px 12px 32px 24px;}
div#site-logo div#site-menu {position: absolute; text-align: right; top: 28px; right: 0px; padding: 8px 18px; border: 1px solid #f0f0f0; background-color: #fdfdfd;}
div#site-logo div#site-menu a {margin-left: 12px; margin-right: 14px; text-decoration: none; color: #d4281b;}
div#site-logo div#site-menu a:hover{text-decoration: underline;}
div#site-logo h1 {font-size: 22px; font-style: italic;}
div.box-big {width: 284px !important;}
div.box {float: left; background-color: #fdfdfd; position: relative; width: 268px; padding: 12px 8px; padding-bottom: 20px; border: 3px solid #f0f0f0;}
div.box a#more {color: #404040; position: absolute; display: block; background-color: #f0f0f0; padding: 2px 10px; right: 0px; bottom: 0px; text-decoration: none;}
div.box a:hover#more {text-decoration: underline;}
div.box h2 {color: #303030; font-weight: bold; font-size: 15px; border-bottom: 1px solid #f0f0f0; padding: 0px 6px; padding-bottom: 6px; }
div.box ul {line-height: 18px; list-style-image: url('../gfx/ul_arrow.gif'); font-size: 12px; margin: 8px 6px 0px 12px;}
div.box ul li {color: #303030; margin-bottom: 8px;}
div.box ul li a {color: #4C7E07; text-decoration: none; line-height: 16px;}
div.box ul li a:hover {text-decoration: none; background-color: #4C7E07; color: white;}
div.box ul li a.color {color: #d4281b; text-decoration: none; line-height: 16px !important;}
div.box ul li a:hover.color {text-decoration: none; background-color: #d4281b; color: white !important;}
div.box p {text-align: justify; line-height: 18px; margin: 12px 4px;}
div#content {position: relative; overflow: hidden; width: 565px; float: left; border: 3px solid #f0f0f0; padding: 12px}
div#content h2 {color: #4C7E07; font-size: 18px; margin-bottom: 16px; border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; padding-left: 4px;}
div#content h2.gray {color: #303030;}
div#content h2.gray span {font-weight: normal !important; font-size: 16px;}
div#content h3 {color: #d4281b; font-size: 14px; margin-top: 20px; margin-bottom: -4px; border-bottom: 1px solid #f0f0f0; padding-bottom: 8px; padding-left: 4px;}
div#content p {line-height: 18px; margin: 12px 4px; text-align: justify;}
div#content p a {text-decoration: none; color: #4C7E07; }
div#content p a:hover {text-decoration: none; color: #4C7E07; border-bottom: 1px dashed #4C7E07;}
div#content ul, ol {line-height: 18px; margin: 12px 32px; margin-bottom: 20px; text-align: justify}
div#content ul li{margin-bottom: 4px;}
div#content ul.overall-list, ol.overall-list {line-height: 18px; margin: 12px 32px; margin-bottom: 20px; text-align: justify}
div#content ul.overall-list, ol.overall-list a {color: #4C7E07; text-decoration: none;}
div#content ul.overall-list, ol.overall-list a:hover {color: #ffffff; background-color: #4C7E07;}
div#content p b, strong {font-weight: bold;}
div#content p.first-paragraph {margin: 12px 4px; margin-top: 0px; font-weight: bold;}
div.clear {clear: both; font-size: 0px; line-height: 0px;}
.margin-12r{margin-right: 15px;}
.color {color: #d4281b !important;}

/* liScroll style declarations */
ul#ads {display: none;}
.tickercontainer { /* the outer div with the black border */
border: 0px solid #000;
background: transparent; 
width: 100%; 
height: 27px; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
float: left; 
position: relative;
left: 5px;
top: 6px;
width: 99%;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 98%;
font: normal 11px "Trebuchet MS";
list-style-type: none;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #fff;
}
ul.newsticker li div.space {width: 60px; float: right}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #d4281b;
font: normal 11px "Trebuchet MS";
margin: 0 0px 0 0;
}

ul.newsticker a:hover {
text-decoration: none;
} 

ul.newsticker span {
margin: 0 10px 0 0;
} 
div#calculator-button {width: 96%; position: absolute; top: 72px; left: 12px; font-size: 14px; padding-left: 24px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0;}
div#calculator-button span{font-family: "Wingdings"}
a#calculator-button {padding: 3px 10px; color: white; font-weight: bold; text-decoration: none; font-size: 13px; background-color: red;}
a:hover#calculator-button {background-color: #ff3300;}