body {
	margin:0; padding:0;
	background: #3c96d9 url(img/background1.jpg) repeat-y top;
	text-align:center;
	font-family: "Segoe UI", "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	font-size: 13px;
	color: #111111;	
	}
#page {
	width: 875px;
	margin: 0 auto;
	padding: 0;
	}	
#top1 {
	width: 100%;
	height: 308px;
	background: url(img/top.jpg) no-repeat top;
	text-align: left;
	}
#top1 h1 {
	width: 198px;
	height: 260px;
	margin-left: 38px;
	margin-top: 0;
	text-align: left;
	}		
#top1 h1 a {
	text-align: left;
	display: block;
	width: 100%;
	height: 260px;
	border: 0;
	text-decoration: none;
	}
#top1 h1 a span {
	display: none;
	}
#left {
	float: left;
	width: 200px;
	height: 260px;
	margin-left: 24px;
	_margin-left: 10px;
	margin-top: 0px;
	}
	
#right {
	float: right;
	margin-right: 15px;
	_margin-right: 7px;
	margin-top: -40px;
	padding: 0;
	width: 636px;
	text-align: left;
	background: url(img/text.jpg) repeat-y top ;
	}
#right #top {
	background: url(img/text_top.jpg) no-repeat;
	width: 100%;
	height: 18px;
/*	margin-left: -0.5px;	*/
}	
#right #bottom {
	background: url(img/text_bottom.jpg) no-repeat;
	width: 100%;
	height: 21px;
	}
#right #text {
	margin-left: 15px;
	margin-right: 15px;
	}
#right #text .operace {
	text-align: right;
	font-size: 90%;
	}
#right #text .operace a {
	color: #064777;
	text-decoration: underline;
	}
#right #text .operace a:hover {
	color: #3c96d9;
	text-decoration: none;
	}
#right #text h2 {
	color: #1e5b89;
	border-bottom: 3px double #bababa;
	}	
#paticka {
	font-size: 85%;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 25px;
	text-align: right;
	color: white;
	}
#paticka a {
	color: white;
	text-decoration: none;
	}	
#paticka a:hover {
	color: white;
	text-decoration: underline;
	}
hr.cistic {
   clear: both;
   height: 1px;
   border: none;
   margin: -1em 0 0 0;
   visibility: hidden;
   }
					
/* MENU 
#left ul#hlavniMenu {
	margin: 0 auto;
	width:192px;
	background-color:#216fa8;
	}
	
#left ul#hlavniMenu, ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
#left ul#hlavniMenu ul {
	position:absolute;
	top:0;
	left:192px;
	visibility:hidden;
	background-color:white;
	}
	
#left ul#hlavniMenu li {
	position:relative;
	width:192px;
	}
	
#left ul#hlavniMenu a {
	color:white;
	display:block;
	text-decoration:none;
	display:block;
	width:184px;
	border-left: 8px solid #1e5b89;
	border-right: 8px solid #1e5b89;
	padding: 8px 0;
	}
	
#left ul#hlavniMenu a:hover, #left ul#hlavniMenu li:hover a, #left ul#hlavniMenu li.hover a {
	background-color:#3c96d9;
	border-left: 8px solid #3c96d9;
	border-right: 8px solid #3c96d9;	
	color:white;
	}
	
#left ul#hlavniMenu li:hover ul a, #left ul#hlavniMenu li.hover ul a {
	background-color:white;
	color:black;
	}
	
#left ul#hlavniMenu li:hover ul a:hover, #left ul#hlavniMenu li.hover ul a:hover {
	background-color:black;
	color:white;
	}
	
#left ul#hlavniMenu li:hover ul, #left ul#hlavniMenu li.hover ul {
	visibility:visible;
	}
	
#left ul#hlavniMenu li li {
	border:none;
	padding:0;
	background-color:white;
	}
	
#left ul#hlavniMenu li {
	behavior: url(hover.htc); 
	} 
*/
#left #kontakt {
	width: 195px;
	height: 240px;
	background: url(img/kontakt.jpg) no-repeat center top;
	margin-top: 28px;
	_margin-left: 5px;
	}
