/* ---------------------------------------
--> Main rules
--------------------------------------- */
	@import url(https://fonts.googleapis.com/css?family=Kaushan+Script&subset=latin,latin-ext);

	textarea:focus, input:focus, button:focus {
	    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
		-webkit-tap-highlight-color: transparent;
	    outline: 0 !important;
	}

	a:focus {
		text-decoration: none;
	}
/* ---------------------------------------
<-- Main rules
--------------------------------------- */


/* ---------------------------------------
--> Top bar
--------------------------------------- */
	#top {
		border-bottom: 1px solid #ebebeb;
	}

	/* ---------------------------------------
	--> Language choose
	--------------------------------------- */
		.language {
			display: inline-block;
			padding: 10px 7px;
			float: left;
			margin: 0 2px;
			-webkit-box-shadow: inset 0 -3px 0 0 #5177ad;
			box-shadow: inset 0 -3px 0 0 #5177ad;
			color: #5177ad;
		}

		.language.language-active {
			-webkit-box-shadow: inset 0 -3px 0 0 #e40000;
			box-shadow: inset 0 -3px 0 0 #e40000;
			color: #e40000;
		}

		.language:hover {
			padding: 9px 7px 11px 7px;
			cursor: pointer;
		}
	/* ---------------------------------------
	<-- Language choose
	--------------------------------------- */

	/* ---------------------------------------
	--> Toolbar
	--------------------------------------- */
		#toolbar {
			float: right;
		}

		#toolbar .icon {
			display: inline-block;
			font-size: 110%;
			float: left;
			text-align: center;
			width: 30px;
			height: 30px;
			line-height: 30px;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			border-radius: 30px;
			margin: 5px 2px;
			background: #000000;
			color: #FFFFFF;
			opacity: 0.85;
			filter: alpha(opacity=85);
		}

		#toolbar .icon:visited {
			color: #FFFFFF;
		}

		#toolbar .icon:hover {
			opacity: 1.0;
			filter: alpha(opacity=100);
			text-decoration: none;
			color: #FFFFFF;
		}

		#toolbar .icon.active {
			opacity: 1.0;
			filter: alpha(opacity=100);
		}

		#toolbar #icon-facebook:hover {
			background: #3b5998;
		}

		#toolbar #icon-twitter {
			text-indent: 1px;
		}

		#toolbar #icon-twitter:hover {
			background: #4099FF;
		}

		#toolbar #icon-rss:hover {
			background: #ee802f;
		}

		#toolbar #icon-font {
			background: #15881b;
			text-indent: 1px;
		}

		#toolbar .popover-title {
			display: none;
		}

		/* ---------------------------------------
		--> Sliding search bar
		--------------------------------------- */
			#toolbar .search #icon-search {
				background: #5177ad;
			}
			#toolbar .search {
				display: inline-block;
				float: right;
			}

			#toolbar .search .search-field {
				display: inline-block;
				float: left;
				height: 26px;
				margin: 7px -15px 7px 10px;
				line-height: 26px;
				border: 0;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				font-size: 85%;
				width: 200px;
				text-indent: 10px;
				-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
				box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
				color: rgb(160, 160, 160);
			}

			#toolbar .search .search-field.active {
				padding: 0 20px 0 10px;
				text-indent: 0;
			}
		/* ---------------------------------------
		<-- Sliding search bar
		--------------------------------------- */
	/* ---------------------------------------
	<-- Toolbar
	--------------------------------------- */
/* ---------------------------------------
<-- Top bar
--------------------------------------- */


