body {
 font:
  85%/1.4 "Oxygen",
  sans-serif;
 background-color: #223c68;
 margin: 0;
 padding: 0;
 color: #000;
 margin-top: 50px;
}
/* ~~ Element/tag selectors ~~ */
ul,
ol,
dl {
 padding: 0;
 margin: 0;
 color: #444;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
 margin-top: 0;
 padding-top: 15px;
 padding-right: 15px;
 padding-left: 15px;
 color: #444;
}
a img {
 border: none;
}
a:link {
 color: #ccc;
 text-decoration: none;
}
a:visited {
 color: #ccc;
 text-decoration: none;
}
a:hover,
a:active,
a:focus {
 text-decoration: none;
}
.logo-box {
 background-color: #efefef;
 padding: 15px;
 /* display: inline-block;*/
 /*border-top-left-radius: 30px;*/
}
.logo-text {
 white-space: nowrap;
 overflow: hidden;
 display: block;
 width: 100%;
 text-align: center;
 color: #000;
}
.container {
 width: 1000px;
 background-color: #223c68;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
}
.sidebar1 {
 float: left;
 width: 300px;
 background-color: #223c68;
}
.content {
 width: 690px;
 float: right;
 margin-left: 10px;
 border-top: solid 30px #dedede;
 border-bottom: solid 30px #dedede;
 border-top-right-radius: 2em;
 -webkit-border-top-right-radius: 2em;
 -moz-border-radius-topright: 2em;
 border-bottom-left-radius: 2em;
 -webkit-border-bottom-left-radius: 2em;
 -moz-border-radius-bottomleft: 2em;
 background-color: #efefef;
}
.slikapocetna {
 width: 690px;
 float: right;
 margin-left: 10px;
}
.content ul,
.content ol {
 padding: 0 15px 15px 40px;
}
ul.nav {
 list-style: none;
 border-top: 1px solid #223c68;
 border-left: 4px solid #354e77;
 margin-bottom: 15px;
 font-size: 12px;
}
ul.nav li {
 border-bottom: 1px solid #223c68;
}
ul.nav a,
ul.nav a:visited {
 display: block;
 width: 276px;
 text-decoration: none;
 background-color: #455e85;
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
 padding-left: 15px;
}
ul.nav a:hover,
ul.nav a:active,
ul.nav a:focus {
 background-color: #576c90;
 color: #fff;
}
.ref-table-wrapper {
 max-width: 690px;
 padding-left: 15px;
}
.ref-table {
 width: 100%;
 border-collapse: collapse;
 font-family: Arial, sans-serif;
 color: #333;
}
.ref-table th {
 background-color: #e6e6e6;
 padding: 10px;
 text-align: left;
 font-weight: bold;
}
.ref-table td {
 padding: 8px 10px;
 vertical-align: middle;
 text-align: left;
 border-bottom: 1px solid #ddd;
}
.ref-table tr:nth-child(even) td {
 background-color: #f7f7f7;
}
/* ~~ footer ~~ */
footer {
 width: 680px;
 font-size: 12px;
 position: relative;
 clear: both;
 padding-top: 10px;
 padding-right: 0;
 padding-bottom: 20px;
 padding-left: 10px;
 float: right;
}
.back-to-top {
 clear: both;
 position: fixed;
 bottom: 3em;
 right: 20px;
 text-decoration: none;
 font-size: 12px;
 display: none; /* Sakriveno na početku */
 opacity: 0;
 transition: opacity 0.3s ease;
}
.back-to-top.visible {
 display: block;
 opacity: 1;
}
.back-to-top:hover {
 background-color: #455e85;
}
header,
section,
footer,
aside,
article,
figure {
 display: block;
 color: #c2c2c2;
 text-align: left;
}