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

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

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

/*Column's width*/
#page {width: 560px; padding: 0 10px 0px 0;}
#right {width: 370px; padding: 0;}

/*Height of the footer */
/* #footer {height: 40px;} */
#content {padding: 10px 20px 10px 20px;}

/******************DESIGN OF PAGE***********************/
/*Common design*/
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  background: url(../images/bg_body.png) repeat-x top;
  color: #77777A;
}
#container {
  text-align: left;
  font-size: 0.75em;
}
/********************
HEADER
********************/
#header .logo {
  float: left;
  display: inline;
  margin: 9px 0 0 20px;
}
#header p.lang {
  color: #BED600;
  margin: 13px 20px 0 0;
  padding: 0;
  display: inline;
  float: right;
}
#header p.lang a {
  color: #fff;
  text-decoration: none;
  padding-right: 3px;
}
#header p.lang a:hover {
  color: #BED600;
  text-decoration: underline;
}
#header form {
  float: right;
  padding: 0;
  margin: 10px 20px 0 0;
  display: inline;
}
#header input.bg_fulltext {
  background: url(../images/bg_fulltext.gif) no-repeat 0 0;
  border: 0;
  width: 155px;
  height: 20px;
  padding: 0 10px 0 25px;
  color: #59585A;
  font-size: 0.8em;
}
#header2 {
  margin: 10px 20px 0 20px;
  padding: 0;
  height: 300px;
  /* background: #BED600;*/
}
/********************
PAGE
********************/
#content {
}
#page {
  line-height: 1.5;
  position: relative;
}
#right {
}
/********************
FOOTER
********************/
#footer {
  width: 100%;
  background: #fff url(../images/bg_footer.gif) no-repeat top center;
  font-size: 0.8em;
}
#foot {
  text-align: center;
  color: #c0c1c2;
  padding-top: 15px;
  padding-bottom: 15px;
}
#foot a {
  color: #c0c1c2;
  text-decoration: none;
}
#foot a:hover {
  color: #77777A;
  text-decoration: none;
}
#makedby {
  display: block;
  position: absolute;
  color: #c0c1c2;
  width: 200px;
  right: 20px;
  top: 15px;
  text-align: right;
}
#makedby a {
  color: #c0c1c2;
  text-decoration: none;
}
#makedby a:hover {
  color: #77777A;
  text-decoration: none;
}

/*******************
TOP MENU
*******************/
#topmenu {
  height: 42px;
  background: url(../images/bg_topmenu.png) no-repeat 0 2px;
  padding: 0;
  font-size: 1.2em;
}
#topmenu .menu ul li {float: left;}
#topmenu .menu ul li a {
  width: 190px;
  height: 35px;
  padding-top: 7px;
  display: block;
  text-align: center;
  margin-right: -29px;
  color: #77747A;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
#topmenu .menu ul li a:hover {
  color: #59595A;
  text-decoration: none;
}
#topmenu .menu ul li a.sel1, #topmenu .menu ul li a.sel1:hover {
  color: #A7A7A7;
  background: url(../images/bg_topmenu_hover.png) no-repeat 0 0;
  text-decoration: none;
}
*body #topmenu .menu ul li a.sel1, #topmenu .menu ul li a.sel1:hover {
  background: url(../images/bg_topmenu_hover.gif) no-repeat -3px 0;
}
#topmenu .menu ul li a.polozka span.visible {
  margin: 0;
  padding: 0;
  display: block;
  height: 35px;
  cursor: pointer;
}
#topmenu .menu ul li a.polozka span.visible span.invisible {display: none;}
#topmenu .menu ul ul li span.invisible,
#topmenu .menu ul ul ul li span.invisible {display: block !important;}

#topmenu .menu ul li a.polozka-1 span.visible {background: url(../images/mnu_1_a.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-2 span.visible {background: url(../images/mnu_2_a.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-3 span.visible {background: url(../images/mnu_3_a.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-4 span.visible {background: url(../images/mnu_4_a.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-5 span.visible {background: url(../images/mnu_5_a.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-6 span.visible {background: url(../images/mnu_6_a.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-7 span.visible {background: url(../images/mnu_7_a.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-8 span.visible {background: url(../images/mnu_8_a.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-9 span.visible {background: url(../images/mnu_9_a.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-10 span.visible {background: url(../images/mnu_10_a.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-11 span.visible {background: url(../images/mnu_11_a.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-12 span.visible {background: url(../images/mnu_12_a.gif) no-repeat center;}

