body {
  background: url(images/bg.jpg) repeat;
  font-family: tahoma;
}
.centrum {
  position: absolute;
  width: 900px;
  height: auto;
  left: 50%;
  margin-left: -450px;
  float: left;
}
.tlo {
  background: url(images/bg_tlo.jpg) repeat;
  width: auto;
  overflow: none;
  display: block;
  clear: both;
  margin-bottom: 10px;
  float:left;
}
.kontaktowe {
  height: 850px;
}
.ofertowe {
  height: 780px;
}
.top_bar {
  float: left;
  clear: both;
  width: 100%;

  display: block;
  margin-top: 5px;
}
.logo {
  float: left;
  height: 56px;
  width: 266px;
  margin-bottom: 10px;
}
.logo a {
  display: block;
  width: 220px;
  height: 56px;
  margin-left:18px;
  background: url(images/logo.png) no-repeat;
}
.menu {
  float: left;
  width: auto;
  height: 56px;
}
.menu a {
  display: block;
  float: left;
  width: auto;
  margin-left: 1px;
  text-align: center;
  padding-top: 34px;
  color: #003466;
  font-size: 18px;
  text-decoration: none;
  padding-bottom: 10px;
}
.menu a.index{
  background: url(images/index_btn.jpg) no-repeat;
  width: 153px;

}
.menu a.o_firmie {
  background: url(images/menu_btn.jpg) no-repeat;
  width: 95px;
}
.menu a.oferta {
  background: url(images/menu_btn.jpg) no-repeat;
  width: 95px;
}
.menu a.orliki {
  background: url(images/menu_btn.jpg) no-repeat;
  width: 95px;
}
.menu a.wycena {
  background:url(images/menu_btn.jpg) no-repeat;
   width: 95x;
}
.menu a.kontakt_menu {
  background: url(images/menu_btn.jpg) no-repeat;
  width: 95px;
}
.menu a.referencje {
  background: url(images/menu_btn.jpg) no-repeat;
  width: 95px;
}

/* banery */
.baner_box {
  display: block;
  width: 900px;
  height: 249px;
  clear: both;
  float: left;
  margin-top: 0px;
}
.transparent_bar {
  display: block;
  margin-top: 186px;
  height: 64px;
  background: url(images/transparent_bar.png) bottom no-repeat;
}
.transparent_bar h1 {
  display: block;
  text-align: right;
  color: #FFFFFF;
  padding: 5px 10px 5px 10px;
  margin: 0px;
  font-size: 23px;
  font-weight: 200;
  width: 300px;
  float: right;
}
.transparent_bar h5 {
  display: block;
  text-align: right;
  color: #FFFFFF;
  padding: 0px;
  margin: 0px;
  font-size: 10px;
  font-weight: 200;
  width: 300px;
  float: right;
  clear: both;
  padding-right: 10px;
}
.numer_baner {
  width: 100px;
  height: 20px;
  padding-left: 20px;
  float: left;
}
.numer_baner a {
  color: #000000;
  background: #FFFFFF;
  text-decoration: none;
  float: left;
  text-align: center;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  font-weight: 600;
  display: block;
}
.numer_baner a:hover {
 text-decoration: underline;
}


