/* = 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: #ebebeb;}


#page-header-sos {position: relative; width: inherit; height: 99px; background-color: #292526;}
#page-header-sos-menu {overflow: hidden; padding-left: 3px; position: relative; width: 973px; height: 39px; background-color: #292526; border-bottom: 2px solid #ffa41b; margin-bottom: 8px;}
#page-header-sos-menu a {float: left; display: block; height: 39px; background: url('../gfx/sos-menu-buttons.gif') no-repeat;}
#page-header-sos-menu a#home {width: 132px;}
#page-header-sos-menu a:hover#home {width: 132px; background-position: 0px -39px;}
#page-header-sos-menu a.home-in {background-position: 0px -78px !important;}
#page-header-sos-menu a#guide {width: 146px; background-position: -132px 0px;}
#page-header-sos-menu a:hover#guide {width: 146px; background-position: -132px -39px;}
#page-header-sos-menu a.guide-in {background-position: -132px -78px !important;}
#page-header-sos-menu a#tuw {width: 227px; background-position: -278px 0px;}
#page-header-sos-menu a:hover#tuw {width: 227px; background-position: -278px -39px;}
#page-header-sos-menu a.tuw-in {background-position: -278px -78px !important;}
#page-header-sos-menu a#news {width: 167px; background-position: -505px 0px;}
#page-header-sos-menu a:hover#news {width: 167px; background-position: -505px -39px;}
#page-header-sos-menu a.news-in {background-position: -505px -78px !important;}
#page-header-sos-menu a#calcs {width: 113px; background-position: -911px 0px;}
#page-header-sos-menu a:hover#calcs {width: 113px; background-position: -911px -39px;}
#page-header-sos-menu a.calcs-in {background-position: -911px -78px !important;}
#page-header-sos-menu a#forum {width: 84px; background-position: -826px -78px;}
#page-header-sos-menu a:hover#forum {width: 84px; background-position: -826px -78px;}
#page-header-sos-menu a.forum-in {background-position: -826px -78px !important;}
#page-header-sos a#forum-logo {display: block; width: 234px; height: 99px; background: url('../gfx/sos-logo.gif') no-repeat; padding-right: 14px;}
#page-header-sos div#mini-search-box {background-color: #ffffff; position: absolute; top: 0px; right: 0px; padding: 10px 10px;}
#page-header-sos div#mini-search-box input  {display: inline;}
#page-header-sos div#mini-search-box  #keywords {
	width: 180px;
	background-color: #FFF;
}

#sos-calculator {position:relative; background: url('../gfx/sos-big-banner.jpg') no-repeat; width: 976px; height: 201px;}
#sos-calculator a#calc-button {display: block; position:absolute; top: 131px; right: 91px; width: 200px; height: 40px;}
#sos-calculator a:hover#calc-button {background: url('../gfx/sos-calc-button.gif') no-repeat; }

#page-header-sos div#ads-750x100 {width: 750px; height: 100px; position: absolute; top: 16px; right: 0px;}
.sossearch {background: url('../gfx/sos-button-szukaj.gif') no-repeat; border: none; width: 67px; height: 22px;}
.sossearch:hover {background: url('../gfx/sos-button-szukaj.gif') no-repeat 0px 100%;}

div#wrapper {width: 976px; margin: 0px auto; background: url('../gfx/sos-bg.gif') repeat-y top center; padding-left: 18px; padding-right: 18px; padding-top: 10px; }
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: 288px; 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: 625px; 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: 11px;}
.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 {
 -webkit-border-radius: 5px; /* Safari, Chrome */
 -khtml-border-radius: 5px;    /* Konqueror */
 -moz-border-radius: 5px; /* Firefox */
  border-radius: 5px;
padding: 6px 12px; padding-top: 7px; color: white; font-weight: bold; text-decoration: none; font-size: 13px; background-color: red;}
a:hover#calculator-button {background-color: #ff3300;}