* {
  font-family: Tahoma, sans-serif;
  font-size: 11px;
  color: #000000;
}

body {
  background-image: url(bg_1.gif);
  margin: 0px;
}

#container {
  position: relative;
  height: 100%;
  border: 0px solid green;
}

#logo {
  position: absolute;
  top: 27px;
  left: 28px;
  width: 412px;
  height: 241px;
  z-index: 100;
}

#top_banners_container {
  height: 150px;
  background-image: url(bg_2.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}

#top_banners_block {
  height: 100%;
  margin: 0px 0px 0px 160px;
  white-space: nowrap;
  text-align: center;
}

#top_banners_block .banner {
  vertical-align: middle;
  margin: 5px;
  border: 0px;
}

#top_banners_block .spacer {
  height: 100%;
  width: 1px;
  vertical-align: middle;
}

#top_menu_container {
  height: 120px;
  background-color: #FFFFFF;
  background-image: url(bg_3.gif);
  background-position: top;
  background-repeat: repeat-x;
}

#top_menu_block {
  float: right;
  margin: 10px 10px 10px 330px;
  white-space: nowrap;
}

#top_menu_block a {
  margin-right: 10px;
  font-weight: bold;
  text-decoration: none;
  color: #777777;
}

#top_menu_block a:hover {
  color: #444444;
}

#top_menu_block img {
  border: 0px;
  margin-right: 5px;
}

#section_container {
  position: relative;
  width: 100%;
  background-color: #FFFFFF;
}

#section_container #section_1_img {
  position: absolute;
  bottom: -23px;
  right: 66%;
}

#section_container #section_2_img {
  position: absolute;
  bottom: -29px;
  right: 33%;
}

#section_container #section_3_img {
  position: absolute;
  bottom: -30px;
  right: 0;
}

#section_container table {
  width: 100%;
  position: relative;
  margin: 0 0 20px 0;
}

#section_container td.spacer {
  width: 1%;
}

#section_container img.spacer {
  width: 1px;
  height: 350px;
}

.section {
  width: 33%;
  text-align: left;
}

.section .section_title {
  display: block;
  margin: 0 0 25px 20px; 
}

.section ul {
  margin: 8px 30px 8px 60px;
  list-style-image: url(arrow_2.gif);
  list-style-position: outside;
  padding: 0;
}

.section ul li {
  margin: 8px 0 8px 0;
}

.section ul li a {
  color: #CE2B2B;
  font-weight: bold;
  text-decoration: none;
}

.section ul li a:hover {
  text-decoration: underline;
}

.section hr {
  color: #EEEEEE;
  background: #EEEEEE;
  margin: 0 0 0 40px;
  width: 60%;
  height: 1px;
  border: 0px;
}

#content_container {
  position: relative;
  width: 100%;
  background-color: #FFFFFF;
}

#content_container #section_1_img {
  position: absolute;
  bottom: -23px;
  right: 0;
}

#content_container #section_2_img {
  position: absolute;
  bottom: -29px;
  right: 0;
}

#content_container #section_3_img {
  position: absolute;
  bottom: -30px;
  right: 0;
}

#content_container table {
  width: 100%;
  position: relative;
}

#content_container td.spacer {
  width: 1%;
}

#content_container img.spacer {
  width: 1px;
  height: 400px;
}

#menu {
  width: 29%;
  text-align: left;
  background-image: url(bg_5.gif);
  background-position: right;
  background-repeat: repeat-y;
  padding: 0;
}

#section_1 {
  padding: 0 0 40px 0;
  background-image: url(bg_7.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}

#section_2 {
  padding: 0 0 40px 0;
  background-image: url(bg_8.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}

#section_3 {
  padding: 0 0 40px 0;
  background-image: url(bg_9.gif);
  background-position: bottom right;
  background-repeat: no-repeat;
}

#menu .section_title {
  display: block;
  margin: 0 0 10px 20px; 
}

#menu ul {
  margin: 8px 30px 8px 60px;
  list-style-image: url(arrow_2.gif);
  list-style-position: outside;
  padding: 0;
}

#menu ul li {
  margin: 8px 0 8px 0;
}

#menu ul li a {
  color: #CE2B2B;
  font-weight: bold;
  text-decoration: none;
}

#menu ul li a:hover {
  text-decoration: underline;
}

#menu hr {
  color: #EEEEEE;
  background: #EEEEEE;
  margin: 0 0 0 40px;
  width: 60%;
  height: 1px;
  border: 0px;
}

#content {
  width: 70%;
  text-align: left;
  padding: 0 30px 30px 30px;
}

#content h1 {
  font-size: 18px;
  color: #CE2B2B;
  font-weight: normal;
}

#content a {
  color: #CE2B2B;
  text-decoration: none;
}

#content a:hover {
  color: #CE2B2B;
  text-decoration: underline;
}

#content hr {
  color: #CE2B2B;
  background: #CE2B2B;
  border: 0px;
  height: 1px;
  width: 100%;
}

#content ul.submenu {
  margin: 10px 0px 10px 30px;
  list-style-image: url(arrow_2.gif);
  list-style-position: outside;
  padding: 0;
  font-weight: bold;
}

#content ul.submenu li {
  margin: 5px 0 5px 0;
}

#content ul.submenu li a {
  color: #CE2B2B;
  text-decoration: none;
}

#content ul.submenu li a:hover {
  text-decoration: underline;
}

#content div.error  {
  margin: 20px 0 0 0;
  font-weight: bold;
  color: #000000;
}

#content div.error ul li {
  color: #AA0000;
}

#top_menu_shadow {
  float: right;
  margin: 0;
}

#bottom_banners_container {
  background-image: url(bg_4.gif);
  background-position: top;
  background-repeat: repeat-x;
  padding-top: 30px;
}

#bottom_banners_block {
  white-space: nowrap;
  text-align: center;
}

#bottom_banners_block .banner {
  vertical-align: middle;
  margin: 5px;
  border: 0px;
}

#bottom_banners_block .spacer {
  height: 100%;
  width: 1px;
  vertical-align: middle;
}

#bottom_menu_container {
  text-align: center;
  padding: 10px;
}

#bottom_menu_container a {
  margin: 0 10px 0 10px;
  text-decoration: none;
  color: #FFFFFF;
}

#bottom_menu_container a:hover {
  color: #EEEEEE;
}

#footer_container  {
  position: relative;
  left: 15%;
  font-size: 10px;
  color: #EEEEEE;
  width: 70%;
  padding: 5px;
  text-align: center;
}

#solution_container  {
  font-size: 11px;
  color: #EEEEEE;
  padding: 5px;
  text-align: right;
}

#solution_container img {
  border: 0;
}

.green {
  color:#008800;
}

.red {
  color:#AA0000;
}

.blue {
  color:#000000;
}

.note {
  font-size: 10px;
  color: #808080;
}

.boldnote {
  font-size: 10px;
  font-weight: bold;
  color: #808080;
}

.randomimage {
  display: block;
}

.popup_image {
  cursor: pointer;
  cursor: hand;
}

form {
  margin: 0;
}

.thermometer {
  position: relative;
  width: 192px;
  height: 29px;
  background-image: url(thermometer.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

.thermometer_bar {
  position: absolute;
  top: 13px;
  left: 84px;
  height: 3px;
}

.multipage {
  text-align: right;
  margin: 20px 0 0 0; 
}

.separator {
  color: #CCCCCC;
}

.recenzija {
  vertical-align: middle;
  height: 16px;
  width: 16px;
  border: 0;
}