/* Font icons za responsive meni i ostalo */
/*
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-avnbpf');
	src:url('../fonts/icomoon.eot?#iefix-avnbpf') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-avnbpf') format('woff'),
		url('../fonts/icomoon.ttf?-avnbpf') format('truetype'),
		url('../fonts/icomoon.svg?-avnbpf#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
     /* na starom je bilo 
    color: #333;
    font-family: "Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 21px;
       end na starom ...*/
    
    /* Novo:  font: 16px/26px Helvetica, Helvetica Neue, Arial;   -  probati 14/24  */
    /* Ne koristi apsolutne veli�ine, kao �t je px !!! */
    /* font: 16px/26px "Trebuchet MS",Verdana,Helvetica,Helvetica Neue,Arial,sans-serif; */
    /**** font: 14px/24px "Trebuchet MS",Verdana,Helvetica,Helvetica Neue,Arial,sans-serif; ****/
    font: 1.1em/1.5em "Trebuchet MS",Verdana,Helvetica,Helvetica Neue,Arial,sans-serif;
    /* dodao */
    /* letter-spacing: 0.3px;
    color: #333; */
}

body.site {
    border-top: none;
    padding: 0;
    background-color: transparent;
}

.body .container {
	background-color: transparent;
	-moz-border-radius: unset;
	-webkit-border-radius: unset;
	border-radius: unset;
	padding: 20px;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
        padding-top: 10px;
}

.headercontainer.container {
    padding-bottom: 0;
}


@media (max-width: 767px) {
    body {
    	padding-left: 0;
	padding-right: 0;
    }
}

/* spoljni omotač - outer wrapper, bitan za Canvas Off meni */
.row-fluid {
	overflow: hidden;
	position: relative;
}

.container-fluid {
    padding-right: 1.5%;
    padding-left: 1.5%;
    *zoom: 1;
}

/* izmena: sa 90 na 94%  
   izmena:  10.7.15. ubacio overflow:hidden; da bi meni elementi imali desnu marginu */
.wrapper {
    width: 96%;
    margin: 0 2%;
    overflow:hidden;
}

/* malo je 960! */
/*
.container {
   max-width: 960px;
}
*/

/* ovo sam morao da uradim override jer se na mobile ekranu, kada se zatvori 
   meni prikazivala praznima umesto sadrzaja, koje je bio pomeren skroz dole, nije
   bio vidljiv! */
/* template.css override 4833. */
[class*="span"],
	.uneditable-input[class*="span"],
	.row-fluid [class*="span"] {
    /* float: none; */            
    float: left;
}            



/* Ovo sam dodao jer nije bilo vidi OReily Leraning Responsive Web design str. 95/ Bilo je u normalize.css */
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h1, h2, h3 { font-weight: bold; }

/* P JE VEC POSTAVLJENO NA 1EM U NORMALIZE.MIN.CSS */
/*p, ul { font-size: 1em;}*/

li {
    line-height: 1.3em;
    margin-bottom: 10px;
}

/* Pager nav u dnu strne */
.pager li {	
    line-height: 1.5em;
    font-size: .9em;
    display: block;
    width:auto;
}
.pager li.previous {
    float:left;
}    
.pager li.next {
    float:right;
}   
/* End Pager nav u dnu strne */

/*  NOVO 3.12.20. */
.pad-mar-0 {
    padding:0!important;
    margin:0!important;
}
/* End novo */

/* Ovo je za testiranja broja karaktera u liniji */
/*.testnochars { background-color: #aaa; }*/

/* Znaci saobracajca ima Article index  */
.article-index {
	float: left!important;
   margin: 0 1.5em!important;
}

.pagenavcounter {
   margin: 0 0 10px 0;
}

/* 11.5.15 POJMOVI  U SAOBRACAJU */
.pojmovi {
  margin: 0 0 2em;
}


.pojmovi_header {
  height: 1.2em;
}

.pojmovi_header p {
  /*color: #24367f;*/
  font-size: 1.1em;
  font-weight: bold;
  margin-left: 5px;
}

.pojmovi img {
  float: left;
  margin: 10px ;
}

.pojmovi_tekst{margin:5px 5px}

