html, body{width: 100%; height:100%;}
body{ 
background: url('img/tlo.jpg') repeat-x #8A829F;
margin: 0;
color: #3E3E3E;
font-size: 11px;
font-family: verdana, trebuchet MS, sans-serif;
}
a{
text-decoration:none;
color: #692731;
}
a:hover{
color: #D3989E;
}
img{border: 0; display: block;}
h1, h2, p{
margin: 0 0 10px 0;
}
h1, h2{font-size: 12px;}
h1{
background: url('img/nag_tlo.gif') no-repeat 2px;
padding-left: 20px;
color: #9C1E00;
}
form{display: inline;}

.wstawka
{
color: #663344;font-size: 15px;
}


.txt, .txta{
width: 175px;
border: 1px solid #858291; 
margin-left: 10px;
}
.txt{height: 16px;}
.txta{height: 40px;}
.lab{margin-left: 10px;}

.but_b, .but_b_1, .but_b_2, .but_b_3, .but_b_4, .but_b_5{
display: block;
width: 5px;
height: 22px;
background: url('img/guzik_l.gif') no-repeat; 
text-align: left;
}
.but_b{
margin: 5px 0 0 70px ;
}
.but_b_1{
margin: 5px 0 0 0px;
}
.but_b_2{
margin: 5px 0 0 25px;
}
.but_b_3{
margin: 5px 0 0 180px;
}
.but_b_4{
margin: 5px 0 0 0;
}
.but_b_5{
margin: 5px 0 0 15px;
}

.button{
display: block;
height: 22px;
padding: 0 5px 0 0;
border: 0;
background: url('img/guzik.gif') no-repeat right; 
font-weight: bold;
color: #3E3E3E;
margin: 5px 0 0 0;
font-size: 11px;
}

.buttonAddToBasket{
display: block;
height: 22px;
width: 102px;
border: 0;
background: url('img/add-to-basket.gif') no-repeat right; 
font-size: 0px;
color: transparent;
}



.float_l, #left, #right, .koszyk, .produkt_gl, #linki_dol li, #linki_dol a, #projekt, .but_b, .but_b_1, .button,  .but_b_2, .but_b_3, .date6_1, .but_b_4, .but_b_5{float: left; display: inline;}
.float_r{float: right; display: inline;}
.clear, .clear_pr, .cena_pr, .cena{clear: both;}
.nap_czerw_d{font-size: 14px; color: #FF0000;}

#top, #middle, #bottom{
width:885px;
margin: 0 auto;
}
#top{height: 411px;}
.koszyk{
background: url('img/koszyk.jpg') no-repeat;
padding: 150px 30px 0 70px; 
width: 300px;
height: 299px; 
voice-family : "\"}\""; voice-family : inherit;
width: 200px;
height: 149px; 
}
#left{
width: 240px;
}
.panel_g, .panel, .panel_d{
width: 196px;
}
.panel_g{
height: 15px;
background: url('img/panel_g.gif') no-repeat #A69FB4; 
}
.panel{
color: #FFF;
background: url('img/panel_tlo.gif') repeat-y #A69FB4; 
}
.panel_d, .panel_d_1{
height: 23px;
margin-bottom: 5px;
clear: both;
} 
.panel_d{background: url('img/panel_d.gif') no-repeat #A69FB4;}
.panel_d_1{background: url('img/panel_d_1.gif') no-repeat;}

.menu, .podmenu, #linki_dol{
list-style: none;
margin: 0;
padding: 0; 
}
.menu, .podmenu{
background: url('img/panel_tlo.gif') repeat-y bottom; 
}
.menu a, .podmenu a, .menu li, .podmenu li {
color: #FFF;
display: block;
}
.menu li, .podmenu li{
padding-top: 3px;
background: url('img/panel_linia.gif') repeat-x; 
height: auto !important;
height: 20px;
min-height: 20px;
}
.menu a, .podmenu a{
padding: 3px 0 3px 20px;
height: auto !important;
height: 20px;
min-height: 20px;
voice-family : "\"}\""; voice-family : inherit;
height: auto !important;
height: 14px;
min-height: 14px;
}
.menu a{font-weight: bold;}
.podmenu a{
font-weight: normal; 
background: url('img/wyp.gif') no-repeat 20px;
padding-left: 30px;
}
.menu a:hover{background-color: #BCB9C9;}
.podmenu a:hover{background: url('img/wyp.gif') no-repeat 20px #BCB9C9;}

#linki_dol li{
padding-top: 80px;
}

#projekt{
color:#692731;
font-weight: bold;
text-align: right;
padding: 120px 80px 0 0;
width: 240px;
voice-family : "\"}\""; voice-family : inherit;
width: 160px;
}


