@font-face {
    font-family: NexaRegular;
    src: url("../fonts/NexaRegular.otf") format("opentype");
}
html, body {
    height: 100%;
}

html {
    display: table;
    margin: auto;
}

body {
    font-family: NexaRegular, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #595959;
    background-color:#E3E3DA;
    display: table-cell;
}


h1{
  font-size: 30px;
}

h2{
  font-size: 24px;
}


.article h2{

  font-size: 20px;
  color:#15a8c0;
  font-weight: bold;
  margin-top: 0px;
}

li > a.heder_link:hover 
{
  text-decoration: underline;
  opacity:0.8;
  filter:alpha(opacity=80);/* For IE8 and earlier */
}

a.logo_link{
  text-decoration: none;
}

.navbar-default .navbar-nav>li>a.heder_link
{
  font-weight:500;
  color:white; 
  padding-top:5px;
  padding-bottom: 3px;
}

.navbar-collapse{
  max-height: none;
}

.petina {
  margin-bottom:0px;
  padding: 0.3em 1em; 
}
.bez_paddinga
{
  padding: 0px;
}
.padding_top_0_5em
{
  padding-top: 0.5em;
}
.padding_top_1em
{
  padding-top: 1em;
}
.padding_top_3em
{
  padding-top: 3em;
}
.padding_top_4em
{
  padding-top: 4em;
}
.padding_top_5em
{
  padding-top: 4em;
}
.padding_left_0em
{
  padding-left: 0em;
}
.padding_left_0_3em
{
  padding-left: 0.3em;
}
.padding_left_0.8em
{
  padding-left: 0.8em;
}
.padding_left_0_8em
{
  padding-left: 0.8em;
}
.padding_left_1em
{
  padding-left: 1em;
}
.padding_left_3em
{
  padding-left: 3em;
}
.padding_left_4em
{
  padding-left: 4em;
}
.padding_left_4_5em
{
  padding-left: 4.5em;
}
.padding_1em
{
  padding: 1em;
}
.padding_4em
{
  padding: 0em 4em;
}
.padding_left_right_1em
{
  padding-left: 1em;
  padding-right: 1em;
}
.padding_top_bottom_1em
{
  padding-top:1em;
  padding-bottom:1em;
}
.bez_margina
{
  margin: 0px;
}
.margin_bottom_0_5em
{
  margin-bottom: 0.5em;
}
.margin_top_0_5em
{
  margin-top: 0.5em;
}
.margin_bottom_0_3em
{
  margin-bottom: 0.3em;
}
.margin_top_0_2em
{
  margin-top: 0.2em;
}
.margin_1em
{
  margin: 1em;
}
.slider
{
  margin-bottom: 0px;
}
.bela_pozadina
{
  background-color: white;
}
.crna_pozadina
{
  background-color: black;
}
.boja_0099cc
{
  color: #0099cc;
}
.boja_999999
{
  color: #999999;
}
.boja_666666
{
  color: #666666;
}
.gallery_album_container{
  padding: 0em 4em;
  padding-top: 1em;
}
.heder_textura
{
  background-image:url("../img/heder_textura.png");
  background-repeat:repeat;
}
.futer_textura
{
  background-image:url("../img/footer_textura.png");
  background-repeat:repeat;
}
.container_naslovna
{
  padding: 0em 2.5em;
  padding-top: 1em;
}
.clanak_naslovna
{
  float: left;
  width: 50%;
  min-width: 200px;
  padding: 1.5em;
  padding-bottom: 0em;
}
.naslov_clanka_naslovna
{
  margin-bottom: 0.2em;
}
.horizontalna_linija_naslovna
{
  /*margin: 0.3em;*/
  margin: 0.3em;
  margin-left: 0em;
}
.text-justify
{
  text-align:justify;
}

.slika_u_pozadini_naslova
{
  background-repeat:no-repeat;
  padding:0.8em 0em;
  padding-left:18em;
  max-height: 94px;
  min-height: 94px;
  
}
.opis_stranice
{
  /*padding:1.3em 0.8em;*/
  padding:19px 11px; 
  padding-bottom: 0;
  max-width:350px;
  line-height: 1.1;
}
.clear_both
{
  clear:both;
}
.sirina_banera
{
  max-width: 100%;
  margin:auto;
}
.futer
{
  padding:0.4em 0em;
  background-color:#F4F4F4;
}
.border_right_0
{
  border-right:0px;
}
.futer_row
{
  font-size:0.8em;
  /*font-weight:bold;*/
  padding-top:2em;
  padding-left:5em;
  padding-right:5em;
  padding-bottom:0em;
  color: #777;
}

