/* CSS Document */
* {
	font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif;
	font-size: small;
	color: black;
	}
a, p, cite, strong, em, form, label, input, table, td, tr {
	font-size: 95%;
	}
body, html {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #f8fde7;
	}
p {
	margin: 8px 0px;
	}
.end {
	clear: both;
	}
img {
	border: none;
	}
a {
	text-decoration: none;
	color: black;
	font-size: 95%;
	}
h1 {
	margin: 0px;
	padding: 0px;
}
	div#top h1 a {
		height: 138px;
		margin: 0px;
		padding: 0px;
		width: 980px;
		display: block;
		}
		div#top h1 a:hover {
			text-decoration: none;
		}
h2 {
	width: auto;
	display: block;
	margin: 5px 0px 2px 0px;
	padding-left: 10px;
	line-height: 20px;
	font-weight: bold;
	color: #e15306;
	text-align: right;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;	
	}
	h2.nadpis {
		margin: 3px 0px 0px 30px;
		}
h3 {
	width: auto;
	display: block;
	margin: 5px 0px 2px 0px;
	padding-left: 10px;
	line-height: 20px;
	font-weight: bold;
	color: #e15306;
	text-align: left;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;		
	}
	h3 a {
		color: #e15306;
		font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;				
		}
h4 {
	font-size: 110%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	width: auto;
	display: block;
	text-align: right;
	}	
h5 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 96%;
	margin: 10px 0px 10px 1px;
	padding: 5px 10px 5px 10px;
	}
	h5.dotazy_new {
		background: #14896a;
		color: white;
		border-bottom: 2px solid #045ba9;
		}
	h5.dotazy_odpoved {
		background: #ffcf00;
		color: black;
		border-bottom: 2px solid #045ba9;
		}		
					
span.u {
	text-decoration: underline;
	}
span.hneda {
	color: #e15306;
	font-size: 10px;
	font-weight: bold;
	}
span.black {
	font-weight: bold;
	font-size: 10px;
	color: black;
	}
a.hneda {
	color: #a43434;
	font-weight: bold;
	}
	a:hover {
		text-decoration: underline;
		}
.warning {
	color: #CC0000;
	font-weight: bold;
	}
.none {
	visibility: hidden;		
	}

/* definice vrchni casti webu */	
#main {
	margin: 0px auto 0px auto;
	width: 980px;
	display: block;
	}		
	#top {
		width: 980px;
		height: 138px;
		background: url('../_images/_design/des_topin_back.gif') top left no-repeat;
		margin: 0px;
	}
	#top a {
		width: 100%;
		height: 138px;
		margin: 0px;
		padding: 0px;
		}
	#main-banner {
		margin: 5px auto;
		width: 100%;
		height: 280px;
		display: block;		
		background: url('../_images/_design/des_mainbanner.jpg') top left no-repeat;
	}

/* konec definice vrchni casti webu */

/* definice hlavniho menu aplikace */
#main-menu {
	margin: 0px auto 0px auto;
	width: 980px;
	height: 43px;
	display: block;
	background: url('../_images/_design/des_mainmenu_back.gif') top left no-repeat;
	color: white;
	}
	#main-menu a:hover {
		text-decoration: underline;
		}
	ul#menu { 						
		margin: 0px auto; 
		padding: 0px; 
		display: block; 
		z-index: 99; 
		position: relative; 
		width: auto;
		height: 43px;
		}
		ul#menu li { 					
			margin: 10px 5px 0px 5px; 
			font: Verdana, Geneva, sans-serif;
			padding: 0px; 
			float: left;	
			text-align: center; 
			list-style: none;
			border-right: 1px solid black;
			}
			ul#menu li.first { 				
				margin-left: 40px;
				}
			ul#menu li.last { 				
				border-right: none;
				}				
			ul#menu li.active a:link, ul#menu li.active a:visited { 	
				color: #FEFF15; 
				text-decoration: underline;
				}
			ul#menu li.active dd a:link, ul#menu li.active dd a:visited { 				
				text-decoration: none;
				}
			ul#menu dl {					
				border-top: 2px solid #8cc63f;
				}
			ul#menu a { 					
				display: block;
				}
				ul#menu a:link, ul#menu a:visited {						
					line-height: 20px; 
					padding: 0px 30px;
					font-size: 12px; 
					font-weight: bold; 
					color: white;
					}
					ul#menu li.active a:hover { 	
						text-decoration: none;
						}
		ul#menu dl { 					
			background: #e6750f; 
			margin: 2px 0px 0px 0px; 
			padding: 0px; 
			position: absolute; 
			z-index: 100; 
			display: none;
			width: 170px;
			}
		* html ul#menu dl { 			
			margin-left: -10px;
			}
			ul#menu dt {
				background: #8cc63f;
				}
				ul#menu dd { 			
					margin: 0px; 
					padding: 2px 2px 2px 5px; 
					text-align: left; 
					border-bottom: 1px solid #8cc63f;
					}
					ul#menu dd a:link, ul#menu dd a:visited { 	
						margin: 0px; 
						padding: 0px; 
						font-size: 80%; 
						line-height: 16px; 
						padding: 0px 2px 0px 2px; 
						display: block;
						}
						ul#menu li.active dd a:hover { 
							text-decoration: underline; 
							}
							