.produkt_gl{
width: 196px;
background-color: #FFF; 
margin: 0 0 10px 10px;
}
.produkt_gl_g, .produkt_gl_d{
text-align: center;
font-size: 12px;
font-weight: bold;
}
.produkt_gl_g{
background: url('img/pr_g.gif') no-repeat;
padding-top: 10px;
height: 31px; 
voice-family : "\"}\""; voice-family : inherit;
height: 21px; 
}
.produkt_gl_g a{color: #3E3E3E;}
.produkt_gl_g a:hover{color: #626262;}
.produkt_gl_d{
background: url('img/pr_d.gif') no-repeat;
padding-top: 14px;
height: 59px; 
voice-family : "\"}\""; voice-family : inherit;
height: 45px; 
}
.produkt_gl_sr{
width:196px;
height: auto !important;
height: 180px;
min-height: 180px;
}
.foto_w{
margin: 20px auto;
}
.cena_gl, .cena_pr{
padding: 10px 10px 0 0;
}
.cena_gl{
text-align: right;
}
.cena_pr{
text-align: left;
}

#right{
width: 640px;
}
#tekst{
width: 625px;
padding: 10px 15px 15px 15px;
width: 625px;
height: auto !important;
height: 530px;
min-height: 530px; 
voice-family : "\"}\""; voice-family : inherit;
width: 595px;
height: auto !important;
height: 505px;
min-height: 505px; 
background: url('img/tekst.gif') no-repeat #FFF;
}

#tekst_wstawka{
width: 625px;
padding: 10px 15px 15px 15px;
width: 625px;
height: auto !important;
height: 85px;
min-height: 85px; 
voice-family : "\"}\""; voice-family : inherit;
width: 595px;
height: auto !important;
height: 505px;
min-height: 505px; 
background: url('img/tekst.gif') no-repeat #FFF;
}

#tekst h1{
margin: 0 0 25px 20px;
display: block;
}
.tekst_d{
height: 14px;
background: url('img/tekst_d.gif') no-repeat;
}

/*---------------------------------------Produkty zajawka------------*/
.pr_all{
background: url('img/linia.gif') no-repeat; 
padding: 10px;
width: 595px;
voice-family : "\"}\""; voice-family : inherit;
width: 575px;
}

.foto_pr_all{
margin: 10px 20px 2px 10px;
}
.pr_opis{
padding: 10px;
}
.clear_pr{
height: 10px; 
background: url('img/linia.gif') no-repeat bottom;

}
.opis{
height: auto !important;
height: 100px;
min-height: 100px;
}



/*---------------------------------------Produkty zajawka koniec------------*/

#bottom{
width: 878px;
background: url('img/bottom.jpg') no-repeat;
height: 155px;
clear:both;
}


/*-----------------------------------------------------------------------------------------------------------Koszyk*/
.kosz_pr_dost{
	width: 100%;
	border-top: 1px solid #E1B9BF;
	margin-bottom: 30px;
}
.produkt,.ilosc, .cena, .usun{
	padding: 5px 0 5px 5px;
	font-weight: bolder;
	color: #9C1E00;
	background-color: #FAF2F3;
	text-align: center;
}
.produkt{width: 60%;}
.ilosc{width: 10%;}
.cena{width: 10%;}
.usun{width: 20%;}
.produkt1, .produkt2 {
	padding: 5px 0 5px 5px;
}

.ilosc1, .cena1, .usun1{text-align: center;}
.produkt1, .produkt2, .ilosc1, .cena1, .usun1 {
	border-top: 1px solid #E1B9BF;
	border-bottom: 1px solid #E1B9BF;
}
.produkt1{width: 20%;}
.produkt2{width: 40%;}

