/* 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}
.clear20naslov {clear: both; height: 20px}
.clear25 {clear: both; height: 25px}
.clear30 {clear: both; height: 30px}
.clear40 {clear: both; height: 40px}
.clear50 {clear: both; height: 50px}
.clear60 {clear: both; height: 60px}

.margin3px {margin:3px;}

h1 {border: none; color: #ffffff;font-size: 2.1em;line-height: 30px;font-family: Georgia, serif;letter-spacing: 2px;}
h2 {color: #3a8f16;font-size: 1.8em;font-weight: normal;line-height: 42px;margin: 0 0 12px 0; font-family: 'Trebuchet MS';}

p {font-family: 'Trebuchet MS', sans-serif;}

a:hover {color: rgba(0, 0, 0, 0.56);}

footer {background-image: url("https://www.dhk-pula.hr/slike/footer-bg.png");font-family: 'Open Sans'; color: #ebebeb; font-size: 12px; margin-top: -25px !important;}


header nav ul.nav-main li > a:hover {color: #000 !important; background-color: #f4eb2c !important;}
header nav {float: left !important;}
header.flat-menu nav ul.nav-main li a {margin-left: 0 !important;}
header.flat-menu nav ul.nav-main li>a {color: #fff; font-family: 'Trebuchet MS'; font-weight: 600;}
body.sticky-menu-active header.flat-menu div.header-top {display: initial !important; display: inline;}
body.sticky-menu-active header.flat-menu ul.nav-main > li > a {padding-bottom: 0 !important; padding-top: 0 !important;}
.body.sticky-menu-active header {background:#f9a61f;}
.lijevo {float:left}
.headerispod {height: 64px; overflow: hidden;padding-left: 35px;}
.prijevod-ikone {float: right; margin: 19px 20px 0 0;}
.imgresnoblock {height:auto; max-width:100%;}
.maxwidth100p {max-width:100%}
.width100p {width:100%}
.width90p {width:90%}
.imgcenter {margin-right: auto !important; margin-left: auto !important; clear:both; float: none !important;}
.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}
.fontsize17e {font-size:1.7em}
.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}
.margintop30px {margin-top:30px}
.margintop20px {margin-top:20px}
.marginbottom0 {margin-bottom:0px !important}
.marginbottom20px {margin-bottom:20px}
.marginbottom30px {margin-bottom:30px}
.marginright-17 {margin-right: -17px;}
.marginright17 {margin-right: 17px;}
.no-padding {padding:  0 !important}
.no-margin {margin:0 !important}
.no-marginl {margin-left: 0}
.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;}
.border-footer {border-right: 1px solid #f1f1f1}
.rss {}
.clanovi {height:85px; overflow:hidden}

.margin-novosti {padding-right: 0;padding-left: 8px;}


a.crni:link, a.crni:visited, a.crni:active {color: #333; text-decoration: none;}
a.crni:hover {color: #666; text-decoration: none;}
a.crni2:link, a.crni2:visited, a.crni2:active {color: #000000; text-decoration: none;}
a.crni2:hover {color: #f9a61f; 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: #fff; text-decoration: none; opacity:0.7}
a.svjetloplavi:hover {color: #ffffff; text-decoration: none; opacity:1}
a.sivi:link, a.sivi:visited, a.sivi:active {color: #333; text-decoration: none;}
a.sivi:hover {color: #888; text-decoration: none;}
a.sivi2:link, a.sivi2:visited, a.sivi2:active {color: #6d6d6d; text-decoration: none;}
a.sivi2:hover {color: #ff7800; 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.zeleni-mm:link, a.zeleni-mm:visited, a.zeleni-mm:active {color: #ffffff; text-decoration: none;}
a.zeleni-mm:hover {color: #89FF57; text-decoration: none;}
a.tagovi:link, a.tagovi:visited, a.tagovi:active {color:#000; text-decoration:none; border:1px solid #EBC849; border-radius:2px; padding:0 4px; background:#f4eb2c; float:left; margin:0 4px 4px 0; font-size:12px !important;}
a.tagovi:hover {background:#3a8f16; border:1px solid #6DCE44; color:#000}


.logo {float: left;position: relative;z-index: 1;padding:0}
.logo-sticky-active {top: 60px;}
#mainMenu {margin: 0; float: right;}


#header .logo img {display: inline-block;height: 40px;top: 28px;width: 82px;}
.izbornik-iznad {float: right;margin: 20px 0 0 0;width: 67%; height: 57px;overflow: hidden;}

.container-sivi {background:#f1f1f1}


h4.crni {color:#000}
.slika-width100p {width:100%}
.slika100 {width:100%}
ul, ol {margin-bottom: 20px; color: #777777;}
footer ul, footer ol {margin-bottom: 10px; color: #A4B9FF;}
.search_form {   background: none repeat scroll 0 0 #ffffff;font-family: Open Sans;font-size: 15px;font-style: italic;/*padding: 0 20px 0 0;*/outline: none;float: right; width: 48%;}
.search_form2 {   background: none repeat scroll 0 0 #ffffff;font-family: Open Sans;font-size: 15px;font-style: italic;padding: 0 20px 0 0;outline: none;}
.search-l {   background: none repeat scroll 0 0 #ffffff;border: 1px solid #e9e9e9;color: #6d6d6d;font-style: italic;height: 44px;line-height: 27px;padding: 0 0 0 15px;width: 82%;outline: none;}
.search-l2 {   background: none repeat scroll 0 0 #ffffff;border: 0 none;color: #6d6d6d;font-style: italic;height: 24px;padding: 0 0 0 15px;width: 80%;outline: none;}
.search-d {margin-left: -5px; padding-bottom: 2px;}
.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:#6d6d6d; line-height:21px; margin:0 0 10px;text-align: justify;}
.ikone-pocetna-margina {margin:30px 20px 30px 0}
.footer-legal {margin-bottom:20px}
.footer-copyright {font-size:11px; line-height:18px; }
.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; }
footer ul li.noborder {border-right:0}
.footer-kontakt {font-size:16px; font-weight:bold;}
.jezici {float:right;position: relative;z-index: 1;clear: both;}
.jezici a {float:right; margin: 13px 5px 0 0px}
.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:10 0 !important;margin-bottom: 30px !important; background:#fafafa}
.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 {
    color: #000;
border-bottom: 1px solid #fff;
    font-size: 1.7em;
    margin: 0 0 10px; padding-bottom:15px;
    }
.smaller h4.marginbottom2 {margin-bottom:2px}
.smaller h4.smallerh4 a:link, .smaller h4.smallerh4 a:visited, .smaller h4.smallerh4 a:active {color:#000000;}
.smaller h4.smallerh4 a:hover {color:#f9a61f; }
.smaller-inside {}
.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{border: 1px solid #DCDCDC;box-shadow:3px 3px 10px 5px rgba(0, 0, 0, 0.1);position:fixed;width:230px;right:30px;bottom:50px;padding:20px;background:#fff;background:rgba(255,255,255,.95);font-size:13px;font-weight:400;z-index:99999;text-align:center;color:#333}
.cc-cookies a,.cc-cookies a:hover{color:#3175A4;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;background:#fff;padding:2em 5%;border:1px solid #ccc;font-size:18px;color:#333}
.cc-cookies a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset,.cc-cookies-error a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-decline{display:inline-block;color:#fff;text-decoration:none;background:#7DAF3B;padding:.5em .75em;border-radius:3px;box-shadow:0 0 2px rgba(0,0,0,.25);text-shadow:0 -1px 0 rgba(0,0,0,.35);-o-transition:background .5s ease-in;-webkit-transition:background .25s ease-in;-moz-transition:background .25s ease-in}
.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline{background:#af3b3b;margin-left:.5em}
.cc-cookies a.cc-cookie-reset{background:#f15b00}
.cc-cookies a:hover.cc-cookie-accept,.cc-cookies a:hover.cc-cookie-decline,.cc-cookies a:hover.cc-cookie-reset,.cc-cookies-error a:hover.cc-cookie-accept,.cc-cookies-error a:hover.cc-cookie-decline{background:#000;-o-transition:background .5s ease-in;-webkit-transition:background .25s ease-in;-moz-transition:background .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:.5em 1em;left:auto;top:auto}
.cc-cookies.cc-discreet a.cc-cookie-reset{background:0 0;text-shadow:none;padding:0;text-decoration:underline}
.cc-cookies.cc-discreet a:hover.cc-cookie-reset{text-decoration:none}
.cc-cookies a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset{display:block;margin:1em 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;
}


.pocetna-vijesti-01 {color: #6d6d6d;display: block;font-family: Open Sans;font-size: 22px;padding: 10px 6px 9px;}

.pocetna-vijesti-02 {color: #6d6d6d;display: block;font-family: Open Sans;font-size: 22px;padding: 10px 0px 9px;height: 365px; position: relative;}

.vijesti-box1 {background: #ffffff;padding: 0 10px}
.vijesti-box-in2 {
padding:0; 
height:130px;
-webkit-border-bottom-image: url(https://www.dhk-pula.hr/slike/line-shadow.png); /* Safari 3.1-5 */
    -o-border-bottom-image: url(https://www.dhk-pula.hr/slike/line-shadow.png) ; /* Opera 11-12.1 */
    border-bottom-image: url(https://www.dhk-pula.hr/slike/line-shadow.png) ;}




.vijesti-box1 p.p2 {text-align:center; margin-top:4px}
.vijesti-box1 a.novilink {text-decoration:none; color:#fff; font-family:Georgia, serif; float:left; font-weight:normal }
.vijesti-box1 a.novilink:hover {text-decoration:none; color:#f9a61f; font-family:Georgia, serif; float:left;font-weight:normal }

.vijesti-datum {color: #ff7800;font-style: italic;font-size: 12px;margin: 0;float: left; text-transform: lowercase;}
.vijesti-datum2 {color:#3a8f16;font-style: italic;font-size: 12px;margin: -5px 0 0 9px;float: left; font-family: 'Trebuchet MS'; text-transform: lowercase;}
.vijesti-datum3 {color:#3a8f16;font-style: italic;font-size: 12px;float: left; font-family: 'Trebuchet MS', sans-serif; text-transform: lowercase;}

.post-pocetna-naslov {float: left;width: 80%;margin: 0 0 0 10px; max-height:51px; overflow:hidden;}
.post-pocetna-naslov h3 {margin: 0 0 5px 0;float: left;color: #fff;font-weight: bold; text-transform: uppercase; font-size: 20px; font-family: 'Trebuchet MS';}
.post-pocetna-text {float: left;/*height: 85px;*/width: 83%;margin: 5px 0 0 10px;font-size: 13px;color: #7f7f7f;overflow: hidden;line-height: 17px;text-align:justify; font-family: 'Trebuchet MS';}

.post-pocetna-naslov2 {float: left;width: 100%;margin:0; }
.post-pocetna-naslov2 h3 {margin: 0 0 5px 0;float: left;color: #fff;font-weight: normal ;font-size: 21px;text-transform:none; max-height:50px; overflow: hidden}
.post-pocetna-text2 {float: left;height: 54px;width: 99%;margin: 0;font-size: 13px;color: #6d6d6d;overflow: hidden;line-height: 17px;text-align:justify}


.vertical-vijesti{
	height:1478px !important;
	overflow:hidden;
	margin:0; padding:0;}

.vertical-vijesti li{
		display: block;
color: #6d6d6d;
padding: 10px 6px 9px 6px;
font-size: 22px;
font-family: Open Sans;
	}


#vertical-ticker{
	height:1478px !important;
	overflow:hidden;
	margin:0; padding:0;}

#vertical-ticker li{
		display: block;
color: #6d6d6d;
padding: 10px 6px 9px 6px;
font-size: 22px;
font-family: Open Sans;
	}


#ticker-previous {background:#fff; padding:5px}
#ticker-next {background:#fff; padding:5px}

.strelice-vise {
    float: left;
    margin-left: 123px;
    margin-top: -20px;
}



.vijesti-novosti-poc {background: none repeat scroll 0 0 #f4eb2c;   height: 56px;  width: 100%;}
.vijesti-novosti-poc > a {font-weight:bold;color:#000;font-size:18px;float:left;padding:17px 200px;font-family:'Trebuchet MS';}




.naslov-ostale-desno {float:left}
.naslov-ostale-desno h2 {    border: medium none !important;margin: 0 !important;padding: 0 !important;}

.naslov-newsletter{background:#3a8f16; height: 56px; color:#fff; margin-top:30px;text-align:center;}

.naslov-newsletter> h2 {
    border-bottom: medium none !important;
    color: #fff;
    font-size: 20px;
    margin: 0 !important;
    padding: 7px 10px !important; 
   /* margin-left:115px !important;*/
    font-family: 'Trebuchet MS';
}

.naslov-footer> h4 > a {
    border-bottom: medium none !important;
    color: #f4eb2c;
    font-size: 17px;
    margin: 0 !important;
    padding: 15px 0px !important; 
    font-family: 'Open sans';
    font-weight: bold;
}

.footer-opis {
color: #ebebeb;
font-family: 'Open sans';
font-size: 12px;
}

.izbornik-newsletter{
    background: none repeat scroll 0 0 #fff; float:left;padding: 10px 0 45px 20px; width:100%
}


.naslov-casopis{background:#3a8f16; height: 56px; color:#fff;margin-top: 35px;text-align:center;}

.naslov-casopis> h2 {
    border-bottom: medium none !important;
    color: #fff;
    font-size: 20px;
    margin: 0 !important;
    padding: 7px 10px !important; 
   /*margin-left:85px !important;*/
    font-family: 'Trebuchet MS';
}


.naslov-katalog {background:#3a8f16; height: 56px; color:#fff; margin-top:35px;text-align:center;}

.naslov-katalog > h2 {
    border-bottom: medium none !important;
    color: #fff;
    font-size: 20px;
    margin: 0 !important;
    padding: 7px 10px !important; 
    /*margin-left:45px !important;*/
    font-family: 'Trebuchet MS';
}

.naslov-dogadaji {background:#3a8f16; height: 56px; color:#fff; margin-top:35px;text-align: center;}

.naslov-dogadaji > h2 {
    border-bottom: medium none !important;
    color: #fff;
    font-size: 20px;
    margin: 0 !important;
    padding: 7px 10px !important; 
    /*margin-left:120px !important;*/
    font-family: 'Trebuchet MS';
}


.naslov-nagrada{background:#3a8f16; height: 56px; color:#fff; margin-top:35px;text-align:center;}

.naslov-nagrada> h2 {
    border-bottom: medium none !important;
    color: #fff;
    font-size: 20px;
    margin: 0 !important;
    padding: 7px 10px !important; 
   /* margin-left:60px !important;*/
    font-family: 'Trebuchet MS';
}


header.colored > div.container {
    height: 104px;
    margin-bottom: -100px;}



div.body {
    padding-top: 159px !important;
}

.bg {
    background: none repeat scroll 0 0 #fff;
    float: right;
    height: 76px;
    margin-top: -76px;
    width: 67.05%;
}

#mainMenu > li {margin-right:15px; margin-left: -20px;}

.casopisi {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 50%;
}

.knjige {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    
}

.mali-naslov { color: #fff;
    font-size: 20px;
    margin-left: 20px;
    text-transform: none;}
.mali-naslov a {color:#fff}


.casopisi ul {list-style-type:none; margin-left:-17px; margin-top:12px}
.casopisi li:before {content:"/     "; color:#9e9d9d }
.casopisi li {margin-bottom:5px}


.knjige ul {list-style-type:none; margin-left:-15px; margin-top:12px}
.knjige li:before {content:"/     "; color:#9e9d9d }
.knjige li {margin-bottom:5px}

.img-responsive.mala {float:left; margin-right:10px}

.lijevo-naslovi {
    color: #ff7800;
}
.lijevo-naslovi2 {
    color: #ff7800; margin-left:40px;
}

.lijevo-naslovi:hover {color:#000}
.lijevo-naslovi2:hover {color:#000}

.pocetnatekst.arialreg12.margintb10.block > ul {
    list-style: none outside none; padding:0; font-size:12px; margin-left:0;margin-bottom: 0;
}
.pocetnatekst.arialreg12.margintb10.block li {margin-bottom:5px;}
.pocetnatekst.arialreg12.margintb10.block li:before {content:"✓"; margin-right:20px; color:#000; font-weight:bold}


.col-md-12.col-sm-12.marginbottom30px.bijela {float:left;}

.testimonial.bijeli {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0; text-align:center;
}


.pocetnatekst2.arialreg12.margintb10.block {
    border-bottom: 1px solid #ff7800;
    color: #fff;
    font-family: open sans,arial;
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    margin-left: 0;
    padding-bottom: 7px;
    text-align: center;
    width: 100%;
}

.pocetnatekst2.autor {
    color: #c3c3c3;
    font-size: 18px;
    line-height:35px;
}


.col-md-6.col-sm-6.marginbottom30px.bijela {
    padding-top:10px; margin-left:15px;
}

.bijela2 {background: none repeat scroll 0 0 #fff; padding-top:10px; padding-bottom:10px;}

.bijela2 > ul {
    list-style: none outside none;  padding-left:0; margin-bottom:0
}

.bijela2 li {height: 42px;overflow: hidden;}

.day {
    
    color: #000;
    float: left;
    font-family: 'Trebuchet MS';
    font-size: 40px;
    margin-top: 3px;
    font-weight: bold;
    padding-right: 3px;
    letter-spacing: -5px;
}

.month {
   
    color: #000;
    float:left; 
    margin-left:7px;
    font-family: 'Trebuchet MS';
    margin-top:-7px;
    text-align:center;
    width:40px;
    margin-bottom: 4px;
    text-transform: lowercase;
}

.year {
   
    color: #000;
    float:left; 
    margin-left:7px;
    font-family: 'Trebuchet MS';
    margin-top:-7px;
    text-align:center;
    width:40px;
}

.sat {
 
    color: #fff;
    float: left;
    font-family: open-sans,arial;
    font-size: 13px;
    margin-left: 7px;
    margin-top: -7px; text-align:center; width:40px;
    
}

.datum-kalendar {
    float: left;
    padding: 5px 10px 2px;
    width: 126px; 
text-align:center; 
margin-right:10px;
position: relative;
left: -160px;
top: 10px;
}

.dogadjanja-naslovi {
    padding: 2px; line-height:18px;
}

.dogadjanja-naslovi a {color:#6d6d6d; font-size:13px; font-family:open sans, arial;}


.col-md-6.col-sm-6.marginbottom30px.nagrade {margin-left:-15px}

.bijela2 li:last-child .datum-kalendar {padding-bottom:0}

.bijela2 > h2 {
    margin: 0px;
}

.testimonial.bijeli {margin-left:0/*15px*/}

.col-md-9.sredina {
    padding: 20px;
    text-align: center;
    font-family:open sans, arial; font-size:14px; color:#fff; 
}

.col-md-2.drustvene {
    padding-top: 15px;
}

h2.entry {
    border-bottom: 1px solid #dbdbdb;
    font-size: 2.2em;
    padding-bottom: 10px;
    line-height: 33px;
}

h2.vijest {
    font-size: 1.8em;
    font-family: 'Trebuchet MS', sans-serif;
    color: #3a8f16;
    line-height: 28px;

}

h2.vijest-ured {
    font-size: 1.8em;
    font-family: 'Trebuchet MS', sans-serif;
    color: #3a8f16;
    line-height: 28px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
}

h2.entry-manji {
   
    float: left;
    font-size: 2.4em;
    margin-left: 10px;
    max-width: 90%;
    padding-bottom: 10px;
}

.entry-slika {
    float: left; width:127px; width:120px; margin-right:20px;
    
}

.col-md-9.col-sm-8 > p {
    float: left;
    margin-left: 13px;
    min-width: 70%; max-width:75%;
    font-size:16px;
}

.col-md-9.col-sm-8.novosti-detaljnije > p {
    float: none;
    margin-left: 0;
    max-width:100%;
    font-size:16px; font-family:open sans, arial; 
}


.tekst-novosti {
   
    font-family: open sans,arial;
    font-size: 16px;
    margin-left: 20px;
    min-width: 70%;
}

.tekst-about {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 16px;
    min-width: 70%;
}


.tekst-dogadaji-gl {
   
    font-family: open sans,arial;
    font-size: 14px;
    min-width: 70%;
}

hr.crta {border-top: 1px solid #e9e9e9;
    float: left;
    margin-bottom: 0;
    margin-top: 10px;}

.button-holder {
    float: right;
    margin-top: 20px;
}

/* Post Date */
div.post-date2 {
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	float: left;
	margin-right: 10px;
	text-align: center;
}

div.post-date2 span.month2 {
	background: none repeat scroll 0 0 #F5F5F5;
    border-radius: 2px 2px 0 0;
    color: #909090;
    display: block;
    font-family: open sans, arial;
    font-size: 14px;
    font-weight:bold;
    padding: 7px 10px;
}

div.post-date2 span.day2 {
	background: none repeat scroll 0 0 #f9a61f;
    border-radius: 2px 2px 0 0;
    color: #fff;
    display: block;
    font-family: open sans, arial;
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
}
div.post-date2 span.year2 {
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	background: #fafafa;
	border-radius: 2px 2px 0 0;
	color: #b8b8b8;
	display: block;
	font-size: 16px;
	font-weight: 500;
	font-weight: bold;
	padding: 10px; font-family:open sans, arial;
}

.paginationw {
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}

.col-md-8.col-sm-8 > ul {
    float: left;
    /*width: 60%;*/
    font-family: 'Trebuchet MS', sans-serif;  
}

div.linkovi > ul {
    list-style-image: url('https://www.dhk-pula.hr//slike/lista-ikona.png');
    font-family: 'Trebuchet MS', sans-serif;  
    float: none !important;
}


ul.informacije {
    float: left;
    /*width: 60%;*/
    list-style-image: url('https://www.dhk-pula.hr//slike/lista-ikona.png');
    font-family: 'Trebuchet MS', sans-serif;  
}

.col-md-8.col-sm-8 > ul li {font-size:14px !important;}

.col-md-8.col-sm-8 li:before {list-style-image: url('https://www.dhk-pula.hr//slike/lista-ikona.png'); color:#3a8f16;}

ul.informacije li {list-style-image: url('https://www.dhk-pula.hr//slike/lista-ikona.png'); font-family: 'Trebuchet MS', sans-serif; font-size: 12px;}

.crta2 {
    background: #F9A61F;
    margin:0;
    float: left;
    height: 1px;
    width: 73%;
    clear:none;
    border:none;
    margin-top:-15px;
}

.shop-btn3 {
    background: none repeat scroll 0 0 #f9a61f;
    border: 0 none;
    color: #fff;
}

.shop-btn3:hover {background:#d18d1e} 

.entry-manji-2 {
    margin: 0; float:left; width:100%
}


.crta3 {
    background: #F5F5F5;
    margin:0;
    float:left;
    height: 1px;
    width: 80%;
    clear:none;
    border:none;
    margin-top:10px;
}

.crta4 {
    background: #F9A61F;
    margin:0;
    float: left;
    height: 1px;
    width: 100%;
    clear:none;
    border:none;
    margin-top:10px; margin-bottom: 20px;
    
}

.tesktic > p {
    float: left;
    margin-left: 15px; margin-top:-10px;
    width: 100%;
}

#sorterm {float:left}

.entry-manji2 {
    float: left;
    width: 50%;
}

.entry-manji-4 {margin: 0;  width:60%; font-size:35px; float:left; margin-left:40px}
.informacije {float:left}
.informacije span {font-weight:bold}

.entry-manji-5 {
    font-size: 2em;
    
   /* width: 75%;*/}

.crta5 {
     background: none repeat scroll 0 0 #f9a61f;
    border: medium none;
    clear: none;
    float: left;
    height: 1px;
    margin: 10px 0 20px -20px;
    width: 77%;
    
}

.crta5-83 {
     background: none repeat scroll 0 0 #f9a61f;
    border: medium none;
    clear: none;
    float: left;
    height: 1px;
    margin: 10px 0 20px -20px;
    width: 83%;
    
}

.crta5nova {
     background: none repeat scroll 0 0 #f9a61f;
    border: medium none;
    clear: none;
    float: left;
    height: 1px;
    margin: 10px 0 20px 0;
    width: 100%;
    
}

.img-responsive.clan {
    border: 1px solid #3a8f16;
    font-family: 'Trebuchet MS', sans-serif;
    float: left;
    width:200px;
    padding: 5px;
}

.col-md-12.tabovi {
    margin-top: -15px;
    padding: 0;
}

.col-md-12.tabovi > ul {list-style:none}
.col-md-12.tabovi li:before {content:""}

#popularPosts > p {
    font-family: open sans,arial;
    font-size: 16px; text-align:justify;
}

.active > a {
    
    /*font-family: open sans, arial;*/
    font-weight: bold;
}

.nav.nav-tabs a {
    font-family: open sans,arial;
}

.col-md-12 > h2 {
    font-size: 30px;
    color: #f4eb2c !important;
}

.entry-slika2.img-responsive {
    float: left; 
    margin-left: 70px;
}

.img-responsive.clan2 {
    border: 1px solid #989898;
    float: left;
    width:130px; height:130px;
    padding: 5px; margin-right:20px; margin-bottom:10px;
}

.img-responsive.novosti {
    border: 1px solid #989898;
    float: left;
   /* width:200px; height:170px;*/
    padding: 5px; margin-right:20px; margin-bottom:10px;
}

.img-responsive.pde-glavna {
    border: 1px solid #989898;
    float: left;
    /*width:300px; height:100px;*/
    padding: 5px; margin-right:20px; margin-bottom:10px;
}

.img-responsive.knjiznica {
    border: 1px solid #f9a61f;
    float: left;
    width:132px; height:202px;
    padding: 5px; margin-right:20px; margin-bottom:10px;
}

.img-responsive.biblioteka {
    border: 1px solid #989898;
    float: left;
    width:180px; height:276px;
    padding: 5px; margin-right:20px; margin-bottom:10px;
}

.img-responsive.biblioteka2 {
    border: 1px solid #989898;
    float: left;
    width:155px; height:220px;
    padding: 5px; margin-right:20px; margin-bottom:10px;
}

.img-responsive.biblioteka-side {
    border: 1px solid #989898;
    float: left;
    width:155px; height:235px;
    padding: 5px; margin-right:10px; margin-bottom:10px;
}

.img-responsive.biblioteka-index {
    border: 1px solid #989898;
    float: left;
   /* width:160px; height:245px;*/
    padding: 5px; margin-right:20px; margin-bottom:10px;
}

.img-responsive.biblioteka-index2 {
    border: 1px solid #989898;
    float: left;
   /*width:160px; height:245px;*/
    padding: 5px; margin-right:20px; margin-bottom:10px;
}


.img-responsive.linkovi2 {
/*border: 1px solid #989898;*/
/*width: 130px;
height: 130px;*/
padding: 5px;
margin-right: 10px;
margin-bottom: 10px;
display: block;
float: left;
}

.img-responsive.link2 {
/*border: 1px solid #989898;*/
/*width: 130px;
height: 130px;*/
padding: 5px;
margin-right: 10px;
margin-bottom: 10px;
display: block;
float: left;
}

.post-meta {
    float: left; width:100%;
}

.post-meta > span {
    margin-right: 10px;
}

.btn.btn-xs.btn-primary.pull-right {float:right; font-family:open sans, arial}

.tekst-statut > p {
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 14px;
}

.toggle-content > p {
    font-family: 'Trebuchet MS' sans-serif;
    font-size: 14px;
}

.entry-odbor {
    float: left;
    text-align: center;
    width: 100%;
}

.entry-odbor > ul {
    list-style: none outside none;
    margin-left: -40px; font-family:open sans, arial; font-size:16px;
    display: inline-block;
}

.entry-odbor li:before {content:"" !important;}

.odbori span {
    float: left;
    height: 40px; text-align:center; width:160px; line-height:20px;
}

.odbori {float:left; width:160px; margin-bottom:15px}

.img-circle {
    border: 4px solid #f0f0f0; padding:2px;border-radius: 0;

}



/* ---------->>> MINI CALENDAR <<<----------- */

table.calendar {
    color:#666;
    line-height: 32px;
background: none repeat scroll 0 0 #eeeeee !important;
}

table.calendar tr.calendarheader {
    background-color:#eee;
    font:1.4em/25px Arial Narrow, Arial, Helvetica, clean, sans-serif;
}

table.calendar tr th.calendarmonth {
    display:block;
    float:left;
    width:125px;
    height:32px;
    text-align:center;
}

table.calendar tr th.calendarmonthlink {
    display:block;
    float:left;
    width:66px;
    height:29px;
    text-align:center;
}

table.calendar tr th.calendarmonthlink a,
table.calendar tr th.calendarmonthlink a:hover {
    color:#000;
    text-decoration:none !important;
}

table.calendar td {
    display:block;
    float:left;
    width:37px;
    height:32px;
    border:1px solid #eee;
line-height:27px;
    font:1em/27px Arial Narrow, Arial, Helvetica, clean, sans-serif;
text-align:center;
}

table.calendar td div.float {
    position:absolute;
    float:left;
}

table.calendar tr td.calendarday {
    background:#232323;
    font:bold 1.1em/32px Arial Narrow, Arial, Helvetica, clean, sans-serif;
    text-align:center;
color:#fff;
}

table.calendar tr td.calendarblank {
    background-color:#eee;
}

table.calendar tr td.calendartoday {
    display:block;
    width:37px;
    height:32px;
    background-color:#F8931D;
color:#fff;
font-weight:bold;
}

table.calendar tr td.calendarcell {
    background-color:#dcdcdc;
}

table.calendar tr td.calendarcell a {
}

.img-circle.novosti {
    float: left;
}

.ogranak-smaller {
    font-family: open sans,arial;
    font-size: 16px;
    line-height: 20px;
}

.ogranak-smaller span {
    color: #f9a61f;
    font-weight: bold;
}

.col-md-6.ogranci {
 -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #f5f5f5;
    border-color: #e3e3e3 #e3e3e3 #e3e3e3 #F9A61F;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    float: left;
    height: 200px;
    margin-bottom: 40px;
    margin-right: 40px;
    padding-left: 0;
    padding-right: 0;
    width: 45%;
}

.entry-manji-ogranak {
   
  
    font-size: 24px;
    line-height: 24px;
    padding: 10px;
}

.entry-manji-ogranak2 {
font-size: 24px;
line-height: 24px;
padding: 10px;
height: 71px;
overflow: hidden;
margin: 0;
}

.entry-manji-ogranak > a {color:#000;}
.entry-manji-ogranak a:hover {color:#F9A61F;}

.tekst-ogranci2 {padding: 10px; font-family:open sans, arial; font-size:14px}

.tekst-ogranci {padding: 10px; font-family:open sans, arial; font-size:14px;height: 140px;overflow: hidden;}
.tekst-ogranci p {margin:0}
.featured-box.featured-box-secundary {height:247px !important; background:#fff;border-bottom: 1px solid #dbdbdb;}



.linkovi-tekst {
height: 47px;
overflow: hidden;
margin: 0 0 5px 0;
}
.linkovi-tekst > p {margin: 0}

.tekst-linkovi {
padding: 10px;
font-family: open sans, arial;
font-size: 14px;
text-align: left;
}

.web-tekst {height: 64px;overflow: hidden;font-size: 12px;}

.entry-manji-linkovi {
    font-size: 17px;
    line-height: 24px;
    padding: 5px 0 0 10px;
/*text-transform: uppercase;*/
letter-spacing: 0px;
}


.tekst-lijevo {text-align:left}
.entry-manji-linkovi > a {color:#000; }
.entry-manji-linkovi > a:hover {color:rgba(0, 0, 0, 0.56); }
.featured-box.featured-box-linkovi {height:190px !important;text-align:left; background-color: #f5f5f5;}

.featured-box.featured-box-linkovi-2 {height:220px !important;text-align:left; background-color: #f5f5f5;}


.download-l {font-weight:600;margin: 0 0 0 30px;}
.download-d {font-weight:600;margin: 0 0 0 30px;}
.download-opis {color: #fda203;font-size: 1.2em;font-style: italic;margin: 10px 0 10px 30px;}

.entry-manji-6 {float: left;
    font-size: 30px;
    margin: 20px 0 0;
    width: 100%;}

.crta6 {
     background: none repeat scroll 0 0 #f9a61f;
    border: medium none;
    clear: none;
    float: left;
    height: 1px;
    margin: 10px 0 20px 0;
    width: 100%;
    
}

.crta7 {
     background: none repeat scroll 0 0 #fff;
    border: medium none;
    clear: none;
    float: left;
    height: 1px;
    margin-top: 20px;
    width: 100%;
    
}

.smaller-inside {
    font-family: open sans,arial;
    font-size: 13px;
}

.smallerh4 > span {
    color: #F9A61F;
}

.smallerh5 {
    font-size: 13px !important;
    font-weight: normal;
	font-family:open sans, arial; font-size:12px; text-transform:none;
}

.smallerh5 span {color: #F9A61F; }

.ogranak-smaller > a {
    font-size: 14px;
}

.entry-manji-10 {
    font-size: 2.3em;
    min-width:75%
   }



div.post-date3 {
	float: left;
	margin: 10px 10px 0 0;
	text-align: center;
}

div.post-date3 span.day3 {
	background: none repeat scroll 0 0 #f9a61f;
    color: #fff;
    font-family: open sans, arial;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
}

div.post-date3 span.month3 {
	background: none repeat scroll 0 0 #F5F5F5;
    color: #909090;
    font-family: open sans, arial;
    font-size: 14px;
    font-weight:bold;
    padding: 10px;
}

img.izbornik2 {margin-right: 28px;}
img.izbornik1 {margin-right: 30px;}

input.text-newsl {
width: 258px;
height: 36px;
border: 1px solid #e9e9e9;;
line-height: 37px;
font-family: 'Open Sans',sans-serif;
font-style: italic;
font-size: 11px;
color: #645d56;
padding: 0 10px;
margin-top: 5px;
}

img.date-oznaka {
margin-bottom: 3px;
margin-right: 5px;}

.casopis-side-naslov {
font-family: 'Trebuchet MS';
font-weight: 600 !important;
font-size: 15px;
padding: 0 !important;
line-height: 25px !important;
margin-bottom: 5px;
}


.dogadaji-side-naslov {
font-family: 'Trebuchet MS';
font-weight: 600 !important;
font-size: 15px;
padding: 0 !important;
line-height: 25px !important;
}

.dogadaji-side-opis {
font-family: 'Open Sans';
font-size: 12px;
color: #7f7f7f;
}

section.page-top h2 {border-bottom: none !important;}

.casopis-side-oko {
margin-top: 20px;
clear: both;
}

.casopis-side-oko li {
list-style-image: url('https://www.dhk-pula.hr//slike/lista-ikona.png');
color: #000;
font-family: 'Open Sans';
font-size: 12px;
}


.casopis-side-oko ul {
margin-left: 156px;
}


.katalog-side-oko {
margin-top: 20px;
clear: both;
}

.katalog-side-oko li {
list-style-image: url('https://www.dhk-pula.hr//slike/lista-ikona.png');
color: #000;
font-family: 'Open Sans';
font-size: 12px;
}



.katalog-side-oko ul {
margin-left: 140px;
}



/* Timeline */
section.timeline {
	width: 100%;
	margin: 0px 0% 0;
	position: relative;
	float: left;
	padding-bottom: 75px;
	background-color: #F5F5F5;
}

section.timeline:after {
	background: #505050;
	background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));
	background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%);
	background: linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%;
	content: "";
	display: block;
	height: 100%;
	left: 50%;
	margin-left: -2px;
	position: absolute;
	top: 5px;
	width: 1px;
	z-index: 0;
	filter: alpha(opacity=35);
	opacity: 0.35;
}

section.timeline .timeline-box {
border: none !important;
box-shadow: none !important;
margin-bottom: -25px !important;
}

section.timeline .timeline-box.right:after {
background: none !important;
border-left: none !important;
border-bottom: none !important;
}

section.timeline .timeline-box.right:before {
left: -3.5% !important;
}

section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before {
background: #3a8f16 !important;
box-shadow: 0 0 0 3px #fff, 0 0 0 6px #3a8f16 !important;
}

section.timeline .timeline-box.right {
margin-top: 0px !important;
}

.dogadaj-oko-lijevo {
float: left;
}

.dogadaj-oko {
position: relative;
top: -35px;
}

img.float-left {float: left;}

img.ikona-footer {float: left;}

.footer-dolje {background-image: url("https://www.dhk-pula.hr/slike/footer-dolje.png"); /*height: 50px;*/}

.footer-copyright {font-family: 'Verdana'; font-size: 11px; color: #ddd;}

.menu-dolje {background: #3a8f16; margin-top: 5px;}

.glavna-tekst p {
font-family: 'Trebuchet MS';
font-size: 14px;
}

img.slika-glavna-tekst {
float: left;
margin-right: 10px;
margin-top: 5px;
}

.punacrta {background: rgba(221, 221, 221, 0.59);}

.novosti-opis {color: #7f7f7f; font-family: 'Trebuchet MS', sans-serif; clear: both;}

.casopis-opis {color: #7f7f7f; font-family: 'Trebuchet MS', sans-serif;}

.casopis-opis ul li {list-style-image: url('https://www.dhk-pula.hr//slike/lista-ikona.png');}

p.casopis-opis ul li {list-style-image: url('https://www.dhk-pula.hr//slike/lista-ikona.png');}

/* Product Thumb Info */
.product-thumb-info {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 0;
	position: relative;
	border: 0;
	border-bottom: 3px solid #E3E4E8;
	background: #F7F9FC;
	display: block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	max-width: 100%;
	text-align: center;
	border: 1px solid #DDD;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.product-thumb-info,
.product-thumb-info:hover {
	text-decoration: none;
}

.product-thumb-info + .product-thumb-info {
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	margin-top: -5px;
}

.product-thumb-info span.product-thumb-info-touch-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
	background-color: transparent;
}

.product-thumb-info.hover span.product-thumb-info-touch-hover {
	display: block;
}

.product-thumb-info span.product-thumb-info-image {
	display: block;
	position: relative;
}

.product-thumb-info span.product-thumb-info-image:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #171717;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.full-width .product-thumb-info span.product-thumb-info-image:before {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.product-thumb-info:hover span.product-thumb-info-image:before {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.product-thumb-info span.product-thumb-info-act {
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	text-align: center;
	color: #FFF;
	filter: alpha(opacity=0);
	opacity: 0;
}

.product-thumb-info:hover span.product-thumb-info-act {
	filter: alpha(opacity=100);
	opacity: 1;
	top: 50%;
}

.product-thumb-info span.product-thumb-info-act em {
	font-style: normal;
}

.product-thumb-info a,
.product-thumb-info a:hover {
	text-decoration: none;
	display: inline-block;
	width: 100%;
}

.product-thumb-info img {
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.product-thumb-info span.product-thumb-info-content {
	padding: 15px;
	text-align: left;
	display: block;
}

.product-thumb-info span.product-thumb-info-caption {
	padding: 0 15px 15px;
	text-align: left;
	display: block;
}

.product-thumb-info span.product-thumb-info-caption p {
	margin: 0;
	padding: 0 0 10px;
}

.product-thumb-info .product-thumb-info-extra {
	clear: both;
	padding: 10px 0 0;
	margin: 10px 0 0;
	border-top: 1px solid #EBEBF4;
	display: block;
}

.product-thumb-info .product-thumb-info-extra.social a:last-child {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}

.product-thumb-info h4 {
	color: #404751;
	letter-spacing: -1px;
	font-weight: 600;
	font-size: 1.4em;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
}

.product-thumb-info:hover {
	background-color: #FFF;
}

.product-thumb-info {border-radius:0; padding:2px;}

div.shop ul.products li.product .add-to-cart-product {
    background: none repeat scroll 0 0 #0067bc;
    border-radius: 0;
    color: #fff;
    font-size: 0.9em;
    left: 2px;
    opacity: 0;
    padding: 8px 10px 5px;
    position: absolute;
    top: 2px;
    transition: all 0.2s ease 0s;
    z-index: 1;
    width: calc(100% - 4px);
}

div.shop ul.products li.product:hover .add-to-cart-product:hover {background: none repeat scroll 0 0 #0067bc;}

.product-thumb-info img {border-radius:0}


h4.galerijaindex {font-size:16px; line-height:20px; height:80px; text-transform:none; margin-bottom:10px; color:#333; line-height:1.2em; height:80px; overflow:hidden; font-weight:400; letter-spacing:0}
div.shop ul.products li.product .price .amount {font-size:1.1em}

.product-thumb-info span.product-thumb-info-image::before {background: none repeat scroll 0 0 #3c9ce5;}

.solonaslov {
	-moz-border-radius: 0;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-webkit-border-radius: 0;
	-webkit-transition: all .15s ease-out;
	background: #F4F4F4;
	border-left: 3px solid #0067bc;
	border-radius: 0;
	color: #CCC;
	display: block;
	font-size: 1.1em;
	min-height: 20px;
	padding: 12px 20px 12px 10px;
	position: relative;
	cursor: pointer;
	font-weight: 400;
	transition: all .15s ease-out;
	margin-bottom:10px;
}
.solonaslov h2.entry {margin-bottom:0; font-size:20px; line-height:24px;}
.solonaslov:hover {background: #e4e4e4;}
.solonaslov a {display:block;}
.solonaslov a:hover {display:block; text-decoration:none;}


.objavljeno, .autorteksta {color:#777; font-size:13px; font-family: 'Trebuchet MS', sans-serif;}

.product-thumb-info .objavljeno {color:#fff;}

.opis-novost-izdvojeno {padding-bottom: 9px;position: absolute;/*width: 718px;*/background-image: url("https://www.dhk-pula.hr/slike/pozadina-novost.png");bottom: 0;}

.opis-novost-izdvojeno h3 {padding: 8px 10px 0 142px;font-family: 'Trebuchet MS';font-weight: bold; font-size: 1em; line-height: 1.2;}


.opis-novost-izdvojeno a:link {color: #fff !important;}
.opis-novost-izdvojeno a:active {color: #fff !important;}
.opis-novost-izdvojeno a:focus {color: #fff !important;}
.opis-novost-izdvojeno a:hover {color: #b7b7b7;}

.opis-novost-izdvojeno p {float: left;height: 65px;width: 79%;margin: 5px 10px 0 142px;font-size: 14px;color: #dedede;overflow: hidden;line-height: 17px;text-align:justify; font-family: 'Trebuchet MS';}

.datum-kalendar-izdvojeno {
    float: left;
    padding: 5px 10px 2px;
    width: 126px; 
text-align:center; 
margin-right:5px;
position: relative;
top: 40px;
}

.month-izdvojeno {
   
    color: #3DCE00;
    float:left; 
    margin-left:7px;
    font-family: 'Trebuchet MS';
    margin-top:-7px;
    text-align:center;
    width:40px;
    margin-bottom: 4px;
    font-size: 16px;
    text-transform: lowercase;
}

.year-izdvojeno {
   
    color: #3DCE00;
    float:left; 
    margin-left:7px;
    font-family: 'Trebuchet MS';
    margin-top:-7px;
    text-align:center;
    width:40px;
    font-size: 16px;
}

.day-izdvojeno {
    
    color: #3DCE00;
    float: left;
    font-family: 'Trebuchet MS';
    font-size: 40px;
    margin-top: 3px;
    font-weight: bold;
    padding-right: 3px;
    letter-spacing: -2px;
}

.sjena {z-index:-1;margin:0px;position:relative; top: 13px;}
.sjena2 {z-index:999;margin:0px;position:relative; top: -10px;}

.footer-gore {padding: 20px 0 20px;}

img.shadow-footer {position: relative;top: -10px;}

.entry-fotkel, .entry-fotked {float:left; position:relative; width:255px; height:260px; overflow:hidden; padding:0; font:normal 12px Arial,"Trebuchet MS",Verdana,Tahoma,Sans-serif; line-height:1.6em; cursor:pointer;}
.entry-fotkel{margin:0 26px 20px 0;}
.entry-fotked{margin:0 26px 20px 0;}
.entry-fotkel h3, .entry-fotked h3 {text-transform: none; font: 18px "Trebuchet MS",Arial,Tahoma,Verdana,Sans-serif; color:#000; margin:0; padding:9px; line-height:1em; height:105px; background-color: #f5f5f5; overflow:hidden}
.entry-fotkel h3 a:link, .entry-fotked h3 a:link, .entry-fotkel h3 a:visited, .entry-fotked h3 a:visited, .entry-fotkel h3 a:active, .entry-fotked h3 a:active {color:#000; text-decoration: none;}
.entry-fotkel h3 a:hover, .entry-fotked h3 a:hover {color:#3a8f16; text-decoration: none;}
.galerija-slika {margin:0 17px 17px 0}
.galerija-slika2 {float:left; margin:0 17px 17px 0; width:255px; height:270px; background:#e2e2e2; overflow:hidden;}
.galerija-slika3 {float:left; margin:0 0 17px 0; width:255px; height:270px; background:#e2e2e2; overflow:hidden;}
.galerija-slika2 p, .galerija-slika3 p {font:tahoma,Sans-serif; font-size:11px; padding:0 10px}
.entry-video {background-color: rgba(245, 245, 245, 0.45);}


.view-sixth img {
   -webkit-transition: all 0.4s ease-in-out 0.5s;
   -moz-transition: all 0.4s ease-in-out 0.5s;
   -o-transition: all 0.4s ease-in-out 0.5s;
   -ms-transition: all 0.4s ease-in-out 0.5s;
   transition: all 0.4s ease-in-out 0.5s;
}
.view-sixth .mask {
   background-image:url("https://www.dhk-pula.hr/slike/podloga-multimedija-02.png");
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}

.view-sixth .mask2 {
   background-image:url("https://www.dhk-pula.hr/slike/podloga-multimedija-video-02.png");
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-in 0.4s;
   -moz-transition: all 0.3s ease-in 0.4s;
   -o-transition: all 0.3s ease-in 0.4s;
   -ms-transition: all 0.3s ease-in 0.4s;
   transition: all 0.3s ease-in 0.4s;
}

.view-sixth h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -webkit-transition: all 0.3s ease-in-out 0.2s;
   -moz-transition: all 0.3s ease-in-out 0.2s;
   -o-transition: all 0.3s ease-in-out 0.2s;
   -ms-transition: all 0.3s ease-in-out 0.2s;
   transition: all 0.3s ease-in-out 0.2s;
}
.view-sixth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -webkit-transition: all 0.3s ease-in-out 0.1s;
   -moz-transition: all 0.3s ease-in-out 0.1s;
   -o-transition: all 0.3s ease-in-out 0.1s;
   -ms-transition: all 0.3s ease-in-out 0.1s;
   transition: all 0.3s ease-in-out 0.1s;
}
.view-sixth:hover .mask2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover img {
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-sixth:hover h2 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-sixth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-sixth:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.3s;
   -moz-transition-delay: 0.3s;
   -o-transition-delay: 0.3s;
   -ms-transition-delay: 0.3s;
   transition-delay: 0.3s;
}


.view {
   width: 255px;
   height: 180px;
   margin: 0;
   border:0;
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask,.view .content {
   width: 255px;
   height: 180px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
cursor:pointer;
}
.view .mask2,.view .content {
   width: 255px;
   height: 180px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
cursor:pointer;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   font:normal 14px "Trebuchet MS", Arial, Verdana, Sans-serif;
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 14px;
   font-style:italic;
   padding: 5px 10px;
   background-image:url("https://www.dhk-pula.hr/slike/podloga-multimedija.png");
   margin: 0;
}
.view p {he
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 16px;
   position: relative;
   color: #fff;
   padding: 30px 20px 0 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

a.vijest-izdvojena-home {color: #fff;}

a.linkovi-detaljnije {font-family: 'Trebuchet MS', sans-serif; float: right;}

.naslov-dogadaji a:link {color: #fff;}
.naslov-dogadaji a:active {color: #f4eb2c;}
.naslov-dogadaji a:visited {color: #fff;}
.naslov-dogadaji a:hover {color: rgba(0, 0, 0, 0.56);}

.naslov-casopis a:link {color: #fff;}
.naslov-casopis a:active {color: #f4eb2c;}
.naslov-casopis a:visited {color: #fff;}
.naslov-casopis a:hover {color: rgba(0, 0, 0, 0.56);}

.naslov-katalog a:link {color: #fff;}
.naslov-katalog a:active {color: #f4eb2c;}
.naslov-katalog a:visited {color: #fff;}
.naslov-katalog a:hover {color: rgba(0, 0, 0, 0.56);}

.naslov-nagrada a:link {color: #fff;}
.naslov-nagrada a:active {color: #f4eb2c;}
.naslov-nagrada a:visited {color: #fff;}
.naslov-nagrada a:hover {color: rgba(0, 0, 0, 0.56);}

section.toggle.active > label {
background-color: #f4eb2c;
color: #000;
font-family: 'Trebuchet MS', sans-serif;
}

section.toggle label {
border-left-color: #f4eb2c;
font-family: 'Trebuchet MS', sans-serif;
}

div.tabs ul.nav-tabs li.active a {
border-left-color: #f4eb2c;
border-top-color: #f4eb2c;
color: #000;
font-family: 'Trebuchet MS', sans-serif;
}

div.tabs ul.nav-tabs a:hover {
border-top-color: #f4eb2c;
}

.btn-primary, .pagination > .active > a {
background-color: #3a8f16;
}

.btn-primary:hover, .pagination > .active > a:hover {
background-color: #f4eb2c;
border-color: #000;
color: #000;
}

.btn-primary:active, .pagination > .active > a:active, .btn-primary:focus, .pagination > .active > a:focus {
border-color: #f4eb2c;
background-color:#f4eb2c;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
color: #000;
}

h5.opis1 {
font-family: 'Trebuchet MS', sans-serif;
}

ul.arhiva-linkovi-footer li {
display: list-item;
list-style-image: url('https://www.dhk-pula.hr//slike/arhiva-lista.png');
border-bottom: 1px solid #646464;
padding-top: 2px;
padding-bottom: 2px;
}

ul.arhiva-linkovi-footer {
float: none;
margin-bottom: 0;
color: #fff;
margin-left: -25px;
}

ul.arhiva-linkovi-footer li a:hover {
color: #3a8f16;
}

p.footer-copyright3 a:hover {
color: #3a8f16;
}

.nav > li > a:focus {color: #3a8f16 !important;}

img.izbornik1:hover {opacity: 0.6;}
img.izbornik2:hover {opacity: 0.6;}
img.izbornik2a:hover {opacity: 0.6;}

.jezici img:hover {opacity: 0.6;}

.gumb-news {border-radius: 2px; padding: 6px 37px; text-transform: uppercase; font-family: 'Trebuchet MS', sans-serif; background-color: #F4EB2C; color: #808000; background-image: url('https://www.dhk-pula.hr/slike/newsletter-icon.png');  background-repeat: no-repeat; background-position: 10px center; }

/* Video Container */
.video-container {
	padding-top: 25px;
	padding-bottom: 50.5%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	height: 0;
}

.video-container.vimeo {
	padding-top: 0;
	padding-bottom: 56.4%;
}

.video-container embed,
.video-container iframe,
.video-container object,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.casopis-prigoda-bg {
background-color: #ebebeb;
padding: 10px;
}

.smaller-bg {
/*background-color: #F5F5F5;*/
padding: 5px;
}

.izdvojenodolje h3 {font-size: 1.1em;}

ul.katalog-info li {font-size: 13px;}

.toggle {
	margin: 10px 0 0;
	position: relative;
	clear: both;
}

.toggle > input {
	cursor: pointer;
	filter: alpha(opacity=0);
	height: 45px;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.toggle > label {
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	background: #F4F4F4;
	border-left: 3px solid #CCC;
	border-radius: 5px;
	color: #CCC;
	display: block;
	font-size: 1.1em;
	min-height: 20px;
	padding: 12px 20px 12px 10px;
	position: relative;
	cursor: pointer;
	font-weight: 400;
}

.toggle > label:-moz-selection {
	background: none;
}

.toggle > label i.fa-minus {
	display: none;
}

.toggle > label i.fa-plus {
	display: inline;
}

.toggle > label:selection {
	background: none;
}

.toggle > label:before {
	border: 6px solid transparent;
	border-left-color: inherit;
	content: '';
	margin-top: -6px;
	position: absolute;
	right: 4px;
	top: 50%;
}

.toggle > label:hover {
	background: #f5f5f5;
}

.toggle > label + p {
	color: #999;
	display: block;
	overflow: hidden;
	padding-left: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 25px;
}

.toggle > label i {
	font-size: 0.7em;
	margin-right: 8px;
	position: relative;
	top: -1px;
}

.toggle > .toggle-content {
	display: none;
}

.toggle > .toggle-content > p {
	margin-bottom: 0;
	padding: 10px 0;
}

.toggle.active i.fa-minus {
	display: inline;
}

.toggle.active i.fa-plus {
	display: none;
}

.toggle.active > label {
	background: #F4F4F4;
	border-color: #CCC;
}

.toggle.active > label:before {
	border: 6px solid transparent;
	border-top-color: #FFF;
	margin-top: -3px;
	right: 10px;
}

.toggle.active > p {
	white-space: normal;
}

.toggle > p.preview-active {
	height: auto;
	white-space: normal;
}

.nopadding {padding:0;}

.col-fix-2 {float:left;width:220px;}
.col-fix-10 {float:left;width:calc(100% - 220px);font-size:13px;}

header.flat-menu nav ul.nav-main li.active > a {
	background-color: #F3EA2B !important;
}

.marginagore10 {margin-top: 10px;}

header.flat-menu nav ul.nav-main li a {
    margin-right: 2px;
}

header nav ul.nav-main li a {
    font-size: 15px;
    padding: 10px 11px;
}