/* Tabela u clanku - npr. Broj časova obuke*/
table.article_table{border:2px groove #999;max-width:99%}

@media (max-width: 480px) {
   table.article_table{border:2px groove #999;max-width:90%;font-size:.9rem}; 
}    

table.article_table thead td{background:#6495ed;color:#fff}
table.article_table td{border:1px dotted #999;padding:5px 0 5px 4px }
table.article_table tbody tr.p{background:#f0fff0}
table.article_table tbody tr.n{background:#fffaf1}
table.article_table thead td {text-align:center}

/* tabela sa clancima u blog layout-u  - Saobracajni znaci  - Izmena 12.5.15 */
table.category{max-width:100%;margin-top:15px;}
table.category thead td{background:#6495ed;color:#fff}
table.category td{padding: 10px 0 10px 7px;}
table.category thead td {text-align:center}
/*table.category tr {line-height: 45px;}*/
table.category tr.sectiontableentry1 {
  background: none repeat scroll 0 0 #fbfbfb;
}


/* ZNAKOVI - clanci sa znakovinma - Sprite */
/* selektori za saobracajne znakove - znaci opasnosti */

.znakopasnosti {
width:100px;
height:87px;
/*margin:0 0 0 5px; */
background: url("../../../images/autoskola/znakovi_opasnosti_sprite.gif") no-repeat scroll transparent;

width:100px;
height:87px;
/* Dodao 5.5.15 - za mobile */
max-width:100px;
max-height:87px;
}

#opasnakrivina {background-position: -400px 0;} 

#krivinanalevo {background-position: 0 0;}
#krivinanadesno {background-position: -100px 0;}

#visekrivinanaprvadesno {background-position: -300px 0;}
#visekrivinanaprvalevo {background-position: -200px 0;}
#opasnanizbrdica {background-position: 0 -88px;}
#opasanuspon {background-position: -100px -88px;}
#suzenjeputadesno {background-position: -200px -88px;}
#suzenjeputalevo {background-position: -300px -88px;}
#suzenjeputa {background-position: -400px -88px;}
#neravankolovoz {background-position: 0 -175px;}
#ulegnuce {background-position: -100px -175px;}
#prevoj {background-position: -200px -175px;}
#kamenjeprsti {background-position: -300px -175px;}
#klizavkolovoz {background-position: -400px -175px;}
#pokretnimost {background-position: 0 -262px;}
#blizinaobale {background-position: -100px -262px;}
#odronsdesna {background-position: -200px -262px;}
#odronsleva {background-position: -300px -262px;}
#bocnivetarsdesna {background-position: -400px -262px;}
#bocnivetarsleva {background-position: 0 -349px;}
#neucvrscenabankina {background-position: -100px -349px;}
#opasnostnaputu {background-position: -200px -349px;}
#kruznitok {background-position: -300px -349px;}
#saobracajuobasmera {background-position: -400px -349px;}
#nailazenjenasemafore1 {background-position: 0 -436px;}
#nailazenjenasemafore2 {background-position: -100px -436px;}
#kolonavozila {background-position: -200px -436px;}
#ukrstputistevazn {background-position: -300px -436px;}
#ukrstputpravugao {background-position: -400px -436px;}
#ukrstputpravugaolevo {background-position: 0 -523px;}
#ukrstputpravugaodesno {background-position: -100px -523px;}
#ukrstputostarugaolevo {background-position: -200px -523px;}
#ukrstputostarugaodesno {background-position: -300px -524px;}
#ukrstputtupugaolevo {background-position: -400px -523px;}
#ukrstputtupugaodesno {background-position: 0 -609px;}
#pesacinaputu {background-position: -100px -610px;}
#pesacki {background-position: -200px -610px;}
#decanaputuops {background-position: -300px -610px;}
#biciklistinaputu {background-position: -400px -610px;} 
#radovinaputu {background-position: 0 -695px;}
#zivotinjenaputu {background-position: -100px -695px;}
#divljacnaputu {background-position: -200px -696px;}
#blizinapiste {background-position: -300px -695px;}
#tunel {background-position: -400px -695px;}
#tramvajskapruga {background-position: 0 -782px;}
#prelazprugabranik {background-position: -100px -782px;}
#prelazprugabezbranika {background-position: -200px -782px;}
#andrejinkrst1 {background-position: 0 -869px;}
#andrejinkrst2 {background-position: -100px -870px;}
#priblpruzibranik {background-position: -200px -869px;}
#priblpruzibezbranika {background-position: -300px -869px;}
/* znaci zabrane i ogranicenja */
.znakzabrane {
width:100px;
height:100px;
/*margin:0 5px 0 5px; */
background: url("../../../images/autoskola/znakovi_zabrane_sprite.gif") no-repeat scroll transparent;
/* Dodao 5.5.15 */
max-width:100px;
max-height:100px;
}
#ukrstsprvprol {background-position: 0 0;}
#stop {background-position: -101px 0;}
#zabrsaobobasmera {background-position: -202px 0;}
#zabrsaobjedansmer {background-position: -303px 0;}
#zabrskrlevo {background-position: -404px 0;}
#zabrskrdesno {background-position: 0 -101px;}
#zabrpolukruznog {background-position: -101px -101px;}
#zabrsaobsvavozilaosimmot {background-position: -202px -101px;}
#zabrsaobbus {background-position: -303px -101px;}
#zabrsaobtervoz {background-position: -404px -101px;}
#zabrsaobcisterne {background-position: 0 -202px;}
#zabrsaobzapmat {background-position: -101px -202px;}
#zabrsaobopasteret {background-position: -202px -202px;}
#zabrprikvozosimpolup {background-position: -303px -202px;}
#zabrprikvoz {background-position: -404px -202px;}
#zabrzatraktor {background-position: 0 -303px;}
#zabrzamotocikle {background-position: -101px -303px;}
#zabrzamoped {background-position: -202px -303px;}
#zabrzabicikl {background-position: -303px -303px;}
#zabrzazaprvozila {background-position: -404px -303px;}
#zabrzarucnakolica {background-position: 0 -404px;}
#zabrzapesake {background-position: -101px -404px;}
#zabrsaobsvavozila {background-position: -202px -404px;}
#zabrsvamotizapvoz {background-position: -303px -404px;}
#zabrzavozoznsimb {background-position: -404px -404px;}
#zabrsirina {background-position: 0 -505px;}
#zabrvisina {background-position: -101px -505px;}
#zabrmasa {background-position: -202px -505px;}
#zabrosovina {background-position: -303px -505px;}
#zabrduzina {background-position: -404px -505px;}
#zabrodstojanje {background-position: 0 -606px;}
#zabrpretic {background-position: -101px -606px;}
#zabrpretickamion {background-position: -202px -606px;}
#zabrbrzina {background-position: -303px -606px;}
#zabrsirena {background-position: -404px -606px;}
#zabrprvprol {background-position: 0 -707px;}
#stopcarina {background-position: -101px -707px;}
#stoppolicija {background-position: -202px -707px;}
#stopputarina {background-position: -303px -707px;}
#zabrzaustipark {background-position: -404px -707px;}
#zabrpark {background-position: 0 -808px;}
#zabrparknepar {background-position: -101px -808px;}
#zabrparkpar {background-position: -202px -808px;}
/* znaci obaveze */
.znakobaveze {
width:100px;
height:100px;
/* Dodao 5.5.15 */
max-width:100px;
max-height:100px;

/*margin:0 5px 0 5px; */
background: url("../../../images/autoskola/znakovi_obaveze_sprite.gif") no-repeat scroll transparent;
}

#obavnajmbrz {background-position: 0 0;}
#obavlanci {background-position: -101px 0;}
#obavbicstaza {background-position: -202px 0;}
#obavpesstaza {background-position: -303px 0;}
#obavbicpesstaza {background-position: -404px 0;}
#obavjahacstaza {background-position: 0 -101px;}
#obavsmerpravo {background-position: -101px -101px;}
#obavsmerdesno {background-position: -202px -101px;}
#obavsmerlevo {background-position: -303px -101px;}
#obavsmerpolulevo {background-position: -404px -101px;}
#obavsmerpoludesno {background-position: 0 -202px;}
#obavdozvsmerpl {background-position: -101px -202px;}
#obavdozvsmerpd {background-position: -202px -202px;}
#obavdozvsmerld {background-position: -303px -202px;}
#obavobildesno {background-position: -404px -202px;}
#obavobillevo {background-position: 0 -303px;}
#obavobilobestrane {background-position: -101px -303px;}
#obavkruznitok {background-position: -202px -303px;}
#obavpolukruzno {background-position: 0 -404px;}
#obavsmeropasanteret {background-position: -101px -404px; max-height:161px; height:161px;}
#obavsmerteretnavozila {background-position: -202px -404px; max-height:161px; height:161px;}

/* znaci obavestenja */
.znakoobavest1 {
width:100px;
height:100px;
/* Dodao 5.5.15 */
max-width:100px;
max-height:100px;
/*margin:0 0 0 5px; */
background: url("../../../images/autoskola/znakovi_obavestenja_sprite.gif") no-repeat scroll transparent;
}
.znakoobavesthor2 {
width:140px;
height:93px;
/* Dodao 5.5.15 */
max-width:140px;
max-height:93px;
/*margin:0 0 0 5px; */
background: url("../../../images/autoskola/znakovi_obavestenja_sprite_hor.gif") no-repeat scroll transparent;
}
.znakoobavesttable3 {
/*width:140px;
height:93px;*/

/* Dodao 5.5.15 */
width:140px;
max-width:140px;

/*margin:0 0 0 5px; */
background: url("../../../images/autoskola/znakovi_obavestenja_sprite_table.gif") no-repeat scroll transparent;
}
.znakoobavestvert4 {
width:100px;
height:150px;
/* Dodao 5.5.15 */
max-width:100px;
max-height:150px;

/*margin:0 0 0 5px; */
background: url("../../../images/autoskola/znakovi_obavestenja_sprite_vert.gif") no-repeat scroll transparent;
}
/* Tab 1 */
/* znakobavest1 */
#prvprolvozsupsmer {background-position: -404px -505px;}
#jednosmulicakvad {background-position: -202px -303px;}

#jednosmulica {
  background-position: 0 -909px;
  width:150px;
  /* Dodao 5.5.15 */
  max-width:150px;

  height:40px
}

#putsprvprol {background-position: -101px -202px;}
#prestputsprvprol {background-position: -202px -202px;}
#prepbrzina {background-position: -202px -404px;}
#slepiput {background-position: -404px -303px;}
#prepuspsaob {background-position: -303px -505px;}
#oznacpesacprelaz {background-position: -303px -303px;}
#decanaputu {background-position: -303px -404px;}
/* znakobavestvert4 */
#zonaskole {background-position: -303px -906px;}
#prestzoneskole {background-position: -404px -906px;}
/* znakobavest1 */
#pesackazona {background-position: -404px -404px;}
#krajpesackezone {background-position: 0 -505px;}
#zona30 {background-position: -101px -505px;}
#krajzone30 {background-position: -202px -505px;}
/* znakobavesthor2 */
#zonauspsaob {background-position: -141px -188px;}
#krajzoneuspsaob {background-position: -282px -188px;}
#namvozilalevozab {background-position: -141px -94px;}
/* znakobavesttable3 */
#prestrojvozila {background-position: -282px -441px;width:140px;height:140px}
/* znakobavesthor2 */
#saobtrakabus {background-position: -282px -94px;}
#krajsaobtrakabus {background-position: 0 -188px;}
/* znakobavestvert4 */
#trakazasporavoz {background-position: 0 -906px;}
#krajtrakezasporavoz {background-position: -101px -906px;}
/* znakobavesthor2 */
#nacinkorsaobtrake {background-position: 0 -282px;}
/* znakobavest1 */
#tabzausmlevo {background-position: -303px -707px;height:62px}
#tabzausmdesno {background-position: -404px -707px;height:62px}
#tabzausmlevoduga {background-position: 0 -808px;width:180px;height:62px}
#tabzausmdesnoduga {background-position: -202px -808px;width:180px;height:62px}
/* znakobavestvert4 */
#naizmpropvozila {background-position: 0 -1057px;}
/* znakobavesthor2 */
#radar {background-position: -141px -282px;}
/* znakobavestvert4 */
#opasnadeonica {background-position: -202px -906px;}
/* Tab 2 */
/* znakobavest1 */
#prestzabpret {background-position: 0 0}
#prestzabpretter {background-position: -101px 0}
#prestogrbrz {background-position: -202px 0}
#prestzabzvuc {background-position: -303px 0}
#prestsvihzab {background-position: -404px 0}
/* Tab 3   obaveze */
/* znakobavest1 */
#prestnajmbrz {background-position: 0 -101px}
#prestlanci {background-position: -101px -101px}
#zavrbicstaze {background-position: -202px -101px}
#zavrpesstaze {background-position: -303px -101px}
#zavrjahacstaze {background-position: -404px -101px}
#zavrpesbicstaze {background-position: 0 -202px}
/* ----------------------------------------------------------------------------- */
/* Tab 4 */
/* znakoobavesttable3 */
#raskrsnica {background-position: -141px 0;width:140px;height:127px}
#kruznaraskrsnica {background-position: -282px 0;width:140px;height:106px}
#prestrojavvozila {background-position: 0 0;width:140px;height:106px}
/* znakoobavesthor2 */
#strelastiputokaz {background-position: -282px -282px;width:140px;height:65px}
#putokaznatabla {background-position: -282px -470px;width:140px;height:95px}
/* znakoobavesttable3 */
#potvrdapravca {background-position: -141px -439px;width:141px;height:171px}
#pretpzaizlaz {background-position: 0 -439px;width:141px;height:171px}
/* znakoobavesthor2 */
#putokazizlazzel {background-position: 0 -376px;height:70px}
#putokazizlazzut {background-position: -141px -376px;height:70px}
#putokazizlazpla {background-position: -282px -376px;height:70px}
/* znakoobavesttable3 */
#putzaprestrdomestap {background-position: 0 -288px;width:141px;height:151px}
#putzaprestrdomestad {background-position: -141px -288px;width:141px;height:151px}
#putzaprestrdomestal {background-position: -282px -288px;width:141px;height:151px}
#pretputtabizlaz {background-position: 0 -127px;width:141px;height:122px}
#nazivpetlje1 {background-position: -141px -127px;width:141px;height:117px}
#nazivpetlje2 {background-position: -282px -127px;width:141px;height:161px}
/* ----------------------------------------------------------------------------- */
/* Tab 5 */
/* znakobavestvert4 */
#autoput {background-position: -404px -604px;}
#zavrsetakautoputa {background-position: 0 -755px;}
#tabzaoznizlaza {background-position: -404px -755px;}
#motoput {background-position: -202px -604px;}
#zavrsetakmotoputa {background-position: -303px -604px;}
/* znakobavest1 */
#brojputa {background-position: 0 -606px;height:50px}
#kilometrazaputa {background-position: -101px -606px;height:50px}
#brojputadeonicekilom {background-position: -202px -606px;height:55px}
#brojmedjunputa {background-position: -303px -606px;height:50px}
/* znakobavesttable3 */
#brzinenaputu {background-position: 0 -610px;width:140px;height:280px}
/* ----------------------------------------------------------------------------- */
/* Tab 6 */
/* znakobavesthor2 */
#nazivnaseljmesta {background-position: 0 0;}
#zavrnaseljmesta {background-position: -141px 0;}
#naselje {background-position: -282px 0;}
#zavrsetaknaselja {background-position: 0 -94px;}
#nazivulice {background-position: -282px -564px;height:50px}
/* ----------------------------------------------------------------------------- */
/* Tab 7 - parkiranje */
/* znakobavest1 */
#zonaogrpark {background-position: -303px -202px}
#izlzonaogrpark {background-position: -404px -202px}
#parkiraliste {background-position: 0 -303px}
#parkinggaraza {background-position: -101px -303px}
/* znakobavestvert4 */
#vremogrpark {background-position: 0 0}
#parkivozise {background-position: -101px 0}
/* ----------------------------------------------------------------------------- */
/* Tab 8 - objekti na putu i uz put */
/* znakobavestvert4 */
#bolnica {background-position: -202px 0}
#prvapomoc {background-position: -303px 0}
#radionica {background-position: -404px 0}
#telefon {background-position: 0 -151px}
#pumpa {background-position: -101px -151px}
#hotel {background-position: -202px -151px}
#restoran {background-position: -303px -151px}
#kafana {background-position: -404px -151px}
#terenizlet {background-position: 0 -302px}
#kampsator {background-position: -101px -302px}
#kampprikol {background-position: -202px -302px}
#kampsatorprikol {background-position: -303px -302px}
#plandom {background-position: -404px -302px}
#pomocnaputu {background-position: 0 -453px}
#vatrosluzba {background-position: -101px -453px}
#busstajaliste {background-position: -202px -453px}
#tramvstanica {background-position: -303px -453px}
#aerodrom {background-position: -404px -453px}
#luka {background-position: 0 -604px}
#info {background-position: -101px -604px}
/* Tab 8-1 - objekti na putu i uz put */
/* znakobavesthor2 */
#stanicapolicije {background-position: -141px -564px;}
/* znakobavest1 */
#putniobjekat {background-position: -101px -404px}
/* znakobavesthor2 */
#reka {background-position: 0 -564px;height:51px}
/* znakobavestvert4 */
#planprevoj {background-position: -303px -755px;}
/* znakobavest1 */
#brojserp {background-position: 0 -404px}
/* znakobavestvert4 */
#prohodnostputa {background-position: -202px -755px;}
/* znakobavesthor2 */
#odmoriste {background-position: 0 -658px;height:81px}
#izlazodmoriste {background-position: -141px -658px;height:57px}
/* ----------------------------------------------------------------------------- */
/* Tab 9 */
/* znakobavesthor2 */
#turistinfotabla {background-position: -282px -658px;}
#turstrelplandom {background-position: 0 -752px;height:60px}
#turstrelaero {background-position: -141px -752px;height:60px}
/* ----------------------------------------------------------------------------- */
/* Tab 10 */
/* znakoobavesttable3 */
#predzaobilazak {background-position: -141px -610px;width:140px;height:200px}
#obilazak {background-position: 0 -470px;height:60px}
/* znakobavestvert4 */
#skretsaobiztrutr {background-position: -202px -1057px;height:120px}
#pribskretsaobiztrutr {background-position: -101px -1057px}
#zatvsaobtrl {background-position: -303px -1057px;height:120px}
#zatvsaobtrd {background-position: -404px -1057px;height:120px}
#pribzatvsaobtrl {background-position: 0 -1208px}
#pribzatvsaobtrd {background-position: -101px -1208px}
#predznzatdestr {background-position: -202px -1208px}
#predznzatlevtr {background-position: -303px -1208px}
#predznotvdestr {background-position: -404px -1208px}
#predznotvlevtr {background-position: 0 -1359px}
#predznepregsaob {background-position: -101px -1359px}
/* znakobavesthor2 */
#ogrkorsaobtr {background-position: -141px -470px}
/* ----------------------------------------------------------------------------- */
/* Tab 11 */
/* znakobavestvert4 */
#pesackiprolaz {background-position: -101px -755px;}
/* znakobavest1 */
#izlazopasnostl {background-position: -404px -606px;height:85px}
#izlazopasnostd {background-position: 0 -707px;height:85px}
#udaljizlazopasnostl {background-position: -101px -707px;height:45px}
#udaljizlazopasnostd {background-position: -202px -707px;height:45px}



/* 5.05.15  ------------   DOPUNSKE   TABLE    -------------------------  */

img.znakdoptab {
    width:140px;
/* height: 122px;*/
   max-width:140px;
/* max-height: 122px;*/
}

/*  5.05.15 ------------   Poredjenje znakova  - tabela   -------------------------  */
table.tabporznak td {
  vertical-align:top;
  padding-top:5px;
}

table.tabporznak img {
   width:140px;
   max-width:140px;
}

/* End ZNAKOVI */



/* ===================
    Tema
   =================== */
   
/* Dodao */
a {
    /*color:#24367f;*/
    color:#2145da;
    font-weight:800;
    outline:medium none;
    text-decoration:none;
}   

a:hover, a:active {
   color: #1f79eb;
   text-decoration:underline;
}
/*  ---  */

#head_wrap.header-container {
    border-bottom: 20px solid #24367F;
}

.header-container {
   -webkit-box-shadow: 0 5px 10px #aaa;
   -moz-box-shadow: 0 5px 10px #aaa;
   box-shadow: 0 5px 10px #aaa;
}

.header {
   margin-top:0;
   margin-bottom:0;
   float:left;
   width:100%;
}

.header-inner a {
    /*background: url("../images/logo.png") no-repeat scroll left top transparent;*/
    color: transparent;
    display: block;
    /*
    font-family: Georgia,"Times New Roman",serif;
    font-size: 30px;
    font-style: italic;
    */
    text-decoration: none;
    height: 120px;
    width: 300px;
    
}
/* slika gore desno heder Izmena 2.5.15  */
#header_top_right img, .header-search {
    float: left;
    /*display:none;*/
}    

@media (min-width: 980px) {
    #header_top_right img {  
        display:block;
        float: right;
    }    
}    

.header-search {
    margin-top: 10px;
}

/* logo u sticky baru */
#ltablogotext {
    /*margin-left: calc((100% - 160px) / 2);*/
    display: inline-block;
    margin-left: 30px;
    visibility: hidden;  
    margin-bottom: 5px;    
}

/* izmena */

/*
.footer-container,
.main aside {
    border-top: 20px solid #24367F;
}
*/

.footer-container {
   border-top: 20px solid #24367F;
   padding-top:15px;
}


/* Desna kolona */

#aside {
    margin-bottom:20px;
    /*padding-left:10px;*/
    /*margin-right:10px;*/
}

#aside div > div {
    padding-left:5px;
}

