p {
	font-size: 16px;
	line-height: 24px;
	font-family: Arial, sans-serif;
}

h1 {
	font-size: 32px;
	line-height: 64px;
	color: green;
}
h2 {
	font-size: 25px;
	line-height: 44px;
	color: black;
}

a:hover {
	text-decoration: underline;
	background-color: gray;
}

.blue {
	color: blue;
}


.green {
	background-color: lime;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 600;
    line-height: 1.2;
}



[data-title] {
    font-size: 18px;
    position: relative;
    cursor: help;
}

[data-title]:hover::before {
    content: attr(data-title);
    position: absolute;
    bottom: -46px;
    padding: 10px;
    background: #000;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
}
[data-title]:hover::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 8px;
    border: 8px solid transparent;
    border-bottom: 8px solid #000;
}



.thumbnail {
  position: relative;
  width: 330px;
  height: 200px;
  overflow: hidden;
}


.title1 {
	font-size: 24px;
	color: green;
	line-height: 32px;
}

.title2 {
	font-size: 18px;
	color: green;
	line-height: 24px;
}
.txtpor {
	font-size: 16px;
	line-height: 24px;
	font-family: Georgia, serif;
}

.naslov0 {
	font-size: 36px;
	color: green;
	line-height: 44px;
}
table {
  border-collapse: collapse;
  width: 100%;
	min-width: 0px;


}

td {

	max-width: 0;
	min-width: 30%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
	font-weight: bold;


}
th {

min-width: 50px;


}


tr:nth-child(even) {background-color: #d1d1e0;}
tr:hover {background-color:#f5f5f5;}



.dropdown-menu > a:hover {
    background-color: #add8e6;
    background-image: none;
}