/* ---------------------------------------
--> Header
--------------------------------------- */
	.navbar-default {
		border: 0;
		background-color: transparent;
	}

	.navbar {
		margin-bottom: 0;
	}

	@media (min-width: 1200px) {
		.logoclick {
			display: block;
			position: absolute;
			margin-left: -15px;
			top: 0;
		}

		.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
			background-color: transparent;
			border-color: transparent;
		}

		.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
			background-color: transparent;
		}

		.navbar-nav>li>a {
			color: #616161 !important;
			padding: 7px 4px;
			text-transform: uppercase;
			font-size: 81%;
			margin: 0 2px;
			border-color: transparent;
			display: inline-block;
			margin-bottom: 0;
			font-weight: normal;
			text-align: center;
			vertical-align: middle;
			-ms-touch-action: manipulation;
			touch-action: manipulation;
			cursor: pointer;
			background-image: none;
			border: 1px solid transparent;
			white-space: nowrap;
			border-radius: 4px;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

		.navbar-default .navbar-nav>li>a.active {
			color: #FFFFFF !important;
			background-color: #337ab7;
			border-color: #2e6da4;
		}

		.navbar-default .navbar-nav>li>a.active:hover {
			color: #fff;
			background-color: #286090;
			border-color: #204d74;
		}

		.navbar-collapse.collapse {
			padding-top: 30px;
			padding-bottom: 30px;
		}

		.dropdown:hover>.dropdown-menu {
			display: block;
			min-width: 200px;
		}

		.navbar-right .dropdown-menu {
  			left: 0;
  		}

  		.dropdown-menu>li>a {
  			font-size: 90%;
  			white-space: normal;
  		}

  		.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  			background-color: transparent;
  			color: #1884D2;
  		}

  		.dropdown {
  			position: relative;
  		}

  		.dropdown>.dropdown-submenu {
  			left: 100%;
  			margin-top: -25px;
  			margin-left: -10px;
  		}
  	}

  	@media (max-width: 539px) {
		.navbar-brand {
			font-size: 70%;
		}
	}

	.lang {
		color: #5177ad !important;
	}

	.lang.lang-active {
		color: #e40000 !important;
	}

	@media (max-width: 1199px) {
		.navbar-collapse {
			background: none !important;
		}
	}
/* ---------------------------------------
<-- Header
--------------------------------------- */


/* ---------------------------------------
--> Quicks
--------------------------------------- */
	@media (min-width: 992px) {
		#quicks {
			padding: 25px 0;
			border-bottom: 1px solid #e5e5e5;
		}
	}

	.quick {
		text-align: center;
		font-size: 105%;
		display: table-cell;
  		float: none !important;
  		vertical-align: middle;
  		border: 1px dashed rgba(0, 0, 0, 0.20);
  		-webkit-border-radius: 15px;
  		-moz-border-radius: 15px;
  		border-radius: 15px;
  		padding: 30px 0 35px 0;
  		font-weight: bold;
  		color: inherit;
	}

	.quick.fs {
		padding: 10px;
	}

	.quick.fs img {
		max-width: 100%;
		height: auto;
		opacity: 0.9;
	}

	.quick.fs:hover img {
		opacity: 1;
	}

	.quick:hover {
		border: 1px dashed rgba(0, 0, 0, 0.30);
		cursor: pointer;
		text-decoration: none;
	}

	.quick:hover i {
		color: #23527c;
	}

	.quick i {
		display: block;
		color: #FF0000;
		font-size: 250%;
		padding-bottom: 5px;
	}

	.quick.blue i {
		color: #286090;
	}

	.row-same-height {
		display: table;
		width: 100%;
		table-layout: fixed;
	}

	.quick-spacer {
		width: 2%;
		display: table-cell;
  		float: none !important;
  		vertical-align: middle;
	}
/* ---------------------------------------
<-- Quicks
--------------------------------------- */


/* ---------------------------------------
--> Slider
--------------------------------------- */
	#slider {
		position: relative;
	}

	#slider > img {
		position: relative;
		width: 100%;
		height: auto;
		max-height: 300px;
	}

	#slider .logo-overlay {
		top: 0;
		position: absolute;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 25px;
	}

	#slider .logo-overlay > img {
		height: 100%;
	}
/* ---------------------------------------
<-- Slider
--------------------------------------- */


/* ---------------------------------------
--> Modules
--------------------------------------- */
	#column-left .module {
		position: relative;
		padding: 25px 15px;
	}

	#column-right .module {
		padding: 25px 0px 10px 0;
	}

	#column-left .module.red .module-title {
		background-color: #d63a3a;
	}

	.module-title {
		color: #fff;
		background-color: #286090;
		display: block;
		width: 100%;
		margin-bottom: 0;
		font-weight: normal;
		text-align: left;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		background-image: none;
		border: 1px solid transparent;
		white-space: nowrap;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		border-radius: 4px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.module-title a {
		color: inherit;
	}

	.module-content {
		padding: 8px 15px 0 15px;
	}
/* ---------------------------------------
<-- Modules
--------------------------------------- */


/* ---------------------------------------
--> Links navigation
--------------------------------------- */
	.links-navigation a {
		padding: 3px 0 !important;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #616161;
	}

	.links-navigation a:hover {
		color: #FF0000;
		text-decoration: none;
	}

	.links-navigation a:hover i {
		color: #FF0000;
		border: 2px solid #FF0000;
	}

	.module.red .links-navigation a i {
		color: #d63a3a;
		border: 2px solid #d63a3a;
	}

	.links-navigation a i {
		font-size: 8px;
		float: right;
		color: #3f6da1;
		padding: 4px 5px;
		border: 2px solid #3f6da1;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}
/* ---------------------------------------
<-- Links navigation
--------------------------------------- */


/* ---------------------------------------
--> Components
--------------------------------------- */
	#component .page-header {
		padding-bottom: 0;
		margin: 0;
		border-bottom: 0;
	}

	#component h2 {
		margin: 0;
		color: #FF0000;
		font-size: 150%;
		font-weight: bold;
		margin-bottom: 1px;
	}

	#component h3 {
		margin: 0;
		color: #FF0000;
		font-size: 120%;
		font-weight: bold;
	}
