p {
	//font-size: 30px; color: #ffffff; text-align: center;
			
}
button {
	
	margin-top: 20px;
	cursor:pointer;
}
input {
	width: 260px;
	margin-top: 20px;
}

body {
	//background-color: #17568c;
} 

div.centar {
								
	background-color: #F0F0F0;
	margin-top: 80px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #0000ff;
	
	
	
}

#termini_popup {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eae3cf;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	margin-top: 60px;
	border: 5px solid #ddd;
	box-shadow: 10px 10px 10px #888888;
	border-style: outset;
	padding: 20px;

}

/* my-button - dugme u clancima */		
.my-button, .my-button2, .my-button3, .my-button4, .my-button5 {
	background-color: #b3ccff;
	border-color: #e6e6e6;
	border-radius: 20px;
    color: #0000ff !important;
    padding: 6px 32px;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-size: 0.8em;
    text-align: center;
	line-height: normal; 
	font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin: 2px 2px;
    cursor: pointer;
	position: relative;
	opacity:0;
	border-style: groove;
    border-width: 3px 3px 3px 3px;
    box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 50%);
	
}

.my-button:hover {
	background-color: #6699ff;
	color: #ffffff !important;
}	

.my-button2:hover {
	background-color: #0000ff;
	color: #ffffff !important;	
}

.my-button3:hover {
	background-color: #008000;
	color: #ffffff !important;	
}

.my-button4:hover {
	background-color: #ff0000;
	color: #ffffff !important;	
}

.my-button5:hover {
	background-color: #000000;
	color: #ffffff !important;	
}