*, body {
  font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  font-size: 10pt; }

body {
  background-repeat: repeat-x;
  background-color: #efefef;
  background-image: url(../images/backgrounds/site.jpg);
  text-align: center; }

#header {
  width: 900px;
  margin: 0px auto;
  text-align: left;
  margin-bottom: 2px; }
  #header .logo-and-picture-holder {
    height: 263px;
    margin-top: 6px; }
    #header .logo-and-picture-holder .logo {
      width: 308px;
      height: 263px;
      float: left;
      background-image: url(../images/logo.gif);
      background-repeat: no-repeat; }
      #header .logo-and-picture-holder .logo h1 {
        display: none; }
    #header .logo-and-picture-holder .picture {
      float: left;
      display: block;
      width: 592px; }
  #header .menu {
    margin-top: 30px;
    height: 44px;
    background-image: url(../images/backgrounds/menu.gif);
    background-repeat: no-repeat; }
  #header ul {
    display: block;
    padding-left: 25px;
    padding-top: 12px; }
    #header ul li {
      float: left;
      display: block;
      margin-right: 4px; }
      #header ul li a {
        display: block;
        height: 32px; }
        #header ul li a.active, #header ul li a:hover {
          background: url(../images/backgrounds/menu.gif); }
        #header ul li a#naslovna {
          width: 85px; }
          #header ul li a#naslovna.active, #header ul li a#naslovna:hover {
            background-position: -25px -56px; }
        #header ul li a#o-nama {
          width: 70px; }
          #header ul li a#o-nama.active, #header ul li a#o-nama:hover {
            background-position: -114px -56px; }
        #header ul li a#o-proizvodima {
          width: 115px; }
          #header ul li a#o-proizvodima.active, #header ul li a#o-proizvodima:hover {
            background-position: -188px -56px; }
        #header ul li a#tretmani-lica {
          width: 108px; }
          #header ul li a#tretmani-lica.active, #header ul li a#tretmani-lica:hover {
            background-position: -307px -56px; }
        #header ul li a#tretmani-tijela {
          width: 118px; }
          #header ul li a#tretmani-tijela.active, #header ul li a#tretmani-tijela:hover {
            background-position: -419px -56px; }
        #header ul li a#posebne-pogodnosti {
          width: 149px; }
          #header ul li a#posebne-pogodnosti.active, #header ul li a#posebne-pogodnosti:hover {
            background-position: -541px -56px; }
        #header ul li a#predbiljezbe {
          width: 101px; }
          #header ul li a#predbiljezbe.active, #header ul li a#predbiljezbe:hover {
            background-position: -694px -56px; }
        #header ul li a#kontakt {
          width: 75px; }
          #header ul li a#kontakt.active, #header ul li a#kontakt:hover {
            background-position: -799px -56px; }
      #header ul li span {
        display: none; }

#footer {
  width: 900px;
  margin: 0px auto;
  padding: 10px 0px 55px 0px !important;
  position: relative;
  padding-top: 20px;
  text-align: left; }

#footer .facebook {
  position: absolute;
  display: block;
  width: 160px;
  padding-left: 50px;
  height: 40px;
  background: url(../images/orgona_facebook.png);
  line-height: 40px;
  font-size: 12px;
  color: #717171;
  text-decoration: none;
  left: 50%;
  margin-left: -105px;
  margin-top: 10px;
}
#footer .facebook:hover {
  color: #333;
}
.content-holder {
  background: white;
  padding-top: 30px;
  padding-bottom: 50px;
  text-align: center; }
  .content-holder .content {
    width: 900px;
    text-align: left;
    margin: 0px auto; }

