/* -----------------------------------------------------------------------------
 * DBbiro SASS Theme for Soxer | http://soxer.mutsu.org
 * Copyright 2012 Toni Anzlovar, toni[at]formalibre.si
 * ----------------------------------------------------------------------------- */
@font-face {
  font-family: MyriadPro_Light;
  src: url(http://10.0.0.2:60000/css/MyriadPro_Light.otf); }

.hidden {
  display: none; }

h1 {
  color: #1466b8;
  font-size: 4em;
  font-family: "Alex Brush", cursive;
  font-weight: normal;
  text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.5);
  margin: 0.1em 0; }

a {
  color: #1466b8; }

img {
  border: 0; }

body {
  color: #333333;
  font-family: Arial, Helvetica, Swiss, Sans;
  font-size: 0.85em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: #fafafa; }

header {
  width: 1000px;
  height: 14em;
  margin: 0 auto 0 auto;
  background: url(../header/banner1.jpg) center center; }
  header img {
    margin: 20px 45px; }
  header .logo {
    float: left;
    width: 240px;
    height: 14em;
    background: rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.15); }

.menu {
  width: 1000px;
  margin: 0 auto 0 auto; }
  .menu ul {
    float: right;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    list-style: none;
    margin: 11.8em 0 0 0; }
    .menu ul li {
      display: block;
      float: left;
      float: left;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      list-style: none;
      list-style-image: none;
      list-style-type: none; }
      .menu ul li a {
        display: block;
        color: #cccccc;
        text-decoration: none;
        font-weight: bold;
        padding: 0.5em 2em;
        background: rgba(0, 0, 0, 0.65);
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s; }
        .menu ul li a:hover {
          color: white;
          text-shadow: 0px 0px 10px white;
          transition: 0.25s;
          -webkit-transition: 0.25s;
          -moz-transition: 0.25s;
          -o-transition: 0.25s; }
      .menu ul li:first-child a {
        -moz-border-radius-left-top: 10px;
        -webkit-border-top-left-radius: 10px;
        border-top-left-radius: 10px;
        padding-left: 3em; }

.info.foto {
  float: right;
  width: 160px;
  margin: 0 0 20px 20px; }
  .info.foto .image {
    width: 160px;
    height: 65px;
    background-position: center center;
    margin: 0 0 10px 0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); }
    .info.foto .image img {
      display: none; }

.galerija.foto .image {
  float: left;
  width: 160px;
  height: 105px;
  background-position: center center;
  margin: 0 20px 20px 0;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); }
  .galerija.foto .image img {
    display: none; }

a.video {
  display: block;
  float: right;
  width: 246px;
  height: 143px;
  font-size: 0;
  margin: 0 0 0 20px;
  background: url(../video/video.png); }

.main {
  width: 1000px;
  margin: 0 auto;
  background: url(bg_content.jpg); }
  .main .infobar {
    float: left;
    width: 200px;
    min-height: 35em;
    padding: 20px;
    font-style: italic;
    text-align: center;
    background: rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.15); }
  .main .content {
    float: left;
    width: 720px;
    padding: 20px; }
    .main .content img {
      float: right; }
  .main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

.footer {
  width: 960px;
  color: #cccccc;
  text-align: center;
  padding: 0.2em 20px;
  margin: 0 auto 0 auto;
  background: #1466b8; }