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

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

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

.bg-dark{
	background-color: #323639 !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{
	color: white !important;
}


#left{
	background-color: white;
}

img{
	vertical-align: initial !important;
}

#right{
	background-color: #F7FEFF;
	border-left: 2px double black;
}

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

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

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

.activeInfo{
	color: #54C3EA;
	font-weight: bold;
}

.passedInfo{
	color: black;
	font-weight: bold;
	color: gray;
}

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

#lab table tr td font a, .literatura table tr td a, a.labAdded{
	color: black;
	text-decoration: underline;
}

#lab table tr td font a:hover, .literatura table tr td a:hover, a.labAdded:hover{
	color: black;
	text-decoration: underline;
	font-weight: bold;
}
*/
a.view{
	text-decoration: none;
	color: black;

}

a.view:hover{
	text-decoration: none !important;
	color: black;

}

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;
}

h4 {
	margin-bottom: 0 !important;
}