body {
  font-family:Arial,Helvetica,sans;
  background:#242424 url(/images/nav/default-back.jpg) center top no-repeat;
  color:#858585;
  line-height:2em;
  font-size:12px;
  letter-spacing:1px;
}

b,em,strong {
  color:#ddd;
}
em {
  letter-spacing:2px;
}
h1,h2,h3 {
  color:#fff;
}

.slika {
  line-height:1em;
  margin-bottom:1em;
}
.caption {
  font-size:9px;
  line-height:11px;
}

p {
  margin:0 0 1em 0;
}

a {
  color:#858585;
  text-decoration:none;
}
a:hover {
  color:#ddd;
}
a.link-self,
a.link-active {
 color:#eee;
}

img {
  border:0;
  vertical-align:middle;
}

.canvas {
  width:650px;
  margin:50px auto;
  overflow:hidden;
}

.main-menu {
  margin-top:12px;
  margin-bottom:30px;
  letter-spacing:2px;
}

.main-menu a {
 padding-right:20px;
}


/* GENERAL */

.stolpci {
  float:left;
  margin-right:-50px;
}

.stolpec {
  width:200px;
  margin-right:25px;
  float:left;
  display:inline;
}
.dvojni-stolpec {
  width:450px;
  margin-right:-50px;
  float:left;
  display:inline;
}

.levi ul,
.levi li {
  list-style:none;
  padding:0;
  margin:0;
}

/* all hX are .glava NOT */
h1,h2,h3,
.glava {
  text-transform:uppercase;
  font-size:13px;
  margin:0;
  font-weight:normal;
}


/* KNJIGA GOSTOV */

.mnenje {
  margin-bottom:30px;
  width:515px;
}
.mnenje .glava {
  letter-spacing:2px;
}
.mnenje .naslov {
  color:#858585;
}

.mnenje .kraj-in-datum {
  font-style:italic;
}

/* NOVICE */

.novice {
  float:left;
  margin-right:-50px;
}
.novice .naslov {
 color:#696969;
 letter-spacing:2px;
}
.novice a.link-self .naslov {
  color:#ddd;
}
.novice .datum {
  color:#ddd;
}

.novica {
  border-bottom:1px solid;
  margin-bottom:30px;
  width:200px;
  margin-right:25px;
  height:250px;
  float:left;
  display:inline;
}

/* PREDSTAVE */

.predstava .naslov {
  color:#ddd;
}
.predstava .datum {
  display:block;
  text-transform:lowercase;
}

.predstava-single {
  margin-bottom:20px;
}

/* KONTAKT */

.kontakt-info,
.kontakt-naslov {
  float:left;
  width:200px;
  margin-right:15px;
}
.form-info {
  float:left;
  width:430px;
}
.form-info,
.kontakt-naslov {
height:10em;
padding-bottom:30px;
border-bottom:1px solid;
}

.kontakt-info {
  padding-top:30px;
}
.form {
  float:left;
  width:430px;
}
.form fieldset {
  margin:0 0 7px;
  padding:30px 0 0;
  border:1px solid;
  border-left:0;
  border-top:0;
}
.form label {
  display:block;
}
.form textarea,
.form input {
  border:0;
  background:#404040;
  opacity:0.35;
  color:#fff;
  width:429px;
}

.section-Linki h2 {
 color:#858585; 
}
.section-Linki li a {
 text-decoration:underline;
 color:#858585; 
}

.section-Linki ul,
.section-Linki li {
  list-style:none;
  padding:0;
  margin:0;
}

.line {
  border-top:1px solid #424242;
  width:200px;
  margin:5px 0 30px;
}


/* GALLERY */

.display-items {
  position:relative;
  background:lime;
  background:black;
  width:608px;
  height:608px;
}
.display-item {
  text-align:center;
  position:absolute;
  width:608px;
  height:608px;
  line-height:610px;
  opacity:0;
  filter:alpha(opacity=0);
  -webkit-transition: opacity 0.8s ease;
  -moz-transition: opacity 0.8s ease;
  -o-transition: opacity 0.8s ease;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
}
.display-item .slika {
  line-height:610px;
}
.slika .image {
 display:block;
}
.opaque {
  opacity:1;
  filter:alpha(opacity=100);
  z-index:10;
}
.display-item img {
  vertical-align:middle;
}
.display-item span {
  position:absolute;
  bottom:0;
  right:0;
  padding:3px 10px;
  background:#202020;
  color:#eee;
  opacity:0.85;
  x-filter:alpha(opacity=85);
  line-height:1.2em;
  display:none;
}
.opaque span {
  display:block;
}

.display-items .control {
  position:absolute;
  top:0;
  height:100%;
  width:50%;
  font-size:40px;
  line-height:608px;
  opacity:0.25;
  filter:alpha(opacity=25);
  cursor:pointer;
}
.display-items .control:hover {
  opacity:1;
  filter:alpha(opacity=100);
  color:#4BA1DD;
  text-decoration:none;
}
.prev-item {
  left:10px;
  margin-left:-10px;
  padding-left:10px;
  z-index:20;
}
.next-item {
  right:10px;
  margin-right:-10px;
  padding-right:10px;
  text-align:right;
  z-index:20;
}

.controls {
  x-background:url(/fileadmin/templates/img/ozadje-galerija.png) 0 -508px repeat-x;
  background:black;
  width:588px;
  padding:5px 5px 15px 15px;
}

.controls .thumb {
  cursor:pointer;
  float:left;
  padding-right:3px;
  opacity:0.55;
  filter:alpha(opacity=55);
}
.controls .selected,
.controls .thumb:hover {
  opacity:1;
  filter:alpha(opacity=100);
}

.display-items .caption {
  position:absolute;
  top:0px;
  right:0px;
  background:#202021;
  padding:3px 5px;
  font-size:12px;
}