.il_pole{
	width: 30px;
	border: 1px solid #525252; 
	height: 22px; /* wartosc dla IE 4-5.x */
	voice-family : "\"}\"";
	voice-family : inherit;
	height: 18px; /* wlasciwa wartosc dla innych przegladarek */
}
.przelicz1, .przelicz2, .wart_art{padding-top: 20px; padding-bottom: 10px;}
.przelicz1, .wart_art {text-align: right;}
.wart_art{font-weight: bold;}
.art{ color: #9C1E00;}

.spos_pl, .koszt_dos, .do_zapl{
	border-bottom: 1px solid #E1B9BF;
	padding: 5px 0 5px 5px;
	font-weight: bolder;
	color: #9C1E00;
	background-color: #FAF2F3;
}
.koszt_dos, .do_zapl{	text-align: center;}
.spos_pl{width: 45%;}
.koszt_dos{width: 20%; text-align: center;}
.do_zapl{width: 30%;}
.spos_pl1{font-weight: bold;}
.koszt_dos1, .do_zapl1 {text-align: center;}
/*Koszyk koniec*/

/*----------------------------------------------------------------------------------------------------Dane adresowe*/
.adres{
	width: 100%;
	padding: 20px 0 0;
	text-align: center;
}
.date6{width: 350px; padding: 5px 0 0 10px; clear: both; margin-left: auto; margin-right: auto;}
.date6_1{text-align: right; padding-right: 10px; width: 150px;}
.date10{width: 300px; padding: 5px 0 0 10px; clear: both; margin-left: auto; margin-right: auto; background-color: #0F6;}
.date7{padding-top:10px; height: 25px; clear: both; margin-left: auto; margin-right: auto;}
.date8{padding-top:10px; height: 25px; clear: both; width: 120px; margin-left: auto; margin-right: auto;}
.date9{width: 175px; padding: 5px 0 0 10px; clear: both; margin-left: auto; margin-right: auto;}
/*Dane adresowe koniec*/

/*Finalizuj*/
.finalizuj{
	width: 100%;
	padding: 20px 0 20px 0;
	text-align: center;
}
/*Finalizuj koniec*/


/*----------------------------------------------------------------------------------------------Wyskakujące okienko*/

div.okienko_rej{
	width: 450px;
	border: 1px solid #525252;
	position:absolute;
	top:-20px;
	left:95px;
	display:none;
	z-index:1000;
	text-align: center;
	padding-bottom: 20px;
	background-color: #FFF;
	filter:alpha(opacity=95); 
   -moz-opacity: 0.9; 
   opacity: 0.9; 
}
div.zamknij_iko{
	text-align: right;
	padding: 20px 0 20px 400px ;
	width: 450px; /* wartosc dla IE 4-5.x */
	voice-family : "\"}\"";
	voice-family : inherit;
	width: 40px; /* wlasciwa wartosc dla innych przegladarek */
}
div.informacje{
color: #000;
}
div.popraw_przyc{
padding: 20px 0 20px 200px ;
}
/*Wyskakujące okienko koniec*/

#newsletter_div{
	text-align: center;
	padding: 0 5px 10px 5px;
	font-weight: bold; color: #FF3200;
}
.projekt{
	width: 980px;
	margin: 0 auto;
	text-align: right;
}
.krok0{
	display: inline;
	float: left;
	padding: 2px 10px 2px 10px;
	background-color: #9C1E00;
	border: 1px solid #E1B9BF;
	text-align: center;
	font-weight: bold;
	margin: 2px;
	color:white;
}
.krok1{
	display: inline;
	float: left;
	padding: 2px 10px 2px 10px;
	background-color: #FAF2F3;
	border: 1px solid #E1B9BF;
	text-align: center;
	font-weight: bold;
	margin: 2px;
	color:#4F4F4F;
}
.gall{
margin-bottom:10px;
width:140px;
float: left;
display: inline;
}

/*  ----    Drop-down menus     ------   */


/*.submit:hover,
.submit:focus*/
.dropdown11
{
 
/*border: 3px double;*/
color: #3f3f3f;
font-weight: bold;

}