@import "template.css";
@import "dropdown_menu.css";

body {
  font-size: 0.75em;
  font-family: Arial;
  color: #3a3a3a;
  background: #e0e0e0;
}

/******************PAGE PROPORTIONS*********************/
/*Width of the page */
#container {width: 1008px;}

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

/*Column's width*/
#left {width: 240px; padding: 0 7px 0 20px;}
#page {width: 460px; padding: 0 0 10px 7px;}
#right {width: 240px; padding: 0 21px 0 13px;}

/*Height of the footer */
#footer {height: 76px !important;}
#content {padding-bottom: 76px !important; padding-top: 10px;}

/******************DESIGN OF PAGE***********************/
/*Common design*/
#container {
  text-align: justify;
  background: url('../images/bg_container.gif');
}

#header .functions {
  position: absolute;
  top: 8px;
  left: 275px;
  width: 733px;
  color: #747474;
  z-index: 15;
}
#header .functions .func {
  float: left;
  padding-top: 33px;
  font-size: 0.9em;
}
#header .functions .func a.sitemap {
  text-decoration: none;
  color: #414141;
  padding-left: 17px;
  background: url('../images/ico_sitemap.gif') no-repeat 0 2px;
  margin-right: 10px;
}

#header .functions .func a.print {
  text-decoration: none;
  color: #414141;
  padding-left: 17px;
  background: url('../images/ico_print.gif') no-repeat 0 2px;
}

#header .functions .func a.sitemap:hover {
  color: #0086c4;
}

#header .functions .func a.print:hover {
  color: #0086c4;
}
#header .functions .func .time {
  float: left;
  width: 350px;
}
#header .functions .func .time .jclock {
  float: left;
}
#header .functions .lang {
  float: right;
  padding-right: 15px;
  padding-top: 23px;
}
#header .functions .lang a {
  display: block;
  width: 92px;
  height: 21px;
  padding: 10px 5px 0 5px;
  float: left;
  color: #414141;
  text-decoration: none;
  text-align: center;
}
#header .functions .lang a.active {
  background: url('../images/bg_lang.gif') no-repeat;
  color: #0086c4;
}
#header .functions .lang a:hover {
  color: #0086c4;
}
#header .functions .lang a.active:hover {
  background: url('../images/bg_lang.gif') no-repeat;
  color: #0086c4;
}

#header .header_left {
  background: url('../images/bg_header_left.gif') no-repeat;
  width: 267px;
  height: 361px;
  float: left;
}
#header .header_left .logo {
  position: absolute;
  width: 215px;
  height: 70px;
  top: 33px;
  left: 27px;
}
#header .header_left .logo span {
  visibility: hidden;
}
#header .header_left .logo a {
  display: block;
  width: 215px;
  height: 70px;
  text-decoration: none;
}
#header .header_left .tv {
  position: absolute;
  top: 187px;
  left: 20px;
  display: block;
  text-decoration: none;
}

#header .header_right {
  behavior: url("/include/iepngfix.htc");
  background: url('../images/bg_header_right.png') no-repeat;
  width: 741px;
  height: 361px;
  float: left;
  position: relative;
  z-index: 10;
}
#header .header_kolaz {
  z-index: 1;
  width: 720px;
  height: 234px;
  position: absolute;
  left: 269px;
  top: 75px;
}
a.headmenu {
  color: #118ec8;
  text-decoration: none;
  font-weight: bold;
  padding: 2px 0 2px 17px;
}


.fulltext {
  position: absolute;
  top: 150px;
  left: 30px;
}
.fulltext input.bg_input {
  border: 1px solid #a40000;
  color: #929293;
  font-size: 0.85em;
  width: 165px;
  height: 17px;
  background: url('../images/bg_search.gif') no-repeat #fff;
  float: left;
  padding: 3px 5px 0 25px;
  margin-right: 7px;
}
.fulltext input.but_submit {
  background: url('../images/but_search.gif') no-repeat;
  float: left;
  width: 15px;
  height: 21px;
  font-size: 0;
  color: #F89A9A;
}

