body {
    font-size: 1.7em;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding-top: 1%;
}

.panel-body {
    padding: 25px;
}
.navbar-brand {
    font-size: 3em;
}

.box {
    margin-top: 30%;
    padding: 25% 5% 25% 5%;
    background:#F5F5F5;
    cursor: pointer;
}.box1 {
    margin-top: 30%;
    padding: 25% 5% 25% 5%;
    background:#75CAEB;
    cursor: pointer;
}
/*.navbar-fixed-top, .navbar-fixed-bottom {
    position: relative;
    background-color: white;
}*/
.navbar-inverse .navbar-nav>li>a {
    color: black;
}
/*.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    	color: white;
        background-color: black;
}*/
.navbar-inverse .navbar-nav>.active>a {
    	color: black!important;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: red!important;
    background-color: rgba(0, 0, 0, 0);
}
.navbar-inverse .navbar-nav>.active>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: red!important;
    background-color: rgba(0, 0, 0, 0);
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #000;
}
#myCarousel .carousel-caption {
    left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:0 0 0 5px;
	background:rgba(0,0,0,0.6);
	text-shadow:none;
}

#myCarousel .list-group {
	position:absolute;
	top:0;
	right:0;
}
#myCarousel .list-group-item {
	border-radius:0px;
	cursor:pointer;
}
#myCarousel .list-group .active {
    background-color: #f5f5f5;
 
}
#myCarousel .list-group .active h1 {
    color:red;
 
}

.dyn {
	background-color:#e7e7e7;
	margin:0px 3% 0 3%;
}

a{color:red;}

.btn {
    font-weight: normal;
    text-transform: none;
}

@media only screen and (max-width:767px) {
     	.navbar-brand {
		font-size: 2em;
	}
	.box, .box1 {
	    	margin-top: 10%;
	    	padding: 10% 5% 10% 5%;
	}
}
@media (min-width: 768px){
.navbar-right .dropdown-menu {
    left: auto;
    right: auto;
    }
.navbar {
    padding-top: 15px;
}
}
@media (max-width: 1024px) and (orientation: portrait){
	.dyn {margin:0;}
}
@media (min-width: 1600px) and (orientation: landscape){
	.dyn {margin:0px 10% 0 10%;}
}
@media (min-width: 992px) { 
	#myCarousel {padding-right:33.3333%;}
	#myCarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
	.carousel-caption p,
	#myCarousel .list-group {display:none;}
	.dyn {margin:0;}
}

.box:hover, .box1:hover {
    zoom:1.1;
}
.dropdown-menu>li>a {
    
    padding: 10px;

}
.navbar-nav>li>.dropdown-menu {
    padding: 5px 10px 5px 10px;
}

.dropdown:hover > .dropdown-menu {
    min-width: 15%;
}
.dropdown-menu>li>a {
    color: black;
}
.dropdown-menu>li>a:hover {
    color: red;
    background-color:#8080800d;
}
.btn-primary  {
    color: #fff;
    background-color: black!important;
    border-color: black!important;
}
.btn-primary:hover {
    background-color: red!important;
    border-color: red!important;
}

/* Override za navbar break point na 992px */
@media (max-width: 991px) {
    .navbar-header {
      float: none;
    }
    .navbar-left,.navbar-right {
      float: none !important;
    }
    .navbar-toggle {
      display: block;
    }
    .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
      display: none!important;
    }
    .navbar-nav {
      float: none!important;
      margin: 7.5px -15px;
    }
    .navbar-nav>li {
      float: none;
    }
    .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .collapse.in{
      display:block !important;
    }
  }
  
  /* Prilagodi za max-width: 992px */
  @media (min-width: 992px) {
    .navbar-collapse.collapse {
      display: block!important;
      height: auto!important;
      padding-bottom: 0;
      overflow: visible!important;
    }
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none;
    }
    .navbar-nav {
      float: left!important;
      margin: 0;
    }
    .navbar-nav>li {
      float: left;
    }
  }