body{
	background-color: #fff;
	font-family: "Arial CE",Arial,"Helvetica CE",Helvetica,sans-serif;
	font-size: 75%;
	margin: 0;
	padding: 0;
	text-align: center;
	background-image:url('../img/podklad.gif');
	background-repeat: repeat-y;
	background-position: top center;
}

p,ul,form,label{
	margin: 0;
	padding: 0;
}
img{
	border: none;
	vertical-align: top;
}
h2,h3,h4{
	margin: 0;
	padding: 0;
}
.hidden,hr{
	display: none !important;
}

.clear{
  clear: both;
}

p{padding: 0; margin: 0; border: 0; text-align: left; font-size: 11px;}
div{padding: 0; margin: 0; border: 0;}
span{padding: 0; margin: 0; border: 0;}
strong{font-weight: bold;}
img{padding: 0; margin: 0; border: 0; vertical-align: top;}
table{border: 0; text-align: center;}
form{margin: 0; padding: 0; border: 0;}


a{
	color: #3366ff;
	text-decoration: underline;
}
a:hover{
	color: #000000 !important;
}
.gray{
	color: #A6A6A6 !important;
}

.right  { text-align: right; }
.left   { text-align: left; }
.center { text-align: center; }

#page{
	color: #FFCC66;
	color: #384734;
	color: #667755;
	color: #ACBBA4;
	color: #666666;
  width:749px;
  text-align:center;
}

#page{
	margin: 0 auto 0.5em;
	padding: 0;
	iposition: relative;
	text-align: left;
	width: 749px;
	overflow: hidden;
}

div.topMenu{
	text-align: right;
}	 

div.topMenuBody{
  background-image: url('../topmenu.jpg');
	height: 42px;
	border-top : 3px solid white; 
	border-bottom : 5px solid white;
}

div.topMenuBody div.item{
  font-size: 16px;
  font-weight: bolder;
	width: 100px;
	padding: .7em;
	float: right;
}

div.hr{
  background-image: url('../hr2.jpg');
	background-repeat: no-repeat;
	height: 12px;
	overfloat: hidden;
}

#header{
  margin-top:5px;
  height: 106px;
  background-color: #3399CC;
	background-image:url('../img/header2.gif');
}

#left{
 display: block; 
 width: 160px;
 overflow: hidden;
 float: left;
 height:100%;
}

#main{
 display: block;
 width: 550px;
 float: right;
 margin-right:1.5em;
 padding-left:1.5em;
 iborder:1px solid red;
}

#main h3{
	color: #E8B920;
}

#main ul{
  list-style-color: red;
  margin-left:2em;
}

#main p{
 text-align: justify;
 margin-bottom: .5em;
} 

#main p b{
  color: black;
	color: #E8B920;
}
  
#main div.mainRight{
  float: right;
	width: 150px;
	padding: .5em;
}

#main div.mainRightBody{
	background-color: #f1f1f1;
	border:1px solid gray;
	padding: .5em;
	min-height: 150px;
	_height: 150px;
}

#footer{
  clear:both;
	margin-top: 3em;
	text-align: center;
}

#footerData{
  color: white;
	font-size: 15px;
	font-weight: bolder;
	padding:.8em;
  background-color: #3399CC;
}


/* LEFT UL */
#left ul.mainNavi{
  list-style-type: none;
	padding: 0;
	margin: 0;
	font-weight: bolder;
	font-size: 11px;
	background-color: #FDE244;
	overflow: hidden;
}

#left ul.mainNavi li a{
	background-repeat: no-repeat;
	width: 160px;
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #333333;
	border-bottom: 1px solid #cccccc;
}

#left ul.mainNavi li a:hover {
	background-color: #FEF5AF;
	color: black;
	text-decoration: none;
}

/* level 1 */
#left ul.mainNavi li.level1 a {
	background-image: url(../img/sipka2.gif);
	background-position: 5px 10px;
}
#left ul.mainNavi li.level1 div {
	margin-left: 15px;
}

/* level 2 */
#left ul.mainNavi li.level2 a {
	background-image: url(../img/sipka2.gif);
	background-position: 15px 7px;
}
#left ul.mainNavi li.level2 div {
	margin-left: 25px;
}

div.picture{
  float: left;
	width:150px;
	height:150px;
	margin:.5em;
	pagging:.5em;
	background-color: #B7E7FF;
	background-color: #ececec;
	border:1px solid #dddddd;
	text-align: center;
	vertical-align: middle;
}