.futer_row a{
  color:#777;
}
.futer_row a:hover{
  color:#999;
}
.pages_meni_futer
{
  border-left:1px solid #555;
  border-right:1px solid #555; 
  padding:0em 1em;
  max-width:480px;
}
.pages_link_futer
{
  border-right:1px solid #444; 
  float:left; 
  padding: 0em 0.8em; 
  text-align:center;
}
.pages_futer_link
{
  font-size:1em;
  /*font-weight:bold;*/
  color:#999999;
}
.futer_paragraf
{
  clear:left;
  font-size:0.9em;
  margin:0px; 
  padding-top:0.5em;
  padding-left:0em;
  /*color:#999999;*/
}
.disclaimer_div
{
  margin-top:2.5em;
  padding:0em 1em;
}
.disclaimer_p
{
  text-align:justify;
  font-weight:normal;
}
.div_albumi
{
  padding-top:4em;
  padding-bottom:1em;
}
.div_album
{
  margin-right:1.2em;
  margin-bottom:0.6em;
  width:30%;
}
.dekoracija_linka
{
  text-decoration:underline;
  color:#333399;
}
.div_albums_view
{
  padding-left: 1em;
}
.heding_albums_view
{
  margin-bottom:0.2em
}
.div_album_view
{
 
  padding: 10px;
  width: 25%;
}
.logo_heder
{
  width:25%;
  position: relative;
}
.slika_logo_heder
{
  position: absolute;
  z-index:100;
  padding-left:0.5em;
}
.div_text_heder
{
  float:left;
  width:62%;
  padding:1.8em 0em;
  margin:0px;
}
.p_text_heder
{
  color: #999999;
  font-size:10px;
  margin-bottom:0px;
  padding-left:1em;
}
.div_meni_jezik
{
  float:left;
  width:13%;
  padding:1.8em 0em;
  font-size:0.9em;
}
.link_eng_jezik
{
  color:black;
  font-weight:bold;
}
.row_navbar
{
  border-bottom:5px solid white;
}
.nav_navbar
{
  border-radius: 0px;  
  background-color: #b7c1dc;
  margin-bottom: 0px; 
  min-height: 1.5em;
}
.div_container_navbar
{
  margin-bottom:0px;
  padding:0px;
}
.div_collapse_navbar
{
  /*width:97%;*/
  padding:0px;
  padding-left:2em;
  margin-bottom:0px;
}
.link_navbar
{
  line-height: 1.5em; 
  color:white; 
  padding:0.3em 0.7em;
}

.paginacija_div
{
  padding:0px;
  text-align:center;
  background-color:#66cccc;
  /*margin-left:4em;*/
  padding:0.5em;
  margin-top:2em;
  margin-bottom:2em;
}

/*linkovi u okviru paginacije*/
.paginacija_div > span > a, .paginacija_div > span
{
  color:white;
  /*text-decoration: none;*/
}

.paginacija_div a
{
  text-decoration: underline;
}

/*link current page-a*/
.paginacija_div > #paginacija_aktivna_strana:before
{
  content:" | ";
}

/* divider izmedju linkova paginacije*/
.paginacija_div > .stranica:before
{
  content:" | ";
}

/*brisanje divider-a pre linka za prvu stranicu u okviru paginacije*/
.paginacija_div > .previous + .stranica:before
{
  content:" ";
}

.paginacija_div > #paginacija_aktivna_strana:first-child:before
{
  content:" ";
}



footer.container{

  padding-top: 60px;
  background-color: #fff;

}

div.container img{
  max-width: 100%;
  height: auto;

}

.footer_connect{
  /*background-color: #ff0000;*/
  float:left;
  
}


