@media screen, projection {

fieldset, img { border:0; }

label, a { cursor:pointer; }

body, textarea, input { font-size:100%; font-family: Verdana, Arial, Helvetica, sans-serif }

.before, .after { line-height:0; }

.before img, .after img { margin:0 !important; }



p, h1, h2, h3, h4, h5, h6 { font-size:1em; margin:0; }

p { margin:1ex 0; }



thead, tbody, tfoot {padding:0; margin:0; border:0}



form {margin: 0; padding:0;}

a { text-decoration:none; color: rgb(196, 4, 0); }

a:focus, a:hover { text-decoration:underline; color: rgb(196, 4, 0);}



h2.opis, span.opis, hr { position:absolute; left:-10000em; }



html, body { height:100%; width:100%; margin:0; padding:0;}



div {margin:0; padding:0;}



html {

	display:table;

}



body {

	display:table-cell;

}



#start {

	width: 760px;

	height:auto;

	position:relative;

	z-index:0;

	margin:0 auto;

}



#menugora {

	position: relative;

	float: left;

	clear: both;

	width: 760px;

	height: 18px;

	background: #ffffff;

}



#menugora span.data {

	position: absolute;

	left: 640px;

	top: 2px;

	color: #486417;

	font-size: 0.7em;

}



#menugora span.menu {

	position: absolute;

	top: 2px;

	left: 5px;

	font-size: 0.7em;

	color: #486417;

}



#menugora span.menu a {

	color: #486417;

	font-size: 1em;

}



#baner {

	position: relative;

	float: left;

	clear: both;

	width: 760px;

	height: 102px;

}



#banerlewa {

	position: relative;

	float: left;

	width: 150px;

	height: 102px;

	background: url(img/baner_lewa.jpg) no-repeat 0 0;

}



#banerprawa {

	position: relative;

	float: left;

	width: 604px;

	height: 102px;

	background: url(img/baner_prawa.jpg) no-repeat 0 0;

}



#banerprawa img {

	position: absolute;

	left: 340px;

	top: 20px;

	behavior:url(pngHack.htc);

}



#menu {

	position: relative;

	float: left;

	clear: both;

	height: 33px;

	width: 749px;

	background: url(img/menu.jpg) no-repeat 0 -1px;

	border-left: 3px solid #ffffff;

	border-right: 3px solid #ffffff;

	z-index: 10;

}



	#menu ul {

		position: absolute;

		top: 1px;

		left: 182px;

		margin: 0;

		padding: 0;

		z-index:20;

	}

		

		#menu ul li{

			position: relative;

			float: left;

			margin: 0;

			padding: 0;

			list-style: none;

			padding-left: 1px;

		}

		

		#menu ul li a{

			display: block;

			width: 100%;

			height: 100%;

		}

		

		#menu ul li#m1 {

			width: 69px;

			height: 32px;

		}

		

		#menu ul li#m1 a{

			background: url(img/menu.jpg) no-repeat -183px -2px;

		}

		

		#menu ul li#m1 a:hover {

			background: url(img/menu.jpg) no-repeat -183px -37px;

		}

		

		#menu ul li#m2 {

			width: 58px;

			height: 32px;

		}

		

		#menu ul li#m2 a{

			background: url(img/menu.jpg) no-repeat -253px -2px;

		}

		

		#menu ul li#m2 a:hover {

			background: url(img/menu.jpg) no-repeat -253px -37px;

		}

		

		#menu ul li#m3 {

			width: 106px;

			height: 32px;

		}

		

		#menu ul li#m3 a{

			background: url(img/menu.jpg) no-repeat -312px -2px;

		}

		

		#menu ul li#m3 a:hover {

			background: url(img/menu.jpg) no-repeat -312px -37px;

		}

		

		#menu ul li#m4 {

			width: 89px;

			height: 32px;

		}

		

		#menu ul li#m4 a{

			background: url(img/menu.jpg) no-repeat -419px -2px;

		}

		

		#menu ul li#m4 a:hover {

			background: url(img/menu.jpg) no-repeat -419px -37px;

		}

		

		#menu ul li#m5 {

			width: 57px;

			height: 32px;

		}

		

		#menu ul li#m5 a{

			background: url(img/menu.jpg) no-repeat -509px -2px;

		}

		

		#menu ul li#m5 a:hover {

			background: url(img/menu.jpg) no-repeat -509px -37px;

		}



