/*
		STRUCNY POPIS CSS
		
		parametry stylu se vkladaji do bloku ktery je vymezeny zavorkami {  }
		syntaxe: "parametr : hodnota;" (parametr(mezera)(dvojtecka)(mezera)hodnota(strednik))
		
		POPIS ZAKLADNICH PARAMETRU
		
		background : url('../gfx/gradient_left.jpg') 0 0 no-repeat #afafaf; 
		!!! definice pozadi
		
		background-color : #fefefe;
		!!! definice barvy pozadi (hexa kod barvy)
		
		color : #fefefe;
		!!! definice barvy pisma (hexa kod barvy)
		
		
		------- MOZNOSTI NASTAVENI BACKGROUND -------
		
		parametr muze byt BUD `background-color` NEBO `background`, nemely by byt nastavene oba dohromady
		
		parametr background je slozitejsi:
		
		1) jednoduche nastaveni pozadi
		
		background: url('../gfx/neco.jpg');
		
		2) pozice pozadi, zacatek vlevo dole (x, y) relativni pozice
		
		background: url('../gfx/neco.jpg') 0% 100%;
		
		3) pozice pozadi, absolutni pozice (50, 80 pixelu)
		
		background: url('../gfx/neco.jpg') 50px 80px;
		
		4) opakovani pozadi, `repeat-x` (opakovat po ose x) nebo `repeat-y` (opakovat po ose y) nebo `repeat` (opakovat xy - default) nebo `no-repeat` (neopakovat)
		
		background: url('../gfx/neco.jpg') 0 100% no-repeat;
		
		5) muze byt uveden posledni parametr a to barva zbytku, pokud se pozadi neopakuje
		
		background: url('../gfx/neco.jpg') 0 100% no-repeat white;
		
		6) samozrejme tam muze byt i ten hexa kod
		
		background: url('../gfx/neco.jpg') 0 100% no-repeat #ff0000;
		
		
		------- UPOZORNENI!!! -------
		
		Veskere zmeny nastaveni v css se projevi az po stisknuti CTRL + F5 v prohlizeci!
		
	*/



	
	/* --- TLACITKA --- */
	
	div.search_global table td.submit input { 
		/* tlacitko globalni vyhledavani */
		background : url('../gfx/tlacitko40x22.jpg'); 
	} /* 40 x 22 */
	
	h2 div table td.submit input { 
		/* tlacitko hledej v kategorii */
		background : url('../gfx/tlacitko40x22.jpg'); 
	} /* 40 x 22 */
	
	table.product_table td.input input.second { 
		/* tlacitko v tabulce produktu (vlozit, odebrat) */
		background : url('../gfx/tlacitko50x22.jpg'); 
	} /* 50 x 22 */
	
	h2 a.back_button { 
		/* tlacitko zpet na prehled produktu */
		background : url('../gfx/tlacitko200x22.jpg'); 
	} /* 200 x 22 */
	
	div.cart_info input.second { 
		/* tlacitko vlozit do kosiku v detailu produktu */
		background : url('../gfx/tlacitko100x22.jpg'); 
	} /* 100 x 22 */
	
	table.order_table td.button input { 
		/* tlacitko v objednavce (prihlasit se, odeslat objednavku) */
		background : url('../gfx/tlacitko160x22.jpg'); 
	} /* 160 x 22 */
	
	



	
	/* --- PRVKY --- */
	
	#header div.hc { 
		/* panel nahore */
		background : url('../gfx/logo.jpg') 70% 0 no-repeat; 
	}
	
	#left_bar { 
        /* panel vlevo */
        background : url('../gfx/stin-vlevo.jpg') 0 0 no-repeat; 
	}
	
	table.product_table td { 
		/* radek produktove tabulky */
		background : url('../gfx/lichy.jpg') repeat-x 0 0 #FFFFFF; 
	}
	
	table.product_table tr.odd td { 
		/* sudy radek produktove tabulky */
		background : url('../gfx/sudy.jpg') repeat-x 0 0 #FFFFFF; 
	}
	
	ul.menu { 
		/* panel horniho menu */
		background : url('../gfx/horni.jpg') repeat-x 0 0 #FFFFFF; 
	}
	
	ul.menu li { 
		/* polozka horniho menu */
	}

	
	/* ---- STINY OKOLO ---- */
	
	#main_container span.shadow {  
		/* ctverecek vpravo nahore */
		background : url('../gfx/back_sh_right_top.png'); 
	}
	
	#main_container div.content { 
		/* vpravo */
		background : url('../gfx/back_sh_right.png');
		background-repeat : repeat-y;
		background-position : 100% 0; 
	}
	
	div.bottom_shadow span.inner { 
		/* dole */
		background : url('../gfx/back_sh_bottom.png'); 
	}
	
	div.bottom_shadow span.left { 
		/* ctverecek dole vlevo */
		background : url('../gfx/back_sh_bottom_left.png'); 
	}
	
	div.bottom_shadow span.right { 
		/* ctverecek dole vpravo */
		background : url('../gfx/back_sh_bottom_right.png'); 
	}