html {height: 100%; background: white url('moonlake/top.jpg') no-repeat top center;}
body {position: relative; width: 819px; min-height: 100%; margin: 0 auto; padding: 0; font-size: small; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}

.hidden {display: none;}
.clear {clear: both;}

a {}
a:hover {}
a img {border: none;}

h1 {position: relative; margin: 0; padding: 0 50px; height: 100px;}
h1 a {display: block;}
h1 span {position: absolute; top: 0; left: 10px; width: 328px; height: 100px; background: url('moonlake/logo.png') no-repeat;}
h1 strong {float: right; margin: 15px 0 0 0; color: #0E6FA2; font-size: 70%; font-weight: bold; font-style: italic; font-family: Arial, Helvetica, sans-serif;}

#header-index {width: 819px; height: 207px; background: url('moonlake/header_titulka.jpg') no-repeat;}
#header-2 {width: 819px; height: 95px; background: url('moonlake/header_2.jpg') no-repeat;}

#menu {width: 819px; height: 51px; margin: 5px 0; padding: 0; list-style: none;}
#menu li {float: left;}
#menu li a {position: relative; float: left; height: 51px; line-height: 51px;}
#menu li a span {position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;}


#menu li#menu1 a {width: 165px;}
#menu li#menu1 a span {background-position: 0 0;}
#menu li#menu1 a:hover span, #menu li#menu1 a:focus span {background-position: 0 -51px;}
#menu li#menu1 a:active span {background-position: 0 -102px;}
#menu li#menu1.active a span {background-position: 0 -153px;}
#menu li#menu2 a {width: 165px;}
#menu li#menu2 a span {background-position: -165px 0;}
#menu li#menu2 a:hover span, #menu li#menu2 a:focus span {background-position: -165px -51px;}
#menu li#menu2 a:active span {background-position: -165px -102px;}
#menu li#menu2.active a span {background-position: -165px -153px;}
#menu li#menu3 a {width: 130px;}
#menu li#menu3 a span {background-position: -330px 0;}
#menu li#menu3 a:hover span, #menu li#menu3 a:focus span {background-position: -330px -51px;}
#menu li#menu3 a:active span {background-position: -330px -102px;}
#menu li#menu3.active a span {background-position: -330px -153px;}
#menu li#menu4 a {width: 135px;}
#menu li#menu4 a span {background-position: -460px 0;}
#menu li#menu4 a:hover span, #menu li#menu4 a:focus span {background-position: -460px -51px;}
#menu li#menu4 a:active span {background-position: -460px -102px;}
#menu li#menu4.active a span {background-position: -460px -153px;}
#menu li#menu5 a {width: 224px;}
#menu li#menu5 a span {background-position: -595px 0;}
#menu li#menu5 a:hover span, #menu li#menu5 a:focus span {background-position: -595px -51px;}
#menu li#menu5 a:active span {background-position: -595px -102px;}
#menu li#menu5.active a span {background-position: -595px -153px;}

.web li a span {background: url('moonlake/menu.png') no-repeat;}
.customer li a span {background: url('moonlake/menu-customer.png') no-repeat;}


#content {float: left; width: 620px; color: #7C7C7C}
#content h2 {font-size: 220%; height: 52px; padding: 5px 20px 0 20px; margin: 11px 0; line-height: 52px; color: #228BB8; text-transform: none; letter-spacing: -0.05em; font-family: Arial, Helvetica, sans-serif; background: url('moonlake/h2.gif') no-repeat; }
#content h3 {font-size: 150%; padding: 0 20px; margin: 10px 0 10px 0; color: #8A8B8A; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}

#content .msg {display: block; position: relative; margin: 0 0 3px 0; padding: 0; color: #7C7C7C; background: url('moonlake/polozka_bg.png') repeat-y; text-decoration: none;}
#content .msg:hover {background: url('moonlake/polozka_bg_h.png') repeat-y;}
#content .msg .t {display: block; background: url('moonlake/polozka_top.png') no-repeat top;}
#content .msg:hover .t {background: url('moonlake/polozka_top_h.png') no-repeat top;}
#content .msg .b {display: block; padding: 5px 5px 5px 85px; background: url('moonlake/polozka_bottom.png') no-repeat bottom;}
#content .msg:hover .b {background: url('moonlake/polozka_bottom_h.png') no-repeat bottom;}
#content .msg strong {position: absolute; top: 5px; left: 5px; width: 75px; text-align: center; color: #1777C1; font-weight: normal;}
* html #content .msg strong {left: -80px;} 
#content a.msg .b {padding: 5px 15px; cursor: pointer;}
#content .msg .bullet {display: block; min-height: 21px; padding: 0 0 0 30px; font-style: normal; background: url('moonlake/hvezda.gif') no-repeat top left;}
#content .msg em {color: #228BB8; font-style: normal; font-size: 120%;}
#content .msg ul {margin: 0 0 0 15px; padding: 0;}

#content a { color: #1777C1; text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content a.msg:hover {text-decoration: none;}

#right {float: right; width: 180px; margin: 10px 0 0 0;}
#right a { color: #1777C1; text-decoration: none; }
#right a:hover { text-decoration: underline; }
#right .box {padding: 0 15px; background: url('moonlake/side_bg.png') repeat-y;}
#right .box .t {margin: 0 -15px; height: 12px; font-size: 1px; background: url('moonlake/side_top.png') no-repeat;}

#right .box .b {margin: 0 -15px; height: 12px; font-size: 1px; background: url('moonlake/side_bottom.png') no-repeat;}

#right .box h2 {font-size: 150%; padding: 0; margin: 10px 0; color: #228BB8; text-align: center; text-transform: uppercase;}
#right a.cam {display: block; position: relative; width: 140px; height: 126px; padding: 4px; color: #8A8B8A; text-decoration: none; background: url('moonlake/kamera1.gif') no-repeat;}
#right a.cam:hover {color: #228BB8; background: url('moonlake/kamera2.gif') no-repeat top right; text-decoration: none;}
#right a.cam span.c {float: left; width: 140px; margin: 0 1px 0 0; text-align: left; text-align: center;}
#right a.cam span.h {display: none; position: absolute; right: 144px; top: 0; width: 564px; height: 126px; padding: 4px 0 4px 4px; background: url('moonlake/kamera2.gif') no-repeat top left}
#right a.cam span.h span.c {text-align: left; color: #8A8B8A; font-size: 85%;}
#right a.cam:hover span.h {display: block; text-decoration: none;}



#bottom-fake {height: 130px;}
#bottom {position: absolute; bottom: 0; left: 0; width: 779px; height: 41px; padding: 20px; background: url('moonlake/spodek.png') no-repeat;}
#bottom ul {float: right; margin: 0; padding: 0; list-style: none;}
#bottom ul li {float: left; margin: 0 0 0 15px;}
#bottom ul li a {text-transform: uppercase; font-size: 85%; color: white; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
#bottom ul li a:hover {color: #fffde2;}
#bottom p {margin: 0; padding: 0; color: #7FB3DB; font-size: 80%;}
#bottom p a {color: #7FB3DB; text-decoration: none;}

.info	{ background-color: #FAFAC0; padding: 10px; border: solid 1px #000000; margin-bottom: 15px; }

tr:hover {
	background-color: #EAEAF0;
}