.header-container,
.footer-container,
#aside {
    background: #95AAFF;
}

/* dodao  */
#aside {
    background: transparent;
}

/* naslov za module u levoj i desnoj koloni */
#aside h3, #navmain div h3 {
  background:#24367f;
 background-image:-webkit-gradient(#4e5fa4 /* #6574b4 * #4e5fa4*/, #24367f);
 background-image:-webkit-linear-gradient(#4e5fa4 /* #6574b4 * #4e5fa4*/, #24367f);
 background-image:-moz-linear-gradient(#4e5fa4 /* #6574b4 * #4e5fa4*/, #24367f);
 background-image:-o-linear-gradient(#4e5fa4 /* #6574b4 * #4e5fa4*/, #24367f);
 background-image:linear-gradient(#4e5fa4 /* #6574b4 * #4e5fa4*/, #24367f);
  box-shadow: 0 5px 6px #aaa;
  color: #fff;
  font-variant: small-caps;
  font-weight: 700;
  margin: 8px 0 6px;
  overflow: hidden;
  padding: 5px 0;
  text-align: center;
  text-transform: none;
  width: 99%;
}

/* end dodao  */

.title {
    color: white;
    font-size: 1.5em;
    line-height: 1.8em;
    font-style: italic;
    margin: 0 0;
}


.subtitle {
    color: white;
    float: left;
    clear:left;
    margin: 0 0;
    font-style: italic;
}

/* leva kolona - Meniji */
#sidebar ul.menu li {
	border-bottom: 1px solid #dde2e6;
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
        font-size: 1.2em;
}

/* Meni u levoj koloni */

#sidebar ul.menu {list-style:none;text-align:left;display:block}
#sidebar ul.menu li {border-bottom:1px solid #dde2e6;width:100%;margin:0;padding:0;float:left}
#sidebar ul.menu li ul li {border-bottom:none}

#sidebar ul.menu li a, #sidebar ul.menu li a:link {
     display:block;width:inherit;text-decoration:none;/*color:#57778a*/;
     background:url(../images/menu_arrow.gif) center left no-repeat;margin:2px 0;padding:10px 0 10px 10px; height:auto
}

#sidebar ul.menu li a span {display:inline-block;width:80%;float:left}
/* dodao 22.4.15 zbog Chrome-a - ne prikazuje podmenije */
#sidebar ul.menu li.parent div {float:left}

#sidebar ul.menu li a:hover,  
#sidebar ul.menu li a:active  
{color:#1f79eb;background:url(../images/menu_arrow_hover.gif) center left no-repeat;cursor:pointer}

#sidebar ul.menu li.parent ul li a {text-align:left;margin:0 0 0 10px;font-size: 1.1em;}

/* current meni  - meni koji  je selektovan, promena boje */
#sidebar ul.menu li.current > a,#sidebar ul.menu li.current > a:link {color:#1f79eb; font-weight:bold}

/* dugme za otvaranje podmenija u levoj koloni, u glavnom meniju */
/*
.btn{
    width:26px;
    height:26px;
    background:transparent url(../images/folder-plus-blue.png) no-repeat center center;
    border:0;
    margin:0 1px
}
*/

/* Proba sa plavim gradientom za dugme Read moree. Blog layout
.btn {
    background: #24367f;
	background-image: -webkit-gradient(#4e5fa4 , #24367f);
	background-image: -webkit-linear-gradient(#4e5fa4 , #24367f);
	background-image: -moz-linear-gradient(#4e5fa4 , #24367f);
	background-image: -o-linear-gradient(#4e5fa4 , #24367f);
	background-image: linear-gradient(#4e5fa4 , #24367f);
	box-shadow: 0 5px 6px #aaa;
	color: #fff;
}
*/

.btn {
   margin-top: 10px;   
   margin-bottom: 10px;
   font-size: inherit;
   line-height: inherit;
}    
.imgup{background:transparent url(../images/folder-minus-blue.png) no-repeat center center}

/* ==============
    MOBILE: Menu
   ============== */
   
#nav-open-btn {
   display:block;
}    
   
   
nav {
   float:left;
   width:auto;   
  
}   

/* Originalna postavka */
nav ul {
    margin: 0;
    padding: 0;
    float: left;
    font-variant: small-caps;
    width:auto;
}

nav li {
  /*float:left;*/
  /*border: 1px solid #666; */
  /*background-color: #24367f;*/
}


/* Bilo u redu 980, prebacio ovde.  
    nav a {
         display:block;
        float: left;
        * izmena *
        * width: 27%; *
        width: 99%;
        padding: 5px;

        * dodao *
        *border-right: 1px solid #dde2e6;*
    }
*/    

nav a, .nav-collapse .nav > li a, .nav-collapse .nav > li.active > a {
    display: block;
    float:left;
    width:99%;
    
    /*margin: 5px 0;*/
    margin: 0;
    padding: 5px;
    

    /*text-align: center;*/
    text-decoration: none;
    font-weight: bold;

    /*color: white;*/
     /* ltablice staro */
     /*color: #d9e5f5; */
     /* Prva var. stavi�u �isto belo, bolji UX */
     /*
     color: #fff;
     background-color: #24367f;
     */
     
    /*background: #e44d26;*/
    
    /* Druga var. teget na beloj pozadini */
    color: #24367f;
    /*background-color: #fff;*/
    
}

/*
.nav-collapse .nav > li a, .nav-collapse .nav > li.active > a {
	color: inherit;
}
*/

/*
nav a:hover,
nav a:visited {
*/
    /*color: white;*/
    /* Ltablice staro */
    /* color: #d9e5f5; */
    
    /* neka tekst bude beo, bolji UX */
    /*color: #fff;*/
    /* ili teget na belom */
    /* color: #24367f; */
    /*
    color: #1f79eb;
}
*/

nav a:hover, nav a:active  {
    text-decoration: underline;
}




/* Dodao: Breadcrumbs - Pathway  - Izmene 12.5.15 */ 
   .pathway {
       /*float:left;*/
       /* 3.12.20. width:100%;*/
       /*width:auto;*/
   }
   
   .breadcrumb {
       background-color: inherit;
       /*width: 100%;*/
       padding:0;
       margin: 5px 0 10px;
   }
   span.breadcrumb.pathway {
	margin-bottom: 20px;
   }

   span.breadcrumb.pathway a.pathway  {
   display:inline-block;
   width:auto;
   }

    /* Dodao 12.5.15  */
    .breadcrumb.pathway > span {
      display: inline-block;
      float: left;
    }

    .pathway img {
        width:10px;
        height:7px;
        float:left;
        display:block;
        margin: 8px 8px 0;
    }   

    .breadcrumb > ul {
        list-style: none;  
    }
    .breadcrumb > li > .divider {
        /*padding: 0 5px;*/
        /*color: #ccc;*/
        background: url(../images/arrow.png) center left no-repeat;
        margin-left: 5px;
        margin-left: 5px;
    }
    /*  End Breadcrumbs */
    
    
/* za off-canvas meni */
 

/* Deo za funkcionisanje menija kada ne radi JS - Start , koriscenjem pseudo elementa :target */
/*
#nav-open-btn a {
    display: block;
}
 
 @media (max-width: 767px) {      
.row-fluid [class*="span"]:first-child, 
.row-fluid #sidebar:target {
     float: left;  * ovo znaci da je width:auto *
     margin-left: 0;
  }    
     
 * :target primenjujem kada JS nije aktivan u brozeru *
 .row-fluid [class*="span"]:first-child, 
 .row-fluid #sidebar:not(:target) {
    z-index: 0;   
    overflow: hi
    zoom: 1;
    margin-left:-1000px;
  } 
 }
 
 @media (min-width: 768px) { 
   * :target primenjujem kada JS nije aktivan u brozeru *
  .row-fluid #sidebar:not(:target) {
    z-index: 1;    
    overflow: hidden;
    zoom: 1;
  }  
 }    
 */
 /* Deo za funkcionisanje menija kada ne radi JS - End */

/* radi
#sidebar.canvasoff-wrap.closed {
*/
   /*height:0;
   width:0;*/
   /*transition: width .35s ease;   */
   /* radi
   left: -500px;
   position: relative;
   width: 0;
   height: 0;

}
#sidebar.canvasoff-wrap.open {
   width:auto;
   height:auto;
   */
   /*left: auto;
   position: auto;*/
/* radi }*/

/* iz starog css-a 2015.g. */

/* Izmena 8.07.15  - Dodao */

.js #sidebar.canvasoff-wrap {
   /* kada ubacim opacity vidim tranziciju i u nestanku menija */ 
   /* transition: opacity .5s ease-in, transform 0.5s ease; */
  -webkit-transition:  transform 0.5s ease;           
  -moz-transition:  transform 0.5s ease;           
  -o-transition:  transform 0.5s ease;           
   transition:  transform 0.5s ease;                      
}

.js #sidebar.canvasoff-wrap.closed {
  position:absolute; 
  max-height: 0;
  height:0;
  /* Kada izbacim scale, meni ulazi sa leve strane */
  /*transform: scale(0, 0);*/
  /* kada izbacim opacity ili stavim na 1, vidi se izlazak menija */
  opacity:0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);     
  /*transform-origin: 100% 100%;*/
}  

