@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, p, ol, dl, dd, dt, img, blockquote, q, div, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre{margin:0px; padding:0px}
:focus{outline:0} 
body{background:#EAECE4 url(images/bck-total.jpg) repeat-x 0px 0px; font-family:Arial; text-align:center; cursor:default; zoom:100%}
a img {border:none; margin:0px; padding:0px}
th, td, tr {vertical-align:top}
.container{width:880px; background:#fff; margin:10px auto; text-align:left}

/* Top section styles */
.topsection{position:relative; height:124px; width:820px; margin:0px auto}
.logospot{float:left; width:128px; height:124px; margin:0px 2px 0px 0px; padding:0px}	
.topnav{float:left; position:relative; height:124px; width:690px; margin:0px; padding:0px}
.smallnav{position:absolute; top:6px; left:10px}
.smallnav p{color:#685E48; font-size:11px; font-weight:normal; line-height:13px}
.smallnav p a{color:#685E48; font-weight:normal; text-decoration:none; margin:0px 0px 0px 5px}	.smallnav p a:hover{color:#685E48; font-weight:normal; text-decoration:underline}
	a#smallnavselected{color:#900}
.language{position:absolute; top:6px; right:0px}
.language p{color:#685E48; font-size:11px; font-weight:normal; line-height:13px}
.language p a{color:#685E48; font-weight:normal; text-decoration:none; margin:0px 0px 0px 5px}	.language p a:hover{color:#685E48; font-weight:normal; text-decoration:underline}
	a#languageselected{color:#900}
.sloganarea{float:left; position:relative; background:none; height:60px; width:690px; margin:30px 0px 0px 0px}
.distribution-regions{float:right; position:relative; background:url(images/bck-wyszukiwarka-dystrybutorow.png) no-repeat 0px 0px; height:54px; width:216px}
.distribution-regions h3{clear:both; font-size:12px; font-weight:bold; line-height:14px; color:#003366; margin:5px 0px 4px 12px; padding:0px}
.distribution-regions select{width:190px; height:22px; border:0px; border-top:1px solid #ccc; border-left:1px solid #ccc; background:#fff; line-height:16px; font-size:12px; color:#666; font-weight:normal; margin:0px 0px 0px 12px; padding:1px}

.facebook{position:relative; width:280px; background:#fff; padding:10px 0 15px 0; text-align:center; float:right}
.facebook img{float:left; margin:0 0 0 10px}
.facebook p{clear:both; font:normal 11px/13px Arial, Helvetica, sans-serif; color:#777; padding:4px 10px; text-align:left}
.facebook p strong{color:#555}
.fblike{float:right}

.mainnav{float:left; position:relative; width:690px; height:32px; padding:0px; margin:0px; list-style:none}
.mainnav ul{float:right; list-style:none; margin:0px; padding:0px}
.mainnav li{float:left; list-style-type:none; font-size:12px; margin:0px 2px 0px 0px; padding:0px}
.mainnav li a{cursor:hand; float:left; display:block; color:#240001; text-decoration:none; font-size:12px; font-weight:normal; padding:0px 0px 0px 24px; height:32px; line-height:32px; text-align:center; background:url(images/mainnav-left.png) no-repeat center left}
.mainnav li a b{cursor:hand; float:left; display:block; padding:0px 24px 0px 0px; line-height:32px; background:url(images/mainnav-right.png) no-repeat center right}
.mainnav li a:hover{cursor:hand; float:left; display:block; color:#240001; text-decoration:none; font-size:12px; font-weight:normal; padding:0px 0px 0px 24px; height:32px; line-height:32px; text-align:center; background:url(images/mainnav-left.png) no-repeat bottom left}
.mainnav li a:hover b{cursor:hand; float:left; display:block; padding:0px 24px 0px 0px; line-height:32px; background:url(images/mainnav-right.png) no-repeat bottom right}
#current a{cursor:hand; float:left; display:block; color:#990000; text-decoration:none; font-size:12px; height:32px; line-height:32px; padding:0px 0px 0px 24px; text-align:center; background:url(images/mainnav-left.png) no-repeat top left; list-style:none}
#current a b{cursor:hand; float:left; display:block; text-decoration:none; font-size:12px; height:32px; line-height:32px; padding:0px 24px 0px 0px; text-align:center; background:url(images/mainnav-right.png) no-repeat top right; list-style:none}

/* Homepage content styles */
.content{clear:both; overflow:hidden; position:relative; width:820px; margin:0px auto; background:url(images/bck-bread-crumbs.png) top left repeat-x}
.marketingspot{clear:both; position:relative; width:820px; height:258px; margin:0px auto}
.marketingnav{position:absolute; left:0px; bottom:0px; z-index:1; height:25px; background:url(images/bck-bannersnav.png) top left repeat-x}
.marketingnav img{float:left}	.bannernav img a{border:0px}
.marketingnav p{float:left;}
.marketingnav p a{float:left; display:block; height:19px;   margin:3px 0px 0px 0px; padding:0px 8px 0px 8px; color:#fff; font-size:11px; font-weight:bold; line-height:19px; text-decoration:none}
.marketingnav p a:hover,.marketingnav p a.sel{float:left; display:block; height:19px; border:1px solid #555; margin:2px 0px 0px 0px; padding:0px 7px 0px 7px; color:#fff; font-size:11px; font-weight:bold; line-height:19px; text-decoration:none}


.marketing-1{clear:both; overflow:hidden; position:relative; width:820px; height:258px; background:url(images/marketing/marketing-glowny.png) top left no-repeat}
.marketing-1 h2{position:absolute; top:80px; left:20px; display:block; width:200px; font-family:Arial, Helvetica, sans-serif; font-size:36px; line-height:38px; letter-spacing:-2px; font-weight:lighter; color:#fff}
.marketing-1 p{position:absolute; top:160px; left:20px; display:block; width:230px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; letter-spacing:0px; font-weight:bold; color:#F0A08C}

.marketing-2{  clear:both; overflow:hidden; position:relative; width:820px; height:258px; background:url(images/marketing/arbet-z-kultura.jpg) top left no-repeat}
.marketing-2 h4{ position:absolute; top:20px; left:20px; display:block; width:250px; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:18px; letter-spacing:-1px; font-weight:lighter; color:#fff}
.marketing-2 h3{position:absolute; top:47px; left:20px; display:block; width:280px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; letter-spacing:0px; font-weight:bold; color:#fff}
.marketing-2 h2{position:absolute; top:106px; left:20px; display:block; font-family:Garamond, "Times New Roman", Times, Georgia, serif; font-size:48px; line-height:48px; letter-spacing:-2px; font-weight:normal; color:#fff}
.marketing-2 p{position:absolute; top:160px; left:20px; display:block; width:240px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; letter-spacing:0px; font-weight:bold; color:#F0A08C}
.topslide {position:absolute;}
.topplyta {width:820px; height:258px;background-repeat:no-repeat}

.topplyta h2 {margin:40px 0px 5px 30px;font-size:32px;color:#fff;letter-spacing:-2px;font-weight:normal}
.topplyta h3 {margin:0px 0px 5px 30px;font-size:24px;color:#fff;letter-spacing:-1px;font-weight:normal;text-transform:capitalize}
.topplyta p {margin:0px 550px 5px 30px;font-size:11px;color:#fff;font-weight:bold}

.productsnav{clear:both; position:relative; width:820px; height:30px; margin:2px auto}
.productsnav p{position:absolute; top:5px; left:0px; z-index:3; display:block; width:83px; font-size:11px; font-weight:bold; line-height:13px; color:#333; margin:0px}
.productsnav ul{float:right; list-style:none; margin:0px 0px 0px 0px; padding:0px}
.productsnav li{float:left; list-style-type:none; margin:0px 2px 0px 0px; padding:0px}
.productsnav li a{float:left; display:block; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0px 12px 0 11px; height:30px; line-height:30px; text-align:center; background:url(images/bck-productsnav.png) repeat-x top left}
.productsnav li a:hover{float:left; display:block; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0px 12px 0 11px; height:30px; line-height:30px; text-align:center; background:url(images/bck-productsnav-h.png) repeat-x top left}

/* Layout column styles */
.col-560{float:left; width:560px; overflow:hidden; margin:0px}
.col-500{float:left; width:500px; overflow:hidden; margin:0px}
.col-300{float:left; width:300px; overflow:hidden; margin:0px 20px 0px 0px}
.col-240ml{float:left; width:240px; overflow:hidden; margin:0px 0px 0px 20px}
.col-240mp{float:left; width:240px; overflow:hidden; margin:0px 20px 0px 0px}
.col-240bm{float:left; width:240px; overflow:hidden; margin:0px 0px 0px 0px}

/* Panel styles */

.witamy{clear:both; width:300px; overflow:hidden; border-bottom:1px dotted #ccc; margin:0 0 20px 0}
.witamy h2{clear:both; font-size:18px; font-weight:bold; line-height:20px; letter-spacing:-1px; color:#036; padding:15px 0px 15px 0px; margin:0px}
.witamy h3{clear:both; font-size:12px; font-weight:bold; line-height:14px; letter-spacing:0px; color:#036; margin:15px 0px 15px 0px; padding:0px}
.witamy p{clear:both; font-size:11px; font-weight:normal; line-height:13px; letter-spacing:0px; color:#666; margin:15px 0px 15px 0px; padding:0px}
.witamy p a{color:#900}	.witamy p a:hover{color:#C00}

.natura{clear:both; width:300px; overflow:hidden; border-bottom:1px dotted #ccc}
.natura h2{clear:both; font-size:18px; font-weight:bold; line-height:20px; letter-spacing:-1px; color:#4E6600; padding:15px 0 15px 0; margin:0}
.natura h3{clear:both; font-size:12px; font-weight:bold; line-height:14px; letter-spacing:0px; color:#4E6600; margin:15px 0px 15px 0px; padding:0px}
.natura p{clear:both; font-size:11px; font-weight:normal; line-height:13px; letter-spacing:0px; color:#666; margin:15px 0px 15px 0px; padding:0px}
.natura p a{color:#900}	.witamy p a:hover{color:#C00}

.nagrody{clear:both; position:relative; width:300px; height:282px; overflow:visible; background:url(images/panels/bck-nagrody.png) top left no-repeat; margin:0}
.nagrody h2{clear:both; font-size:18px; font-weight:bold; line-height:20px; letter-spacing:-1px; color:#333; padding:8px 0px 5px 15px; margin:0px}
.nagrody-images{position:absolute;width:280px; height:240px; clear:both; margin:0px 10px 0px 10px; padding:0px}

.nagrodynav{display:none; position:absolute; right:0px; bottom:0px; z-index:2; height:25px; background:url(images/bck-awardsnav.png) top left repeat-x}
.nagrodynav img{float:left}	.bannernav img a{border:0px}
.nagrodynav p{float:left;}
.nagrodynav p a{float:left; display:block; height:19px; margin:3px 0px 0px 0px; padding:0px 8px 0px 8px; color:#fff; font-size:11px; font-weight:bold; line-height:19px; text-decoration:none}
.nagrodynav p a:hover,.nagrodynav p a.sel{float:left; display:block; height:19px; border:1px solid #fff; margin:2px 0px 0px 0px; padding:0px 7px 0px 7px; color:#fff; font-size:11px; font-weight:bold; line-height:19px; text-decoration:none}

.certyfikat-energetyczny{clear:both; position:relative; width:238px; height:180px; background:url(images/panels/bck-gradient-cieplybraz.png) top left repeat-x; border:1px solid #D1C898; margin:20px 0px 0px 0px}
.certyfikat-energetyczny h2{font-size:16px; font-weight:bold; line-height:18px; letter-spacing:-1px; color:#240001; padding:15px 0px 15px 15px; margin:0px}
.certyfikat-energetyczny p{font-size:11px; font-weight:normal; line-height:13px; color:#333; padding:0px 0px 15px 15px; margin:0px}
.certyfikat-energetyczny p a{color:#900}	.certyfikat-energetyczny p a:hover{color:#C00}
.certyfikat-energetyczny img{margin:10px 15px 10px 15px}

.produkcja-styropianu{clear:both; position:relative; width:238px; min-height:140px; background:url(images/panels/bck-gradient-szarybialy.png) top left repeat-x; border:1px solid #E6EAE8; margin:20px 0px 0px 0px}
.produkcja-styropianu h2{font-size:16px; font-weight:bold; line-height:18px; letter-spacing:-1px; color:#333; padding:15px 0px 0px 15px; margin:0px}
.produkcja-styropianu p{font-size:11px; font-weight:normal; line-height:13px; color:#333; padding:0px 0px 15px 15px; margin:0px}
.produkcja-styropianu p a{color:#900}	.produkcja-styropianu p a:hover{color:#C00}
.produkcja-styropianu img{margin:10px 15px 10px 15px}
.produkcja-styropianu p img{margin:0px}

.pobierz-plik{clear:both; position:relative; width:238px; min-height:140px; background:url(images/panels/bck-gradient-zolty.png) top left repeat-x; border:1px solid #E9E4B6; margin:20px 0px 0px 0px}
.pobierz-plik h2{font-size:16px; font-weight:bold; line-height:18px; letter-spacing:-1px; color:#4E311F; padding:15px 0px 5px 15px; margin:0px}
.pobierz-plik p{font-size:11px; font-weight:normal; line-height:13px; color:#333; padding:5px 0px 10px 15px; margin:0px}
.pobierz-plik p a{color:#900}	.pobierz-plik p a:hover{color:#C00}
.pobierz-plik img{margin:0px 5px 0px 0px; float:left}

ul.pobierz-pliki{margin:0px 0px 0px 15px; padding:0px; list-style-type:none; font-size:11px;}
ul.pobierz-pliki li{margin:0px 0px 5px 0px; padding:0px 0px 5px 20px; list-style-type:none; background:url(images/icon-pdf.gif) top left no-repeat}
ul.pobierz-pliki li a{color:#900; font-weight:bold}	ul.pobierz-pliki li a:hover{color:#C00; font-weight:bold}

.styropian-w-akcji{clear:both; position:relative; width:238px; min-height:300px; background:url(images/panels/bck-gradient-blekitny.png) top left repeat-x; border:1px solid #CBE3FE; margin:20px 0px 0px 0px}
.styropian-w-akcji h2{font-size:16px; font-weight:bold; line-height:18px; letter-spacing:-1px; color:#036; padding:15px 0px 5px 15px; margin:0px}
.styropian-w-akcji p{font-size:11px; font-weight:normal; line-height:13px; color:#333; padding:0px 15px 5px 15px; margin:0px}
.styropian-w-akcji p a{color:#900}	styropian-w-akcji p a:hover{color:#C00}
p.akcja{margin:5px 0px 0px 0px; font-weight:bold; color:#036}

.kalkulator{float:left; width:500px; height:240px; margin:20px 0px 0px 0px; padding:0px; background:url(images/bck-kalkulator.png) top left no-repeat; position:relative}
.kalkulator h2{font-size:16px; font-weight:bold; line-height:18px; letter-spacing:-1px; color:#4E311F; padding:15px 0px 5px 15px; margin:0px}
.kalkulator img{margin:10px 0px 0px 15px}

.szerokidolny{display:none; float:left; width:500px; min-height:100px; overflow:hidden; margin:20px 0px 0px 0px; padding:0px; border-bottom:1px dotted #ccc}
.szerokidolny h2{clear:both; font-size:18px; font-weight:bold; line-height:20px; letter-spacing:-1px; color:#4E6600; margin:0px 0px 15px 0px; padding:0px}
.szerokidolny h3{clear:both; font-size:12px; font-weight:bold; line-height:14px; letter-spacing:0px; color:#4E6600; margin:15px 0px 15px 0px; padding:0px}
.szerokidolny p{clear:both; font-size:11px; font-weight:normal; line-height:13px; letter-spacing:0px; color:#666; margin:15px 0px 15px 0px; padding:0px}
.szerokidolny p a{color:#900}	.witamy p a:hover{color:#C00}

.podstrony{clear:both; position:relative; width:238px; margin:20px 0px 0px 0px}
.podstrony h2{font-size:16px; font-weight:bold; line-height:18px; letter-spacing:-1px; color:#900; padding:0px 0px 10px 15px; margin:0px}
.podstrony ul{margin:5px 0px 10px 15px; padding:0px; color:#036; list-style-type:square}
.podstrony li{font-size:12px; font-weight:bold; line-height:14px; letter-spacing:0px; color:#333; padding:0px 0px 3px 5px; margin:0px 0px 0px 17px}
.podstrony li a{color:#036; text-decoration:none}	.podstrony li a:hover{color:#036; text-decoration:underline}
a#aktywna-podstrona{color:#900; text-decoration:underline}

.deklaracje-zgodnosci{clear:both; position:relative; width:238px; margin:20px 0px 0px 0px}
.deklaracje-zgodnosci h2{font-size:16px; font-weight:bold; line-height:18px; letter-spacing:-1px; color:#8B7461; padding:0px 0px 10px 15px; margin:0px}
.deklaracje-zgodnosci ul{margin:0px 0px 0px 17px; padding:0px; list-style-type:none; font-size:12px;}
.deklaracje-zgodnosci li{margin:0px 0px 5px 0px; padding:0px 0px 5px 20px; list-style-type:none; background:url(images/icon-pdf.gif) top left no-repeat}
.deklaracje-zgodnosci li a{color:#900; font-weight:bold; text-decoration:none}	.deklaracje-zgodnosci li a:hover{color:#C00; font-weight:bold; text-decoration:underline}
.deklaracje-zgodnosci p{font-size:11px; font-weight:normal; line-height:13px; color:#333; padding:0px 0px 15px 15px; margin:0px}

.realizacje-arbetu{clear:both; position:relative; width:238px; overflow:hidden; padding:0 0 10px 0; height:auto; background:url(images/panels/bck-gradient-szarybialy.png) top left repeat-x; border:1px solid #E6EAE8; margin:20px 0px 0px 0px}
.realizacje-arbetu h2{font-size:16px; font-weight:bold; line-height:18px; letter-spacing:-1px; color:#333; padding:15px 0px 0px 15px; margin:0px}
.realizacje-arbetu h3{font-size:14px; font-weight:bold; line-height:18px; letter-spacing:-1px; color:#666; padding:5px 0px 10px 15px; margin:0px}
.realizacje-arbetu p{font-size:11px; font-weight:normal; line-height:13px; color:#333; padding:0px 0px 15px 15px; margin:0px}
.realizacje-arbetu p a{color:#900}	.realizacje-arbetu p a:hover{color:#C00}
.realizacje-arbetu img{margin:10px 15px 10px 15px}
.realizacje-arbetu p img{margin:6px 0px 0px 0px}
/* Internal styles */
.bread-crumbs{position:relative; clear:both; width:560px}
.bread-crumbs p{font-size:10px; font-weight:normal; line-height:14px; letter-spacing:0px; color:#857152; padding:15px 0px 0px 15px; margin:0px}
.bread-crumbs p a{color:#857152; font-weight:bold; text-decoration:none}	.bread-crumbs p a:hover{color:#857152; font-weight:bold; text-decoration:underline} a#currentbread{color:#900}

.article{position:relative; clear:both; width:560px}
.article h1{font-size:32px; font-weight:bold; line-height:35px; letter-spacing:-1px; color:#036; padding:15px 0px 5px 15px; margin:0px}
.article h2{font-size:18px; font-weight:bold; line-height:20px; letter-spacing:-1px; color:#036; padding:10px 0px 15px 15px; margin:0px}
.article h3{font-size:14px; font-weight:bold; line-height:16px; letter-spacing:-1px; color:#036; padding:10px 0px 10px 15px; margin:0px}
.article h3.aclass{cursor:pointer;color:#036; text-decoration:none}
.article h3.aclasshover{color:#036; text-decoration:underline}

.article h4{font-size:12px; font-weight:bold; line-height:14px; letter-spacing:0px; color:#333; padding:5px 0px 10px 15px; margin:0px}
.article p{font-size:12px; font-weight:normal; line-height:14px; letter-spacing:0px; color:#333; padding:5px 0px 5px 15px; margin:0px}
.article ul{margin:5px 0px 10px 15px; padding:0px; color:#036; list-style-type:square}
.article li{font-size:12px; font-weight:normal; line-height:14px; letter-spacing:0px; color:#333; padding:0px 0px 3px 5px; margin:0px 0px 0px 20px}
.article table{clear:both; width:530px; margin:15px}
.article th{font-size:12px; font-weight:bold; color:#594B33; line-height:18px; text-align:center; padding:4px 10px 4px 10px; background:#CABD9E}
.article td{font-size:11px; vertical-align:middle; font-weight:normal; color:#6B5E46; line-height:18px; text-align:left; padding:4px 10px 4px 10px}
tr.darkrow{background:#F2EFBD}

.panel-produktu{position:relative; clear:both; width:560px; height:200px; margin:20px 0px 10px 0px; background:url(images/marketing/produkt-styropian-hydropian.png) top left no-repeat}
.panel-produktu h1{font-size:28px; font-weight:bold; line-height:42px; letter-spacing:-2px; color:#fff; padding:45px 0px 0px 15px; margin:0px}
.panel-produktu h2{font-size:22px; font-weight:normal; line-height:30px; letter-spacing:-1px; color:#fff; padding:0px 0px 5px 15px; margin:0px}
.panel-produktu h3{width:250px; font-size:11px; font-weight:bold; line-height:13px; letter-spacing:0px; color:#fff; padding:0px 0px 10px 15px; margin:0px}
.panel-produktu h3 a{font-size:12px; font-weight:bold; line-height:14px; letter-spacing:-1px; color:#99CCFF; text-decoration:underline}
.panel-produktu h3 a:hover{font-size:12px; font-weight:bold; line-height:14px; letter-spacing:-1px; color:#99CCFF; text-decoration:underline}

/* Footer styles */
.footer{position:relative; overflow:hidden; clear:both; width:830px; padding:20px 0 20px 25px; margin:10px 0px 10px 0px; background:url(images/bck-footer.png) repeat-x top left}
.footer p{float:left; text-align:left; color:#333; font-weight:bold; font-family:Arial; font-size:11px; line-height:13px; letter-spacing:0px; margin:0px; padding:0px}
.footer ul{float:right; margin:0px; padding:0px 30px 0 0; background:none}
.footer li{float:left; margin:0px 20px 0px 0px; padding:0px; list-style-type:none}
.footer li a{margin:0px; padding:0px; font-size:11px; font-weight:normal; line-height:14px; color:#666; text-decoration:underline}
.footer li a:hover{margin:0px; padding:0px; font-size:11px; font-weight:normal; line-height:14px; color:#000; text-decoration:underline}


/*kalkulator*/

.description {width:165px;float:left;height:155px;font-size:11px;margin-left:15px;margin-right:10px}
.description p {font-weight:bold;margin-bottom:5px}

.fldsLong {width:182px;float:left;font-size:11px;height:120px}
.fldsLong select {width:175px;margin-bottom:5px}

.fldsShort {width:110px;float:left;font-size:11px;height:120px}
.fldsShort input {width:35px;}
.fldsShort .line {margin-bottom:7px}

a.count_btt {background: url(../images/bgr_oblicz.png) no-repeat;width: 97px;height: 30px;display:block;
             line-height:30px;text-align:center;font-size:12px;color:#000;text-decoration:none;
             font-weight:bold;position:absolute; bottom:50px; left:195px}
.wspolczynnik {width:200px; font-size:11px; position:absolute; bottom:60px; left:300px}
#calc_result {font-size:18px;font-weight:bold;color:#c00; position:absolute; bottom:30px; left:300px}