/* Rozložení obsahu */

body {max-width: 880px; width=850px;}
#obsah {margin-left: 190px; margin-right: 3%; margin-top: 60px; margin-bottom: 60px;}
#vlevo {position: absolute; left: 10px; width: 140px; top: 60px;}
#hlavicka {position: absolute; left: 10px; top: 10px;}
.stoprocent {width: 100%;}

@media print {#vlevo {display: none;}}

@media (max-width: 501px){
	body {}
	#obsah {margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto;}
	#vlevo {position: static; width: 100%;}
	#hlavicka {position: static;}
	.menu-vlevo { /* ve skutecnosti dole */
		-webkit-column-count: 2; /* Chrome*/ 
    	-moz-column-count: 2; /* Firefox */
	    column-count: 2; 
	}
	/* horizontální scrollování tabulek */
	table {display: block; overflow: auto; border-bottom: 2em;}
}

/* responzivita širokých obrázků pro různé šířky */
@media (max-width: 720px) { img {max-width: 720px; height: auto;}}
@media (max-width: 640px) { img {max-width: 100%; height: auto;}}

/* Menu vlevo */
.menu-vlevo p {margin: 2px;}

/* patka */
.patka {text-align: center; padding-top: .5em; margin-top: 1em; border-top: 1px solid black;}

/* Odkazy */
a:link {color: #3333ff}
a:visited {color: #334499}
A		{ text-decoration: none}
#obsah a {text-decoration: underline;}
A:hover		{ text-decoration: underline; color: red } 
@media print	{ a {text-decoration: underline} }

/* barvy těla a lišty */
body		{background-color: #fffbf8}


/*zarovnání */
h1			{text-align: center;}

/*písmo*/
body {font-size: 20px; font-family: cambria, georgia, serif;}
dt {font-weight: bold}
h1 {font-size: 200%;}
h2 {font-size: 140%;}
h3 {font-size: 125%;}
#obsah {line-height: 1.3;}

/* tabulky */
table {border-collapse: collapse;}
td, th     { border: 1px solid #aaaaaa; }
@media print { th border-left: 1 solid; border-bottom: 2px solid } }
table {margin-bottom: 1em;}



/* obsah v levém rámu */
.obsah 	{} 
div.obsah td, div.obsah table 	{border: none} 

/* Třídy */
.lista {font-style: italic}
.male {font-size: 80%;}
.podtitul {text-align: center}
.slozeni {font-size: 85%; font-family: verdana, sans-serif;}
.zalozka {}
p.zalozka {font-style: italic}
.vetsi       { font-size: 200%; }