.js #sidebar.canvasoff-wrap.opened {
  position:relative;  
  max-height: 100%;
  height:100%;
  /*transform: scale(1, 1);*/
  opacity:1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  
}

/* *******************************************
 * Off canvas meni - dodatak CSS3 transition *
 *********************************************/
 /* Verzija ver.3 - pomeranje celog kontejnera: .main, koji sadrži i meni i članak, udesno. */
 

/* END iz starog css-a 2015.g. */

/* end za off-canvas meni */

/* Sticky bar */
#stickybar {
    padding-top: 10px;
    padding-bottom:0; 
}
  
#stickybar.fixed {
    /*position:fixed;*/
    position:sticky;
    top:0;
    width:96%;
    /*height:35px;*/
    opacity:1;
    z-index:400;  
    background-color: #fff;    
    box-shadow: 0 3px 2px #aaa;
    /*transition: top 0.2s ease-in-out;*/
    /*padding-bottom:5px;   */
}

#stickybar.fixed #ltablogotext {
    visibility: visible;
    /* -webkit-transition: all 1s ease-out 50ms;
    transition: all 1s ease-out 50ms; */    
}

@media (min-width: 980px) {
    
    #stickybar.fixed {
       left: 10%; 
       left: calc((100% - 960px) / 2);
    }

}