/* menu z linkami do katregorii produktow */
.menu_kolor {
  display: block;
  width: 900px;
  height: 58px;
}
.menu_kolor a, 
.menu_kolor > div {
  display: block;
  float: left;
  width: 225px;
  height: 58px;
  text-decoration: none;
 color:black;

}
div.menu_kolor a:hover, div.menu_kolor a:visited, div.menu_kolor a:active{
	text-decoration: none;
	color:black;
}
.menu_kolor_text{
	display:block;
	margin-top:20px;
	margin-left:50px;
	padding-left: 7px;
	
}
.menu_kolor a.ogrodzenia,
.menu_kolor div.ogrodzenia{
  background: url(images/ogrodzenia.jpg);
}
.menu_kolor a.druty,
.menu_kolor div.druty{
  background: url(images/druty.jpg);
}
.menu_kolor a.linki, 
.menu_kolor div.linki {
  background: url(images/linki.jpg);
}
.menu_kolor a.na_skroty,
.menu_kolor div.na_skroty {
  background: url(images/na_skroty.jpg);
}
.menu_kolor_down {
  width: 900px;
  height: 132px;
  display: block;
  float: left;
  clear: both;
}
.menu_kolor_linki {;
  height: 132px;
  float: left;
  display: block;
}
.menu_kolor_linki.ogrodzenia {
	background: rgb(255,132,2);
 /*background: url(images/ogrodzenia_linki.jpg) no-repeat;*/
 
 float: left;
 width: 225px;
}
.menu_kolor_linki.druty {
 /*background: url(images/druty_linki.jpg) no-repeat;*/
 background: rgb(255,156,1);
 float: left;
 width: 225px;
}
.menu_kolor_linki.linki {
 /*background: url(images/linki_linki.jpg) no-repeat;*/
 background:rgb(255,180,3);
 float: left;
 width: 225px;
}
.menu_kolor_linki.na_skroty {
 /* background: url(images/na_skroty_linki.jpg) no-repeat; */
 background:rgb(254,191,2);
 float: left;
 width: 225px;
}
.menu_kolor_linki a {
 background: url(images/linki_arrow.png) no-repeat left; 
 display: block;
  padding-left: 25px;
   color: #000000;
  text-decoration: none;
  margin: 5px 15px;
  font-weight: 600;
  font-size: 13px;
}
.menu_kolor_linki a:hover {
  text-decoration: underline;
}
.menu_na_skroty {
  width: 225px;
  height: 272px;
  background: url(images/na_skroty_linki_wht.jpg) repeat;
  float: right;
  padding: 0px 0px;
  overflow: hidden;
}
.menu_na_skroty_long {
  height: 529px;
}


.menu_na_skroty a {
  display: block;
  padding-left: 25px;
  background: url(images/linki_arrow.png) no-repeat left;
  color: #000000;
  text-decoration: none;
  margin: 5px 15px;
  font-weight: 600;
  font-size: 13px;
}
.menu_na_skroty a:hover {
  text-decoration: underline;
}

.menu_na_skroty_verylong{
 width: 225px;
  background: url(images/na_skroty_linki_wht.jpg) repeat;
  float: right;
  padding: 0px 0px;
  height: 616px;
}

.menu_na_skroty_verylong a {
  display: block;
  padding-left: 25px;
  background: url(images/linki_arrow.png) no-repeat left;
  color: #000000;
  text-decoration: none;
  margin: 5px 15px;
  font-weight: 600;
  font-size: 15px;
}
.menu_na_skroty_verylong a:hover {
  text-decoration: underline;
}


/* o firmie */
.o_firmie_box {
  display: block;
  width: 635px;
  height: auto;
  background: #F2F2F2;
  clear: both;
  padding: 20px;
  float: left;
  margin-bottom: 10px;
}
.o_firmie_box .o_firmie {
  border: 1px solid #ACACAC;
  display: block;
  width: 635px;
  height: auto;
  clear: both;
  
}
.o_firmie_box .o_firmie h2 {
  display: block;
  text-align: left;
  padding: 5px 10px 5px 10px;
  margin: 0px;
  font-size: 20px;
  font-weight: 200;
  width: 615px;
  float: left;
  border-bottom: 1px solid #ACACAC;
}
.o_firmie_box .o_firmie p {
  line-height: 200%;
  padding: 10px;
  font-size: 14px;
  text-align: justify;
  margin: 0px;
}
.o_firmie_box .o_firmie p.name {
 text-align: right;
 font-style: italic;
}

/* kontakt */
.kontakt {
  width: 225px;
  height: 228px;
  background: url(images/kontakt_bar.jpg) no-repeat;
  float: right;
  margin-bottom: 10px;
  padding: 0px 0px;
}
.kontakt p {
  padding: 10px;
  font-size: 12px;
  text-align: center;
  margin-top: 10px;
  line-height: 150%;
  font-weight: 600;
}
/* stopka */
.stopka {
  display: block;
  width: 550px;
  height: 50px;
  background: url(images/stopka.jpg);
  clear: both;
  margin-bottom: 10px;
  padding-left: 350px;
}
.stopka p {
  padding-top: 15px;
  float: left;
  font-size: 12px;
  margin: 0px;
}
.stopka a {
  padding-top: 15px;
  float: left;
  font-size: 12px;
  text-decoration: none;
  color: #000000;
  margin-left: 30px;
}
.stopka a:hover {
  text-decoration: underline;
}

