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

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

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

/*Column's width*/
#left {width: 225px; padding-left: 15px;}
#page {width: 720px; padding: 15px 15px 0 15px;}
/*#right {width: 240px;}*/

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

/******************DESIGN OF PAGE***********************/
/*Common design*/
body {
  font-family: Arial, Verdana, Tahoma, Geneva;
  font-size: .8em;
  color: #000;
  background-color: #786859;
}

#container {
  background-image: url('../images/bg_container.jpg');
  background-position: 0 0;
  background-repeat: repeat-y;
  text-align: justify;
}


#topmenu {
  height: 30px;
  background-image: url('../images/bg_topmenu.jpg');
  background-position: 0 0;
  background-repeat: repeat-x;
}
#topmenu ul {}
#topmenu ul li {}
#topmenu ul li a {
  height: 30px;
  line-height: 30px;
  display: block;
  float: left;
  padding: 0 10px;
  color: #b33715;
  font-size: .9em;
  font-weight: normal;
  text-decoration: none;
  background-image: url('../images/ico_line.jpg');
  background-position: right 0;
  background-repeat: no-repeat;
}
#topmenu ul li a:hover {
  background-image: url('../images/bg_topmenu_a.jpg');
  background-position: 0 0;
  background-repeat: repeat-x;
  color: #000;
}


#header {
  height: 125px;
  background-image: url('../images/bg_header.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
}
#header .logo {
  margin: 5px 0 0 70px;
  height: 95px;
  width: 110px;
}
#header .lang {
  position: absolute;
  top: 107px;
  right: 20px;
  font-size: 0.85em;
}
#header .lang a {
text-decoration: none;
  font-weight: bold;
  color: #ED5E36;
}
#header .lang a:hover {
  color: #FF8B48;  
}

#left {
}
#left h3 {
  height: 25px;
  margin-top: 25px;
  padding: 5px 0 0 30px;
  font-size: 1.2em;
  font-weight: bold;
  color: #8d8c8c;
  letter-spacing: 1px;
  background-image: url('../images/ico_arrow.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
}
#left .menu ul {
  margin: 0 0 40px 0;
}
#left .menu ul li {
  margin-bottom:2px;
}
#left .menu ul li a {
  padding-left: 10px;
  margin-left:40px;
  color: #b62018;
  font-size: .9em;
  font-weight: normal;
  text-decoration: none;
  background-image: url('../images/ico_arrow3.jpg');
  background-position: 0 center;
  background-repeat: no-repeat;
}
#left .menu ul li a:hover {
  text-decoration: none;
  color: #000;
}

#footer {
  width: 100%;
}
* html #footer { margin-bottom: -1px; } /* pre IE 6 */

#foot {
  padding: 15px 0 0 15px;
  font-size: .8em;
  text-align: left;
}

/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  height: 30px;
  padding-left: 30px;
  font-size: 1.4em;
  font-weight: normal;
  color: #a81811;
  letter-spacing: 2px;
  /*text-transform: uppercase;*/
  background-image: url('../images/ico_arrow2.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
}
h2 {
  font-size: 1.2em;
  font-weight: normal;
  color: #874c4c;
  letter-spacing: 1px;
}
h3 {
  font-size: 1.1em;
  font-weight: normal;
  color: #874c4c;
  letter-spacing: 1px;
}

a {
  text-decoration: underline;
  color: #c01a12;
}
a:hover {
  text-decoration: none;
  color: #c01a12;
}

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