html {     background: url(textury/glossymetal.jpg); } 
html {overflow-y: scroll;}



@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000; background:url(textury/fadestrip2.png) repeat-x;  	  
	 }

/* ~~ Selektory elementu/tagu ~~ */
ul, ol, dl { /* Vzhledem k odlišnosti jednotlivých prohlížečů je vhodné používat v seznamech nulové odsazení a okraje. Aby nedocházelo k odchylkám, můžete hodnoty zadat buď zde nebo u položek seznamu (LI, DT, DD). Pamatujte, že pokud neurčíte konkrétnější selektor, budou zde provedené úpravy přeneseny do seznamu .nav. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	display: inline;
	font-size: 12pt;
}


	color: #F0F0F0;
	font-size: 12pt;
	 /* Přidáním odsazení po stranách elementů v rámci elementů div namísto jejich aplikace na samotné elementy div dojde k potlačení výpočtu rámečkového modelu. Stejného výsledku dosáhnete použitím vnořených tagů s odsazením po stranách. */
}





a img { /* Tento selektor umožňuje odebrat výchozí modré okraje, které v některých prohlížečích obklopují obrazy, v jejichž blízkosti se nachází odkaz. */
	border: none;
	text-align: center;
}

/* ~~ Při tvorbě odkazů na stránce je třeba respektovat toto pořadí – včetně skupiny selektorů použitých k vytvoření efektu najetí kurzorem. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* Pokud není vzhled odkazů opravdu výjimečný, je vhodné k jejich rychlému odlišení používat funkci podtržení textu. */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* S touto skupinou selektorů můžete uživateli s klávesnicí zajistit stejný efekt najetí kurzorem, jako v případě uživatelů používajících myš. */
	text-decoration: none;
}

/* ~~ Tento kontejner s pevnou šířkou obklopuje ostatní elementy div.~~ */
.container {
	width: 1004px; 	
	margin: 0 auto; 
}

.top {
	width: 1004px; 
	float:none; 
	background:url(grafika/footer.jpg);
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}



.sidebar1 {
	float: left;
	width: 150px; 
	
	background:url(grafika/sidemid.png); border:#333; 
 
	padding-bottom: 0px;
}
.content {
	width: 854px;
	float: right;
	margin-top: 0px;
	background:url(grafika/mainmid.png);
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	height:auto;
}


.footer {
	height:20px;
	background: #CCC49F;
	position: relative;
	clear: both;
	background:url(grafika/footer.png); 
}


.fltrt {  /* Tuto třídu můžete použít k umístění plovoucího elementu v pravé části stránky. Plovoucí element se musí nacházet před elementem, vedle kterého má být na stránce umístěn. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Tuto třídu můžete použít k umístění plovoucího elementu v levé části stránky. Plovoucí element se musí nacházet před elementem, vedle kterého má být na stránce umístěn. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Pokud je z kontejneru odebrán element .footer, můžete tuto třídu aplikovat na prázdný element div nebo <br /> jako konečný element po posledním plovoucím elementu div (v rámci kontejneru). */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}