body{
	background-color: #E1E8EF !important;
}

#header{
	height: 180px; 
    text-align: center; 
    display: table;
    width: 100%;
	background-color: #1ABC9C;
	color: white;
}

#header h1{
	display: table-cell;
	vertical-align: middle;
}

.container{
	color: #2C3E50;
}

.bg-dark{
	background-color: #2C3E50 !important;
}

.nav-link{
	color: white !important;
	padding-right: 50px !important;
	font-weight: bold !important;
	font-size: 15px !important;
}

.navbar-nav{
	margin: 0 auto;
	text-align: center;
}

nav, .navbar-nav{
	background-color: #2C3E50 !important;
	color: white !important;
}


#left{
	background-color: white;
	border-left: 1px double #2C3E50;
	border-right: 1px double #2C3E50;
}

img{
	vertical-align: initial !important;
}

#right{
	background-color: #C9D5E1;
	border-left: 1px double #2C3E50;
	border-right: 1px double #2C3E50;
}

#infoheader{
	width: 100%;
	clear:both;
}

#infoheaderleft{
	width: 70%;
	float: left;
	text-align: left;
}

#infoheaderright{
	width: 30%;
	float: right;
	text-align: right;
}

.activeInfo{
	color: #2C3E50;
	font-weight: bold;
}

.passedInfo{
	color: lightgray;
	font-weight: bold;
}

.passedInfo ~ div, .passedInfo ~ div a{
	color: lightgray;
	text-align: justify;
	font-size: 15px;
}

/*.passedInfoAll{
	color: lightgray;
}*/


a.view{
	text-decoration: none;
	color: #2C3E50;

}

a.view:hover{
	text-decoration: none !important;
	color: #2C3E50;

}

img.view{
	width:30px;
	height:30px;
	vertical-align:middle !important;
}

img.view:hover {
  -ms-transform: scale(1.15); /* IE 9 */
  -webkit-transform: scale(1.15); /* Safari 3-8 */
  transform: scale(1.15); 
}

img.book:hover {
  -ms-transform: scale(1.15); /* IE 9 */
  -webkit-transform: scale(1.15); /* Safari 3-8 */
  transform: scale(1.15); 
}

img.book{
	width:100px;
	height:140px;
	vertical-align:middle !important;
}

.rokovi a{
	text-decoration: none;
	color: black;
}

.rokovi a:hover{
	color: black;
}