/* CSS RESET & GLOBALS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

a:focus { outline: none; }
a img { border: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
br { line-height: 14px; }


/* GLOBALS */
html, body { height: 100%; }
html { -webkit-text-size-adjust: none; }
body { background: #d7dce3; font: 12px Arial, Helvetica, sans-serif; line-height: 15px; color: #58585a; }
input, select, textarea { font: 12px Arial, Helvetica, sans-serif; color: #58585a; }

.picBorder { border: 1px solid #a6a6a6; }
.txtBig { font: 15px Arial, sans-serif; }
.txtSmall { font-size: 10px; }
.txtSmallest { font-size: 9px; }
.date, .datum { font-size: 10px; color: #7e8082; }

ul.inline { margin: 0; padding: 0; list-style: none; }
ul.inline li { display: inline; }

ul.linkList1 { margin: 0; padding: 0; list-style: none; }
ul.linkList1 li { background: url(img/bullet_arrow_right_blue.gif) no-repeat 0 10px; padding: 5px 0 5px 15px; }

#trazilicaforma { width: 200px; float: right; padding-right: 50px; }

/* FORM ELEMENTS */
.textbox, textarea { background: #ffffff; border: 1px solid #b3aca6; font-size: 11px; line-height: 11px; height: 17px; padding: 5px 0 0 3px; }
.searchbox { padding: 0; width: 170px; height: 15px; border: none; background: #ffffff; }
select { background: #ffffff; border: 1px solid #c7c7c7; padding: 3px; }

.button { background: url(img/btnBgnd.gif) no-repeat 0 0; margin: 0; padding: 0 0 0 10px; border: none; display: inline-block; cursor: pointer; }
.button a { font-size: 11px; background: url(img/btnBgnd.gif) no-repeat right top; border: none; padding: 4px 10px 5px 0; white-space: nowrap; display: inline-block; cursor: pointer; line-height: 14px; }
.button a:link, .button a:active, .button a:visited, .button a:hover { color: #ffffff; }


/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }

a:link, a:active, a:visited { color: #005193; }
a:hover { color: #000000; }

a.linkBlack:link, a.linkBlack:active, a.linkBlack:visited { color: #000000; }
a.linkBlack:hover { color: #005193; }

.helpNav a:link, .helpNav a:active, .helpNav a:visited { color: #b1d9ff; }
.helpNav a:hover { color: #ffffff; }

.menuTop .active a:link, .menuTop .active a:active, .menuTop .active a:visited { color: #e20c08; }
.menuTop .active a:hover { color: #000000; }

.menuAux a:link, .menuAux a:active, .menuAux a:visited { color: #58585a; }
.menuAux a:hover { color: #005193; }

.leftMenu .active a:link, .leftMenu .active a:active, .leftMenu .active a:visited { color: #e20c08; }
.leftMenu .active a:hover { color: #e20c08; }

.footer a:link, .footer a:active, .footer a:visited { color: #58585a; }
.footer a:hover { color: #000000; }

.footerLeft a:link, .footerLeft a:active, .footerLeft a:visited { color: #005193; }
.footerLeft a:hover { color: #000000; }

.rotatorNav a:link, .rotatorNav a:active, .rotatorNav a:visited { color: #b1d9ff; }
.rotatorNav a:hover { color: #ffffff; }

.rotatorNav a.active:link, .rotatorNav a.active:active, .rotatorNav a.active:visited { color: #000000; }
.rotatorNav a.active:hover { color: #000000; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.fullHeight { height: 100%; }
.marginTop1 { margin: 10px 0 0 0; }
.marginTop2 { margin: 30px 0 0 0; }
.marginTop3 { margin: 50px 0 0 0; }
.marginLeft1 { margin: 0 0 0 23px; }
.marginLeft2 { margin: 0 0 0 15px; }
.marginLeft3 { margin: 0 0 0 40px; }

.helpNavWrapper { height: 29px; background: #3e3e3e; }
.helpNav { width: 980px; height: 29px; margin: 0 auto; border-left: 1px solid #9a9999; border-right: 1px solid #9a9999; font-size: 11px; }
.helpNavRight { width: 240px; border-left: 1px solid #9a9999; text-align: center; }
.helpNavMain { width: 100%; }
.helpNavMain td { padding: 0 23px; }

.masterWrapper { background: #ffffff url(img/bgnd.gif) repeat-x center top; padding-bottom: 25px; }

.siteTop { width: 960px; height: 100px; margin: 0 auto; }
.siteTop th { text-align: left; width: 470px; padding: 20px 0 0 0; vertical-align: top; }
.search { margin: 10px 0 0 auto; }
.searchField { height: 25px; background: url(img/searchBgnd.gif) no-repeat 0 0; padding: 0 5px 0 25px; }
.searchBtn { padding: 1px 0 0 8px; }

.pageMiddle { width: 960px; margin: 15px auto 0 auto; }
.left { width: 325px; vertical-align: top; }
.leftWrapper { width: 290px; }
.main { vertical-align: top; }
.pageTitle h1 { margin: 0 0 15px 0; padding: 0; font: 22px Arial, Helvetica, sans-serif; color: #005193; }
.pageContent { line-height: 17px; }
.pageContent p { margin: 0 0 15px 0; }
.pageContent td { margin: 0; }

.indexMiddle { height: 400px; margin: 0 auto; background: url(img/frame.png) no-repeat center top; }
.menuTop { position: relative; width: 954px; height: 42px; margin: 0 auto; top: 15px; background: url(img/menuTopBgnd.gif) repeat-x left bottom;  }
.menuTop p { padding: 9px 0; text-align: center; font: 14px Arial, sans-serif; font-weight: bold; text-transform: uppercase; line-height: 16px; display: flex;
align-items: center;
justify-content: space-evenly;}
.menuTop p a { padding: 0 10px; }

.insideMiddle { height: 210px; margin: 0 auto; background: url(img/frame-m.png) no-repeat center top; }
.insideMiddle.linkEn {height:60px;}
.indexPics { position: relative; top: 15px; width: 954px; height: 310px; margin: 10px auto 0 auto; }
.picsItem { width: 310px; }
.picWrapper { position: relative; width: 310px; height: 310px; }
.picWrapper .pic { position: absolute; width: 310px; height: 310px; top: 0; left: 0; }
.picWrapper .text { position: absolute; width: 270px; left: 20px; bottom: 20px; }
.picWrapper .text td { vertical-align: bottom; overflow:hidden; }
.picWrapper .text td img { margin: 15px 0 0 0; }

.insidePics { position: relative; top: 15px; width: 954px; height: 120px; margin: 10px auto 0 auto; }
.picInsideWrapper { position: relative; width: 310px; height: 120px; }
.picInsideWrapper .pic { position: absolute; width: 310px; height: 120px; top: 0; left: 0; overflow: hidden; }
.picInsideWrapper .text { position: absolute; width: 270px; left: 20px; bottom: 20px; }
.picInsideWrapper .text td { vertical-align: bottom; }
.picInsideWrapper .text td img { margin: 15px 0 0 0; }

.boxesWrapper { width: 980px; margin: 15px auto 0 auto; }
.box { position: relative; width: 290px; vertical-align: top; line-height: 17px; }
.boxTitle { font: 17px Calibri, Arial, sans-serif; font-weight: bold; text-transform: uppercase; color: #737373; margin: 0 0 10px 0; }
.obavijest_wrap.box-banner { display: block; height: 100px; background: #005193; }
.obavijest_wrap.box-banner .e_obavijest { background: #005193; margin-bottom: 0; position: absolute; top: 50%; transform: translateY(-50%); font-size: 18px; }
.newsIn a{
	font-size:15px;
	line-height:24px;
}

.newsIn img{
	/* width:100px; */
	/* height:auto; */
}

.boxTitle.najnovije{
	color: #005193;
	background: #D6D9DE;
	padding:5px 15px;
	font: 17px Calibri, Arial, sans-serif; 
	font-weight: bold; 
	text-transform: uppercase;
	margin-bottom:20px;
}
.boxDivider { background: url(img/boxDivider.gif) no-repeat center center; }

.news { width: 100%; }
.news th { padding: 0 10px 0 0; }
.news th div { background: #ffffff; border: 1px solid #c8c8c8; padding: 4px 0; }
.news th div p { width: 60px; margin: 0 4px; overflow: hidden; }
.news td { width: 100%; }

.pageMiddle { width: 960px; margin: 15px auto 0 auto; }
.left { width: 325px; vertical-align: top; }
.leftWrapper { width: 290px; }
.main { vertical-align: top; }
.pageTitle h1 { margin: 0 0 15px 0; padding: 0; font: 23px Calibri, 'Arial Narrow', sans-serif; color: #005193; }
.pageContent { line-height: 19px; }
.pageContent p { margin: 0 0 15px 0; }
.pageContent td { margin: 0; }
.pageContent img { border-color: #b1b1b1; max-width:100% !important; height:auto !important;}

.leftMenu div { background: url(img/leftMenuCatBgnd.gif) no-repeat 0 0; padding: 5px 0 0 0; margin: 0 0 6px 0; overflow: hidden; }
.leftMenu div a { background: url(img/leftMenuCatBgnd.gif) no-repeat left bottom; display: block; padding: 0 13px 5px 13px; overflow: hidden; }

.leftMenu div.subMenu { margin: 0 0 6px 30px; background: none; }
.leftMenu div.subMenu div { background: url(img/leftMenuSubBgnd.gif) no-repeat 0 0; padding: 5px 0 0 0; margin: 0 0 3px 0; overflow: hidden; }
.leftMenu div.subMenu div a { background: url(img/leftMenuSubBgnd.gif) no-repeat left bottom; display: block; padding: 0 13px 5px 13px; overflow: hidden; }

.leftMenu div.subMenu ul { margin: 10px 0 5px 0; padding: 0; list-style: none; }
.leftMenu div.subMenu ul li { padding: 1px 0; }
.leftMenu div.subMenu ul li a { background: none; }

.poll { width: 100%; margin: 15px 0; }
.poll th, .poll td { vertical-align: top; }
.poll th { width: 25px; text-align: left; }
.poll td { padding: 4px 0 0 0; }

.footerWrapper { background: #d7dce3; }
.footer { width: 980px; margin: 0 auto; }
.footer td { padding: 15px 0; vertical-align: top; font: 9px Verdana, Arial, Helvetica, sans-serif; line-height: 14px; }
.footerLinksContainer { width: 213px; }
.footerLinksContainer ul { margin: 0 30px 0 0; padding: 0; list-style: none; }
.footerLinksContainer ul li { padding: 5px 5px 6px 5px; border-bottom: 1px solid #a7acb5; }
.footerLeft td { padding: 5px 15px 0 0; }

/* IMAGE GALLERY */

.image { position: relative; width: 110px; height: 110px; border: 1px solid #cccccc; float: left; margin: 0 9px 15px 0; }
.image div { width: 106px; height: 106px; overflow: hidden; position: absolute; margin: 2px; text-align: center; }
.image img { border: none; display: block; }

.natjecajTbl {
	margin: 0 0 10px 0;
	padding: 0px;
	border-radius: 3px;
	border:1px solid silver;
	padding: 5px;
	font-size: 11px;
	width: 99%;
	background-color: #EEEEEE;
	box-shadow: 2px 2px 1px 1px #EEEEEE;
}

.natjecajTbl table{
	margin: 3px;
	padding: 0px;
	width: 99%;
	border-bottom:1px dashed silver;
}


/* home banners */

.home_banners {
	width: 970px;
	margin: 10px auto 0;
	padding: 20px 0 0 30px;
/*	background: url(../img/banners.gif) no-repeat; 
	height: 171px; */
}

.home_banner {
	float: left;
	margin-right: 20px;
}

.home_banner_last {
	margin: 0;
}

.clear {
	clear: both;
}


.tbl1 {
    width: 100%;
    margin: 20px 0;
}


.tbl1 td {
	padding: 10px;
}


.tbl1 tr.alternate td {
    background-color: #dce6f1;
   
}


.tbl1 tr.hdr td {
    background-color: #1f497d;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#spinner {
	float: right;
	margin-right: 20px;
}

.floatTxt a {color:#ffffff;}

#prikaz{
	display:none;

}
/* banneri FB */
.fixme {
	width: 300px;
	height: 180px;
	padding: 25px;
	background: url(/img/logo_akcija.jpg) no-repeat bottom left #fff;
	overflow:hidden;
	font-family: 'hind_regularregular', Arial, Sans-serif;
	font-size: 14px;
	position:relative;
}
	
a.naslov_akcija {
	font-size: 18px;
	line-height: 22px;
	color: #393939;
	font-family: 'hindbold', Arial, Sans-serif;	
	font-weight:bold;
}

a.naslov_akcija:hover {
	color: #0f69b7;
}

.akcija_txt {
	font-size: 14px;
	line-height: 18px;
	color: #393939;
	margin-top: 15px;
	font-family: 'hindmedium', Arial, Sans-serif;	
	height: 75px;
	overflow: hidden;
	position: relative;	
}

a.more_link {
	text-transform:uppercase;
	color: #0f69b7;
	font-family: 'hindbold', Arial, Sans-serif;
	display: block;
	position: absolute;
	/*bottom: 5px;*/
	right: 30px;
	background: url(/img/arrow-blue.png) no-repeat center right;
	padding-right: 18px;
	font-weight: bold;
}


a.more_link2 {
	text-transform:uppercase;
	color: #0f69b7;
	font-family: 'hindbold', Arial, Sans-serif;
	display: block;
	position: absolute;
	bottom: 5px;
	right: 30px;
	background: url(/img/arrow-blue.png) no-repeat center right;
	padding-right: 18px;
	font-weight: bold;
}


.fixme.slika {
	width:300px;
	height:180px;
	padding: 0;
	/*background: url(UserDocsImages/naslovna/akcija_slika.jpg) no-repeat top center #fff;*/
	overflow:hidden;
	font-family: 'hind_regularregular', Arial, Sans-serif;
	font-size: 14px;
	position: relative;
}

.fixme.slika a.naslov_akcija {
	color: #fff;
    text-shadow: 0 1px 4px rgba(0,0,0,.9);
}

.fixme.slika a.naslov_akcija:hover {
	color: #eee;
}

.fixme.slika .akcija_txt {
	color: #fff;
	position: relative;
    text-shadow: 0 1px 2px rgba(0,0,0,.9);
}

.fixme.slika a.more_link {
	color: #fff;
	background: url(/img/arrow-white.png) no-repeat center right;
}	

.overlay {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
	padding: 0px;	
	width: 250px;
	height: 130px;
}

.banner_holder_main {
	width:300px;
	height:360px;
	overflow:hidden;
	z-index:9999;
	position: fixed;
	bottom:0;
	right:0;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);		
}


.fixme.slika .overlay {
padding: 25px;
}

.fblike {position: absolute; left: 90px; top:122px;}

#prikaziObrazac {
	width: 100%;
}

#prikaziObrazac form {
	width: 100%;
}


#prikaziObrazac .holder {
	margin: 0 auto;
	display: block;
	width: 200px;
}

#prikaziObrazac .holder input {
	width: 100%;
}

#prikaziObrazac .holder .submit-btn {
	margin-top: 10px;
	margin-bottom: 20px;
	background-color: #005193;
	color: #fff;
	border: 0;
	padding: 10px 0;
	width: 100%;
}


/*novo*/

.prikaziObrazac {
	width: 100%;
}

.prikaziObrazac form {
	width: 100%;
}


.prikaziObrazac .holder {
	margin: 0 auto;
	display: block;
	width: 200px;
}

.prikaziObrazac .holder input {
	width: 100%;
}

.prikaziObrazac .holder .submit-btn {
	margin-top: 10px;
	margin-bottom: 20px;
	background-color: #005193;
	color: #fff;
	border: 0;
	padding: 10px 0;
	width: 100%;
}


.required {
	color:red;

}

.porukaGreska {
	color:red;
	font-size:14px;
	margin-bottom:15px;

}


.projektienobnove {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.projektienobnove td, .projektienobnove th {
    border: 1px solid #ddd;
    padding: 8px;
}

.projektienobnove tr:nth-child(even){background-color: #f2f2f2;}



.projektienobnove th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #0D2D84;
    color: white;
}

.pozivPrijavaFotka{
	width:75px;
	height:59px;
}

.footer-usluge {
	font-size:14px; 
	font-weight:bold; 
	color:rgb(88, 88, 90);
}

.loko-poziv{
	color:rgb(88, 88, 90);
}

.logo{width:200px;
height:auto;}

.logogsk{
	width:150px;
	height:auto;
}

/***novo ispod**/

.autocomplete-suggestions {
	border: 1px solid #999;
	background: #FFF;
	overflow: auto;
}

.autocomplete-suggestion {
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
}

.autocomplete-selected {
	background: #F0F0F0;
}

.autocomplete-suggestions strong {
	font-weight: normal;
	color: #3399FF;
}

.autocomplete-group {
	padding: 2px 5px;
}

.autocomplete-group strong {
	display: block;
	border-bottom: 1px solid #000;
}

.prijaveLSI {
	background: #FEFEFE;
    padding: 10px;
    font-size: 18px;
    line-height: 20px;
    opacity:0.8;
    

}

.gumbLSI {
	background: #44546A;
    padding: 10px;
    color: #fff;
    border: 2px solid #000;
    text-align: center;
	color:#fff !important;
	font-size:15px;
}

.accordion{
	margin:20px 0px;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover{
	border: 1px solid #005193 !important;
	background: #005193 !important;

}

.ui-accordion .ui-accordion-content{
	height:fit-content !important;
}

.space-top {
	display: block;
	margin-top: 20px;
}

body {
    font-family: Arial, sans-serif;
}

.akordion {
    width: 100%;
    max-width: 1000px;
    margin: 3px auto;
}

.akordion-header {
    background-color: #ededed;
    color: black;
    padding: 10px;
    text-align: left;
    border: none;
    width: 100%;
    cursor: pointer;
    font-size: 16px;
	transition: background-color 0.3s, color 0.3s; 
}

.akordion-header.active {
    background-color: #005193;  
    color: white;  
}

.akordion-content {
    display: none;
    padding: 15px;
    background-color: #f1f1f1;
    margin-top: 5px;
	text-align: justify;
}

.table-container {
    width: 100%;
    overflow-x: auto;
}
.custom-table {
    width: 100%;
    border-collapse: collapse;
}
.custom-table th, .custom-table td {
    border: 1px solid black;
    padding: 8px;
    text-align: center;
}
.header-row th {
    background-color: #0D2C3E;
    color: white;
    font-size:11px;
}