/* -- definice kalendare akci -- */
	#kalendar {
		margin: 0px auto 0px auto;
		width: 350px;
		height: 139px;
		display: block;
		color: black;
		}
		h2.cal {
			text-align: right;
			display: block;
			}
		#kalendar a:hover {
			text-decoration: underline;
			}
		.kalendar-two {
			width: auto;
			height: 74px;
			display: block;
			overflow: hidden;
			}
				
		.kalendar-zaznam {
			margin: 5px 15px 5px 65px;
			font-weight: bold;
			line-height: 15px;
			width: auto;
			height: 30px;
			display: block;
			overflow: hidden;
			}
			.kalendar-zaznam a {
				display: block;
				font-family: Arial, Helvetica, sans-serif;
				margin: 0px 0px 0px 20px;
				}			
		#kalendar a.akce-all {
			font-weight: bold;
			font-size: 80%;
			color: #a43434;
			margin: 0px;
			width: auto;
			display: block;
			text-align: right;
			}
/* -- konec definice kalendare akci -- */

/* -- hlavni cast stranek -- */
#main-body {
	background: url('../_images/_design/des_main_back.gif') top left repeat-y;	
	width: auto;
	display: block;
	}
	#left {
		width: 222px;
		float: left;
		display: inline;
		margin: 0px 0px 0px 6px;
		}
		.left-menu {
			margin: 0px 0px 20px 0px;
			padding: 0px;
			width: auto;
			}
			.nadpisek_info, .nadpisek_obec, .nadpisek_foto, .nadpisek_volnycas, .nadpisek_sluzby {
				width: auto;
				font-size: 14px;
				height: 43px;
				margin: 0px 0px 5px 0px;
				color: white;
				font-weight: bold;
				line-height: 43px;
				text-align: center;
				}
				.nadpisek_info {
					background: url('../_images/_design/des_leftmenu_informaceoobci.gif') no-repeat;
					}
				.nadpisek_obec {
					background: url('../_images/_design/des_leftmenu_obecniurad.gif') no-repeat;
					}	
				.nadpisek_foto {
					background: url('../_images/_design/des_rightmenu_fotogalerie.gif') no-repeat;
					}	
				.nadpisek_volnycas {
					background: url('../_images/_design/des_leftmenu_volnycas.gif') no-repeat;
					}														
				.nadpisek_sluzby {
					background: url('../_images/_design/des_leftmenu_sluzby.gif') no-repeat;
					}							
				.left-menu dl {
					margin: 10px 0px 10px 0px;
					padding: 0px;
					width: auto;
					height: auto;
					}
					.left-menu dt {
						}
						.left-menu dd {
							background: url('../_images/_design/des_leftmenu_pretext.gif') top left no-repeat;
							text-align: left;
							width: auto;
							height: auto;
							padding-left: 25px;
							line-height: 20px;
							margin: 0px;
							font-size: 13px;
							} 
							.left-menu dd a {
								color: #545151;
								}
								.left-menu dd a:hover {
									text-decoration: underline;
									color: black;
									}
						span.left-menu-podmenu a {
							text-align: left;
							display: block;
							margin: 0px 0px 0px 15px;
							font-size: 90%;
							}
						dd a.active {
							color: #d23905;
							font-weight: bold;
							}							
			.left_zaznam_date {
				width: auto;
				margin: 5px 2px 3px 2px;
				color: black;
				display: block;
				font-weight: bold;
				}
				.left_zaznam_date a {
					font-size: 90%;
					}
				.foto_main {
					text-decoration: none;
					border: none;
					}
				
	#body {
		width: 514px;
		float: left;
		margin: 0px 5px 0px 5px;
		}
		#body a {
			color: #e15306;
			font-weight: bold;
			}		
		.strankovani {
			display: block;
			width: 506px;
			margin: 20px auto;
			border-top: 1px solid black;
			}
		.body_nadpis_main {
			background: url('../_images/_design/des_bodynadpis_back.gif') top left no-repeat;
			width: auto;
			height: 43px;
			display: block;
			margin: 0px 0px 5px 0px;
			padding-left: 40px;
			color: white;
			font-size: 14px;
			font-weight: bold;
			line-height: 43px;
			text-align: left;
			}
		.body_date {
			width: auto;
			height: 20px;
			margin: 0px 10px 0px 0px;
			display: block;
			font-size: 11px;
			color: #e15306;
			text-align: right;
			}
			.body_date a {
				font-size: 100%;
				font-weight: bold;
				}
				.body_date span {
					font-size: 11px;
					font-weight: bold;
					}
		.body_perex, .body_text {
			width: auto;
			margin: 0px 10px 10px 10px;
			display: block;
			text-align: justify;
			font-size: 100%;
			font-weight: normal;
			font-family: Arial, Helvetica, sans-serif;			
			}
		.body_text {
			width: auto;
			min-height: 150px; _height: 150px;
			}
		.body_text_eu {
			background: url('../_images/_design/des_body-back-eu-small.gif') right top no-repeat ;
			width: auto;
			min-height: 150px; _height: 150px;	
			}
		.body_eu {
			background: url('../_images/_design/des_body-back-eu.gif') right top no-repeat ;
			width: 500px;
			padding-top: 90px;
			min-height: 150px; _height: 150px;			
			}
			#body .body_text h1 {
				color: black;
				font-size: 110%;
				font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
				margin: 0px 0px 10px 15px; 
				float: none;
				display: block;
				}	
			cite {
				color: #3300CC;
				font-weight: bold;
				}
		form {
			margin: 0px 0px 0px 0px;
			padding: 0px;
			}				
		form fieldset {
			padding: 30px;
			border: 1px solid #e15306;
			}
		form legend {
			font-weight: bold;
			color: black;
			}
		form label {
			font-weight: bold;
			width: 100%;
			font-size: 11px;
			}
		form input, select {
			display: block;
			width: 100%;
			padding-left: 3px;
			border: 3px solid #e15306;
			font-size: 11px;
			}
			form input.odeslat {
				margin: 10px 0px 10px 0px;
				font-weight: bold;
				display: block;
				border: 3px solid #e15306;
				}
		form textarea {
			width: 100%;
			height: 100px;
			display: block;
			padding: 3px;
			border: 3px solid #e15306;
			font-size: 11px;
			}
		.fotogalerie_main {
			width: 100%;
			text-align: left;
			margin: 20px auto 20px auto;
			display: block;
			font-size: 90%;
			}
			.fotogalerie_main_h {
				display: block;
				width: 150px;
				text-align: center;
				margin: 0px 0px 5px 0px;
				font-size: 12px;
				}
				#body .fotogalerie_main_h a {
					color: black;
					font-size: 85%;
					}
		.fotogalerie_img {
			float: left;
			display: block;
			width: 170px;
			height: auto;
			}
			.fotogalerie_img img {
				margin: 0px auto 10px auto;
				padding: 0px;
				display: block;
				}
		table, table.zasedani {
			width: 500px;
			margin: 20px 0px;
			padding: 0px;
			border-collapse: collapse;
			}
			table tr, table.zasedani tr {
				height: 20px;
				}
			caption {
				font-weight: bold;
				}
			table th, table td {
				height: 15px;
				border: 1px solid black;
				padding: 5px;
				text-align: center;
				}
			table.zasedani td {
				height: 15px;
				border: 1px solid black;
				padding-left: 5px;
				}
				table.zasedani td.z_01, table.zasedani td.z_02, table.zasedani td.z_03 {
					border: none;
					font-weight: bold;
					text-align: center;
					}
				table.zasedani td.z_01 {
					width: 50%;
					}
				table.zasedani td.z_02 {
					width: 20%;
					}
				table.zasedani td.z_03 {
					width: 20%;
					}
			
	#right {
		width: 222px;
		float: left;
		display: inline;
		margin: 0px 6px 0px 0px;		
		}
		.right-menu {
			margin: 0px 0px 20px 0px;
			padding: 0px;
			width: auto;
			font-size: 10px;
			}
			.nadpisek_right_foto, .nadpisek_right_kalendar {
				width: auto;
				font-size: 14px;
				height: 43px;
				margin: 0px 0px 5px 0px;
				color: white;
				font-weight: bold;
				line-height: 43px;
				text-align: center;
				}
				.nadpisek_right_foto {
					background: url('../_images/_design/des_rightmenu_fotogalerie.gif') no-repeat;	
					}
				.nadpisek_right_kalendar {
					background: url('../_images/_design/des_rightmenu_kalendar.gif') no-repeat;	
					}
				.right_odkaz {
					text-align: right;
					padding-right: 10px;
					font-size: 11px;
					font-weight: bold;
					}
					.right_odkaz a {
						color: #e15306;
						}
		.right_galerie_main {
			width: 162px;
			margin: 10px auto;
			background-color: #e6dfbe;
			color: white;
			}
			.right_galerie_main_top {
				background: url('../_images/_design/des_galeriemain_top.gif') top no-repeat;	
				width: 162px;
				height: 10px;
				display: block;
				}
			.right_galerie_main_bottom {
				background: url('../_images/_design/des_galeriemain_bottom.gif') bottom no-repeat;	
				width: 162px;
				height: 14px;
				display: block;
				}				
			.right_galerie_main a {
				font-size: 10px;
				font-weight: bold;
				}
			.right_galerie_main img {				
				border: 3px solid white;
				}
