/* Rozložení a pozicování */
/*div {outline: 1px dotted orange;}*/
#obalovaci1 {margin: 0px auto; max-width: 700px; _width: 700px; position: relative;}
#obalovaci2 {margin-left: 130px; margin-right: 20px; padding-top: 80px}
#hlavni-text {}
body {margin: 0px;}
.sirokyobrazek {margin-left: -110px}
#hlavicka {position: absolute; top: 0px; height: 80px; left: 0px; width: calc(100% - 2em);}
#levysloupec {position: absolute; top: 100px; left: 20px; width: 100px}
#hornilista {position: absolute; width: 30%;  left: 64%; top: 0px; overflow: hidden}

/* mobilní rozložení */
@media (max-width: 501px) {
	#obalovaci1 {width: 100%;}
	#obalovaci2 {margin-left: auto; margin-right: auto;}
	#hlavni-text {padding: 0px .4em; box-sizing: content-box;}
	body {margin: inherit;}
	.sirokyobrazek {margin-left: auto;}
	#hlavicka {} /* nechám pozicovanou */
	#levysloupec {position: static; width: 100%;}
	
	#levysloupec .menu {font-size: 1rem;}
	#patka {}
}


/* 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: 640px; height: auto;}}
@media (max-width: 480px) { img {max-width: 480px; height: auto;}}
@media (max-width: 360px) { img {max-width: 360px; height: auto;}}
@media (max-width: 320px) { img {max-width: 320px; height: auto;}}


/* Barvy */
body {color: black; background-color: ivory; }
a:link {color: red}
a:visited {color: firebrick}


/* Písmo */
body, td, caption {font-family: helvetica, arial, verdana, sans-serif; font-size: normal}
li, p, dd, dt {line-height: 180%}
h3 {font-weight: normal}
dt {font-weight: bold}

/* Navigace */
.lista {margin-top: 1.5em; line-height: 2}

.lista .predchozi { display: inline-block;  text-align: left;}
.lista .dalsi { display: inline-block; text-align: right; font-weight: bold; }
.lista .domu { }
.lista .viztetez { }
.lista a {white-space: nowrap}
.lista {border-bottom: 1px solid silver; padding-bottom: .5em;}


.hornilista .domu, .hornilista .viztetez {display: none}
.hornilista {font-size: 11px; white-space: nowrap;}


.menu a {text-decoration: none}
.menu a:hover {text-decoration: underline}
.menu {font-size: 13px}

#hlavicka {padding-left: 20px}
p.podtitul {font-weight: bold; letter-spacing: 1px}

/* Patka */

#patka {margin-top: 3em;}