body, p, td  {
  FONT-FAMILY : Verdana, Arial, Helvetica;
  FONT-SIZE : 11px;
}

body {
  margin-left: 0px;
  margin-top: 0px;
  background-image: url(/images/layout/page_bg.jpg);
  background-repeat: repeat-x;
  background-color: white;	
}

A, A:link, A:visited, A:active  {
  COLOR: #087a9c;
  text-decoration: underline;
}

A:hover  {
  COLOR : #3d6400;
  text-decoration : underline;
}


h1  {
	color: #335902;
	padding-bottom: 20px;
	padding-top: 30px;
	background-image: url(/images/layout/podtrh_h1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 24px;
	margin-bottom: 15px;
}

h2  {
	color: #404a0f;
	font-size: 14px;
}

h3  {
	color: #404a0f;
	font-size: 12px;
}

h4  {
	color: #404a0f;
	font-size: 11px;
}

h5  {
	color: #404a0f;
	font-size: 10px;
}

/* LAYOUT */
#page {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
}

#head {
	background-color: transparent;
}

#head-pmenu {
	text-align: right;
	padding-top: 30px;
	padding-bottom: 10px;
}

#head-pmenu a {
	background-image: url(/images/layout/odrazka2.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 17px;
	margin-right: 15px;
	color: #84c910;
	text-decoration: none;
	font-size: 10px;
}


#head-image {
	border-bottom: 1px #9ec10d solid;
}

#head-hmenu {
	background-color: #9ec10d;
	text-align: right;
	height: 42px;
	border-top: 1px solid White;
	border-bottom: 1px solid #356a07;
	text-align: right;
}

.verticalNavigationTable {
	float: right;
	height: 42px;
}

.verticalNavigationTable td {
	background-image: url(/images/layout/hmenu_rozdel.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 15px;
	padding-right: 15px;
}

.verticalNavigationTable td a {
	color: #34610a;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

#main {
	background-color: #f8fbde;
	padding-top: 8px;
	padding-bottom: 13px;
}

#foot {
	width: 940px;
}
#foot-c {
	height: 91px;
	background-image: url(/images/layout/footer.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 923px;
	position: relative;
}

#foot-l {
	background-image: url(/images/layout/footer_l.gif);
	background-repeat: no-repeat;
	height: 91px;
	width: 8px;
	float: left;
}
#foot-r {
	background-image: url(/images/layout/footer_r.gif);
	background-repeat: no-repeat;
	height: 91px;
	width: 9px;
	float: left;
}

.clearer {
	clear: both;
}

#mainTable {
	width: 940px;
	background-color: transparent;
}

#mainTableRight {
	width: 213px;
	vertical-align: top;
}

#mainTableCenter {
	vertical-align: top;
	padding-left: 25px;
	padding-right: 15px;
}

#copyright {
	text-align: center;
	color: #2E5C02;
	padding-top: 15px;
}

#copyright a {
	color: #2E5C02;
	text-decoration: none;
}

.boxLednacek {
	margin-top: 20px;
	width: 193px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 50px;
	border-left: 1px solid #d4e08f;
	border-right: 1px solid #d4e08f;
	border-bottom: 1px solid #d4e08f;
	position: relative;
	background-color: white;
}