#topmenu .menu ul li a.polozka-1:hover span.visible {background: url(../images/mnu_1_hover.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-2:hover span.visible {background: url(../images/mnu_2_hover.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-3:hover span.visible {background: url(../images/mnu_3_hover.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-4:hover span.visible {background: url(../images/mnu_4_hover.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-5:hover span.visible {background: url(../images/mnu_5_hover.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-6:hover span.visible {background: url(../images/mnu_6_hover.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-7:hover span.visible {background: url(../images/mnu_7_hover.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-8:hover span.visible {background: url(../images/mnu_8_hover.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-9:hover span.visible {background: url(../images/mnu_9_hover.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-10:hover span.visible {background: url(../images/mnu_10_hover.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-11:hover span.visible {background: url(../images/mnu_11_hover.gif) no-repeat center;}
#topmenu .menu ul li a.polozka-12:hover span.visible {background: url(../images/mnu_12_hover.gif) no-repeat center;}

#topmenu .menu ul li a.polozka1-1 span.visible {background: url(../images/mnu_1_active.gif) no-repeat center;}
#topmenu .menu ul li a.polozka1-2 span.visible {background: url(../images/mnu_2_active.gif) no-repeat center;}
#topmenu .menu ul li a.polozka1-3 span.visible {background: url(../images/mnu_3_active.gif) no-repeat center;}
#topmenu .menu ul li a.polozka1-4 span.visible {background: url(../images/mnu_4_active.gif) no-repeat center;}
#topmenu .menu ul li a.polozka1-5 span.visible {background: url(../images/mnu_5_active.gif) no-repeat center;}
#topmenu .menu ul li a.polozka1-6 span.visible {background: url(../images/mnu_6_active.gif) no-repeat center;}
#topmenu .menu ul li a.polozka1-7 span.visible {background: url(../images/mnu_7_active.gif) no-repeat center;}
#topmenu .menu ul li a.polozka1-8 span.visible {background: url(../images/mnu_8_active.gif) no-repeat center;}
#topmenu .menu ul li a.polozka1-9 span.visible {background: url(../images/mnu_9_active.gif) no-repeat center;}
#topmenu .menu ul li a.polozka1-10 span.visible {background: url(../images/mnu_10_active.gif) no-repeat center;}
#topmenu .menu ul li a.polozka1-11 span.visible {background: url(../images/mnu_11_active.gif) no-repeat center;}
#topmenu .menu ul li a.polozka1-12 span.visible {background: url(../images/mnu_12_active.gif) no-repeat center;}
#topmenu .menu ul ul {
  top: 32px;
  padding-top: 20px;
}
#topmenu .menu ul ul li a span {
  display: block;
}
#topmenu .menu ul ul li a {
  color: #4A4A4A;
  font-size: 0.8em;
  height: auto;
  width: 230px;
  margin: 0;
  float: none;
  display: block;
  padding: 5px 20px;
  text-align: left;
  background: transparent url("../images/bg-ul-ul.png") repeat 0 0;
}
#topmenu .menu ul ul a,
#topmenu .menu ul ul a span {
  display: block !important;
  padding-top: 5px;
  padding-bottom: 5px;
  
}
#topmenu .menu ul ul li a:hover,
#topmenu .menu ul ul li a.sel1,
#topmenu .menu ul ul li a.sel1:hover {
  color: #000;
  background: transparent url("../images/bg-ul-ul-hover.png") repeat 0 0;
}
#topmenu .menu ul ul li,
#topmenu .menu ul ul li a.polozka span.visible {
  height: auto;
}
#topmenu .menu ul ul ul {
  margin: -32px 0 0 270px;
  padding: 0;
}
#topmenu .menu ul li.last ul ul {
  margin-left: -270px;
}
#topmenu .menu ul ul ul li a {
  background: transparent url("../images/bg-ul-ul-ul.png") repeat 0 0;
}
#topmenu .menu ul ul ul li a:hover {
  color: #000;
  background: transparent url("../images/bg-ul-ul-ul-hover.png") repeat 0 0;
}

/********************
LEFT MENU
********************/
#header2 .menu {
  width: 240px;
  padding: 20px 10px 0 20px;
  height: 280px;
  float: left;
  font-size: 1.4em;
  background: #BED600;
}
#header2 .menu ul li {

}
#header2 .menu ul li a {
  color: #fff;
  display: block;
  padding: 2px 0;
  font-weight: normal;
  text-decoration: none;
}
#header2 .menu ul li a:hover {
  color: #000;
  text-decoration: none;
}
#header2 .menu ul li a.sel1 {
  background: url(../images/bg_arrow.gif) no-repeat left center;
  padding-left: 20px;
  color: #000;
  text-decoration: none;
}

/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  padding: 0 0 10px 0;
  text-align: left;
  font-size: 1.6em;
  color: #77777A;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}
h2 {
  margin: 10px 0;
  text-align: left;
  font-size: 1.4em;
  color: #2081d4;
  font-weight: normal;
}
h3 {
  margin: 10px 0;
  text-align: left;
  font-size: 1.2em;
  color: #000;
  font-weight: bold;
}

a {
  color: #77777A;
  text-decoration: underline;
}
a:hover {
  color: #BED748;
  text-decoration: underline;
}