/************************ Top menu **********************/
#topmenu {
  background: url('../images/bg_topmenu.gif') no-repeat;
  position: absolute;
  width: 741px;
  height: 52px;
  top: 309px;
  right: 0px;
  _right: -1px;
}
/*--------------prva uroven------------------*/
#dropdown_menu {
  z-index: 100;
  padding: 16px 14px 0 14px;
}
#dropdown_menu ul li {
  display: block;
  float: left;
}
#dropdown_menu ul li a {
  background: url('../images/top_menu_li.gif') no-repeat right;
  color: #fff;
  padding: 0 15px;
  display: block;
  font-weight: bold;
  line-height: 28px;
}
#dropdown_menu ul li span {
  background: url('../images/top_menu_li.gif') no-repeat right;
  color: #fff;
  padding: 0 15px;
  display: block;
  font-weight: bold;
  line-height: 28px;
}
#dropdown_menu ul li a:hover {
  color: #fff;
  background: url('../images/top_menu_hover.gif');

}
/*--------------druha uroven------------------*/
#dropdown_menu ul ul {
  width: 200px;
  border: 1px solid #F1F1F1;
  padding: 1px;
  background: #fff;
  text-align: left;
}
#dropdown_menu ul ul a {
  display: block;
  padding: 2px 2px 2px 16px;
  width: 182px;
  line-height: 1.5em;
  font-weight: normal;
  height: auto;
  color: #000;

  font-size: 0.9em;
  border-bottom: 1px solid #fff;

  background: url('../images/left_menu_li.gif') no-repeat #F1F1F1 3px 9px;
  z-index: 100;
}
#dropdown_menu ul ul a:hover {
  display: block;
  padding: 2px 2px 2px 16px;
  width: 182px;
  background: url('../images/left_menu_li_a.gif') no-repeat #fff 3px 9px;

  position: relative;
  z-index: 100;
  color: #000;
}


/***Left menu***/
/***prva uroven***/
#left .menu li a {
  display: block;
  border-top: 1px solid #fff;
  padding: 8px 15px 8px 30px;
  color: #222222;
  text-align: left;
  text-decoration: none;
  background: url('../images/left_menu_li.gif') no-repeat 15px 14px;
}
#left .menu li a:hover {
  color: #000;
  background: url('../images/left_menu_li_a.gif') no-repeat 15px 14px #fff;
}
#left .menu li a.open_1 {
  color: #000;
  background: url('../images/left_menu_li_a.gif') no-repeat 15px 14px #fff;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  padding: 8px 15px 7px 30px;
}
#left .menu li a.open_1:hover {
  color: #000;
  background: url('../images/left_menu_li_a.gif') no-repeat 15px 14px #fff;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  padding: 8px 15px 7px 30px;
}

/***druha uroven***/
#left .menu ul li .block_bottom {
  display: none;
}
#left .menu ul li ul li a {
  background: #fff;
  padding: 5px 15px 5px 30px;
}
#left .menu ul li ul li a.sel_1, #left .menu ul li ul li a:hover, #left .menu ul li ul li a.sel_1:hover {
  background: #CECECE;
  padding: 5px 15px 5px 30px;
}

/***tretia uroven***/
#left .menu ul li ul li ul li a {
  padding-left: 40px;
}
#left .menu ul li ul li ul li a.sel_1, #left .menu ul li ul li ul li a:hover, #left .menu ul li ul li ul li a.sel_1:hover {
  padding-left: 40px;
}
/***stvrta uroven***/
#left .menu ul li ul li ul li ul li a {
  padding-left: 50px;
}
#left .menu ul li ul li ul li ul li a.sel_1, #left .menu ul li ul li ul li ul li a:hover, #left .menu ul li ul li ul li ul li a.sel_1:hover {
  padding-left: 50px;
}
/***piata uroven***/
#left .menu ul li ul li ul li ul li ul li a {
  padding-left: 60px;
}
#left .menu ul li ul li ul li ul li ul li a.sel_1, #left .menu ul li ul li ul li ul li ul li a:hover, #left .menu ul li ul li ul li ul li ul li a.sel_1:hover {
  padding-left: 60px;
}

