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


/******************PAGE PROPORTIONS*********************/
/*Width of the page */
#container {width: 961px; margin: 0px auto 0px auto;}

/*Header height*/
#header {width: 961px; height: 173px;}

/*Column's width*/
#left {width: 470px;}
#page {width: 471px;}
#right {width: 240px;}
#content {width: 961px;}

/*Height of the footer */
#footer {height: 106px;}

/******************DESIGN OF PAGE***********************/
/*Common design*/

body {
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  color: #cbcbcb;
  background: #000000 url(../images/bg_body.jpg) top center  no-repeat ;

  
}

#content {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}

/********************
HEADER
********************/

#header {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.logo {
  width: 290px;
  height: 100px;
  margin: 0px auto 0px auto;
  padding: 5px 0px 0px 0px;
  background: url(../images/bg_logo.jpg) no-repeat;
}

.logo a {
  width: 370px;
  height: 160px;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


/********************
TOPMENU
********************/

#topmenu {
	margin-left: 10%;
	margin-right:10%;
  width: 940px;
  height: 35px;
  margin: 10px 50px 20px 10%;
  padding: 0px 80px 0px 10%;
}

/********************
CONTENT
********************/



/********************
BLOCKS
********************/

#left {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  line-height: 180%;


}


#left img {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: bold
}

/********************
PAGE
********************/

#page {
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 0px 20px;
 line-height: 180%;
}

p.perex{
  font-size: 17px;
  margin-bottom: 10px;
  color: #ffffff;
  clear: both;
  line-height: 160% !important;
  text-shadow: 1px 1px 1px #000000;
}

/********************
FOOTER
********************/

#botfooter {
  width: 961px;
  height: 30px;
  margin: 15px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  color: #4e4d4d;
  font-size: 14px;
  border-top: 1px solid #272727;
  float: left;
  font-family: 'Arial', sans-serif;
}

#botfooter a {
  color: #4e4d4d;
  font-weight: normal;
}

#foot-left {
  width: 480px;
  text-align: left;
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#foot-right{
  text-align: right;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 481px;
  float: right;
}

#foot-right span {
  float: right;
}

#foot-right ul {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
  list-style: none;
  list-style-type: none;
  float: right;
}

#foot-right ul li {
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#foot-right ul li a {
  float: left;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 0px;
  color: #4e4d4d;
}

#foot-right ul li a:hover {
  text-decoration: none;
  color: #ffffff;
}


/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  font-size: 26px;
  color: #60b1c4;
  font-weight: normal;
  font-style: normal;
  font-family: 'Advent Pro', sans-serif;
  text-shadow: 1px 1px 1px #000000;
}

h2 {
  margin: 10px 0px 10px 0px;
  text-align: left;
  font-size: 19px;
  color: #9b790d;
  font-weight: normal;
}

h3 {
  margin: 0px 0px 5px 0px;
  text-align: left;
  font-size: 19px;
  color: #635429;
  font-weight: normal;
  font-family: Georgia;
}

a {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  color: #ffffff;
  text-decoration: none;
}
#container {
	font-family: Arial, Helvetica, sans-serif;
}