/* Add here all your CSS customizations */

h1 {color: #E31E26;font-size: 1.4em !important;font-weight: 400;line-height: 44px;text-align:left; text-decoration:none !important;}
h1 a:link, h1 a:visited {color: #E31E26;font-size: 1.4em !important;font-weight: 400;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: 400;line-height: 44px;text-align:left; text-decoration:none !important;}

h2 {color: #E31E26;font-size: 1.4em !important;font-weight: 400;line-height: 44px;text-align:left; text-decoration:none !important;}
h2 a:link, h2 a:visited {color: #E31E26;font-size: 1.4em !important;font-weight: 400;line-height: 44px;text-align:left; text-decoration:none !important;}
h2 a:active, h2 a:hover {color: #f9686e;font-size: 1.4em !important;font-weight: 400;line-height: 44px;text-align:left; text-decoration:none !important;}

h3 {color: #5b5b5b  !important;font-size: 1.2em !important; margin-bottom: 0;font-weight: 400;line-height: 44px; text-decoration:none !important;text-transform: uppercase;}
h3 a:link, h3 a:visited {color: #5b5b5b  !important; margin-bottom: 0;font-size: 1.2em !important;font-weight: 400;line-height: 44px; 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: 44px; text-decoration:none !important;text-transform: uppercase;}


.detaljnija-h1 {color: #E31E26;font-size: 1.8em !important;margin:0; font-weight: 600;line-height: 44px;text-align: left;text-decoration: none !important;text-transform: uppercase;}
h1.detaljnija-h1 a:link, h1.detaljnija-h1 a:visited {color: #E31E26;font-size: 1.0em !important;margin:0; font-weight: 600;line-height: 44px;text-align: left;text-decoration: none !important;text-transform: uppercase;}
h1.detaljnija-h1 a:active, h1.detaljnija-h1 a:hover {color: #E31E26;font-size: 1.0em !important;margin:0; font-weight: 600;line-height: 44px;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: 44px;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: 44px;text-align:left; text-decoration:none !important;}
h2.detaljnija-h2 a:active, h2.detaljnija-h2 a:hover {color: #f9686e;font-size: 1.2em !important;font-weight: 400;line-height: 44px;text-align:left; text-decoration:none !important;}


h2.detaljnija-h22 {color: #777;font-size: 1.2em !important;font-weight: 400;line-height: 44px;text-align:left; text-decoration:none !important;margin: 0 0 0 23px;}
h2.detaljnija-h22 a:link, h2.detaljnija-h22 a:visited {color: #777;font-size: 1.2em !important;font-weight: 400;line-height: 44px;text-align:left; text-decoration:none !important;}
h2.detaljnija-h22 a:active, h2.detaljnija-h22 a:hover {color: #777;font-size: 1.2em !important;font-weight: 400;line-height: 44px;text-align:left; text-decoration:none !important;}



a:hover, a:active {color:#f9686e}

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}
.clear50 {clear: both; height: 52px}
.clear70 {clear: both; height: 70px}

.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.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #ffffff; text-decoration: none;}
a.bijeli:hover {color: #f9686e; text-decoration: none;}

a.crni:link, a.crni:visited, a.crni:active {color: #000000; text-decoration: none;}
a.crni:hover {color: #000000; 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.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;}

.breadcrumb-novi {color:#ffffff !important;background:none; list-style:none;padding-left: 0;position: absolute;bottom: -265px;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;}

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

.arhiva {float: right;height: 32px;background: #E31E26;border-radius: 5px;padding: 5px 10px;color: #fff;margin: 0 20px 0 0;}

.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 { background: none repeat scroll 0 0 #edebeb;border-top: 3px solid #e3e1e1;margin-top: 25px;padding: 20px 0 0;}
div.footer-copyright {background: none repeat scroll 0 0 #E31E26;padding: 5px 0 5px  0; border-top: none;margin-top: 0;}
.footer-copyright div.container div.row > div {margin:0}
div.footer-copyright p {color:#ffffff}
footer div.newsletter form {max-width: none;}
.input-group-btn {position: relative;white-space: nowrap;border-top: none;border-bottom: none;border-right: none;}
.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: none;}
footer div.newsletter form input.form-control {border-radius:0;border: none;background: #edebeb;}

#footer2 { background: none repeat scroll 0 0 #ffffff;border-top: 3px solid #e3e1e1;margin-top: 25px;padding: 20px 0 0;}
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;}

div.thumb {background: transparent url(https://ztkgbj.info/slike/rub-oko.png) no-repeat 0 0;width: 160px;height: 160px;margin: 0 0 30px 5px;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:100% !important}
span.thumb-info-social-icons a {background:none !important}

div.thumb2 {background: transparent url(https://ztkgbj.info/slike/rub-oko-crna.png) no-repeat 0 0;width: 160px;height: 160px;margin: 0 0 30px 5px;padding: 0;float: right;}
div.thumb2 img {margin: 12px 12px;width: 129px;height: 116px;}
div.thumb2 img:hover {opacity:0.8}

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;}


.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-galerija {background:#ffffff; padding: 0;max-width: 100%;height: 319px; 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-galerija 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-galerija h2 a:link, .thumbnail-galerija 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-galerija h2 a:active, .thumbnail-galerija 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 {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: 0 10px 10px 0; float:right}
.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:auto;-moz-border-radius: 0;-webkit-border-radius: 0;background: #CCC;border-radius: 0;display: inline-block;height: 30px;line-height: 27px;text-align: right;}
span.thumb-info-social-icons a:hover {width:auto;-moz-border-radius: 0;-webkit-border-radius: 0;background: #CCC;border-radius: 0;display: inline-block;height: 30px;line-height: 27px;text-align: right;}

.bigtar {cursor:pointer}

.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);padding:20px}



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; outline:none}

.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:#ff7e83; color:#ffffff}



/* Styles for Carousel with image and text (horizontal) */

#carousel-image-text-horizontal {
	width: 355px;
	height: 145px;

}
#carousel-image-text-horizontal .touchcarousel-item {
	width: 355px;
	height: 145px;
	margin-right: 0;			
	padding: 0;
	position: relative;
}
#carousel-image-text-horizontal img, 
#carousel-image-text-horizontal h4,
#carousel-image-text-horizontal p {
	float:left;
	position: relative;
	margin: 0;
	padding: 0;	
	border: 0;
			
}		
#carousel-image-text-horizontal img {			
width: 129px;
height: 116px;
float: right;
margin: 12px 19px 0 0;
}
#carousel-image-text-horizontal .rblock {
	width: 138px;
	float: left;
	margin-left: 7px;
}
#carousel-image-text-horizontal h4 {
	font: bold 13px/20px Helvetica, Arial, sans-serif;
	color: #000;
	width: 140px;
}
#carousel-image-text-horizontal p {			

}
#carousel-image-text-horizontal .tc-paging-container {
	top: -21px;
}
/* General styles */

.touchcarousel {
	position: relative;
	width: 600px;
	height: 400px;		
	
	/* style is removed after carousel is inited, use !important if you want to keep it*/
	overflow: hidden; 
}
.touchcarousel .touchcarousel-container {
	position: relative;    
    margin: 0;
    padding: 0;
    list-style: none;    
	left: 0;
}
.touchcarousel .touchcarousel-wrapper {
	position: relative;
	overflow:hidden;
	width: 100%;
	height: 100%;
}
.touchcarousel .touchcarousel-item {
	/* use margin-right for spacing between items */
	margin: 0 0 0 0;
	padding: 0;	
	float: left;		
}

/* Last carousel item  */
.touchcarousel .touchcarousel-item.last {
	margin-right: 0 !important;		
}
/* arrow hitstate and icon holder */
.touchcarousel .arrow-holder {
	height: 100%;
	width: 45px;
	position: absolute;
	top: 0;
	display: block;
	cursor: pointer;	
	z-index: 25;	
}
.touchcarousel .arrow-holder.left {	
	left: 0;	
}
.touchcarousel .arrow-holder.right {	
	right: 0;
}

/* arrow icons */
.touchcarousel .arrow-icon{		
	width: 45px;
	height: 90px;
	top:50%;
	margin-top:-45px;	
	position: absolute;	
	cursor: pointer;	
}
.touchcarousel .arrow-icon.left { }
.touchcarousel .arrow-icon.right { }
.touchcarousel .arrow-holder:hover .arrow-icon { }
.touchcarousel .arrow-holder.disabled { cursor: default; }
.touchcarousel .arrow-holder.disabled .arrow-icon { cursor: default; }

.touchcarousel .tc-paging-container {
	width:100%;
	overflow:hidden;
	position:absolute;
	margin-top:-20px;
	z-index:25;
}
.touchcarousel .tc-paging-centerer {	
	float: left;
	position: relative;
	left: 50%;		
}
.touchcarousel .tc-paging-centerer-inside {
	float: left;
	position: relative;
	left: -50%;
}
.touchcarousel .tc-paging-item {			
	float:left;	
	cursor:pointer;		
	position:relative;
	display:block;	
	text-indent: -9999px;	
}
.touchcarousel .tc-paging-item.current { }
.touchcarousel .tc-paging-item:hover { }

.touchcarousel .scrollbar-holder {
	position: absolute;
	z-index: 30;
	left: 6px;
	right: 6px;	
	bottom: 5px;
	height:4px;
	overflow: hidden;
}
.touchcarousel .scrollbar {
	position: absolute;
	left:0;	
	height:4px;
	bottom: 0px;
}
.touchcarousel .scrollbar.dark {
	background-color: rgb(130, 130, 130);	
	background-color: rgba(0, 0, 0, 0.5);
}
.touchcarousel .scrollbar.light {
	background-color: rgb(210, 210, 210);	
	background-color: rgba(255, 255, 255, 0.5);	
}

/* IE and Opera use "move", FF uses -moz-grab */
.touchcarousel .grab-cursor{ cursor:url(https://ztkgbj.info/slike/grab.png) 8 8, move; }
.touchcarousel .grabbing-cursor{ cursor:url(https://ztkgbj.info/slike/grabbing.png) 8 8, move; }

/* Cursor that used when mouse drag is disabled */
.touchcarousel .auto-cursor{ cursor:auto; }

.text-carousel {width: 158px;float: left;height: 144px;overflow: hidden;line-height: 20px;font-family: Arial;font-size: 0.9em;}