#content {

	position: relative;

	float: left;

	clear: both;

	border-left: 3px solid #ffffff;

	width: 753px;

}



	#lewa {

		position: relative;

		clear: none;

		float: left;

		top:4px;

		width: 182px;		

		margin: 0;

		padding-right: 3px;

	}

		

	#regiony {

		position: relative;

		float: left;

		clear: both;

		width: 180px;

		border: 1px solid #eae8cd;

	}

	

	h2.nazwamala {

		position: relative;

		float: left;

		clear: both;

		background: url(img/tlo_gora_male.jpg);

		width: 165px;

		height: 24px;

		color: #74894d;

		font-size: 1.1em;

		padding-top: 3px;

		padding-left: 15px;

		font-weight: normal;

		font-family: "Times New Roman", Times, serif;

	}

	

	#regiony ul {

		position: relative;

		float: left;

		clear: both;

		width: 180px;

		margin: 0;

		background: url(img/tlo_dol_bok.jpg) 0 100% no-repeat;

		padding: 5px 0 15px 0;

	}

	

	#regiony ul li {

		list-style: none;

		padding-left: 20px;

		height: 23px;

		padding-top: 3px;

		background: url(img/linia.jpg) no-repeat 50% 25px;

	}

	

	#regiony ul li a {

		color: #566750;

		font-size: 0.80em;

	}

	

	div.przerwamala {

		position: relative;

		float: left;

		clear: both;

		display: block;

		width: 180px;

		height: 10px;

		font-size:0em;

	}

	

	#newsletter {

		position: relative;

		width: 180px;

		float: left;

		clear: both;

		border: 1px solid #eae8cd;

	}

	

	#newsletter fieldset {

		width: 180px;

		position: relative;

		float: left;

		clear: both;

		background: url(img/tlo_dol_bok.jpg) 0 100% no-repeat;

		margin: 0;

		padding: 0;

		text-align: center;

		color: #c40400;

		font-size: 0.7em;

		padding-bottom: 10px;

	}

	

	#newsletter label {

		position: relative;

		float: left;

		clear: both;

		font-size: 1em;

		color: #486417;

		margin: 0;

		padding: 10px 0 10px 15px;

	}

	

	#newsletter div {

		float: left;

		clear: both;

		position: relative;

		text-align: center;

		width: 180px;

		padding-bottom: 10px;

	}

	

	#newsletter input {

		clear: both;

		width: 150px;

		border: 0;

		font-size: 1em;

		padding: 2px 0 2px 0;

		color: #486417;

		border: 1px solid #eae8cd;

	}

	

	#newsletter a {

		color: #c40400;

		font-size: 1em;

	}

	

	#kontakt {

		position: relative;

		float: left;

		clear: both;

		border: 1px solid #eae8cd;

	}

	

	#kontakt div.tekst {

		position: relative;

		clear: both;

		float: left;

		color: #486417;

		font-size: 0.7em;

		width: 150px;

		height: auto;

		background: url(img/tlo_dol_bok.jpg) 0 100% no-repeat;

		padding: 15px 15px 15px 15px;

	}

		

