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

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

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

/*Column's width*/
#left {width: 240px;}
#page {width: 670px; padding: 0 0 20px 20px;}
#logoarea {height: 70px;}

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

/******************DESIGN OF PAGE***********************/
/*Common design*/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #A4A3A3;
  background: #2a2929 url(../images/bg_body.gif) repeat-x top center;
}
body.home {
  background: #2a2929 url(../images/bg_body_home.gif) repeat-x top center;
}


#container {
  text-align: left;
  font-size: 0.75em;
}

#header {
  background: url(../images/bg_header.jpg) no-repeat 0 0;
  text-align: center;
}
#header .logo img {
  margin-top: 330px;
  border: 0;
}

#logoarea {
  font-family: Georgia, Times New Roman;
  font-size: 25px;
  letter-spacing: 0.3em;
  text-shadow:1px 1px 1px #373737;
  line-height: 150%;
  padding: 30px 0px 0px 450px;
}


#content {
}


#footer {
  width: 100%;
  font-size: 0.8em;
}
#foot {
  text-align: center;
  color: #A4A3A3;
  margin-top: 5px;
}
#foot a {
  color: #A4A3A3;
  font-weight: bold;
  text-decoration: none;
}
#foot a:hover {
  color: #fff;
  text-decoration: none;
}
#makedby {
  text-align: center;
  color: #4F4F4F;
}
#makedby a {
  color: #4F4F4F;
  text-decoration: none;
}
#makedby a:hover {
  color: #A4A3A3;
  text-decoration: none;
}

/********************
homepage menu
********************/
#main .menu {
  margin: 0 auto;
  background: url(../images/bg_homemenu_bottom.gif) repeat-x bottom;
  padding: 0 0 25px 0;
  width: 720px;
}
.menu ul {
  background: #1d1d1d url(../images/bg_homemenu.gif) repeat-x top;
  float: left;
  margin: 0;
}
.menu ul.ul_1 {
  text-align: right;
  border-right: 1px solid #131313;
  width: 239px;
}
.menu ul.ul_2 {
  text-align: center;
  border-right: 1px solid #131313;
  border-left: 1px solid #353535;
  width: 238px;
}
.menu ul.ul_3 {
  text-align: left;
  border-left: 1px solid #353535;
  width: 239px;
}
.menu ul li {
  float: left;
}
.menu ul li a {
  color: #a4a3a3;
  font-size: 1.2em;
  border-bottom: 1px solid #131313;
  border-top: 1px solid #2c2c2c;
  display: block;
  height: 30px;
  line-height: 30px;
  float: left;
  margin: 0;
}
.menu ul.ul_1 li a {width: 159px; padding: 0 60px 0 20px;}
.menu ul.ul_2 li a {width: 198px; padding: 0 20px;}
.menu ul.ul_3 li a {width: 159px; padding: 0 20px 0 60px;}

.menu ul li a:hover {
  background: #323131;
}

/*********
2. uroven
*********/
.menu ul.ul_1 ul li a {
  color: #B2E30B;
  font-size: 0.8em;
  padding: 0 80px 0 5px;
  width: 154px;
  height: 20px;
  line-height: 20px;
  border: 0;
}


/* ------- left menu --------- */
#left li {
}
#left li a {
}
#left li a:hover {

}

/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  margin: 10px 0;
  text-align: left;
  font-size: 1.8em;
  color: #B2E30B;
  font-weight: normal;
  font-style: normal;
}
h2 {
  margin: 10px 0;
  text-align: left;
  font-size: 1.6em;
  color: #fff;
  font-weight: normal;
}
h3 {
  margin: 10px 0;
  text-align: left;
  font-size: 1.2em;
  color: #A4A3A3;
  font-weight: bold;
}

a {
  color: #B2E30B;
  text-decoration: none;
}
a:hover {
  color: #fff;
  text-decoration: none;
}