/***Block***/
.block {
  width: 240px;
}
.block .block_top {
  background: url('../images/bg_block_top.gif') no-repeat;
  height: 20px;
  padding: 10px 10px 10px 31px;
  color: #544100;
  font-size: 1.3em;
  font-weight: bold;
}
.block .block_content {
  background: #f1f1f1;
}
.block .block_content hr {
  border-top: 1px solid #b4bbc2;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}
.block .block_content h3 {
  margin: 0;
  padding: 0;
  color: #000;
}
.block .block_content.info {
  padding: 10px;
  font-size: 0.9em;
  color: #303030;
}
.block .block_content.info a {
  text-decoration: none;
  font-weight: bold;
  color: #d20319;
}
.block .block_content.info a:hover {
  text-decoration: underline;
  color: #f44e60;
}
.block .block_content.info table a {
  color: #5F5F5F;
}
.block .block_content.info table a:hover {
  color: #000;
}
.block .block_bottom {
  background: url('../images/bg_block_bottom.gif') no-repeat;
  height: 18px;
  margin-bottom: 10px;
}

#right .blind ul.blind_menu {
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
}
#right .blind ul.blind_menu li {
  margin-bottom: 10px;
}
#right .blind ul.blind_menu li img {
  border: 0;
}
#right .blind ul.blind_menu .sel {
  display: none;
}
#right a.ico_oldsite {
  display: block;
  margin-bottom: 10px;
  background: url('../images/ico_oldsite.gif') no-repeat;
  width: 240px;
  height: 45px;
}
#right a.ico_oldsite span {
  visibility: hidden;
  display: block;

}
#right a.ico_phone {
  display: block;
  margin-bottom: 10px;
  background: url('../images/ico_phone.gif') no-repeat;
  width: 240px;
  height: 45px;
}
#right a.ico_phone span {
  visibility: hidden;
  display: block;
  width: 240px;
  height: 45px;
}

#footer {
  width: 100%;
  background: url('../images/bg_footer.gif');
  font-size: 0.9em;
  color: #757575;
}
#foot {
  float: left;
  padding-top: 12px;
  padding-left: 30px;
}
#foot a {
  color: #757575;
  font-weight: bold;
}
#foot a:hover {
  color: #a9a9a9;
  text-decoration: none;
}
#foot a.rss {
  background: url(../images/ico_rss.gif) no-repeat 0 0;
  padding: 1px 0 3px 15px;
  color: #e16627;
  margin-right: 10px;
}
#foot a.rss:hover {color: #ea8b3e;}
#makedby {
  float: right;
  padding-top: 12px;
  padding-right: 31px;
  text-align: right;
  color: #a9a9a9;
}
#makedby a {
  color: #a9a9a9;
  text-decoration: none;
  font-weight: bold;
}
#makedby a:hover {
  color: #BFBFBF;
}

/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  margin: 0;
  text-align: left;
}
#page h1 {
  padding: 0;
  font-size: 1.3em;
  font-weight: bold;
  color: #000;
  margin: 10px 0;
}
#page h1.main {
  background: url('../images/h1.gif') no-repeat bottom;
  min-height: 20px;
  _height: 20px;
  padding: 10px 10px 10px 31px;
  margin: 0 0 10px 0;
  color: #525252;
}
h2 {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  font-weight: bold;
  color: #dc0000;
  margin: 10px 0;
}
h3 {
  margin: 0;
  padding: 0;
  font-size: 1.0em;
  font-weight: bold;
  color: #D8A600;
  margin: 10px 0;
}
a {
  text-decoration: none;
  color: #9c7906;
}
a:hover {
  text-decoration: underline;
  color: #000;
}

/*VV TEMPLATE*/

.vvtitodd {
  width: 460px;
  height: 29px;
  margin: 0px;
  padding: 0px;
  float: left;
}

.vvtitle {
  width: 78px;
  height: 22px;
  margin: 0px;
  padding: 7px 0px 0px 0px;
  float: left;
  background: #EFEFEF;
  text-align: center;
  border-top: 1px solid #DFDFDF;
  border-left: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
  font-weight: bold;
}

.vvoddelenie {
  width: 370px;
  height: 19px;
  margin: 0px;
  padding: 9px 0px 0px 10px;
  float: left;
  background: #ffffff;
  border-bottom: 1px solid #DFDFDF;
  font-size: 0.9em;
  color: #8E8E8E;
}

.vvtitledesc {
  width: 438px;
  margin: 0px;
  padding: 10px;
  background: #efefef;
  float: left;
  border-bottom: 1px solid #DFDFDF;
  border-left: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
}

.vvtitledesc span {
  color: #767676;
  font-size: 0.9em;
}

.vvspecs {
  width: 440px;
  background: #DFDFDF;
  margin: 1px 0px 15px 0px;
  padding: 10px;
  float: left;
}

.vvspecs .vvspecs_float {
  display: inline;
  float: left;
  margin-right: 10px;
  padding: 0px;
  color: #4B4A4A;
}

.vvspecs a.vvspecs_float {
  color: #9C7906;
}

.vvspecs .vvspecs_float_right {
  display: inline;
  float: right;
  font-weight: bold;
}
.calc {
  text-align: center;
}