/* galeria */
.o_firmie_box .galeria_box {
  display: block;
  width: 635px;
  height: 214px;
  background: url(images/bg_galeria.jpg) repeat;
  margin-top: 30px;
}
.o_firmie_box .galeria_box #miniaturki {
    background: none;
    padding: 4px 20px;
}
.o_firmie_box .galeria_box #miniaturki #panel_hide {
    height: 140px;
    width: 490px;
    overflow: hidden;
    padding: 0px 15px;
}
.o_firmie_box .galeria_box #miniaturki #panel_hide_move {
    width: 3000px;
}
.o_firmie_box .galeria_box #miniaturki #left_btn {
    float: left;
    width: 30px;
    height: 42px;
    margin-top: 80px;
    background: url(images/left.png) no-repeat 0 0;
}
.o_firmie_box .galeria_box #miniaturki #right_btn {
    float: right;
    width: 30px;
    height: 42px;
    margin-top: 80px;
    background: url(images/right.png) no-repeat 0 0;
}
.o_firmie_box .galeria_box #miniaturki .mini_foto_raw {
    font-size: 14px;
    color: #585858;
    font-weight: 500;
    text-align: center;
    width: 89px;
    float: left;
    margin: 20px 6px 0px 6px;
}
.o_firmie_box .galeria_box #miniaturki .mini_foto {
    width: 89px;
    height: 89px;
    margin-top: 5px;
}
.o_firmie_box .galeria_box #miniaturki .mini_foto a {
    display: block;
    width: 100%;
    height: 100%;
}
.o_firmie_box .galeria_box #miniaturki .mini_foto .lt {
    background: url(images/lt.gif) no-repeat 0 0;
    width: 100%;
    height: 100%;
}
.o_firmie_box .galeria_box #miniaturki .mini_foto .rt {
    background: url(images/rt.gif) no-repeat 100% 0;
    width: 100%;
    height: 100%;
}
.o_firmie_box .galeria_box #miniaturki .mini_foto .rb {
    background: url(images/rb.gif) no-repeat 100% 100%;
    width: 100%;
    height: 100%;
}
.o_firmie_box .galeria_box #miniaturki .mini_foto .lb {
    background: url(images/lb.gif) no-repeat 0 100%;
    width: 100%;
    height: 100%;
}

/* produkty */
.o_firmie_box h1 {
  margin-bottom: 10px;
  padding: 0px;
  font-size: 16px;
  font-weight: 900;
}
.o_firmie_box .produkty {
  width: 635px;
  height: auto;
  border: 1px solid #ACACAC;
  display: block;
  background: #FFFFFF;
  margin-bottom: 10px;

  float: left;
}
.o_firmie_box .produkty h2 {
  display: block;
  text-align: left;
  padding: 5px 10px 5px 10px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 900;
  width: 615px;
  float: left;
  border-bottom: 1px solid #ACACAC;
}
.o_firmie_box .produkty a {
  color: #000000;
  text-decoration: none;
  font-size: 12px;
  padding-left: 15px;
}
.o_firmie_box .produkty ul.main {
  margin: 0px;
  padding: 10px;
}
.o_firmie_box .produkty ul.main li {
  padding-top: 5px;
  font-size: 12px;
  font-weight: 700;
  list-style: none;
}
.o_firmie_box .produkty ul.main li a {
  background: url(images/a_arrow.png) no-repeat;
}
.o_firmie_box .produkty ul.main li a:hover {
 text-decoration: underline;
}
.o_firmie_box .produkty ul.main li a.selected_tab {
  background: url(images/c_arrow.png) no-repeat;
}
.o_firmie_box .produkty ul.poboczne {

}
.o_firmie_box .produkty ul.poboczne li {

}
.o_firmie_box .produkty ul.poboczne li a {
  background: url(images/b_arrow.png) no-repeat left;
}
.o_firmie_box .produkty ul.poboczne li a:hover {
  text-decoration: underline;
}
.hidden_tab {
  display: none;
}
/* subchild*/
ul.submain {
  margin: 0px;
  padding-left: 0px;
}
ul.submain li {
  padding-top: 5px;
  font-size: 12px;
  font-weight: 700;
  list-style: none;
}
ul.submain li a {
  background: url(images/a_arrow.png) no-repeat;
}
ul.submain li a:hover {
 text-decoration: underline;
}
 ul.submain li a.selected_tab {
  background: url(images/c_arrow.png) no-repeat;
}
ul.subpoboczne {

}
ul.subpoboczne li {

}
ul.subpoboczne li a {
  background: url(images/b_arrow.png) no-repeat left;
}
ul.subpoboczne li a:hover {
  text-decoration: underline;
}
ul.submain li a.selected_tab {
  background: url(images/c_arrow.png) no-repeat;
}
/* opis produktu */
.o_firmie_box .produkty p {
  font-size: 12px;
  font-weight: 600;
  padding: 0px 10px 5px 10px;
  text-align: justify;
  overflow: auto;
  margin: 0px;
}
/* img o szerokości : 198px */
.foto_produktu {
  width: 610px;
  height: 148px;
  display: block;
  margin: 5px 15px;
}
.na_skroty_box {
  float: right;
  width: 225px;
  margin-bottom: 10px;
  height: auto;
  overflow: hidden;
}

