@charset "UTF-8";
@import url("reset.css");
@import url("fonts.css");
body { font: normal normal normal 16px/1.1 Arial, Verdana, Tahoma, sans-serif; background-color: #2d343a; background-image: url(layout/top.png), url(layout/bg-head.png), url(layout/bg-body.png); background-position: top center, top center, top center; background-repeat: no-repeat, repeat-x, repeat; color: #c0c0c0; }
a:focus { outline: none; }
#nag_menu { clear: both; position: relative; left: 0; top: 0; margin: 0 auto; width: 982px; height: 546px; }
#logo { z-index: 2; position: absolute; left: 13px; top: 59px; width: 362px; height: 77px; background: url(layout/logo-brykiet-kominkowy.png) 0 0 no-repeat; }
#logo a { display: block; width: 100%; height: 100%; text-decoration: none; }
#logo a span { visibility: hidden; }
#motto { z-index: 3; position: absolute; left: 13px; top: 12px; font: normal normal normal 23px/1.0 'sansation_regular', Arial, sans-serif; letter-spacing: -1px; color: #Fff400; }
#motto span.kol1 { color: #ffffff; }
#motto span.kol2 { color: #fa0005; }
#motto span.kol3 { color: #b1f640; }
#akcja, #nr1, #nr2 { z-index: 3; position: absolute; font: normal normal normal 19px/1.0 'sansation_bold', Arial, sans-serif; }
#akcja { left: 694px; top: 66px; }
#akcja a { text-decoration: none; color: #8bca1a; }
#akcja a:hover, #akcja a:active { color: #9bfa4a; }
#nr1 { left: 788px; top: 66px; }
#nr2 { left: 788px; top: 79px; }
#nr1 a { text-decoration: none; color: #ffffff; }
#nr2 a { text-decoration: none; color: #808080; }
#nr1 a:hover, #nr1 a:active, #nr2 a:hover, #nr2 a:active { color: #ffff00; }
#photo { z-index: 4; position: absolute; left: 0; top: 148px; width: 982px; height: 295px; background: url(layout/photo.jpg) 0 0 no-repeat; }
#flagi { z-index: 5; position: absolute; right: 15px; top: 13px; width: 218px; height: 26px; background: url(layout/flags.png) left top no-repeat; list-style: none; }
#flagi li { z-index: 1; position: absolute; top: 4px; display: block; width: 24px; height: 16px; }
#flagi li a { overflow: hidden; display: block; width: 100%; height: 100%; text-decoration: none; }
#flagi li a span { visibility: hidden; }
#flaga_de { left: 4px; }
#flaga_it { left: 35px; }
#flaga_en { left: 66px; }
#flaga_ua { left: 97px; }
#flaga_ru { left: 128px; }
#flaga_cz { left: 159px; }
#flaga_sk { left: 190px; }
#slider, #slider ul, #slider ul li { width: 982px; height: 56px; font: normal normal normal 21px/1.1 Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif; text-align: center; text-indent: 0; }
#slider { z-index: 10; position: absolute; left: 0; top: 387px; background: url(layout/bg-slider.png) center top repeat-y; color: #fdfdfd; }
#slider ul { visibility: hidden; list-style: none; }
#slider ul li { overflow: hidden; }
#slider ul li div { padding: 14px 0 0; width: 960px; height: auto; }
#slider ul li.dwa div { padding: 3px 0 0; }
#slider a, #slider:link, #slider a:visited { text-decoration: underline; color: #8fef6b; }
#slider a:hover, #slider a:active { text-decoration: underline; color: #afff8b; }
#slider strong { font-weight: bold; }
#slider b { color: #ffff80; }
#slider em, #slider i { font-style: italic; }
ol#controls { z-index: 20; position: absolute; right: 0; top: 426px; height: 14px; font: normal normal normal 10px/1.0 Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif; }
ol#controls li { float: left; margin: 0 1px 0 0; height: 14px; list-style: none; line-height: 14px; }
ol#controls li a { float:left; padding:0 4px; height: 14px; line-height: 14px; text-decoration: none; background-color: #47a32e; color: #e0e0e0; border: 1px solid #27830e; }
ol#controls li.current a { background-color: #77d35e; color: #ffffff; }
#osiem { z-index: 200; position: absolute; left: 415px; top: 60px; width: 189px; height: 62px; background: url(layout/8-lat.png) center no-repeat; }
#okruszek { z-index: 5; position: absolute; left: 13px; bottom: 15px; font: normal normal normal 15px/1.0 'sansation_regular', Arial, sans-serif; color: #888888; }
#okruszek span { color: #c0c0c0; }
#content { clear: both; margin: 0 auto; width: 950px; height: auto; min-height: 400px; }
#text { clear: both; margin: 0 auto; width: 930px; height: inherit; min-height: inherit; font-size: 1em; color: #c0c0c0; }
#text a, #okruszek a { text-decoration: none; color: #d0ff46; }
#text a:hover, #text a:active, #okruszek a:hover, #okruszek a:active { text-decoration: underline; color: #f0ff66; }
#text abbr, #text dfn { border-bottom: 1px dotted #d8ff4e; cursor: help; }
#text a abbr, #text dfn a { cursor: inherit; }
#text strong, #text b { font-weight: bold; }
#text em, #text i { font-style: italic; }
#text h2 { margin: 5px 0; padding: 8px 0 8px 10px; width: 910px; font: normal normal normal 1.4em/1.0 'sansation_bold', Arial, sans-serif; background: url(layout/bg-hx.png) -10px 0 no-repeat; color: #88c700; border-radius: 7px; -webkit-border-radius: 7px; }
#text h2 b { color: #d0ff3e; }
#text h2 span { color: #c0c0c0; }
#text h2 a { text-decoration: none !important; }
#text h2 a:hover b, #text h2 a:active b { color: #f0ff5e; }
#text h2 a:hover span, #text h2 a:active span { color: #e0e0e0; }
#text h3 { margin: 1em 0 0 0.5em; font: normal normal normal 1.2em/1.0 'sansation_bold', Arial, sans-serif; color: #d0d0d0; }
#text h6 { margin: 5px 0; padding: 6px 0 6px 10px; width: 910px; margin-left: 10px; font: normal normal normal 1.1em/1.0 'sansation_normal', Arial, sans-serif; background: url(layout/bg-hx.png) -10px 0 no-repeat; color: #e0e0e0; border-radius: 7px; -webkit-border-radius: 7px; }
#text p { margin: 0.5em 1em; text-indent: 0; text-align: justify; }
#text p.cena { clear: left; float: left; display: block; margin: 0; padding: 0; width: 290px; height: 103px; font: normal normal normal 22px/1.0 'sansation_bold', Arial, sans-serif; background: url(layout/button.png) center no-repeat; color: #334607; }
#text p.cena span { display: block; padding: 34px 0 0 52px; text-shadow: 1px 1px 1px #e8f668; }
#text p.cena a { text-decoration: none !important; color: inherit !important; }
#text p.cena b { color: #870703 !important; }
#text p.cena b.rabat { color: #e70703 !important; }
#text p.cena b.poprzednia { text-decoration: line-through !important; color: #870703 !important; }
#text p.wiecej { clear: left; float: left; display: block; margin: 0 0 0 40px; padding: 0 0 0 25px; font: normal normal normal 21px/1.3 'sansation_bold', Arial, sans-serif; background: url(layout/arrow-more.png) 0 4px no-repeat; }
#text p.wiecej a { text-decoration: none; color: #e6a00c; }
#text p.wiecej a:hover, #text p.wiecej a:active { color: #f6b01c; }
#text p.powrot { clear: both; margin: 2em 0 0 2em; }
#text p.opis { clear: both; margin: 2em 0 0; font-size: 90%; color: #b0b0b0; }
#text p.gwarancja { clear: left; margin: 0.5em 0 0 2em; font-weight: bold; font-size: 120%; }
#text p.gwarancja a { color: #f00000; }
#text ul { margin: 0.25em 0; list-style: disc outside; }
#text ol { margin: 0.25em 0; list-style: decimal outside; }
#text ul li, #text ol li { margin: 0.25em 0 0.25em 3em; text-align: justify; }
#text ul.woj li { margin-bottom: 1em; }
#text ul.legenda { margin: 0.5em 0; list-style: none; font-size: 90%; }
#text ul.legenda li { margin: 0.2em 0; text-align: justify; }
#text small { font-size: 80%; }
#text big { font-size: 120%; }
#text sup, #text sub { font-weight: inherit; font-style: inherit; font-size: 0.8em; }
#text sup { vertical-align: text-top; }
#text sub { vertical-align: text-bottom; }
#text .dystrybucja address { margin-left: 2em; font-size: 140%; line-height: 1.2; }
#text .dystrybucja address span { color: #e8e8e8; }
#text .kontakt address { font-size: 140%; line-height: 1.2; }
#text .kontakt address span { color: #e8e8e8; }
#text .kontakt .konle { float: left; margin-left: 2em; width: 42%; }
#text .kontakt .konpr { float: right; width: 48%; }
#droga { margin: 0.4em auto; font: normal normal normal 1em/1.2 Arial, Tahoma, Verdana, sans-serif; }
#droga tr td { padding: 0.2em; vertical-align: middle; text-align: left; text-indent: 0; }
#droga .pole { width: 400px; color: #fefefe; }
#pokaz { float: right; padding: 0.2em 0.4em; cursor: pointer; }
#pokaz, #droga .pole { background-color: #404040; color: #e0e0e0; border: 1px solid #e0e0e0; }
#droga .pole:hover, #pokaz:hover { border: 1px solid #20c020; color: #fefefe; }
#obszar { clear: both; margin: 0 auto; width: 470px; height: 470px; }
#mapa { float: left; width: 468px; height: 468px; border: 1px solid #c0c0c0; }
#panel { display: none; overflow: auto; float: right; width: 300px; height: 470px; font: normal normal normal 0.9em/1.2 Arial, Verdana, sans-serif; }
#up { clear: both; margin: 0 auto; width: 982px; height: auto; }
#go_to_top { clear: both; float: right; display: block; margin: 1em 0; width: 22px; height: 22px; text-decoration: none !important; background: url(layout/do_gory.png) center no-repeat; }
#go_to_top span { visibility: hidden; }
#stopka { clear: both; width: 100%; height: auto; background-color: #23272b; }
#dol { clear: both; margin: 0 auto; padding: 10px 0; width: 982px; height: inherit; color: #808080; }
#dol span { color: #c0c0c0; }
#dol a { text-decoration: none; color: #e0e0e0; }
#dol a:hover, #dol a:active { text-decoration: underline; color: #f8f8f8; }
#dol p { margin-left: 2em; }
#ab_polska, #copyright, #counter, #valid, #projekt { font: normal normal normal 15px/1.3 'sansation_regular', Arial, sans-serif; }
#counter { float: left; }
#projekt { float: right; }
#szukane { clear: both; padding: 1em 0; text-align: center; font: normal normal normal 11px/1.2 Arial, Tahoma, Verdana, sans-serif; }
#navf { clear: both; font-size: 90%; }
#navf ul { float: left; display: inline; margin-top: 10px; width: 100%; list-style: none; text-indent: 0; text-align: center; }
#navf li { display: inline; margin: 0 5px;}
#navf a { text-decoration: none; }
#ab_polska { display: block; width: 185px; height: 46px; background: url(layout/logo-ab-polska.png) center no-repeat; }
#ab_polska a { display: block; width: 100%; height: 100%; text-decoration: none; }
#ab_polska a span { visibility: hidden; }
#text .oferta { clear: both; margin: 25px 0 0 27px; width: 910px; height: auto; }
#x1 { float: right; position: relative; right: 0; top: 0; padding: 5px 9px; font-size: 1em; background-color: #b4dfd0; cursor: pointer; }
#x2 { text-decoration: underline; cursor: pointer; }
#ciasteczka { z-index: 99999999; position: fixed; left: 0; bottom: 0; width: 100%; height: auto; font: normal normal normal 0.8em/1.2 Arial, Verdana, sans-serif; background-color: #d4fff0; color: #000000; }
#ciasteczka a, #ciasteczka a:link, #ciasteczka a:visited { text-decoration: underline; color: inherit; }
#ciasteczka a:hover, #ciasteczka a:active, #x1:hover, #x2:hover { color: #00b97a; }
#ciasteczka p { margin: 0.75em 1.5em; text-indent: 0; text-align: left; }
#ciasteczka em { font-style: italic; }
#ciasteczka strong { font-weight: bold; }
.center { margin-left: 0 !important; margin-right: 0 !important; text-indent: 0 !important; text-align: center !important; }
.left { margin-left: 0 !important; margin-right: 0 !important; text-indent: 0 !important; text-align: left !important; }
.right { margin-left: 0 !important; margin-right: 0 !important; text-indent: 0 !important; text-align: right !important; }
.strong { font-weight: bold !important; }
.ram_box { display: inline; box-shadow: 0px 0px 5px 4px #ef733f; -webkit-box-shadow: 0px 0px 5px 4px #ef733f; }
.box2 { clear: both; float: right; margin: 0 0 0 5px; width: 460px; height: auto; }
.box4 { clear: both; margin: 15px 0 15px 9px; width: 920px; height: auto; }
.magazyn { clear: both; margin: 0 0 15px 50px; width: 700px; height: auto; }
.mron { margin-right: 15px !important; }
.mroff { margin-right: 0 !important; }
.fl { float: left; margin: 15px 15px 15px 15px; }
.fr { float: right; margin: 15px 0 15px 15px; }
.cb { clear: both !important; }
.cl { clear: left !important; }
.cr { clear: right !important; }
.separator { clear: both; margin: 14px auto; height: 1px; }
.info { color: #ffc000 !important; }
.uwaga { color: #ffff40 !important; }
.upp { text-transform: uppercase !important; }
.podkresl { text-decoration: underline !important; }
.pdf { display: inline; vertical-align: middle; }
.cennik { clear: both; margin: 15px auto; font: normal normal normal 1em/1.3 Arial, Tahoma, Verdana, sans-serif; color: #e0e0e0; }
.cennik tr th, .cennik tr td { padding: 3px 9px; text-align: center; vertical-align: middle; border: 1px solid #202020; }
.cennik tr th { background-color: #545b60; }
.cennik tr th.kup { font-size: 120%; background-color: inherit; color: #cbcb00; border-top: 0; border-right: 0; border-bottom: 0; }
.cennik tr th.kup b { font-size: 130%; }
.cennik tr td { background-color: #4c5358; }
.cennik tr td.rkt { padding-right: 42px; text-align: right; }
.cennik tr td.rcp { padding-right: 24px; text-align: right; }
.cennik tr td.rra { padding-right: 15px; text-align: right; }
.cenres { margin-left: 45px; margin-right: 0; }
.dopisek { clear: both; margin-left: 50px; width: 620px; height: auto; }
.dopisek p { font-size: 90%; line-height: 1.0; color: #f0f0f0; }
.ecobriketts, .ecopellet { font-style: italic !important; font-weight: bold !important; text-transform: uppercase !important; color: #20b92f !important; }
.ecobriketts span, .ecopellet span { font-size: 130% !important; text-transform: none !important; color: #28c137 !important; }
.eco_bar { float: left; margin: 7px 10px 7px 0; }
.porownanie { margin: 1em auto 0.5em; width: 90%; font: normal normal normal 1.1em/1.3 "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif; background-color: #e0e0e0; color: #000000; }
.porownanie tr.w { background-color: #d3efc3; }
.porownanie tr th, .porownanie tr td { padding: 0.2em 0.8em; vertical-align: middle; text-indent: 0; border: 1px solid #404040; }
.porownanie tr th { font-style: normal; font-weight: bold; text-align: center; background-color: #efedcb; }
.porownanie tr td + td { text-align: center; }
.taniej70 { clear: both; margin: 1em auto; padding: 5px; width: 96%; height: auto; background-color: #281818; border: 1px dotted #c00000; }
#text .aside { float: right; margin: 0 0 14px 20px; padding: 4px 12px; height: auto; border: 1px solid #6c9000; background-color: #0c3000; }
#text .aside p { margin: 0.5em 0; }
.wzn { width: 310px; }
.transport { width: 240px; }
.ramka { clear: both; margin: 1em auto; padding: 5px; width: 96%; height: auto; background-color: #00b97a; color: #d4ffd4; border: 1px dotted #d4ffd4; }
.polecamy { clear: both; margin: 0 auto; }
.polecamy tr td { padding: 20px; text-align: left; vertical-align: middle; }
.polecamy tr td img { display: block; margin: 0 auto; }
.kotly { margin: 0 auto; }
.kotly tr td { padding: 25px 50px; text-align: center; vertical-align: middle; }
.kotly tr td div { margin-top: 5px; }
.banner_pellet { clear: both; display: block; margin: 25px auto; border: 2px solid #ffffff; }
.imgmid { display: inline; vertical-align: middle; }
.polski { color: #ffffff; }
.producent { color: #dc143c; }
.listki { display: inline-block; width: 179px; height: 16px; background-image: url(grafika/ocena.png); background-repeat: no-repeat; cursor: help; }
.listki span { visibility: hidden; }
.l00 { background-position: -180px 0; }
.l01 { background-position: -162px 0; }
.l02 { background-position: -144px 0; }
.l03 { background-position: -126px 0; }
.l04 { background-position: -108px 0; }
.l05 { background-position: -90px 0; }
.l06 { background-position: -72px 0; }
.l07 { background-position: -54px 0; }
.l08 { background-position: -36px 0; }
.l09 { background-position: -18px 0; }
.l10 { background-position: 0 0; }
.em1 { margin-left: 1em !important; }
.em2 { margin-left: 2em !important; }
.em3 { margin-left: 3em !important; }
.em4 { margin-left: 4em !important; }
.em5 { margin-left: 5em !important; }
.em6 { margin-left: 6em !important; }
.em7 { margin-left: 7em !important; }
.em8 { margin-left: 8em !important; }
.em9 { margin-left: 9em !important; }
.em10 { margin-left: 10em !important; }
.em11 { margin-left: 11em !important; }
.em12 { margin-left: 12em !important; }
.em13 { margin-left: 13em !important; }
.em14 { margin-left: 14em !important; }
.em15 { margin-left: 15em !important; }
.em16 { margin-left: 16em !important; }
.em17 { margin-left: 17em !important; }
.em18 { margin-left: 18em !important; }
.em19 { margin-left: 19em !important; }
.em20 { margin-left: 20em !important; }
.em21 { margin-left: 21em !important; }
.em22 { margin-left: 22em !important; }
.em23 { margin-left: 23em !important; }
.em24 { margin-left: 24em !important; }
.em25 { margin-left: 25em !important; }
.em26 { margin-left: 26em !important; }
.em27 { margin-left: 27em !important; }
.em28 { margin-left: 28em !important; }
.em29 { margin-left: 29em !important; }
.zabezpiecz { float: left; margin: 6em 0 0 1em; width: 400px; }
/*
Horizontal CSS Drop-Down Menu Module
@copyright: 2006-2008 Live Web Institute. All Rights Reserved.
@link: http://www.lwis.net
*/
ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; }
ul.dropdown { position: relative; left: 20px; top: 444px; z-index: 20; float: left; font: normal normal bold 17px/1.0 'sansation_bold', Arial, Verdana, Helvetica, sans-serif; }
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; line-height: normal; }
ul.dropdown li.hover, ul.dropdown li:hover { z-index: 30; position: relative; background-color: #404040; cursor: default; }
ul.dropdown ul { visibility: hidden; z-index: 40; position: absolute; top: 100%; left: 0; text-transform: none; background-color: #404040; color: #fefefe; }
ul.dropdown ul li { float: none; background-color: transparent; color: #000000; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown li:hover > ul { visibility: visible; }
ul.dropdown a:link, ul.dropdown a:active, ul.dropdown a:visited { text-decoration: none; color: #fefefe; }
ul.dropdown a:hover { text-decoration: none; background: url(layout/grey.png) center top repeat-x; color: #fefefe; }
ul.dropdown ul li.hover, ul.dropdown ul li:hover { background-color: transparent; }
ul.dropdown ul a:link, ul.dropdown ul a:active, ul.dropdown ul a:visited { text-decoration: none; color: #86c910; }
ul.dropdown ul a:hover { text-decoration: none; background-color: #505050; color: #fefefe; }
ul.dropdown *.dir { padding-right: 12px; background-image: none; background-position: 100% 50%; background-repeat: no-repeat; }
ul.dropdown ul a { width: 250px; background-color: #4c4c4c; color: #86c910; }
ul.dropdown li a { display: block; padding: 14px 13px 15px; }
ul.dropdown li.dir { padding: 14px 13px 15px; }
ul.dropdown li a.orange { background: url(layout/orange.png) center top repeat-x; color: #f5f500; }
ul.dropdown li a:hover.orange { background: url(layout/grey.png) center top repeat-x; color: #fefefe; }