@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin,latin-ext);
<style type="text/css">
ul{
	list-style-type:circle;
}
body { 
	padding-top:20px;
	background-color:#fff;
	font-family:  'Didact Gothic', Arial, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #333;
	height:100%;
}
body, h1, p, span, div, b, td {
word-wrap: break-word;
}
h1{
color:#fff;
font-size:36px;
font-family: 'Didact Gothic', sans-serif, Arial;
}
.naslovnih1{
font-size:36px;
padding:0;
font-family: 'Didact Gothic', sans-serif, Arial;
margin:10px 0 5px 0;
}
h2 {
color:#fff;
font-size:26px;
padding:0;
margin:0;
}
img {
border:none;
max-width:100%;
max-height:100%;
width:auto;
height:auto;
}
a:link {
	text-decoration: none;
	color: #f5f5fa;
}
a:visited {
	text-decoration: none;
	color:#f5f5fa;
}
a:hover {
	text-decoration: none;
	color:#fff;
	transition: color 0.4s ease 0s;
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0s;
}
form input, form select{
width:95%;
padding:5px;
float:left;
font-size:inherit;
}
form .chkbox{
width:auto !important;
padding:0;
}
form .trecina{
padding:15px 0;
}
.gumb{
width:auto;
padding: 8px 15px;
color:#1a1a1a;
font-size:inherit;
border:1px solid #aaa;
}
.gumb:hover{
cursor:pointer;
-moz-opacity: 0.60;
opacity: 0.60;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);
}
.content{
width:84%;
padding:1% 2%;
float:left;
position:relative;
left:50%;
margin-left:-44%;
}
.full{
width:100%;
position:relative;
float:left;
}
.sirina20{
width:18%;
float:left;
position:relative;
padding:0.95%;
}
.sirina25{
width:23%;
float:left;
position:relative;
padding:0.95%;
}
.logo{
text-align:Center;
min-height:85px;
}
.logo img {
max-height:150px;
width:auto;
max-width:100%;
height:auto;
}
.sirina25objave{
width:20%;
float:left;
position:relative;
padding:0.95%;
margin:0 1.5%;
}
.sirina30{
width:28%;
float:left;
position:relative;
padding:0.95%;
}
.sirina30plus{
width:30%;
float:left;
position:relative;
padding:10px 0;
}
.sirina33, .trecina{
width:31%;
float:left;
position:relative;
padding:0.95%;
}
.sirina33objave{
width:27%;
float:left;
position:relative;
padding:1% 2%;
margin:0 0.9%;
text-align:justify;
}
.sirina33objave h1, .vise{
text-align:center;
}
.istaknutaobjava h1{
font-size:18px;
}
.objaveimg{
height:150px;
width:100%;
overflow:hidden;
}
.objaveimg img{
height:auto;
max-height:150%;
width:auto;
}
.vise{
margin-top:20px;
}
.sirina45{
width:43%;
float:left;
position:relative;
padding:0.95%;
}
.sirina50{
width:48%;
float:left;
position:relative;
padding:0.95%;
}
.sirina50objave{
width:45%;
float:left;
position:relative;
padding:1% 2.45%;
}
.sirina67, .dvijetrecine{
width:65%;
float:left;
position:relative;
padding:0.95%;
}
.sirina70{
width:68%;
float:left;
position:relative;
padding:0.95%;
}
.sirina75{
width:73%;
float:left;
position:relative;
padding:0.95%;
}
.sirina80{
width:78%;
float:left;
position:relative;
padding:0.95%;
margin-left:20%;
}
.header, .header h1, .header a{
	color:#fff;
	text-shadow: 3px 4px 5px rgba(84, 82, 84, 1);
}
.donji-sjena{
margin-top:20px;
}
.slide h2{
	background:#999;
	background:rgba(150, 150, 150, 0.9);
	padding:7px 0;
}
.glavnidiv .content, .footerdiv .content {
	background:url('../images/system/pozadina.png') rgba(245,245,250, 0.7);
	background:rgba(0, 0, 0, 0.6);
	color:#efefea;
}
.granica-lijevo{
border-left:1px solid #eee;
}
.granica-desno{
border-right:1px solid #eee;
}
.granice{
border-right:1px solid #eee;
border-left:1px solid #eee;
}
.ul-donji{
float:left;
position:relative;
display:inline;
margin:0;
list-style-type:none;
padding-bottom:10px;
text-align:right;
}
.ul-donji li{
display:inline;
margin-right:10px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
float:left;
}
.gornjiizbornik {
	background:#f1f1f4;
	background:rgba(244, 244, 250, 0.85);
	width:auto;
	padding:10px 25px;
	cursor:pointer;
}
.gornjiizbornik span {
	font-size:20px;
	text-shadow: 2px 2px 5px rgba(34, 32, 34, 1);
	color:#fff;
	letter-spacing: 2px;
	}
