/* Add here all your CSS customizations */

.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}
.clear30 {clear: both; height: 30px}
.clear50 {clear: both; height: 50px}


.imgresnoblock {height:auto; max-width:100%;}
.maxwidth100p {max-width:100%}
.width100p {width:100%}
.width90p {width:90%}
.textright {text-align:right}
.textcenter {text-align:center}
.block {display:block}
.relative {position:relative}
.sivibg {background:#E5E5E5}
.tamnoplavibg {background:#183491}
.svijetloplavibg {background:#173D98}
.fontweight300 {font-weight:300}
.fontsize18 {font-size:18px}
.fontsize12 {font-size:12px}
.arialreg12 {font-family:Arial, Sans-serif; font-size:12px; font-weight:normal;}
.floatnone {float:none;}
.textbijeli {color:#fff}
.margintb10 {margin-top:10px; margin-bottom:10px;}
.margintb20 {margin-top:20px; margin-bottom:20px;}
.margintop40px {margin-top:40px}
.margintop20px {margin-top:20px}
.marginbottom20px {margin-bottom:20px}
.marginbottom30px {margin-bottom:30px}
.paddingleft40 {padding-left:40px}
.paddingright50 {padding-right:50px}
.paddingbottom14 {padding-bottom:14px}
.lheight30 {line-height:30px}
.font14 {font-size:14px}
.kaoh1 {color: #1E2785;font-size: 2.1em;line-height: 30px;padding: 0 0 20px;}


a.crni:link, a.crni:visited, a.crni:active {color: #333; text-decoration: none;}
a.crni:hover {color: #666; text-decoration: none;}
a.plavi:link, a.plavi:visited, a.plavi:active {color: #1e2887; text-decoration: none;}
a.plavi:hover {color: #0066B3; text-decoration: none;}
a.svjetloplavi:link, a.svjetloplavi:visited, a.svjetloplavi:active {color: #a4b9ff; text-decoration: none;}
a.svjetloplavi:hover {color: #ffffff; text-decoration: none;}
a.sivi:link, a.sivi:visited, a.sivi:active {color: #333; text-decoration: none;}
a.sivi:hover {color: #888; text-decoration: none;}
a.svjetlosivi:link, a.svjetlosivi:visited, a.svjetlosivi:active {color: #888; text-decoration: none;}
a.svjetlosivi:hover {color: #333; text-decoration: none;}
a.bijeli:link, a.bijeli:visited, a.bijeli:active {color: #ffffff; text-decoration: none;}
a.bijeli:hover {color: #a4b9ff; 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 {background:#bbdaf1; border:1px solid #bbdaf1; color:#000}


h4.crni {color:#000}
.slika-width100p {width:100%}
ul, ol {margin-bottom: 20px; color: #777777;}
footer ul, footer ol {margin-bottom: 10px; color: #A4B9FF;}
.search_form {background:#1c308c;font-size: 12px;padding: 10px 20px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.search-l {background:#1c308c; color:#fff; border:0; line-height:27px; width:80%; height:27px;}
.search-d {float:right}
.novosti-ispred {float:left; font-size:18px; font-weight:bold; width:17%; line-height:52px;}
.scroller {background: none;width: 83%;margin: 0;height: 52px;float: right;font-size: 18px;line-height: 52px;color: #333;}
.bread {font-size:11px; color:#888;}
.sivekocke1 {padding-top:30px; padding-bottom:30px; border-right: 1px solid #fff;}
.sivekocke2 {padding-top:30px; padding-bottom:30px;}
.pocetnatekst p {color:#333333; line-height:22px; margin:0 0 10px;}
.ikone-pocetna-margina {margin:30px 20px 30px 0}
.footer-legal {margin-bottom:20px}
.footer-copyright {float:left; font-size:11px; line-height:18px; margin-bottom:30px;}
.footer-copyright p {color:#A4B9FF; margin:0; line-height:18px;}
footer ul {list-style-type:none; float:right; margin-bottom:22px;}
footer ul li {display:inline; padding:0 6px 0 3px; border-right:1px solid #a4b9ff;}
footer ul li.noborder {border-right:0}
.footer-kontakt {font-size:16px; font-weight:bold;}
.jezici {float:right}
.jezici a {float:right; margin: 13px 0 0 10px}
.jezici-mob {display:none}
.jezici-mob img {margin: 0 0 0 10px}
h1.h1poc {font-weight:400}
h1.ostale {font-weight:400; text-transform:uppercase;}
h1.ostale small {text-transform:none}
.error_message p {font-size: 11px;color: #ff0000;line-height: 16px;margin: 0 0 10px;}
.poveznice {margin:30px 0}
.tablica, .tablica th, .tablica td {vertical-align:top !important;}
.social-icons {position: absolute;top: -20px;left: 455px;}
ul.social-icons {width:242px}
ul.social-icons li {height:30px}
ul.social-icons li.skype p {margin:0}
.socialpoc {top: -30px}
ul.sitemap li {font-size:16px}
ul.sitemap li ul li {font-size:14px}
.smaller {padding:0 !important;margin-bottom: 30px !important;}
.smaller p, .smaller ul.nav_categories li {font-size:13px}
.smaller ul.nav_categories li {line-height:30px}
.smaller ul.nav_categories {list-style: none outside none;margin-bottom: 0;padding-left: 0;}
.smaller h4.smallerh4 {background:#183491; color:#FFFFFF; margin:0 0 10px; padding:0 15px; font-size:1.3em;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.smaller h4.marginbottom2 {margin-bottom:2px}
.smaller h4.smallerh4 a:link, .smaller h4.smallerh4 a:visited, .smaller h4.smallerh4 a:active, .smaller h4.smallerh4 a:hover {color:#FFFFFF; display:block;}
.smaller-inside {padding:0 15px 15px}
.smaller-inside-cat {padding:10px 10px}
.smaller ul.nav_categories li:first-child {border-top: 0 none}
.smaller ul.nav_categories li {border-top: 1px solid #DDDDDD;display: block;}
.smaller ul.nav_categories li a {display: block;padding: 0 5px;}
.smaller ul.nav_categories li a:hover {background: none repeat scroll 0 0 #DDDDDD;display: block;padding: 0 5px;text-decoration: none;}
.okoentry h2 {font-size: 1.5em}
.okoentry p {font-size: 12px}
.okoentry img {max-width:100%; margin-bottom:10px;}
.okoentrycat img {float:left; margin:0 10px 10px 0; max-width:100%;}
h2.pretraga {margin:0 0 4px}
p.pretraga {margin:0 0 10px}

.panel {box-shadow: none;}
.panel-group .panel {border-radius: 0}
.panel-group .panel + .panel {margin-top: 1px;}
.panel {background-color: transparent;}
.panel-default {border-color: rgba(0, 0, 0, 0);}
.panel-default > .panel-heading {background-color: #e0e0e0;border-color: rgba(0, 0, 0, 0);color: #333333;}
.panel-heading {border-top-left-radius: 0;border-top-right-radius: 0;padding: 0;}
.panel-title {font-size: 14px;line-height: 24px;font-weight: bold;margin-bottom: 0;margin-top: 0;padding: 5px 7px;}
.panel-title > a {display: block;}
.panel-body {padding: 0}
.panel-body ul.nav_categories li:first-child {border-top: 1px solid #fff}
.panel-body ul.nav_categories li {border-top: 1px solid #fff;display: block;line-height: 20px;}
.panel-body ul.nav_categories li a {display: block;padding: 3px 5px;text-decoration: none;}
.panel-body ul.nav_categories li a:hover {background: #d4deff;display: block;text-decoration: none;padding: 3px 5px;}


.cc-cookies {position:fixed; width: 100%; left: 0; bottom:0; padding: 10px 5%; background:#fff;background:rgba(255,255,255,.85); color: #110300; font-size: 12px; font-weight: 400; z-index: 99999; text-align: center; }
.cc-cookies a, .cc-cookies a:hover { color: #110300; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }


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