/* slider arrows position */
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{
  right: 20px;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-left{
  left: 30px;
}


.right_column{

  /*border: dotted 1px blue;*/
  margin-left: 2px;
  /*margin-top: 20px;*/
}

.left_banner{
  padding:0;
  margin:0;
}
.left_banners{
  margin-bottom:15px;
}
.recommend_share{
  /*border:1px solid red;*/
  padding:0.8em 0em;
  max-width: 275px;
  margin: auto;
  clear: left;
}
.twitt_ikonica{
  width:80px;
}
.twitter_container{
  /*border:dashed 1px red;*/ 
  background-color:#f6f6f6; 
  max-width:275px; 
  margin:auto;
  margin-bottom:20px;   
}
.twitter_header{
  background-color:#3399cc;
  color:white;
  padding:0.6em 0.5em;
  /* display:none; */
}
.twitter_body{
  margin:0px 15px;
}
.twitter_footer{
  text-align:center; 
  padding:5px;
}



.contact_box{
  background-color:#f5f5f5;
  background-image: url("../img/contact_bg.jpg");
  background-repeat: no-repeat;
  padding:15px; 
  font-size:12px;
  position: relative;
  border-left: solid 15px #16a8c1;
}

.contact_half{
  float:left; 
  width:50%; 
  padding:0px 10px; 
}

.contact_box div.title{
  font-size: 14px;
  color:#15a8c0;

}

.contact_cap{
  position:absolute; 
  right:0; 
  bottom:0;
  width: 24px;
  height: 24px;
  background-image: url("../img/cap.png");

}

a.twitter_contact{
  padding: 6px 10px;
  padding-top: 8px;
  background-color: #2285cc;
  clear: left;
  padding-left: 38px;
  color:#ffffff;
  margin-right: 10px;
  background-image: url("../img/twt.png");
  background-position: 6px 4px;
  background-repeat: no-repeat;
  /*margin-top: 50px;*/
  float:left;
  margin-bottom: 10px;
}

a.facebook_contact{
  padding: 6px 10px;
  padding-top: 8px;
  background-color: #5471c2;
  /*clear: left;*/
  padding-left: 38px;
  color:#ffffff;
  /*margin-right: 10px;*/
  background-image: url("../img/fb.png");
  background-position: 6px 4px;
  background-repeat: no-repeat;
  float:left;
  
}

.contact_clear{
  clear:both;
  display:inline;
}

.connect_box{
  float:left;
  padding-left: 1em;
}





/**************************************** MEDIA QUERIES ****************************************/



@media (min-width: 1024px) {
  .container {
    width: 1024px;
  }
  body {
	width:1024px;
	/*background-color:#E3E3DA;*/
  }
}
@media (max-width: 1023px) {
  
  body {
	width:100%;
  }
  .container {
    width: 100%;
  }

  .footer_connect{
      display: block;
      margin-top: 20px;
  }

  .div_album_view
  {
   
    padding: 15px;
    width: 33%;
  }


}

@media (max-width: 900px) {

  .navbar-nav {
    font-size: 12px;

  }

  .social_div{
    
    /*
    background-color: #eee;
    border:dotted 1px orange;
    */
    
    padding: 3px;
    float:left;
    display:inline;
    overflow: hidden;
  }

  .fb_recommend_div{
    max-width: 100px;
  }
  .fb_share_div{
    max-width: 90px;

  }
} 


@media (min-width: 500px) {
  .petina {
	   float: left;
	   width: 20%;
	   border-right:1px solid #dedede;
  } 
}
@media (min-width: 768px) {
	.navbar-nav {
		float:right;
	}
}


@media (max-width: 767px) {
  .heder{
    /*width:60%;*/
  }
  .div_text_heder
  {
   width:50%;
  }
  .div_meni_jezik
  {
   width:25%;
  }
  .slika_u_pozadini_naslova
  {
     padding:0.4em 0em;
     padding-left:12em;
     
  }


  .navbar-default .navbar-nav>li>a.heder_link{

    padding: 15px;
    /*border: dashed 1px red;*/
    font-size: 18px;

  }

  .padding_4em{
    padding: 0px 10px;
  }

  .padding_top_5em{
    padding-top:2em;
  }

  .slika_u_pozadini_naslova
  {
     padding:0.1em 0em;
     padding-left:3em;
  }
  .opis_stranice
  {
    clear:left;
    padding:0;
  }
  h1.naslov{
    margin-bottom: 5px;
  }

  
/*
  .recommend_share{
    border:dotted 1px green;
  }
*/
}

@media (max-width: 630px) {
  .div_album{
    margin:0;
    width:50%;
   }

   .div_album_view
  {
   
    padding: 15px;
    width: 50%;
  }
}


@media (max-width: 600px) {
  .clanak_naslovna{
    width: 100%;
    /*max-width: 270px;*/
    float: none;
    padding: 0em;
  }
  

  .pages_link_futer{
    /*background-color: #ff0000;*/
    display: block;
    width: 100%;
    font-size: 16px;
    margin: 5px;
    
    border: none;
    border-bottom: solid 1px #333;
    padding-bottom: 5px;

  }

  p.futer_paragraf{
    text-align: center;
    padding: 10px;
    font-size: 14px;
    padding-top: 20px;
  }
 
   div.footer_connect{
      width: 100%;
   }

    .pages_meni_futer{
      border: none;
    }

     
    p.connect_box{
      float:none;
      text-align: center;
      font-size: 14px;
    }

   div.connect_box{
        /*background-color: blue;*/
        width: 33%;
        
    }

  .jumbotron{
    display:none;
  }

  .contact_half{
    float:left; 
    width:100%; 
    padding:10px 10px;
  }

  .contact_box{
    background-image: none;
  }

}

@media (max-width: 499px){
  .div_album{
    padding: 15px;
    width:100%;
   }

   .div_album_view
  {
    padding: 15px;
    width: 100%;
  }

.slika_u_pozadini_naslova{
  padding-left: 10px;
}
.opis_stranice
  {
    clear:left;
    padding:0;
  }
  h1.naslov{ 
    font-size: 24px;
    margin-bottom: 5px;
    f

  }

}