/* -------------------------------------------------------------*/
/* Druga varijanta za dugme, za toggle menija u levom sidebar-u.*/
/* -------------------------------------------------------------*/
#nav-open-btn.hamburger {
  font-size: 22px; /*26px*/
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  padding: 0;
  cursor: pointer;
  vertical-align: middle;
  border: 0 none;
  background: transparent;
}

/**
 * Button height fix for Firefox
 */
#nav-open-btn.hamburger::-moz-focus-inner {
  padding: 0;
  border: 0 none;
}

/**
 * Focus fix for Chrome
 */
#nav-open-btn.hamburger:focus {
  outline: 0;
}

/* Draw bar in hamburger icon*/
#nav-open-btn.hamburger:before,
#nav-open-btn.hamburger:after {
  content: "";
}

#nav-open-btn.hamburger:before,
#nav-open-btn.hamburger .icon,
#nav-open-btn.hamburger:after {
  display: block;
  width: 100%;
  height: .2em;
  margin: 0 0 .2em;
 -webkit-transition: transform .2s ease-in-out;           
 -moz-transition: transform .2s ease-in-out;         
 -o-transition: transform .2s ease-in-out;          
  transition: transform .2s ease-in-out;    
  border-radius: .05em;
  background: #596c7d;
}

/* fix za .icon iz css-a za testove, selektor .icon koji sprečava 
   ham ikonu da radi dobro u testovima. */
