/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700');

body {
	padding:0px;
	margin:0px;
    font-family:  Montserrat, Roboto, Arial, Helvetica, sans-serif !important;
	font-weight:300;
	color: #062A4A;
	font-size:14px;
	line-height:16px;
    font-weight: 300;
	background-color: #A0D3FF;
	max-width:100%;
    background-image:url('../images/bg-top.jpg');
    background-repeat:repeat-x;
    background-position: top;
}

/********** header ********************************************************/
.header {
	/*padding:0 15px; */
}

.header-inner {
	max-width:1000px;
	margin:auto;
	padding:0 15px;
}

.header-inner .logo {
    padding: 30px 0;
    max-height: 125px;
}

.header-inner-navigacija {
    background-color: #2761A1; 
    height: 45px;
}

.header-inner-jezik {
    padding: 15px 0 10px 0;
}

.header-inner-box-social {
    padding-left: 5px ;
    display: inline-block;
}

.header-inner-box-social img {
    max-height: 30px;
}
/********** end header ****************************************************/

/* krovna */
.body-krovna {
    padding:0px;
    margin:0px;
    font-family:  Montserrat, Roboto, Arial, Helvetica, sans-serif !important;
    font-weight:300;
    color:#374971;
    font-size:14px;
    line-height:16px;
    font-weight: 300;
    background-color: #EAEEED;
    max-width:100%;
    height: 100%;
    background-image:url('../images/krovna-bg.jpg') !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center bottom;
    background-size:100%;
}

.krovna {
  display: block;
  position:absolute;
  height:auto;
  bottom:0;
  top:0;
  left:0;
  right:0;
  margin: 30px auto;
  padding: 0 15px;
  max-width: 1000px;
}

.krovna-header {
    min-height:10%;
    text-align: right;
    font-weight: 500;    
}

.krovna-main {
    min-height:70%;
}

.krovna-main .krovna-naslov {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
    padding: 20px 30px 20px 30px;
    color: #ffffff;
    background: rgba( 74, 115, 169, .8 );
}

.krovna-main .krovna-box{
    width:100%; 
    position:relative; 
    padding-top:100%;
    max-height: 100% !important; 
    background-repeat: no-repeat;background-size:100%; 
    background-position:center bottom; 
    border:4px solid #4A73A9;
    border-radius: 6px; 
    -moz-box-shadow:3px 3px 10px 6px #999; 
    -webkit-box-shadow:3px 3px 10px 6px #999;
    box-shadow:3px 3px 10px 6px #999;
    z-index: 10;
}

.krovna-main .sn-box{
    padding-top: 10px;
}

.krovna-main .sn{
    width:100%;
    max-width: 30px;
    margin-left: 5px;
    z-index: 20;
}

.krovna-footer {
    min-height:20%; 
    position: relative;
}

.krovna-footer-inner{
    bottom: 0; 
    position: absolute; 
    width: 100%;   
}

.krovna-footer-bg{
    height:6px;
    background-image:url('../images/krovna-bg-footer.png'); 
    background-repeat: repeat-x;
    background-position: right;
    padding:15px 0;
}
.krovna-footer-tekst{
    text-align: right;
    font-weight: 500;
    color:#374971;
}

/* dropdown */
.krovna-header-jezik{
    
    margin: 0;
    padding: 0;
    float:right;
}

.krovna-header-jezik .dropdown{
    height: 30px;
    width: 110px;
    /*position: absolute;
    right: 0;   */
    border: solid 1px rgba( 0, 0, 0, .2 );
    display: table;
}

.krovna-header-jezik .dropdown a{
    vertical-align: middle;
    color: #4873AA;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    display: table-cell;
}

.krovna-header-jezik .dropdown-menu{
    min-width: 110px;
    width: 110px;
    right: -1px;
    left: auto;
    color: #FFF;
    background-color: #072740;
}

.krovna-header-jezik .dropdown-menu>li>a:visited {
    color: #FFF;
    background-color: #072740;
}

.krovna-header-jezik .dropdown-menu>li>a:link {
    color: #FFF;
}

.krovna-header-jezik .dropdown-menu>li>a:hover {
    color: #FFF;
    background-color: #072740;
    text-decoration: underline;
}

.krovna-header-jezik .dropdown-menu>li>a {
    color: #FFF;
}
/* end krovna */


/********** main **********************************************************/
.main {
    background-image:url('../images/bg-main-bottom.png');
    background-repeat:repeat-x;
    background-position: bottom;
    
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.main-inner {
	max-width:1000px;
	margin:auto;
	padding:0px 15px 0 15px;
    min-height: 300px;
}

.main-inner .text-naslov {
    font-size: 14px; 
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    color: #062A4A;
}

.stranica-naslov {
    background-color: #2761A1;
    padding: 10px 30px;
    font-weight: 400;
    font-size: 18px;
    color:#fff;
    text-transform: uppercase;
}

.stranica-slika {
    width: 100%;
}

.stranica-sadrzaj {
    background-color: #fff;
    min-height: 100px;
}

.stranica-sadrzaj-text {
    padding: 30px;
    line-height: 20px;
}

.stranica-sadrzaj-text  ol {
    padding-left: 15px;
}

.stranica-sadrzaj-text ul {
    padding-left: 15px;
}

.stranica-sadrzaj-text .dropdown ul {
    padding-left: 0px;
}

.ticker-desktop {
    padding: 10px; 
    background-color: #2761A1; 
    color:#fff; 
    font-size: 13px; 
    min-height: 40px;
    display: block;
}

.ticker-mobile {
    display:none;
}

/* dogadjaji */
.main-inner-dogadjaji {
    max-width:1000px;
    margin:auto; 
    /*padding:0px 15px; */  
}
.dogadjaji-box-home {
    background-size:100%; 
    background-position:center top; 
    position:relative;
    font-size: 20px;
    line-height: 22px;
    color:#fff;    
}
.dogadjaji-box-home-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 25px;
  visibility: hidden;
  background: rgba( 0, 22, 47, .5 );
  border: 4px solid #888481;
  color:#fff;
  /*-webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s; */
}
.dogadjaji-box-home:hover .dogadjaji-box-home-overlay{
  visibility: visible; 
}
.dogadjaji-box-home-overlay-text {
    height: 60%;
    overflow: hidden;
}
.dogadjaji-box-home-overlay-text-naslov {
    font-size: 22px; 
    line-height: 26px;
}
.dogadjaji-box-home-overlay-link {
    height: 40%;
    text-align: center;
}
.dogadjaji-box-home-overlay-link-kupi {
    height: 100%;  
    background-color: #2761A1; 
    float:left; 
    width:45%; 
    vertical-align: middle; 
    text-align: center;
    color:#fff;
    /*-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s; */
    cursor: pointer; 
}
.dogadjaji-box-home-overlay-link-kupi:hover { 
    background-color: #1F4E81;
}
.dogadjaji-box-home-overlay-link-info {
    height: 100%;  
    background-color: #C0C0C0; 
    float:right; 
    width:45%; 
    text-align: center;
    color:#fff;
    /*-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s; */
    cursor: pointer; 
}
.dogadjaji-box-home-overlay-link-info:hover { 
    background-color: #959595;
}

