body {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
}

.content {
	background-color:white;
	height: 100%;
	width:100%;
	margin:auto;
	text-align:left;
}
#opis {
	padding-left:5px;
}

.header {
	background-color:white;
	color: black;
	/*background-image:url("../icons/hrvatski_lovac_III_gray_target_red_gray_94x94.png");*/
	background-repeat:no-repeat;
	padding:5px;
	text-align:right;
}

.greska {
	font-weight:bolder;
	color:red;
}

.menu {
	background-color: #355E3B;
	padding:3px;
}

img {
   padding:1px;
   border:1pt solid #B22222;
}


table {
	margin-top:5px;	
	border-bottom: 1pt solid #355E3B;
	border-top: 1pt solid #355E3B;
	width: 100%;
}

th {
	background-color: #dddddd;
	border-bottom:1pt solid #cccccc;
	text-align:left;
	font-size:12px;
}

td {
	background-color:#eeeeee;
	border-bottom: 1pt dotted #cccccc;
	padding:2px;
	font-size:12px;
}

tr:hover td {
  background-color:rgba(53, 94, 59,0.5);
}

a {
	text-decoration:none;	
	color:white;
	padding-left:5px;
	padding-right:5px;
}

a:hover {
	color:black;
}

a.back_gumbic {
	color:black;
	text-decoration:bold;
	text-shadow: 1px 1px 2px black, 0 0 25px #355E3B, 0 0 5px gray;
}
a.back_gumbic:hover {
	color:#355E3B;
	text-decoration:bold;
	text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px orange;
}

input[type=button], input[type=submit], input[type=reset] {
    background-color: #355E3B;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    border: none;
    color: white;
    padding: 12px 28px;
    text-decoration:bold;
	text-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px orange;
	border-radius: 4px;
    margin: 2px 2px;
    cursor: pointer;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
	box-shadow: 1px 1px 2px black, 0 0 25px red, 0 0 5px orange;
}

select.decorated option:hover {
	/*box-shadow: 0 0 10px 100px #1882A8 inset;
    margin: 40px;*/
    background: rgba(53, 94, 59,0.5);
    /*color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);*/
}

.menu a {		
	font-weight:bold;
	font-size:20px;
}

.menu a:hover {
	text-decoration:underline;
}

a.link {
	background-color:#355E3B;
	text-align: center; 
	color:white; 
	text-shadow: 2px 2px 4px #000000;
        padding-left:5px;
	padding-right:5px;
}

a.sortable {
	color: #355E3B;
}

h1 {
	font-size:large;
}

h2 {
	font-size:small;
	text-transform:uppercase;
}
p, ul {
	font-size:12px;
}
.lijevi {
	width:20%;
}

.centar {
	text-align:center;
}

#paginacija {
	text-align:center;
	background-color:#355E3B;
}
.aktivna {
	color:white;
	font-weight:bold;
}

@media screen and (max-width: 600px) {
  div.dontshowunder600 {
    display: none;
  }
}

div.naslov_mobile { 
	font-size:30px; 
	text-align: center; 
	color:white; 
	text-shadow: 2px 2px 4px #000000;
}
div.naslov_medium_large { 
	font-size:30px; 
	text-align: center; 
	color:gray; 
	text-shadow: 2px 2px 4px #000000;
}

		/* The Modal (background) */
		.modal {
		  display: none; /* Hidden by default */
		  position: fixed; /* Stay in place */
		  z-index: 1; /* Sit on top */
		  padding-top: 100px; /* Location of the box */
		  left: 0;
		  top: 0;
		  width: 100%; /* Full width */
		  height: 100%; /* Full height */
		  overflow: auto; /* Enable scroll if needed */
		  background-color: rgb(0,0,0); /* Fallback color */
		  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		}

		/* Modal Content */
		.modal-content {
		  position: relative;
		  background-color: #fefefe;
		  margin: auto;
		  padding: 0;
		  border: 1px solid #888;
		  width: 80%;
		  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
		  -webkit-animation-name: animatetop;
		  -webkit-animation-duration: 0.4s;
		  animation-name: animatetop;
		  animation-duration: 0.4s
		}

		/* Add Animation */
		@-webkit-keyframes animatetop {
		  from {top:-300px; opacity:0} 
		  to {top:0; opacity:1}
		}

		@keyframes animatetop {
		  from {top:-300px; opacity:0}
		  to {top:0; opacity:1}
		}

		/* The Close Button */
		.close {
		  color: white;
		  float: right;
		  font-size: 28px;
		  font-weight: bold;
		}

		.close:hover,
		.close:focus {
		  color: #000;
		  text-decoration: none;
		  cursor: pointer;
		}

		.modal-header {
		  padding: 2px 16px;
		  background-color: tomato;
		  color: white;
		}

		.modal-body {padding: 2px 16px;}

		.modal-footer {
		  padding: 2px 16px;
		  background-color: tomato;
		  color: white;
		}