#prawa {

	position: relative;

	top: 4px;

	padding-right: 4px;

	float: right;

	clear: none;

	width: 182px;

}



	#modullinki {

		position: relative;

		float: left;

		clear: both;

		width: 180px;

		background: url(img/tlo_kontakt.jpg) 0 100% no-repeat;

		border: 1px solid #eae8cd;

		padding: 4px 0 4px 0;

		text-align: center;

	}	

	

		#modullinki a {

			color: #486417;

			font-size: 0.7em;

			text-decoration: none;

		}

		

		#modullinki a:hover {

			text-decoration: underline;

		}



	#koszyk {

		position: relative;

		float: left;

		clear: both;

		width: 180px;

		background: url(img/tlo_kontakt.jpg) 0 100% no-repeat;

		border: 1px solid #eae8cd;

	}

	

	#koszyk h2 {

		position: relative;

		float: left;

		clear: both;

		width: 170px;

		height: 15px;

		color: #c40400;

		font-size: 0.8em;

		padding-left: 10px;

		padding-top: 5px;

		padding-bottom: 5px;

	}

	

	#koszyk span {

		position: relative;

		float: left;

		clear: both;

		font-size: 0.6em;

		color: #486417;

		width: 170px;

		padding-left: 10px;

	}

	

	#koszyk div {

		position: relative;

		float: left;

		clear: both;

		width: 170px;

		color: #c40400;

		font-size: 0.7em;

		padding-left: 10px;

		padding-top: 5px;

		padding-bottom: 10px;

	}

	

	#koszyk div a {

		color: #c40400;

		font-size: 1em;

	}



	#promocje {

		position: relative;

		float: left;

		clear: both;

		width: 180px;

		margin:0;

		padding: 0;

		border: 1px solid #eae8cd;

	}

	

	#promocje div.promocje {

		background: url(img/tlo_dol_bok.jpg) 0 100% no-repeat;

		position: relative;

		float: left;

		clear: both;

		width: 160px;

		margin: 0;

		padding: 10px 10px 10px 10px;

		font-size: 0.6em;

	}

	

	#promocje div.tekst {

		position: relative;

		float: left;

		clear: both;		

		width: 160px;

		margin:0;

		padding-bottom: 5px;

	}

	

	#promocje div.tekst a{

		color: #486417;

		font-size: 1em;

		text-decoration: none;

	}
	
	#promocje div.tekst a.promo_img{
		display:block; float:left; margin-right:5px;
	}
	#promocje div.tekst .clear{
		position:relative; clear:both; height:1px; font-size:1px;
	}

	

	#promocje div.tekst a:hover{

		text-decoration: underline;

	}

	

	#promocje span.cena{

		position: relative;

		float: left;

		clear: both;

		height: 10px;

		width: 160px;

		color: #c40400;

		font-weight: bold;

		font-size: 1em;

		text-align: center;

		margin: 0;

		padding: 0 0 0 0;

	}

	

	#promocje span.cena a {

		color: #c40400;

		margin: 0;

		padding:0;

	}

	

	#promocje div.kreska {

		position: relative;

		float: left;

		clear: both;

		background: url(img/linia.jpg) 50% 11px no-repeat;

		height: 22px;

		width: 160px;

		border: 0;

		padding:0;

		margin:0;

	}

	

#srodek {

	position: relative;

	float: left;

	clear: none;

	margin:0;

	padding:0;

	top: 4px;

	width: 376px;

}