.dogadjaji-box-home-overlay-link-info-centar {
    height: 100%;  
    background-color: #C0C0C0; 
    float:right; 
    width:45%; 
    margin-right: 27% !important;
    text-align: center;
    color:#fff;
    /*-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s; */
    cursor: pointer; 
}
.dogadjaji-box-home-overlay-link-info-centar:hover { 
    background-color: #959595;
}


.lista-dogadjaja-filter {
    padding: 30px 20px;
}

.lista-dogadjaja-filter-arhiva{
    padding-bottom: 30px;
}

.lista-dogadjaja-box {
    background-color: #fff;
    color: #062A4A;
}

.lista-dogadjaja-box-rastavnica {
    background-color: #BECEE7; height: 2px; margin: 7px 0;
}

.lista-dogadjaja-box-sadrzaj {
    padding: 10px;
}

.lista-dogadjaja-box-sadrzaj-naslov {
    font-size: 18px; 
    font-weight: 500;
    line-height: 26px;
}

.lista-dogadjaja-box-sadrzaj-naslov-prikaz {
    font-size: 24px; 
    font-weight: 400;
}

.lista-dogadjaja-box-sadrzaj-kategorija {
    padding: 5px 15px; 
    background-color: #062A4A; 
    color: #fff; 
    font-size:14px;
    text-transform: uppercase;
}

.lista-dogadjaja-box-sadrzaj-kategorija-kalendar {
    padding: 5px 15px; 
    font-size:14px;
    text-transform: uppercase;
}

.lista-dogadjaja-box-sadrzaj-antrofile {
    font-size: 16px; 
    padding: 30px 0 20px 0;
}

.lista-dogadjaja-box-sadrzaj-termin {
    background-color: #BECFE3; 
    text-align: center;
}

.lista-dogadjaja-box-sadrzaj-termin-datum {
    display: inline-block;
    padding: 3px; 
    font-size: 30px; 
    line-height: 21px; 
    font-weight: 400; 
    width: 30%;
}

.lista-dogadjaja-box-sadrzaj-termin-datum-mesec {
    font-size: 16px;
}

.lista-dogadjaja-box-sadrzaj-termin-vreme {
    display: inline-block; 
    padding: 5px; 
    font-size: 50px; 
    line-height: 30px; 
    font-weight: 300; 
    padding: 15px 0 0 0; 
    width: 60%; 
    border-left: 10px solid #fff; 
    text-align: center;
}

.lista-dogadjaja-box-sadrzaj-deteljnije {
    background-color: #BECFE3; 
    text-align: center; 
    padding: 20px 5px; 
    margin-top: 10px; 
    font-weight: 400; 
    font-size: 18px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer; 
}
.lista-dogadjaja-box-sadrzaj-deteljnije:hover { 
    background-color: #A6BDD9;
}

.lista-dogadjaja-box-sadrzaj-ulaznice {
    background-color: #2761A1;
    text-align: center; 
    padding: 20px 5px; 
    color:#fff; 
    margin-top: 10px; 
    font-weight: 400;
    font-size: 18px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer; 
}
.lista-dogadjaja-box-sadrzaj-ulaznice:hover { 
    background-color: #215185;
}

.lista-dogadjaja-box-sadrzaj-ulaznice-prikaz {
    background-color: #2761A1;
    text-align: center; 
    padding: 10px 5px; 
    color:#fff; 
    margin-top: 10px; 
    font-weight: 400;
    font-size: 16px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer; 
}
.lista-dogadjaja-box-sadrzaj-ulaznice-prikaz:hover { 
    background-color: #215185;
}

.lista-dogadjaja-box-sadrzaj-prikaz-podeli {
    font-size: 12px; 
    font-weight: 400;
    margin-bottom: 5px; 
}

.lista-dogadjaja-arhiva-galerija {
    background-color: #2761A1;
    text-align: center; 
    padding: 3px 15px; 
    color:#fff; 
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
    float:right; 
}
.lista-dogadjaja-arhiva-galerija:hover { 
    background-color: #215185;
}
/* end dogadjaji*/

.hala-vesti-box {
    background-color:#fff; 
    padding:15px; 
    border-top:8px solid #2761A1;
}

