/*  
		CSS dla farouk // Sklep
		Created by Krzysztof Polak
	*/	
		
	body {
		font-family: Tahoma;
  		margin: 0px;
  		padding: 0px;
		font-size: 11px;
		background: url("img/farouk-sklep_02.jpg") repeat-x;	
		color: #164c65;		  
	}

	table,tr,td { border-collapse: collapse; }
	form { display: inline; text-align: left; }
	
	a  { color: #164c65; text-decoration: none; cursor: pointer; }
	
	h1, h2, h3, h4, h5 {
   		font-family: Tahoma; font-weight: bold; margin: 0; padding: 0; 
 	}
 	
	img, fieldset, ul, li, p, div { border: 0; padding: 0; margin: 0; text-align: left }
	input { color: #164c65; font-family: Tahoma; }
	
	div#page { height: auto; }
	
		div.top { height: 90px; width: 1000px; }
		div.top-img-left { background: url("img/farouk-sklep_03.jpg") no-repeat bottom; width: 194px; height: 90px; float: left; display: inline; }
		div.top-img-right { background: url("img/farouk-sklep_05.jpg") no-repeat; width: 450px; height: 81px; float: right; display: inline; margin: 9px 6px 0 0; }
		div.top-img-right h2.top { font-size: 11px; color: #3a87a1; margin: 8px 0 0 0; }
		div.top-img-right h2.top[class] { margin: 8px 0 0 2px; }
		div.top-img-right ul.top { list-style-type: none; font-size: 10px; margin: 4px 0 0 0; }
		div.top-img-right ul.top[class] { margin: 5px 0 0 2px; }  
		div.top-img-right ul.top li { background: url("img/farouk-sklep_08-09.jpg") no-repeat 0 2px; margin: 1px 0 0 0; padding: 0 0 0 10px; }
		div.top-img-right ul.top[class] li {  background: url("img/farouk-sklep_08-09.jpg") no-repeat 0 1px; margin: 2px 0 0 0; padding: 0 0 0 10px; }
		
		div.top-middle { background: url("img/farouk-sklep_12.jpg") no-repeat; width: 992px; height: 116px; margin: 0 0 0 2px; }
		
		div#center { height: auto; width: 1000px; }
		div#left { width: 221px; height: auto; float: left; display: inline; margin-bottom: 4.5em; }
		
			div.left_menu { background: url("img/farouk-sklep_37.jpg") repeat-y; width: 184px; height: auto; margin: 0 0 0 3.4em; }
			
			div#left h2.title-1 { background: url("img/farouk-sklep_14.jpg") no-repeat; width: 184px; height: 35px; line-height: 35px; padding: 6px 0 0 0; font-size: 11px; }
			div#left h2.title-1 span { padding: 0 0 0 4em; }
			div#left h2.title-2 { background: url("img/farouk-sklep_14-29.jpg") no-repeat; width: 184px; height: 31px; line-height: 31px; padding: 6px 0 0 0; margin: 12px 0 0 0; font-size: 11px; }
			div#left h2.title-2 span { padding: 0 0 0 4em; }
			div#left ul.ul { list-style-type: none; padding: 6px 0 0 0;}
			div#left ul.ul li { background: url("img/farouk-sklep_09-27.jpg") no-repeat; width: 184px; height: 21px; line-height: 21px; padding: 3px 0 0 0;  }
			div#left ul.ul li span { padding: 0 0 0 19px; }

			div.left-bottom { background: url("img/farouk-sklep_38.jpg") repeat-y; width: 184px; height: 19px; margin-top: 5px; }
			
			div.left-produkt { height: 198px; margin: 0 0 0 10px; }
			div.left-produkt[clss] { height: 201px; margin: 0 0 0 10px; }
			div.left-produkt h2 { font-size: 11px; font-weight: bold; margin: 8px 0 10px 3em; }
			div.left-produkt img { float: left; display: inline; }
			div.left-produkt p.title { font-size: 11px; font-weight: bold; color: #3a87a1; text-align: center; padding: 0 5px 5px 6px; position: absolute; width: 80px; }
			div.left-produkt div.left-produkt-kolo { background: url("img/farouk-sklep_43-47.jpg") no-repeat; width: 81px; height: 134px; position: absolute; margin-top: 80px; }
			div.left-produkt div.left-produkt-kolo p { padding: 32px 0 0 0; text-align: center; font-size: 15px; font-weight: bold; color: #fff; }
			
			div.szukajka { width: 205px; height: 120px; margin: 0 0 0 2.4em; position: absolute; }
			div.szukajka div.szukajka-t  { background: url("img/farouk-sklep_19.jpg") no-repeat; width: 205px; height: 66px; }
			div.szukajka div.szukajka-t input.input { background: none; border: 0; font-size: 10px; width: 205px; margin: 3.6em 0 0 2.5em; }
			div.szukajka div.szukajka-t input.input[class] { margin: 4.1em 0 0 3em; }
			div.szukajka div.szukajka-bottom { background: url("img/farouk-sklep_24-47.jpg") no-repeat; width: 205px; height: 16px; }
			div.szukajka div.szukajka-bottom p { color: #fff; font-size: 10px; padding: 0 0 0 15px; }
			div.szukajka div.szukajka-bottom p a { color: #fff; }		
		
		div#content { width: 775px; height: auto; float: left; display: inline; margin-bottom: 45px;}
		
			ul.menu-top { list-style-type: none; width: 750px; height: 35px; }
			ul.menu-top li { float: left; display: inline; }
			ul.menu-top li.home { background: url("img/farouk-sklep_10-17.jpg") no-repeat; width: 125px; height: 33px; }
			ul.menu-top li.oferta_specjalna { background: url("img/farouk-sklep_11-17.jpg") no-repeat; width: 119px; height: 33px; }
			ul.menu-top li.promocje { background: url("img/farouk-sklep_12-18.jpg") no-repeat; width: 99px; height: 33px; }
			ul.menu-top li.moje_konto { background: url("img/farouk-sklep_13.jpg") no-repeat; width: 99px; height: 33px; }
			ul.menu-top li.kontakt { background: url("img/farouk-sklep_14-20.jpg") no-repeat; width: 91px; height: 33px; }
			ul.menu-top li.end { background: url("img/farouk-sklep_20.jpg") no-repeat; width: 214px; height: 33px; }
			
			div#content div.news { height: 181px; width: 700px; }
			div#content div.news div.txt { font-size: 11px; width: 450px; height: auto; float: left; display: inline; margin: 25px 0 0 20px; }	
			div#content div.news div.txt h2 { color: #164c65; font-size: 15px; padding: 0 0 15px 6em; }
			
			div#content div.produkts { background: url("img/farouk-sklep_35.jpg") repeat-x top; height: 7px; padding-top: 10px; }
			div#content div.produkts h2.polecamy { background: url("img/farouk-sklep_26-38.jpg") no-repeat; width: 88px; height: 16px; position: absolute; margin: 12px 0 0px 15px; }
			div#content div.produkts div#produkty { }
			div#content div.produkts div.box { background: #f7f7f7 url("img/farouk-sklep_26-40.jpg")  no-repeat right top; width: 248px; height: 250px; float: left; margin: 0 1px 1px 0; }
			div#content div.produkts div.box div.img { padding: 70px 0 0 16px; float: left; display: inline;  width: 84px; }
			div#content div.produkts div.box div.img div { width: auto; height: 148px; }
			div#content div.produkts div.box div.txt { float: left; display: inline; width: 124px; padding: 90px 0 0 9px; }
			div#content div.produkts div.box div.txt div.absolute { position: absolute; width: 124px; }
			div#content div.produkts div.box div.txt a.koszyk { background: url(img/do-koszyka.png) no-repeat; width: 99px; height: 30px; float: left; display: inline; margin: 89px 0 0 15px; position: absolute;  }
			div#content div.produkts div.box div.txt p { color: #164c65; font-size: 12px; font-weight: bold; text-align: right; }
			div#content div.produkts div.box div.txt p.cena { font-size: 10px; padding: 15px 0 0 0; }
			div#content div.produkts div.box div.txt p.cena span { color: #f42620; font-size: 10px; }
			
		div#fotter { background: url("img/farouk-sklep_66.jpg") repeat-x; height: 39px; clear: left; position: relative; margin-top: 50px; width: 100%;}
		div#fotter a { color: #fff; }
		div#fotter a:hover { color: #fff; text-decoration: underline; }
		div#fotter p.cody { float: left; display: inline; color: #fff; margin: 15px 0 0 2em; }
		div#fotter p.links { float: right; display: inline; color: #fff; margin: 15px 2em 0 0; }
		
		div#pages, div.print {float: left; clear: left; padding: 25px;}
		div.print img {margin: 5px;}
		.koszyk {background: url(img/do-koszyka.png) no-repeat; width: 99px; height: 30px; border: none;}
		
		#productDetails, #back, #addCart {
			padding: 15px;
			line-height: 150%;
		}
		
		.right {
			float: right;
			padding: 10px;
			margin: 5px;
			background: #F9F9F9;
			border: 1px solid #EFEDEE;
		}
		
		table#basket,table#basket td, table#basket th, #order, #categoryDetails, #error {
			padding: 10px;
			margin: 5px;
			background: #F9F9F9;
			border: 1px solid #EFEDEE;
		}
		
		.submit {
			padding: 2px;
		}
		
		h6 {
			font-size: 150%;
		}
	#oCommTextarea textarea {
		width: 350px;
	}

.search_pasek_2 {
	margin-left: 2px;
}