/*
***** Revitacz *****************************************************************
				styles.css

				Soubor obsahující CSS stylování stránek

--------------------------------------------------------------------------------
*/

html {
	padding: 0;
	font-family: Arial;
	background: #9eff60;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url('../img/page_bg.jpg') repeat-x;
}

#page {
	width: 700px;
	margin: 0 auto;
	padding: 0 50px;
	background: #fff;
}

#userpanel {
	padding: 3px;
	margin: 0 0 12px;
	text-align: right;
	font-size: 13px;
	border-bottom: 1px solid #000;
}

	#userpanel a {
		text-decoration: none;
		color: #000;
		font-weight: bold;
	}

	#userpanel a:hover {
		text-decoration: underline;
		color: #000;
		font-weight: bold;
	}

#logo {
	width: 700px;
	height: 119px;
	background: url('../img/logo.jpg') no-repeat;
}

#horizontal-menu-box {
	width: 700px;
	height: 30px;
	padding: 1px 0 0 25px;
	text-align: left;
	background: url('../img/hmenu.jpg') no-repeat;
}

#horizontal-menu {
	width: 400px;
	height: 30px;
	margin: 0;
}

	#horizontal-menu ul, li {
	  float: left;
	  margin: 0;
		padding: 0;
		list-style: none;
	}

	#horizontal-menu ul li a {
	  float: left;
		width: 99px;
		height: 25px;
		padding: 5px 0 0 0;
		display: block;
		font-size: 15px;
		text-align: center;
		text-decoration: none;
		color: #000;
		border-left: 1px solid #3e6e3e;
	}
	
	#horizontal-menu ul li a:hover {
	  float: left;
		width: 99px;
		height: 25px;
		padding: 5px 0 0 0;
		display: block;
		font-size: 15px;
		text-align: center;
		text-decoration: underline;
		color: #000;
		border-left: 1px solid #3e6e3e;
		background: #fff;
	}

	#horizontal-menu il li.cleaner {
		clear: both;
	}

#content-box {

}

#content {
	width: 700px;
	background: #fff;
}

#right-menu {
	width: 200px;
	height: 300px;
	float: right;
	text-align: center;
	padding: 18px 0 0 0;
	background: url('../img/rmenu_bg.jpg') repeat-x;
}

	#right-menu ul, li {
		margin: 0 auto;
		padding: 0;
		list-style: none;
	}

	#right-menu ul li a {
		width: 138px;
		display: block;
		margin: 0 20px 4px 20px;
		padding: 2px 10px;
		border: 1px solid #3e6e3e;
		text-align: left;
		text-decoration: none;
		color: #000;
		font-size: 14px;
		background: #fff;
	}

	#right-menu ul li a:hover {
		width: 138px;
		display: block;
		margin: 0 20px 4px 20px;
		padding: 2px 10px;
		border: 1px solid #3e6e3e;
		text-align: left;
		text-decoration: none;
		color: #fff;
		font-size: 14px;
		background: #2c7b28;
	}

		#right-menu ul ul li a {
			width: 128px;
			display: block;
			margin: 0 20px 4px 20px;
			padding: 2px 10px 2px 20px;
			border: 1px solid #3e6e3e;
			text-align: left;
			text-decoration: none;
			color: #000;
			font-size: 14px;
			background: #bffbb3;
		}

		#right-menu ul ul li a:hover {
			width: 128px;
			display: block;
			margin: 0 20px 4px 20px;
			padding: 2px 10px 2px 20px;
			border: 1px solid #3e6e3e;
			text-align: left;
			text-decoration: none;
			color: #fff;
			font-size: 14px;
			background: #2c7b28;
		}

