/* Ovo je components */
        
         /* Stil za plutajući WhatsApp gumb */
        .whatsapp-float {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 40px;
            right: 40px;
            background-color: #25d366;
            color: #FFF;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 2px 2px 3px #999;
            z-index: 100;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .whatsapp-float:hover {
            background-color: #128c7e;
            transform: scale(1.1);
        }
         /* Dodatak za tekst "Trebate pomoć?" pored gumba */
        .whatsapp-text {
            position: fixed;
            bottom: 50px;
            right: 110px;
            background: white;
            padding: 8px 15px;
            border-radius: 20px;
            box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
            font-family: Arial, sans-serif;
            font-size: 14px;
            color: #444;
        }
.tab-item{background:none repeat scroll 0 0 #fff;display:none;padding:1.25rem 0;}
.tab-item.tab-active{display:block;}
.tab-content > .tab-label{display:none;}
.tab-nav > .tab-label{float:left;}
a.tab-label, a.tab-label:link, a.tab-label:visited, a.tab-label:hover{background:none repeat scroll 0 0 #262626;color:#fff;margin-right:1px;padding:0.625rem 1.25rem;transition:background 0.20s linear 0s;-o-transition:background 0.20s linear 0s;-ms-transition:background 0.20s linear 0s;-moz-transition:background 0.20s linear 0s;-webkit-transition:background 0.20s linear 0s;}
a.tab-label:hover,a.tab-label.active-btn{background:none repeat scroll 0 0 #999;}
.tab-label.active-btn{cursor:default;}
.tab-content{text-align:left;}
@media screen and (max-width:768px){.tab-nav > .tab-label{margin:0.5px 0;width:100%;}
}
form.customform input, form.customform select, form.customform textarea, form.customform button{font-size:0.9rem;font-family:inherit;margin-bottom:1.25rem;}
form.customform input, form.customform select{height:2.7rem;}
form.customform input, form.customform textarea, form.customform select{background:none repeat scroll 0 0 #F5F5F5;transition:background 0.20s linear 0s;-o-transition:background 0.20s linear 0s;-ms-transition:background 0.20s linear 0s;-moz-transition:background 0.20s linear 0s;-webkit-transition:background 0.20s linear 0s;}
form.customform input:hover, form.customform textarea:hover, form.customform select:hover, form.customform input:focus, form.customform textarea:focus, form.customform select:focus{background:none repeat scroll 0 0 #fff;}
form.customform input, form.customform textarea, form.customform select{background:none repeat scroll 0 0 #F5F5F5;border:1px solid #E0E0E0;padding:0.625rem;width:100%;}
form.customform input[type="file"]{border:1px solid #E0E0E0;height:auto;max-height:2.7rem;min-height:2.7rem;padding:0.4rem;width:100%;}
form.customform input[type="radio"], form.customform input[type="checkbox"]{margin-right:0.625rem;width:auto;padding:0;height:auto;}
form.customform option{padding:0.625rem;}
form.customform select[multiple="multiple"]{height:auto;}
form.customform button{width:100%;background:none repeat scroll 0 0 #152732;border:0 none;color:#fff;height:2.7rem;padding:0.625rem;cursor:pointer;width:100%;transition:background 0.20s linear 0s;-o-transition:background 0.20s linear 0s;-ms-transition:background 0.20s linear 0s;-moz-transition:background 0.20s linear 0s;-webkit-transition:background 0.20s linear 0s;}
a.tooltip-container,.tooltip-container{border-bottom:1px dotted;border-bottom-color:red;cursor:help;font-weight:600;}
a .tooltip-content,.tooltip-content{background:#152732 none repeat scroll 0 0;color:#fff!important;border-radius:3px;display:none;font-size:0.8rem;font-weight:normal;line-height:1.3rem;margin-top:-1.25rem;max-width:300px;padding:0.625rem;position:absolute;z-index:10;}
.tooltip-content::after{border-left:9px solid transparent;border-right:9px solid transparent;border-top:7px solid #152732;bottom:-5px;clear:both;content:"";height:0;left:50%;margin-left:-5px;position:absolute;width:0;}
a.tooltip-content.tooltip-bottom,.tooltip-content.tooltip-bottom{margin-top:1.25rem;}
.tooltip-content.tooltip-bottom::after{border-left:9px solid transparent;border-right:9px solid transparent;border-top:0;border-bottom:7px solid #152732;top:-5px;}
.button,a.button,a.button:link,a.button:active,a.button:visited{background:#777 none repeat scroll 0 0;border:0;color:#fff;cursor:pointer;display:inline-block;font-size:0.85rem;padding:0.825rem 1rem;text-align:center;transition:all 0.20s linear 0s;-o-transition:all 0.20s linear 0s;-ms-transition:all 0.20s linear 0s;-moz-transition:all 0.20s linear 0s;-webkit-transition:all 0.20s linear 0s;}
.button.rounded-btn{border-radius:4px;}
.button.rounded-full-btn{border-radius:100px;}
.button:hover{box-shadow:0 0 10px 100px rgba(255,255,255,0.15) inset;}
.button.secondary-btn,a.button.secondary-btn,a.button.secondary-btn:link,a.button.secondary-btn:active,a.button.secondary-btn:visited{background:#444 none repeat scroll 0 0;}
.button.cancel-btn,a.button.cancel-btn,a.button.cancel-btn:link,a.button.cancel-btn:active,a.button.cancel-btn:visited{background:#dc003a none repeat scroll 0 0;}
.button.submit-btn,a.button.submit-btn,a.button.submit-btn:link,a.button.submit-btn:active,a.button.submit-btn:visited{background:#b4bf04 none repeat scroll 0 0;}
.button.reload-btn,a.button.reload-btn,a.button.reload-btn:link,a.button.reload-btn:active,a.button.reload-btn:visited{background:#ff9800 none repeat scroll 0 0;}
.button.disabled-btn{cursor:not-allowed!important;opacity:0.2;}
.button i{background:rgba(0, 0, 0, 0.1) none repeat scroll 0 0;border-radius:27px;color:#fff!important;display:inline-block;font-size:0.8rem;height:27px;line-height:27px;margin-right:5px;width:27px;transition:all 0.20s linear 0s;-o-transition:all 0.20s linear 0s;-ms-transition:all 0.20s linear 0s;-moz-transition:all 0.20s linear 0s;-webkit-transition:all 0.20s linear 0s;}
.button:hover > i{background:rgba(0, 0, 0, 0.06) none repeat scroll 0 0;}




/* 1. Rješavanje pomaka slike Opel Corsa (0,040 CLS) */
img[src*="opel-corsa-750.webp"] {
    aspect-ratio: 750 / 302;
    width: 100%;
    height: auto;
    display: block;
    background-color: #f0f0f0; /* Svijetla pozadina dok se slika učitava */
}

/* 2. Rješavanje pomaka WhatsApp bloka (0,029 CLS) */
.whatsapp-text {
    min-height: 24px; /* Prilagodite visini vašeg teksta ako je veći */
    display: block;
    contain: layout;
}

/* 3. Osiguranje da izbornik ne trza (0,040 CLS) */
.line {
    min-height: 50px; /* Postavite visinu koju vaš izbornik obično zauzima */
}

/* 4. Općenito pravilo za sve slike s definiranim dimenzijama */
img[width][height] {
    height: auto; 
    aspect-ratio: attr(width) / attr(height);
}



/* Ovo je owl.carousel */
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel .owl-item{float:left;}


.grabbing{cursor:url(grabbing.png) 8 8, move;}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px;}
.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease;}
.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease;}
.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease;}
.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease;}
.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both;}
.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both;}
.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both;}
.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both;}
@-webkit-keyframes empty{0%{opacity:1}
}
@-moz-keyframes empty{0%{opacity:1}
}
@keyframes empty{0%{opacity:1}
}
@-webkit-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-moz-keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@keyframes fadeIn{0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@-moz-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px);}
75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);}
100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);}
}
@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px);}
75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%);}
100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%);}
}
@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px);}
75%{opacity:.5;transform:translateZ(-500px) translateX(-200%);}
100%{opacity:.5;transform:translateZ(-500px) translateX(-200%);}
}
@-webkit-keyframes backSlideIn{0%, 25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);}
75%{opacity:.5;-webkit-transform:translateZ(-500px);}
100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);}
}
@-moz-keyframes backSlideIn{0%, 25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%);}
75%{opacity:.5;-moz-transform:translateZ(-500px);}
100%{opacity:1;-moz-transform:translateZ(0) translateX(0);}
}
@keyframes backSlideIn{0%, 25%{opacity:.5;transform:translateZ(-500px) translateX(200%);}
75%{opacity:.5;transform:translateZ(-500px);}
100%{opacity:1;transform:translateZ(0) translateX(0);}
}
@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8);}
}
@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8);}
}
@keyframes scaleToFade{to{opacity:0;transform:scale(.8);}
}
@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%);}
}
@-moz-keyframes goDown{from{-moz-transform:translateY(-100%);}
}
@keyframes goDown{from{transform:translateY(-100%);}
}
@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5);}
}
@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5);}
}
@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5);}
}
@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5);}
}
@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5);}
}
@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5);}
}



  /**
   * Ovo je responsee-plavo-zuto
   */

