div.tlo_gora
{
  background-color: #000;
  height: 370px; 
  background-image: url("../gfx/gradient.jpg");
  margin: 0;
}
body
{
  margin: 0;
  padding: 0; 
  background-color: #000;
  font-family: Arial;
  font-size: 14px;
  text-align: center;
}
div.tlo_pasek_gora
{
  height: 25px;
  background-image: url("../gfx/tlo_pasek_gora.jpg");
}
div.tlo_glowne
{
  background-color: #474131;  
}  
div.container
{
  width: 970px;
  margin: 0 auto; 
  position:relative;
  top: -55px;
  text-align: left;
} 

div.zawartosc_glowna
{
  width: 970px;
  background-color: #474131; 
  z-index: 12;
  padding: 0;
  margin: 0;
  padding-bottom: 30px;
}  
div.zawartosc_glowna .bok_lewy
{
 width: 10px;
 display: inline;
 float: left;
 height: 100%;
 
}


div.zawartosc_glowna .bok_lewy .dol
{
  width: 10px;
  background-image: url("../gfx/zawartosc_bok_lewy_dol.jpg");
  background-color: #474131;
  background-position: bottom;
  background-repeat: no-repeat;
  position:absolute;
  bottom: 0px;
  height: 195px;
}
div.zawartosc_glowna .tresc
{
  width: 950px;
  top: 10px;
  display: inline;
  float: left;
  height: 100%;
  padding: 0;
  margin: 0;
  min-height:100px;height:auto !important;height:100px;
}
div.zawartosc_glowna .bok_prawy
{
 width: 10px;
 display: inline;
 float: left;
 
}


div.zawartosc_glowna .bok_prawy .dol
{
  width: 10px;
  background-image: url("../gfx/zawartosc_bok_prawy_dol.jpg");
  background-color: #474131; 
  height: 195px;
  position: absolute;
  bottom: 0;
}
div.panel_lewy
{
  display: inline;
  float: left;
  width: 204px;
  height: 676px;
  z-index: 10;
  margin: 3px;
  padding: 0;
}
div.panel_lewy .gora
{
  display: inline;
  float: left;
  width: 204px;
  height: 159px;
  background-image: url("../gfx/panel_lewy_gora_tlo2.jpg");
  z-index: 10;
}
div.panel_lewy .dol
{
  display: inline;
  float: left;
  width: 204px;
  height: 34px;
  background-image: url("../gfx/panel_lewy_dol.jpg");
}
div.panel_lewy .kontakt
{
  display: inline;
  float: left;
  width: 204px;
  height: 178px;
  background-image: url("../gfx/panel_lewy_kontakt_tlo.jpg");
}
div.panel_lewy .kontakt_tresc
{
  position: static;
  display: inline;
  float: left;
  width: 125px;
  height: 123px;
  margin-left: 31px;
  padding: 10px;
}
div.panel_lewy .kontakt_wiecej
{
  position: static;
  display: inline;
  float: left;
  padding: 0;
  margin: 0;
  text-align: right;
  margin-left: 80px;
}
div.panel_lewy .wiecej_promocja
{
  position: static;
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  margin-top: 280px;
  margin-left: 80px;
}
div.panel_lewy .kontakt p
{
  font-size: 11px;
  color: #fff; 
  margin: 0;
  line-height: 12px;
  padding: 0;
}
div.panel_lewy .newsletter
{
  position: static;
  display: inline;
  float: left;
  text-align: right;
  width: 140px;
  padding: 0;
  margin-left: 30px;
  margin-top: 43px;
}
input.news
{
  height: 18px; 
  background:none;
  color: #fff;
  text-align: right;
  font-size: 11px;
  width: 140px;
  border: none;
  margin-right: 5px;
  padding-top: 5px;
  
}
input.news_submit
{
  background: none;
  width: 120px;
  height: 25px;
  border: none;
  cursor: pointer;
}
div.modul
{
  display: inline;
  float: left;
  position: static;
  width: 739px; 
  background-color: #474131;
  margin-top: 3px;
  overflow: hidden;

}
div.modul_duzy
{
  display: inline;
  float: left;
  position: static;
  width: 900px;
  background-color: #474131;
  margin-top: 3px;
  overflow: hidden;
  min-height:100px;height:auto !important;height:100px;
  margin-left: 25px;

}
div.modul .naglowek
{
  position: static;
  display: inline;
  float: left;
  width: 739px;
  height: 14px;
  background-image: url("../gfx/modul_naglowek.jpg");
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  overflow: hidden;
}
div.modul_duzy .naglowek
{
  position: static;
  display: inline;
  float: left;
  width: 900px;
  height: 14px;
  background-image: url("../gfx/modul_naglowek_duzy.jpg");
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  overflow: hidden;
}
div.modul .zawartosc
{
  margin: 0;
  display: inline;
  float: left;
  position: static;
  width: 733px;
  height: auto;
  padding: 0;
  background-position: top;
  background-color: #fff;
  border-style: solid;
  border-color: #000;
  border-width: 0 3px 0 3px;
}
div.modul_duzy .zawartosc
{
  margin: 0;
  display: inline;
  float: left;
  position: static;
  width: 894px;
  height: auto;
  padding: 0;
  background-position: top;
  background-color: #fff;
  border-style: solid;
  border-color: #000;
  border-width: 0 3px 0 3px;
}