#srodekduzy {

	position: relative;

	float: left;

	clear: none;

	margin:0;

	padding:0;

	top: 4px;

	padding-right: 3px;

	width: 561px;

}



	#hity {

		position: relative;

		clear: both;

		float: left;

		width: 376px;

		border: 1px solid #eae8cd;

	}

	

	h2.nazwaduza {

		position: relative;

		float: left;

		clear: both;

		background: url(img/tlo_gora_duze.jpg);

		width: 361px;

		height: 24px;

		color: #74894d;

		font-size: 1.1em;

		padding-top: 3px;

		padding-left: 15px;

		font-weight: normal;

		font-family: "Times New Roman", Times, serif;

	}

	

	#srodekduzy h2.nazwaduza {

	    width: 546px;

		background: url(img/tlo_gora_duze.jpg) repeat-x;

	}

	

	#zamowienie h2 span,

	h2.nazwaduza span {

		color: rgb(196, 4, 0);

		position: absolute;

		right: 10px;

		top: 6px;

		font-size: 0.9em;

	}

	

	#hity div.tlo {

		position: relative;

		float: left;

		clear: both;

		background: url(img/tlo_dol_duze.jpg) no-repeat 0 100%;

		width: 376px;

	}

	

	#hity div.liniasrodek {

		position: relative;

		clear: both;

		float: left;

		background: url(img/linia2.jpg) no-repeat 50% 50%;

		width: 376px;

		height: 100%;

	}

	

	div.winomale {

		position: relative;

		float: left;

		width: 158px;

		padding: 10px 15px 10px 15px;

		margin: 0;

	}

	

	div.winomale h4 {

		position: relative;

		float: left;

		clear: both;

		width: 158px;		

		padding: 0 0 7px 0;

		z-index: 100;

	}

	

	div.winomale h4 a{

		color: #486417;

		font-size: 0.7em;

		text-decoration: none;

	}

	

	div.winomale h4 a:hover{	

		text-decoration: underline;

	}

	

	div.winomale a img {

		z-index: 100;

		border: 0;

		float: left;

		clear: none;

		padding-right: 10px;

		padding-bottom: 5px;

	}

	

	div.winomale div {

		position: relative;

	}

	

	div.winomale span.opcja {

		display: block;

		color: #000000;

		font-size: 0.6em;

	}

	

	div.winomale span.cena {

		position: relative;

		display: block;

		color: #c40400;

		font-weight: bold;

		font-size: 0.6em;

		text-align: left;

		padding: 10px 0 10px 0;

	}

	

	div.winomale span.cena i {

	  text-decoration: line-through;

	}

	

	div.winomale span.cena a {

		color: #c40400;

	}

	

	div.przerwaduza {

		position: relative;

		float: left;

		clear: both;

		display: block;

		width: 376px;

		height: 10px;

		font-size:0em;

	}

	

	#zamowienie div.tekst,

	#podstrona div.tekst{

		color: #486417;

		font-size: 0.7em;

		background: url(img/tlo_dol_duze.jpg) no-repeat 0 100%;

		clear: both;

		float: left;

		width: 356px;

		padding: 10px 10px 10px 10px;

	}

	

	#zamowienie div.tekst {

	    background: #ffffff;

		width: 561px;

		padding: 10px 0px;

	}

	

	#zamowienie,

	#podstrona,

	#nowosci {

		position: relative;

		float: left;

		clear: both;

		width: 376px;

		border: 1px solid #eae8cd;

	}

	

	#zamowienie {

	   width: 561px;

	}

	

	div.winosrednie {

		position: relative;

		clear: both;

		float: left;

		width: 376px;

		background: url(img/tlo_dol_duze.jpg) no-repeat 0 100%;

		margin: 0;

		padding:0;

	}

	

	div.winosrednie h4 {

		position: relative;

		padding: 20px 10px 10px 10px;

		color: #486417;

		font-size: 0.75em;

	}

	

	div.winosrednie h4 a{

		color: #486417;

		font-size: 1em;

		text-decoration: none;

	}

	

	div.winosrednie h4 a:hover{	

		text-decoration: underline;

	}

	

	div.winosrednie img {

		z-index: 100;

		position: relative;

		float: left;

		clear: none;

		border:0;

		padding: 10px 10px 10px 10px;

	}

	

	div.winosrednie div{

		position: relative;

	}

	

	div.winosrednie span.opcja {

		display: block;

		color: #000000;

		font-size: 0.7em;

		padding: 0 10px 3px 10px;

	}

	

	div.winosrednie span.cena {

		display: block;

		color: #c40400;

		font-weight: bold;

		font-size: 0.7em;

		padding: 4px 10px 10px 10px;

	}

	

	div.winosrednie span.cena i {	

	     color: #000000;

	     font-style: normal;

	}

	

	div.przekreslenie {

	  text-decoration: line-through;

	  display: inline;

	}

	

	div.winosrednie span.cena a {

	      display: block;

	      padding-top: 6px;

		color: #486417;

	}

	

	#platnosci {

		position: relative;

		float: left;

		clear: both;

		width: 376px;

		height: 34px;

		background: url(img/platnosci.jpg) no-repeat;

		border: 1px solid #eae8cd;

	}

	

	#stopka {

		position: relative;

		float: left;

		clear: both;

		width: 760px;

		height: 51px;

		top: -10px;

		background: #ffffff;

		background: url(img/stopka.gif) no-repeat 50% 10px;

		text-align: center;

	}

	

	h3.katalogi {

		position: relative;

		float: left;

		clear: both;

		background: url(img/tlo_gora_duze.jpg);

		width: 361px;

		height: 17px;

		font-size: 0.8em;

		padding-top: 3px;

		padding-left: 15px;

		font-weight: normal;

		font-family: "Times New Roman", Times, serif;		

		text-align: center;

	}

	

	h3.katalogi a{

		color: #74894d;

		text-decoration: none;

	}

	

	h3.katalogi a:hover{

		text-decoration: underline;

	}



      a.galeria_link {

            color: #486417;

            text-decoration: none;

            font-size: 10px;

      }

      

      a.galeria_link:hover {

            text-decoration: underline;

      }

      

      div.sciezka {

         color: #c40400;

         font-size: 0.8em;

      }

      

      div.sciezka a {

         color: #c40400;

         text-decoration: none;

      }

      

      div.sciezka a:hover {

         text-decoration: underline;

      }

      

      h3.sklepnazwa {

       font-size: 1.2em;

       padding-bottom: 10px;

      }

      

      a.skleplink {

        color: #74894d;

        font-size: 07.em;

        text-decoration: none

      }

      

      a.skleplink:hover {

        text-decoration: underline;

      }

      

      

      div#szukaj {

        position: absolute;

        left: 20px;

        top: 30px;

        z-index: 100;

        zoom:1;

      }

      

      #szukaj img {

              padding-bottom: 5px;

              behavior:url(pngHack.htc);

      }

      

      #szukaj fieldset,

      #szukaj form {

              margin: 0;

              padding: 0;

              border:0;

              }



      #szukajslowo {

            position: relative;

            clear: none;

            float: left;

		width: 90px;

		border: 0;

		font-size: 0.7em;

		color: #486417;

		border: 1px solid #a9b786;

      }

      

      #szukajok {

      	position: relative;

      	clear: none;

      	float: left;

      	padding-left: 1px;

      }

      

      #szukajakcesoria,

      #szukajopakowania,

      #szukajwina {

            position: relative;

            float: left;

            clear:both;

            height: 12px;

            width: 12px;            

            margin:  3px 0 0 0;

            padding: 0;

      }

      

      #szukaj label {

              position:relative;

              float: left;

              clear: none;

              font-size: 0.7em;

              color: #486417;

              padding-top: 2px;

              padding-left: 4px;

      }



