body {
	font-family: verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
	font-size: .8em;
	background-image: url('../img/bg-gradient01.png');
  	
}

a {
	text-decoration: none;
	color: #CCECF4;
	
}

a:hover {text-decoration: none;}

form {
	margin: 0;
	padding: 0;
}

td {font-size: .8em;}

.square { display:block; float:left; width:5px; height:5px; font-size:1px; line-height:1px; margin:5px 5px 5px 5px; background-color:white; }

#page {
	top: 50%;
	left: 50%;
	margin: -185px 0 0 -135px;
	position: absolute;
	voice-family: inherit;
}

#oknoProebiz {
	width: 315px;
	height: 290px;
	border: 0px solid red;
	background-repeat: no-repeat;
}

.bgPrechod {background-image: url('../img/uvodni-obrazovka.png');}

#verze {
	position: relative;
	top: 66;
	left: 137;
	width: 120px;
	height: 20px;
	color: #9DD29C;
	text-align: right;
	font-size: .85em;
}

#vlajky {
	float: left;
	position: relative;
	top: 246px;
	left: 0px;
	width:  500px;
	height: 120px;
}

#menu {
	float: left;
	position: relative;
	top: 146px;
	left: -5px; _left: -10px;
	width:  500px;
	height: 120px;
}

#menu a {
	float: left;
	color: #ffffff;
	font-size: .85em;
	margin:0px 10px 0px 0px;
}

#menu a:hover {color: #13648A; }

#textHlaska {
  padding: 5px;
  margin-top: 15px;
	border-top: 1px solid #CCECF4;
	border-bottom: 1px solid #CCECF4;
	background: transparent;
	color: #CCECF4;
	font-size: .85em;
	font-weight:bold;
	line-height: 180%;
}

img.odsazeni {
	display: none;
	float: left;
	margin: 0 15 0 15;
	vertical-align: middle;
}
	
#zapati {
	position: absolute;
	top: 75%;
	left: 0;
	width: 100%;
	height: 120px;
}

#formular {
	position: relative;
	width: 100%;
	height: 80px;
}

#formular input {
	font-size: .9em;
	font-family: verdana;
	background-color: #CCECF4;
	border: none;
	width: 118px;
	height: 17px;
	padding: 2 2 0 2;
}

#formular input.buttonOk {
  width: 19px;
	height: 19px;
	cursor: default;
	padding: 0;
	margin-left: 4px;
	vertical-align: bottom;
	cursor: inherit;
	vertical-align: top;
}

#formular td.odsazeni {padding-right: 4px;}

#dolniMenu {
	position: relative;
	width: 100%;
	margin-top: 15px;
	vertical-align: middle;
}

#dolniMenu a {
  color: #E0F2A1;
  font-size: .85em;
}

#dolniMenu a.copy {font-size: .8em;}
#dolniMenu .odsazeni { float:none; display:inline; }

.bgBlue01  {background-color: #99D9E8;}
.bgBlue02  {background-color: #67C6DD}

.center {text-align: center;}

.textBlue01 {color: #1494C1}

.popisPoleForm {
  text-align: right;
  border-top: 1px solid #99D9E8;
  border-bottom: 1px solid #99D9E8;
  font-size: .70em; 
}

.right {text-align: right;}


#menu_1 {
	z-index:999;
	float: left;
	position: absolute;
	background-color: #CCECF4;
	top:-16px;
	left:263px; _left:267px;
	display:none; padding:0px; margin:0px;

}
#menu_1 div { float:left; width:170px; clear:both; padding:0px; margin:0px; }
#menu_1 a { width: 155px; _width: 170px; display:block; color: #13648A; border:solid 0px white; padding:5px 5px 5px 10px; margin:0px;}
#menu_1 a:hover { color:white; background-color:#17799A; }

#menu_2 {
	z-index:999;
	float: left;
	position: absolute;
	background-color: #CCECF4;
	top:-15px;
	left:53px; _left:57px;
	display:none; padding:0px; margin:0px;

}
#menu_2 div { float:left; width:100px; clear:both; padding:0px; margin:0px; }
#menu_2 a { width: 85px; _width: 100px; display:block; color: #13648A; border:solid 0px white; padding:5px 5px 5px 10px; margin:0px;}
#menu_2 a:hover { color:white; background-color:#17799A; }

#footer { float:left; width:100%; }
#footer .copy { float:right; margin-right:45px; color: #E0F2A1; font-size: .8em; }
#footer a:hover { border-bottom: solid 1px #FFFFFF; padding-bottom: 1px; }