div.modul .oferta
{
 position: static; display: inline; float: left;
 background-image: url("../gfx/modul_oferta_tlo.jpg");
 background-repeat: no-repeat; 
 width: 717px;
 margin-left: 8px;
 padding-top: 30px;
 text-align: center;
 overflow: hidden;
}
div.modul .stopka
{
  display: inline; float: left; position: static;
  width: 739px;
  height: 21px;
  background-image: url("../gfx/modul_stopka.jpg");
  background-repeat: no-repeat;
  background-color: #474131;
}
div.modul_duzy .stopka
{
  display: inline; float: left; position: static;
  width: 900px;
  height: 21px;
  background-image: url("../gfx/modul_stopka_duza.jpg");
  background-repeat: no-repeat;
  background-color: #474131;
}
div.losowe_quady
{
  display: inline;
  float: left;
  position: static;
  width: 737px;
  height: 19px;
  background-image: url("../gfx/losowe_quady.jpg");
}
div.promocyjne_quady
{
  display: inline;
  float: left;
  position: static;
  width: 737px;
  height: 19px;
  background-image: url("../gfx/promocyjne_quady.jpg");
}
div.losowy_quad_modul
{
  display: inline;
  float: right;
  position: static;
  width: 225px;
  height: 236px;
  background-image: url("../gfx/losowy_quad_modul_tlo.jpg");
  padding: 0px 10px 0px 10px;
}
div.promocyjny_quad_modul
{
  display: inline;
  float: right;
  position: static;
  width: 225px;
  height: 236px;
  background-image: url("../gfx/promocyjny_quad_modul_tlo.jpg");
  padding: 0px 10px 0px 10px;
}
div.losowy_quad_modul p.producent
{
  margin: 0;
  font-weight: bold;
  color: #8b8b8b; 
}
div.losowy_quad_modul p.nazwa
{
  margin-left: 20px;
  color: #c12226;
  margin-top: 0;
  font-weight: bold;
  font-size: 17px; 
}
div.losowy_quad_modul p.zdjecie
{
  text-align: center; 
  z-index: 20;
}
div.promocyjny_quad_modul p.zdjecie
{
  text-align: center;
  z-index: 20;
}
div.losowy_quad_modul .szczegoly
{
  position: relative;
  width: 115px;
  height: 24px;
  top: 210px;
  left: 118px;
  background-image: url("../gfx/szczegoly_tlo.png");
}
div.promocyjny_quad_modul .szczegoly
{
  position: relative;
  width: 115px;
  height: 24px;
  top: 210px;
  left: 118px;
  background-image: url("../gfx/szczegoly_tlo.png");
}
div.stopka_zawartosci
{
  width: 970px;
  margin: 0 auto;
  height: 29px;
  background-image: url("../gfx/zawartosc_glowna_stopka.jpg");
  background-color: #28241b;
  z-index: 12;
  position: relative;
  top: -10px;
}
div.news
{
  display: inline;
  float: left;
  position: static;
  width: 350px;
  border-style: dotted;
  border-color: #cdcdcd; 
  border-width: 0 2px 2px 0;
  height: 150px;
  margin-left: 10px;
  font-size: 11px;
  color: #9A9A9A;
  text-align: left;
  padding-bottom: 5px;
}
div.news_prawy
{
  display: inline;
  float: left;
  position: static;
  width: 350px;
  border-style: dotted;
  border-color: #cdcdcd; 
  border-width: 0 0 2px 0;
  height: 150px;
  margin-left: 2px;
  font-size: 11px;
  color: #9A9A9A;
  text-align: left;
  padding-bottom: 5px;
}
div.news_dolny
{
  display: inline;
  float: left;
  position: static;
  width: 350px;
  border-style: dotted;
  border-color: #cdcdcd; 
  border-width: 0 2px 0px 0;
  height: 150px;
  margin-left: 10px;
  padding-top: 5px;
  font-size: 11px;
  color: #9A9A9A;
  text-align: left;
  padding-bottom: 5px;
}
div.news_dolny_prawy
{
  display: inline;
  float: left;
  position: static;
  width: 350px;
  border-style: dotted;
  border-color: #cdcdcd; 
  border-width: 0 0px 0px 0;
  height: 150px;
  margin-left: 10px;
  padding-top: 5px;
  font-size: 11px;
  color: #9A9A9A;
  text-align: left;
  padding-bottom: 5px;
}
div.news_naglowek
{
  width: 320px;
  height: 19px;
  background-image: url("../gfx/news_naglowek_tlo.jpg");
  background-repeat: no-repeat;
  margin-left: 5px;
  color: #c12621; 
  padding-left: 30px;
  font-weight: bold;
  padding-top: 2px;
  font-size: 14px;
}
div.news p
{
  font-size: 11px;
  color: #9A9A9A;
  text-align: left;
  margin: 0;
}
div.news img
{
  border-style: solid;
  border-width: 2px;
  border-color: #9A9A9A;
  margin: 3px;
}