/* kontakt */

.kontaktowy_box {
  float: left;
  width: 181px;
  height: 365px;
  clear: both;
}
.kontaktowy_box p {
``font-size: 12px;
  font-weight: 600;
  padding: 10px 10px 5px 10px;
  text-align: justify;
  margin: 0px;
  line-height: 200%;
}
.mapka {
  float: left;
 /* width: 446px;
  height: 365px;
  background: url(images/mapka.jpg) no-repeat;*/
}

/* formularz konatktowy */
.formularz {
display: block;
float: left;
margin-left: 20px;
width: 600px;
height: auto;
}
.formularz_komorki {
height: 30px;
display: block;
margin: 2px 10px;
padding: 0px 14px;
}
.formularz input {
padding: 0px;
height: 24px;
background: #E5E5E5;
border: 1px solid #ACACAC;
float: right;
font-size: 16px;
font-family: tahoma;
}
.formularz label {
padding: 5px;
float: left;
font-size: 14px;
}
.formularz input.adres {
width: 460px;
}
.formularz input.tel {
width: 430px;
}
.formularz input.tytul {
width: 460px;
}
.formularz_text_blok_wycena,
.formularz_text_blok {
/*width: 466px;
height: auto;
float: left;
padding-left:52px;
margin: 0px 20px 5px 72px;*/

height: auto;
display: block;
margin: 2px 10px;
padding: 0px 14px;

}
div.formularz_text_blok[title="kontakt"]{
	padding-left:12px;
}

.formularz_text_blok textarea {
width: 463px;
height: 150px;
border: 1px solid #ACACAC;
overflow: auto;
background: #E5E5E5;
margin: 2px 0px 2px 14px;
font-size: 14px;
float: right; 
}

.formularz_text_blok_wycena textarea{
height: 150px;
border: 1px solid #ACACAC;
overflow: auto;
background: #E5E5E5;
margin: 2px 0px 2px 14px;
font-size: 14px;
float: right; 	
width: 453px;
}
.bar_wyslij {
height: 23px;
width: 45px;
margin-left: 509px;
clear: both;
}
.bar_wyslij input {
border: 1px solid #969696;
background: #B9B9B9;
font-size: 14px;
width: 70px;
}

/* formularz produktów */
.formularz_komorki_select {
  margin: 2px 10px 2px 0px;
  padding: 0px;
  display: block;
}
.formularz select {
  padding: 2px;
  height: 24px;
  background: #FFFFFF;
  border: 1px solid #ACACAC;
  float: right;
  margin-right:12px;
  font-size: 14px;
  font-family: tahoma;
}
.formularz select.rodzaj {
  width: 300px;
}
.formularz select.srednica {
  width: 50px;
}
.formularz select.wielkosc {
  width: 50px;
}
.formularz select.dlugosc {
  width: 50px;
}
.formularz select.narozny {
  width: 50px;
}

.formularz .wycena_top{
	padding: 5px;
	float: left;
	font-size: 18px;
		
}

 .szczegoly{
	float: right;
	padding-right: 10px;
}
.szczegoly:hover{
	text-decoration: underline;
}
#form_send_mail{
	width:620px;
}