/*
 * Responsee CSS - v4 - 2016-07-08
 * https://www.myresponsee.com
 * Copyright 2016, Vision Design - graphic zoo
 * Free to use under the MIT license.
 
 Boje - od plave do žute
 
 #002B5E - Berkeley blue
 
 #2A494E - Dark slate gray
 
 #55663F - Dark moss green
 
 #80842F - Olive
 
 #AAA21F - Old gold
 
 #D5BF10 - Citrine
 
 #FFDD00 - School bus yellow
 
*/
* {  
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;	
}
body {
  /*background-image: url("/img/background/znakovi5.png");*/
  /*background-attachment: fixed;*/
  /*background:none repeat scroll 0 0 #d3d3d3;*/
  background-color: #DEE3EB;
  font-size:16px;
  font-family:"Open Sans",Arial,sans-serif;
  color:#ffffff;
}

h1 {
  color:#ffdd00;
  font-weight: normal;
  line-height: 1.3;
  margin:0.5rem 0;
  font-weight: bold;  
}

h2 {
  color:#002B5E;
  font-weight: normal;
  line-height: 1.3;  
}

h3 {
  color:#ffffff;
  font-weight: normal;
  line-height: 1.3;
  margin:0.5rem 0;  
}

h4 {
  color:#ffffff;
  font-weight: normal;
  line-height: 1.3;
  margin:0.5rem 0;  
}

