@charset "utf-8";
/* CSS aktualni Document */


* {
	margin:0; padding:0;
	font-family: Arial, Helvetica, sans-serif;
	}

body {
	/*background-color: #f2d4b9;*/
	background: #f2d4b9 url(../img/bg-body.jpg) top repeat-x;
	}
	
#page, #copyright {
	margin: 0 auto;
	width:900px;
	position: relative;
}

#top {
	height: 206px;
	background: url(../img/bg-top.jpg) no-repeat;
	position: static;
}

#menu {
	height: 55px;
	background: url(../img/bg-menu.jpg) no-repeat; 
}

#middle {
	margin: 24px 0 0 0; 
	background: url(../img/bg-middle.gif) repeat-y;
	
}

#mid-top {
	background: url(../img/bg-mid-top.gif) top no-repeat;
	

}

#mid-mid {

}

#left-column {
	float:left; width: 227px;
	
}

#right-column {
	float:right; width: 663px;
}

#center-column {
	padding: 0 0 0 227px;
	text-align: center;
	
}

#mid-bottom {
	margin: 0 0 40px 0;
	height: 67px;
	background: url(../img/bg-mid-bottom.gif) no-repeat;
	
}

.cleaner {
			clear:both;
			font-size: 1px;
		}
.cleaner-right {
			clear: right;
			font-size: 1px;
		}
/* top menu */
ul.topmenu {
     list-style-type:none;
     text-align:left;
     }

ul.topmenu li {
	float: left;
	width: 118px; height: 55px;
	text-align: center;
	}

ul.topmenu li a {
	display: block; 
	height: 55px; 
	background: url(../img/bg-top-menu.jpg) center top no-repeat;
	text-decoration: none;   
	}
ul.topmenu li a:hover {
	background: url(../img/bg-top-menu-on.jpg) center top no-repeat; text-decoration: none; 
	}
	
