body {font-family:arial; font-size:15px; line-height:1.6em;}
li {list-style:none; }
a {text-decoration:none;}

.container{ width:60%; margin: 0 auto; overflow:auto;}

header {border-bottom:3px solid #f4f4f4; }

footer {border-top:3px solid #f4f4f4; text-align:center; padding-bottom:5px;}

main {padding-bottom:20px;}

.dugme {display:inline-block; background: #f4f4f4; color:#666; border:1px dotted #ccc; padding: 6px 13px; }

.trenutno {padding: 10px; background: #f4f4f4; border: #ccc dotted 1px; margin: 20px 0 10px 0;}
.uspeh {padding: 10px; background: #B8FF70; border: #A3FF47 dotted 1px; margin: 20px 0 10px 0;}
.greska {padding: 10px; background: #FF7D7D; border: #FF3333 dotted 1px; margin: 20px 0 10px 0;}

label{display:inline-block; width: 180px}

input[type='text'] {
width:94%;
padding:4px;
border-radius:5px;
border: 1px solic #ccc;
}
input[type='password'] {
width:94%;
padding:4px;
border-radius:5px;
border: 1px solic #ccc;
}
input[type='number'] {
width:50px;
padding:4px;
border-radius:5px;
border: 1px solic #ccc;
}

@media only screen and (max-width:960px) {

	.container { width:80%;}
}