#nav-open-btn.hamburger .icon {
    float:none;
    padding: 0px !important;
}

/**
 * Styles for the active `.hamburger` icon
 */
#nav-open-btn.hamburger.active:before,
#nav-open-btn.hamburger.active .icon,
#nav-open-btn.hamburger.active:after {
  background: #2c3e50;
}

 /* close ham ikone */
#nav-open-btn.hamburger.hamburger-cancel.active .icon {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

#nav-open-btn.hamburger.hamburger-cancel.active:before {
  -webkit-transform: translateY(.4em) rotate(135deg);
  -moz-transform: translateY(.4em) rotate(135deg);
  -ms-transform: translateY(.4em) rotate(135deg);
  -o-transform: translateY(.4em) rotate(135deg);
  transform: translateY(.4em) rotate(135deg);
}

#nav-open-btn.hamburger.hamburger-cancel.active:after {
  -webkit-transform: translateY(-.4em) rotate(-135deg);
  -moz-transform: translateY(-.4em) rotate(-135deg);
  -ms-transform: translateY(-.4em) rotate(-135deg);
  -o-transform: translateY(-.4em) rotate(-135deg);
  transform: translateY(-.4em) rotate(-135deg);
}

/* End Hamburger Icon */


/* Pagination */
/* #test_strana p.counter{*/
p.counter{    
    margin:10px 0 5px;
    padding-left:10px;
   /* clear:left;*/
    background:#24367f; /* ltab original #57778a*/ 
    color:white;
    /**/
    float:left;
    clear:right;
    width: 100%;
}
/* #test_strana nav .pagination-list li { */
nav .pagination-list li
{    
  display: inline-block;
  border: 1px solid navy;
  border-radius: 3px;    
  margin: 5px 3px;
  /* var1. padding: 10px 1.4em;*/
  /* var2 */
  padding: 3px 9px;
  width:auto;
  text-decoration:none;
  background-color:#fff;
  color:#24367f;
}