.boxLednacek h3 {
	background-image: url(/images/layout/rbox_lednacek.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: -16px;
	left: 0px;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	width: 203px;
	height: 30px;
	display: block;
	padding-top: 30px;
	padding-left: 10px;
	margin: 0px;
}

.boxBeruska {
	margin-top: 20px;
	width: 193px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-top: 60px;
	border-left: 1px solid #d4e08f;
	border-right: 1px solid #d4e08f;
	border-bottom: 1px solid #d4e08f;
	position: relative;
	background-color: white;
}

.boxBeruska h3 {
	background-image: url(/images/layout/rbox_beruska.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: -5px;
	left: 0px;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	width: 203px;
	height: 30px;
	display: block;
	padding-top: 19px;
	padding-left: 10px;
	margin: 0px;
}

.h1title {
	color: #acc727;
	padding-bottom: 20px;
	padding-top: 30px;
	background-image: url(/images/layout/podtrh_h1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 24px;
	margin-bottom: 15px;
}

.h1title-tmava {
	color: #335902;
}

.boxZeleny {
	background-image: url(/images/layout/box_zel_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: white;
	margin-top: 15px;
}

.boxZelenyIn {
	background-image: url(/images/layout/box_border.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding: 0px 10px 10px 10px;
	overflow: auto;
	color: #6A7B1A;
}

.boxZelenyIn h2 {
	color: #404a0f;
	font-size: 14px;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.boxModry {
	background-image: url(/images/layout/box_modr_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: white;
	margin-top: 15px;
}

.boxModryIn {
	background-image: url(/images/layout/box_border.gif);
	background-repeat: repeat-y;
	background-position: right;
	padding: 0px 10px 10px 10px;
	overflow: auto;
	color: #03629A;
}

.boxModryIn h2 {
	color: #024064;
	font-size: 14px;
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.moreInfo {
	background-image: url(/images/layout/odrazka1.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;	
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 13px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 11px;
}

.moreInfo a {
	color: #0062A4;
	text-decoration: underline;
	font-weight: bold;
}

#foot-nasi {
	color: #D1E07C;
	text-transform: uppercase;
	text-align: right;
	width: 120px;
	height: 20px;
	font-size: 14px;
	position: absolute;
	top: 20px;
	left: 580px;
	font-weight: bold;
}

#foot-partneri {
	color: #D1E07C;
	text-transform: uppercase;
	text-align: right;
	width: 120px;
	height: 20px;
	font-size: 14px;
	position: absolute;
	top: 40px;
	left: 580px;
	font-weight: bold;
}

#foot-odkazy {
	position: absolute;
	top: 15px;
	left: 715px;
	border-left: 1px solid #F8FBDE;
	padding-left: 15px;
	height: 66px;
}

#foot-odkazy a {
	display: block;
	background-image: url(/images/layout/odrazka3.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 20px;
	color: #F8FBDE;
	text-decoration: none;
}

.newsTable td {
	padding: 10px 10px 10px 10px;
	vertical-align: top;
	margin-bottom: 5px;
}

.newsTable .newsTableTitle {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

.newsTable .newsTableDate {
	font-size: 10px;
	font-weight: normal;
}

.goBack {
	background-image: url(/images/layout/back.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 16px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 50px;
}

#newsTableTitlePerex {
	font-style: italic;
	background-image: url(/images/layout/box_border.gif);
	background-repeat: repeat-y;
	background-position: left;
	padding-bottom: 15px;
	margin-left: 0px;
	margin-bottom: 15px;
	background-color: #eaf0c2;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	width: 665px;
}

#newsTableTitlePerex p {
	margin: 0px 0px 10px 0px;
}

.perexImage {
	margin-left: 15px;
}

td.newsTableImage {
	background-color: #eaf0c2;
	text-align: center;
	border-bottom: 5px solid #f8fbde;
}

.boxZelenyIn .newsTable td {
	padding: 0px;
}

.tabulka td {
	vertical-align: top;
	text-align: left;
}

.tabulka th {
	vertical-align: top;
	text-align: left;
}

#dataInfo {
	margin-bottom: 15px;
}

.infoNazev {
	font-weight: bold;
	margin-right: 10px;
	display: block;
	margin-bottom: 10px;
	margin-top: 15px;
	font-size: 14px;
}

#infoMap img {
	margin-left: 60px;
	border: 1px solid #356a07;
}

.piktogram {
	float: left;
	margin-right: 10px;
}



.piktogramDelka {
	float: left;
	margin-right: 10px;	
	position: relative;
	height: 48px;
	width: 48px;
}

.piktogramDelka img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.piktogramDelka span {
	display: block;
	position: absolute;
	color: white;
	font-weight: bold;
	top: 8px;
	left: 0px;
	z-index: 10;
	width: 43px;
	text-align: center;
}

.qaQuestion {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
}

.qaDate {
	display: none;
}

.qaAnswer {
	padding-bottom: 20px;
}
.f_left{
       float:left;
       margin-right:10px;
       margib-bottom:10px;
}
.f_right{
       float:right;
       margin-left:10px;
       margib-bottom:10px;
}

#flashMapa {
	z-index: 1;
}