ul.topmenu li a h4 {
	padding: 22px 0 0 0;
	font: normal 10px Verdana, sans-serif; 
}	
ul.topmenu li a:link h4 	{ color:#FFFFFF; }
ul.topmenu li a:visited h4 { color:#FFFFFF; }
ul.topmenu li a:hover h4 	{ color:#ffffff; }
ul.topmenu li a:active h4 	{ color:#FFFFFF; }	

	
/* definovani left */
ul.topmenu li.left {
	width: 107px; height: 55px;
	text-align: center;
	}
	
ul.topmenu li.left a {
	display: block;
	height: 55px; 
	width: 107px;
	background: url(../img/bg-top-menu-left.jpg) center top no-repeat;
	text-decoration: none;
}
ul.topmenu li.left a:hover {
	background: url(../img/bg-top-menu-left-on.jpg) center top no-repeat; text-decoration: none; 
	}
	
ul.topmenu li.left a h4 {
	padding: 22px 0 0 0;
	font: normal 10px Verdana, sans-serif;
}
ul.topmenu li.left a:link h4 	{ color:#FFFFFF; }
ul.topmenu li.left a:visited h4 { color:#FFFFFF; }
ul.topmenu li.left a:hover h4 	{ color:#ffffff; }
ul.topmenu li.left a:active h4 	{ color:#FFFFFF; }
	
/*definovani active */
ul.topmenu li.active {
	background: url(../img/bg-top-menu-on.jpg) center top no-repeat;
}
ul.topmenu li.active h4, ul.topmenu li.left-active h4 {
	padding: 22px 0 0 0;
	font: normal 10px Verdana, sans-serif;
	color: #ffffff;
}

ul.topmenu li.left-active {
	width: 107px; height: 55px;
	text-align: center;
	background: url(../img/bg-top-menu-left-on.jpg) center top no-repeat;
}
	
	

/* left menu */

ul.leftmenu {
     list-style-type:none;
     text-align:left;
	 height: 359px;
     }

ul.leftmenu li {
	 width: 227px; height: 36px;
	 text-align: left;
	}
	
ul.leftmenu li a, ul.leftmenu li.active {
	display: block;
	height: 36px; 
	background: url(../img/bg-menu.gif) right top no-repeat;
	text-decoration: none;   
	}
	
ul.leftmenu li a h4, ul.leftmenu li a:hover h4, ul.leftmenu li.active h4 {
	padding: 12px 0 0 26px;
	font: normal 12px Helvetica, sans-serif; 
}
ul.leftmenu li a:link h4 { color:#FFFFFF; }
ul.leftmenu li a:visited h4 { color:#FFFFFF; }
ul.leftmenu li a:hover h4 { color:#350101; }
ul.leftmenu li a:active h4 { color:#FFFFFF; }

ul.leftmenu li a:hover, ul.leftmenu li.active {
	background: url(../img/bg-menu-on.gif) right top no-repeat; text-decoration: none; 
	}

ul.leftmenu li.active a:link h4 { color:#FFFFFF; }
ul.leftmenu li.active a:visited h4 { color:#FFFFFF; }
ul.leftmenu li.active a:hover h4 { color:#350101; }
ul.leftmenu li.active a:active h4 { color:#FFFFFF; }
	

ul.leftmenu li.active h4{
	color: #350101;
	}

#dotaz {
	height: 319px;
	background: transparent url(../img/bg-dotaz.jpg) top no-repeat;
}
#dotaz h3 {
	padding: 16px 0 0 27px;
	font: normal 11px Helvetica, sans-serif; color: #FFFFFF;
	font-weight: bold;
}
#dotaz p {
	padding: 5px 0 0 20px; width: 200px;
	font: normal 11px Helvetica, sans-serif; color: #FFFFFF;
}
#okno {
	padding: 11px 0 0 24px;
	font: normal 11px Helvetica, sans-serif; color: #FFFFFF;
}
#okno2 {
	padding: 11px 0 0 24px;
	font: normal 11px Helvetica, sans-serif; color: #FFFFFF;
	text-align: right; width: 178px;
}
.okno {
	font: normal 11px Helvetica, sans-serif; color: #000;
}

#adresa {
	
	background: transparent url(../img/bg-adresa.jpg) top no-repeat;
}

#adresa h3 {
	padding: 11px 0 0 22px;
	font: normal 11px Helvetica, sans-serif; color: #FFFFFF;
	font-weight: bold;
}
#adresa p{
	padding: 11px 0 0 22px;
	font: normal 11px Helvetica, sans-serif; color: #FFFFFF;
}
#adresa a, #adresa a:active, #adresa a:visited {
	font: normal 11px Helvetica, sans-serif; color: #FFFFFF;
	}
#adresa a:hover {
	font: normal 11px Helvetica, sans-serif; color: #FF0000;
	}	
.strong {
	font-weight: bold;
}




/* right */
#right-content {
	padding:  36px 0 24px 18px;
	width: 625px;
}

h1 {
	padding: 0 0 5px 0;
	font: bold 14px Helvetica, sans-serif; color: #9c0202;	
}

#right-content p {
	padding: 11px 0 0 0;
	font: normal 11px Helvetica, sans-serif; color: #5e5e5e;
	font-weight: normal;
	line-height: 17px;
	text-align: justify;
}

#right-content a { font: normal 11px Helvetica, sans-serif; color: #5e5e5e; }
#right-content a:hover { color: #ff0000	; }
#right-content a:active { color: #5e5e5e; }
#right-content a:visited { color: #5e5e5e; }

.red {
	color: #8e1312;
}

#divider {
	background: url(../img/bg-divider.jpg) repeat-x;
	font-size: 3px;
}

ul.seznam {
	padding: 5px 0 0 0 ;
	list-style-type: none; 
	text-align:left;
}

ul.seznam2 {
	padding: 0 0 0 24px ;
	list-style-type: none; 
	text-align:left;
}

ul.seznam li {
	margin: 5px 0 0 0;
	width: 600px; vertical-align:top;
	font: normal 11px Helvetica, sans-serif; color: #9c0202;

}

ul.seznam li a:link { color: #9c0202; text-decoration: underline; }
ul.seznam li a:visited { color: #9c0202; text-decoration: underline; }
ul.seznam li a:hover { color: #9c0202; text-decoration: none; }
ul.seznam li a:active { color: #9c0202; text-decoration: underline; }

ul.seznam2 {
	padding: 20px 0 0 24px ;
	}
ul.seznam2 li {
	margin: 0 0 5px 0;
	width: 600px; vertical-align:top;
	font: normal 11px Helvetica, sans-serif; color: #5e5e5e;
}

ul.seznam3 {
	padding: 5px 0 0 24px ;
	list-style-type: none;
	}
ul.seznam3 li {
	margin: 0 0 5px 0;
	width: 500px; vertical-align:top;
	font: normal 11px Helvetica, sans-serif; color: #9c0202;
}

/* bottom */

#bottom-right {
	float: right; width:300px;
	padding: 40px 15px 0 0;
	text-align: right;
	font: normal 11px Arial, Helvetica, sans-serif; color: #350101; text-decoration: none;
}
#bottom-right a {
	font: normal 11px Arial, Helvetica, sans-serif; color: #350101; text-decoration: none;
}
	
#bottom-left {
	padding: 40px 0 0 15px;
	text-align: left;
	font: normal 11px Arial, Helvetica, sans-serif; color: #350101;
}
#bottom-left a {
	font: normal 11px Arial, Helvetica, sans-serif; color: #350101;
}

/* odkaz na index */
#index {
	position: absolute; top: 68px; left: 276px;
	width: 277px; height: 90px;
	}
	
	
#content-left {
	float: left; padding: 30px 0 0 0;
	width: 302px; vertical-align: top;
}	
	
#content-right {
	float: right; padding: 30px 0 0 0;
	width: 302px;
}	
	
#content-left p, #content-right p {
	float: right; padding: 0;
	width: 195px;
	font: normal 11px Arial, Helvetica, sans-serif; font-style:italic; color: #737271;
}	

#content-left a, #content-left a:visited, #content-left a:active, #content-right a, content-right a:visited, content-right a:active {
	text-decoration:none; color: #737271;
	}
	
#content-left a:hover, #content-right a:hover {
	text-decoration: underline;
	}	
	
.divider2 {
	height: 14px;
	background: url(../img/bg-divider.jpg) top repeat-x;
	font-size: 3px;
}

.mapa {float: right; margin: 36px 120px 0 0; border-color: #350101; vertical-align: top;
font: normal 11px Helvetica, sans-serif; color: #5e5e5e; width: 180px; text-align: center; font: normal 10px Arial, Helvetica, sans-serif; font-style:italic; color: #737271;  }
	
.mapa a img, .mapa a:visited img  .mapa a:active img {  border-color: #350101; }
.mapa a:hover img{ border-color: #ff0000;	}

#partneri {
	margin: 30px 0 0 0;
	font: normal 11px Helvetica, sans-serif;
	color: #c39065;
}

#partneri a:link { font: normal 11px Helvetica, sans-serif; text-decoration: none; color: #c39065; }
#partneri a:hover { font: normal 11px Helvetica, sans-serif; text-decoration: underline; color: #c39065; }
#partneri a:active { font: normal 11px Helvetica, sans-serif; text-decoration: none; color: #c39065; }
#partneri a:visited { font: normal 11px Helvetica, sans-serif; text-decoration: none; color: #c39065; }