/* FRONTEND CSS
*********************************************/
html {
  overflow-y: scroll;
}
body {
  background-color: #FFFFFF;
  background: url("../images/body.jpg");
  font-size: 18px;
}


/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}
/* Landscape phones and down */
@media (max-width: 480px) {
  
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  
}
/* Large desktop */
@media (min-width: 1200px) {
  
}

.custom{
  
}

.nav-container{ 
  margin:0 auto;
  width:100%;

}
    .f-nav{ z-index: 99; position: fixed; left: 0; top: 0;} /* this make our menu fixed top */
    
.nav { 
  margin:0 auto;
  width:100%;
  background: url("../images/headbkg.jpg") repeat-x left top;
  list-style:inherit !important;
  height:157px;
}



.nav ul{
  padding: 0;
  display: table;
  width: auto;
  margin: 0 auto;
  text-align:center;
  background: url("../images/logoweb.png") no-repeat middle center;
}

.nav li {
    list-style-type: none;
    display: inline-block;
    margin: 0px 0px;
    background: url("../images/separator.png") repeat-y left center;
    height:34px;
  text-align: center;
}


.nav ul li{margin-top: 3px; padding: 0px; }
.nav ul li:first-child{ padding-left: 0;}
.nav ul li a { }
.nav ul li a:hover{ text-decoration: none;}


.container{

}

.infinite-anchor{
  padding-bottom: 160px;
  height:160px;
  margin-bottom: 160px;
  background-color: gray;
  border: 0px solid transparent;
}

#sidemenu a {
  padding-left:8px;
  padding-right:8px;
  padding-bottom:15px;
  margin:5px;
  margin-top:-15px;
  color:black;
  opacity: 0.7;
  font-size: 21px;
  font-weight:500;
  position:relative;

  text-shadow: 0px 0px 3px #9a9a9a;
}

#sidemenu a.selected {
  background: transparent url("../images/pointer.png") no-repeat center bottom;
}

.module-container{
  border:0px solid red;
  height: auto;
  padding-top: 160px;
  overflow: hidden;
  
}

.logo-upper{
  position:relative;
  cursor:pointer;
}

.logo-upper-li, .nav li:first-child, .after-logo {
  background: none !important;
}

.logo-upper-li{
  margin-top: 0px !important;
}

.dummy-item {
  
}

#abovemenu0 .custom{
  position: fixed;
  z-index:102;
  height: 36px;
  right:22%;
  padding-top:0px;
}
  
#abovemenu1{
  position: fixed;
  z-index:102;
  height: 36px;
  left:0;
  top:30%;
  padding-top:0px;
}

#abovemenu2 .custom{
  position: fixed;
  z-index:102;
  height: 36px;
  right:15%;
  padding-top:0px;
}


/*Slides*/

/* 
  Resets defualt browser settings
  reset.css
*/
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

/*
  Page style
*/
#slider-container {
  width:1000px;
  margin:0 auto;
  margin-top:5px;
  position:relative;
  z-index:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
  letter-spacing:0;
  color:#434343;
}

#example {
  width:944px;
  height:350px;
  position:relative;
  margin:0px auto;
}

/*
  Slideshow
*/

#slides {
  position:absolute;
  top:4px;
  left:4px;
  z-index:100;
}

#slides p{
  margin-top:3px;
}

#slides h2{
  font-weight:normal;
  margin-top:0px;
  margin-bottom:10px;
}

/*
  Slides container
  Important:
  Set the width of your slides container
  Set to display none, prevents content flash
*/

.slides_container {
  width:944px;
  overflow:hidden;
  position:relative;
  display:none;
}

/*
  Each slide
  Important:
  Set the width of your slides
  If height not specified height will be set by the slide content
  Set to display block
*/

.slides_container div.slide {
  width:944px;
  height:318px;
  display:block;
}


/*
  Next/prev buttons
*/

#slides .next,#slides .prev {
  position:absolute;
  top:135px;
  left:-28px;
  width:28px;
  height:50px;
  display:block;
  z-index:101;
}

#slides .next {
  left:944px;
}

div#slides .pagination{
  display:none;
}



/*
  Caption
*/

