@import "template.css";

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

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

/*Column's width*/
#left {width: 174px;}
#page {width: 715px; padding: 0px 3px 20px 35px;}

/*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;*/
}
#header {
  height: 145px;
}
#header .green {
  background: #98C137;
  height: 100%;
}
#header .orange {
  background: #F2973A;
  height: 100%;
}
#header .blue {
  background: #669acc;
  height: 100%;
}
#header .red {
  background: #991135;
  height: 100%;
}
#header .grey {
  background: #BFBFBF;
  height: 100%;
}

.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;
}

#text-wrap {
  border-top: solid #000 1px;
  padding-top: 15px;
  margin-top: 15px;
}
#text-wrap .text {
  float: left;
  width: 536px;
  padding-right: 10px;
}
#text-wrap .photos {
  float: left;
  width: 160px;
  padding-left: 10px;
}
#text-wrap .photo {
  float: left;
  width: 158px;
  overflow: hidden;
  margin-bottom: 10px;
  border: 1px solid #8F8F8F;
}

#footer {
  width: 100%;
}

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

/*Top menu*/
#topmenu li a {
  color: #fff;
  text-decoration: none;
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  width: 171px;
  text-align: center;
  font-size: 0.85em;
}
#topmenu li a.green {
  background: #98C137;
  margin-right: 10px;
}
#topmenu li a.orange {
  background: #F2973A;
  margin-right: 10px;
}
#topmenu li a.blue {
  background: #669acc;
  margin-right: 10px;
}
#topmenu li a.red {
  background: #991135;
}
#topmenu li a.green1 {
  background: #98C137;
  margin-right: 10px;
  font-weight: bold;
}
#topmenu li a.orange1 {
  background: #F2973A;
  margin-right: 10px;
  font-weight: bold;
}
#topmenu li a.blue1 {
  background: #669acc;
  margin-right: 10px;
  font-weight: bold;
}
#topmenu li a.red1 {
  background: #991135;
  font-weight: bold;
}
#topmenu li a:hover {
  font-weight: bold;
}

/*left menu */
#left .search {
  height: 45px;
  text-align: right;
  padding-top: 5px;
}
#left .lang {
  height: 30px;
  font-weight: bold;
  font-size: 0.7em;
  text-align: right;
}
#left .lang a {
  text-decoration: none;
  font-weight: bold;
  color: #000;
}
#left .lang a:hover {
  color: #6F6F6F;
}
#left .menu_cat {
  height: 100%;
  padding-bottom: 30px;
  padding-top: 42px;
}
#left .menu_cat a {
  font-weight: normal;
  font-size: 0.9em;
}
#left .menu_cat li {
  padding-bottom: 15px;
}
#left ul {
  padding-top: 20px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#left li a {
  display: block;
  text-align: right;
  text-decoration: none;
  font-weight: bold;
  color: #000;
}
#left li h3 {
  text-align: right;
  font-size: 1.0em;
}
#left li h3.green {
  color: #98C137;
}
#left li h3.orange {
  color: #F2973A;
}
#left li h3.blue {
  color: #669acc;
}
#left li h3.red {
  color: #991135;
}
/*left menu druha uroven */
#left .menu_cat ul li ul {
  list-style-type: none;
  padding: 15px 10px 0 0;
  margin: 0;
}
#left .menu_cat ul li ul li {
  padding: 0px;
}
#left .menu_cat ul li ul li a {
  font-size: 0.9em;
  display: block;
  text-align: right;
  text-decoration: none;
  font-weight: normal;
  color: #98C137;
  padding: 0px;
}

/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  margin: 0;
  font-size: 1.2em;
  text-align: left;
  font-weight: bold;
}
h2 {
  margin: 0;
  font-size: 1.1em;
  text-align: left;
  font-weight: bold;
  color: #F2973A;
}
h3 {
  margin: 0;
  font-size: 1.1em;
  text-align: left;
  font-weight: normal;
  text-decoration: underline;
  color: #669acc;
}

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;}*/