/* Add here all your CSS customizations */

.body {width:100%;background: url(https://ztkgbj.info/slike/background-01-ztkgbj.jpg) top right no-repeat;height:395px;}
header {background:none; min-height: 395px;}
header > div.container {margin-bottom: -130px;}
header .logo img {position: relative;color: transparent;top: 22px;left: -19px;}
header .logo {padding: 5px 0 27px 0;}

h1 {color: #6a6d72;font-size: 1.0em !important;font-weight: 600;line-height: 44px;text-align:left; text-decoration:none !important;margin:0}
h1 a:link, h1 a:visited {color: #E31E26;font-size: 1.4em !important;font-weight: 500;line-height: 44px;text-align:left; text-decoration:none !important;}
h1 a:active, h1 a:hover {color: #f9686e;font-size: 1.4em !important;font-weight: 500;line-height: 44px;text-align:left; text-decoration:none !important;}

.detaljnija-h1 {color: #6a6d72;font-size: 1.8em !important;margin:0; font-weight: 600;line-height: 32px;text-align: left;text-decoration: none !important;text-transform: uppercase;}
h1.detaljnija-h1 a:link, h1.detaljnija-h1 a:visited {color: #6a6d72;font-size: 1.0em !important;margin:0; font-weight: 600;line-height: 32px;text-align: left;text-decoration: none !important;text-transform: uppercase;}
h1.detaljnija-h1 a:active, h1.detaljnija-h1 a:hover {color: #a0a1a2;font-size: 1.0em !important;margin:0; font-weight: 600;line-height: 32px;text-align: left;text-decoration: none !important;text-transform: uppercase;}
 
h2.detaljnija-h2 {color: #e31e26;font-size: 1.2em !important;font-weight: 400;line-height: 28px;text-align:left; text-decoration:none !important;}
h2.detaljnija-h2 a:link, h2.detaljnija-h2 a:visited {color: #e31e26;font-size: 1.2em !important;font-weight: 400;line-height: 28px;text-align:left; text-decoration:none !important;}
h2.detaljnija-h2 a:active, h2.detaljnija-h2 a:hover {color: #6a6d72;font-size: 1.2em !important;font-weight: 400;line-height: 28px;text-align:left; text-decoration:none !important;}


p.featured {text-align:left; color:#b4b4b4; font-style: italic;  font-family: Arial;font-size: 1.3em;}

.clear {clear: both; height: 0px}
.clear5 {clear: both; height: 5px}
.clear10 {clear: both; height: 10px}
.clear15 {clear: both; height: 15px}
.clear20 {clear: both; height: 20px}
.clear25 {clear: both; height: 25px}
.clear30 {clear: both; height: 30px}

.lijevo-tekst {text-align:right !important}

hr {border-top: 1px dotted #cdcdcd; height:1px;background-image:none;  margin: 2px 0;}


a.svjetloplavi:link, a.svjetloplavi:visited, a.svjetloplavi:active {color: #53a4e0; text-decoration: none;}
a.svjetloplavi:hover {color: #ffffff; text-decoration: none;}

a.crveni:link, a.crveni:visited, a.crveni:active {color: #ffffff; text-decoration: none;}
a.crveni:hover {color: #ffc7c9; text-decoration: none;}

a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #ffffff; text-decoration: none;}
a.bijeli:hover {color: #f9686e; text-decoration: none;}

a.sivi:link, a.sivi:visited, a.sivi:active {color: #b1b1b1; text-decoration: none;}
a.sivi:hover {color: #cecccc; text-decoration: none;}

a.sivo-bijeli:link, a.sivo-bijeli:visited, a.sivo-bijeli:active {color: #777777 !important; text-decoration: none;}
a.sivo-bijeli:hover {color: #ffffff !important; text-decoration: none;}

a.sivo-crveni:link, a.sivo-crveni:visited, a.sivo-crveni:active {color: #777777; text-decoration: none;}
a.sivo-crveni:hover {color: #E31E26; text-decoration: none;}


a.tagovi:link, a.tagovi:visited, a.tagovi:active {color:#000; text-decoration:none; border:1px solid #bbdaf1; border-radius:2px; padding:0 4px; background:#d0e9fc; float:left; margin:0 4px 4px 0; font-size:12px !important;}
a.tagovi:hover {border:1px solid #015696; background:#0066b3; color:#fff}
.poveznice {margin:30px 0 30px 0;}

a.box-iza-link:link, a.box-iza-link:visited, a.box-iza-link:active {color:#ffffff;text-decoration:none}
a.box-iza-link:hover {color:#fec0c2;text-decoration:none}
.box-iza {background: url(https://ztkgbj.info/slike/box-iza.png) top right no-repeat; float:left; width:292px; height:260px}
.box-iza-slika {width: 274px !important;height: 174px !important;margin: 8px 5px 5px 8px;padding: 0;}
.box-iza-tekst {float:left;margin:5px 0 0 19px;height:19px}
.box-iza-tekst2 {float:left;margin:0 0 0 19px;font-style: italic;font-size: 0.9em;}


.breadcrumb-novi {color:#d8d7d7 !important;background:none; list-style:none;padding-left: 0;font-size:0.8em}
.naslovostale h1 {font-size: 2.6em;font-weight: 300;line-height: 42px;margin: 0 0 32px 0;color:#fff !important;}

section.page-top .naslovostale h1 {
	border-bottom: 5px solid #CCC;
	color: #FFF;
	display: inline-block;
	font-weight: 200;
	margin: 0 0 -25px;
	min-height: 37px;
	line-height: 46px;
	padding: 0 0 17px;
	position: relative;
}

section.page-top .naslovostale h1 {
	border-bottom-color: #015597;
}

.featured-box, .feature-box {cursor:pointer}

.featured-box-primary h4 a:link, .featured-box-primary h4 a:visited, .featured-box-primary h4 a:hover, .featured-box-primary h4 a:active, {color: #E05048 !important;}
.featured-box-secundary h4 a:link, .featured-box-secundary h4 a:visited, .featured-box-secundary h4 a:hover, .featured-box-secundary h4 a:active, {}
.featured-box-tertiary h4 a:link, .featured-box-tertiary h4 a:visited, .featured-box-tertiary h4 a:hover, .featured-box-tertiary h4 a:active {color: #4EB25C !important;}
.featured-box-quaternary h4 a:link, .featured-box-quaternary h4 a:visited, .featured-box-quaternary h4 a:hover, .featured-box-quaternary h4 a:active {color: #734BA9 !important;}

h2 {color: #ffffff;font-size: 1.0em !important;font-weight: 400;line-height: 18px;text-align:left; text-decoration:none !important;margin:0}
h2 a:link, h2 a:visited {color: #ffffff;font-size: 1.0em !important;font-weight: 400;line-height: 18px;text-align:left; text-decoration:none !important;margin:0}
h2 a:active, h2 a:hover {color: #f9686e;font-size: 1.0em !important;font-weight: 400;line-height: 18px;text-align:left; text-decoration:none !important;margin:0}

h3 {color: #5b5b5b  !important;font-size: 1.2em !important; margin-bottom: 10px;font-weight: 400;line-height: 20px; text-decoration:none !important;text-transform: uppercase;}
h3 a:link, h3 a:visited {color: #ffffff  !important; margin-bottom: 0;font-size: 1.2em !important;font-weight: 400;line-height: 20px; text-decoration:none !important;text-transform: uppercase;}
h3 a:active, h3 a:hover {color: #949494  !important; margin-bottom: 0;font-size: 1.2em !important;font-weight: 400;line-height: 20px; text-decoration:none !important;text-transform: uppercase;}

#footer h3 {color: #5b5b5b  !important;font-size: 1.2em !important; margin-bottom: 10px;font-weight: 400;line-height: 20px; text-decoration:none !important;text-transform: uppercase;width:100%;}
#footer2 h3 {color: #5b5b5b  !important;font-size: 1.2em !important; margin-bottom: 10px;font-weight: 400;line-height: 20px; text-decoration:none !important;text-transform: uppercase;}



.btn-sivi {
	border-color: #cccccc;
	color: #000000;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #eeeeee;
	background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
	background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
	background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdddddd', GradientType=0);
	border-color: #cccccc #cccccc #cccccc;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btn-sivi:hover {
	border-color: #cccccc;
	background-color: #cccccc;
}

.btn-sivi:active,
.btn-sivi:focus {
	border-color: #cccccc;
	background-color: #cccccc;
}

.tablica, .tablica th, .tablica td {vertical-align:top !important;}

.slika100 {width:100%;height:auto;}
.slikaborder {border:3px solid #ddd;}


#footer {border-top:0;margin-top: 25px;background: url(https://ztkgbj.info/slike/background-footer.jpg) top right no-repeat;min-height:241px;background-color: #282828;}
footer div.container div.row > div {margin-bottom:0}
div.footer-copyright {background: none repeat scroll 0 0 #393939;padding: 5px 0 5px 0;    border-top: none;margin-top: 0;border-top: 3px #ed1c24 solid;}
.footer-copyright div.container div.row > div {margin:0}
div.footer-copyright p {color:#747474}
footer div.newsletter form {max-width: none;}
.input-group-btn {position: relative;white-space: nowrap;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;}
.btn-danger {color: #ffffff;background-color: #e31e26;border: 1px solid #fff;border-radius: 0;font-size:13px}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {color: #ffffff;background-color: #d9534f;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;border-left: none;}
footer ul.contact p {color: #5b5b5b;line-height: 20px;margin: 0;font-family: Arial;font-size: 0.9em;}
footer ul.contact i {float:none}
footer div.newsletter form input.form-control {border-radius:0;border: 1px solid #fff;}
footer div.newsletter form input.form-control {border-radius:0;border: 1px solid #fff;background: #edebeb;}

#footer2 {border-top:0;margin-top: 25px;background: url(https://ztkgbj.info/slike/background-footer.jpg) top right no-repeat;height:241px;}
footer2 div.newsletter form {max-width: none;}
footer2 div.newsletter form input.form-control {position: relative;white-space: nowrap;background: #edebeb;}
.btn-danger2 {color: #ffffff;background-color: #e31e26;border: 1px solid #fff;border-radius: 0;font-size:13px}
.btn-danger2:hover, .btn-danger2:focus, .btn-danger2:active, .btn-danger2.active, .open .dropdown-toggle.btn-danger2 {color: #ffffff;background-color: #d9534f;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;border-left: none;}

.form-control {color: #b9b9b9;font-style: italic;}

div.thumb {background-color: transparent url(https://ztkgbj.info/slike/rub-oko.png) no-repeat 0 0;width: 160px;height: 160px;margin: 0 0 30px;padding: 0;float: right;}
div.thumb img {margin: 12px 12px;width: 129px;height: 116px;}
div.thumb img:hover {opacity:0.8}
a.thumb-info:hover img {-moz-transform: 0 !important;-ms-transform: 0 !important;-o-transform: 0 !important;-webkit-transform: 0 !important;transform: 0 !important;}
a.thumb-info img {-moz-border-radius: 0 !important;-moz-transition: 0 !important;-o-transition: 0 !important;-webkit-border-radius: 0 !important;-webkit-transition: 0 !important;border-radius: 0 !important;position: relative;transition: 0 !important;}
a.thumb-info span.thumb-info-action {height:96% !important}


p.tekst-pocetna {line-height: 20px;font-family: Arial;font-size: 0.9em;}
p.news-pocetna {color: #5b5b5b;line-height: 20px;margin: 0 0 7px;font-family: Arial;font-size: 0.9em;}

.pocetna-naslov {text-align: right;font-size: 1.8em;position: absolute;left: 307px;bottom: -71px;font-weight: 600;line-height: 28px;}

.pull-top {margin-top: 25px !important;}


ul.thumbnail-gallery {margin:0}
ul.thumbnail-gallery li {margin: 0 5px 0 0;}
.thumbnail {border-radius:0}


.tekst-oko-naslovna {width:250px;line-height: 15px !important}

.thumbnail-vijesti {background:#ffffff; padding: 0;max-width: 100%;height: 405px; overflow:hidden; display: block;margin-bottom: 20px;	-webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.3);-moz-box-shadow:    0px 0px 5px 0px rgba(20, 20, 20, 0.3);box-shadow:         0px 0px 5px 0px rgba(20, 20, 20, 0.3);}
.thumbnail-vijesti h2 {color: #4b4b4b !important;font-weight: 400;font-family: Open Sans;font-size: 0.9em !important;text-transform: uppercase !important;padding: 10px 10px 0 10px;line-height: 22px;margin: 0;max-height: 75px;overflow: hidden;min-height: 75px;}
.thumbnail-vijesti h2 a:link, .thumbnail-vijesti h2 a:visited {color: #4b4b4b;font-size: 1.3em !important;font-weight: 700;line-height: 10px !important;text-align: left;text-decoration: none !important;}
.thumbnail-vijesti h2 a:active, .thumbnail-vijesti h2 a:hover {color: #E31E26;font-size: 0.9em !important;font-size: 1.3em !important;font-weight: 700;line-height: 10px !important;text-align: left;text-decoration: none !important;}
.thumbnail-vijesti p {font-size: 13px;line-height: 20px;padding: 10px;max-height: 89px;min-height: 89px;overflow: hidden;}
span.thumb-info-social-icons {border-top: 1px solid #cccccc;margin: 0 !important;padding: 15px 0 6px 0;display: block;background: #f8f8f8;}
.datum {padding: 13px 32px 0 10px;text-transform: uppercase;}
.vise {padding: 10px 10px 10px 0;}
.tekst-novosti {font-size: 13px;line-height: 21px;margin: 10px;max-height: 88px;min-height: 88px;overflow: hidden;}
span.thumb-info-social-icons a {width:40%;-moz-border-radius: 0;-webkit-border-radius: 0;background: none;border-radius: 0;display: inline-block;height: 30px;line-height: 30px;text-align: right;}
span.thumb-info-social-icons a:hover {width:40%;-moz-border-radius: 0;-webkit-border-radius: 0;background: none;border-radius: 0;display: inline-block;height: 30px;line-height: 30px;text-align: right;}


.sidebar {background:#ffffff;-webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.3);-moz-box-shadow:    0px 0px 5px 0px rgba(20, 20, 20, 0.3);box-shadow:         0px 0px 5px 0px rgba(20, 20, 20, 0.3);}

header nav ul.nav-main li a {color:#ffffff}

div.flexslider-top-title ul.flex-direction-nav {display:none}


button.btn-responsive-nav { background: #E31E26 !important;}
button.btn-responsive-nav:hover, button.btn-responsive-nav:active, button.btn-responsive-nav:focus {color:#fee8e9  !important; border:none; outline:none}

#googlemaps {background:none;}
div.google-map { height:inherit;margin: 20px 0 0 0;float: left;}
#googlemaps2 {background:none;}
div.google-map2 { height:inherit; margin:10px 0 0 0}


.download-box {background:#e8292f;float:left;padding:15px;margin:0 20px 20px 0; width: 100%; }
.download-naslov {background:url(https://ztkgbj.info/slike/download.png) center left no-repeat;float:left;margin:0 0 15px 15px;font-size:18px;color:#034887;padding:0 0 0 25px; width:750px}
.download-dokument {font-size:14px;font-style:italic;width:100%; border-bottom:1px dotted #ccc; height: 50px; margin: 0 0 15px;padding: 0 0 10px 0;font-family:"Open Sans"}
.download-opis {float:left;font-size:11px;width:100%;margin:0 0 10px 0;padding:10px 0 5px 0; color: #333}
.download-l {float:left;background:#F6F6F6;padding:5px 15px 5px 15px;width:100%;color:#000000;margin:0; }
.download-l:hover {background:#fff;cursor:pointer}

.paginationw {margin-top:10px; height:52px; overflow:hidden; float:right; font-size:12px; padding:1px 0 0 0}
.paginationw a, .paginationw strong {float:left; margin-left:5px; color:#e31e26; text-decoration:none; padding:4px 10px; background:#ffffff; -webkit-box-shadow: 0px 0px 5px 0px rgba(20, 20, 20, 0.3);-moz-box-shadow:    0px 0px 5px 0px rgba(20, 20, 20, 0.3);box-shadow:         0px 0px 5px 0px rgba(20, 20, 20, 0.3);}
.paginationw a, .paginationw strong {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.paginationw a:first-child {margin-left:0px}
.paginationw img {border:none}
.paginationw a:hover, .paginationw strong {background:#e31e26; color:#ffffff}