.caption {
  z-index:500;
  position:absolute;
  bottom:-35px;
  left:0;
  height:95px;
  padding:5px 20px 0 20px;
  background:rgba(0,0,0,.5);
  width:100%;
  font-size:1.3em;
  line-height:1.33;
  color:#fff;
  border-top:1px solid #000;
  text-shadow:none;
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000)";
}

.caption h2 {
  font-size:1.45em;
}

.caption a {
  color:white;
}
/*
    Background
*/

#slider_back{
  background: transparent url(../images/slider_pozadina.png) no-repeat center center;
  height:385px;
  width:1000px;
  background-position: 5px 0px;
}


.item-container{
  display:block;
  width:379px;
  height:500px;
  text-align: center;
  background: transparent url(../images/border_top.png) repeat-x 0 0;
  
  float:left;
}

.item-container-inner{
  display:block;
  width:379px;
  height:500px;
  text-align: center;
  background: transparent url(../images/ponuda_back.png) repeat-y 0 0;
  
  float:left;
}

.item-container-inner-inner{
  display:block;
  width:379px;
  height:500px;
  text-align: center;
  background: transparent url(../images/border_top.png) repeat-x bottom left;
  
  float:left;
}


.item_price{
  text-align: center;
  color:white;
  background-position:center;
  background-repeat:no-repeat;  
  font-size: 13pt;
}

.item-name{
  color: #274E8F;
  font-size: 20px;
  font-weight: normal;
  height:56px;
  cursor:pointer;
}

.item-image{
  cursor:pointer;
}


.item-date{
  color: #989898;
  margin-top: 0px;
  font-size: 12px;
  text-align: center;
}

.item-anchor{
  position: relative;
  top: -160px;
}

#dialog-modal{
  display:none;
      height:600px;
  width:500px;
}

/* Calendar */
div#datepicker{
  width:260px;
  height:228px;
  float:left;
}

div.datepicker_out{
  width:260px;
  height:228px;
  margin-left: 32px;
  background: transparent url(../images/kalendar/pozadina.png) left bottom no-repeat;
  margin-top:15px;
  
  display: block;
    margin: 0 auto;
}

.ui-widget-content {
  border: 0px solid #EEE;
  background: transparent;
  background-image:none;
  color: #333;
}

div#datepicker td, div#datepicker th{
  width:36px;
  height:27px;
  padding:0px;
  text-align:center;
}

div#datepicker td a, div#datepicker td span, div#datepicker th span{
  line-height: 27px;
  text-decoration: none;
  font-size:14px;
}

div#datepicker th span{
  font-weight: bold;
  margin-left:1px;
  margin-top:1px;
  text-transform:uppercase;
  color:#ffffff;
  font-size:14px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 0px solid #D8DCDF;
  background: transparent url(../images/kalendar/normalno.png) left top repeat;
  font-weight: bold;
  color: #004276;
  display: block;
  width:36px;
  height:27px;
  margin-left:1px;
  margin-top:1px;
}

#datepicker table.ui-datepicker-calendar a:hover{
  background: transparent url(../images/kalendar/obiljezeno.png) left top repeat !important;
  color: white !important;
}

td.ui-datepicker-today a.ui-state-highlight{
  background: transparent url(../images/kalendar/ui-state-highlight.png) left top repeat;
  color:#ffffff;  
}

td.ui-datepicker-current-day a.ui-state-active{
  background: transparent url(../images/kalendar/obiljezeno.png) left top repeat;
  color:#ffffff;
}

.ui-datepicker-unselectable span.ui-state-default, .ui-state-disabled span.ui-state-default{
  color:#7b9ed9;
  background: transparent;
  background-image: none;
} 

.ui-icon-circle-triangle-e {
  background: transparent url(../images/kalendar/desno.png) left bottom no-repeat;
  height:13px;
  width: 11px;
}

.ui-icon-circle-triangle-w {
  background: transparent url(../images/kalendar/lijevo.png) left bottom no-repeat;
  height:13px;
  width: 11px;
}

.ui-datepicker .ui-datepicker-next {
  right: 0px;
}

.ui-datepicker .ui-datepicker-prev{
  left:0px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 4px;
}

.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 3px 0 13px 0;
}

.ui-icon { 
  display: block; 
  text-indent: -99999px;
}

.ui-datepicker-title{
  font-weight: bold;
  text-transform: uppercase;
  font-size: 13px;
  color:#6d6c6c;
  text-align: center;
}