a.link-hala-vesti-naslov:link { color:#062A4A; text-decoration: none; font-size: 18px; line-height: 20px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-hala-vesti-naslov:visited { color:#062A4A; text-decoration: none; font-size:18px; line-height: 20px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-hala-vesti-naslov:hover { color: #111; text-decoration: underline; font-size: 18px; line-height: 20px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-hala-vesti-naslov:active { color: #111; text-decoration: underline; font-size: 18px; line-height: 20px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }

.hala-vesti-box-info {
    background-color:#FFF; 
    font-size:13px;
    font-weight:500;
}

.hala-vesti-box-info-datum {
    display:inline-block; background-color:#2761A1;padding:5px 10px;color:#fff;
}

.hala-vesti-box-info-dalje {
    float: right;
    font-size: 13px;
    font-weight: 400;
    /*padding:5px 10px;*/
}

.hala-vesti-box-info-dalje img {
    max-height:26px;
    padding-left: 5px;
}

.hala-vesti-ne-propustite {
    background-color: #2761A1;
    color:#fff;
    padding:10px;
    font-size: 16px; 
    font-weight: 400;
}


.hala-vesti-ucitaj-jos a {
    background-color: #2761A1;
    padding: 10px 20px;
    font-size: 14px !important;
    color: #FFF !important;
    font-weight: 400;
    letter-spacing: 0.0725em;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    text-decoration:none;
}

.hala-vesti-ucitaj-jos a:hover {
    background-color: #215185;
}

.hala-lupa {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #ffffff;
    background: rgba( 255, 255, 255, .8 );
    margin: 0 30px 15px 0;
    border-radius: 5px;
}
.hala-lupa img {
    max-height: 50px;
}

.hala-slajder {
    padding: 0 10px; 
    padding-top: 1px;
}
.hala-slajder-inner {
    margin: 0 auto; 
    max-width: 940px;
}

.hala-podstranice-naslov {
    font-size: 26px; 
    font-weight: 500;
    line-height: 30px;
}


/* o kompaniji */
.o-kompaniji-prilozi-box-a {
    font-family: Montserrat, Roboto, Arial, Helvetica, sans-serif !important;
    background-color: #fff; 
    padding: 15px 30px; 
    color:#062A4A; 
    font-size: 14px; 
    /*font-weight: 500;*/
    line-height: 16px;
}

.o-kompaniji-prilozi-box-b {
    font-family: Montserrat, Roboto, Arial, Helvetica, sans-serif !important;
    background-color: #D5DDF2; 
    padding: 12px 30px; 
    color:#062A4A; 
    font-size: 14px; 
    /*font-weight: 500;*/
    line-height: 16px;
}

.o-kompaniji-prilozi-opis {
    font-size: 13px; 
    padding-top: 3px;
    font-weight: normal;
}

.o-kompaniji-prilozi-preuzmi {
    float: right;
    background-color:#2761A1;
    color:#fff;
    font-size:14px;
    font-weight:500;
    padding:2px 20px 4px 20px;
    border-radius: 5px;;
}

.o-kompaniji-javne-nabavke-desktop {
    display:blok;
}

.o-kompaniji-javne-nabavke-mobilni {
        display:none;
}

.o-kompaniji-javne-nabavke-mobilni-stavke {
    border:1px solid #2760A3;
    padding: 10px;
    margin-bottom: 15px;
}

a.link-o-kompaniji-prilozi-preuzmi:link { color:#062A4A; font-weight: normal; text-decoration: none; font-size: 13px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-o-kompaniji-prilozi-preuzmi:visited { color:#062A4A; font-weight: normal; text-decoration: none; font-size:13px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-o-kompaniji-prilozi-preuzmi:hover { color: #062A4A; font-weight: normal; text-decoration: underline; font-size: 13px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-o-kompaniji-prilozi-preuzmi:active { color: #062A4A; font-weight: normal; text-decoration: underline; font-size: 13px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }

.benefit-kartice-box {
    background-size:100%; 
    background-position:center top; 
    position:relative;
    font-size: 20px;
    line-height: 22px;
    color:#fff; 
    border-radius:20px;
    border:5px solid #fff;  
    -moz-box-shadow:3px 3px 5px 6px #ccc; 
    -webkit-box-shadow:3px 3px 5px 6px #ccc; 
    box-shadow:3px 3px 5px 6px #ccc;   
}
.benefit-kartice-box-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 25px;
  visibility: hidden;
  background: rgba( 0, 22, 47, .5 );
  border-radius:16px;
  color:#fff;
  /*-webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s; */
}
.benefit-kartice-box:hover .benefit-kartice-box-overlay{
  visibility: visible; 
}

.benefit-kartice-box-overlay-link-kupi {
    height: 100%;  
    background-color: #2761A1;  
    vertical-align: middle; 
    text-align: center;
    color:#fff;
    padding: 15px;
    display: inherit;
    /*-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s; */
    cursor: pointer; 
    font-size: 18px;
    font-weight: 500;
}
.benefit-kartice-box-overlay-link-kupi:hover { 
    background-color: #1F4E81;
}

/* ULAZNICE */
.ulaznice-naslov {
    font-size: 24px; 
    font-weight: 400;
}

.ulaznice-podnaslov {
    font-size: 18px; 
    font-weight: 400;
}

.ulaznice-formular {
    max-width: 320px;
}

.ulaznice-lista-dogadjaja-box-sadrzaj-termin-vreme {
    display: inline-block;
    padding: 5px;
    font-size: 40px;
    line-height: 30px;
    font-weight: 300;
    padding: 15px 0 0 0;
    width: 60%;
    border-left: 10px solid #fff;
    text-align: center;
}
.ulaznice-lista-dogadjaja-box-sadrzaj-termin-datum {
    display: inline-block;
    padding: 3px;
    font-size: 24px;
    line-height: 21px;
    font-weight: 400;
    width: 30%;
}

.ulaznice-lista-dogadjaja-box-sadrzaj-ulaznice {
    background-color: #2761A1;
    text-align: center; 
    padding: 10px 5px; 
    color:#fff; 
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer; 
}
.ulaznice-lista-dogadjaja-box-sadrzaj-ulaznice:hover { 
    background-color: #215185;
}

/* pretraga */

.pretraga-datum {
    
}
.pretraga-naslov {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;   
}
.pretraga-antrofile {
    
}

.pretraga-box-a {
    background-color: #fff; 
    padding: 15px 30px; 
    /*color:#1F2942; 
    font-size: 18px; 
    font-weight: 500; */
}

.pretraga-box-b {
    background-color: #D5DDF2; 
    padding: 12px 30px; 
    /*color:#1F2942; 
    font-size: 18px; 
    font-weight: 500; */
}

a.link-pretraga-naslov:link { color:#1F2942; text-decoration: none; font-size: 18px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-pretraga-naslov:visited { color:#1F2942; text-decoration: none; font-size:18px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-pretraga-naslov:hover { color: #1F2942; text-decoration: underline; font-size: 18px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-pretraga-naslov:active { color: #1F2942; text-decoration: underline; font-size: 18px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }

/*press*/
.press-zaglavlje {
    background-color:#fff; padding:15px 30px; margin:5px 0; font-weight:500; font-size:18px;
    display: block;
}
.press-stavka {
    background-color:#fff; padding:15px 30px;
}

.press-btn-lista {
    background-color: #FFFFFB;
    text-align: center; 
    padding: 10px; 
    color:#2761A1; 
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
    float:right; 
    line-height: 12px;
    display: block;
    margin-left: 5px;
}
.press-btn-lista:hover { 
    background-color: #FFFFFB;
}

.press-btn-lista-off {
    background-color: #BECFE3;
    text-align: center; 
    padding: 10px ; 
    color:#1A466A; 
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
    float:right; 
    line-height: 12px;
    margin-left: 5px;
}
.press-btn-lista-off:hover { 
    background-color: #FFFFFf;
    color:#2761A1; 
}

/*prijava na bilten  */
.sekcija-prijava-bilten {
    background-color: #ABABAB; 
    padding:10px 30px; 
    color: #F8DD4E; 
    font-size: 14px;
    font-weight: 500;
    height: 80px !important;
    -webkit-box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
    -moz-box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
    box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
}

.forma-prijana-na-bilten {
    padding: 5px 0;
    width: 100%;
    height: 50px;
    position: relative;
    left: 0;
    float: left;
    line-height: 22px;
    /*max-width:500px; */
}

.forma-prijana-na-bilten input {
    position: absolute;
    float: left;
    height: 32px;
    line-height: 18px;
    padding: 0 10px 0 10px;
    border-radius:0;
    font-size:12px;
    border: none;
}
.forma-prijana-na-bilten .btn {
    height: 32px;
    position: absolute;
    right: 0;
    top: 5px;
    border: none;
    border-radius:0;
    font-size:12px;
    background-color: #2761A1;
}

.forma-prijana-na-bilten .btn:hover { 
    background-color: #1F4B7C;
}

.popover {background: rgba( 39, 97, 161, .8 ); margin-left: 5px; margin-right: 10px; font-size: 11px; text-align:center; font-family: Montserrat, Roboto, Arial, Helvetica, sans-serif !important;/*background-color: #2761A1;*/}
.popover.top .arrow::after {border-top-color: rgba( 39, 97, 161, .8 ); } 
.popover-content {/*background-color: #2761A1;*/ color:#fff;}
/* end prijava na bilten ***********/


.btn-sekcija{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;  
    background-color:#ABABAB;
    color:#F8DD4E; 
    font-weight: 500;
    font-size:14px; 
    border-radius: 0;
    font-family: Montserrat, Roboto, Arial, Helvetica, sans-serif;
    vertical-align: middle;
    /*min-height: 80px; */
    position: relative;
    width:100%;
    padding: 15px 20px 20px 15px;
    margin-top: 5px;
    -webkit-box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
    -moz-box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
    box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
}

.btn-sekcija-a{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;  
    background-color:#ABABAB;
    color:#F8DD4E; 
    font-weight: 500;
    font-size:14px;
    text-align: center; 
    border-radius: 0;
    font-family: Montserrat, Roboto, Arial, Helvetica, sans-serif;
    cursor: pointer;
    /*height: 100%;  */
    height: 80px !important;
    vertical-align: middle;
    position: relative;
    width:100%;
    padding: 15px;
    margin-top: 5px;
    
    -webkit-box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
    -moz-box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
    box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
    /*box-shadow: inset -3px -3px 5px 0px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset -3px -3px 5px 0px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset -3px -3px 5px 0px rgba(0, 0, 0, .3);
    */
}
.btn-sekcija-a:hover { 
    background-color: #ddd;
    background-image:url('../images/bg-btn-sekcija-a.jpg');
    background-repeat:no-repeat;
    background-size:100%;
    /*background-position: center;*/
}

.btn-sekcija-a:hover .sekcija-tekst-bg { 
    background-color: #2761A1;
    background: rgba( 39, 97, 191, .6 );
    padding: 5px 15px;
}

.btn-sekcija-a:focus {
    background-color:#fff;
    color:#666 !important;
}

/* sekcija b */
.btn-sekcija-b{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;  
    background-color:#ABABAB;
    color:#F8DD4E; 
    font-size:14px;
    font-weight: 500;
    text-align: center; 
    border-radius: 0;
    font-family: Montserrat, Roboto, Arial, Helvetica, sans-serif;
    cursor: pointer;
    /*height: 100%; */
    height: 80px !important;
    vertical-align: middle;
    position: relative;
    width:100%;
    padding: 15px;
    margin-top: 5px;
    -webkit-box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
    -moz-box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
    box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
}
.btn-sekcija-b:hover { 
    background-color: #ddd;
    background-image:url('../images/bg-btn-sekcija-b.jpg');
    background-repeat:no-repeat;
    background-size:100%;
    /*background-position: center;*/
}

.btn-sekcija-b:hover .sekcija-tekst-bg { 
    background-color: #2761A1;
    background: rgba( 39, 97, 191, .6 );
    padding: 5px 15px;
}

.btn-sekcija-b:focus {
    background-color:#fff;
    color:#666 !important;
}

.sekcija-tekst-bg {
    padding: 5px 15px;
    display: inline-block;
}

/* sekcija c */
.btn-sekcija-c{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;  
    background-color:#ABABAB;
    color:#F8DD4E; 
    font-size:14px;
    font-weight: 500;
    text-align: center; 
    border-radius: 0;
    font-family: Montserrat, Roboto, Arial, Helvetica, sans-serif;
    cursor: pointer;
    /*height: 100%; */
    height: 80px !important;
    vertical-align: middle;
    position: relative;
    width:100%;
    padding: 0px;
    margin-top: 5px;
    -webkit-box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
    -moz-box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
    box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
}
.btn-sekcija-c:hover { 
    background-color: #ddd;
    background-image:url('../images/bg-btn-sekcija-c.jpg');
    background-repeat:no-repeat;
    background-size:100%;
    /*background-position: center;*/
}

.btn-sekcija-c:hover .sekcija-tekst-bg { 
    background-color: #2761A1;
    background: rgba( 39, 97, 191, .6 );
    padding: 5px 15px;
}

.btn-sekcija-c:focus {
    background-color:#fff;
    color:#666 !important;
}

/* sekcija d */
.btn-sekcija-d{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;  
    background-color:#ABABAB;
    color:#F8DD4E; 
    font-size:14px;
    font-weight: 500;
    text-align: center; 
    border-radius: 0;
    font-family: Montserrat, Roboto, Arial, Helvetica, sans-serif;
    cursor: pointer;
    /*height: 100%; */
    height: 80px !important;
    vertical-align: middle;
    position: relative;
    width:100%;
    padding: 15px;
    margin-top: 5px;
    -webkit-box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
    -moz-box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
    box-shadow: inset -6px -6px 10px 0px rgba(0, 0, 0, .6);
}
.btn-sekcija-d:hover { 
    background-color: #ddd;
    background-image:url('../images/bg-btn-sekcija-d.jpg');
    background-repeat:no-repeat;
    background-size:100%;
    /*background-position: center;*/
}

.btn-sekcija-d:hover .sekcija-tekst-bg { 
    background-color: #2761A1;
    background: rgba( 39, 97, 191, .6 );
    padding: 5px 15px;
}

.btn-sekcija-d:focus {
    background-color:#fff;
    color:#666 !important;
}

/* prodaja ulaznica */
.prodaja-ulaznica-sponzor {
    float:right;
}
.prodaja-ulaznica-sponzor img {
    max-height:50px;
}
.prodaja-ulaznica-opis {
    text-align:center; 
    font-size:15px; 
    font-weight:400;
}

.prodaja-ulaznica-icon {
    max-height:30px; 
    margin:5px 0 10px 0;
}
/* end prodaja ulaznica */

.center-row {
    display:table;
    margin-right: -0px;
    margin-left: -0px;
}
.center {
    display:table-cell;
    vertical-align:middle;
    float:none;
} 

.gutter-0.row {
    margin-right: -0px;
    margin-left: -0px; 
}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"] {
    padding-right: 0px;
    padding-left: 0px; 
}

.gutter-4.row {
    margin-right: -2px;
    margin-left: -2px; 
}
.gutter-4 > [class^="col-"], .gutter-0 > [class^=" col-"] {
    padding-right: 2px;
    padding-left: 2px; 
}

.gutter-16.row {
    margin-right: -8px;
    margin-left: -8px; 
}
.gutter-16 > [class^="col-"], .gutter-0 > [class^=" col-"] {
    padding-right: 8px;
    padding-left: 8px; 
}

.gutter-60.row {
    margin-right: -30px;
    margin-left: -30px; 
}
.gutter-60 > [class^="col-"], .gutter-0 > [class^=" col-"] {
    padding-right: 30px;
    padding-left: 30px; 
}

/********** dugme fajl ****************/
.btn-file {
  position: relative;
  overflow: hidden;
  font-size: 12px !important;
  min-height: 34px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  /*filter: alpha(opacity=0);*/
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

/* pozadinske slike ***/
.bg-slika-1 {
	background-size:100%; 
	background-position:center top; 
	position:relative;
} 

.bg-slika-1-2 {
	background-size:100%; 
	background-position:center top; 
	height:50%; 
	position:relative;
}
/* end pozadinske slike ***/

/* pozadine stranica */
.pocetna-bg {
    background-image:url(../images/bg-pocetna.jpg);
	background-size:100%;
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#000000;
}
/* end pozadine stranica */

/* vesti */
.baner-vesti {
	border:1px solid #7C7979;
	color:#FFF;
	height:100%; 
}

.baner-vesti-naslov {
	/*background-color:#282324;*/ 
	background: rgba( 255, 255, 255, .2 );
	padding:10px 15px;
	font-size:20px;
	line-height:22px;
	color:#FFF;
}

.baner-vesti-naslov:hover { color:#FFF; }

.baner-vesti-slika-naslov {
	position: absolute; 
	bottom: 0;
	left:0;
	width:100%;
	font-family:Roboto, Arial, Helvetica, sans-serif; 
	font-size:20px; 
	line-height:22px; 
	/*padding:15px 30px; */
	padding:10px 15px; 
	color:#ffffff; 
	background: rgba( 0, 0, 0, .6 );
}

.baner-vesti-opis {
    padding:15px;
}

.video-embed-container {
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    font-size: 0;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25% !important;
    position: relative;
    text-align: left;
    text-rendering: optimizelegibility;
    width: 100%;
}

.baner-row {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -webkit-flex; /* NEW - Chrome */  
	display: -moz-box;  /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.baner-row > [class*='col-'] {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -webkit-flex; /* NEW - Chrome */  
	display: -moz-box;  /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: flex;
	flex-direction: column;
	background-color:transparent;;
	/*align-items: stretch;*/
	/*flex:1 1 auto;*/
}

.baner-home-vesti-slika-naslov {
	position: absolute; 
	bottom: 0;
	left:0;
	width:100%;
	font-family:Roboto, Arial, Helvetica, sans-serif; 
	font-size:36px; 
	line-height:38px; 
	font-weight: 400; 
	padding:20px 30px; 
	color:#ffffff; 
	background: rgba( 0, 0, 0, .6 );
}

.baner-home-vesti-slika-naslov-manji {
	position: absolute; 
	bottom: 0;
	left:0;
	width:100%;
	font-family:Roboto, Arial, Helvetica, sans-serif; 
	line-height:22px; 
	font-size:20px;  
	/*padding:15px 30px; */
	padding:10px 15px; 
	color:#ffffff; 
	background: rgba( 0, 0, 0, .6 );
}
/* end vesti*/

/* mapa sajta */
.mapa-sajta-1 {
    background-color: #2761A1;
    padding:5px;
    /*margin-top:2px;*/
    text-transform:uppercase;
    font-size:16px;
    font-weight:500;
    color:#FFF;
    text-align: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.mapa-sajta-1:hover{
    text-decoration:none;
    color:#fff;
    background-color: #181E2E;
}

.mapa-sajta-2 {
    background-color: #CCD1D7;
    padding:5px;
    /*margin-top:2px;*/
    font-size:16px;
    font-weight:500;
    color:#181E2E;
    text-align: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.mapa-sajta-2:hover{
    text-decoration:none;
    color:#fff;
    background-color: #222B42;
}

/*
.mapa-sajta-2 {
    background-color: #CCD1D7;
    padding: 5px;
    color:#FFF;
    text-align: center;

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.mapa-sajta-2:hover{
    text-decoration:none;
    color:#fff;
    background: rgba( 8, 81, 132, .7 );
}

.mapa-sajta-3 {
    background: rgba( 255, 255, 255, .1 );
    padding:15px;
    padding-left:45px;
    color:#FFF;

    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.mapa-sajta-3:hover{
    text-decoration:none;
    color:#fff;
    background: rgba( 8, 81, 132, .7 );
} */

/* end mapa sajta */

.v-align-table {
	display: table;
	height: 100%;
}
.v-align-col {
	display: table-cell;
  	vertical-align: middle;
	float: none;
}

/***** pomocni meni dropdown ******/
#pomocni-menu-a {
	display:block;
}

#pomocni-menu-b {
	display: none;
}

.pomocni-menu-rastavnica-15 {
	display: none;
}

.custom_select {
	float: left;
	/*margin: 0 20px;*/
	/*background-color: #333;*/
	width:100%;
}

.select_opts { /*background-color: #333;*/ }
.option_title, .option { /*padding: 8px 20px;*/}
.option_title {
	/*font-weight: 600;*/
	padding: 15px;
	padding-right: 30px;
	/*background-color: #999;*/
	background: rgba( 255, 255, 255, .2 );
	color:#FFF;
	font-size:18px;
}

.option { border-top: 1px solid #000000; padding: 15px; background-color:#000; font-size:18px;}
.option:hover { background-color: #0561A1;  }
.option.current {
	color: #FFF;
	background-color: #0561A1;
}

.option_title::selection { background-color: transparent; }
.option_title::-moz-selection {
    background-color: transparent;
}

.arrow {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid white;
}

.custom_select.opened .arrow {
	border-bottom: 10px solid #999;
	border-top: none;
}
/***** end pomocni meni dropdown ******/

/* moduli stranice ***********/
.mod-rastavnica {
	clear:both;
	height:15px;
}

.mod-podnaslov {
	height:1px;
	background-color:#E2E1DC;
	margin:10px 0 20px 0;
}

.mod-podnaslov-kontakt {
	height:1px;
	background-color:#E2E1DC;
	margin:5px 0 10px 0;
}

.mod-podnaslov-linija {
    height:1px;
    background-color:#464646;
    margin:0 0 20px 0;
}

.mod-tekst-naslov {
	font-size:26px;
	color:#444;
	line-height:28px;
	text-transform:uppercase;
}

.mod-tekst-naslov-podstranice {
	font-size:22px;
	color:#666;
	line-height:24px;
	text-transform:uppercase;
}

.mod-tekst-naslov-kontakt {
	font-size:18px;
	color:#DA251A;
	line-height:20px;
	text-transform:uppercase;
}

.mod-tekst-naslov-kontakt-manji {
	font-size:16px;
	color:#555;
	line-height:18px;
}

.mod-slika-leteca {
	float: left;
	margin-right:20px;
	margin-bottom:5px;
	/*position:relative;*/
	clear:none;
}

.mod-slika-ne-leteca {
	padding:0px;
	margin-bottom:30px;
	clear:both;
	/*position:relative;*/
}
/* end moduli stranice ***********/

/* forme ***********/
.form-done { background-color: #005725; color: #fff; padding:15px !important; margin-bottom:30px;}
.form-error {background-color: #AB1217; color: #fff; padding:15px !important; margin-bottom:30px;}
.form-label-custom {font-weight:normal !important;}

.form-posalji{
    background: #2761A1;
    color: #ffffff;
	border-width:0px;
	/*border:2px solid #6B8B30;*/
	border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	padding:7px 30px;
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
	text-transform:uppercase;
    font-size: 14px;
}
.form-posalji:hover { 
  background-color: #1F1A17;
  color: #ffffff; 
}

.form-posalji:focus {
  background: #2761A1;
  color: #ffffff;
}

.form-control-custom {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #062A4A;
    background-color: #BECFE3;
    background-image: none;
    border: 1px solid #BECFE3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

textarea.form-control-custom {
    height: auto;
}

.form-modal-header {
	background-color:#2761A1;
	color:#FFF;
	padding:12px;
    font-size: 16px !important;
	text-transform:uppercase;
}

.form-modal-header h4{
    font-size: 16px !important;
}

.form-modal-header-error {
    background-color:#C60020;
    color:#FFF;
    padding:12px;
    font-size: 16px !important;
    text-transform:uppercase;
}

.form-modal-header-error h4{
    font-size: 16px !important;
}
/* end forme ***********/

/* loader ***********/ 
.loading {
	display:    none;
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, .8 ) 
				url('../images/loader.gif') 
				50% 50% 
				no-repeat;
	text-align:center;
}
.loading > p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: 30px;
	color:#062A4A;
    font-weight: 500;
}
/* end  loader ***********/ 

 .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 4px;
}

/* paginacija ***********/ 
.pagination {
    border-radius: 0;
    font-size: 14px !important; 
    font-weight: 500 !important;
}
.pagination > li {
    float: left;
}
.pagination > li:before {
    /*content: '|';*/
    line-height: 2;
    float: left;
}
.pagination > li:first-child:before {
    display: none;
    content: none;
}
    
.pagination > li > a, 
.pagination > li > a:hover, 
.pagination > li > a:focus, 
.pagination > li > span,
.pagination > li > span:hover,
.pagination > li > span:focus {
    background-color: #2761A1;
    border: 1px solid #2761A1;
    color: #fff;
    margin:0 1px;
    font-size: 14px !important; 
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li.active > a, 
.pagination > li.active > a:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span,
.pagination > li.active > span:hover,
.pagination > li.active > span:focus {
    background-color:#BECDDE;
    border: 1px solid #BECDDE;
    color: #2761A1;
    margin:0 1px;
}

.pagination > .disabled > a, 
.pagination > .disabled > a:focus, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > span, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > span:hover {
    color: #333;
    cursor: not-allowed;
    background: none;
    border: 1px solid #BECDDE;
}

.pagination > li:first-child > a, 
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin:0 1px;
}

.pagination > li:last-child > a, 
.pagination > li:last-child > span {
    margin-left: 0;
    border-radius: 0px !important;
    border-radius: 0px !important;
    margin:0 1px;
}

.pagination-sm > li:last-child > a, 
.pagination-sm > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination .glyphicon {
    padding:2px 0 4px 0;
}
/* end paginacija ***********/ 

/* linkovi  ****************/ 
a:link { color: #2761A1;  text-decoration: none; font-size: 14px;}
a:visited { color: #2761A1;  text-decoration: none; font-size: 14px;}
a:hover { color: #111;  text-decoration: none; font-size: 14px;}
a:active { color: #111;  text-decoration: none; font-size: 14px;}

a.link-footer-meni:link { color:#fff; text-decoration: none; font-size: 14px; font-weight:500; text-transform:uppercase; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-footer-meni:visited { color:#fff; text-decoration: none; font-size:14px;  font-weight:500;text-transform:uppercase; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-footer-meni:hover { color: #fff; text-decoration: underline; font-size: 14px; font-weight:500; text-transform:uppercase; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-footer-meni:active { color: #fff; text-decoration: underline; font-size: 14px; font-weight:500; text-transform:uppercase; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }

a.link-dogadjaji-galerija:link { color:#062A4A; text-decoration: none; font-size: 14px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-dogadjaji-galerija:visited { color:#062A4A; text-decoration: none; font-size:14px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-dogadjaji-galerija:hover { color: #111; text-decoration: underline; font-size: 14px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }
a.link-dogadjaji-galerija:active { color: #111; text-decoration: underline; font-size: 14px; font-family:Montserrat, Roboto, Arial, Helvetica, sans-serif; }

/* pomocni meni */
ul.nav-justified {
    list-style:none;
    /*background-color:#eee;*/    /* TEST background-color */
    text-align:justify;
    padding:0;
    margin:0;
}
ul.nav-justified li {
    display:inline-block;
    width:auto;
    /*background-color:#cff;*/    /* TEST background-color */
    padding:0 10px;
	/*font-size:18px;
	line-height:50px;*/
	color:#FFF;
}
ul.nav-justified:after {
    content:'';
    display:inline-block;
    width:100%;
}

ul.nav-justified .element {
    font-size:34px;
	color:#34B4EF;
	line-height:42px;
	font-family:Roboto, Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;
	font-weight:300;
}

a.link-pomocni-meni:link { color:#fff; background:none !important; text-decoration: none; font-size: 16px; font-weight:400; text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-pomocni-meni:visited { color:#fff; background:none !important; text-decoration: none; font-size:16px;  font-weight:400;text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-pomocni-meni:hover { color: #fff; background:none !important; text-decoration: none; font-size: 16px; font-weight:400; text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-pomocni-meni:active { color: #fff; background:none !important; text-decoration: none; font-size: 16px; font-weight:400; text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }
/* end linkovi  ***********/ 

/* vesti*/
a.link-vesti-naslov:link { color:#444; text-decoration: none; font-size: 20px; line-height:22px; text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-vesti-naslov:visited { color:#444;text-decoration: none; font-size:20px; line-height:22px; text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-vesti-naslov:hover { color: #111; text-decoration: none; font-size: 20px; line-height:22px; text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-vesti-naslov:active { color: #111; text-decoration: none; font-size: 20px; line-height:22px; text-transform:uppercase; font-family:Roboto, Arial, Helvetica, sans-serif; }

.vest-objava {
	position:relative; 
	padding:30px; 
	border:1px solid #989696;
}

.vesti-naslov {
	color:#fff; 
	font-size: 26px;
	line-height:28px;
	font-family:Roboto, Arial, Helvetica, sans-serif;
}

.vesti-autor {
	color:#fff; 
	font-size: 15px;
	line-height:17px;
	font-family:Roboto, Arial, Helvetica, sans-serif;
}

.vesti-slika-autor {
	position: absolute; 
	top: 0;
	left:0;
	/*width:100%;*/
	font-family:Roboto, Arial, Helvetica, sans-serif; 
	font-size:12px;  
	line-height:14px; 
	padding:5px; 
	color:#ffffff; 
	background: rgba( 0, 0, 0, .7 );
	margin:30px 0 0 30px;
}

.vesti-datum {
	color:#ccc; 
	font-size: 13px;
	line-height:14px;
	font-family:Roboto, Arial, Helvetica, sans-serif;
}

a.link-vesti-izdvajamo-naslov:link { color:#444; text-decoration: none; font-size: 15px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-vesti-izdvajamo-naslov:visited { color:#444;text-decoration: none; font-size:15px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-vesti-izdvajamo-naslov:hover { color: #111; text-decoration: none; font-size: 15px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-vesti-izdvajamo-naslov:active { color: #111; text-decoration: none; font-size: 15px; font-family:Roboto, Arial, Helvetica, sans-serif; }

.vesti-izdvajamo-antrofile {
	font-size:14px;
	color:#999;
}
/* end vesti*/

/* scroll top */
.scrollToTop{
	width:60px; 
	height:60px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:30px;
	right:30px;
	display:none;
	background: url('../images/btn-top.png') no-repeat 0px 0px;
}
.scrollToTop:hover{
	text-decoration:none;
}
/* end scroll top */
/********** end main ******************************************************/

/********** FOOTER ********************************************************/
.footer {
	color:#fff;
	font-size:14px;
	padding:0;
    background-image:url('../images/bg-footer.jpg');
    background-repeat:no-repeat;
    background-size:100%;
    background-position: bottom;
    background-color: #A0D3FF;
}

.footer-inner {
	max-width:1000px;
	margin:auto;
	padding:0 15px;
}

.footer-baner {
    background-image:url('../images/bg-footer-transparentna.png');
    background-repeat: repeat;
    text-align: center;
}

.footer-baner-inner {
    max-width:1000px;
    margin:auto;
    padding:15px;
}
.footer-baner-inner img {
    margin-left: 15px;
    margin-bottom: 15px;
    max-height: 43px;
}

.footer-baner-inner .naslov {
    font-size: 12px;
    color:#fff;
    margin-bottom: 5px;
    text-align: left;
}

.footer-baner-inner .foto-copyright {
    font-size: 12px;
    color:#fff;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
}

.footer-bg-transparentna {
    background-image:url('../images/bg-footer-transparentna.png');
    background-repeat: repeat;
    text-align: center;
    padding: 5px;
}

.footer-stavka {
    padding: 10px 0;
    font-weight: 500;
}

.footer-text-copyright-a {
	text-align:left;
}

.footer-text-copyright-b {
	text-align:right;
}

.footer-gmap{
    background-image:url('../images/mapa-footer.jpg');
    background-repeat:no-repeat;
    background-position: center;
    min-height: 360px !important;
}

.footer-gmap-cir{
    background-image:url('../images/mapa-footer-cir.jpg');
    background-repeat:no-repeat;
    background-position: center;
    min-height: 360px !important;
}

.footer-copyright {
    color: #fff; 
    text-align: center;
    font-size: 11px;
    font-weight: 400; 
    background-color: #00162E; 
    padding: 30px 15px;    
}

.footer-social-mobile {
    display: none;    
}

a.link-footer:link { color:#222; text-decoration: none; font-size: 14px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-footer:visited { color:#222;text-decoration: none; font-size:14px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-footer:hover { color: #34B4EF; text-decoration: none; font-size: 14px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-footer:active { color: #34B4EF; text-decoration: none; font-size: 14px; font-family:Roboto, Arial, Helvetica, sans-serif; }

a.link-footer-foto-copyright:link { color:#fff; text-decoration: none; font-size: 12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-footer-foto-copyright:visited { color:#fff;text-decoration: none; font-size:12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-footer-foto-copyright:hover { color: #fff; text-decoration: underline; font-size: 12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
a.link-footer-foto-copyright:active { color: #fff; text-decoration: underline; font-size: 12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
/********** END FOOTER **************************************************/

/********** elementi ****************************************************/
.element-rastavnica {
	height:30px;
	clear:both;
}

.element-rastavnica-xs {
	display:none;
}

.element-rastavnica-xs-15 {
	display:none;
}

.element-rastavnica-40 {
    height:40px;
    clear:both;
}

.element-rastavnica-50 {
	height:50px;
	clear:both;
}

.element-rastavnica-20 {
    height:20px;
    clear:both;
}

.element-rastavnica-15 {
	height:15px;
	clear:both;
}

.element-rastavnica-10 {
	height:10px;
	clear:both;
}

.element-rastavnica-sm-show-5 {
    display:none;    
}

.element-rastavnica-xs-show-5 {
    display:none;
}

.element-border-radius-0 {
  border-radius: 0;
}

.element-sm-right-xs-left {
  text-align:right;
}
.element-sm-left-xs-center {
  text-align:left;
}

.element-sm-float-right-xs-float-left {
  float: right;
  margin-top: 0;
}

.no-padding {
    padding:0;
}

.element-rastavnica-navigacija {
    height:10px;
    clear:both;
}

.element-rastavnica-sm-45 {
    height:45px;
    clear:both;
}

.element-rastavnica-sm-30 {
    height:30px;
    clear:both;
}
/********** end elementi ************************************************/

@media screen and (max-width: 1200px){

}
/**************************************************************************************************/

@media screen and (max-width: 992px){
	 .element-rastavnica-sm-show-5 {
        display:block;
        height:5px;
        clear:both;   
    }
}

@media screen and (max-width: 890px){

}

/**************************************************************************************************/
@media screen and (max-width: 767px){
	/* main ***********************************/
    .krovna-main .krovna-naslov {
        font-size: 13px;
        padding: 5px;
    }
    .krovna-main .sn{
        max-width: 30px;
        margin-left: 3px;
    }

	/* pozadine */
	.pocetna-bg {
		background-image:url(../images/bg-pocetna-xs.jpg);
		background-size:100%;
		background-position:center top;
		background-repeat:no-repeat;
		background-color:#000000;
	}
	/* end pozadine */
    
    .stranica-naslov {
        padding: 10px 15px;
    }
    
    .stranica-sadrzaj-text {
        padding: 15px;
    }
    
    .ticker-desktop {
        display:none;
    }

    .ticker-mobile {
        padding: 10px; 
        background-color: #2761A1; 
        color:#fff; 
        font-size: 13px; 
        min-height: 40px;
        display: block;    
    }
    
    .dogadjaji-box-home-overlay{
      visibility: visible; 
    }
    
    .benefit-kartice-box-overlay{
      visibility: visible; 
    }
	
    .press-zaglavlje {
        display: none;
    }
    .press-stavka {
        padding: 15px;
    }
    
    .press-btn-lista {
        display: none;
    }
    
    .lista-dogadjaja-arhiva-galerija {
        float: none;
        max-width: 100px;
    }
    
    .o-kompaniji-prilozi-box-a {
        padding: 15px;
    }
    
    .o-kompaniji-prilozi-box-b {
        padding: 15px;
    }
    
    .o-kompaniji-prilozi-preuzmi {
        padding: 2px 5px 4px 5px;
    }
    
    .o-kompaniji-javne-nabavke-desktop {
        display:none;
    }
    
    .o-kompaniji-javne-nabavke-mobilni {
        display: block;
    }
	
	.nopadding-opis {
		padding:15px 0;
	}
	
	.baner-vesti-slika-naslov {
		font-size:20px; 
		line-height:22px;  
	}
	
	.baner-home-vesti-slika-naslov {
		line-height:22px; 
		font-size:20px; 
		font-weight:300;
		padding:10px 15px;
	}
	
	.baner-home-vesti-slika-naslov-manji {
		line-height:22px; 
		font-size:20px;   
	}
	
	.v-align-table {
		display: block;
		height:auto;
	}
	.v-align-col {
		display: block;
		height:auto;
	}

	/* vesti */
	.vest-objava {
		padding:0; 
		border: none;
	}
	
	.vesti-slika-autor {
		margin:0;
	}
	/*  end vesti */
	/*end  main ***********************************/

	/* footer *************************************/
    .footer-baner-inner img {
        margin-left: 5px;
        margin-bottom: 10px;
        max-height: 30px;
    }

	.footer-text-copyright-a {
		text-align:left;
		font-size:12px;
	}
	
	.footer-text-copyright-b {
		text-align:left;
		font-size:11px;
	}
	
	.footer-icon-sn-footer {
		max-height:26px;
		padding-right:0;
	}
	
	.footer-text-naslov {
		font-size: 13px;
	}
	
	a.link-footer:link { color:#222; text-decoration: none; font-size: 12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
	a.link-footer:visited { color:#222;text-decoration: none; font-size:12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
	a.link-footer:hover { color: #34B4EF; text-decoration: none; font-size: 12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
	a.link-footer:active { color: #34B4EF; text-decoration: none; font-size: 12px; font-family:Roboto, Arial, Helvetica, sans-serif; }
		
	a.link-footer-naslov:link { color:#222; text-decoration: none; font-size: 13px; font-family:Roboto, Arial, Helvetica, sans-serif; }
	a.link-footer-naslov:visited { color:#222;text-decoration: none; font-size:13px; font-family:Roboto, Arial, Helvetica, sans-serif; }
	a.link-footer-naslov:hover { color: #34B4EF; text-decoration: none; font-size: 13px; font-family:Roboto, Arial, Helvetica, sans-serif; }
	a.link-footer-naslov:active { color: #34B4EF; text-decoration: none; font-size: 13px; font-family:Roboto, Arial, Helvetica, sans-serif; }
	/*end  footer ***********************************/
	
	.element-rastavnica-xs {
		display:block;
		height:30px;
		clear:both;
	}
	
	.element-rastavnica-xs-15 {
		display:block;
		height:15px;
		clear:both;
	}
	
	.element-sm-right-xs-left {
	  text-align:left;
	}
    
    .element-sm-left-xs-center {
      text-align:center;
    }
    
    .element-sm-float-right-xs-float-left {
      float: left;
      margin-top:5px;
    }

    .element-rastavnica-xs-show-5 {
        display:block;
        height:5px;
        clear:both;
    }
    
    .element-rastavnica-sm-45 {
        display:none;
    }
    
    .element-rastavnica-sm-30 {
        display:none;
    }
	
    .box {
		height: auto !important;
	}

    #footerCenter .center-row, .center {
        width:100% !important;
        height:auto;
        max-width: 100% !important;
        margin-bottom: 15px;
    }
    
    .footer-social-mobile {
        display: block;    
    }
    
    .footer-social-mobile .left {
        float: left;
        line-height: 30px;  
    }
    .footer-social-mobile .right {
        float: right; 
    }
}

@media screen and (max-width: 370px){
	.krovna-main .sn{
        max-width: 25px;
        margin-left: 3px;
    }
}

/******************************************************************************/

.advertis-left {
    left: 50%;
    margin-left: -1035px;
    position: fixed;
    text-align: right;
    top: 0;
    width: 530px;
    display:block;
}
.advertis-right {
    left: 50%;
    margin-left: 510px;
    position: fixed;
    top: 0;
    width: 540px;
    display:block;
}

/* Responsive Styles */
@media (max-width: 1199px) {

    .advertis-left,
    .advertis-right {
        display:none;
    }
    /*
    .advertis-left {
        margin-left: -970px;
        top: 200px;
    }
    .advertis-right {
        margin-left: 470px;
        top: 200px;
    }
    */
}
@media (max-width: 991px) {
    
    .advertis-left,
    .advertis-right {
        display:none;
    }
    /*
    .advertis-left {
        margin-left: -860px;
        top: 250px;
    }
    .advertis-right {
        margin-left: 360px;
        top: 250px;
    }
    */
}
@media (max-width: 767px) {
    .advertis-left,
    .advertis-right {
        display:none;
    }
}