﻿body {background-image: url(obrazki-szablon/tlo-calosc.gif); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #060; text-align: center; margin: 0; }
#wrapper {position: absolute; top: 0; width: 100%; background: url(obrazki-szablon/tlo-cien.gif) top left repeat-x;  text-align: center; }
#content {position: relative; top: 5px; width: 896px; margin-left: auto; margin-right: auto; background: white url(obrazki-szablon/tlo-content.jpg) top repeat-y; text-align: justify; }

H1 {font-size: 14px; font-weight: bold; color: #000; }
H2 {font-size: 12px; font-weight: bold; text-align: center; color: #030; linie-height: 150%; }
H3 {font-size: 12px; font-weight: bold; text-align: left; }

p, td {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #060; text-align: justify; }

td.krawedzie {border-top: 1px solid #006B45; }
p.powrot {text-align: right; }
p.center {text-align: center; }

.reklama {float: right; margin-bottom: 5px; margin-left: 20px; border-left: 1px solid #060; padding-left: 15px;  }
.reklama p {font-size: 10px; text-align: left; }

.ramka {border: 1px solid #006B45; }

.obrazekwtekscie {float: right; margin-top: 2px; margin-bottom: 8px; margin-left: 10px; border-left: 1px solid #060; padding-left: 15px; }

.pogrubienie {font-weight: bold; }
p a:link {text-decoration: none; color: #F60; }
p a:visited {text-decoration: none; color: #FF8400; }
p a:active {text-decoration: none; color: #F60; }
p a:hover {text-decoration: underline; color: #F60; }

.reklama {float: right; margin-bottom: 20px; margin-left: 20px; border-left: 1px solid #060; padding-left: 15px;  }
.reklama p {font-size: 10px; text-align: left; }

#main a:link {text-decoration: none; color: #F60; }
#main a:visited {text-decoration: none; color: #FF8400; }
#main a:hover {text-decoration: underline; color: #F60; }
#main a:hover {text-decoration: underline; color: #F60; }

#top1 {margin-top: 0; height: 122px; background: url(obrazki-szablon/tlo-naglowek.gif) no-repeat; }
#logo {position:absolute; width:81px; height:103px; background: url(obrazki-szablon/tec-logo.gif) no-repeat; margin-top: 8px; margin-left: 52px; z-index: 100; }
#www {position:absolute; width:150px; height:18px; background: url(obrazki-szablon/tec-www.gif) no-repeat; margin-top: 10px; margin-left: 714px; z-index: 101; }
#tanie {position:absolute; width:600px; height:34px; background: url(obrazki-szablon/tec-tanieekologicznecieplo.gif) no-repeat; margin-top: 43px; margin-left: 233px; z-index: 102; }
#piece {position:absolute; width:654px; height:16px; background: url(obrazki-szablon/tec-piece.gif) no-repeat; margin-top: 103px; margin-left: 209px;  z-index: 103; }
#piece-ang {position:absolute; width:654px; height:16px; background: url(obrazki-szablon/tec-piece-ang.gif) no-repeat; margin-top: 103px; margin-left: 259px;  z-index: 103; }
#piece-ros {position:absolute; width:654px; height:16px; background: url(obrazki-szablon/tec-piece-ros.gif) no-repeat; margin-top: 103px; margin-left: 229px;  z-index: 103; }

#top2 {margin-top: 0; width: 100%; height: 108px; background: url(obrazki-szablon/tec-obrazek.jpg) no-repeat top; }
#pasek {margin-top: 0; height: 7px; width:896px; background: url(obrazki-szablon/pasek-tlo.gif) repeat-x; z-index: 104; }
#paseklewa {position:absolute; height: 7px; width:4px; background: url(obrazki-szablon/pasek-lewa.gif) no-repeat; left: 0px; }
#pasekprawa {position:absolute; height: 7px; width:4px; background: url(obrazki-szablon/pasek-prawa.gif) no-repeat; left: 892px;  }


#left {float: left; width: 192px; margin-top: 0; background: url(obrazki-szablon/menu_dol.gif) no-repeat left bottom; }
/* #flagi {position:relative; margin-top: 0; width:192px; height: 60px; } */

#flagi {position: relative; width: 192px; height:60px; }
#flagipasekgora {position:absolute; width: 192px; height:2px; background: url(obrazki-szablon/flagi-pasek-gora.gif) no-repeat; top: 0; left: 0; }
#flagapolska {position:absolute; width: 160px; height:40px; top: 5px; padding-left:10px; }
#flagarosja {position:absolute; width: 38px; height:26px; top: 12px; padding-left:80px; }
#flagaanglia {position:absolute; width: 38px; height:26px; top: 12px; padding-left:134px; }
#flagipasekdol {position:absolute; width: 192px; height:8px; background: url(obrazki-szablon/flagi-pasek-dol.gif) no-repeat; top: 52px; left: 0;}

/*MENU LEWE */
#menulewe {position:relative; float: left; margin-left: 0; width: 192px; left: 0; top: 0; }
#menulewe ul {list-style: none; margin: 0; padding:0; }
#menulewe li {height: 26px; }
#menulewe a {position: absolute; display: block; width: 167px; background-position: 0 0; height: 26px; font-weight: bold; text-decoration: none; padding: 5px 0 0 25px; }
/*przesuniêcie t³a, aby by³ efekt hover*/
#menulewe a:link, #menulewe a:visited, #menulewe a:active {background-position: 0 0; color: #FFF; }
#menulewe a:hover {background-position: 0 26px; color: #FF6;  }

#left #menulewe #glownaLink, #left #menulewe #ofirmieLink, #left #menulewe #ofertaLink, #left #menulewe #kontaktLink, #left #menulewe #palnikiLink, #left #menulewe #kotlyLink, #left #menulewe #nagrzewniceLink {background-image:url(obrazki-szablon/menu-tlo.gif); }
body#glowna a#glownaLink, body#ofirmie a#ofirmieLink, body#oferta a#ofertaLink, body#kontakt a#kontaktLink, body#palniki a#palnikiLink, body#kotly a#kotlyLink, body#nagrzewnice a#nagrzewniceLink {background-position: 0 26px; color: #FF6; }

*html #menulewe a {width: 192px; }
/* koniec kodu do menu lewego */

#drumlin p {width: 190px; text-align: center; text-transform: uppercase; margin-top: 20px; }
#drumlin img {margin-left: 2px; border: 2px solid #006B45; margin-top: 5px; }
#drumlin a {color: #084932; }
#drumlin a:hover {color: #FF4A03; }

#menudol {position: relative; width: 192px; height: 26px; left: 0; top: 0;  background: url(obrazki-szablon/menu-dol.gif) left top no-repeat; }

#main {width: 660px; margin: 20px 20px 20px 210px; min-height: 350px; background: url(obrazki-szablon/tlo-znakwodny.gif) top left no-repeat; }

#miniaturki { }
#miniaturki img {border: 1px solid #006B45; }

.poziom1 {text-transform: uppercase; font-weight: bold; list-style-type: square; padding-top: 8px; margin-left: 30px; }
.poziom2 {text-transform: none; font-weight: bold; list-style-type: disc; padding-top: 5px; }
.poziom3 {text-transform: none; font-weight: normal; list-style-type: circle; padding-top: 3px; }

#footer {clear: both; position: relative; width: 896px; height:83px; background: url(obrazki-szablon/tlo-dol.gif) bottom left no-repeat; margin-top: -50px; left:2px; bottom: 0; }
#footer p {position:absolute; bottom: -2px; color: #97C597; font-size: 10px; padding-left: 250px; }
*html #footer p {bottom: 7px; margin-top: 0;  }
#exe {margin-top: 10px; }
#exe a {width: 500px; height: 30px; font-color: #006600; text-decoration: none; text-align: center;  }