div#sadrzaj{
  background: transparent url(../images/kalendar/kalendar_naslov.png) center bottom no-repeat;
}

/* end of calendar*/

.player{
  overflow: hidden;
  width:100%;
  padding-top:3px;  
}

.calendar{
  overflow: hidden;
  width:100%;
  height: 300px;
  
    
}

.customcalendar{
  overflow: hidden;
}

.facebook .VombieLikeButtonfacebook{
  height:50px;
}

.VombieLikeButtonfacebook{
  width:225px;
  display:table;
  margin:0 auto;  
}

.fb-like .fb_edge_widget_with_comment .fb_iframe_widget{
  display:table;
  margin:0 auto;  
}

.item-count{
  padding:5px;
  color: #274E8F;
  font-weight: bold;
  font-size:22px;
}

.item-number{
  margin:5px;
}

.basket {
  margin-top:25px;
  margin-right:5px;
  position: fixed;
  z-index: 99;
  width: 300px;
  right: 0;
  top: 10px;
  padding-top: 0px;
  color:#274E8F;
  padding-top:5px;
  text-align:center;
  display:none;
  font-size:12px;
  padding-left:25px;
  padding-right:25px;

  background-repeat:repeat-y;
  
      background-color: white;
    background-color: rgba(255, 255, 255, .95);
    border: 1px solid rgb(39,78,143);
    border: 1px solid rgba(39,78,143, .95);
    border-radius:15px;
}

.basket .fa{
  font-size:20px;
  padding-bottom:25px;

}

.basket_area
{
    height: 80px;
    max-height: 80px;  
    width:250px;
    background-color: white;
    background-color: rgba(255, 255, 255, .3);
    border: 1px solid rgb(39,78,143);
    border: 1px solid rgba(39,78,143, .3);
    border-radius:15px;
    padding:5px;
}
.basket-send{
  float:left;
  padding:20px;
  font-size:16px;
  color: #274E8F;
  
}

.basket-cancel{
  float:right;
  padding:20px;
  font-size:16px;
  color: #274E8F;
}

input {
    background-color: white;
    background-color: rgba(255, 255, 255, .3);
    border: 1px solid rgb(39,78,143);
    border: 1px solid rgba(39,78,143, .3);
    border-radius:5px;
    padding:5px;
}


#footer{
  height:47px;
  position: relative;
  background: transparent url(../images/content_in.png) left bottom repeat-x;
}

div#copy_mreze{
  width: 980px;
  line-height: 35px;
  margin-left:auto;
  margin-right:auto;
}

div#copyright{
  padding-top:10px;
  color:white;
  font-size: 13px;
  width: 200px;
  float: left;
}

div#mreze{
  margin-left: 110px;
  width: 500px;
  float: left;
  padding-top:10px;
}

div#copyright a{
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
}

div#copyright a:hover{
  text-decoration:underline;
}

.howtoorder{
  padding-top:80px;
  padding-bottom:80px;
}

.ui-dialog .ui-dialog-content{
  background-color: white;
  padding:10px;
  padding-left:20px;
    height:600px;
  width:500px;

}
.ui-dialog {
position:absolute;
top:200px;
}


.ui-dialog-titlebar {
  background-color: #b6b6b6;
  padding:2px;
  padding-left:20px;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  z-index: 1;


}

.ui-front {
  z-index: 1000;
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  border-radius: 8px;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .6em;
  top: 20px;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
  background-image: url(images/ui-icons_2e83ff_256x240.png);
  background-position: -80px -128px;
  border: 2px solid transparent;
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}

.item-description{
  display:none;
}



#abovemenu2 .mod-languages{
  position: fixed;
  z-index:102;
  height: 36px;
  right:10%;
  padding-top:0px;
}


.audio-preview{
  margin: 0 auto;
  text-align:center;  
}

.customcalendar{
  text-align:center;
}

/*display mobile or desktop*/

#mobileshow { 
display:none; 
}
@media screen and (max-width: 500px) {
#mobileshow { 
display:block; }
}

@media (max-width: 991px) {
    .mobile-only {
        display:block;
    } 
    .desktop-only {
        display:none;
    }
    .proba{
        color:blue;
    }
}
/*end of display mobile or desktop*/