 





html { }

body {background: #70665e url('grafa/tlo.jpg') fixed no-repeat 50% 0%;;}



body, p, table, td, tr{		 font-family: tahoma, arial, sans-serif; font-style: normal; font-size: 11px;

									 color: #423c31; font-weight: normal; line-height: 16px; letter-spacing: 0.02em; text-align: left;

									}

p{text-align: left;}								

a{text-decoration: none; color: #710000;}

a:hover{text-decoration: none; color: #ff0000;}

img {margin:0px; padding 0px;}



h1, h2, h3, h4, h5{font-size: 14px;}

					

br {letter-spacing: 0px;}



.container { 	width: 960px; margin: 0 auto 0px auto; }

.top { 	height: 131px;  position: relative; background:  url('grafa/tlo_header.jpg'); }

.top_foto { 	height: 181px;  position: relative; background:  url('grafa/top_foto.jpg'); }

.pod_foto { 	height: 5px;  position: relative; background:  url('grafa/pod_foto.jpg'); }

.home { display: block; height: 80px; position: absolute; top: 20px; left: 0px; width: 250px;  }

.top2 { 	height: 4px;   background:  url('grafa/tlo_header_maly.jpg'); }

.stopka { 	background:#292524 url('grafa/tlo_stopka.jpg') top repeat-x; line-height: 20px; padding:30px 0 30px; text-align: center; }

.stopka a {color: #cccccc; margin: 0 10px; font-size: 10px;}
.stopka a.stop2 {color: #cccccc; margin: 0 0 0 10px; font-size: 10px;}

.stopka a img {border:0;}

.tresc{background-color: #f7f6f2;  min-height: 450px; padding: 0px; background: url('grafa/tlo_content.jpg'); }

* html .tresc{  height: 450px;}

form#search {position:absolute; right:20px; top:20px;}
form#search .box {background:#433636; border:1px #725b5b solid; color:#fff; float:left; padding:4px; width:150px;}
form#search .lupa {background:url(grafa/lupa.gif) 50% 50% no-repeat; display:inline-block; float:left; height:24px; margin:0 0 0 10px; width:9px;}





/*menu glowne*/

.menu_top {  		height: 50px;  }		 

.menu_top a {  	display: block; float: left; width: 159px; line-height: 50px;  text-align: center;  border-right: 1px solid #c6c1ad;

						font-size: 12px; color: #ffffff; font-family:  "trebuchet MS"; letter-spacing: 0px; 

				 		background: url('grafa/butt_poziom.jpg');

						}		

.menu_top a:hover { background-position: 0% 100px;  text-decoration: none;  } 

/*--------------*/







/*menu info*/

.menu_info {  	height: 30px; position: absolute; top: 95px; right: 0px; width: 600px;  }		 

.menu_info a {  	display: block; float: right; margin: 0 20px; line-height: 30px;  text-align: center;  

						font-size: 12px; color: #ffffff; font-family:  "trebuchet MS"; letter-spacing: 1px; 

				 	

						}		

.menu_info a:hover { text-decoration: none;  } 

/*--------------*/

   



/* manu lewe */

#menu_left { 	float: left; width: 160px; background-color: #282523;}

#menu_left a { display: block;  line-height: 38px; padding-left: 25px;

					font-size: 12px; color: #ffffff; font-family:  "trebuchet MS";

					background: url('grafa/button_left.jpg'); margin-bottom: 1px;}

#menu_left a:hover{  background-position: 0 76px; }



#menu_left_ponad{height:38px; background-color: #282523;}

#menu_left_kontakt{ margin-top: 38px; background: url('grafa/tlo_kontakt.jpg') repeat-x  0 0 ; background-color: #686868; padding: 10px;  color: #ffffff;}



#menu_left_kontakt a {background: none; display: inline; padding: 0; }

#menu_left_kontakt a:hover{color: #ff0000;}

/*--------------------*/







#content { 	float: right; width: 780px; }



.artykul{margin: 6px 10px 0 0; background-color: #ffffff; border: 1px solid #936d43;  padding: 10px; }

.artykul .tytul{padding-left: 8px; border-left: 2px #9e1032 solid; font-weight: bold; margin-top: 10px; margin-bottom: 20px; }

.artykul .foto{ background: none; padding: 10px; }	

.artykul .foto img {margin: 0 10px 10px 0;}	

.artykul .data{float: left;  }

.polecany {background:#fff; border:1px solid #936d43; float:left; margin:0 10px 10px 0; padding:10px; width:228px;}
.polecany-photo {text-align:center;}



.art_main {width: 760px;}

.art_main td {padding: 10px ; vertical-align: top;}







.wiecej { display: block; font-size: 10px; color: #6b6458; border: 1px solid #6b6458;  line-height: 14px;  padding:  0 15px;  

			font-family: arial; background: url('grafa/trojkat4.jpg') no-repeat  0 50% ; float: left;}

.wiecej:hover{border: 1px #710000 solid;}



/* lista prod*/

.main_skrot_lista{ margin: 6px 10px 0 0; background-color: #ffffff; border: 1px solid #936d43;  }

.main_skrot_lista .tab td{}

.main_skrot_lista .tab td.left{width: 120px; padding: 10px 0 10px 10px ; vertical-align: top;}

.main_skrot_lista .tab td.right{width: 120px;  vertical-align: bottom;

											background: url('grafa/tlo_lista_right.jpg') repeat-x  0 100% ;

											background-color: #d4d4d4; }

.main_skrot_lista .tab td.center{width: 500px; padding: 10px; vertical-align: top;}



.main_skrot_lista_tytul{ padding-left: 8px; border-left: 2px #9e1032 solid; font-weight: bold;}

/*-----------------*/
















/* lista prod*/

.main_skrot_lista2 {background:#fff; border:1px #936d43 solid; float:left; height:140px; margin:10px 10px 0 0; padding:10px; width:228px;}

.main_skrot_lista2 .tab2 td {}

.main_skrot_lista2 .tab2 td.left{vertical-align: top;}

.main_skrot_lista2 .tab2 td.right{  vertical-align: bottom;

											background: url('grafa/tlo_lista_right.jpg') repeat-x  0 100% ;

											background-color: #d4d4d4; }

.main_skrot_lista2 .tab2 td.center{ padding: 10px; vertical-align: top;}



.main_skrot_lista_tytul2 {font-weight:bold; height:30px;}
.main_skrot_lista_tytul2 span {border-left:2px #9e1032 solid; display:block; padding-left:8px;}

/*-----------------*/













/* do koszyka - lista*/

.dokoszyka_lista, .cena_lista, .select_koszyk  {width: 120px; text-align: center; line-height: 18px; margin-top: 3px; border: none; color: #ffffff; 	font-family: arial; }

	.cena_lista  {	background-color: #910e00;}	
	.cena_lista2  {	color: #910e00;}				

	.dokoszyka_lista, .select_koszyk  {background:#7f0800; border:none;}
	.dokoszyka_lista2 {background:#fff url(grafa/kosz.gif) 0 50% no-repeat; border:none; margin:10px 0; padding:0 0 0 14px;}





/*-----------------*/



/*formularze ogolnie*/

	input, select{font-size: 11px; border: 1px solid #c7c2ac; }

	input{cursor:pointer;}

/*-----------------*/