/* ---------------------------------------
<-- Components
--------------------------------------- */


/* ---------------------------------------
--> Articles
--------------------------------------- */
	.article-title a {
		color: inherit;
	}

	.article-title a:hover, .article-title a:focus {
		text-decoration: none;
		color: #23527c;
	}

	.article-date {
		font-size: 83%;
		color: #3f6da1;
	}

	.article-content {
		word-wrap: break-word;
		color: #616161;
		font-size: 95%;
		text-align: left;
		margin-top: 5px;
	}

	.article-half .article-title {
		font-size: 115% !important;
	}

	.article-half img {
		float: none !important;
	}

	.article-content img {
		display: block;
		max-width: 100%;
		height: auto;
		margin: 5px;
	}

	img.flag {
		border: 0 !important;
		-webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    border-radius: 0;
	}

	.article-content img:not(.full) {
		max-height: 250px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}

	.article-content .pdficons li {
		list-style-type: none;
	}

	.article-content .pdficons li::before {
		content: url('../img/pdf.png');
		margin: 0px 5px 0 -15px;
		top: 2px;
		position: relative;
	}

	.article-content p:last-child {
		margin: 0;
	}

	.article-separator {
		display: block;
		margin: 15px;
		height: 1px;
		background: #e2e2e2;
	}

	@media (min-width: 992px) {
		.article-separator {
			height: 14px;
			background: url("../img/separator.jpg") repeat top center;
		}

		.article-content img {
			opacity: 0.80;
			filter: alpha(opacity=80);
			transition: opacity .50s ease-in-out;
		   -moz-transition: opacity .50s ease-in-out;
		   -webkit-transition: opacity .50s ease-in-out;
		}

		.article-content:hover img {
			opacity: 1.0;
			filter: alpha(opacity=100);
		}
	}

	.article-morelink {
		display: block;
		padding: 5px 10px;
		margin: 5px 0;
		border: 1px solid #eee;
		border-left-width: 5px;
		border-radius: 3px;
		border-left-color: #3F99FF;
		color: #8f8f8f;
	}

	.article-morelink:hover, .article-morelink:focus {
		color: #666666;
		text-decoration: none;
		border-left-color: #FF3F3F;
	}

	@media (max-width: 991px) {
		.article-title {
			font-size: 115% !important;
		}
	}

	.readmore {
		margin-top: -5px !important;
	}
/* ---------------------------------------
<-- Articles
--------------------------------------- */


/* ---------------------------------------
--> Scroll top button
--------------------------------------- */
	#scrolltop {
		display: inline-block;
		padding: 7px 11px;
		position: fixed;
		bottom: 45px;
		right: 45px;
		overflow: hidden;
		white-space: nowrap;
		background: #333333;
		visibility: hidden;
		opacity: 0;
		color: #FFFFFF;
		-webkit-transition: opacity .5s 0s, visibility 0s .5s;
		-moz-transition: opacity .5s 0s, visibility 0s .5s;
		transition: opacity .5s 0s, visibility 0s .5s;
	}

	#scrolltop.cd-is-visible, #scrolltop.cd-fade-out, .no-touch #scrolltop:hover {
		-webkit-transition: opacity .5s 0s, visibility 0s 0s;
		-moz-transition: opacity .5s 0s, visibility 0s 0s;
		transition: opacity .5s 0s, visibility 0s 0s;
	}

	#scrolltop.cd-is-visible {
		visibility: visible;
		opacity: .5;
	}

	#scrolltop.cd-fade-out {
		opacity: .5;
	}

	#scrolltop:hover {
		opacity: 1;
		cursor: pointer;
	}

	@media (max-width: 1199px) {
		#scrolltop {
			font-size: 100%;
			padding: 3px 7px;
			bottom: 20px;
			right: 20px;
		}
	}
/* ---------------------------------------
<-- Scroll top button
--------------------------------------- */


