body { 
    margin:0; 
    padding:0;
    font-family: "Arial", "Arial CE", sans-serif;
    background:#bbdaf0 url(../images/bg.gif) repeat-x left top;
    font-size:75%;
    line-height:1.5;
}

a img {border:none;}
a {color:#0069b6; }
a:hover {text-decoration:none;}

.clear {clear:both;line-height:0;}
.hidden {display:none;}
.doprava { float:right; }
.vpravo { float:right; }

#head {
	position:relative;
	margin:auto;
	width:940px;
	height:300px;
	background-color:#9dcdef;
	color:#fff;
	text-align:right;
	z-index:10;
}
.content {
	position:relative;
	margin:auto;
	width:940px;
	background-color:#fff;
	z-index:3;
}

#box {
  color:#373737;
  background:url(../images/bg-main.gif) repeat-y;
}

#box-podmenu {
  background:url(../images/bg-menu.gif) no-repeat left top;
}

.box1 {
	float:left; 
	width:570px;
  padding:0 20px 20px 20px; 
}
.box2 {
	float:right; 
	width:305px; 
}



#eleft {
	position:absolute;
	left:-10px;
	top:53px;
	width:10px;
	height:440px;
	background:url(../images/extra-left.gif) no-repeat left top;
}
#eright {
	position:absolute;
	right:-10px;
	top:53px;
	width:10px;
	height:440px;
	background:url(../images/extra-right.gif) no-repeat left top;
}


/*logo*/
#logo {
    position:absolute;
    top:0;
    left:0;
    display:block;
    margin:0; 
    padding:0;
    width:612px; 
    height:300px;
    overflow:hidden;
    font-size:0.8em;
    z-index:8;
    color:#fff;
    text-align:center;
}
#logo a {color:#fff;}
#logo span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:612px; 
    height:300px;
    cursor:pointer;
    background:url("../images/top.jpg") no-repeat left top;
}


#topmenu {
  position:absolute;
	left:612px;
	top:0;
	margin:0;
	padding:0;
	width:328px;
	height:300px;
	list-style:none;
}

#topmenu ul {
  margin:0; padding:0; 
}
#topmenu li {
	display:block;
  
}

#topmenu li a {
	position:relative;
	display:block;
	float:left;
	text-decoration:none;
	color:#fff;
	text-align:center;
}

#topmenu li a span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}
#topmenu li a:hover span {
	background-position:right top;
}

#topmenu li.item1 a { width:328px; height:8px; }
#topmenu li.item1 a span {width:328px; height:8px; background-image:url(../images/hmenu1.gif); }

#topmenu li.item2 a {width:328px; height: 66px; }
#topmenu li.item2 a span {width:328px; height: 66px; background-image:url(../images/hmenu2.gif); }

#topmenu li.item3 a {width:328px; height: 68px; }
#topmenu li.item3 a span {width:328px; height: 68px;  background-image:url(../images/hmenu3.gif); }

#topmenu li.item4 a {width:328px; height: 68px; }
#topmenu li.item4 a span {width:328px; height: 68px;  background-image:url(../images/hmenu4.gif); }

#topmenu li.item5 a {width:328px; height: 68px; }
#topmenu li.item5 a span {width:328px; height: 68px;  background-image:url(../images/hmenu5.gif); }

#topmenu li.item6 a { width:328px; height:22px; }
#topmenu li.item6 a span {width:328px; height:22px; background-image:url(../images/hmenu6.gif); }



/*mainmenu*/
#mainmenu {
	left:0;
	top:0;
	margin:0;
	padding:0;
	width:940px;
	height:53px;
	list-style:none;
  background:#0086e9 url("../images/menu-bg.jpg") repeat-x left top;
}
#mainmenu li {
	display:inline;
}
#mainmenu li a {
	position:relative;
	display:block;
	float:left;
	height:53px;
	line-height:53px;
	color:#fff;
	text-decoration:none;
	text-align:center;

}
#mainmenu li a:hover {

}
#mainmenu li a span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:53px;
	background-position:left top;
	background-repeat:no-repeat;
	cursor:pointer;
}
#mainmenu li a.selected span,
#mainmenu li a:hover span {

	background-position:right top;
}
#mainmenu li.item1 a {width:125px; }
#mainmenu li.item1 a span {width:125px; background-image:url(../images/menu-item1.gif); }
#mainmenu li.item2 a {width:94px; }
#mainmenu li.item2 a span {width:94px;  background-image:url(../images/menu-item2.gif); }
#mainmenu li.item3 a {width:115px; }
#mainmenu li.item3 a span {width:115px; background-image:url(../images/menu-item3.gif); }
#mainmenu li.item4 a {width:104px; }
#mainmenu li.item4 a span {width:104px; background-image:url(../images/menu-item4.gif); }
#mainmenu li.item5 a {width:76px; }
#mainmenu li.item5 a span {width:76px;  background-image:url(../images/menu-item5.gif); }
#mainmenu li.item6 a {width:85px; }
#mainmenu li.item6 a span {width:85px;  background-image:url(../images/menu-item6.gif); }

/*box2*/



#box .box1 ul {
  list-style:none;
}

#box .box1 ul li {
  background:url(../images/arrow.gif) no-repeat left 4px;
  padding-left:20px;
  text-align:justify;
}

#box .box1 p {
	text-align:justify;
}

#box .box1 h2 {
  font-size:1.8em;
  font-weight:normal;
  background:url(../images/carka.gif) no-repeat left bottom;
}

#box .box1 h3 {
  font-size:1.2em;
  font-weight:bold;
}

#box .box1 table tr th {
  background-color:#0070c3;
  color:#fff;
  font-weight:bold;
  padding:3px;
  text-align:left;
  width:140px;
}

#box .box1 table tr td {
  background-color:#f6f6f6;
  
  padding:3px;
  text-align:right;
  width:120px;
}

#box .box1 table tr td.cena {
  background-color:#f6f6f6;
  font-weight:bold;
  padding:3px;
  text-align:right;
  width:120px;
}

#box .box2 h2 {
  font-size:1.8em;
  font-weight:normal;
  background:url(../images/carka.gif) no-repeat left bottom;
}

#box .box2 p {
  text-align:justify;
  margin-right:15px;
  margin-bottom:0;
}

#box .box2 p.right  {
  text-align:right;
  margin-top:0;
}
#box .box2 p.right a {
  background:url(../images/tecky.gif) no-repeat left 2px;
  padding-left:18px;
}

#box .box2 h3 {
  font-size:1.2em;
  font-weight:bold;
  margin-bottom:0; padding:0;
}



#footbox {
	background:#0069b6 url(../images/bg-foot.gif) repeat-x left top;
}



#footbox .content {
	width:940px;
	height:90px;
	background:#0069b6 url(../images/foot.gif) no-repeat left top;
}
#footbox .content p.left {
  padding-top:30px;
  padding-left:5px;
  margin:0;
	color:#fff;
	text-align:left;
	float:left;
	width:500px;
}

#footbox .content p.right {
  padding-top:30px;
  padding-right:5px;
  margin:0;
	color:#fff;
	text-align:right;
	float:right;
	width:200px;
}

#footbox .content p a {
  text-decoration:underline;
  color:#fff;
}
#footbox .content p a:hover {
  text-decoration:none;
  color:#dddddd;
}