h5 {
  color:#ffffff;
  font-weight: normal;
  line-height: 1.3;
  margin:0.5rem 0;  
}

h6 {
  color:#ffffff;
  font-weight: normal;
  line-height: 1.3;
  margin:0.5rem 0;  
}

h1.bold {
  text-align: center;
  font-weight: bold;
}

h1 {font-size:1.3rem;}
h2 {font-size:1.2rem;}
h3 {font-size:1.1rem;}  
h4 {font-size:1.0rem;}  
h5 {font-size:0.9rem;}  
h6 {font-size:0.8rem;}
    
a, a:link, a:visited, a:hover, a:active {
  text-decoration:none;
  color:#ffdd00;
  transition:color 0.20s linear 0s;
  -o-transition:color 0.20s linear 0s;
  -ms-transition:color 0.20s linear 0s;
  -moz-transition:color 0.20s linear 0s;
  -webkit-transition:color 0.20s linear 0s;
}
  
a:hover {
 color:#B6C900;
}

p,li,dl,blockquote,table,kbd {
  font-size: 0.85rem;
  line-height: 1.6;
}

b,strong {font-weight:700;}
.text-center {text-align:center!important;}
.text-right {text-align:right!important;}
img {
  border:0;
  display:block;
  height:auto;
  max-width:100%;
  /*width:auto;*/
}
.owl-item img, .full-img {
  max-width: none;
  width:100%;
  margin-top:1.25rem;
}
/**
   * tablica
   */  
table {
  border:1px solid #f0f0f0;
  border-spacing:0;
  text-align:left;
  width:100%;
}

table tr td, table tr th {
   padding:0.625rem;
   border: 1px solid #f0f0f0;
}

