html {
  overflow-y: scroll;
}
body {
 	font-family: "Arial CE", "Helvetica CE", Arial, sans-serif;
	font-size:12px;
	background-color: #ffb81a;
	color: #000000;
	background-image: url(../img/img-layout/body-background.png);
	background-repeat: repeat;
	text-align: center;
	margin: 0 10px 10px 10px;
	padding: 0;
}
a {
  color: #666666;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
a img {
  border: 0 #fff none
}

form, input, textarea, select {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  clear: both;
}
h1 {
  color: #0f41a0;
  margin: 0 0 5px 0;
  font-size: 18px;
  font-weight: bold;
}
h2 {
  color: #0f41a0;
  margin: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
}

/* MAIN */

#main {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
#header {
  color: #000000;
  background-color: #ffffff;
  background-image: url(../img/img-layout/header-background.png);
  background-repeat: repeat;
}
#header .top {
  float: right;
  height: 85px;
  width: 100%;
}
#header .top .logo {
  float: right;
  margin: 15px 50px 0 0;
}
table#web-content {
  padding: 0;
  margin: 0;
  width: 960px;
}
#sidebar-left {
  width: 213px;
  background-color: #FFD22D;
  color: #000000;
  vertical-align: top;
}
#middle {
  width: 747px;
  background-color: #ffffff;
  color: #000000;
  vertical-align: top;
}
#breadcrumb {
  height: 35px;
  background-color: #FFD22D;
  color: #000000;
}
#content {
  width: 538px;
  padding: 28px 0px 10px 19px;
  float: left;
}
#sidebar-right {
  width: 190px;
  float: right;
  text-align: center;
  padding: 0 0 25px 0;
}
#footer {
  text-align: center;
  padding: 10px 0;
  font-size: 11px;
  color: #888;
  background-color: #ffffff;
  background-image: url(../img/img-layout/header-background.png);
  background-repeat: repeat;
}
/* end: main */

/* MAIN MENU */

ul.menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.menu li {
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
}
ul.menu a {
  color: #000;
  text-decoration: none;
}
ul.menu a:hover {
  color: #666;
}

ul#menu_1, ul#menu_2, ul#menu_3 {
  margin: 4px 0 0 0;
}
ul#menu_1 a, ul#menu_2 a, ul#menu_3 a {
  display: block;
  padding: 0 0 2px 20px;
  line-height: 21px;
  float: left;
}
ul#menu_1 a.selected, ul#menu_2 a.selected {
  background-image: url(../img/img-layout/menu-obec-indicator.png);
  background-repeat: no-repeat;
  background-position: 0 3px;
}

ul#menu_3 a.selected {
  background-image: url(../img/img-layout/menu-casti-indicator.png);
  background-repeat: no-repeat;
  background-position: 0 3px;
}

ul.menu li ul {
  padding: 0 0 0 20px;
  margin: 0;
  float: left;
  /*background-color: #000;*/
}

/* end: main menu */

/* TOP MENU */

ul#menu_4 {
  margin: 20px 0 0 20px;
  padding: 0;
  float: left;
  display: inline;
  font-size: 11px;
}
ul#menu_4 li {
  display: inline;
  list-style-type: none;
  padding: 0 10px 0 0;
}
ul#menu_4 li a {
  color: #000000;
  text-decoration: underline;
}
ul#menu_4 li a:hover {
  text-decoration: none;
}

/* end: top menu */

/* GLOBAL CLASSES */

.cleaner { overflow: hidden; height: 0px; clear: both; display: block; }
.error { display: block; margin: 0 0 10px 0; color: #ff0000; font-weight: bold; }
/* end: global classes */

/* SIDEBAR-LEFT */

.menu_head { height: 26px; color: #F0C200; background-color: #0F41A0; padding: 9px 0 0 17px; font-size: 16px; font-weight: bold; letter-spacing: 1px; clear: both }

/* end: sidebar-left */

/* CONTENT */

#mainMap { width: 520px; height: 300px; margin: 0 auto; }
#content p { margin: 0; padding: 0; line-height: 20px; }
.hr { margin: 25px 0; padding: 10px 0 10px 10px; font-size: 14px; line-height: 14px; letter-spacing: 3px; background-color: #fdf3ac; color: #0f41a0; font-weight: bold; }
img.news { float: left; margin: 0 10px 5px 0; }
span.news_date { font-style: italic; font-size: 11px; }
.center { text-align: center; }
.justify { text-align: justify; }
.left { text-align: left; }
.right { text-align: right; }
.no-display { display: none; }
.red-message { color: red }
.green-message { color: green }

a.gallery_img { margin: 2px; padding: 2px; display: block; float: left; width: 120px; height: 120px; background-color: #cacaca; background-repeat: no-repeat; background-position: 50% 50%; border: 1px #000 solid; text-align: center; }

table.login .left  { text-align: left; }
table.login .right { text-align: right; padding: 0 0 0 10px }
table.login .inpt { width: 200px; }

table.news { margin: 0 0 15px 0; }
table.news .label { padding: 0 10px 0 0; width: 120px; }
table.news #ctext { width: 350px; height: 120px; }

.answer { margin: 0 0 0 20px; }
/* end: content */

/* SIDEBAR-RIGHT */

.interest { width: 161px; margin: 28px auto 0 auto; background-image: url(../img/img-layout/interest-body-background.png); background-repeat: repeat-y; }
.interest .interest_top { background-image: url(../img/img-layout/interest-top-background.png); background-repeat: no-repeat; color: #0f41a0; font-size: 14px; font-weight: bold; line-height: 18px; padding: 5px 2px; text-align: center; }
.interest img { margin: 8px 0 0 0; }
.interest p { margin: 10px 18px; font-size: 12px; line-height: 20px; text-align: left; }
.interest .interest_footer { background-image: url(../img/img-layout/interest-footer-background.png); background-repeat: no-repeat; height: 4px; overflow: hidden; }

a.banner_small {
  margin: 5px 0 0 0;
  display: block;
}
a.banner_small:hover {
  position: relative;
  top: 1px;
  left: 1px;
}

a.unlog { display: block; margin: 10px 0 0 0; color: #ff0000; font-weight: bold; }
/* end: sidebar-right */
