@import "template.css";

body {
  font-size: 0.7em;
  font-family: Arial;
  color: #878789;
}

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

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

/*Column's width*/
#left {width: 251px;}
#wrap {width: 711px;}

/******************DESIGN OF PAGE***********************/
/*Common design*/
#container {
  text-align: justify;
  background: url('../images/bg_content.gif');
/*  border-right: solid #666 1px;
  border-left: solid #666 1px;*/
}

#header {
  background: url('../images/bg_header.jpg') no-repeat;
}
#header .header_slideshow {
  position: absolute;
  top: 59px;
  left: 303px;
}
#header .logo {
  position: absolute;
  width: 190px;
  height: 65px;
  top: 15px;
  left: 35px;
}
#header .logo img {
  width: 190px;
  height: 65px;
  border: 0px;
}
#header .lang {
  position: absolute;
  top: 0px;
  right: 40px;
}
#header .lang a {
  display: block;
  width: 70px;
  height: 34px;
  line-height: 34px;
  float: left;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background: url('../images/bg_lang.gif');
  margin-left: 10px;
}
#header .lang a:hover {
  background: #7D7E80;
}

/* left block */
#dropdown_menu ul li {
  display: block;
}
#dropdown_menu ul li a {
  display: block;
  width: 250px;
}

#left .menu {
  min-height: 234px;
  _height: 234px;
  background: #fff;
}
#left .menu ul {
  background: url('../images/bg_menu.gif');
  z-index: 1;
}
#left .menu ul li a {
  display: block;
  height: 31px;
}
#left .menu ul li a span {
  visibility: hidden;
}

#left .menu ul li a.item14 {
  background: url('../images/menu/1_sk.gif') no-repeat;
  height: 34px;
}
#left .menu ul li a.item9 {
  background: url('../images/menu/2_sk.gif') no-repeat;
}
#left .menu ul li a.item109 {
  background: url('../images/menu/3_sk.gif') no-repeat;
}
#left .menu ul li a.item11 {
  background: url('../images/menu/4_sk.gif') no-repeat;
}
#left .menu ul li a.item12 {
  background: url('../images/menu/5_sk.gif') no-repeat;
}
#left .menu ul li a.item6 {
  background: url('../images/menu/6_sk.gif') no-repeat;
}
#left .menu ul li a.item108 {
  background: url('../images/menu/7_sk.gif') no-repeat;
}

/***** Prva uroven EN mutacia *****/
#left .menu ul li a.item426 {
  background: url('../images/menu/1_en.gif') no-repeat;
  height: 34px;
}
#left .menu ul li a.item428 {
  background: url('../images/menu/2_en.gif') no-repeat;
}
#left .menu ul li a.item430 {
  background: url('../images/menu/3_en.gif') no-repeat;
}
#left .menu ul li a.item434 {
  background: url('../images/menu/4_en.gif') no-repeat;
}
#left .menu ul li a.item437 {
  background: url('../images/menu/5_en.gif') no-repeat;
}
#left .menu ul li a.item438 {
  background: url('../images/menu/6_en.gif') no-repeat;
}
#left .menu ul li a.item439 {
  background: url('../images/menu/7_en.gif') no-repeat;
}
#left .menu ul li a.item9:hover, #left .menu ul li a.item109:hover, #left .menu ul li a.item11:hover, #left .menu ul li a.item12:hover, #left .menu ul li a.item6:hover, #left .menu ul li a.item108:hover, #left .menu ul li a.item428:hover, #left .menu ul li a.item430:hover, #left .menu ul li a.item434:hover, #left .menu ul li a.item437:hover, #left .menu ul li a.item438:hover, #left .menu ul li a.item439:hover {
  background-position: 0 -31px;
}
#left .menu ul li a.item14:hover, #left .menu ul li a.item426:hover {
  background-position: 0 -34px;
}

/* druha uroven */
#left .menu ul li ul {
  background: none;
  border: 1px solid #858583;
  z-index: 100;
}
#left .menu ul li ul li a {
  behavior: url("/iepngfix.htc");
  height: 35px;
  width: 190px;
  cursor: pointer;
}
#left .menu ul li ul li a.item14 {
  background: url('../images/menu/8_sk.png') no-repeat;
}
#left .menu ul li ul li a.item15 {
  background: url('../images/menu/9_sk.png') no-repeat;
  height: 34px;
}
#left .menu ul li ul li a.item109 {
  background: url('../images/menu/10_sk.png') no-repeat;
}
#left .menu ul li ul li a.item17 {
  background: url('../images/menu/11_sk.png') no-repeat;
}
#left .menu ul li ul li a.item18 {
  background: url('../images/menu/12_sk.png') no-repeat;
}
#left .menu ul li ul li a.item440 {
  background: url('../images/menu/16_sk.png') no-repeat;
  height: 34px;
}
#left .menu ul li ul li a.item108 {
  background: url('../images/menu/13_sk.png') no-repeat;
   height: 49px;
}
#left .menu ul li ul li a.item20 {
  background: url('../images/menu/14_sk.png') no-repeat;
  height: 49px;
}
#left .menu ul li ul li a.item21 {
  background: url('../images/menu/15_sk.png') no-repeat;
  height: 45px;
}

