html,body { margin:0; padding:0; height:100%; font-family: sans-serif; font-size: 12pt; height:100%}
#maind {position:relative; background-color: #606060  ; min-height:100%; }
#content { background-color: #FFFFFF ;padding:10px; padding-bottom:150px;  min-width: 800px;max-width: 800px; min-height:100%;  margin-left:auto; margin-right:auto;}

#kontys{ display:table ; margin-left:auto; margin-right:auto; }

#footer { position:absolute; bottom:0; min-width:820px; width:100%; min-height: 100px; height:100px; max-height:100px;	background:#606060;  min-height: 100px; margin-bottom: 0px	}
#footercont  { display:block; min-height: 100px; height:100px; max-height:100px; min-width: 820px;max-width: 820px; margin-left:auto; margin-right:auto;background-image:url("./footer.jpg"); background-repeat: no-repeat; background-position: center;}
#head a { overflow: hidden; display:block; min-width: 820px;max-width: 820px;min-height: 200px; height:200px; max-height:200px; margin-left:auto; margin-right:auto; background-image:url("./header.jpg"); background-repeat: no-repeat; background-position: center; text-indent:-9999px; margin-top:0px;  margin-bottom:0px; padding: 0px; border: 0px}
#head {overflow: hidden; background-color: #606060 ; min-width:820px; width:100%; min-height: 200px; height:200px; max-height:200px; margin: 0px; padding: 0px; border: 0px}
#head h1 {overflow: hidden;margin: 0px; padding: 0px; border: 0px}
#map {float: left}
#cpright {float: right}

#cpright span {font-style:italic}
#menu { background-color: #FFFFFF ; height: 60px; margin: 0px; padding: 0px; border: 0px; overflow: hidden;  min-width: 800px;max-width: 820px; margin-left:auto; margin-right:auto;}
#menu li a {  display:inline-block; width:110px;  background-color: #006600;color: white; text-decoration: none; padding: 4px; margin-left:auto; margin-right:auto; font-size: 130%; margin: 8px; border: 2px solid black }    
#menu li a:hover { display:inline-block; width:110px; background-color: #003300;color: yellow; text-decoration: none; padding: 6px;  margin-left:auto; margin-right:auto; font-size: 130%; margin: 8px;border: 2px solid black} 
#menu li {display: inline; text-align: center;}     
#menu ul  {margin-left:auto; margin-right:auto; text-align: center;margin: 0px; padding: 5px; border: 0px; }

#innermenu li a { color: blue; text-decoration: none; padding: 4px; margin-left:auto; margin-right:auto; font-size: 110%; margin: 8px}    
#innermenu li a:hover { color: blue; text-decoration: underline; padding: 4px;  margin-left:auto; margin-right:auto; font-size: 110%; margin: 8px;} 
#innermenu li {display: inline; text-align: center; }     
#innermenu ul  {margin-left:auto; margin-right:auto; text-align: center; }

#mapka ol.koren {list-style-type: upper-roman;}
#mapka ol.list {list-style-type: lower-alpha;}
#mapka a.koren {font-weight:bold;}

.skrejs {min-width: 175px;max-width: 175px; background-color: #FFFFE0;border: 1px dotted black; }
.skrejs p {text-align:center; }
.skrejs img {z-index: 2}
.skrejs span {font-size: 110%; color: red }
#prekvapeni2 {float:left; margin: 20px; margin-left:50px;}
#prekvapeni1 {float:right; margin: 20px; margin-right:50px;}


#content h2 {clear: both; text-align:center}

a {text-decoration: none;  color: black; font-size: 110%; margin: 5px}
a:hover {text-decoration: underline; color: black; font-size: 110%; margin: 5px}

#switch ul {list-style-type:circle}

img.left {float: left;}

.popup {  background-color: #FFFFFF;color: black; text-decoration: none; padding: 4px; font-size: 90%; margin: 8px; border: 2px dotted black;  display: none }
#pila {position:absolute; left:100px; top:-400px; height: auto; width: 200px; z-index: 5;}
#sekacka {position:absolute; left:100px; top:-400px; height: auto; width: 200px; z-index: 5;}
#koupelny {position:absolute; left:100px; top:-400px; height: auto; width: 200px; z-index: 5;}
#svetlo {position:absolute; left:100px; top:-400px; height: auto; width: 200px; z-index: 5;}
#garaz {position:absolute; left:100px; top:-400px; height: auto; width: 200px; z-index: 5;}
#topeni {position:absolute; left:100px; top:-400px; height: auto; width: 200px; z-index: 5;}
#jistic {position:absolute; left:100px; top:-400px; height: auto; width: 200px; z-index: 5;}
#kuchyn {position:absolute; left:100px; top:-400px; height: auto; width: 200px; z-index: 5;}
#malba {position:absolute; left:100px; top:-400px; height: auto; width: 200px; z-index: 5;}
#nabytek {position:absolute; left:100px; top:-400px; height: auto; width: 200px; z-index: 5;}
#pc {position:absolute; left:100px; top:-400px; height: auto; width: 200px; z-index: 5;}


#zahrada {position:absolute; left:-40px; top:-350px; height: auto; width: 100px; z-index: 5;}


#pcimg{position: absolute; top:-246px; left:512px; display: inline}
#malimg{position: absolute; top:-143px; left:444px; display: inline}
#kuchimg{position: absolute; top:-126px; left:516px; display: inline; z-index:3}
#garimg{position: absolute;top:-160px; left:192px; display: inline}
#sveimg{position: absolute; top:-382px; left:518px; display: inline}
#koupimg{position: absolute; top:-150px; left:350px; display: inline}
#sekimg{position: absolute; top:-115px; left:90px; display: inline}
#pilaimg{position: absolute; top:-252px; left:99px; display: inline}
#dumimg{position: relative; left:57px}
#obalkadum{position: relative; width: 0; height: 0}