#left #kontakt p {
	color: white;
	font-size: 90%;
	font-weight: bold;
	}
#left #kontakt p.odsazeni {
	padding-top: 25px;
	}
#left #kontakt p a {
	color: white;
	text-decoration: none;
	}		
#left #kontakt p a:hover {
	color: white;
	text-decoration: underline;
	}
#left #kontakt p.big {
	font-size: 135%;
	font-weight: normal;
	}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckerdiv {
	_margin-left: 3px;
}


.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 199px; /* Width of Menu Items */
 background: repeat;
}
.suckerdiv ul li{
position: relative;
}
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 205px; /*sub menu width*/
top: 0;
visibility: hidden;
background: white;
color: #111111;
border: 1px solid #064777;
border-bottom: none;
}
.suckerdiv ul li ul li a {
	background: none;
	background-color: white;
	color: black;	
	}
.suckerdiv ul li ul li a:hover {
	background-color: #68aee2;
	color: #064777;	
	}
/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #fff;
text-decoration: none;
background: #226ea8 url(img/kapka.jpg) no-repeat center left;
padding: 9px 5px;
border: none;
border-bottom: 1px solid #064777;
}
.suckerdiv ul li a#stejne{
color: #fff;
background: #226ea8 url(img/kapka.jpg) no-repeat center left;
/* border: 1px solid #ccc; */
}
/*
.suckerdiv ul li a:visited{
color: white;
}
*/
.suckerdiv ul li a:hover{
background: #68aee2 url(img/kapka_hover.jpg) no-repeat center left;
color: #064777;
}
.suckerdiv ul li a#stejne:hover{
background: #68aee2 url(img/kapka_hover.jpg) no-repeat center left;
color: #064777;
}
.suckerdiv .subfolderstyle{
background: url(5-2.img/arrow-list.gif) no-repeat center right;
}
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

#text h3 {
	color: #1e5b89;
	margin-top: 25px;
	margin-bottom: 5px;
	font-size: 110%;
	}
#text ul {
	margin: 0 20px 20px 20px;	
	}	
#text ul li {
	list-style: square;
	}
#text a {
	color: #1E5B89;
	}
#text a:hover {
	color: #111;
	text-decoration: none;
	}	
#text p.center {
	text-align: center;
	}
#text .bold {
	font-weight: bold;
	}
h4 {
	margin: 15px 0 0 0;
	}	
h4>ul {
	margin-top: 0;
	}
.leva {
	float: left;
	margin: 10px 30px 10px 0px;
	display: block;
	border: 0;
	text-decoration: none;
	}
.leva img {
	text-decoration: none;
	border: 0;
	}
#text table {
	text-align: center;
	margin: 10px auto;
	border: 1px solid #064777;
	border-collapse: collapse;
	width: 70%;
	}
#text table th {
	font-size: 85%;
	}	
#text table td {
	border: 1px solid #064777;
	}
#text table th.vrch {
	background-color: #226ea8;
	color: #fff; 
	}	
#text .small {
	font-size: 85%;
	}				
#text .centrovani {
	width: 76%;
	margin: 20px auto;
	text-align: center;
	}
#text .centrovani2 {
	width: 76%;
	margin: 20px auto;
	text-align: left;
	}
#text ul ul {
	margin: 0 10px 0px 0px;
	}
#text h4 span {
	font-weight: normal;
	font-style: italic;
	}
#text p.kontakt {
	margin: 0 10px 0px 30px;
	}
h3#kontakt {
	font-size: 130%;
	}
a.fav,a.print {
	padding-left:20px;
	background: url("./img/print.gif") no-repeat left center;	
	}
a.print{
	background:url("./img/print.gif") no-repeat left center;
	}