body, html {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	background-color: #111;
	background-image: URL('obrazky/fialovy_zablesk.jpg'); 
	color: #000; 
	font-size: 14px;
	font-family: Times new roman, serif;
	position: absolute;
	} 

#jmeno {top:15px; left: 50%; margin-left: -100px; z-index:1;}
#jmeno2 {top:15px; left: 50%; margin-left: -123px; z-index:1; background-image: URL('obrazky/jmeno.png'); width: 255px; height: 50px;}
                 
#masakr {margin: auto; margin-bottom: 50px; text-align: center; width: 1028px; top: 40px; position: relative;}

#obr {width: 1024px; height: 768px; z-index:-1; margin-bottom: 20px;}
#obr img {opacity: 0.7;}

#stred, #stred2, #ohen, #vzduch, #voda, #zeme, #mysl, #jmeno, #jmeno2, #patka, #cudlik {position: absolute;} /*protože je to v rámci jednoho striktně vymezeného bloku, tak to nerozhodí rozlišení obrazovky*/

#stred {margin: auto; width: 600px; text-align: center; top: 65px; left: 50%; margin-left: -300px;}
#stred2 {margin: auto; width: 800px; text-align: center; top: 65px; left: 50%; margin-left: -370px;}

#zeme {top: 222px; left: 625px; border-radius: 0 20 0 20px;}

#vzduch {top: 362px; left: -185px; border-radius: 20 0 20 0px;}

#voda {top: 230px; left: -185px;}

#ohen {top: 25px; left: 625px; border-radius: 0 20 0 20px;}

#mysl {top: 25px; left: -185px; border-radius: 20 0 20 0px;}

#ohen, #vzduch, #voda, #zeme, #mysl {width: 160px; background: yellow; opacity: 0.75; padding: 5 0px;}

#vzduch p {text-indent: 0px; font-weight: normal; text-align: right; margin: 6px 3px;background: yellow;} 

#mysl p {text-indent: 0px; font-weight: normal; text-align: right; margin: 6px 3px;background: yellow;} 

#ohen p {text-indent: 0px; font-weight: normal; margin: 6px 3px; background: yellow;} 

#vzduch, #voda {height: 102px;}

p {text-indent: 30px; background: white; opacity: 0.65; font-weight: bold; text-align: left; margin:18px 3px; padding: 1px 2px; line-height: 1.4;}

#nav {left: 50%px; top: 50px; background: white; width: 120px; position: fixed;}
#nav p {text-indent: 0px; margin: 6px 3px;}

figure img {opacity: 1; border: 0px;}
#obrazky2 {width: 260px; height: 333px; margin: 20px; border: 5px solid white; background: white; padding: 10px 0px 0px 0px; top: -550px; position: relative; left: -35%; z-index: 0;}
.obrazky {width: 320px; height: 265px; margin: 20px; border: 5px solid white; float: left; background: black; padding: 10px 0px 0px 0px; z-index: 1; color: white;}
.vrchem {z-index: 0; float: right; /*paradoxně, bez týhle pi.... tam neni ten bílej ráměček a bílý pozadí... v Gecko a chrome*/ /*background: white;*/}
.obrazky3 {width: 265px; height: 335px; margin: 20px; border: 5px solid white; float: left; background: white; padding: 10px 0px 0px 0px; z-index: 1;}

button {background: #ddd; border-left: 2px solid #000; border-top: 2px solid #000; width: 185px; height: 36px; border-radius: 15px;}

figure figcaption {display: block;}

hr {clear: both; visibility: hidden;}

H1,H2,H3{color: #330066; text-align:center; font-family:Verdana; line-height:1.1; margin-top: 5px;}
H2{font-size:175%; margin-bottom: 3px;}
H3{font-size:150%}
H4{font-size:125%; margin: 0px;}
h1 {color: #000; font-size: 300%; font-family: algerian, verdana, sans-serif;}

#spodek {margin-bottom: 150px;}

#cudlik {left: 50%; margin-left: -100px; top: 760px; clear: both; width: 200px;}
#patka {left: 50%; margin-left: -100px; top: 790px; clear: both; width: 200px; color: black;}
#patka2 {margin: 0 auto; clear: both; width: 200px; color: black;}


.skryvany {visibility: visibility;}

.pojebanyie {visibility: hidden;}
                
a{text-decoration: none; text-decoration: underline;}
a:link{color:#33F;}
a:visited{color:#6600FF;}
a:active{color:#FF00CC;}
a:hover{color:#FF9933; text-decoration: overline; background: #33F; }
a img {border: 0px;}

#obrazky2 a:link {z-index: 0;}
#obrazky2 a:hover {z-index: 2;}
img a {text-decoration: none;}   /*nefachá*/
ul {margin: 0; padding: 0;}
li {margin: 6px 3px; list-style-type: none;}
/**/
.otom {border-bottom: 1px dashed gray; cursor:help;}
.packa{cursor:pointer;}
.bi {background-color:white;}