* {margin: 0; padding: 0;}
html, body {height: 100%;}
body {font-family: Tahoma,Arial, Helvetica, sans-serif;}
html>body {}

#main {display: block; width: 1124px; margin: 0 auto; text-align: left; background: url('../background.php') no-repeat;  min-height: 100%; height: 100%; position: relative;}
body>#main {height: auto;}

#logo {position: absolute; left: 30px; top: 95px;}
#logo img {border: 0;}

#menu {position: absolute; display: block; padding: 0; top: 205px; width: 110px; height: 270px; left: 33px;}
#menu ul {margin: 0; padding: 0; list-style: none; font-family: Tahoma,Arial, Helvetica, sans-serif; font-size: 8pt; position: absolute; bottom: 15px;}
#menu ul li {padding-bottom: 7px; padding-top: 7px;}
#menu ul li a {padding-left: 12px; color: #6699cc; text-decoration: none;}
#menu ul li a:hover {color: #fff;}
#menu ul li a.aktivni {background: url('../images/menu-sipka.jpg') no-repeat; color: #fff;}

#submenu {position: absolute; display: block; padding: 0; top: 205px; width: 250px; height: 270px; left: 148px;}
#submenu ul {margin: 0; padding: 0; list-style: none; font-size: 8pt; position: absolute; bottom: 15px;}
#submenu ul li {padding-bottom: 7px; padding-top: 7px;}
#submenu ul li a {padding-left: 13px; color: #6699cc; text-decoration: none;}
#submenu ul li a:hover {color: #fff;}
#submenu ul li a.aktivni {background: url('../images/menu-sipka.jpg') no-repeat; color: #fff;}

#text1 {color: #002056; position: absolute; display: block; padding: 0; top: 510px; width: 350px; left: 50px;}
#text1 h1 {margin: 0; padding: 0; color: #002056; font-size: 0.8em; margin-bottom: 5px;}
#text1 p {margin-bottom: 10px; padding: 0; width: 320px; font-size: 0.8em; line-height: 1.5em;}
#text1 ul {margin-left: 15px; margin-bottom: 10px; line-height: 1.5em; padding: 0; font-size: 0.8em;}
#text1 table {font-size: 0.8em; margin-bottom: 10px; padding: 0;}

#text2 {color: #002056; position: absolute; display: block; padding: 0; top: 510px; width: 300px; left: 405px;}
#text2 h1 {margin: 0; padding: 0; color: #002056; font-size: 0.8em; margin-bottom: 5px;}
#text2 h2 {margin: 0; padding: 0; color: #002056; font-size: 0.8em; margin-bottom: 5px;}
#text2 p {margin-bottom: 10px; padding: 0; width: 270px; font-size: 0.8em; line-height: 1.5em;}
#text2 ul {margin-left: 15px;	margin-bottom: 10px; line-height: 1.5em; padding: 0px 20px 0px 0px; font-size: 0.8em;}
#text2 table {font-size: 0.8em; margin-bottom: 10px; padding: 0;}

#map_canvas {margin-top: 15px;}

#text3 {color: #002056; position: absolute; display: block; padding: 0; top: 510px; width: 655px; left: 50px;}
#text3 h1 {margin: 0; padding: 0; color: #002056; font-size: 0.8em; margin-bottom: 5px;}
#text3 p {margin-bottom: 10px; padding: 0; width: 625px; font-size: 0.8em; line-height: 1.5em;}
#text3 ul {margin-left: 15px; margin-bottom: 10px; line-height: 1.5em; padding: 0; font-size: 0.8em;}
#text3 table {font-size: 0.8em; margin-bottom: 10px; padding: 0;}
#text3 a img {border: 0;}
#text3 table tr td {padding-right: 10px; padding-bottom: 5px;}

#prihlasovaci_dialog {position: absolute; left: 737px; top: 211px;}
#prihlasovaci_dialog h1 {margin: 0; padding: 0; color: #002056; font-size: 0.8em; margin-bottom: 15px;}
#prihlasovaci_dialog label {display: block; margin: 0; padding: 0; width: 625px; font-size: 0.8em; line-height: 1.5em; width: 250px; clear: both; color: #002056;}
#prihlasovaci_dialog input {width: 250px; padding: 4px 4px 4px 4px; border: 1px solid #002056;}
#prihlasovaci_dialog button {padding: 4px 8px 4px 8px; border: 1px solid #002056; clear: both; display: block; margin-top: 10px; color: #002056;}

#flash {position: absolute; left: 737px; top: 211px;}

#nahled_referenci {position: absolute; width: 246px; height: 270px; left: 430px; top: 195px; overflow: hidden;}
#nahled_referenci #pas table {color: #002056; font-size: 7pt; margin: 0; padding: 0; width: 246px;}
#nahled_referenci #pas table tr td {margin: 0; padding: 0; width: 123px; height: 88px;}
#nahled_referenci #pas table tr td a {color: #002056; text-decoration: none;}
#nahled_referenci #pas table tr td a img {border: 0;}

#sipka_nahoru {position: absolute; top: 189px; left: 673px;}
#sipka_nahoru img {border: 0;}
#sipka_dolu {position: absolute; top: 445px; left: 673px;}
#sipka_dolu img {border: 0;}
#pozicovnik {position: absolute; left: 673px; top: 208px; width: 15px; height: 270px;}

#reference_foto {position: absolute; width: 390px; height: 270px; left: 733px; top: 206px; overflow: hidden; border: 0px; background-color: transparent;}
#reference_foto div.foto {display: block; margin: 0; padding: 0; width: 390px; float: left; text-align: right;}
#reference_foto div.foto img {border: 0;}
	
#reference_nazev {position: absolute; display: block; width: 273px; background-color: #8fa9bf; padding-left: 10px; padding-top: 5px; padding-bottom: 4px; font-size: 9pt; font-weight: bold; color: #fff; left: 737px; top: 480px;}

#reference_navigace {position: absolute; display: block; width: 100px; background-color: #8fa9bf; padding-top: 4px; padding-bottom: 4px; padding-left: 0px; font-size: 9pt; color: #fff; left: 1023px; top: 480px; text-align: center;}
#reference_navigace img {border: 0;}
#reference_navigace #foto_poradi {display: inline;}
#reference_navigace #sipka_vlevo {float: left; padding-left: 1px;}
#reference_navigace #sipka_vpravo {float: right; padding-right: 1px;}

#reference_popis {color: #002056; position: absolute; display: block; padding: 0; top: 510px; width: 375px; left: 746px;}
#reference_popis p {margin-bottom: 10px; padding: 0; width: 360px; font-size: 0.8em; line-height: 1.5em;}
#reference_popis p span.poznamka {font-size: 0.7em;}


