@import "template.css";

body {
  font-family: Verdana;
  font-size: 0.8em;
}

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

/*Column's width*/
#left {width: 174px;}
#page {width: 756px;}

/*Height of the footer */
#footer {height: auto; padding: 5px 0;}
#content {padding-bottom: 10px;}

/******************DESIGN OF PAGE***********************/
/*Common design*/
#container {
  text-align: justify;
/*  border-right: solid #666 1px;
  border-left: solid #666 1px;*/
}

#footer {
  width: 100%;
}

#foot {
  border-top: solid #000 1px;
  padding: 10px 0px;
  margin-left: 174px;
  font-size: 0.7em;
}
#foot a {
  text-decoration: none;
  color: #000;
}
#foot a:hover {
  text-decoration: underline;
}

/*Top menu*/
#topmenu ul {
  padding-left: 35px;
}
#topmenu li a {
  color: #000;
  text-decoration: none;
  display: block;
  float: left;
  padding-top: 160px;
  height: 431px;
  width: 172px;
  text-align: center;
  font-size: 0.9em;
}
#topmenu li a.green {
  background: url('../../images/1.jpg') no-repeat;
  margin-right: 10px;
}
#topmenu li a.orange {
  background: url('../../images/2.jpg') no-repeat;
  margin-right: 10px;
}
#topmenu li a.blue {
  background: url('../../images/3.jpg') no-repeat;
  margin-right: 10px;
}
#topmenu li a.red {
  background: url('../../images/4.jpg') no-repeat;
}
#topmenu li a:hover {
  font-weight: bold;
  color: #6F6F6F;
}

/*left menu */
#left .search {
  height: 45px;
  text-align: right;
  padding-top: 5px;
}

.search .bg_input {
  color: #a0a0a0;
  border: 1px solid #000;
  font-size: 0.8em;
  height: 17px;
  padding-top: 3px;
  width: 130px;
  float:left;
}
.search .but_submit {
  padding-top: 4px;
  padding-left: 15px;
  float: left;
}

#left .lang {
  height: 30px;
  font-weight: bold;
  font-size: 0.7em;
  text-align: left;
  font-family: Arial;

}
#left .lang a {
  text-decoration: none;
  font-weight: bold;
  color: #000;
}
#left .lang a:hover {
  color: #6F6F6F;
}
#left ul {
  padding-top: 20px;
}
#left li a {
  display: block;
  text-align: right;
  text-decoration: none;
  font-weight: bold;
  color: #000;
}
#left li a:hover {
  color: #6F6F6F;
}

/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  margin: 0;
  text-align: center;
}

a {
  color: #4F4F4F;
  font-weight: bold;
  text-decoration: underline;
}
a:hover {
  color: #000;
  text-decoration: none;
}


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