* {
  margin: 0;
  padding: 0;
  border-style: none;
}
html, body {
  height: 100%;
}
body {
  background-color: white;
  text-align: center;
  color: #1E1E1E;
  font: 10px Verdana, Arial, sans-serif;
}
#container {
  min-height: 100%;
  margin-bottom: -250px;
  position: relative;
}
div.content, div#top, div.header-content, div.footer-content {
  width: 930px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
a {
  color: #CD0000;
  text-decoration: none;
}
a:hover {
  color: #A9A9A9;
}
/*-------------------FOR TOP------------------------*/
div#top {
  padding: 14px 0 16px 0;
}
p#logo {
  width: 300px;
  height: 77px;
  background: transparent url(img/logo.gif) top left no-repeat;
  margin-left: 30px;
}
p#slogan {
  width: 298px;
  height: 21px;
  background: transparent url(img/slogan.gif) top left no-repeat;
  float: right;
  margin: 22px 30px 0 0;
}
p span, h1 span, h2 span, a span {
  display: block;
  height: 0;
  width: 0;
  color: white;
  font-size: 1px;
  overflow: hidden;
}
div#header{
  background: #d01e15 url(img/header-slice.jpg) bottom center repeat-x;
  
}
div.header-content  {
  background: transparent url(img/fire.jpg) bottom right no-repeat;
  height: 230px;
  position: relative;
}
p#introduction {
  width: 712px;
  height: 134px;
  background: transparent url(img/text-list.gif) top left no-repeat;
  position: absolute;
  bottom: 30px;
  left: 30px;
}
/*-------------------for menu------------------------*/
ul.menu {
  color: #ebb7a8;
  list-style-type: none;
  font-size: 1.6em;
  font-variant: small-caps;
  font-weight: bold;
  padding-top: 10px;
  float: right;
  margin-right: 30px;
}
ul.menu li {
  display: inline;
  padding-left: 24px;
}
ul.menu a {
  color: white;
}
ul.menu a:hover {
  color: #FFC125;
}
div.flags {
  padding-left: 28px;
}
div.flags img {
  margin: 8px 12px 0 0;
}
/*-------------------for content------------------------*/
div.content {
  background: transparent url(img/top-shadow.gif) top center no-repeat;
  margin-top: 8px;
  padding-top: 30px;
}
div.content p, div.content ul {
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 20px;
}
div.content img {
  margin-bottom: 15px;
}
div.photo-line {
  padding-bottom: 15px;
  clear: right;
}
div.photo-line2 {
  padding-bottom: 0;
  clear: right;
}
div.content img.photo {
  float: left;
  margin: 3px 25px 5px 0;
}
div.content img.photo-right {
  float: right;
  margin: 3px 0 5px 20px;
}
div.content img.photo-last {
  margin: 3px 25px 5px 0;
}
div.content p img {
  float: left;
  margin: 0 10px 35px 0;
}
div.item {
 clear: both;
}
div.leftside {
  width: 420px;
  float: left;
  padding-left: 30px;
}
div.rightside {
  margin-left: 480px;
  padding-right: 30px;
}
div.left-menu, div.left-column {
  width: 300px;
  float: left;
  padding-left: 30px;
}
div.left-column {
   width: 270px;
}
div.left-column div {
  background-color: #EAEAEA;
  padding: 15px 5px 10px 15px;
}
div.right-content {
  margin-left: 330px;
  padding-right: 30px;
}
.single-paragraph, .first-paragraph {
  padding: 15px 0 10px 0;
  border-top: 2px solid #dbdbdb;
}
.first-paragraph {
  padding: 15px 0 0 0;
}
div.content div.with-description {
  width: 240px;
  padding-top: 10px;
}
div.content div.long-line {
  width: 530px;
}
  div.content div.with-description2 {
  width: 240px;
  float: right;
  padding-right: 40px;
  padding-top: 10px;
}
div.content p.description {
  border-bottom: 2px solid #dbdbdb;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
div.content img.description-img {
  margin-bottom: 8px;
}
div.content ul {
  list-style-type: none;
}
div.content li {
  padding: 0 0 8px 16px;
  background: transparent url(img/bullet.gif) top left no-repeat;
}
li.wrapped-li {
  margin-left: 110px;
}
div.content p.before-list {
  margin-bottom: 10px;
}
a.button-wiecej, a.button-wiecej2 {
  height: 30px;
  width: 75px;
  background: transparent url(img/button-wiecej.gif) bottom left no-repeat;
  display: block;
  margin: 5px 0 0 -3px;
}
a.button-wiecej2 {
  margin: -20px 0 30px -3px;
}
a.button-wiecej:hover, a.button-wiecej2:hover {
  background: transparent url(img/button-wiecej.gif) top left no-repeat;
}
div.frame {
  font-style: italic;
  font-weight: bold;
  color: #9C9C9C;
  border: 2px solid #dbdbdb;
  padding: 10px 10px 5px 15px;
  margin-bottom: 25px;
  background-color: #F0F0F0;
}
a.top-linked {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -20;
}
a.link-to-top {
   display: block;
   font-size: 12px;
   color: #9C9C9C;
   background: transparent url(img/button-up.gif) center left no-repeat;
   padding: 8px 3px 6px 33px;
   margin: 10px 0;
}
a.link-to-top:hover {
   color: #EE5C42;
}
/*-------------------for left menu------------------------*/
.left-menu ul {
  font-weight: bold;
  background-color: white;
  width: 260px;
  padding: 7px 0 12px 0;
  color: #AAAAAA;
}
.left-menu ul a {
  color: #8A360F;
}
.left-menu ul a:hover {
  color: #FF9912;
}
.left-menu ul li {
  border-bottom: 2px solid #DCDCDC;
  background-image: none;
  background-color: white;
  padding: 4px 3px 8px 15px;
}
.left-menu ul li.with-arrow {
  background: transparent url(img/arrow1.gif) top right no-repeat;
}
.left-menu ul ul.left-menu-inside {
  font-weight: normal;
  padding: 8px 0 0 0;
  margin-bottom: 0px;
  width: 100%;
}
.left-menu ul ul.left-menu-inside li {
  border-top: 1px solid #DCDCDC;
  border-bottom-style: none;
  font-size: 11px;
  line-height: 1.5em;
  padding: 2px 3px 4px 20px;
}
/*-------------------for h1------------------------*/
h1 {
  margin: 0 0 15px 30px;
  height: 27px;
  margin: 0 0 15px 0;
}
h1#h1-o_firmie {
  width: 117px;
  background: transparent url(img/h1/h1-o_firmie.gif) top left no-repeat;
  margin: 0 0 15px 30px;
}
h1#h1-oferta {
  width: 101px;
  background: transparent url(img/h1/h1-oferta.gif) top left no-repeat;
}
h1#h1-nagrzew-ind {
  width: 201px;
  background: transparent url(img/h1/h1-nagrzew-ind.gif) top left no-repeat;
}
h1#h1-piece-tygl {
  width: 211px;
  background: transparent url(img/h1/h1-piece-tygl.gif) top left no-repeat;
}
h1#h1-urzadzenia-hart {
  width: 416px;
  height: 32px;
  background: transparent url(img/h1/h1-urzadzenia-hart.gif) top left no-repeat;
}
h1#h1-urzadzenia-lut {
  width: 391px;
  height: 32px;
  background: transparent url(img/h1/h1-urzadzenia-lut.gif) top left no-repeat;
}
h1#h1-urzadzenia-zgrzew {
  width: 506px;
  height: 32px;
  background: transparent url(img/h1/h1-urzadzenia-zgrzew.gif) top left no-repeat;
}
h1#h1-generatory-tyr {
  width: 386px;
  background: transparent url(img/h1/h1-generatory-tyr.gif) top left no-repeat;
}
h1#h1-generatory-tran {
  width: 427px;
  background: transparent url(img/h1/h1-generatory-tran.gif) top left no-repeat;
}
h1#h1-podajniki {
  width: 141px;
  background: transparent url(img/h1/h1-podajniki.gif) top left no-repeat;
}
h1#h1-uklady {
  width: 282px;
  background: transparent url(img/h1/h1-uklady.gif) top left no-repeat;
}
h1#h1-remonty {
  width: 370px;
  background: transparent url(img/h1/h1-remonty.gif) top left no-repeat;
}
h1#h1-serwis {
  width: 327px;
  height: 34px;
  background: transparent url(img/h1/h1-serwis.gif) top left no-repeat;
}
h1#h1-czesci-piec {
  width: 429px;
  height: 40px;
  background: transparent url(img/h1/h1-czesci-piec.gif) top left no-repeat;
}
h1#h1-czesci-nagrzew {
  width: 332px;
  height: 40px;
  background: transparent url(img/h1/h1-czesci-nagrzew.gif) top left no-repeat;
}
h1#h1-uslugi {
  width: 95px;
  background: transparent url(img/h1/h1-uslugi.gif) top left no-repeat;
}
h1#h1-galeria {
  width: 113px;
  background: transparent url(img/h1/h1-galeria.gif) top left no-repeat;
  margin: 0 0 15px 30px;
}
h1#h1-praca {
  width: 92px;
  background: transparent url(img/h1/h1-praca.gif) top left no-repeat;
  margin: 0 0 15px 30px;
}
h1#h1-kontakt {
  width: 121px;
  background: transparent url(img/h1/h1-kontakt.gif) top left no-repeat;
  margin: 0 0 15px 30px;
}
/*-------------------for h2------------------------*/
h2 {
  margin-bottom: 5px;
  height: 20px;
}
a#h2-czesci, a#h2-nagrzewnice, a#h2-piece, a#h2-stanowiska, a#h2-urzadzenia, a#h2-urzadzenia-wsp, a#h2-uslugi, a#h2-nagrzewnice-kuz, a#h2-topienie, a#h2-generatory, a#h2-wzbudniki, a#h2-serwis, a#h2-nagrzewnice-inne, a#h2-lutowanie, a#h2-podajniki, a#h2-hartowanie, a#h2-uklady {
  margin-bottom: 5px;
  height: 20px;
  display: block;
}
h2#h2-czesci {
  width: 132px;
  background: transparent url(img/h2/h2-czesci.gif) top left no-repeat;
}
h2#h2-nagrzewnice, a#h2-nagrzewnice {
  width: 108px;
  background: transparent url(img/h2/h2-nagrzewnice.gif) top left no-repeat;
}
h2#h2-piece, a#h2-piece {
  width: 118px;
  background: transparent url(img/h2/h2-piece.gif) top left no-repeat;
}
h2#h2-stanowiska, a#h2-stanowiska {
  width: 225px;
  background: transparent url(img/h2/h2-stanowiska.gif) top left no-repeat;
}
h2#h2-urzadzenia, a#h2-urzadzenia {
  width: 212px;
  background: transparent url(img/h2/h2-urzadzenia.gif) top left no-repeat;
}
h2#h2-urzadzenia-wsp, a#h2-urzadzenia-wsp {
  width: 239px;
  background: transparent url(img/h2/h2-urzadzenia-wsp.gif) top left no-repeat;
}
h2#h2-uslugi, a#h2-uslugi {
  width: 265px;
  background: transparent url(img/h2/h2-uslugi.gif) top left no-repeat;
}
h2#h2-nagrzewnice-kuz, a#h2-nagrzewnice-kuz {
  width: 184px;
  background: transparent url(img/h2/h2-nagrzewnice-kuz.gif) top left no-repeat;
}
h2#h2-topienie, a#h2-topienie {
  width: 67px;
  background: transparent url(img/h2/h2-topienie.gif) top left no-repeat;
}
h2#h2-generatory, a#h2-generatory {
  width: 97px;
  background: transparent url(img/h2/h2-generatory.gif) top left no-repeat;
}
h2#h2-wzbudniki, a#h2-wzbudniki {
  width: 85px;
  background: transparent url(img/h2/h2-wzbudniki.gif) top left no-repeat;
}
h2#h2-serwis, a#h2-serwis {
  width: 57px;
  background: transparent url(img/h2/h2-serwis.gif) top left no-repeat;
}
h2#h2-nagrzewnice-inne, a#h2-nagrzewnice-inne {
  width: 148px;
  background: transparent url(img/h2/h2-nagrzewnice-inne.gif) top left no-repeat;
}
h2#h2-lutowanie, a#h2-lutowanie {
  width: 86px;
  background: transparent url(img/h2/h2-lutowanie.gif) top left no-repeat;
}
h2#h2-podajniki, a#h2-podajniki {
  width: 78px;
  background: transparent url(img/h2/h2-podajniki.gif) top left no-repeat;
}
h2#h2-hartowanie, a#h2-hartowanie {
  width: 99px;
  background: transparent url(img/h2/h2-hartowanie.gif) top left no-repeat;
}
h2#h2-uklady, a#h2-uklady {
  width: 157px;
  background: transparent url(img/h2/h2-uklady.gif) top left no-repeat;
}
/*-------------------for h3------------------------*/
h3 {
  font-size: 14px;
  color: #EE4000;
  margin-bottom: 5px;
}
/*-------------------for h4------------------------*/
h4 {
  font-size: 12px;
  padding-bottom: 5px;
  color: #EE4000;
  font-weight: bold;
}
/*-------------------for tables------------------------*/
.right-content table {
  line-height: 1.3em;
  text-align: left;
  font-size: 11px;
  margin: 5px 0 25px 0;
  border-bottom: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  border-collapse: collapse;
}
.right-content th {
  padding: 5px 3px 7px 10px;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  background-color: #F0F0F0;
  vertical-align: top;
}
.right-content td {
  padding: 5px 3px 7px 12px;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
}
/*-------------------for footer------------------------*/
.clearfooter {
  height: 250px;
  clear: both;
}
div#footer {
  height: 250px;
  position: relative;
  background: #d1d1d1 url(img/gradient-bottom-slice.jpg) top center repeat-x;
  padding: 20px 0 0 0; 
  text-align: center;
  margin-top: 30px;
}

div#footer a {
  text-decoration: underline;
  color: black;
}
div#footer a:hover {
  color: #FF6103;
}
div#footer table {
  width: 930px;
  text-align: center;
  font-size: 1.4em;
  line-height: 1.5em;
  font-weight: bold;
  margin-bottom: 15px;
}
div#footer td {
  padding-right: 5px;
  text-align: center;
}
div#footer td.left-cell {
  width: 42%;
  text-align: right;
} 
div#footer td.right-cell {
  text-align: left;
} 
div#footer p {
 text-align: center;
}