/* ---------------------------------------
--> Footer
--------------------------------------- */
	#footer {
		margin-top: 30px;
		background: #161616;
		padding: 20px;
		color: #FFFFFF;
		background: url("../img/pattern-red.png") repeat center;
		text-shadow: rgba(0, 0, 0, 0.15) 1px 1px 0;
		-webkit-box-shadow:inset 0 40px 40px -40px rgba(0,0,0,0.75);
		box-shadow:inset 0 40px 40px -40px rgba(0,0,0,0.75);
	}

	#footer .footer-padding {
		padding: 3px 20px;
		  line-height: 108%;
	}

	#footer .handwriting {
		font-family: 'Kaushan Script', cursive;
		font-size: 200%;
	}

	#footer-bottom {
		background: #FFFFFF;
		color: #B2B2B2;
		padding: 10px 0;
		margin-top: 10px;
		text-align: center;
		font-size: 75%;
		border-top: 1px solid rgb(215, 215, 215);
	}

	@media (min-width: 992px) {
		#footer-bottom {
			border-top: 3px solid #FFFFFF;
			color: #FFFFFF;
			font-size: 85%;
			padding: 10px 0;
			margin: 0;
			background: url("../img/pattern-blue.png") repeat center;
			text-shadow: rgba(0, 0, 0, 0.15) 1px 1px 0;
			-webkit-box-shadow:inset 0 1px 0 0 rgba(0,0,0,0.25);
			box-shadow:inset 0 1px 0 0 rgba(0,0,0,0.25);
		}
	}
/* ---------------------------------------
<-- Footer
--------------------------------------- */


/* ---------------------------------------
--> Search results
--------------------------------------- */
	.search-results {
		margin-bottom: 15px;
	}

	.search-result {
		margin-top: 15px
	}
	
	.search-result:not(:last-child) {
		margin-bottom: 10px;
	}

	.pagination-main {
		display: block;
		text-align: center;
	}

	.pagination {
		display: inline-block;
		margin: 0;
	}

	.pagination li span {
		color: #337ab7;
	}

	.pagination li a {
		color: #337ab7;
	}

	.pagination>li>a:hover, .pagination>li>a:focus {
		color: #337ab7;
		background-color: rgba(0, 0, 0, 0.05);
	}

	.pagination>li>span:hover, .pagination>li>span:focus {
	 	color: #337ab7;
		background-color: rgba(0, 0, 0, 0.05);
	}
/* ---------------------------------------
<-- Search results
--------------------------------------- */


/* ---------------------------------------
--> Modals
--------------------------------------- */
	.modal-header {
		padding: 13px 15px 11px 15px;
	}

	.modal-title {
		font-size: 150%;
	}

	.modal-body p:last-child {
		margin-bottom: 5px;
	}
/* ---------------------------------------
<-- Modals
--------------------------------------- */


/* ---------------------------------------
--> Callouts
--------------------------------------- */
	.callout {
		padding: 7px 15px;
		border: 1px solid #eee;
		border-left-width: 5px;
		border-radius: 3px;
	}

	.callout:not(:last-child) {
		margin-bottom: 15px;
	}

	.callout-blue {
		border-left-color: #337ab7;
	}

	.callout-red {
		border-left-color: #c9302c;
	}

	.callout-sm {
		padding: 3px 15px;
	}

	.callout h4 {
		color: #FF3F3F;
		font-weight: bold;
	}

	.callout p {
		padding: 0 10px;
	}
/* ---------------------------------------
<-- Callouts
--------------------------------------- */


/* ---------------------------------------
--> E - services
--------------------------------------- */
	.result .callout p {
		font-weight: bold;
		color: #646464;
	}

	.result, .errormessage {
		display: none;
	}

	.captchaimg:hover {
		cursor: pointer;
	}
/* ---------------------------------------
<-- E - services
--------------------------------------- */


