@font-face {
  font-family: 'DINPro';
  src: url("DINPro/DINPro-Regular.ttf");
}
@font-face {
  font-family: 'OpenSans';
  src: url("Open_Sans/OpenSans-Regular.ttf");
}

* {padding: 0; margin: 0; font-family: 'DINPro', 'OpenSans', sans-serif}
img {border: 0;}

body {	background: #293E4F repeat;margin: auto;color: #fff;}

button, .button {display:inline-block; color:#fff;font-size:15px;font-weight:normal;padding:6px 24px;text-decoration:none;cursor: pointer; background: #293E4F}
button:hover, .button:hover {background: #DC454A;}
button:active, .button:active {position:relative;top:1px;}
button.del {color: red;	margin-left: 198px;	width: 162px;}

h1 {text-align: center;font-size: 20px;margin-bottom: 10px;}
a {text-decoration: none;color: #DC454A;}
a:hover {text-decoration: none; color: white;}
.condensed {font-family: 'Roboto Condensed', sans-serif;}

.l {float: left;}
.r {float: right;}
.clr {clear: both;}

#header {background: url(../slike/header.jpg) no-repeat white center; color; #000; height: 130px;}
#logo {position: relative; padding: 50px 0 10px}
#logo img {width: 200px;}

#meni {background: #293E4F;  font-size: 0;}
#meni a {color: white; font-size: 14px; text-transform: uppercase;font-weight: bold; padding: 12px; transition: all 0.2s linear;  display: inline-block;}
#meni a:hover, #meni a.act {background: #DC454A;}
#meni a.logout {float: right;}
#meni a.ugasen {color: #48637F;}
#meni a.ugasen:hover {background: transparent;}
#search {display: inline-block;  float: right; position: relative; margin: 11px 18px 0 0;width: 180px;}
#q {vertical-align: top; border: 0; height: 20px; background-color: #22303d;  color: white; outline: none; padding: 0 24px 0 4px;transition: all 0.5s linear;outline: 1px solid rgba(255, 255, 255, 0);width: 150px;}
#search:hover #q, #q:focus {outline: 1px solid rgba(255, 255, 255, 0.5);}
#submit {right: 4px;top: 4px;;position: absolute;}
#res {position: absolute; z-index: 10000}
#res a {display: inline-block;background-color: #22303d; font-size: 12px; text-transform: none; border-top: 2px solid #293E4F; border-bottom: 2px solid #293E4F; padding: 4px; color: rgba(221, 221, 221, 0.5);}
#res a:hover, #res a:focus {background-color: #293E4F}
#res a div {display: inline-block; width: 42px; vertical-align: middle; text-align: center;}
#res a:hover div, #res a:focus div {color: #DC454A;}
#res a span {display: inline-block;	width: 118px; vertical-align: middle; padding-left: 10px; font-weight: normal;}
#res a:hover span, #res a:focus span {color: white;}

.papir {background: #f6f6f6; padding: 32px 40px;color: black;}
.wrapper {width: 990px;margin: auto;}

#jezici {position: absolute; right: 4px; top: 102px;}
#jezici button {padding: 0; margin: 0 2px; background: transparent;border: none;outline: none;color: rgba(221, 221, 221, 0.5);font-weight: bold;transition: all 0.1s linear; }
#jezici button:hover, #jezici .act {color: black;}

#nas_proizvodi, #nas_operacije {padding: 4px; color: white;}
#nas_proizvodi {background: #DC454A;}
#nas_operacije {background: #293E4F;}

#proizvodi {font-size: 0; margin: 20px 0}
.proizvod {display: inline-block; width: 290px; margin: 0; padding-top: 8px; vertical-align: top}
.proizvod.srednji {margin: 0px 10px;  padding: 8px 9px;  border-left: 1px solid #ddd;  border-right: 1px solid #ddd;}
.proizvod h3 {border-left: rgb(197, 47, 48) 10px solid; background: rgba(197, 47, 48, 0.8); color: white; font-size: 24px; padding: 10px; font-weight: normal;}
.proizvod.operacija h3 {border-left: rgb(45, 62, 80) 10px solid; background: rgba(45, 62, 80, 0.8); color: white; font-size: 24px; padding: 10px; font-weight: normal;}
.proizvod h3 span {font-weight: bold;}
.proizvod h4 {font-weight: bold; color: #293E4F;font-size: 18px;  padding: 12px 20px;}
.proizvod p {font-size: 14px; padding: 0 20px;}
.proizvod a {background: #293E4F; color: white; text-transform: uppercase; display: inline-block; padding: 4px; margin: 10px 0;transition: all 0.2s linear;}
.proizvod a:hover {background: #DC454A;}
.proizvod a:after {content: ""; margin: -4px 0 0 6px; padding: 6px;background: #293E4F url(../slike/str.png) center no-repeat; width: 15px; height: 14px; position: absolute;}

#footer {background: #314559}
#footer .wrapper {width: 886px;font-size: 12px;}
#footer .wrapper > div {display: inline-block; width: auto; padding: 0 12px; background: url(../slike/bar.png) left center no-repeat;padding: 24px;}
#footer .wrapper #cp {background: none;}
#footer .wrapper span {display: inline-block; vertical-align: top;}
#footer .wrapper img {  opacity: 0.4;margin-right: 6px;}
#footer #email span {font-family: "OpenSans", sans-serif;font-size: 11px;}


.admin label {
	margin: 24px 0 4px;
	font-size: 20px;
	display: inline-block;
	min-width: 260px;
}

.admin input {
	font-size: 20px;
	padding: 0 4px;
}