.gornjiizbornik:hover .ul-gornji{
	display:block;
}
.ul-gornji{
display:none;
padding:0;
margin:10px 0 0 0;
list-style: none;
position: absolute;
z-index:9999;
background:rgba(244, 244, 250, 0.85);
width:100%;
left:0;
}
.ul-gornji li{
	padding:0;
}
.ul-gornji li a{
padding:10px 2% 10px 8%;
float:left;
position:relative;
width:90%;
color:#000;
}
.ul-gornji li:hover ul, .ul-gornji li ul:hover{
display:block;
}
.ul-gornji li ul{
position: absolute;
top:100%;
margin:0;
list-style-type:none;
background:#fff;
min-width:200px;
width:auto;
border:1px solid #f1f1f1;
z-index:100;
display:none;
}
.ul-gornji li ul li{
list-style-type:none;
display:block;
border-bottom:1px solid #ddd;
padding:5px;
margin-bottom:10px;
float:none;
position:relative;
}
.ul-gornji ul li a{
padding:10px;
}
.ul-gornji ul ul{
display:none !important;
top:0;
left:100%;
position:absolute;
}
.ul-gornji li ul li:hover ul, .ul-gornji li ul li ul:hover{
display:block !important;
}
.bocni{
display:block;
width:100%;
margin:10px 10px 0 0;
list-style-type:none;
padding:0;
}
.bocni li{
padding:5px 0 5px 20px;
width:100%;
}
.bocni li ul{
list-style-type:none;
padding:0;
margin:0;
}
.slider-content{
height:100px;
margin-top:-120px;
background:#555;
background:rgba(80, 80, 80, 0.6);
color:#fff;
padding:10px 2%;
width:96% !important;
}
.slider-content a{
font-size:22px;
color:#fff;
padding:5px;
margin-bottom:10px;
}
.objava-nav{
text-align:Center;
}
.objava-nav a{
padding:5px 15px;
}
.istaknute{
padding-bottom:50px;
background-color:#f5f5f5;
z-index:1;
}
.naslovna-pomak-gore{
margin-top:-50px;
z-index:10;
}
.footer .content{
	border-top: 1px solid #fff;
}
.footer p{
padding:0px;
margin:5px 0;
}
.navi, .navi a{
font-size:12px;
color:#aaa;
padding:0;
margin:0;
}
.footer-brzi-kontakt{
	width:300px;
	float:left;
	position:fixed;
	right:0;
	bottom:0;
	background:#fff;
}
.footer-brzi-kontakt span{
	padding:10px 0; text-align:center; width:100%;
}
.footer-brzi-kontakt input{
	margin:5px 0;
}
.boja4{background:#da0202; color:#fff; cursor:pointer;}
.brzi-kontakt-skriven{display:none;}
#zatvori{display:none;}
.slika{
max-width:100%;
width:auto;
height:auto;
}
.odmakgore{
margin-top:45px;
}
.odmakgoremanji{
margin-top:20px;
}
.centar50{
	width:68%;
	margin-left:16%;
	text-align:center;
	background:rgba(0,0,0,0.5);
	padding:5px 0 0;
}
.tablica{
width:100%;
border:0px;
}
.poravnaj-desno{
	text-align:right;
}
.drustvenemreze .fa{
	font-size:36px;
	margin-left:15px;
	padding:10px 0 0;
}
.ispis-slika {
	width:160px;
	height:160px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	background:#fff;
	text-align:center;
	float: left;
    white-space: nowrap;
    position: relative;
    margin: 10px;
}
.helper{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.ispis-slika img{
	vertical-align:middle;
	max-width:140px;
	max-height:160px;
}
@media only screen and (max-device-width:480px), (max-width:480px){
	body { 
		font-size: 16px;
	}
	h1, .naslovnih1{
	font-size:30px;
	}
	.naslovnih1{
	margin:10px 0 5px 0;
	}
	h2 {
	font-size:24px;
	}
	.content{
	width:96%;
	padding:1% 2%;
	float:left;
	left:0;
	margin:0;
	position:relative;
	}
	.sirina20{
	width:98%;
	padding:0.95%;
	}
	.sirina25{
	width:98%;
	padding:0.95%;
	}
	.logo{
	text-align:Center;
	min-height:85px;
	}
	.logo img {
	max-height:150px;
	width:auto;
	max-width:100%;
	height:auto;
	}
	.sirina25objave{
	width:95%;
	margin:0 1.5%;
	}
	.sirina30{
	width:98%;
	}
	.sirina30plus{
	width:99.9%;
	padding:10px 0;
	}
	.sirina33, .trecina{
	width:98%;
	}
	.sirina33objave{
	width:93%;
	}
	.objaveimg{
	height:150px;
	width:100%;
	}
	.objaveimg img{
	height:auto;
	max-height:150%;
	width:auto;
	}
	.sirina45{
	width:98%;
	}
	.sirina50{
	width:98%;
	}
	.sirina50objave{
	width:95%;
	padding:1% 2.45%;
	}
	.sirina67, .dvijetrecine{
	width:98%;
	}
	.sirina70{
	width:98%;
	}
	.sirina75{
	width:98%;
	}
	.ul-donji li{
	display:none;
	}
	.gornjiizbornik span {
		font-size:20px;
	}
	.ul-gornji li ul{
	position: absolute;
	top:100%;
	margin:0;
	list-style-type:none;
	background:#fff;
	min-width:200px;
	width:auto;
	border:1px solid #f1f1f1;
	z-index:100;
	display:none;
	}
	.slider-content{
	height:100px;
	margin-top:-120px;
	}
	.slider-content a{
	font-size:22px;
	}
	.naslovna-pomak-gore{
	margin-top:-50px;
	}
	.navi, .navi a{
	font-size:12px;
	}
	.footer-brzi-kontakt{
		width:300px;
	}
	.odmakgore{
	margin-top:45px;
	}
	.odmakgoremanji{
	margin-top:20px;
	}
	.centar50{
		width:90%;
		margin-left:5%;
	}
	.drustvenemreze .fa{
		font-size:30px;
		margin-left:10px;
	}
	#otvorigornjiizbornik {
		width:100%;
		display:inline-block;
		text-align:center;
	}
}
@media only screen and (min-device-width:481px) and (max-device-width:599px), (min-width:481px) and (max-width:599px){
	body { 
		font-size: 18px;
	}
	h1, .naslovnih1{
	font-size:32px;
	}
	.naslovnih1{
	margin:10px 0 5px 0;
	}
	h2 {
	font-size:26px;
	}
	.content{
	width:90%;
	padding:1% 2%;
	float:left;
	left:3%;
	margin:0;
	position:relative;
	}
	.sirina20{
	width:98%;
	padding:0.95%;
	}
	.sirina25{
	width:98%;
	padding:0.95%;
	}
	.logo{
	text-align:Center;
	min-height:85px;
	}
	.logo img {
	max-height:150px;
	width:auto;
	max-width:100%;
	height:auto;
	}
	.sirina25objave{
	width:95%;
	margin:0 1.5%;
	}
	.sirina30{
	width:98%;
	}
	.sirina30plus{
	width:99.9%;
	padding:10px 0;
	}
	.sirina33, .trecina{
	width:98%;
	}
	.sirina33objave{
	width:93%;
	}
	.objaveimg{
	height:150px;
	width:100%;
	}
	.objaveimg img{
	height:auto;
	max-height:150%;
	width:auto;
	}
	.sirina45{
	width:98%;
	}
	.sirina50{
	width:98%;
	}
	.sirina50objave{
	width:95%;
	padding:1% 2.45%;
	}
	.sirina67, .dvijetrecine{
	width:98%;
	}
	.sirina70{
	width:98%;
	}
	.sirina75{
	width:98%;
	}
	.ul-donji li{
	display:none;
	}
	.gornjiizbornik span {
		font-size:20px;
	}
	.ul-gornji li ul{
	position: absolute;
	top:100%;
	margin:0;
	list-style-type:none;
	background:#fff;
	min-width:200px;
	width:auto;
	border:1px solid #f1f1f1;
	z-index:100;
	display:none;
	}
	.slider-content{
	height:100px;
	margin-top:-120px;
	}
	.slider-content a{
	font-size:22px;
	}
	.naslovna-pomak-gore{
	margin-top:-50px;
	}
	.navi, .navi a{
	font-size:12px;
	}
	.footer-brzi-kontakt{
		width:300px;
	}
	.odmakgore{
	margin-top:45px;
	}
	.odmakgoremanji{
	margin-top:20px;
	}
	.centar50{
		width:90%;
		margin-left:5%;
	}
	.drustvenemreze .fa{
		font-size:30px;
		margin-left:10px;
	}
	#otvorigornjiizbornik {
		width:100%;
		display:inline-block;
		text-align:center;
	}
}
@media only screen and (min-device-width:600px) and (max-device-width:979px), (min-width:600px) and (max-width:979px){
	.content{
	width:86%;
	padding:1% 2%;
	float:left;
	left:5%;
	margin:0;
	position:relative;
	}
	.sirina20{
	width:98%;
	}
	.sirina25{
	width:98%;
	}
	.sirina25objave{
	width:95%;
	}
	.sirina30{
	width:98%;
	}
	.sirina30plus{
	width:99.9%;
	}
	.sirina33, .trecina{
	width:98%;
	}
	.sirina33objave{
	width:93%;
	}
	.objaveimg{
	height:150px;
	width:100%;
	}
	.sirina45{
	width:98%;
	}
	.sirina50{
	width:98%;
	}
	.sirina50objave{
	width:95%;
	padding:1% 2.45%;
	}
	.sirina67, .dvijetrecine{
	width:98%;
	}
	.sirina70{
	width:98%;
	}
	.sirina75{
	width:98%;
	}
	.ul-donji li{
	display:none;
	}
	.gornjiizbornik span {
		font-size:20px;
	}
	.naslovna-pomak-gore{
	margin-top:-50px;
	}
	.navi, .navi a{
	font-size:12px;
	}
	.footer-brzi-kontakt{
		width:300px;
	}
	.odmakgore{
	margin-top:45px;
	}
	.odmakgoremanji{
	margin-top:20px;
	}
	.centar50{
		width:90%;
		margin-left:5%;
	}
	.drustvenemreze .fa{
		font-size:30px;
		margin-left:10px;
	}
	#otvorigornjiizbornik {
		width:100%;
		display:inline-block;
		text-align:center;
	}
}
@media and (min-width:1560px){
	.content{
	width:1280px;
	padding:1% 2%;
	float:left;
	left:50%;
	margin-left:-640px;
	position:relative;
	}
}
</style>
/* CSS Document, web by Danijel Vranesic, danijel.vranesic@gmail.com */