.column-holder {
  margin-top: 10px; }
  .column-holder .left-column {
    float: left;
    width: 287px;
    margin-right: 20px; }
    .column-holder .left-column img {
      border: 5px solid #cacaca; }
    .column-holder .left-column.footer {
      text-align: left; }
      .column-holder .left-column.footer img {
        border: none;
        float: left; }
    .column-holder .left-column a {
      display: block;
      margin-top: 5px;
      color: #717171;
      text-decoration: none; }
      .column-holder .left-column a.group {
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 25px; }
      .column-holder .left-column a.first {
        margin-top: 5px; }
      .column-holder .left-column a:hover {
        color: #86ac1e; }
      .column-holder .left-column a.active {
        color: #86ac1e; }
  .column-holder .right-column {
    float: right;
    width: 593px; }
    .column-holder .right-column.footer {
      text-align: right;
      font-size: 10px;
      color: #a6a6a7;
      line-height: 14px; }
      .column-holder .right-column.footer a {
        color: #a6a6a7;
        text-decoration: none; }
        .column-holder .right-column.footer a:hover {
          color: #717171; }
    .column-holder .right-column h2 {
      font-size: 20px;
      color: #484849;
      line-height: 26px;
      margin-bottom: 15px; }
      .column-holder .right-column h2 .green {
        color: #a6ce39; }
    .column-holder .right-column p, .column-holder .right-column ol, .column-holder .right-column ul {
      color: #717171;
      font-size: 13px;
      line-height: 18px;
      margin: 5px 0px; }
      .column-holder .right-column p a, .column-holder .right-column ol a, .column-holder .right-column ul a {
        color: #93b635;
        text-decoration: none; }
        .column-holder .right-column p a:hover, .column-holder .right-column ol a:hover, .column-holder .right-column ul a:hover {
          text-decoration: underline; }
    .column-holder .right-column ol {
      list-style-type: lower-alpha;
      padding-left: 23px; }
      .column-holder .right-column ol li {
        margin-bottom: 10px; }
    .column-holder .right-column ul {
      list-style-type: disc;
      padding-left: 23px; }
    .column-holder .right-column .carousel {
      margin-bottom: 15px; }
      .column-holder .right-column .carousel ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px; }
        .column-holder .right-column .carousel ul li {
          float: left;
          margin: 0px 4px; }
          .column-holder .right-column .carousel ul li a img {
            border: 5px solid #cacaca; }
          .column-holder .right-column .carousel ul li a:hover img {
            border-color: #979696; }
    .column-holder .right-column h3 {
      margin-top: 20px;
      color: #6d7075;
      font-weight: bold; }

.clear-left {
  line-height: 1px;
  clear: left; }

.clear-right {
  line-height: 1px;
  clear: right; }

.clear-both {
  line-height: 1px;
  clear: both; }

.izdvojeno {
  height: 164px;
  height: auto !important;
  min-height: 164px;
  background: url('../images/backgrounds/izdvojeno.gif'); }
  .izdvojeno .column {
    width: 286px;
    margin-right: 20px;
    float: left; }
    .izdvojeno .column.last {
      margin-right: 0px; }
    .izdvojeno .column ul {
      padding: 30px 15px 0px 15px; }
      .izdvojeno .column ul li {
        margin-bottom: 15px;
        color: #6d7075;
        font-size: 13px;
        line-height: 18px;
        background-image: url(../images/backgrounds/strelica_izdvojeno.gif);
        background-repeat: no-repeat;
        background-position: 0px 7px;
        padding-left: 10px; }

.galerija {
  color: #93b635;
  font-size: 11px;
  margin-top: 10px;
  cursor: pointer; }

a.read-more {
  display: block;
  color: #717171;
  text-decoration: none;
  font-size: 11px; }
  a.read-more:hover {
    color: #86ac1e; }

a.go-back {
  display: block;
  color: #6d7075;
  font-weight: bold;
  margin-top: 20px;
  font-size: 11px;
  text-decoration: none; }
  a.go-back:hover {
    color: #86ac1e; }

.timetable {
  color: #717171;
  font-size: 13px;
  line-height: 18px; }
  .timetable tr td {
    padding: 2px 15px 2px 0px; }
  .timetable tr.boundary td {
    padding-bottom: 15px; }

.kontakt {
  width: 100%;
  color: #717171;
  border-bottom: 1px solid #efefef; }
  .kontakt td {
    padding-bottom: 10px; }
  .kontakt a {
    color: #717171;
    text-decoration: none; }
    .kontakt a:hover {
      color: #a6ce39; }

.kontakt-forma {
  width: 100%;
  color: #6d7075;
  font-size: 11px; }
  .kontakt-forma td {
    width: 288px; }
    .kontakt-forma td.fullwidth {
      width: 593px; }
    .kontakt-forma td.left {
      padding-right: 20px; }
  .kontakt-forma input.text {
    width: 283px;
    height: 20px;
    background: #efefef;
    border: 2px solid #efefef;
    font-size: 11px;
    color: #717171; }
    .kontakt-forma input.text.error {
      border-color: #FF8F8F; }
  .kontakt-forma textarea {
    width: 589px;
    background: #efefef;
    border: 2px solid #efefef;
    font-size: 11px;
    color: #717171;
    height: 173px; }
    .kontakt-forma textarea.error {
      border-color: #FF8F8F; }
  .kontakt-forma label {
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
    font-size: 9px;
    color: #6d7075; }
  .kontakt-forma input.submit {
    background: #efefef;
    border: 2px solid #efefef;
    display: block;
    margin-top: 35px;
    width: 110px;
    text-transform: uppercase;
    font-size: 11px;
    color: #37383a;
    cursor: pointer; }

.text-column {
  width: 285px;
  float: left; }

table.time-price {
  width: 100%;
  margin-top: 15px; }
  table.time-price td {
    text-align: right;
    color: #717171;
    font-size: 13px;
    line-height: 23px;
    height: 23px;
    padding-bottom: 5px; }
    table.time-price td.time {
      text-align: left;
      background-image: url(../images/timer.gif);
      background-repeat: no-repeat;
      padding-left: 28px; }
.kontakt-status {
  color: green; margin: 10px 0px 0px 0px; font-weight: bold
}
.gallery {
  float: left;
  width: 275px;
  margin-right: 20px; }
  .gallery a img {
    border: 4px solid #cacaca; }
  .gallery a:hover img {
    border-color: #979696; }

.news-image {
  margin-right: 10px;
  margin-bottom: 10px;
  border: 5px solid #CACACA;
  float: left;
}