#topbar { display:inline; font-size:.8em; margin:0 auto; width:100%; }
#topbar nav { background-color:white; height:36px; margin-top:0; padding:1px 10px 1px 0; text-align:right; }
#topbar nav ul li { border-right:1px solid #878787; display:inline; margin:0 15px 0 0; padding:0 18px 0 0; }
#topbar nav ul li.last { border:none; margin-right:10px; padding-right:0; }
#topbar nav ul li a { color:#47A3DA; font-weight:bold; text-transform:none; }
#topbar nav ul li a:hover { color:#000; font-weight:bold; text-transform:none; }

.center { text-align:center; }
.clear { clear:both; display:block; }


/* Logo */
#logo { background-color:white; display:block; height:auto; text-align:center; width:auto; }

.cbp-hrmenu { margin-top: 2em; width: 100%; z-index:20; }


/* Content */
#site_content { background: transparent url(../images/main.png); margin: 0 auto 0 auto; overflow: hidden; padding: 15px 0 15px 0; width: /*1060px*/80%; } 
.content { font-size: 110%; margin: 0 0 15px 0; min-height:550px; padding: 24px; text-align: left; width:/*1060px*/100%; }
.content ul { margin: 2px 0 22px 0px; }
.content ul li { background: url(../images/bullet.png) no-repeat; line-height: 1.5em; list-style-type: none; margin: 0 0 0 0; padding: 0 0 4px 28px; }

/* Box */
#box { margin-left:auto; margin-right:auto; min-height:550px; padding:10px; width:/*870px*//*82%*/100%; }
.box1 { /*border-right: 1px dotted #47a3da;*/ border-bottom: 1px dotted #47a3da; float:left; /*min-height:530px;*/ padding:0; width:/*420px*//*350px*//*700px*//*140px*/100%; }
.box2 { float:right; min-height:530px; padding-left:0; width:/*420px*//*490px*//*140px*//*700px*/100%; }
.box3 { border-top: 2px dotted #ff9b21; float:left; min-height:150px; padding-left:0; width:100%; }

p { color:#000; padding:10px; }
h3 { color:#47A3DA; padding:10px; }

.desno { display:inline-block; float:right; }
.desno-centrirano { display:inline-block; float:right; text-align:center;}



/* Footer */
div, h1, h2, h3, h4, p, strong, b, ul, li, footer { background:transparent; border:0; font-family:'Open Sans', Arial; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline; }
h1, h2, h3, h4 { color:#47a3da; text-align:left; }
footer { display:block; width:100%;}
#newfoot { background:#fff; font-family:'Open Sans', Arial; margin:-10px auto; min-height:450px; padding-top:40px; }
#newfoot a:link { color:black; font-family:'Open Sans', Arial; text-decoration:none; }
#newfoot a:visited { color:black; font-family:'Open Sans', Arial; text-decoration:none; }
#newfoot a:hover { color:#47a3da; font-family:'Open Sans', Arial; text-decoration:none; }
#newfoot a:active { color:black; font-family:'Open Sans', Arial; text-decoration:none; }
#newfootinner { color:black; font-family:'Open Sans', Arial; margin:0 auto; text-align:left; width:/*1200px*/98%; }
.newfootcol { display:inline-block; float:left; width:/*260px*/18%; }
ul.newfoot { font-family:'Open Sans', Arial; font-size:14px; list-style:none; }
ul.newfoot li:first-child { font-family:'Open Sans', Arial; font-size:16px; margin-bottom:10px; }
.rightfooter { display:inline-block; float:right; margin-right:/*100px*/0%;}
.copyright { background:#fff; clear:both; color:black; font-family:'Open Sans', Arial; font-size:12px; line-height:16px; margin-top:0px; min-height:50px; padding-top:30px; text-align:center; }


/* Common Left Margins */
.lmarg20 { margin-left:20px; /*20%*/ }
.lmarg40 { margin-left:40px; /*40%*/ }
.lmarg60 { margin-left:40px; /*0.5%*/ }
.lmarg100 { margin-left:100px; /*0%*/ }

.right { display:inline-block; float:right; margin-right:100px;}

.clearfix:before, .clearfix:after {content: " "; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }

strong, b { font-family:'Open Sans', Arial, Helvetica; font-weight:600; }

ul { list-style:none; }

ol {color:#000;}

a { background:transparent; color:black; font-family:'Open Sans', Arial; margin:0; padding:0; text-decoration:none; vertical-align:baseline; }
a:hover { color:#47a3da; text-decoration:none; }

/*ODŠTEVALNIK1*/
<style>
#odstevalnik {
	text-align: center;
	background: /*#00ECB9*/transparent;
  font-family: sans-serif;
  font-weight: 100;
}

#odstevalnik h1 {
  color: /*#396*/green !important;
  font-weight: 700;
  font-size: 20px;
  margin: 40px 0px 20px;
	text-align: center;
}

#clockdiv {
	font-family: sans-serif;
	color: #fff ;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	font-size: 26px;
}

#clockdiv > div {
	padding: 10px;
	border-radius: 6px;
	background: /*#00BF96*/#FF9B21;
	display: inline-block;
}

#clockdiv div > span {
	padding: 15px;
	border-radius: 6px;
	background: /*#00816A*/blue;
	display: inline-block;
color:white;
  font-weight: 600;
}

.smalltext {
	padding-top: 5px;
	font-size: 20px;
  font-weight: 400;
}
</style>
/*KONECODŠTEVALNIKA1*/