#text {
	width: 450px;
	min-height: 400px;
	padding: 18px 0 30px;
	text-align: left;
	font-size: 14px;
	line-height: 135%;
	margin: 0 225px 0 25px;
}

	form.login {
		text-align: center;
		margin: 40px 0 0;
	}

	form.login input {
		width: 200px;
		padding: 3px;
		margin: 0 0 4px;
		font-size: 12px;
		border: 1px solid #000;
	}

	form.login input.submit {
		width: 208px;
		padding: 3px;
		margin: 0 0 4px;
		font-size: 12px;
		border: 1px solid #000;
		background: #bffbb3;
	}

	.realization-box {
	  width: 450px;
	  padding: 0;
	  margin: 0 0 30px;
		border-bottom: 2px solid #2c7b28;
	}

	.realization-box table {

	}
	
	.realization-box table thead {
	  color: #fff;
		background: #2c7b28;
	}
	
	.realization-box table thead th {
		padding: 10px;
		background: #2c7b28;
	}
	
	.realization-box h3 {
		margin: 0;
		padding: 0;
	}

	.realization-box table tr {
		background: #bffbb3;
	}

	.realization-box table tr td {
	  overflow: hidden;
		padding: 10px;
	}

	.realization-box table tr td img.realization-img {
		border: 5px solid #000;
		vertical-align: top;
	}

	.realization-box table tr td.description {
		padding: 10px;
		text-align: left;
		vertical-align: top;
	}

	.realization-box table tr td a {
	  margin: 20px 0 0;
	  display: block;
		color: #000;
		border-left: 2px solid #2c7b28;
		text-decoration: none;
		vertical-align: top;
	}

	.realization-box table tr td a img {
		margin: 5px 10px;
		border: 0;
	}

	.realization-box table tr td a:hover {
		color: #fff;
		vertical-align: top;
		background: #2c7b28;
	}

	.year-end-report-box {
		padding: 10px;
		border-bottom: 2px solid #2c7b28;
	}

	.year-end-report-box table tr td img {
		margin: 5px;
	}
	
	.year-end-report-box table tr td a {
		color: #000;
		text-decoration: underline;
	}

	.year-end-report-box table tr td a:hover {
		color: #000;
		text-decoration: none;
	}

	.sel-proc-box {
	  width: 100%;
		padding: 10px;
	}

	.sel-proc-box table{
	  width: 100%;
	  background-color: #bffbb3;
	}

	.sel-proc-box table tr td.name {
	  padding: 10x;
	  font-size: 16px;
		background-color: #2c7b28;
	}

	.sel-proc-box table tr td.name h3 {
		font-size: 16px;
		margin: 10px;
		color: #fff;
	}

	.sel-proc-box table tr td img {
		margin: 5px;
	}

	.sel-proc-box  table tr td a {
		color: #000;
		text-decoration: underline;
	}

	.sel-proc-box  table tr td a:hover {
		color: #000;
		text-decoration: none;
	}

	/*	Fotogalerie			*/
	a .photogallery-box {
	  float: left;
		width: 188px;
		margin: 5px;
		padding: 0;
		border: 1px solid #3e6e3e;
		background: #fff;
		color: #000;
		font-size: 14px;
		text-decoration: none;
		cursor: pointer;
	}
	
	a .photogallery-box:hover {
	  float: left;
		width: 188px;
		margin: 5px;
		padding: 0;
		border: 1px solid #3e6e3e;
		background: #3e6e3e;
		color: #fff;
		font-size: 14px;
		text-decoration: none;
		cursor: pointer;
	}
	
	a .photogallery-box img {
	  margin: 10px;
		border: 0;
	}
	
	a .photogallery-box .name {
		border-top: 1px solid #3e6e3e;
		padding: 5px;
	}

	a .photogallery-box:hover .name {
		border-top: 1px solid #fff;
		padding: 5px;
	}

	.photo-box {
	  text-align: center;
		padding: 10px;
	  width: 430px;
		background: #000;
	}

	/*	Úprava stránek	*/
	form.edit-page {
	}

	form.edit-page table {

	}

	form.edit-page table tr td {
		padding: 3px;
	}

	form.edit-page table tr.hmenu {
	  background: #bffbb3;
	}

	form.edit-page table tr td.hmenu {
		padding: 5px;
	  background: #bffbb3;
	}

	form.edit-page table tr td.tools {
	  background: #bffbb3;
	}

	form.edit-page table tr td input {
	  padding: 2px;
		border: 1px solid #000;
	}

	form.edit-page table tr td textarea {
	  width: 400px;
	  padding: 15px;
	  margin: 0px;
		border: 1px solid #000;
		font-size: 14px;
	}

	table.edit-list {
		background: #a4fe82;
	}
	
	table.edit-list tr td {
	  padding: 3px;
		background: #d6ffc5;
	}


#foot {
	clear: both;
	height: 64px;
	padding: 5px 18px;
	border-top: 1px solid #3e6e3e;
	text-align: right;
	font-size: 14px;
	background: url('../img/foot_bg.jpg');
}