/* -=-=-=-=-=-=-=-=-=-=-=-=-= global definitions =-=-=-=-=-=-=-=-=-=-=-=-=- */

BODY, DIV, TABLE, FORM, CAPTION, UL, LI, ADRESS, IMG, H1, H2, H3, H4, P, HR, INPUT, SELECT {
  border: 0 none;
  margin: 0;
  padding: 0;	
}

.left {
  float: left;
}

.right {
  float: right;
}

.hide {
	display: none;
}

.cleaner {
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	content: ' ';
	font-size: 0;
}

.cleaner hr { 
	display: none; 
}

.leftClear {
	clear: left;
}

.rightClear {
	clear: right;
}

.bothClear {
	clear: both;
}

.center {
	margin: 0 auto;
}

.textRight {
	text-align: right;
}

.textLeft {
	text-align: left;
}

.textCenter {
	text-align: left;
}

P.error {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Courier New", Courier, monospace;
	color: #FF0000;
}

UL {
	list-style-type: none;
}



/* -=-=-=-=-=-=-=-=-=-=-=-=-= base layout definitions =-=-=-=-=-=-=-=-=-=-=-=-=-*/

HTML, BODY {
	width: 100%;
	height: 100%;	
}

HTML {
	background-color: #437AE5;
}

BODY {
	text-align: center;
	font: normal 9pt Tahoma, Arial, Helvetica, sans-serif;
	background: #437AE5 url(../img/footer.jpg) repeat-x bottom center;
}

#page {
	width: 100%;
	height: 480px;
	margin-bottom: 100px;
	background: transparent url(../img/header.jpg) no-repeat top center;
}
#page-in {
	width: 100%;
	height: 480px;
	position: relative;
	background: transparent url(../img/middle1.jpg) no-repeat center 137px;
}
#page-in-in {
	width: 100%;
	height: 480px;
	position: relative;
	background: transparent url(../img/middle2.jpg) no-repeat center 252px;
	text-align: center;
}

#content {
	width: 500px;
	height: 320px;
	position: relative;
	top: 98px;
	margin: 0 auto;
	text-align: left;
}



/* -=-=-=-=-=-=-=-=-=-=-=-=-= intro-page definitions =-=-=-=-=-=-=-=-=-=-=-=-=-*/

#menu-czech,
#menu-english {
	display: block;
	position: absolute;
	left: 40px;	
	color: #FFF;
}
#menu-czech {
	bottom: 33px;
}
#menu-english {
	bottom: 13px;
}

A#enter {
	display: block;
	width: 90px;
	height: 35px;
	position: absolute;
	bottom: 8px;
	right: 54px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FFF;
}
A#enter:hover {
	text-decoration: underline;
}

#menu-czech A,
#menu-english A {
	font-weight: bold;
	color: #FFF;
}
#menu-czech A:hover,
#menu-english A:hover {
	text-decoration: none;
}

#flash {
	width: 460px;
	height: 215px;
	position: absolute;
	bottom: 61px;
	left: 20px;
}

#flash-water {
	width: 700px;
	height: 100px;
	position: absolute;
	top: -98px;
	left: -111px;
}