body {
font-family: Arial; 
font-style: normal; 
font-weight: normal; 
font-variant: normal; 
line-height: normal; 
text-align: left; 
text-decoration: none; 
color: #000; 
font-size: 12px;
background: url('../gfx/bg.gif') top left repeat-x #65afe0;
margin: 0;
padding: 0;
}

/*global settings*/
h1, h2, h3, h4, h5, h6, p {margin: 0; display: block}
h1, h2, h3, h4, h5, h6 {clear: both}
div {display: block; margin: 0; padding: 0}
a img {border: 0; text-decoration: none}
img {padding: 0; margin: 5px}
h1 {font-size: 28px; font-weight: normal; padding: 20px 0 4px 15px; color: #ff5900}
h2 {font-size: 24px; font-weight: normal; padding: 20px 0 4px 15px; color: #666}
h3 { font-size: 18px; font-weight: normal; padding: 20px 0 4px 15px; color: #092f60}
p {padding: 3px 15px; color: #333; font-size: 12px; text-align: justify; line-height: 20px}
hr {clear: both; float: none; border: 0; padding: 10px 0 0 0; margin: 0 20px 10px 20px; border-bottom: 1px solid #ddd; height: 0; line-height: 0}

#contents .btn_big_blue {display: block; width: 202px; height: 72px; margin: 10px auto; background: url('../gfx/btn_big_blue.png') top left no-repeat; font-size: 22px; color: #fff; text-decoration: none; text-align: center; line-height: 72px}
#contents .btn_big_blue:hover {background-position: bottom left}

#gwarancja {width: 234px; height: 234px; position: fixed; top: 0px; right: 0px; background: url('../gfx/gwarancja.png') top left no-repeat; overflow: hidden}

#background {width: 100%; background: url('../gfx/h_bg.gif') top center no-repeat; overflow: hidden;}
#wrapper {width: 980px; margin: 0 auto; overflow: hidden;}
#head {width: 980px; height: 260px; background: url('../gfx/head.jpg') top left no-repeat; overflow: hidden;}
#topNav {width: 220px; height: 20px; background: url('../gfx/topnav_bg.png') top left no-repeat; color: #888; font-weight: normal; font-size: 11px; text-align: center; padding: 0; margin: 11px 0 0 360px; line-height: 13px}
#topNav a {color: #ddd; text-decoration: none; font-weight: bold}
#topNav a:hover {color: #fff}

/* navigation level-1 setup */
#nav {width: 980px; height: 40px; background-color: #444; overflow: hidden}
#nav ul {display: block; width: 980px; height: 40px; padding: 0; margin: 0}
#nav ul li {display: block; height: 40px; margin: 0; float: left; padding: 0}
#nav ul li a {display: block; margin: 0; padding: 13px 20px; color: #00d5ff; text-decoration: none; font-size: 12px; height: 14px; overflow: hidden}
#nav ul li a:hover {background-color: #323232}

/* navigation level-2 setup */
#nav ul ul {display: none; position: absolute; width: 200px; height: auto; margin: 0; padding: 0; z-index: 99}
#nav ul ul li {background-color: #444; float: none; width: 200px; padding: 0; margin: 0}
#nav ul li:hover ul {display: block}

/* navigation right setup */
#nav_right {width: 225px; margin: 5px 0 10px 0; float: none; clear: both; padding: 0; list-style: none; overflow: hidden;}
#nav_right li {display: block; padding: 10px; border-bottom: 1px solid #ddd; width: 200px; margin: 0 10px}
#nav_right li a {display: block; padding: 0 0 0 15px; background: url('../gfx/arr.gif') left center no-repeat; color: #1a4ead; text-decoration: none}
#nav_right li a:hover {color: #000}
#nav_right li a.active {color: #000; font-weight: bold}
#nav_right li ul {width: auto; margin: 0; padding: 0}
#nav_right li ul li {padding: 8px 0 0 0; border: 0; width: auto; margin: 0}
#nav_right li ul li a {background: none; padding: 0 0 0 25px; margin: 0}

#flashBoxes {width: 940px; height: 220px; margin: 15px 20px; float: none; clear: both; overflow: hidden}

/* all the rest */
#contents {width: 980px; background: url('../gfx/nav_shad.gif') top left repeat-x #fff; overflow: hidden;}
#contents a {text-decoration: underline; color: #ff5900}
#contents a:hover {text-decoration: none}

#side_left {width: 740px; float: left; padding: 0 0 10px 0; overflow: hidden;}
#side_right {width: 240px; float: right; padding: 0; background-color: #f0f0f0; border-bottom: 5px solid #ddd; margin-top: 5px; overflow: hidden;}
#side_right img {border: 0; margin: 5px; padding: 0}

#footer_bg {width: 100%; background: url('../gfx/bg_footer.gif') 0px 3px repeat-x #192c38; overflow: hidden;}
#footer {width: 980px; margin: 0 auto; background-color: #191919; overflow: hidden;}
#footer p {font-size: 11px; color: #535353; margin: 0; padding: 10px 20px; float: left}
#footer p.address {padding: 2px 30px 2px 10px; margin: 15px 0 0 20px; border-left: 2px solid #333}
#footer p.author {float: right; text-align: right; font-size: 10px; margin: 5px 20px 0 0; padding: 0}
#footer p a {color: #823a14; text-decoration: none}
#footer p a:hover {color: #ea5b0f}
#certificates {width: 980px; height: 70px; background: url('../gfx/certificates.jpg') center center #c5c5c5 no-repeat; padding: 0; margin: 3px 0; overflow: hidden}

#contact {border: 1px solid #ccc; padding: 10px; margin: 15px; background-color: #eee; overflow: hidden}
#contact h2 {padding: 15px; font-size: 20px; clear: none}
#contact p {line-height: 18px; color: #444}
#contact p img {margin: 0 5px; padding: 0; border: 0}

#contact_form {display: block; float: right; width: 370px; border: 1px solid #ccc; background-color: #fff; padding: 15px; margin: 0; color: #444; font-size: 11px; overflow: hidden}
#contact_form input {width: 175px}
#contact_form input.submit {width: 100px; display: block; margin: 3px auto; color: #333}
#contact_form select {width: 175px}
#contact_form textarea {width: 358px; height: 100px; margin-top: 4px; font-family: Arial}
#contact_form input, #contact_form select, #contact_form textarea {font-size: 11px; color: #ea5b0f}

#contact_map {width: 668px; margin: 15px auto; padding: 15px; border: 1px solid #ccc; background-color: #eee; overflow: hidden}

#contents div.info_box {width: 290px; float: left; margin: 5px 0 5px 25px; padding: 0 0 10px 0; background-color: #eee; border-bottom: 1px solid #ccc; color: #444}
#contents div.info_box h1 {font-size: 12px; font-weight: bold; color: #ff5900; background-color: #262626; padding: 5px 15px; margin: 0 0 10px 0}
#contents div.info_box ul {padding: 0; margin: 0 0 0 30px; color: #444}
#contents div.info_box p {color: #444; padding: 5px 15px; margin: 0}
#contents div.info_box a {color: #0b64c0; text-decoration: none}
#contents div.info_box a:hover {text-decoration: underline}
#contents div.info_box a.more {font-size: 10px; display: block; text-align: right; padding: 5px 0; border-bottom: 1px solid #fff}

#contents table.lista {border: 1px solid #ccc; float: left; margin: 15px; padding: 0}
#contents table.lista td {padding: 3px 10px; margin: 1px 1px 0 0; background-color: #eee; color: #444}

div.clear {font-size: 0px; line-height: 0px; height: 0px; width: 100%; clear: both}

div.text_block {display: block; width: 348px; height: 158px; margin: 5px 0 5px 10px; padding: 0; background: url('../gfx/text_block.gif') top left no-repeat; float: left; overflow: hidden}
div.text_block img {display: block; float: left}
div.text_block h1 {display: block; width: 155px; float: right; color: #1a4ead; font-size: 12px; font-weight: bold; margin: 0; padding: 20px 15px 5px 0; text-align: left; clear: right}
div.text_block p {display: block; width: 155px; float: right; color: #444; font-size: 11px; font-weight: normal; margin: 0; padding: 2px 15px 2px 0; text-align: left; clear: right; line-height: 16px}
#contents div.text_block a {text-decoration: none; color: inherit}
#contents div.text_block a:hover {text-decoration: underline}

div.text_important {display: block; margin: 15px 25px; padding: 15px; background: url('../gfx/text_important.gif') top right no-repeat #e2ecf4; border: 1px solid #cbd4db; border-top-width: 5px; border-bottom-width: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; overflow: hidden}
div.text_important h1 {display: block; color: #71767a; font-size: 24px; font-weight: normal; margin: 0; padding: 10px 0 15px 10px}
div.text_important ul {color: #393b3d; font-size: 13px; margin: 0 0 15px 0}
div.text_important li {line-height: 20px}

#screens {margin: 15px 0 0 0; overflow: hidden; text-align: center; height: 500px; width: 620px}
#scr_nav {position: absolute; margin: 10px 0 0 60px; z-index: 20; overflow: hidden}
#scr_nav a {display: block; width: 20px; height: 20px; margin: 2px; padding: 0; text-align: center; color: #fff; background-color: #1c426c; line-height: 20px; float: left; text-decoration: none; font-size: 10px}
#scr_nav a:hover {background-color: #355783}
#scr_nav a.sel {background-color: #fff; color: #1c426c}
#scr_nav .progress {clear: both; background-color: #fff; height: 1px; font-size: 0; line-height: 0; margin: 0 0 2px 2px; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25}
#screens .scr {display: none; position: absolute; margin: 0 0 0 50px}
#screens #scr01 {display: block}

#download a {display: block; width: 200px; height: 250px; padding: 5px; margin: 20px 0 5px 25px; background-color: #f6f6f6; border: 1px solid #ccc; float: left; text-align: center; text-decoration: none; color: #111b5d; border-radius: 3px}
#download a:hover {background-color: #eee; border-color: #bbb}
#download a img {padding: 5px}

a.homeBox {display: block; width: 234px; height: 254px; margin: 10px 0 25px 0; padding: 0; text-decoration: none; float: left}
a.homeBox img {border: 0}

/* ==== category heading ==== */
#side_left .category {width: 720px; height: 35px; background: url('../gfx/bg_cat.gif') top left repeat-x; margin: 0 0 10px 10px}
#side_left  .category h1 {width: 400px; height: 26px; background: url('../gfx/bg_cat_left.gif') top left no-repeat; font-size: 15px; font-weight: normal; color: #bfeaff; padding: 9px 0 0 15px; float: left}
#side_left  .category .right {width: 5px; height: 35px; background: url('../gfx/bg_cat_right.gif') top left no-repeat; font-size: 0; line-height: 0; float: right}
#side_left  .category p {clear: none; float: left; color: #ddd; width: 100px; padding: 0; line-height: 35px}
#side_left  .category p.sort {width: 160px}
#side_left  .category p.wide{width: 210px}
#side_left  .category p a {color: #c0eaff}
#side_left  .category p a.ico {display: block; width: 16px; height: 16px; background: url('../gfx/view_tiles.gif') top left no-repeat; float: right; margin: 10px 2px 0 0; text-decoration: none }
#side_left  .category p a.ico:hover {background-position: bottom left; text-decoration: none}
#side_left  .category p a.full {background-image: url('../gfx/view_full.gif')}
#side_left  .category p a.list {background-image: url('../gfx/view_list.gif')}
#strefa_instalatora {background: url('../gfx/kingspan_logo.gif') 776px 14px no-repeat #e5e5e5; width: 980px; height: 50px; display: block; clear: both; border-bottom: 1px solid #ddd; overflow: hidden}
#strefa_instalatora a.gotostrefa {display: block; position: absolute; width: 250px; height: 40px; margin: 5px 0 0 460px}
#login {width: 744px; height: 50px; overflow: hidden; margin: 0; padding: 0; float: left; background: url('../gfx/strefa.gif') right top no-repeat; overflow: hidden}
#login p {height: 20px; line-height: 20px; font-size: 11px; color: #444; padding: 8px 0 0 20px}
#login p.small {padding: 2px 0 0 25px}
#login p input.text {width: 110px; height: 20px; padding: 0 5px; line-height: 20px; color: #888; font-size: 11px; border: 0; margin: 0 5px}
#login p input.btn {width: 59px; height: 24px; border: 0; cursor: pointer; background: url('../gfx/btn_orange.gif') top left no-repeat; margin: 0 5px; color: #610000; text-align: center; line-height: 22px; font-size: 11px}
#login p.small {font-size: 11px; color: #888}
#login p.small a {text-decoration: none}


table.cart {border: 0; margin: 10px; width:700px}
table.cart td {margin: 1px; background-color: #eee; padding: 3px 10px; border-radius: 3px; -moz-border-radius: 3px; text-align: center}
table.cart tr.heading td {background-color:  #323232; color: #fff; font-weight: bold}

/* cart2 */
table.cart2 {border: 0; margin: 10px}
table.cart2 td {margin: 1px; background-color: #eee; padding: 3px 10px; border-radius: 3px; -moz-border-radius: 3px; text-align: left}
table.cart2 tr.heading td {background-color:  #323232; color: #fff; font-weight: bold}

#btn_koszyk {width: 105px; height: 40px; background: url('../gfx/moj_koszyk.png') top left no-repeat; display: block; float: left; margin: 5px 15px; overflow: hidden}
#menu_zalogowane {display: block; float: left; padding: 0; margin: 4px; list-style: none; overflow: hidden}
#menu_zalogowane li {padding: 0; margin: 0; font-size: 11px}
#menu_zalogowane li a {text-decoration: none}
#menu_zalogowane li a:hover {text-decoration: underline}
#punkty {padding: 0 0 0 30px; margin: 4px 0; overflow: hidden}
#punkty p {padding: 0; margin: 0; line-height: 12px; font-size: 11px; color: #444; font-weight: bold; height: 12px}
#punkty span {font-size: 18px; margin:0; padding:0; line-height: 18px; display: block; clear: left; height: 18px; color: #444}
#punkty a {font-size: 11px; display: block; margin: 0; padding: 0; width: 140px; height: 12px; line-height: 11px; text-decoration: none }
#punkty a:hover {text-decoration: underline}


.calendar{
	width: 320px;
	height: 305px;
	overflow: hidden;
	float: left;
	clear: right;
	margin: 10px;
	
}

p#gwarancja_pasek {padding: 0; margin: 0}
p#gwarancja_pasek a {display: block; width: 940px; height: 100px; background: url('../gfx/gwarancja_pasek.gif') top left no-repeat; margin: 20px; padding: 0; text-decoration: none; clear: both; float: none}
.column2 {width: 460px; margin: 20px 0 20px 20px; float: left}
.column2 h1 {font-size: 18px; margin: 0; padding: 0 0 10px 10px}
.column2 p {font-size: 12px; line-height: 18px; color: #444; margin: 0; padding: 4px 10px}
.aktualnosc {width: 440px; float: none; clear: both; background: url('../gfx/border_bottom.gif') left bottom repeat-x; padding: 10px 10px 25px 10px; overflow: hidden}
.aktualnosc h5 {width: 310px; float: right; padding: 0 0 8px 0; margin: 0; color: #268dff; font-size: 12px; font-weight: bold; display: block; clear: right}
.aktualnosc p {width: 310px; float: right; padding: 4px 0; margin: 0; color: #444; font-size: 11px; line-height: 16px; clear: right}
.aktualnosc img {width: 120px; height: auto; float: left; margin: 0; padding: 0; display: block; clear: left}
.column_thin {width: 350px; margin: 20px 0 20px 20px; float: left}
.column_thin .aktualnosc {width: 330px}
.column_thin .aktualnosc h5, .column_thin .aktualnosc p {width: auto; float: none}


#flashMap {width: 500px; height: 480px; clear: both; float: none; margin: 15px auto; display: block; overflow: hidden}
.movieBox {background-color: #444; border-radius: 10px; padding: 10px; margin: 5px auto; width: 560px; text-align: center; display: block}
.movieBox p {padding: 0; margin: 0; height: auto; width: auto}

#contents span.linkigaleria a {color: #fff; text-decoration: none; display: block; height: 25px; line-height: 25px; padding: 0 15px; background-color: #207cbf; border-radius: 5px; margin: 10px 0 0 10px; float: left; font-size: 13px}
#contents span.linkigaleria a:hover {background-color: #4291c9}
#contents div.obrazek {float: left; border: 1px solid #ddd; border-radius: 5px; padding: 10px; text-align: center; color: #444; text-decoration: none; margin: 0 0 10px 10px; background-color: #f6f6f6}

.blue_container {border-radius: 10px; background-color: #ecf4f9; margin: 10px 20px 10px 0; padding: 10px}
.blue_container p {font-size: 15px; text-align: center}
.kask {display: block; position: absolute; width: 87px; height: 58px; background: url('../gfx/kask.png') top left no-repeat; margin: 50px 0 0 35px}

.login_box {border-radius: 10px; background-color: #ecf4f9; margin: 15px auto; padding: 10px; width: 200px}
.login_box p {height: 24px; line-height: 24px; padding: 4px 0; font-weight: bold}
.login_box input.text {float: right; display: block; border-radius: 5px; border: 0; height: 22px; line-height: 22px; padding: 0 4px; width: 120px; color: #888; font-size: 11px}
.login_box input.btn {width: 59px; height: 24px; border: 0; cursor: pointer; background: url('../gfx/btn_orange.gif') top left no-repeat; margin: 0 5px; color: #610000; text-align: center; line-height: 22px; font-size: 11px}

#banner_ensol {display: block; width: 700px; height: 100px; background: url('../gfx/banner_ensol.gif') top left no-repeat; margin: 20px; padding: 0; clear: both; float: none; overflow: hidden}