div.stopka
{
 background-color: #28241b;
 height:40px; 
 z-index: 9;
 position: relative;
 top: -65px;
 text-align: center;
}  
div.stopka2
{
 background-color: #000; 
} 
div.stopka2 p
{
  color: #777557;
  font-size: 12px;
  text-align: center;
  position: relative;
  top: -60px; 
}
div.stopka2 a
{
  color: #777557;
  font-size: 12px;
  text-decoration: none;
}


div.sklep_modul_produktu
{
  width: 469px;
  height: 235px;
  float: left;
  display: inline;
  position: static;
  overflow: hidden;
  margin: 3px;
}

div.sklep_modul_produktu .zdjecie
{
  display: inline;
  float: left;
  width: 245px;
  height: 235px;
  background-image: url("../gfx/sklep_modul_produktu_zdjecie_tlo.jpg");
  background-repeat: no-repeat;
  overflow: hidden;
}
div.sklep_modul_produktu .opis
{
  width: 186px;
  height: 209px;
  display: inline;
  float: left;
  background-image: url("../gfx/sklep_modul_produktu_opis_tlo.jpg");
  background-repeat: repeat;
  background-position: 0 3px;
  border-style: solid;
  border-width: 0 2px 0 0;
  border-color: #24241C;
  overflow: hidden;
}
div.sklep_modul_produktu .opis .naglowek
{
  display: inline;
  float: left;
  width: 190px;
  height: 7px;
  background-image: url("../gfx/sklep_modul_produktu_opis_naglowek.jpg");
  background-repeat: no-repeat;
  overflow: hidden;
  
}
div.sklep_modul_produktu .cena
{
  display: inline;
  position: static;
  float: left;
  width: 224px;
  height: 26px;
  background-image: url("../gfx/sklep_modul_produktu_cena_tlo.jpg");
  background-repeat: no-repeat;
}
div.sklep_modul_produktu .ikony
{
  display: inline;
  float: left;
  width: 35px;
  height: 209px;
  background-image: url("../gfx/sklep_modul_produktu_ikony_tlo.jpg");
  background-repeat: no-repeat;
}
div.sklep_modul_produktu .kolorystyka
{
  display: inline;
  float: left;
  width: 163px;
  height: 64px;
  position: static;
  background-image: url("../gfx/sklep_modul_produktu_kolorystyka_tlo.jpg");
  background-repeat: no-repeat;
}
div.sklep_modul_produktu .tresc_opisu
{
  display: inline;
  float: left;
  width: 180px;
  height: 138px;
  color: #FABF5B;
  font-weight: bold;
  font-size: 11px;

}
div.sklep_modul_produktu .tresc_opisu ul
{
  padding: 0;
  margin: 10px 10px 3px 10px;
  line-height: 15px;
}
div.sklep_modul_produktu .tresc_opisu li
{
  list-style-type: none;
  padding: 0;
}
a
{
  text-decoration :none;
  color: #000;
}
a:hover
{
  color: #FFD438;
}
a.specyfikacja:hover
{
  color: #fff;
}
a.specyfikacja
{
  color: #FABF5B;
}
a.wiecej
{
  color: #BFC19F;
}
a.wiecej:hover
{
  color: #ffd438;
}
a.mail
{
  color: #FFD93B;
}
a.mail:hover
{
  color: #000;
}