/* var2 */
/* #test_strana nav .pagination-list li a { */
nav .pagination-list li a {
  display: inline-block;
  float: none;
  font-weight: normal;
  margin: 0 0 0 -0.2em;
  padding: 10px 0.5em;
}

/* override rules iz template.css*/
.pagination ul > .active > a, .pagination ul > .active > span {
	color: inherit;
	cursor: default;
}
.pagination ul > li > a, .pagination ul > li > span {
   background-color: transparent;
   border: none;    
}    

.pagination ul > li > a:hover, 
.pagination ul > li > a:focus, 
.pagination ul > .active > a, 
.pagination ul > .active > span {
	background-color: transparent;
}

.pagination ul > .disabled > span, 
.pagination ul > .disabled > a, 
.pagination ul > .disabled > a:hover, 
.pagination ul > .disabled > a:focus {
	color: #fff; 
	cursor: default;
}
/* End override rules iz template.css*/

/* var1
nav .pagination-list li a {
   font-weight:normal;
   display: inline-block;
   float:none;
   padding:0;
   margin:0;
*/   
  /*
  background-color:#24367f;
  color:#fff;
  */
  /*
  background-color:#fff;
  color:#24367f;
  */

/* #test_strana nav .pagination-list li.disabled, #test_strana nav .pagination-list li.active { */
nav .pagination-list li.disabled, nav .pagination-list li.active {    
  background-color:#24367f;

  /*cursor: default;*/
  /* var2 */
  /*padding: 13px 1.6em;*/
}

