* {margin: 0; padding: 0;}

body {
	color: #fff;
	background: url(../graphics/bgBody.png) top left;
	background-color: #666;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	text-align: center;
}

h1 {position: absolute; top: 0; left: 0;}
h2 {color: #ccc; font-size: 130%; font-weight: normal; text-transform: uppercase;}
h3 {color: #fff; font-size: 100%; text-transform: uppercase; margin: 15px 0 5px 0;}

sup {font-size: 10px; position: relative; top: 2px;}

table {font-size: 100%;}

/* layout */

#main {
	background: url(../graphics/bgMain.png) top left repeat-y;
	text-align: left;
	margin: 0 auto;
	width: 770px;
}

#header {
	background: url(../graphics/bgHeader.png) bottom left repeat-x;
	background-color: #c00;
	position: relative;
	margin: 0 5px 1px 5px;
	height: 139px;
}

#headerTop {
	background: url(../graphics/bgHeaderTop.png) top left no-repeat;
	width: 770px;
	height: 14px;
}

#content {position: relative; margin: 0 5px 1px 5px; height: 354px;}
#contentMedia {margin: 25px;}
#leftHolder, #rightHolder {position: absolute; top: 0; height: 354px;}
#leftHolder {left: 0; width: 281px;}
#rightHolder {right: 0; width: 479px; overflow: auto;}
#right {margin: 25px;}
#left {background: top left no-repeat;}

.home {background-image: url(../graphics/bgLeft.jpg);}
.about {background-image: url(../graphics/bgOnas.jpg);}
.accommodation {background-image: url(../graphics/bgUbytovani.jpg);}
.rooms {background-image: url(../graphics/bgKonferencniProstory.jpg);}
.aquaforum {background-image: url(../graphics/bgAqua.jpg);}
.services {background-image: url(../graphics/bgKsluzby.jpg);}
.programs {background-image: url(../graphics/bgProgram.jpg);}
.media {background-image: url(../graphics/bgMedia.jpg);}

#footer {
	background: url(../graphics/bgLang.png) bottom left repeat-x;
	background-color: #c00;
	position: relative;
	margin: 0 5px;
	height: 75px;
}

#footerRight, #footerLeft {position: absolute; top: 0; height: 75px;}
#footerRight {color: #222; background-color: #fff; right: 0; width: 479px;}
#footerLeft {left: 0; width: 281px;}

#end {
	background: url(../graphics/bgFooter.png) bottom left no-repeat;
	width: 770px;
	height: 5px;
}

/* header */

h1 a, h1 a span {
	background: url(../graphics/logo.png) top left no-repeat;
	display: block;
	width: 281px;
	height: 139px;
}

h1 a {position: relative; z-index: 1; overflow: hidden;}
h1 a span {position: absolute; z-index: 2; top: 0; left: 0;}

h1 a.en, h1 a.en span {background-image: url(../graphics/enLogo.png);}

ul#menu {position: relative; list-style: none;}
ul#menu li {position: absolute; width: 208px; height: 14px;}

#m1, #m2, #m3, #m4 {left: 306px;}
#m5, #m6, #m7, #m8 {right: 25px;}

#m1, #m5 {top: 41px;}
#m2, #m6 {top: 55px;}
#m3, #m7 {top: 69px;}
#m4, #m8 {top: 83px; height: 16px;}

ul#menu a, ul#menu a span {
	background: top left no-repeat;
	display: block;
	width: 208px;
	height: 14px;
}

ul#menu a {position: relative; z-index: 1; overflow: hidden;}
ul#menu a span {position: absolute; z-index: 2; top: 0; left: 0;}

ul#menu #cs1, ul#menu #cs1 span {background-image: url(../graphics/mCsHome.png);}
ul#menu #cs2, ul#menu #cs2 span {background-image: url(../graphics/mCsAbout.png);}
ul#menu #cs3, ul#menu #cs3 span {background-image: url(../graphics/mCsAccommodation.png);}
ul#menu #cs4, ul#menu #cs4 span {background-image: url(../graphics/mCsProstory.png); height: 16px;}
ul#menu #cs5, ul#menu #cs5 span {background-image: url(../graphics/mCsAquaforum.png);}
ul#menu #cs6, ul#menu #cs6 span {background-image: url(../graphics/mCsSluzby.png);}
ul#menu #cs7, ul#menu #cs7 span {background-image: url(../graphics/mCsProgramy.png);}
ul#menu #cs8, ul#menu #cs8 span {background-image: url(../graphics/mCsMedia.png); height: 16px;}

ul#menu #en1, ul#menu #en1 span {background-image: url(../graphics/mEnHome.png);}
ul#menu #en2, ul#menu #en2 span {background-image: url(../graphics/mEnAbout.png);}
ul#menu #en3, ul#menu #en3 span {background-image: url(../graphics/mEnAccommodation.png);}
ul#menu #en4, ul#menu #en4 span {background-image: url(../graphics/mEnProstory.png); height: 16px;}
ul#menu #en5, ul#menu #en5 span {background-image: url(../graphics/mEnAquaforum.png);}
ul#menu #en6, ul#menu #en6 span {background-image: url(../graphics/mEnSluzby.png);}
ul#menu #en7, ul#menu #en7 span {background-image: url(../graphics/mEnPrograms.png);}
ul#menu #en8, ul#menu #en8 span {background-image: url(../graphics/mEnMedia.png); height: 16px;}

/* right */

#right p, #contentMedia p {line-height: 1.5em; margin-bottom: 1.33em;}

#right a, #contentMedia a {color: #f00;}
#right a:hover {text-decoration: none;}

#right ul {list-style: none; margin: .33em 0 1.33em 1em;}
#right li {background: url(../graphics/bgLi.png) 0px 8px no-repeat; line-height: 1.5em; margin-bottom: 5px;	padding-left: 13px;}

#right table {margin: .33em 0 1.33em 0;}
#right th, #right td {vertical-align: bottom; padding: 0 15px 5px 0;} 

/* media */

.galerie {clear: both; margin-bottom: 1.33em;}
.nahled {float: left; margin: 0 13px 20px 0;}
.nahled img {border: 1px solid #900;}

h3 span.datum {color: #ccc; font-size: 85%; font-weight: normal;}

#contentMedia ul {margin: .6em 0 1.33em 1.5em; list-style: square;}

/* footer */

#footerLeft p {
	text-align: center;
	line-height: 75px;
	height: 75px;
}

#footerLeft a {
	color: #fff;
	font-size: 85%;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px;
}

#footerLeft a:hover {
	background-color: #900;
	border: 1px solid #fff;
	padding: 0px 4px 1px 4px;
}

#footerLeft a.noGo {color: #800;}
#footerLeft a.noGo:hover {color: #c00; border-color: #c00;}

#footerRight table {margin: 9px 25px;}
#footerRight table td {width: 214px;}

#footerRight a {color: #c00;}
#footerRight a:hover {text-decoration: none;}

/* obecné třídy */

.clnr {font-size: 0; line-height: 0; clear: both; width: 100%;}
.fl {float: left;}
.fr {float: right;}
.right {text-align: right;}