/* -- prihlasovaci dialog -- */
#administrace {
	width: 300px;
	height: 200px;
	margin: 20px auto;
	border: 1px solid black;
	}
	.login_nadpis {
		color: #FFFFFF;
		height: 20px;
		font-weight: bold;
		text-align: center;
		background-color: black;
		font-size: 11px;
		line-height: 15px;
		}
	.login_form {
		margin: 20px auto;
		text-align: center;
		}		
	#administrace label, input {
		display: block;
		width: 250px;
		margin: 4px 5px 4px 5px;
		}
	#administrace input {
		border: 1px solid black;
		width: 275px;
		}		
/* -- konec -- prihlasovaci dialog -- */		

/* -- otázky pro starostu obce -- */
#otazky {
	}
	#otazky table {
		width: 100%;
		}
	#otazky table th {
		border: none;
		font-size: 12px;
		}
	#otazky table th.th_1 {
		background: #79a51c;
		width: 25%;
		}
		#otazky table th.th_1 a {
			color: white;
			}
		#otazky table th.th_1 a:hover {
			color: black;
			text-decoration: underline;
			}
	#otazky table th.th_2 {
		background: #ffcf00;
		}
		#otazky table th.th_2 a {
			color: black;
			}
		#otazky table th.th_2 a:hover {
			color: white;
			text-decoration: underline;
			}
	#otazky table th.th_3 {
		background: #e15306;
		width: 25%;
		}
		#otazky table th.th_3 a {
			color: white;
			}
		#otazky table th.th_3 a:hover {
			color: black;
			text-decoration: underline;
			}