/* ---------------------------------------
--> Poll
--------------------------------------- */
	.poll-question {
		display: block;
		overflow: hidden;
	}

	.poll-question i {
		color: #286090;
		float: left;
		font-size: 250%;
		padding-right: 10px;
	}

	.poll-answers {
		padding: 10px 0;
	}

	.poll-answer {
		padding: 2px 5px;
		color: rgb(97, 97, 97);
		cursor: pointer;
	}

	.poll-answer i {
		float: left;
		font-size: 8px;
		margin-top: 1px;
		margin-right: 5px;
		padding: 3px 5px;
		border: 2px solid rgb(97, 97, 97);
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

	.poll-answer:hover {
		color: #3f6da1;
	}

	.poll-answer:hover i {
		border: 2px solid #3f6da1;
	}

	.poll-answer.selected {
		color: #FF0000;
	}

	.poll-answer.selected i {
		border: 2px solid #FF0000;
	}

	.poll-submit {
		width: 100%;
		text-align: center;
	}

	.poll-alert {
		display: none;
		margin-bottom: 0;
		margin-top: 10px;
		padding: 10px 15px;
	}

	.poll-results {
		display: none;
	}

	.poll-results .progress {
		margin-bottom: 15px;
    	margin-top: 1px;
	}

	.poll-result-answer {
		margin-top: 10px;
		font-weight: bold;
	}
/* ---------------------------------------
<-- Poll
--------------------------------------- */


/* ---------------------------------------
--> Javne nabavke
--------------------------------------- */
	.javnenabavke.callout-blue .javnenabavke-text a {
		color: #337ab7;
	}

	.javnenabavke.callout-blue .javnenabavke-text a:hover {
		color: #23527c;
		text-decoration: none;
	}

	.javnenabavke.callout-red .javnenabavke-text a {
		color: #c9302c;
	}

	.javnenabavke.callout-red .javnenabavke-text a:hover {
		color: #FF0000;
		text-decoration: none;
	}

	.javnenabavke .javnenabavke-button {
		text-align: right;
	}

	@media (max-width: 991px) {
		.javnenabavke .javnenabavke-button, .javnenabavke .javnenabavke-text {
			text-align: center;
		}

		.javnenabavke .javnenabavke-button {
			margin-bottom: 10px;
		}
	}

	.javnenabavke .pagination a span {
		color: inherit;
	}
/* ---------------------------------------
<-- Javne nabavke
--------------------------------------- */


/* ---------------------------------------
--> Javni pozivi
--------------------------------------- */
	.javnipozivi.callout-blue .javnipozivi-text a {
		color: #337ab7;
	}

	.javnipozivi.callout-blue .javnipozivi-text a:hover {
		color: #23527c;
		text-decoration: none;
	}

	.javnipozivi.callout-red .javnipozivi-text a {
		color: #c9302c;
	}

	.javnipozivi.callout-red .javnipozivi-text a:hover {
		color: #FF0000;
		text-decoration: none;
	}

	.javnipozivi .javnipozivi-button {
		text-align: right;
	}

	@media (max-width: 991px) {
		.javnipozivi .javnipozivi-button, .javnipozivi .javnipozivi-text {
			text-align: center;
		}

		.javnipozivi .javnipozivi-button {
			margin-bottom: 10px;
		}
	}

	.javnipozivi .pagination a span {
		color: inherit;
	}
/* ---------------------------------------
<-- Javni pozivi
--------------------------------------- */


/* ---------------------------------------
--> Cjenovnici i sifarnici
--------------------------------------- */
	.cjenovnici .cjenovnici-text {
		color: #a94442;
	}

	.cjenovnici .cjenovnici-tools {
		text-align: right;
	}

	@media (max-width: 991px) {
		.cjenovnici .cjenovnici-tools, .cjenovnici .cjenovnici-text {
			text-align: center;
		}

		.cjenovnici .cjenovnici-tools {
			margin-bottom: 10px;
		}

		.cjenovnici .cjenovnici-tools select.form-control {
			display: inline-block;
			width: 35%;
		}
	}
/* ---------------------------------------
<-- Cjenovnici i sifarnici
--------------------------------------- */


/* ---------------------------------------
--> Tabovi u vijestima
--------------------------------------- */
	.panel-group {
		line-height: 0;
	}

	.panel-group div {
		line-height: 1.42857143;
	}

	.panel-title a {
		width: 100%;
		display: block;
	}

	.panel-title a:focus, .panel-title a:hover {
		text-decoration: none;
	}

	.panel-title a:hover {
		text-indent: 1px;
	}

	.panel-body ul {
		margin-bottom: 0;
	}
/* ---------------------------------------
<-- Tabovi u vijestima
--------------------------------------- */


/* ---------------------------------------
--> Alerts
--------------------------------------- */
	.panel-grey > .panel-heading {
		color: #FFFFFF;
		background-color: #929292;
		border-color: #9C9C9C;
	}

	.panel-grey {
		border-color: #9C9C9C;
	}
/* ---------------------------------------
<-- Alerts
--------------------------------------- */


/* ---------------------------------------
--> Pretraga lijekova
--------------------------------------- */
	#pretragalijekova .detaljno {
		cursor: pointer;
	}

	#pretragalijekova tr[id^='lijek'] td {
		border-top: 0;
	}
/* ---------------------------------------
<-- Pretraga lijekova
--------------------------------------- */