#koszykcaly form,fieldset {

  padding:0;

  border:0;

  margin:0;

}



#koszykcaly table {

  border: 0;

  width: 100%;

}



#koszykcaly .lp {

  width: 25px;

}



#koszykcaly .title {

  width: 130px;

}



#koszykcaly .prc {

  width:45px;

}



#koszykcaly .count {

  width:45px;

}



#koszykcaly .all {

  width:60px;

}



#koszykcaly .del {

  width:37px;

}



#koszykcaly td,th,tr {

  text-align: center;

  border: 0px solid #000000;

  padding: 0;

  margin: 0;

}



#koszykcaly .ref,

#koszykcaly .buy {

  border: 1px solid #486417;

  color: #486417;

  background: #ffffff;

  padding:0px;

  margin:0;



}



#koszykcaly .sbt {

  text-align: right;

  width: 100%;

  padding-top:5px;

}



#koszykcaly tfoot th {

  text-align: right;

  padding-right: 2px;

}



#koszykcaly tfoot td {

  text-align: left;

  padding-left: 5px;

  color: #ff0000;

}



#koszykcaly tbody {

  padding-top: 2px;

  padding-bottom: 2px;

}



#koszykcaly thead,

#koszykcaly tfoot {

  height: 20px;

  background: #ece8cd;

}



#koszykcaly tbody input{

  font-size: 0.9em;

  color: #486417;

  text-align: right;

}



/*style do formularza z zamowienia */



#zamowienie table,

#zamowienie table tr,

#zamowienie table th {

	width: 561px;

	border: 0;

	border-spacing:0;

}



#zamowienie table tr{

   height: 20px;

}



#zamowienie table td {

	text-align: center;

	margin:0;

	border-spacing:0;

	border: 0;

    padding: 3px 5px;

	height: 10px;

	font-size: 1em;

}



#zamowienie table td.nazwa {

   width: 160px;

   text-align: right;

}



#zamowienie table select,

#zamowienie table input {

  font-size: 0.9em;

  width: 300px;

  color: #486417;

  padding:0;

  margin:0;

}



#zamowienie td.opis,

#zamowienie tfoot tr td,

#zamowienie tfoot tr th,

#zamowienie thead tr th {

	background: rgb(236, 232, 205);

	font-size: 1em;

	text-align: center;

	height: 20px;

}



#zamowienie input.zaznaczradio,

#zamowienie input.zaznacz,

#zamowienie input.buy {

   width: auto;

   font-size: 0.9em;

   color: #486417;

   border: 1px solid #486417;

   text-align: center;

   padding: 0px 5px;

   background: #ffffff;

}



#zamowienie input.zaznaczradio {

  border: 0;

}



#zamowienie input.zaznacz {

   padding: 0;

   border: 0;

}



#zamowienie td.wyrlewa {

   text-align: left;

   padding-left: 10px;

}



#zamowienie thead, tbody {

   padding:0;

   margin: 0;

   border-spacing:0;

   border:0;

   border-collapse:0;

}



.sbtp {

  text-align: center;

  width: 100%;

}



#zamowienie h2 span a {

  color: #ff0000;

}



#zamowienie #przyciski {

  text-align: left;

  padding-left: 200px;

}



#zamowienie #przyciski input {

  width: 20px;

  text-align: left;

}



#zamowienie select {

  width: auto;

}



.zaplac,

.rezygnuj {

  width: auto !important;

  font-size: 0.9em;

  color: #486417;

  border: 1px solid #486417;

  text-align: center;

  padding: 0px 5px;

  background: #ffffff; 

}



}