#form_send_mail tr{
	margin-top:2px;
}

#form_send_mail tr td{
	
}
a.product_path,a.product_path:hover,a.product_path:active,a.product_path:VISITED{
	color: #000000;
	text-decoration: none;
	font-size: 14px;
}

div.product_path_box{
	color: #000000;
	text-decoration: none;
	  padding: 0px;
 	 font-size: 14px;
	  font-weight: 900;
	  margin-bottom: 10px;
}
.p_regionalni_box{
	display: block;
	clear: both;
	text-align: center;
	background: url(images/przedstawiciele.jpg ) no-repeat;
	height: 50px;
	margin-top: 15px;
	cursor: pointer;
}

/* tabele z wymiarami siatek*/

.tlo .o_firmie_box .produkty table {
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #969696;
  margin: 10px 60px;
  text-align: center;
}
.tlo .o_firmie_box .produkty td {
  text-align: center;
}
.tlo .o_firmie_box .produkty table.mala {
  margin: 10px 80px;
}
.tlo .o_firmie_box .produkty tr.jasne {
  background: #D0D0D0;
}.tlo .o_firmie_box .produkty tr.b_jasne {
  background: #F0F0F0;
}
.tlo .o_firmie_box .produkty td.szare {
  background: #E0E0E0;
}
.tlo .o_firmie_box .produkty tr.szare2{
  background: #ACACAC;
}
.tlo .o_firmie_box .produkty td.check_mark {
  background: url(images/check_mark.png) no-repeat center;
}
.tlo .o_firmie_box .produkty table.orliki {
  margin: 10px 100px;
  background: #FFFF00;

}
 /* miniaturki z kolorami siatek */

.tlo .o_firmie_box .produkty .kolory_siatek {
  display: block;
  width: 700px;
  height: 76px;
  float: left;
  margin: 0px 5px 10px 5px;
}
/* realizacje */

.tlo .o_firmie_box .produkty .realizacje_box {
  display: block;
  float: left;
  width: 635px;
  height: auto;

}
.tlo .o_firmie_box .produkty .realizacje_box img {
  margin: 30px 2px;
  width: 150px;
  height: 200px;
}

/* cennik */
.cennik {
  background: url(images/kontakt_bar.jpg);
  margin: 20px 0px;
  padding: 10px;
}
.cennik label {
  font-size: 12px;
  font-weight: 600;
}
.cennik input {
  margin: 10px 0px;
}

/* aktualne promocje */

.promocje {
  display: block;
  width: 215px;
  height: 58px;
  background: url(images/aktualne_promocje.jpg) no-repeat;
  padding: 10px 0px 10px 10px;
}
.promocje a {
	widrth: 215px;
	height: 58px;
	background: none;
	

}

table.promotion{
	border: 1px solid black;
	margin: 0 auto;
}

table.promotion tr:nth-child(2n+1){
		background-color:silver;
}

table.promotion tr:nth-child(2n){
		background-color:white;
}



table.promotion th{
	background-color: #E0E0E0;
	border: 1px solid black;
	
}
table.promotion td{
	border:1px solid black;
	background-color: #E0E0E0;
	padding:2px;
	
}
table.promotion a,
table.promotion a:hover{
	text-decoration: none;
	color:black;
}

.mail, .mail:hover{
	color: black;
	padding-left:0px;
	text-decoration: none;
}


ul.promotion_products {
	font-size: 16px;
	margin-left: 10px;
}
.promotion_products li{
	text-align: left;
    list-style: none outside;
}

.promotion_products li a,
.promotion_products li a:hover{
	color:black;
	padding-left:15px;
	text-decoration: none;
	background: url(images/a_arrow.png) no-repeat left; 
    text-decoration: underline;
	
}
/***lista produktów****/

.produkty .main li div{
	
	height: auto !important;
}

.produkty .main .one_product{
	display: block;
	float: left;
	width: 100%;
    border-bottom: 1px solid #E4E4E4;
	padding-bottom: 5px;
}

.produkty .main .one_product img{
	float: left;
	margin-right: 10px;
}

.produkty .main .product_name{
	display: block;
}


.produkty .main  #zawartosci_menu0{
	padding-left: 0px;
}

img {
  border: 0px;
}

