/** @format */

@font-face {
  font-family: Souvenir;
  src: url(fonts/souvenir.ttf);
}
body {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background: url(images/bg.png) top center no-repeat #d2f0f4;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 13px;
}

a {
  cursor: pointer;
  text-decoration: none;
}

#main {
  background: url(images/bg-texture.png);
}

#top {
  width: 1000px;
  margin: 0px auto;
  padding-top: 15px;
  padding-bottom: 15px;
  background: url(images/top-image.png) bottom left no-repeat;
}

#bottom {
  width: 960px;
  margin: 0px auto;
  padding: 5px 20px;
  font-size: 10px;
  color: #333;
}

#main_image {
  height: 350px;
}

#content {
  -webkit-border-radius: 0px 0px 25px 25px;
  -moz-border-radius: 0px 0px 25px 25px;
  border-radius: 0px 0px 25px 25px;
  width: 1000px;
  margin: 0px auto;
  -webkit-box-shadow: 0 1px 15px rgba(12, 98, 111, 0.5);
  -moz-box-shadow: 0 1px 15px rgba(12, 98, 111, 0.5);
  box-shadow: 0 1px 15px rgba(12, 98, 111, 0.5);
}

.txt {
  padding: 0px 15px 50px 15px;
}

.top-menu {
  border: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float: none;
  overflow: hidden;
  background: #2492a3;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2492a3),
    to(#0c616e)
  );
  background: -moz-linear-gradient(top, #2492a3, #0c616e);
  background-image: -o-linear-gradient(
    top,
    rgb(36, 146, 163),
    rgb(12, 97, 110)
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2492a3', endColorstr='#0c616e');
}

.top-menu ul {
  padding: 0;
  margin: 0px auto;
  list-style: none;
  float: right;
  width: 1000px;
}

.top-menu ul li {
  float: left;
  font-size: 11px;
  font-family: Verdana, Geneva, sans-serif;
  margin: 0px 0px 0px 0px;
}

.top-menu ul li a {
  background: url(images/border.png) right top no-repeat;
  display: block;
  float: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  height: 29px;
  padding-top: 7px;
  padding-left: 20px;
  padding-right: 19px;
  padding-bottom: 0px;
  text-decoration: none;
  color: #ffffff;
  font-weight: normal;
  margin-left: 0px;
  margin-right: 0px;
}

.top-menu ul li a:hover {
  background: url(images/border.png) right top no-repeat #0c616e;
}

.top-menu ul li ul {
  position: absolute;
  top: 244px;
  width: 165px;
  background: #fff6d0;
  display: none;
  margin: 0;
  padding: 5px 0px 0px 0px;
  list-style: none;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.top-menu ul li ul:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  left: 8px;
  border-width: 0px 8px 8px 8px;
  border-style: solid;
  border-color: #fff6d0 transparent;
}

.top-menu ul li ul:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  left: 4px;
  border-width: 0px 12px 12px 12px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1) transparent;
}

.top-menu ul li ul li {
  display: block;
  width: 100%;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid #bbb;
}

.top-menu ul li ul li a {
  text-align: left;
  display: block;
  padding: 0px 7px;
  height: 35px;
  line-height: 35px;
  color: #000;
  border: 0px;
  background-image: none;
}
.top-menu ul li ul li a:hover {
  background: #d2eef2;
}

h1 {
  color: #0c616e;
  margin: 5px 15px 5px 15px;
  padding: 0px 0px 2px 15px;
  font-family: Souvenir, Verdana, Geneva, sans-serif;
  font-weight: normal;
  font-size: 24px;
  border-bottom: 1px solid #ccc;
}

ul#five {
  width: 1000px;
  margin-bottom: 0px;
  overflow: hidden;
  padding-right: 0px;
  padding-left: 0px;
  list-style: none;
  margin-top: 15px;
}

ul#five li {
  float: left;
  overflow: hidden;
  display: inline;
  width: 170px;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0px 0px 10px 0px;
}

ul#five li a {
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 4px;
  border: 1px solid #aaa;
}

ul#five li a img {
  width: 160px;
  border: 0px;
}

ul#five li a:hover {
  border: 1px solid #0c616e;
}

.pages {
  margin: 0px auto;
  width: 132px;
  overflow: hidden;
  padding-top: 5px;
}

.page {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  height: 29px;
  width: 29px;
  display: block;
  border: 1px solid #777;
  color: #000;
  background: #eee;
  font-size: 15px;
  line-height: 29px;
  float: left;
  overflow: hidden;
  text-align: center;
  margin: 0px 6px;
}

.page:hover {
  border: 1px solid #0c616e;
  color: #000;
  background: #c2f0f6;
}

.active_page {
  border: 1px solid #074a54;
  color: #fff;
  background: #218e9f;
}

.active_page:hover {
  border: 1px solid #074a54;
  color: #fff;
  background: #218e9f;
}

#price {
  padding-bottom: 10px;
  margin-left: 50px;
  overflow: hidden;
  margin-top: 20px;
  float: none;
}

#price tr td {
  border-bottom: 1px solid #ccc;
}

#lang {
  display: inline-block;
  background: #0c616e;
  color: #fff;
  padding: 5px;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  float: right;
  margin-top: -15px;
}