/***** Druha uroven EN mutacia *****/
#left .menu ul li ul li a.item426 {
  background: url('../images/menu/8_en.png') no-repeat;
}
#left .menu ul li ul li a.item427 {
  background: url('../images/menu/9_en.png') no-repeat;
  height: 34px;
}
#left .menu ul li ul li a.item430 {
  background: url('../images/menu/10_en.png') no-repeat;
}
#left .menu ul li ul li a.item431 {
  background: url('../images/menu/11_en.png') no-repeat;
}
#left .menu ul li ul li a.item432 {
  background: url('../images/menu/12_en.png') no-repeat;
}
#left .menu ul li ul li a.item441 {
  background: url('../images/menu/16_en.png') no-repeat;
  height: 34px;
}
#left .menu ul li ul li a.item434 {
  background: url('../images/menu/13_en.png') no-repeat;
}
#left .menu ul li ul li a.item435 {
  background: url('../images/menu/14_en.png') no-repeat;
}
#left .menu ul li ul li a.item436 {
  background: url('../images/menu/15_en.png') no-repeat;
  height: 45px;
}
#left .menu ul li ul li a.item108:hover, #left .menu ul li ul li a.item20:hover {
  background-position: 0 -49px;
}
#left .menu ul li ul li a.item15:hover, #left .menu ul li ul li a.item440:hover, #left .menu ul li ul li a.item427:hover, #left .menu ul li ul li a.item441:hover {
  background-position: 0 -34px;
}
#left .menu ul li ul li a.item21:hover, #left .menu ul li ul li a.item436:hover {
  background-position: 0 -45px;
}
#left .menu ul li ul li a.item14:hover, #left .menu ul li ul li a.item109:hover, #left .menu ul li ul li a.item17:hover, #left .menu ul li ul li a.item18:hover, #left .menu ul li ul li a.item426:hover, #left .menu ul li ul li a.item430:hover, #left .menu ul li ul li a.item431:hover, #left .menu ul li ul li a.item432:hover, #left .menu ul li ul li a.item434:hover, #left .menu ul li ul li a.item435:hover {
  background-position: 0 -35px;
}

#left .left_block {
  /*background: url('../images/bg_left.gif') no-repeat;
  padding-top: 135px;*/
  min-height: 216px;
  _height: 216px;
  margin-left: 12px;
}
#left .left_block .random .photo {
  width: 119px;
  height: 84px;
  float: left;
}
#left .left_block .random a {
  display: block;
  width: 115px;
  height: 80px;
  overflow: hidden;
  border: 2px solid #E5E7E6;
}
#left .left_block .random a:hover {
  border: 2px solid #9F9F9F;
}

/* center block */
#wrap .slogan {
  background: url('../images/bg_slogan.jpg') no-repeat;
  width: 681px;
  height: 34px;
  text-align: right;
  padding-top: 200px;
  padding-right: 30px;
  font-size: 1.6em;
  font-weight: bold;
  color: #c3995f;
}
#wrap #page {
  margin-left: 51px;
  width: 633px;
  border-left: 1px dotted #b9b9b9;
  /*padding-left: 47px;*/
  background: url('../images/bg_h1.gif') repeat-x;
}
#wrap #page .ico {
  padding-top: 5px;
}
#wrap #page .right_block {
  position: absolute;
  top: 357px;
  right: 15px;
  width: 197px;
}
#wrap #page .right_block .illust_photo {
  width: 195px;
  border: 1px solid #fff;
  height: 240px;
  overflow: hidden;
}
#wrap #page .right_block .icons {
  padding-top: 10px;
  padding-left: 38px;
}
#wrap #page .right_block .icons img {
  padding-top: 5px;
}

#page .ico a {
  width: 148px;
  height: 27px;
  display: block;
}
#page .ico img {
  width: 148px;
  height: 27px;
}
#page .ico.kontakt a {
  background: url('../images/ico_contact.gif') no-repeat;
}
#page .ico.kontakt a:hover {
  background: url('../images/ico_contact_hover.gif') no-repeat;
}
#page .ico.vystavba.sk a {
  background: url('../images/ico_vystavba_sk.gif') no-repeat;
}
#page .ico.vystavba.sk a:hover {
  background: url('../images/ico_vystavba_sk_hover.gif') no-repeat;
}
#page .ico.vystavba.en a {
  background: url('../images/ico_vystavba_en.gif') no-repeat;
}
#page .ico.vystavba.en a:hover {
  background: url('../images/ico_vystavba_en_hover.gif') no-repeat;
}


/* footer */
#footer {
  width: 895px;
  background: url('../images/bg_footer.gif') no-repeat;
  height: 40px;
  padding: 35px 38px 0px 29px;
}
#footer #foot {
  color: #60564a;
  float: left;
  width: 275px;
  padding-top: 5px;
}
#footer #functions {
  float: left;
  text-align: right;
  width: 620px;
}

/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  color: #fff;
  font-size: 1.2em;
  padding: 9px 0;
  font-weight: normal;
  margin-bottom: 10px;
}
h2 {
  font-size: 1.4em;
  color: #5F5F5F;
  font-weight: normal;
  margin: 0;
  padding: 7px 0;
}
h3 {
  font-size: 1.2em;
  color: #5F5F5F;
  font-weight: bold;
  margin: 0;
  padding: 5px 0;
}
h4 {
  font-size: 1.4em;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

a {
 text-decoration: none;
 color: #000;
}
a:hover {
  color: #4F4F4F;
}

/*developer*/
/*body {background: #FFF5E6;}
#container {background: silver;}
#header {background: #efa4ae;}
#footer {background: #bf9347;}
#content {background: #afdbff;}
#left {background: #811f72;}
#page {background: #97468b;}*/