p.comments_main {
	width: 100%;
	height: 20px;
	line-height: 20px;
	margin: 10px 0px 0px 0px;
	background: #79a51c;
	border-bottom: 1px solid black;	
	}
	.cmn_poc, .cmn_name, .cmn_date, p.comments_body, .comments_odpoved, p.comments_odpovedel {
		font-size: 11px;
		padding-left: 5px;
		color: black;
		font-weight: bold;
		}
	.cmn_poc {
		float: left;
		display: inline;
		margin-right: 10px; 
			}
	.cmn_name {
		float: left;
		display: inline;
		margin-left: 10px; 
			}	
	.cmn_email {
		font-size: 10px;
		font-weight: bold;
		color: white;
		float: left;
		display: inline;
		margin-left: 10px; 
			}				
	.cmn_date {
		float: right;
		display: inline;
		margin-right: 10px; 
			}	
p.comments_body {
	width: 96%;
	font-weight: normal;
	margin: 0px 0px 5px 1px;
	padding: 5px 10px 5px 10px;
	background: #d3f2ea;
	border-bottom: 1px solid black;	
	font-size: 11px;				
	}	
.comments_odpoved {
	width: 96%;
	font-weight: normal;
	margin: 0px 0px 2px 1px;
	padding: 5px 10px 5px 10px;
	background: #fbe276;
	border-bottom: 1px solid black;	
	font-size: 90%;				
	}	
p.comments_odpovedel {
	width: 96%;
	color: white;
	margin: 0px 0px 10px 1px;
	padding: 5px 10px 5px 10px;
	background: #045ba9;
	border-bottom: 1px solid black;					
	}			
/* -- konec -- otázky pro starostu obce -- */			

/* -- definice pro paticku -- */
#footer {
	width: 980px;
	height: 50px;
	margin: 0px;
	background: url('../_images/_design/des_footer_back.gif') top right no-repeat;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;	
	text-align: left;
	}
	.footer_left {
		width: 222px;
		padding: 28px 0px 0px 8px;
		float: left;
		font-size: 11px;
		text-align: center;
		}
	.footer_visual {
		width: auto;
		padding: 28px 8px 0px 0px;
		float: right;
		font-size: 11px;
		text-align: left;
		}
		.footer_visual a {
			display: block;
			width: 185px;
			}
			.footer_visual a:hover {
				text-decoration: none;
				}			

/* -- konec definice pro paticku -- */
