/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;



}

.navbar {
  width: 100%;
}

.navbar a {
  float: left;
  padding: 12px;
  color: white;
  text-decoration: none;
  font-size: 16px;
  background-color: rgb(52,58,64);
}

.navbar a:hover {
  background-color: rgb(15,110,15);
  color: white;
}

.active {
  background-color: rgb(133,218,228)
}
.jumbotron  {

  background-image: url(../img/banner/naslov1.png);
  background-color: #4CAF50;
  color: rgb(255,255,255);
}
.jumbotron1  {
 //  background-image: url(../img/banner/util.png);
   background-color: #ffffff;
   color: rgb(255,255,255);
   height: 250px ;
}

.jumbotron2  {
  background-image: url(../img/banner/naslov3.png);
  background-color: #4CAF50;
  color: rgb(255,255,255);
   height: 300px ;
}

.jumbotron3  {
  background-image: url(../img/banner/naslov4.png);
  background-color: #4CAF50;
  color: rgb(255,255,255);
}

.jumbotron4  {
  background-image: url(../img/banner/naslov5.png);
  background-color: #4CAF50;
  color: rgb(255,255,255);
}

.jumbotron.naslov11  {
  background-image: url(../img/banner/naslov_11.png);
  color: rgb(103,104,104);
}

.jumbotron.naslov12  {
  background-image: url(../img/banner/naslov_12.png);
  color: rgb(103,104,104);
}
.jumbotron.naslov13  {
  background-image: url(../img/banner/naslov_13.png);
  color: rgb(103,104,104);
}
.jumbotron.naslov14  {
  background-image: url(../img/banner/naslov_14.png);
  color: rgb(103,104,104);
}
.jumbotron.naslov15  {
  background-image: url(../img/banner/naslov_15.png);
  color: rgb(103,104,104);
}




.container  {
  background-color: rgb(255,255,255);
 // color: rgb(255,255,255);
}

.footer  {
  background-color: rgb(3,3,3);
  color: rgb(255,255,255);
  font-size: 14px;
  font-weight: 300;
  height: 30px;
  text-align: center;
}



@media screen and (max-width: 500px) {
  .navbar a {
    float: none;
    display: block;
  }
}


.list-group{
   // position: sticky; /* Supported in latest version of Chrome, Firefox, Safari, Opera and Edge browsers */
    position: fixed;
    top:30px;
}
.list-group lg1{
   // position: sticky; /* Supported in latest version of Chrome, Firefox, Safari, Opera and Edge browsers */
    position: float;

}

.blockquote {
    padding: .5rem 1rem;
    border-left: .25rem solid rgb(221,80,68);
}

    .bs-example{
    	margin: 20px;
    }


 #tab {
      border: 1px solid rgb(223,223,223);
       padding: .5rem 1rem;
       border-left: .25rem solid rgb(221,80,68);
   }

     .bs-example{
        margin: 20px;
    }
    .navbar{
        margin-bottom: 1rem;
    }
    .dropdown-menu {
         background-color: rgb(52,58,64);
         color: #f0f0f0;
}
