/* = Reset styli
************************************************************** */
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, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;   color: black;   background: white;}
ol, ul {list-style: none;}
table { border-collapse: separate;  border-spacing: 0;}
caption, th, td {   text-align: left;   font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

b, strong { font-weight: Bold; } 
body { font-family: Arial;	font-size: 12px; background: url('g/bg.gif') repeat-x #ffffff; }
div#body { width: 1000px; margin: 0 auto; }
div#header { height: 222px; position: relative; }
div#header a#logo { position: absolute; top: 0px; left: 0px; width: 413px; height: 62px; background: url('g/directpolisa.gif') no-repeat; display: block; text-indent: -1000px; overflow: hidden; } 
div#header div#toolbar { position: absolute; right: 10px; top: 30px; } 
div#header div#headbanner { width: 1000px; height: 160px; top: 62px;  position: absolute; background: url('g/headbanner.jpg') no-repeat; }
.inline-block {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}
ul.inline-block li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}
.hidden { text-indent: -1000em; overflow: hidden; } 
p.center { text-align: center !important; }

a { color: indianRed; }
a:hover { color: #933636; } 

ul#good-points {
	height: 195px;
	border-bottom: 4px Solid #0b2c5f; 
}

ul#good-points li {
	width: 293px;
	height: 195px;
	padding-left: 34px;
	background: url('g/bg2.jpg') no-repeat; 
}
ul#good-points h3 {
	margin: 10px auto;
	color: #e16d09;
	font-size: 19px;
	text-align: center;
	font-weight: Bold;  
}
ul#good-points p {
	line-height: 18px;
	font-size: 12px; 
	color: #494949;
	text-align: justify;
	margin-bottom: 10px;
}
ul#good-points ul.hints li { color: #494949; height: auto; width: auto; padding: 0px 0px 10px 20px; background: url('g/li-hint.jpg') no-repeat left 1px; }
a.btnKalkulator { display: block; margin: 0 auto; width: 162px; height: 48px; background: url('g/btnKalkulator.jpg') no-repeat; } 

div#offer { padding: 10px 10px; }
div#offer-choose { width: 342px; height: 44px; background: url('g/wybierz-oferte.jpg') no-repeat; float: left; }
ul#offer-choose li { float: left; height: 44px; }
ul#offer-choose li a { text-decoration: none; padding: 0px 0px 0px 3px; margin: 0px 3px;  height: 45px; color: #e8880b; font-weight: Bold; }
ul#offer-choose li span { cursor:pointer; padding-right: 4px; padding-top: 14px; width: auto; height: 31px; }
ul#offer-choose li a:hover { background: url('g/li-offer.jpg') no-repeat; color: White; text-decoration: none; }
ul#offer-choose li a:hover span { background: url('g/li-offer.jpg') no-repeat right center; }

ul#tips { margin-top: 20px; width: 1000px; height: 202px; background: url('g/bg-tips.jpg') no-repeat; }
ul#tips li { width: 310px; height: 162px; margin-top: 10px; padding: 10px 10px; } 
ul#tips li h3 { margin-bottom: 10px; color:#0e3168; font-size: 14px; font-weight: Bold; }
ul#tips li h3 a { display: block; color:#0e3168; text-decoration: none; height: 20px; }
ul#tips li p { line-height: 22px; color: #494949; text-align: justify;  }
ul#tips a.more { margin-top: 8px; width: 83px; height: 26px; float: right; display: block; background: url('g/btnMore.jpg') no-repeat; }

div#breadcrumb { padding: 10px; background: White; }
div#breadcrumb li { font-size: 10px; } 
div#breadcrumb li a { color: steelBlue; text-decoration: none;  } 

div#content-container { background: White; } 
div#content-left { width: 220px; float: left; }
div#content-left ul li { padding: 5px 3px; color: Black; font-weight: Bold; }
div#content-left ul li a { padding: 0px 0px; display: block; }

div#content-right { width: 220px; float: left; }
div#content-right ul li { padding: 5px 3px; color: Black; font-weight: Bold; }
div#content-right ul li a { padding: 0px 0px; display: block; }

div#content{ width: 560px; float: left; }
div.content-text { width: 500px; line-height: 22px; font-size: 12px; color: #424344; padding: 10px; text-align: justify; }  
div.content-text p { margin-bottom: 8px; margin-top: 8px; } 
div.content-text ul { margin-left: 10px; padding-right: 10px; }
div.content-text ul li { list-style-type: disc; margin-left: 25px; }

div#footer-container { height: 41px; clear: both; background: url('g/bg-footer.jpg') repeat-x; margin-top: 10px; } 
div#footer { width: 1000px; margin: 0 auto; padding-top: 15px; color: #c6dae4; font-size: 11px; }
div#footer-right { float: right;  }
div#footer a { color: #c6dae4; }  
h1 { font-size: 18px; color: #6c92b2; font-weight: Bold; margin-bottom: 20px; } 
h2 { font-size: 15px; color: #faa500; font-weight: Bold; margin-top: 8px; margin-bottom: 8px; }