* { -moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;}

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background-color:#ededed;}
body {  margin: 0;font-size: 13px;line-height: 1.231; font-family: 'Open Sans', sans-serif; margin-right:0 !important;}
body, button, input, select, textarea {color: #333;}
a {color: #00e;}
a:visited { color: #551a8b;}
a:hover { color: #0079b9;}
a:focus { outline: none;}
a:hover, a:active { outline: none;}
abbr[title] { border-bottom: 1px dotted;}
b, strong { font-weight: bold;}
blockquote { margin: 1em 40px;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; color:#cccccc; background-color:#ccc;}
small { font-size: 85%;}
ul, ol { margin: 7px 0; padding: 0 0 0 0px;}
img { border: 0;  vertical-align: middle;}
button, input, select, textarea { font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align: middle;}
button, input {line-height: normal; *overflow: visible;}
table button, table input {*overflow: auto;}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button;}
input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 20px 20px; }
input[type="radio"] { color:#0079b9; background-color:#fff;}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0;}

h1, h2, h3, h4, h5, h6, p { margin: 0px;}
::-moz-selection { background: #0079b9; color: #fff; text-shadow: none;}
::selection { background: #0079b9; color: #fff; text-shadow: none;}
li { list-style: none outside none;}
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important;}
  a, a:visited { text-decoration: underline;}
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {   content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid;}
  thead { display: table-header-group; }
  tr, img {  page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page  { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 {  page-break-after: avoid; }
}
@font-face {font-family:"Open-Sans-Promo";src:url("../font/OpenSans-Regular.eot?") format("eot"),url("../font/OpenSans-Regular.woff") format("woff"),url("../font/OpenSans-Regular.ttf") format("truetype"),url("../font/OpenSans-Regular.svg#OpenSans") format("svg");font-weight:normal;font-style:normal;}
@font-face {font-family:"Open-Sans-Bold";src:url("../font/OpenSans-Bold.eot?") format("eot"),url("../font/OpenSans-Bold.woff") format("woff"),url("../font/OpenSans-Bold.ttf") format("truetype"),url("../font/OpenSans-Bold.svg#OpenSans-Bold") format("svg");font-weight:normal;font-style:normal;}
.span-1 { width:950px}
.span-2 { width:475px}
.span-3 { width:300px}
.span-4 { width:190px; float:left}
.clear { clear: both; display: block; height: 0; overflow: hidden;}
.left { float:left;}
.right { float:right;}
.linija { width:100%; height:1px; color:#cccccc;}
.clearfix:after { clear: both; content: " "; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
/*#########################################################################################################################################
                                                    OPIS Header dijela
##########################################################################################################################################*/
#content { position:relative;}
#header { height:160px; width:100%;}
#headerLinija { background:#333333; width:100%; height:35px; margin:0 auto;}
.haderWarp { width:960px; margin: 0px auto; height:35px; }
.headerLeft { float:left; height:30px; position:relative; top:7px; color:#dbdbdb; cursor:default;}
.headerLeft a, .headerRight a {color:#dbdbdb; text-decoration:none; font-size:11px;}
.headerLeft a:hover, .headerRight a:hover {color:#0079b9; text-decoration: underline; font-size:11px;}
.headerLeft a.active {color:#0079b9; text-decoration: underline; font-size:11px;}
.headerRight a { font-size:12px;}
.headerRight a:hover { font-size:12px;}
.headerRight { float: right; height:30px; position:relative; top:7px;color:#dbdbdb;}
#headerComponent { background: url("../graphics/header-white-gradient.png") repeat-x scroll 0 0 transparent; margin-bottom: 9px; padding: 0 0 6px; position: relative;height:125px;}
.headerComponentWrap { width:960px; margin: 0px auto; height:125px;}
.headerComponentLeft { float:left}
.headerComponentLeft img { position:relative; top: 20px; width:611px; height:70px;}
.headerComponentRight { float:right;}
input.inputfield { background-color: #F4F4F4 !important; background-image: url("../graphics/sprite_contact_form.gif") !important; background-position: -10px -10px !important; background-repeat: no-repeat !important; border: medium none; font-size: 12px; height: 31px; padding-left: 10px;padding-top: 1px; width: 234px; font-family: 'Open Sans', sans-serif;}
input.inputfield:focus { background-position: -10px -57px !important;}
.searchHeader { border:none; background-image:url(../graphics/icon-search.png); background-color:transparent; height:18px; width:18px;position:relative;left:208px; top:-23px }
.formHeader { width:234px; position:relative; top:51px;}
.headerComponentTitle { float:right;left: -243px; position: relative; top: 74px;}
/*#########################################################################################################################################
                                                    OPIS Menu i Content
##########################################################################################################################################*/
#contentMain { width:960px; margin: 0px auto;}
/* -- Navigation -- */
#navigation { height:32px; position:relative; left:-4px; width:1030px;}
#navigation ul li { float:left; font-family: 'Open Sans', sans-serif !important; margin-left:1px; font-weight:700}
li.other { padding:8px 10px; background:#333; border-radius: 3px 3px 0px 0px; color:#ffffff}
li.firstTab { background:#fff; color:#333333}
li.other:hover { padding:8px 10px; background:#0079b9; border-radius: 3px 3px 0px 0px; color:#ffffff;}
#navigation li.active { padding:8px 10px; background:#0079b9 !important; border-radius: 3px 3px 0px 0px; color:#ffffff !important;}
#navigation ul li.last { float:right !important; text-indent:-99999px; background-image:url(../graphics/button.png); background-position:0 0; background-repeat:no-repeat; width:159px;}

/* --  Main Pages -- */
#contentMainWrap { width:960px; background:#ffffff; margin:0px auto; height: auto;}
/* --  Glavni tab dio -- */
#contentTopMain { background:#333333; width:950px; margin:0px auto; height:180px; margin-bottom:15px}
.topMain, .topMainDruga, .topMainTreca, .topMainCetiri, .topMainPeti { padding-top:6px; padding-left:6px;}
.topMain h3 { color:#DBDBDB; background:url(../graphics/str-d.png) no-repeat scroll 67px 8px transparent; margin-bottom:10px;}
.topMain p, .topMainDruga p, .topMainTreca p, .topMainCetiri p, .topMainPeti p { margin-top:5px; color:#dbdbdb; font-size:11px; width:170px;}
.topMain a.readMore, .topMainDruga a.readMore, .topMainTreca a.readMore, .topMainCetiri a.readMore, .topMainPeti a.readMore { background-image:url("../graphics/detaljnije.png"); background-position:-10px -8px; background-repeat:no-repeat; color:#dbdbdb; width:100px; height:15px; font-size:10px; text-decoration:none; padding:2px 30px; position:relative; top:13px;}
.topMain a.readMore span, .topMainDruga a.readMore span, .topMainTreca a.readMore span, .topMainCetiri a.readMore span, .topMainPeti a.readMore span { font-size:11px; position:relative; font-weight:bold; left:-25px;}
.topMain a.readMore:hover, .topMainDruga a.readMore:hover, .topMainTreca a.readMore:hover, .topMainCetiri a.readMore:hover, .topMainPeti a.readMore:hover {background-image:url("../graphics/detaljnije.png"); background-position:-10px -28px; background-repeat:no-repeat; color:#333333;}
.topMainDruga h3 { color:#DBDBDB; background:url(../graphics/str-d.png) no-repeat scroll 162px 8px transparent; margin-bottom:10px;}
.topMainTreca h3 { color:#DBDBDB; background:url(../graphics/str-d.png) no-repeat scroll 95px 8px transparent; margin-bottom:10px;}
.topMainCetiri h3 { color:#DBDBDB; background:url(../graphics/str-d.png) no-repeat scroll 123px 8px transparent; margin-bottom:10px;}
.topMainPeti h3 { color:#DBDBDB; background:url(../graphics/str-d.png) no-repeat scroll 151px 8px transparent; margin-bottom:10px;}
/* -- contentHighPart  -- */
#contentHighPart { width:950px; margin:0px auto; height:390px; margin-bottom:40px; min-height:450px;}
#kalendar { width:215px; float:left; margin-right:15px;}
#kalendar h3,#newsPart h3, #twiningProjekat h3 { margin-bottom:5px; border-bottom:3px solid #dbdbdb}
#newsPart { width:405px; float:left; margin-right:15px;}
.news { width:405px; min-height:75px; border-bottom:1px dashed #dddddd; margin-bottom:25px; padding-bottom:30px;}
.news:last-child { border-bottom:none} 
.news-02 { width:405px; height:113px; margin-top:7px; border-bottom:1px solid #dbdbdb}
.news-l { width:405px; height:113px; margin-top:7px;}
.news-01 img, .news-02 img, .news-l img { padding:2px; border:1px solid #ededed; float:left; margin-right:5px;}
.news-01 img:hover, .news-02 img:hover, .news-l img:hover   { border:1px solid #0079b9}
.infoNewsPlace { float:left; width:288px;}
.dateNews { font-style:italic; font-size:11px; color:#888888; width:100%; height:15px; cursor:default;}
.infoNewsPlace a, .newsShort a, .news a { font-size:13px; font-weight:bold; color:#888888; color:#0079b9; text-decoration:none; margin-bottom:10px;}
.textNews a { color:#0000EE; font-size:11px; text-decoration:underline;}
.infoNewsPlace a:hover { text-decoration:underline}
.newsShort .textNews { font-size:12px; padding-top:8px;}
.textNews { font-size:12px; padding-top:10px;margin-bottom: 10px;}
.news a.read { float:right; padding-bottom:10px;}
.infoNewsPlace .textNews a, .newsShort .textNews a { font-size:12px; text-decoration:underline; font-weight:normal;}
.infoNewsPlace .textNews a:hover, .newsShort .textNews a:hover { font-size:12px; text-decoration: none; font-weight:normal;}
.bannerLeft img { margin-top:10px;}
#newsPart a.readMore { background-image:url("../graphics/detaljnije.png"); background-position:14px -48px; background-repeat:no-repeat; color:#333333; width:100px; height:15px; font-size:11px; text-decoration:none; padding:2px 30px; position:relative; top:-28px; left:281px; font-weight:bold}
#newsPart a.readMore:hover { text-decoration:underline; }
#rightMarketing { float:left;}
#rightMarketing img {clear:left; float:left; padding-bottom: 10px; padding-top: 10px;}
#navigationClass { width:960px; background-color:#ffffff;}
#navigationClass .newsGroup ul, #navigationClass .newsGroupMain ul { margin:0 0 5px 0; background-color:#f6f6f6; position:relative; top:0px; left:0px; height:35px;}
#navigationClass .newsGroup ul li, #navigationClass .newsGroupMain ul li { float: left; left: 76px; padding-top: 9px; position: relative;}
#dokumenti .newsGroup ul li {
    float: left;
    left: 70px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 9px;
    position: relative;
}
#navigationClass .newsGroup ul li a, #navigationClass .newsGroupMain ul li a { color:#0079B9; text-decoration:none; padding:3px 7px; font-weight:bold}
#navigationClass .newsGroup ul li a:hover, #navigationClass .newsGroupMain ul li a:hover {color:#0079b9;}
#navigationClass .newsGroupMain ul li a:hover { text-decoration:underline; background-color: #0079B9;padding:3px 7px; color:#ffffff !important;}
#navigationClass .newsGroup li.active a, #navigationClass .newsGroupMain li.active a { text-decoration:none; color:#fff; margin-left:0px;background-color: #0079B9; padding:3px 7px; font-weight:bold;}
#navigationClass .newsGroupMain li.active a:hover {color:#eeeeee !important; text-decoration:none;}
.prvi_1 { width:114px; margin-right:2px}
.prvi_2 { width:97px; margin-right:2px;}
/*#navigationClass .newsGroup li.active, #navigationClass .newsGroupMain li.active {background:url(../graphics/sublink.png) no-repeat scroll 0 12px transparent;}*/
.groupLink { background:url(../graphics/grouplink.png) no-repeat scroll 112px 0 transparent;}
.groupLinkVijesti { background:url(../graphics/grouplink.png) no-repeat scroll 179px 0 transparent;}
.newsGroup { border-bottom:1px solid #ddd; width:950px; margin:0 auto}
.newsGroupMain { width:950px; margin:0 auto}
.coverImage { width:950px; margin:0 auto; padding-bottom:15px}
#sidebar { width:215px; margin-right:15px; height:350px; float:left}
#sidebarWrap { width:215px; margin-right:15px; height:350px; float:left; margin-top:15px;}
#contentPage { padding-left:20px; border-left:1px solid #dddddd; width:700px; height:auto; float:left; min-height:450px; margin-bottom:30px;}
#contentPageWrap { padding-left:20px; border-left:1px solid #dddddd; width:700px; height:415px; float:left; margin-top:15px;}
.breadcrumbs {font-size:11px; color:#999;}
.breadcrumbs a { background: url("../graphics/carrot-mini.v5253100.gif") no-repeat scroll right center transparent; margin-right: 8px; padding-right: 12px; text-decoration:none; font-size:11px; color:#0079b9;}
.breadcrumbs a:hover { text-decoration:underline; color:#0276b4;}
.content { margin-top:15px;}
.content h1 { margin-bottom:15px;}
.content span.topName { position:relative; color:#666; font-style:italic; font-size:11px; top:-10px;}
.content li { background-image: url(../graphics/icon/lispan.png); background-position: 0px 8px; background-repeat: no-repeat; line-height: 19px; padding-left: 16px;}
.content li {clear: left; display: block; float: left;}
.conItems {  clear: none; display: block; float: left; margin-bottom: 15px;}
.naslovNews { padding-bottom:10px; border-bottom:1px dashed #dddddd; height:35px;}
.naslovNews h1 { float:left}
.prikaz { float:right; position:relative; top:2px;}
.newsWrap { padding-top:20px;}
.newsPanel img { float:left; padding:2px; border: 1px solid #dbdbdb; margin-right:10px;}
.newsPanel img:hover {border: 1px solid #0079b9;}
.newsShort a { font-size:14px;}
.newsPanel { height:134px; padding-bottom: 15px; border-bottom:1px dashed #dddddd;}
.padPicture { padding-top:5px;}
.mapsBig { padding-top:5px; padding-bottom:20px;}
.textOpis { padding-bottom:20px; text-align:justify;}
.klinIsp { height: 579px !important;}
.linkovi {height: 893px !important;}
.mainCoin { margin-top: 15px;overflow: hidden;}
.main_conL { float: left; width: 290px;}
.main_conRb {float: left;margin: 0 0 36px;width: 378px;}
.main_conRb .list_left { float: left; width: 200px;}
.main_conRb .list_right { float: left;}
.main_conRb .list_left p { margin-top: 8px;  width: 170px;}
.main_conRb .list_right p { margin-top: 8px; width: 173px;}
.bg_more { background: url("../graphics/bu_arrow_blue.gif") no-repeat scroll right center transparent; color: #0079b9 !important; padding: 0 12px 0 0 !important; text-decoration:none;}
.bg_more:hover { text-decoration:underline}
.conDocument a { color:#666666 !important; font-style:italic !important; text-decoration:none !important; font-size:12px}
.conDocument a:hover {border-bottom: 1px solid #0079b9;}
.ukupDoc { margin-left:5px; font-size:11px;}
.evenPubl { padding-top:20px !important;}
.publRegista { height:705px; padding-bottom: 20px; border-bottom:1px solid #cccccc}
.publRegista2{ height:480px; padding-bottom: 20px; border-bottom:1px solid #cccccc}
.publRegistarMedia {clear: none !important; float: left; height: 304px !important; margin-right: 20px; width: 140px !important;}
.publRegistarMedia img { padding:2px; border:1px solid #333}
.colregista1 { width:250px; float:left;}
.colregista2 { width:250px; float:right;}
.colregista3 { width:250px; float:left;}
.opisRegist li { font-size:11px !important;}
.opisRegistBr {width:150px !important;}
.opisRegistBr li {font-size:11px !important; }
/*tabela*/
.advancedtable thead th{
	font-size:12px;
	font-weight:bold;
	background: #000000;
	padding: 2px 5px;
	color: #ffffff;
}
/*Saradnja*/
.saradnjaProje { height:255px; padding-bottom:20px; border-bottom:1px solid #cccccc;}
.saradnjaProjeMedia { float:left; width:180px !important;}
.saradnjaProjeMedia img { padding:2px; border:1px solid #cccccc;}
.saradnjaProjeInfo { float:left; width:499px !important; clear:none !important}
.saradnjaProjeInfo h4 { color:#333333; font-size:12px;}
.saradnjaProjeInfo a { font-size:14px !important; color:#0079b9 !important; padding:0px !important; text-decoration:none !important; height:400px;}
/*Oglas*/
#oglas { width:700px; height:400px; padding-bottom:10px; border-bottom:1px dashed #cccccc; padding-top:25px;}
#oglas .oglasHeader { height:40px; border-bottom:1px solid #aaaaaa; border-top:1px solid #aaaaaa;}
#oglas .oglasHeader .oglasBr { width:40px; height:40px; background-color:#000000; color:#ffffff; font-size:22px; font-weight:bold; position:relative; top:-1px; float:left; margin-right:10px;}
#oglas .oglasHeader .oglasBr span { position:absolute; left:13px; top:5px;}
#oglas .oglasHeader .oglasOnline { color:#ff0000; font-size:12px; position:relative; top:2px; margin-right:10px;}
#oglas .oglasHeader .oglasNaslov { clear: none;float: right;height: 40px;position: relative;top: -17px;vertical-align: inherit;width: 578px;}
#oglas .oglasHeader .oglasNaslov h4 span { display:block; padding-left:6px; padding-right:6px;}
.title { font-size: 13px; color:#0079b9; letter-spacing: 0; line-height: 15px;position: relative;top: 12px;}
#oglas .oglasText { padding-top:20px;}
/*Link Footer*/
.footerAgency a { color:#0079b9 !important; border-bottom:1px solid #0079b9;}
.footerAgency a:hover { text-decoration:none !important;}
.designAgency { float:right; position:relative; left:-10px; top:10px;}
/*#########################################################################################################################################
                                                    OPIS Footer
##########################################################################################################################################*/
#footer { background-color:#ededed; width:950px; margin:0 auto; height: 260px;}
#firstPartFooter { height:115px;}
.about { padding-top:5px; padding-left:5px; width:470px; float:left;}
.about p { font-size:11px;}
.footerBanner { width:475px; text-align:right; padding-right:5px; padding-top:20px; float:left; margin-left:5px;}
#secondPartFooter { height:145px; padding-top:5px; border-top:3px solid #ffffff; width:940px; margin:0 auto;}
#otherSecondPartFooter {height:245px; padding-top:5px; width:940px; margin:0 auto;}
.lijevo, .centar { width:178px; float:left; margin-right:10px; height:137px;}
.desno { width:220px; float:left}
.footerContent a { font-size:11px; font-style:italic; color:#777777; text-decoration:none; position:relative; top:4px; left:3px;}
.footerContent a:hover { text-decoration:underline;}
.footerContent li.pdf {background-image:url(../graphics/icon/pdf.png);background-repeat:no-repeat;background-position:0px 5px; padding-left:14px; padding-bottom:10px;}
.footerContent li.doc {background-image:url(../graphics/icon/doc.png);background-repeat:no-repeat;background-position:0px 5px; padding-left:14px; padding-bottom:10px;}
.anketaNaslov h3 { text-align:left; padding-bottom:1px; border-bottom:3px solid #333333;}
.anketaTipNaslov { font-size:11px; border-bottom:1px solid #333333; color:#333333; padding-bottom:1px; text-align:left; font-style:italic; width:220px;}
#poll_form td { padding:0px;}
#poll_form table { width:220px; margin-top:10px;}
.anketaIzbor { font-size:12px; font-weight:bold;}
.anketaButton { background-color:#0079b7; border:none; color:#fff; padding: 3px 6px; font-weight:bold; border-radius:3px; position:relative; left:-16px;}
.anketaRezultat { background-color:transparent; color:#333; border:none; font-size:10px; font-weight:bold;}
.nazad {background-color:#0079b7; border:none; color:#fff; padding: 3px 6px; font-weight:bold; border-radius:3px; position:relative; left:-16px;}
#endFooter { background-color:#333; width:960px; height:35px; color:#dbdbdb}
.footerAgency { padding-left:10px; font-size:11px; padding-top:11px; width:700px; float:left;}
.footerAgency a { color:#dbdbdb; text-decoration:none;}
.footerAgency a:hover { color:#0079b9; text-decoration: underline}
.lijevo h3 {background: url("../graphics/str-b.png") no-repeat scroll 60px 8px transparent;}
.centar h3 {background: url("../graphics/str-b.png") no-repeat scroll 83px 8px transparent;}
.desno h3 {background: url("../graphics/str-b.png") no-repeat scroll 57px 8px transparent;}



/*#########################################################################################################################################
                                                    OPIS Search
##########################################################################################################################################*/
#containerSearchWrap { width:960px; margin:0px auto;}
input.gsc-input { background-color: #F4F4F4 !important; background-image: url("../graphics/sprite_contact_form_big.gif") !important; background-position: -10px -61px !important; background-repeat: no-repeat !important; border: medium none !important; font-size: 12px; height: 33px !important; padding-left: 28px !important;padding-top: 1px; width: 419px !important; font-family: 'Open Sans', sans-serif;}
input.gsc-input:focus { background-position: -10px -125px !important;}
input.gsc-search-button { border:none !important; background-image:url(../graphics/icon-search.png) !important; background-color:transparent !important; height:18px; width:18px;position:relative;left:-117px; top:1px; text-indent:99999px }
div.gsc-clear-button { position:relative !important; left:-98px !important;}
.headerComponentTitleBig { float:right;left: -716px; position: relative; top: 39px;}
.gsc-above-wrapper-area { border-bottom: 1px solid #E9E9E9; border-top: none !important; padding: 5px 0;}
.gsc-result-info { font-size:10px !important;}
.gs-result .gs-title, .gs-result .gs-title * {font-size:16px;color:#0079b9 !important; font-family: 'Open Sans', sans-serif !important;}
.gs-fileFormat { font-family: 'Open Sans', sans-serif !important; font-size:11px !important; color:#b9b9b9 !important;}
.gs-result .gs-snippet {font-size:13px; color:#171717; font-family: 'Open Sans', sans-serif !important;}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {color:#0079b9 !important;font-family: 'Open Sans', sans-serif !important;}
.gsc-results .gsc-cursor-box .gsc-cursor-page {border:1px solid #B5B5B5 !important;color:#ffffff !important;font-weight:bold !important;font-size:14px !important;padding: 8px 0 0 0 !important; text-align: center!important; width: 30px!important;height:22px!important;float:left!important;text-decoration:none!important;font-family: 'Open Sans', sans-serif !important; height:32px!important; background: none repeat scroll 0 0 #0079B9 !important;}
.gsc-results .gsc-cursor-box { padding-top: 10px;}

/*#########################################################################################################################################
                                                    OPIS Strane sa vjestima
##########################################################################################################################################*/

.naslovNewsPage h1 { color:#333333; cursor:default; font-size:35px;}
.photo-row { margin-bottom: 15px;}
.photo-stream_big { float: left; height: 272px; width: 408px;}
.entry-photo { position: relative;}
.social-meta { background: url(../graphics/stream-head-bg.png) repeat scroll 0 0 transparent; float: right; height: 242px; padding: 16px 0; width: 250px;
}
.otherPageP { padding-top:10px;}




/*#########################################################################################################################################
                                                    OPIS# Misljenje Stranaka
##########################################################################################################################################*/
.misStr { height:715px !important;}
ul.misljenjeStranaka li { background-image:none; padding-left:0px; border-bottom:1px dashed #cccccc; float:left;}
ul.misljenjeStranaka li.even { background-image:none; padding-left:0px; border-bottom:1px dashed #cccccc; padding-top:10px;}
.mainDocument { float:left; width:500px; padding-right:20px;}
.mainDocument h3 { font-size:13px; color:#0079b9}
.infoDocument { color:#999999; font-size:11px; font-style:italic;}
.mainDocumentVrsta {float: right; height: 45px; padding-left: 20px; width:90px !important;}
.pdfDoc a { padding:0 0 0 20px !important; background:url(../graphics/icon/pdf-2.png) no-repeat scroll 0 1px transparent; color:#0079b9 !important; font-size:12px !important; font-weight:bold !important; text-decoration:none !important;}
.pdfDoc a:hover { padding:0 0 0 20px !important; background:url(../graphics/icon/pdf-2.png) no-repeat scroll 0 -16px transparent; text-decoration: underline !important;}
.docDoc a { padding:0 0 0 20px  !important; background:url(../graphics/icon/doc-2.png) no-repeat scroll 0 1px transparent; color:#0079b9 !important; font-size:12px !important; font-weight:bold !important; text-decoration:none !important;}
.docDoc a:hover { padding:0 0 0 20px  !important; background:url(../graphics/icon/doc-2.png) no-repeat scroll 0 -16px transparent; text-decoration: underline !important;}
.xlsDoc a { padding:0 0 0 20px  !important; background:url(../graphics/icon/xls.png) no-repeat scroll 0 1px transparent; color:#0079b9 !important; font-size:12px !important; font-weight:bold !important; text-decoration:none !important;}
.xlsDoc a:hover { padding:0 0 0 20px  !important; background:url(../graphics/icon/xls.png) no-repeat scroll 0 -16px transparent; text-decoration: underline !important;}
.htmDoc a { padding:0 0 0 20px  !important; background:url(../graphics/icon/htm.png) no-repeat scroll 0 1px transparent; color:#0079b9 !important; font-size:12px !important; font-weight:bold !important; text-decoration:none !important;}
.htmDoc a:hover { padding:0 0 0 20px  !important; background:url(../graphics/icon/htm.png) no-repeat scroll 0 -16px transparent; text-decoration: underline !important;}
.divider { background-image: url("../graphics/dotted-line-vertical.gif"); background-position: left top; background-repeat: repeat-y; display: block; float: left; height: 36px; margin: 21px 2px 0 0; padding: 0; width: 1px; position:relative; top:-22px; left:-20px;}
.docSize { font-size:11px; color:#bbbbbb}
.tabOkvir .misljenjeStranaka div.mainDocument { border-top:none !important; clear:none; width:500px;}
.tabOkvir .misljenjeStranaka div.mainDocumentVrsta { border-top:none !important; clear:none;}

/*#########################################################################################################################################
                                                    OPIS# Komisije
##########################################################################################################################################*/
.komisPart { height:891px !important;}
.miivizPart { height:450px !important;}
.komisjaList { width:300px;}
.komisijaNaslov { background-color:#000000; color:#ffffff; height:32px; padding:7px 0 0 10px; font-size:14px; font-weight:bold; cursor:default;}
.komisjaList ul li { background-image:none; padding-left:0px;}


.twingPro { height:865px !important}
.tabOkvir { margin-top:20px;}
.tabOkvir li { float:none;}
ul.infoTwinPro li, ul.infoTwinProR li { background-image:none; padding-left:5px; float:left}
ul.infoTwinPro { width:200px; float:left; font-size:13px; font-weight:bold;}
ul.infoTwinProR { float:left;}
tbody {display: table-row-group;}
.domtab table { margin-top:15px; margin-bottom:25px;}
.domtab table tr { border-top:1px solid #888;}
.domtab table b { color:#fff;}
.linijaKtegorija { height:40px;}
.kolonaKtegorija { margin-top:2px;}
.twingPro .tabelaDio { height:980px !important; margin-bottom:150px;}
.domtab { margin-bottom:25px;}
a.projLink { color:#0079b9 !important; text-decoration:underline !important; font-size:12px !important; padding:0px !important; display:inline !important; font-weight:normal !important;}
a.projLink:hover { text-decoration:none !important;}
.koordinatori { float:left; width:430px !important; padding-right:25px; border-right:1px dashed #cccccc;}
.kontaktProjekt { padding-left:20px; width:200px !important; float:left; clear:none !important;}

/*#########################################################################################################################################
                                                    OPIS Boxova na Sajtu
##########################################################################################################################################*/
.boxRightInfo { float:right; clear:right; width:250px; padding-left:20px;}
.boxRightInfo h3 { padding:3px 0 3px 0px;background-color:#333333; text-align:center; width:250px; color:#ffffff;}
.boxRightInfo p span { font-size:11px; font-style:italic; font-weight:normal;}
.boxRightInfo p { font-weight:bold; padding-left:5px; padding-bottom:10px;}
.boxRightInfo ul { float:left;}
.boxRightInfo ul li { background-image:none; padding-left:2px;}
.ulMainBox { font-weight:bold; padding-right:15px;}
.infoNotMach { font-style:italic; font-weight:bold; text-decoration:underline;}
h4.naslovLink { background: url("../graphics/dotted-h.gif") repeat-x scroll left bottom transparent; color: #4A4A4A; display: block;font-size: 14px; font-weight: bold; margin-bottom: 20px; padding-bottom: 10px; width: 100%;}
ul.linkoviLiBih {padding-right:80px;}
ul.linkoviLi { padding-right:80px;}
ul.linkoviLi li, ul.linkoviLiBih li { background-image:none; padding-left:10px; font-weight:bold;}
.linkovoOpis ul { float:left;}
ul.linkHref { padding-bottom:30px;}
ul.linkHref li {background-image:none; padding-left:10px;}
/*#########################################################################################################################################
                                                    OPIS Kontakt
##########################################################################################################################################*/
.kont { height: 2108px !important;}
.osnovnioDio { border-bottom:1px solid #cccccc; height:490px;}
#contactArea {  background-color: #293A43; height: 0;  overflow: hidden;}
#mapdiv { height: 200px; width: 950px;}
#clientlogin-cta {  background-color: #0079B9;  border-radius: 0px 0px 3px 3px;  display: block;  float: right;  height: 24px; line-height: 22px; padding-left: 7px; padding-right: 7px;  position: relative;  text-align: center;  top: 0px;  width: 80px;}
#clientlogin-cta a { font-size:11px; color:#ffffff; text-decoration:none;}
.olControlAttribution {  bottom: 4.5em;  display: none !important;  font-size: smaller;  position: absolute;  right: 3px;}
.olPopup { background: none repeat scroll 0 0 transparent;  height: 92px !important; left: 567px !important; opacity: 1; overflow: hidden; padding-bottom: 0; padding-top: 0; position: absolute; top: 37px !important; width: 300px !important; z-index: 751; }
.olPopupContent	{height: 90px !important; overflow: auto; position: relative; width: 300px !important;}
.olPopupContent p { font-size: 11px}
#contactform {	width:411px;-moz-border-radius:5px;float:right !important;}
#contactInfos { width:260px; float:left}
#contactform form {font:normal 11px/18px Verdana,Tahoma;margin:0 0;padding:0;margin-top:20px;width:100%;}
#contactform fieldset legend {font:normal bold 18px/26px "Trebuchet MS",Verdana,Tahoma;padding:3px 25px;margin-left:30px;text-transform:uppercase;border:0px solid #ddd;}
#contactform fieldset legend span {font:normal 10px/18px Arial,Verdana,Tahoma;text-transform:uppercase;display:block;}
#contactform form label {display:block;float:left;width:150px;padding:6px 10px 0 0;margin:0px;text-align:right;}
#contactform input.inpt, #contactform textarea, #contactform select {width:260px;font:normal 11px/18px Verdana,Tahoma;padding:5px;margin:5px 0 5px 0;background:#f5f5f5;border:1px solid #ddd;}
form br {clear:left;}
#contactform input.required {background:#f5f5f5 url('images/required.gif') center right no-repeat;	}
#contactform .select select:focus {border-color: #9b9b9b;}
#contactform form input.btn{background:none;	border:none;}
form.c1 input:hover,textarea:hover{	border:1px solid #d8d8d8;}
.notes		{ background:#f0f0f0; border:1px solid #b8b8b8; }
.success	{ background:#ccfcd1; border:1px solid #60a400; }
.error		{ background:#f9e3e3; border:1px solid #e79e9e; }
.notice		{ background:#fcf0cc; border:1px solid #ecc735; }
.notes,.notice,.success,.error		{	padding:10px;	font-size:10px;	color:#000;}
.notes span,.notice span,.success span,.error span {	font-weight:bold;	font-size:1.2em;}
.notes p,.success p,.error p,.notice p{	margin:0px;	padding:0px;}
#note {width:90%;margin:0 auto; }
form#ajax-contact-form input[type="submit"] {  background: -moz-linear-gradient(center top , #0079B9, #1ba4ec) repeat scroll 0 0 transparent;background: -o-linear-gradient(center top , #0079B9, #1ba4ec) repeat scroll 0 0 transparent;background: -webkit-linear-gradient(center top , #0079B9, #1ba4ec) repeat scroll 0 0 transparent;background: -ms-linear-gradient(center top , #0079B9, #1ba4ec) repeat scroll 0 0 transparent;border-radius: 2px 2px 2px 2pxbox-shadow: 0 1px 2px #A3ABAE;color: #FFFFFF; display: block; font-weight: bold; left: 0; padding: 6px 10px; position: relative; text-decoration: none; top: 15px;}
.infoKontakt { float:left; width:60px;}
.infoKontakt li { font-size:12px; font-weight:bold; background-image:none; padding-left:0px;}
.infoRes { float:left; width:200px;}
.infoRes li { font-size:13px; font-weight: normal;; background-image:none; padding-left:0px;}
.osnoInfo { border-bottom:1px solid #ccc; height:160px; padding-top:20px;}
.kontProt { height:155px; padding-top:10px;}
.kontOth { padding-top:10px;}
.kontOth .infoKontakt { float:left; width:60px; margin:0px;}
.kontOth .infoRes { float:left; width:200px; margin:0px;}
.kontOth .left { width:340px}
.kontOth .right { width:320px}
.osnInfoBl { border-bottom:1px solid #cccccc; height:690px;}
.osnoInfoSA { padding-top:10px; height:730px; border-bottom:1px solid #cccccc;}
.osnoInfoMs { padding-top:10px; }
/*#########################################################################################################################################
                                                    OPIS Farmakovigilansa
##########################################################################################################################################*/
.farmaNovostiIntro { height:125px; padding-bottom:20px; border-bottom:1px solid #ccc; padding-top:19px;}
.farmakoMedia { float:left; width:130px !important; height:86px !important; margin-right:20px; clear:none !important;}
.farmakoMedia a { float:left; width:130px !important; height:86px !important; margin-right:20px; clear:none !important;}
.farmakoMedia a img { padding:2px; border:1px solid #EDEDED; background-image:url(../images/text/nema-slike.jpg); background-repeat:no-repeat; width:120px !important; height:80px; background-position:center}
.farmakoNaslov { width:525px !important; float:left; clear:none !important;}
.farmakoNaslov a { color:#333333 !important; font-size:14px !important; text-decoration:none !important; padding: 0px !important; }
.textInfo { padding: 5px 0 5px 0; font-size:10px; color:#888888; font-style:italic;}
/*#########################################################################################################################################
                                                    OPIS Community Page
##########################################################################################################################################*/
.communityMenu { font-weight: normal; display: block;}
.communityMenu a { background: url("../graphics/bu_leftmenu_on.gif") no-repeat scroll right 11px #000000; border-radius: 4px 4px 4px 4px; color: #FFFFFF;font-size: 12px; font-weight:bold; padding: 4px 100px 4px 8px; text-decoration:none; width:100px}
ul.communityMenuLink { padding: 6px 0 3px;}
ul.communityMenuLink li:first-child { border: medium none;}
ul.communityMenuLink li { border: medium none; padding: 3px 0; width: 100%;}
ul.communityMenuLink li a { background: url("../graphics/bu_leftmenu_sub.gif") no-repeat scroll 8px 5px transparent; font-size: 13px; padding: 0 0 0 17px;color: #0079b9; text-decoration: none;}
ul.communityMenuLink li a.on { background: url("../graphics/bu_leftmenu_sub_on.gif") no-repeat scroll 8px 5px transparent; color: #000000; font-size: 13px; padding: 0 0 0 17px;}
.pomocPanel h4 { color:#0079b9;} 
.pomocPanel div { min-height: 100px; border-bottom:1px dashed #cccccc; padding-bottom:10px;}
.pomocPanel .pomocOpis { padding-left:20px; line-height:27px;}
.pomocPanel .pomocOpis span { background-color:#09F; color:#ffffff; font-weight:bold; padding:1px 7px; line-height:10px; border-radius:10px;}
/* ---------------------------------------- */
		/*	Accordion Content
/* ---------------------------------------- */
.acc-trigger { border-top: 1px solid #eeeeee;cursor: pointer;display: block;margin: 0;}
.acc-trigger:last-of-type, .acc-container:last-of-type {border-bottom: 1px solid #eeeeee;margin-bottom: 20px;}
.no-js .acc-trigger:last-of-type { border-bottom: none; }
.acc-trigger a {background: url(../graphics/accordion-content-buttons.png) no-repeat 20px 11px;display: block;color: #333333;padding: 13px 20px 13px 55px;text-decoration: none;text-shadow: none; background-color:#efeded; margin-bottom:1px;}
h3.acc-trigger a, h4.acc-trigger a { background-position: 20px 24px; }
h6.acc-trigger a { background-position: 20px 21px; }
.acc-trigger a:hover { background-color: #f8f8f8; }
.acc-trigger a:hover, .acc-trigger.active a, .acc-trigger.active a:hover { color: #0079b9; }
.acc-trigger.active a:hover { background-color: transparent; }
.acc-trigger.active { cursor: default; }
.acc-trigger.active:last-of-type {	border-bottom: none;margin-bottom: 0;}
.acc-trigger.active a {background-position: 20px -101px;cursor: default;}
h3.acc-trigger.active a, h4.acc-trigger.active a { background-position: 20px -87px; }
h6.acc-trigger.active a { background-position: 20px -90px; }
.acc-container .content { padding: 0 20px 0px 55px; }
.js .acc-container { margin-top: -15px; }
.siteMap ul li { background-image:none; padding: 5px 5px 5px 15px; background-color:#F1EFEF; border:1px solid #dddddd; border-radius:5px; width:400px; margin-bottom:3px;}
.siteMap ul li a { text-decoration:none; color:#333}
.siteMap ul li a:hover {color:#0079b9}
.verzija h2 { font-weight:normal}
.verzija h2 em { color:#0079b9; font-weight:normal}
.verzija ul li { margin-left:30px;}
.n2s_frontend_article_title a {
    color: #0079B9;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}
.n2s_frontend_article_title a:hover {
    text-decoration: underline;
}
.n2s_frontend_article_date {
    color: #AAAAAA;
    font-size: 11px;
}
.n2s_frontend_article_link a {
    color: #0079B9;
    float: right;
    font-weight: bold;
    text-decoration: none;
}
.n2s_frontend_article_link a:hover {
    text-decoration: underline;
}
.n2s_frontend_pagination {
    margin-top: 35px;
    text-align: center;
}
#poweredby {
    display: none !important;
}
.n2s_frontend_article_title h1 {
    font-size: 16px;
}
.rssPozicija {
    float: right;
    height: 50px;
    position: relative;
    top: -39px;
    width: 50px;
}
.rssPozicija a {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}
.n2s_frontend_article_item:first-child {
    border-bottom: 1px dashed #DDDDDD;
    padding-bottom: 30px;
    padding-top: 0;
}
.n2s_frontend_article_item {
    border-bottom: 1px dashed #DDDDDD;
    padding-bottom: 30px;
    padding-top: 20px;
}

.verzija { min-height:50px; margin-bottom:20px}
.vijesti-naslovna {display: block;float: left;min-height: 450px;min-width: 420px;}
#contentTopMain a { text-decoration: none;}


/*#########################################################################################################################################
                                                    OPIS Čestitka
##########################################################################################################################################*/

#myImg {display:none;}

.modal {
    display:none;
    position: fixed;
    z-index: 10000;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.7);
	
}

.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 50px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
/*#########################################################################################################################################
                                                   Kod ya padajuci meni inspektorata
##########################################################################################################################################*/

/* ----- CSS Nav Menu Styling ----- */
#cssnav {
margin: 0px 0 0 -30px;
padding: 0px 0px 0px 0px;
width: 1050px;  /* Set your width to fit your blog */
font: $(tabs.font); /* Template Designer - Change Font Type, Size, Etc */
color: $(tabs.text.color); /* Template Designer - Change Font Size */
}

#cssnav ul {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Menu Background */
height: 20px; /* Change Height of Menu */
list-style: none;
margin: 0px;
padding: 0px;
}

#cssnav li {
float: left;
padding: 0px;
}

#cssnav li a {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Menu Background */
display: block;
margin: 0px;
font: $(tabs.font); /* Template Designer - Change Font Type, Size, Etc */
text-decoration: none;
}

#cssnav > ul > li > a {
color: $(tabs.text.color); /* Template Designer - Change Font Color */
}

#cssnav ul ul a {
color: $(tabs.text.color); /* Template Designer - Change Color */
}

#cssnav li > a:hover, #cssnav ul li:hover {
color: $(tabs.selected.text.color); /* Template Designer - Change Font Color on Hover */
background-color: $(tabs.selected.background.color); /* Template Designer - Change Font Background on Hover */
text-decoration: none;
}

#cssnav li ul {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Menu Background */
display: none;
height: auto;
padding: 0px;
margin: 0px;
position: absolute;
width: 200px; /* Change Width Of DropDown Menu */
z-index:9999;
}

#cssnav li:hover ul {
display: block;
}

#cssnav li li {
background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;
_background-image: none; /* Template Designer - Change Background */
display: block;
float: none;
margin: 0px;
padding: 0px;
width: 200px; /* Change Width Of DropDown Menu */
}

#cssnav li:hover li a {
background: $(tabs.selected.background.color); /* Template Designer - Change Background of Link on Hover */
}

#cssnav li ul a {
display: block;
height: auto;
margin: 0px;
padding: 10px;
text-align: left;
}

#cssnav li ul a:hover, #cssnav li ul li:hover > a {
color: $(tabs.selected.text.color); /* Template Designer - Change Text Color on Hover */
background-color: $(tabs.selected.background.color); /* Template Designer - Change Background on Hover */
border: 0px;
text-decoration: none;
}
/*#########################################################################################################################################
                                                   FeedEK
##########################################################################################################################################*/

.feedEkList{width:405px; list-style:none outside none;background-color:#FFFFFF; border:0px solid #D3CAD7; padding:4px 6px; color:#3E3E3E;}
.feedEkList li{border-bottom:1px solid #D3CAD7; padding:5px;}
.feedEkList li:last-child{border-bottom:none;}
.itemTitle a{font-weight:bold; color:#00F !important; text-decoration:none }
.itemTitle a:hover{ text-decoration:underline }
.itemDate{font-size:11px;color:#fff;}