/* #test_strana nav .pagination-list li.disabled a, #test_strana nav .pagination-list li.active a{ */
nav .pagination-list li.disabled a, nav .pagination-list li.active a{    
     color:#fff;
     text-decoration: none;
}    

/* #test_strana .pagination-list li a:hover, #test_strana .pagination-list li a:active { */
.pagination-list li a:hover, .pagination-list li a:active {    
  text-decoration:underline;
  font-size:1.1em;  
}
/* Pagination End */


/* Joomla - slika u testu */
/* Ne treba jer imam za img {max-width:100%}  
.testimg > img {
  max-width: 337px;
}
*/

/* Blog Layout */

/* nav stacked */
.items-more::before {
    content: "Još članaka: ";
    /*text-decoration:underline;*/
    font-size:1.7em;   
    font-weight: bold;
}
.items-more ol {
    margin-top: 10px;
    /*list-style-image: url(../images/menu_arrow.gif);*/
}
.items-more ol > li > a {
    background:  url(../images/menu_arrow.gif) 5px center no-repeat;
    padding-left:25px;
}
.items-more ol > li:nth-child(2n+1) a {
    background-color: #f9f9f9;
}
.items-more ol > li > a:before {
  /*content: "* ";*/
}   
.nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus {
    border: 1px solid #1f79eb;
}
/* End nav stacked */

/* meni futer */
.footer-container ul.menu-fut {
   width: max-content;
}

.footer-container ul.menu-fut li {
    margin-bottom: 10px;
    display: inline-block;
}

ul.nav.menu-fut li > a {
  display: inline-block;
  padding: 10px 0.5em;
  /* Override 
     2897: .nav > li > a:hover, .nav > li > a:focus { 
     202: i a:hover, a:focus {
     28: i outline: thin dotted #333;*/
  background-color: transparent;
  outline: none;
}

ul.menu-fut li > a:hover, ul.menu-fut li > a:active {
    text-decoration: underline;
    text-shadow: 3px 3px 12px rgba(255, 255, 255, 1),-2px -2px 12px rgba(255, 255, 255, 1);
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
    /* dodao */ 
    float:left 
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.goglheaderlinks {
	clear: both;
	margin-bottom: 0;
	padding-bottom: 0;
	height: 20px;
}

.dizajn {
  text-align: center;
}

/* ========================================================================== */
/* Izmene 24.05.21. Dodao selektor #sidebar.canvasoff-wrap za ekran <=979px(Mobile) da smanjim CLS-Cumulative Layout Shift 
   tj. pomeranje contenta na gore, posle aktiviranja JS i jQ, samim tim i Widgeta Meni, koji "uklanja" meni kada je ekran
   manji od 980px (Mobile). Kada ga ukloni, na njegovo mesto, vertikalno, na gore, "ulazi" content. To uzrokuje veliki CLS.
   Zato što se meni inicijalno prikaže na mobilnom, pa kada Widget meni proradi, meni se ukloni, bez akcije korisnika sajta.
   Ovim kodom, ja u startu uklanjam meni čim je u pitanju ekran <980px.
*/
@media (max-width: 979px) {
/* Ovde da dodam ? */
#sidebar.canvasoff-wrap {
  position:absolute; 
  max-height: 0;
  height:0;
  /* Kada izbacim scale, meni ulazi sa leve strane */
  /*transform: scale(0, 0);*/
  /* kada izbacim opacity ili stavim na 1, vidi se izlazak menija */
  opacity:0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);     
  /*transform-origin: 100% 100%;*/
} 
}  

/* 17.01.22. Ne prikazujem u hederu strane sliku devojke, za manje ekrane */
#header_top_right img {
   display: block;
}
@media(max-width: 500px) { 
 #header_top_right img {
    display: none;
 }
}   
/* 24.6.23. chg add. Problem sa Pagin. na mob. */
nav ul.pagination-list {
 display: flex;
 flex-wrap: wrap;
 gap: .5em;
 /*padding:0 5px;*/
}