@import "template.css";

body {
  background: url('../images/bg.jpg') #798776 repeat-x;
  font-family: Arial;
  font-size: 0.8em;
}
/******************PAGE PROPORTIONS*********************/
/*Width of the page */
#container {width: 983px;}

/*Header height*/
#header {height: 261px;}

/*Column's width*/
#left {width: 205px;}
#page {width: 710px;}

/*Height of the footer */
#footer {height: 93px;}
#content {padding-bottom: 93px;}

/******************DESIGN OF PAGE***********************/

#container {
  text-align: justify;
  background: url('../images/bg_page.jpg');
}

/**** HEADER design ****/
#header {
  background-image: url('../images/bg_header.jpg');
}
#header img {
  border: 0px;
}
#header .logo {
  top: 0px;
  left: 22px;
  position: absolute;
}
#header .logo img {
  width: 205px;
  height: 205px;
}
#header .top_func {
  top: 5px;
  left: 227px;
  position: absolute;
  font-size: 0.8em;
  color: #bbbbbb;
  height: 30px;
  line-height: 30px;
}
#header .top_func a {
  color: #bbbbbb;
  padding: 7px 25px;
  text-decoration: none;
}
#header .top_func a:hover {
  text-decoration: underline;
}
#header .top_func .lang {
  display: block;
  float: left;
  width: 172px;
  padding-left: 18px;
  text-align: center;
  border-right: 1px solid #000000;
}
#header .top_func .functions {
  display: block;
  float: left;
  padding-left: 18px;
  width: 247px;
  text-align: center;
  border-left: 1px solid #4E4E4E;
  border-right: 1px solid #000000;
}
#header .top_func .search {
  display: block;
  float: left;
  width: 285px;
  text-align: right;
  border-left: 1px solid #4E4E4E;
  height:25px;
  padding-top: 5px;
}
#header .top_func .sk {
  background-image: url('../images/lang_sk.jpg');
}
#header .top_func .en {
  background-image: url('../images/lang_en.jpg');
}
#header .top_func .print {
  background-image: url('../images/ico_print.jpg');
}
#header .top_func .map {
  background-image: url('../images/ico_map.jpg');
}

#header .blind {
  position: absolute;
  left: 30px;
  top: 220px;
  width: 190px;
}
#header .blind a {
  color: #B5BFB3;
  font-weight: bold;
}
#header .blind ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#header .blind ul li {
  text-align: center;
}
#header .blind ul li.sel {
  display: none;
  font-size: 1px;
  height: 1px;
}

/**** FOOTER design ****/
#footer {
  width: 100%;
  background-image: url('../images/bg_footer.jpg');
}
#foot {
  padding-top: 50px;
  color: #6C6C6C;
}
#makedby {
  width: 250px;
  font-size: 0.85em;
  text-align: center;
  display: block;
  float: left;
  color: #8b8b8b;
}
#makedby a {
  color: #8b8b8b;
  text-decoration: none;
}
#makedby a:hover {
  color: #6C6C6C;
  text-decoration: underline;
}
#copyright {
  width: 723px;
  text-align: center;
  display: block;
  float: left;
  padding-top: 8px;
}
#copyright a {
  color: #6C6C6C;
  text-decoration: none;
  font-weight: bold;
}
#copyright a:hover {
  text-decoration: underline;
  font-weight: bold;
}

/**** PAGE BODY design ****/
#content {
  padding-top: 15px;
  background-image: url('../images/bg_page_top.jpg');
}
#left {
  padding: 0px 10px 0px 25px;
}
#page {
  padding: 0px 23px 0px 10px;
}
#page ul {
  padding-left: 40px;
}
#page ol {
  padding-left: 30px;
}
#left ul li {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
}

#left ul li .menu1 {
  text-decoration: underline;
}
/* menu - prva uroven */
#left ul li a {
  display: block;
  color: #1E2714;
  background: url('../images/li.jpg') no-repeat 0px 8px;
  padding-left: 15px;
  text-decoration: none;
  font-weight: bold;
  width: 190px;
}
#left ul li a:hover {
  color: #455A31;
  background: url('../images/li_a.jpg') no-repeat 0px 8px;
  text-decoration: underline;
}
#left ul li .titmenu {
  color: #ADAFA4;
  padding: 0px;
}
/* menu - druha uroven */
#left ul li ul li a {
  display: block;
  color: #455A31;
  background: url('../images/li_li.jpg') no-repeat 0px 8px;
  padding-left: 15px;
  margin-left: 15px;
  width: 175px;
  text-decoration: none;
  font-weight: normal;
}
#left ul li ul li a:hover {
  text-decoration: underline;
  background: url('../images/li_li.jpg') no-repeat 0px 8px;
}
/* menu - tretia uroven */
#left ul ul ul li a {
  display: block;
  color: #455A31;
  font-size: 0.9em;
  background: url('../images/li_a.jpg') no-repeat 0px 6px;
  padding-left: 15px;
  margin-left: 30px;
  width: 160px;
  text-decoration: none;
  font-weight: normal;
}
#left ul ul ul li a:hover {
  text-decoration: underline;
  background: url('../images/li_li.jpg') no-repeat 0px 6px;
}
/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  margin: 0;
  padding: 10px 0px 15px 0px;
  text-align: left;
  color: #3C6928;
  font-size: 1.8em;
}
h2 {
  margin: 0;
  padding: 20px 0px 10px 0px;
  text-align: left;
  color: #3C6928;
  font-size: 1.2em;
}
h3 {
  margin: 0;
  padding: 20px 0px 10px 0px;
  text-align: left;
  color: #000;
  font-size: 1.2em;
}
h5 {
  margin: 0;
  padding: 10px 0px;
  text-align: left;
  color: #3C6928;
  font-size: 1.4em;
}
a {
  color: #455A31;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/*developer*/
/*body {background: #FFF5E6;}
#container {background: silver;}
#header {background: #efa4ae;}
#footer {background: #bf9347;}
#content {background: #afdbff;}
#left {background: #811f72;}
#page {background: #97468b;}*/