dizajn.css

@import url('https://fonts.googleapis.com/css?family=Sen&display=swap');


img {
   max-width:90%;
   max-height:50%;
}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
	font-family: 'Sen', sans-serif;
}

body{
  min-height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
}

.content {
  display: flex;
  min-height:430px;
}

.corona{
	background-color:#B22222;
	color: white;
	padding: 5px 5px;
	margin-left: 20px;
	margin-right: -93px;
	position:relative;
	
}


.kipar{
	max-width:300px;
	width:23%;
	float:right;
	margin-top:120px;
	margin-right:-15px;

}

#zemlje{
	margin-top: -20px;
}

.pola{
	width:92%;
	display:block;
}

.tekst{
	width:75%;
	float:left;
}

.tekstic{
	width:75%;
}

.nazivlijevo{
	float:left;
	margin-top:-60px;
}

.hrvatsko{
	float:left;
}



.zanim{
	list-style-type: circle;
}

nav {
  background-color: #F2F2F2;
  width: 35%;
  margin-right: 10px;
  margin-left: 6%;
  border-radius: 3px;
  padding: 20px;
  padding-bottom: auto;
  list-style-type: none;
  min-width: 220px;
  max-width:230px;
 }

nav li{
	padding: 6px;
	list-style: none;
}

main{
	padding-left: 10px;
	border-left:solid 1px #fff;
	margin-right:5%;
}

main a:link {
  color: #3a9ec0 ;
}

header {
  text-align: center;
  padding: 20px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  color: white;
}


#map{
	float:right;
	margin-right:-70px;
	margin-left:-200px;
	margin-top:8%;
}




.centered_header_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:white;
  font-size:4.5vw;

}

table.minimalistBlack {
  border: 1px solid #778387;
  background-color: #FFFFFF;
  width: 70%;
  text-align: center;
  margin-right: 120px;
  position:relative;
  border-collapse: collapse;
  margin-left: 20px;
  table-layout:auto;

}



table.minimalistBlack td, table.minimalistBlack th {
  border: 1px solid #778387;
  padding: 10px 15px;
}
table.minimalistBlack tbody td {
  font-size: 14px;
}
table.minimalistBlack thead {
  background: #CFCFCF;
  border-bottom: 2px solid #778387;
}
table.minimalistBlack thead th {
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  
}


table.minimalistBlack tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  border-top: 2px solid #778387;
}
table.minimalistBlack tfoot td {
  font-size: 14px;
}


form{
  margin: auto;
  width: auto;
  padding: 10px;
  margin-left:30px;
  padding-bottom:5px;
  position: relative;
  margin-right:5%;
}


form .inputpolje{
	margin-bottom:15px;
	display:flex;
	align-items:center;
	padding:2px 2px;
	position: relative;
}

form .inputpolje label{
	width:250px;
	color: black;
	margin-left:25px;
	margin-right:10px;
}

form .inputpolje .input{
	width: 100%;
	outline-color:#3a9ec0;
	border: 1px solid 	#A0A0A0;
	padding: 4px 5px;
	font-size:15px;
	margin-left:20px;
}

form .inputpolje .radio{
	margin-left:32%;
	 white-space: nowrap;
	font-size:15px;
}


.multipleselect{
    height:50%;
	padding: 8px 10px;
	outline:none;
	margin-left:12%;
	}  

input[type="radio"] {
  margin-right: -20px;
  margin-left: 15px;
}

.check  {
		margin-left:-15%;
}



input[type=button], input[type=submit], input[type=reset] {
  border:none;
  color: black;
  padding: 16px 24px;
  margin: 2px 2px;
  cursor: pointer;
}

#gumb{
	font-size:15px;
	font-weight:bold;
}

button{
	padding: 10px 15px;
	text-align: center;
	border-radius: 10px;
	background-color:#cfcfcf;
}

button:hover {
	background-color: #f2f2f2;
}

	
#pretrazi{
	align-items:center;
	margin-left:85%;
}	
	
#odustani{
	float:left;
	padding-left:20px;
}

#zanimanja{
	outline-color:#3a9ec0;
	font-size:15px;	
}

select {
  padding: 12px 10px;
  background-color: #F0F0F0;
}


footer {
  background-color: #F1F1F1;
  text-align: center;
  padding: 5px;
  width:100%;
  clear: both;
  margin-bottom:0;
  grid-row-start: 2;
  grid-row-end: 3;
}

ol,ul{
  padding-left: 180px;
  padding: 5px;
}

p{
	padding: 10px;
}


a:link {
  color: #3a9ec0;
}

a:hover{
	text-decoration: underline;
}

a:visited{
	color:#202020;
}


main li{
	padding: 6px;
	margin-left: 50px;
}