table tfoot, table thead,table tr:nth-of-type(2n)
th,table tr:nth-of-type(2n) td {border-right:1px solid #fff;}
td {border-right:1px solid #f0f0f0;}
.size-960 .line,.size-1140 .line,.size-1280 .line {
  margin:0 auto;
  /*padding:0 0.625rem;*/
}
hr {
  border: 0;
  border-top: 1px solid #e5e5e5;
  clear:both;  
  height:0; 
  margin:2.5rem auto;
}

li {
  padding:0;
}

ul,ol {
  padding-left:1.25rem;
}

blockquote {
  border:2px solid #f0f0f0;
  padding:1.25rem;
}

cite {
  color:#999;
  display:block;
  font-size:0.8rem;
}

cite:before {content:"— ";}
dl dt {font-weight:700;}
dl dd {margin-bottom:0.625rem;}
dl dd:last-child {margin-bottom:0;}
abbr {cursor:help;}
abbr[title] {border-bottom:1px dotted;}

kbd {
  background: #152732 none repeat scroll 0 0;
  color: #fff;
  padding: 0.125rem 0.3125rem;
}

code, kbd, pre, samp {font-family: Menlo,Monaco,Consolas,"Courier New",monospace;}

mark {
  background: #ffffff none repeat scroll 0 0;
  padding: 0.125rem 0.6125rem;
  color: #002B5E;
}

.size-960 .line {
    max-width:60rem;
}

.size-1140 .line {max-width:71.25rem;}
.size-1280 .line {max-width:80rem;}
.size-960.align-content-left .line,.size-1140.align-content-left .line,.size-1280.align-content-left .line {margin-left:0;}
form {line-height:1.4;}

nav {
  display:block;
  width:100%;
  background:#002b5e;
}

.line:after, nav:after, .center:after, .box:after, .margin:after, .margin2x:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  line-height:0;
  visibility:hidden;
}

/**
 * glavni veliki meni
 */
.top-nav ul {
   padding:0;
}

.top-nav ul ul {
  position:absolute;
  background:#002b5e;
}

.top-nav li {
  float:left;
  list-style:none outside none;
  cursor:pointer;
}

.top-nav li a {
  color:#fff; 
  display:block;
  font-size:1rem;
  padding:1.25rem;
}

.top-nav li ul li a {
  background:none repeat scroll 0 0 #002b5e;
  min-width:100%;
  padding:0.625rem;
}

.top-nav li a:hover, .aside-nav li a:hover {
   background:rgba(153, 153, 153, 0.25);
}

.top-nav li ul {
   display:none;
}

.top-nav li ul li,.top-nav li ul li ul li {
  float:none;
  list-style:none outside none;
  min-width:100%;
  padding:0;
}

/**
 * u meniju broj linkova
 */
.count-number {
  /**
     *  background: rgba(153, 153, 153, 0.25) none repeat scroll 0 0;
  */ 
  background: #ffdd00 none repeat scroll 0 0; 
  border-radius: 10rem;
  display: inline-block;
  color: #002B5E;
  font-weight: bold;
  font-size: 0.7rem;
  height: 1.3rem;
  line-height: 1.3rem; 
  margin: 0 0 -0.3125rem 0.3125rem;
  text-align: center;
  width: 1.3rem;
}

ul.chevron .count-number {display:none;}
ul.chevron .submenu > a:after, ul.chevron .sub-submenu > a:after,ul.chevron .aside-submenu > a:after, ul.chevron .aside-sub-submenu > a:after {
  content:"\f004";
  display:inline-block;
  font-family:mfg;
  font-size:0.7rem;
  margin:0 0.625rem;
}

/**
 * aktivni link
 */
.top-nav .active-item a {
    background:none repeat scroll 0 0 rgba(153, 153, 153, 0.25);
}

.aside-nav > ul > li.active-item > a:link,.aside-nav > ul > li.active-item > a:visited {
  background:none repeat scroll 0 0 rgba(153, 153, 153, 0.25);
  color:#ffdd00;
} 

@media screen and (min-width:769px) {
  .aside-nav .count-number {
	  margin-left:-1.25rem;	
	  float:right;	
}

.top-nav li:hover > ul {
	  display:block;
	  z-index:10;
}
  
.top-nav li:hover > ul ul {
    left:100%;
    margin:-2.5rem 0;
    width:100%;
}

}

/**
 * padajući link na punoj stranici desno prvi
 */
.nav-text,.aside-nav-text {display:none;}
.aside-nav a,.aside-nav a:link,.aside-nav a:visited,.aside-nav li > ul,.top-nav a,.top-nav a:link,.top-nav a:visited {
  transition:background 0.20s linear 0s;
  -o-transition:background 0.20s linear 0s;
  -ms-transition:background 0.20s linear 0s;
  -moz-transition:background 0.20s linear 0s;
  -webkit-transition:background 0.20s linear 0s;
}

.aside-nav ul {
  background:#002b5e; 
  padding:0;
}

.aside-nav li {
  list-style:none outside none;
  cursor:pointer;
}

.aside-nav li a,.aside-nav li a:link,.aside-nav li a:visited {
  color:#ffffff;
  display:block;
  font-size:1rem;
  padding:1.25rem;
  border-bottom:1px solid #ffffff; 
}

.aside-nav > ul > li:last-child a {
    border-bottom:0 none;
}

.aside-nav li > ul {
  height:0;
  display:block;
  position:relative;
  background:#00377A;
  border-left:solid 1px #ffffff;
  border-right:solid 1px #ffffff;
  overflow:hidden;
}

/**
 * padajući link na punoj stranici desno drugi
 */
.aside-nav li ul ul {
  border:0;
  background:#00408F;
}

.aside-nav ul ul a {padding:0.625rem 1.25rem;}
.aside-nav li a:link, .aside-nav li a:visited {color:#ffffff;}
.aside-nav li li a:hover, .aside-nav li li.active-item > a, 
.aside-nav li li.aside-sub-submenu li a:hover {
  color:#ffdd00;
  background:none;
}

.aside-nav > ul > li > a:hover {color:#fff;}
.aside-nav li li a:hover:before, .aside-nav li li.active-item a:before {

  display:inline-block;
  font-family:"mfg";
  font-size:0.6rem;
  margin:0 0.625rem 0 -1.25rem;
  width:0.625rem;
}
 
.aside-nav li li a:link, .aside-nav li li a:visited {
   background:none;
}

.aside-nav .show-aside-ul, .aside-nav .active-aside-item {height:auto;}
.padding {
  display:list-item;
  list-style:none outside none;
  padding:10px;
}

.margin,.margin2x {display: block;}

.margin {
    margin:0 -0.625rem;
}

.margin2x {margin:0 -1.25rem;}
.line {clear:left;}
.line .line {padding:0;}
.hide-l {display:none;}

.logo {
  text-align: center;
  font-weight: bold;
  font-size:1.3rem;
}

.box-logo {
  background-color: #ffdd00;
  color:#333;
  display:block;
  padding:0.6rem;
  width:100%;
  border-radius:15px 15px 0px 0px;
}

.post{
  margin-bottom:20px;
  padding-top: 0.6rem;
  padding-right: 0.6rem;
  padding-bottom: 1.4rem;
  padding-left: 0.6rem;
  background-color:#002b5e;
  border-radius:15px;
  overflow: auto;
}

.box {
  /*background:none repeat scroll 0 0 #FFE7BD;*/
  display:block;
  /*padding:0.6rem;*/
  width:100%;
}

.box-naslov {
  background:#ffdd00;
  display:block;
  padding: 0.2rem;
  text-align: center;
  border-radius:15px 15px 0px 0px;
}

/*.box-naslov-content {
  background:#bcbcbc;
  display:block;
  padding: 0.1rem;
  text-align: center;
  margin-bottom:1.25rem;
  border-radius: 15px;
}*/

.box-tekst-o-meni {
  background:#002b5e;
  display:block;
  padding: 0.6rem;
  text-align: center;
  border-radius: 0px 0px 15px 15px;
}

.box-tekst-kondicijska-voznja {
  background:#002b5e;
  display:block;
  padding: 0.6rem;
  text-align: center;
  border-radius: 0px 0px 15px 15px;
}

.box-tekst-kontakt {
  background:#002b5e;
  display:block;
  padding: 0.6rem;
  text-align: center;
  border-radius: 0px 0px 15px 15px;
}

.naslov-h1 {
  background:none repeat scroll 0 0 #002B5E;
  border: 5px outset #ffdd00;
  display:block;
  padding: 0.1rem;
  text-align: center;
  border-radius:15px;
  margin-bottom:1.25rem;
}

.naslov-posta {
  background:none repeat scroll 0 0 #ffdd00;
  display:block;
  padding: 0.2rem;
  text-align: center;
  margin-bottom:1.25rem;
  border-radius: 15px;
}

.naslov-u-novostima {
  background:none repeat scroll 0 0 #ffdd00;
  display:block;
  padding: 0.2rem;
  text-align: center;
  margin-bottom:1.25rem;
  border-radius: 15px;
}

.tekst-u-postu {
  display:block;
  padding: 0.1rem;
}

.datum-u-postu {
  display:block;
  padding: 0.1rem;
  margin-bottom:0.3rem;
}

/*.margin-bottom {
    margin-bottom:1.25rem;
}*/

.margin-bottom2x {margin-bottom:2.5rem;}
.s-1, .s-2, .s-five,.s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12, .m-1, .m-2, .m-five, .m-3, .m-4, .m-5, .m-6, .m-7, .m-8, .m-9, .m-10, .m-11, .m-12, .l-1, .l-2, .l-five, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l-10, .l-11, .l-12 {
  float:left;
  position:static;
}
.l-offset-1 {margin-left:8.3333%;}
.l-offset-2 {margin-left:16.6666%;}
.l-offset-five {margin-left:16.6666%;}
.l-offset-3 {margin-left:25%;}
.l-offset-4 {margin-left:33.3333%;}
.l-offset-5 {margin-left:41.6666%;}
.l-offset-6 {margin-left:50%;}
.l-offset-7 {margin-left:58.3333%;}
.l-offset-8 {margin-left:66.6666%;}
.l-offset-9 {margin-left:75%;}
.l-offset-10 {margin-left:83.3333%;}
.l-offset-11 {margin-left:91.6666%;}
.l-offset-12 {margin-left:100%;} 
.s-1 {width:8.3333%;}
.s-2 {width:16.6666%;}
.s-five {width:16.6666%;}
.s-3 {width:25%;}
.s-4 {width:33.3333%;}
.s-5 {width:41.6666%;}
.s-6 {width:50%;}
.s-7 {width:58.3333%;}
.s-8 {width:66.6666%;}
.s-9 {width:75%;}
.s-10 {width:83.3333%;}
.s-11 {width:91.6666%;}
.s-12 {width:100%;}
.margin > .s-1,.margin > .s-2,.margin > .s-five,.margin > .s-3,.margin > .s-4,.margin > .s-5,.margin > .s-6,.margin > .s-7,.margin > .s-8,.margin > .s-9,.margin > .s-10,.margin > .s-11,.margin > .s-12,
.margin > .m-1,.margin > .m-2,.margin > .m-five,.margin > .m-3,.margin > .m-4,.margin > .m-5,.margin > .m-6,.margin > .m-7,.margin > .m-8,.margin > .m-9,.margin > .m-10,.margin > .m-11,.margin > .m-12,
.margin > .l-1,.margin > .l-2,.margin > .l-five,.margin > .l-3,.margin > .l-4,.margin > .l-5,.margin > .l-6,.margin > .l-7,.margin > .l-8,.margin > .l-9,.margin > .l-10,.margin > .l-11,.margin > .l-12 {padding:0 0.625rem;
margin-top: 1.25rem;
}
.margin2x > .s-1,.margin2x > .s-2,.margin2x > .s-five,.margin2x > .s-3,.margin2x > .s-4,.margin2x > .s-5,.margin2x > .s-6,.margin2x > .s-7,.margin2x > .s-8,.margin2x > .s-9,.margin2x > .s-10,.margin2x > .s-11,.margin2x > .s-12,
.margin2x > .m-1,.margin2x > .m-2,.margin2x > .m-five,.margin2x > .m-3,.margin2x > .m-4,.margin2x > .m-5,.margin2x > .m-6,.margin2x > .m-7,.margin2x > .m-8,.margin2x > .m-9,.margin2x > .m-10,.margin2x > .m-11,.margin2x > .m-12,
.margin2x > .l-1,.margin2x > .l-2,.margin2x > .l-five,.margin2x > .l-3,.margin2x > .l-4,.margin2x > .l-5,.margin2x > .l-6,.margin2x > .l-7,.margin2x > .l-8,.margin2x > .l-9,.margin2x > .l-10,.margin2x > .l-11,.margin2x > .l-12 {padding:0 1.25rem;}
.m-1 {width:8.3333%;}
.m-2 {width:16.6666%;}
.m-five {width:20%;}
.m-3 {width:25%;}
.m-4 {width:33.3333%;}
.m-5 {width:41.6666%;}
.m-6 {width:50%;}
.m-7 {width:58.3333%;}
.m-8 {width:66.6666%;}
.m-9 {width:75%;}
.m-10 {width:83.3333%;}
.m-11 {width:91.6666%;}
.m-12 {width:100%;}
.l-1 {width:8.3333%;}
.l-2 {width:16.6666%;}
.l-five {width:20%;}
.l-3 {width:25%;}
.l-4 {width:33.3333%;}
.l-5 {width:41.6666%;}
.l-6 {width:50%;}
.l-7 {width:58.3333%;}
.l-8 {width:66.6666%;}
.l-9 {width:75%;}
/*.l-10 {width:83.3333%;}*/
.l-11 {width:91.6666%;}
.l-12 {width:100%;}
.right {float:right;}
.left {float:left;}  
@media screen and (max-width:768px) {
  .size-960,.size-1140,.size-1280 {max-width:768px;}
  .hide-l,.hide-s {display:block;}
  .hide-m {display:none;}
  nav {
    display:block;
    cursor:pointer;
    line-height:3;
  }
  
  /**
   * meni kada kliknemo na izbornik
   */
  .top-nav li a {background:none repeat scroll 0 0 #00377A;}
  .top-nav > ul {
    height:0;
    max-width:100%;
    overflow:hidden;
    position:relative;
    z-index:999;
  }
  .top-nav > ul.show-menu,.aside-nav.minimize-on-small > ul.show-menu {height:auto;}
  .top-nav ul ul {
    left:0;
    margin-top:0;
    position:relative;
    right:0;
  } 
  .top-nav li ul li a {min-width:100%;}
  .top-nav li {
    float:none;
    list-style:none outside none;
    padding:0;
  }
  .top-nav li a {
    border-top:1px solid #ffffff;
    color:#fff;
    display:block;
    padding:1.25rem 0.625rem;
    text-align:center;
    text-decoration:none;
  }
  
.top-nav li ul li a {
   border-top:1px solid #ffffff;
}

.top-nav li ul li ul li a {
   border-top:1px solid #ffffff;
}
  
  /**
   * kada stavimo miša na link
   */
  .top-nav li a:hover {
    background:none repeat scroll 0 0 #2A494E;
    color:#fff;
  }
  .top-nav li ul,.top-nav li ul li ul {
    display:block;  
    overflow:hidden; 
    height:0;   
  } 
  .top-nav > ul ul.show-ul {
    display:block;
    height:auto;  
  }
  
  /**
   * padajući meni prvi
   */
  .top-nav li ul li a {
    background:none repeat scroll 0 0 #00408F;
    padding:0.625rem;
    
  /**
   * padajući meni drugi
   */    
  }
  .top-nav li ul li ul li a {
    background:none repeat scroll 0 0 #0049A3;
  }
  
  .nav-text {
    color:#fff;
    display:block;
    font-size:1.2rem;
    line-height:3;
    max-width:100%;
    text-align:center;
  }
  
  .nav-text:after {
   
    font-family:"mfg";
    font-size:1.1rem;
    margin-left:0.5rem;
    text-align:right;
  }
  .l-offset-1,.l-offset-2,.l-offset-five,.l-offset-3,.l-offset-4,.l-offset-5,.l-offset-6,.l-offset-7,.l-offset-8,.l-offset-9,.l-offset-10,.l-offset-11,.l-offset-12{margin-left:0;}
  .m-offset-1 {margin-left:8.3333%;}
  .m-offset-2 {margin-left:16.6666%;}
  .m-offset-five {margin-left:16.6666%;}
  .m-offset-3 {margin-left:25%;}
  .m-offset-4 {margin-left:33.3333%;}
  .m-offset-5 {margin-left:41.6666%;}
  .m-offset-6 {margin-left:50%;}
  .m-offset-7 {margin-left:58.3333%;}
  .m-offset-8 {margin-left:66.6666%;}
  .m-offset-9 {margin-left:75%;}
  .m-offset-10 {margin-left:83.3333%;}
  .m-offset-11 {margin-left:91.6666%;}
  .m-offset-12 {margin-left:100%;} 
  .l-1 {width:8.3333%;}
  .l-2 {width:16.6666%;}
  .l-five {width:20%;}
  .l-3 {width:25%;}
  .l-4 {width:33.3333%;}
  .l-5 {width:41.6666%;}
  .l-6 {width:50%;}
  .l-7 {width:58.3333%;}
  .l-8 {width:66.6666%;}
  .l-9 {width:75%;}
  .l-10 {width:83.3333%;}
  .l-11 {width:91.6666%;}
  .l-12 {width:100%;}
  .s-1 {width:8.3333%;}
  .s-2 {width:16.6666%;}
  .s-five {width:20%;}
  .s-3 {width:25%;}
  .s-4 {width:33.3333%;}
  .s-5 {width:41.6666%;}
  .s-6 {width:50%;}
  .s-7 {width:58.3333%;}
  .s-8 {width:66.6666%;}
  .s-9 {width:75%;}
  .s-10 {width:83.3333%;}
  .s-11 {width:91.6666%;}
  .s-12 {width:100%}
  .m-1 {width:8.3333%;}
  .m-2 {width:16.6666%;}
  .m-five {width:20%;}
  .m-3 {width:25%;}
  .m-4 {width:33.3333%;}
  .m-5 {width:41.6666%;}
  .m-6 {width:50%;}
  .m-7 {width:58.3333%;}
  .m-8 {width:66.6666%;}
  .m-9 {width:75%;}
  .m-10 {width:83.3333%;}
  .m-11 {width:91.6666%;}
  .m-12 {width:100%}
}
@media screen and (max-width:480px) {
  .size-960,.size-1140,.size-1280 {max-width:480px;}
  .aside-nav li a {text-align: center;}
  .minimize-on-small .aside-nav-text {
    background:#152732 none repeat scroll 0 0;
    color:#fff;
    cursor:pointer;
    display:block;
    font-size:1.2rem;
    line-height:3;
    max-width:100%;
    padding-right:0.625rem;
    text-align:center;
    vertical-align:middle;
  }
  .aside-nav-text:after {
    content:"\f008";
    font-family:"mfg";
    font-size:1.1rem;
    margin-left:0.5rem;
    text-align:right;
  }
  .aside-nav.minimize-on-small > ul {
    height:0;
    overflow:hidden;
  }
  .hide-l,.hide-m {display:block;}
  .hide-s {display:none;}
  .count-number {margin-right:-1.25rem;} 
  .l-offset-1,.l-offset-2,.l-offset-five,.l-offset-3,.l-offset-4,.l-offset-5,.l-offset-6,.l-offset-7,.l-offset-8,.l-offset-9,.l-offset-10,.l-offset-11,.l-offset-12,
  .m-offset-1,.m-offset-2,.m-offset-five,.m-offset-3,.m-offset-4,.m-offset-5,.m-offset-6,.m-offset-7,.m-offset-8,.m-offset-9,.m-offset-10,.m-offset-11,.m-offset-12 {margin-left:0;}
  .s-offset-1 {margin-left:8.3333%;}
  .s-offset-2 {margin-left:16.6666%;}
  .s-offset-five {margin-left:16.6666%;}
  .s-offset-3 {margin-left:25%;}
  .s-offset-4 {margin-left:33.3333%;}
  .s-offset-5 {margin-left:41.6666%;}
  .s-offset-6 {margin-left:50%;}
  .s-offset-7 {margin-left:58.3333%;}
  .s-offset-8 {margin-left:66.6666%;}
  .s-offset-9 {margin-left:75%;}
  .s-offset-10 {margin-left:83.3333%;}
  .s-offset-11 {margin-left:91.6666%;}
  .s-offset-12 {margin-left:100%;} 
  .l-1 {width:8.3333%;}
  .l-2 {width:16.6666%;}
  .l-five {width:20%;}
  .l-3 {width:25%;}
  .l-4 {width:33.3333%;}
  .l-5 {width:41.6666%;}
  .l-6 {width:50%;}
  .l-7 {width:58.3333%;}
  .l-8 {width:66.6666%;}
  .l-9 {width:75%;}
  .l-10 {width:83.3333%;}
  .l-11 {width:91.6666%;}
  .l-12 {width:100%;}
  .m-1 {width:8.3333%;}
  .m-2 {width:16.6666%;}
  .m-five {width:20%;}
  .m-3 {width:25%;}
  .m-4 {width:33.3333%;}
  .m-5 {width:41.6666%;}
  .m-6 {width:50%;}
  .m-7 {width:58.3333%;}
  .m-8 {width:66.6666%;}
  .m-9 {width:75%;}
  .m-10 {width:83.3333%;}
  .m-11 {width:91.6666%;}
  .m-12 {width:100%}
  .s-1 {width:8.3333%;}
  .s-2 {width:16.6666%;}
  .s-five {width:20%;}
  .s-3 {width:25%;}
  .s-4 {width:33.3333%;}
  .s-5 {width:41.6666%;}
  .s-6 {width:50%;}
  .s-7 {width:58.3333%;}
  .s-8 {width:66.6666%;}
  .s-9 {width:75%;}
  .s-10 {width:83.3333%;}
  .s-11 {width:91.6666%;}
  .s-12 {
    width:100%
}
}  

.center {
  float:none;
  margin:0 auto;
  display:block;
}

.slika_u_postu {
float:left;
background-color: #ffffff;
border:1px solid #d0d0d0;
margin:0 15px 5px 0;
-webkit-box-shadow:0px 0px 7px 0px #6f6f6f;
box-shadow:0px 0px 7px 0px #6f6f6f;
}

.post_tekst{
    
}

.facebook{
 margin-top:20px;   
    
}

.center {
  text-align: center;
}

.footer {
  text-align: center;
  background:#002b5e;
  padding: 0.6rem;
  border-radius: 0px 0px 15px 15px;
}


.primjer_poruke {
  padding: 0.6rem;  
  border: 5px outset #ffdd00;
  background-color: #ffffff;
  color: #002B5E;   
}