/* GLOBALS */
BODY { background: #FFFFFF; margin: 0px; font-family: Arial, sans-serif; }
TD { font-family: Arial, sans-serif; font-size: 11px; font-weight: normal; color: #444444; }

.bgndDarkBlue { background: #3263a9; }
.bgndBlue { background: #80a9e0; }
.bgndLightBlue { background: #c7dfff; }
.bgndOrange { background: #ff9100; }
.bgndLightOrange { background: #ffb03a; }
.bgndLightYellow { background: #fffae8; }
.bgndGrey { background: #c9d0d8 }

.spacer1pxHoriz { height: 1px; background: #FFFFFF; }
.spacer1pxVert { width: 1px; background: #FFFFFF; }

.pageTitle { font-weight: bold; font-size: 20px; padding: 0px 28px; text-align: left; background-image: url(UserDocsImages/kat_arrow.gif); background-position: left center; background-repeat: no-repeat; }
.dividerHoriz { background-image: url(img/divider_horiz.gif); background-repeat: repeat-x; background-position: left center; }
.dividerDoubleHoriz { background-image: url(img/divider_double_horiz.gif); background-repeat: repeat-x; background-position: left center; }


/* LINKS */
a:link { color: #1c4d94; text-decoration: none; }
a:active { color: #1c4d94; text-decoration: none; }
a:visited { color: #1c4d94; text-decoration: none; }
a:hover { color: #f26521; text-decoration: none; }

a.linkBoldWhite:link { color: #FFFFFF; font-weight: bold; }
a.linkBoldWhite:active { color: #FFFFFF; font-weight: bold; }
a.linkBoldWhite:visited { color: #FFFFFF; font-weight: bold; }
a.linkBoldWhite:hover { color: #f26521; font-weight: bold; }

a.linkBold:link { color: #3263a9; font-weight: bold; }
a.linkBold:active { color: #3263a9; font-weight: bold; }
a.linkBold:visited { color: #3263a9; font-weight: bold; }
a.linkBold:hover { color: #f26521; font-weight: bold; }


a.linkBold2:link { color: #f26521; font-weight: bold; }
a.linkBold2:active { color: #f26521; font-weight: bold; }
a.linkBold2:visited { color: #f26521; font-weight: bold; }
a.linkBold2:hover { color: #f26521; font-weight: bold; }

a.linkBoldGrey:link { color: #666666; font-weight: bold; }
a.linkBoldGrey:active { color: #666666; font-weight: bold; }
a.linkBoldGrey:visited { color: #666666; font-weight: bold; }
a.linkBoldGrey:hover { color: #f26521; font-weight: bold; }

a.linkBoldDarkRed:link { color: #be2a2a; font-weight: bold; }
a.linkBoldDarkRed:active { color: #be2a2a; font-weight: bold; }
a.linkBoldDarkRed:visited { color: #be2a2a; font-weight: bold; }
a.linkBoldDarkRed:hover { color: #f26521; font-weight: bold; }


/* TABLES */
#masterTable { width: 980px; border: 1px solid #FFFFFF; margin:0 auto;}

/* HEADER */
#header { height: 169px; background: #42acde; }
#header TD.headerLogo { background: #3263a9; }
#header TD.headerArt { background-image: url(UserDocsImages/naslovna-webstranica_JAMMARK.jpg); background-position: right; background-repeat: no-repeat; }

#headerPics { margin-left: 18px; }
#headerPics .picContainer { border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }


/* SUBLINKS */
#sublinks { background: #c7dfff; }
#sublinks TD.subs { padding: 7px 20px; }
#sublinks TD.subs UL { margin: 0px; padding: 0px; }
#sublinks TD.subs UL LI { margin-right: 20px; padding: 0px; list-style-type: none; display: inline; }


/* LEFT COLUMN */
#leftMenu { width: 100%; }
#leftMenu TD.divider { height: 2px; background-image: url(img/left_menu_divider.gif); background-repeat: repeat-x; } 
#leftMenu TD.item { background-image: url(img/left_menu_bgnd.gif); background-repeat: repeat-x; background-position: left middle; padding: 9px 15px; }
#leftMenu TD.itemActive { background-image: url(img/left_menu_bgnd.gif); background-repeat: repeat-x; background-position: left middle; padding: 9px 15px; font-weight: bold; color: #f26521; }
#leftMenu TD.subItem { background: #edf4fe; padding: 0px 15px 2px 27px;  }
#leftMenu TD.subItemActive { background: #edf4fe; padding: 0px 15px 2px 16px; font-weight: bold;  color: #f36f21; }

#leftMenu2 { width: 100%; }
#leftMenu2 TD.divider { height: 2px; background-image: url(img/left_menu_divider2.gif); background-repeat: repeat-x; } 
#leftMenu2 TD.item { background: #e4e4e4; padding: 9px 15px; }

#leftMenuSpecial { width: 100%; }
#leftMenuSpecial TD.divider { height: 2px; background-image: url(img/left_menu_divider3.gif); background-repeat: repeat-x; } 
#leftMenuSpecial TD.item { background-image: url(img/left_menu_bgnd2.gif); background-repeat: repeat-x; background-position: left middle; padding: 9px 15px; }
#leftMenuSpecial TD.itemActive { background-image: url(img/left_menu_bgnd2.gif); background-repeat: repeat-x; background-position: left middle; padding: 9px 15px; font-weight: bold; color: #f26521; }
#leftMenuSpecial TD.subItem { background: #fff7e8; padding: 0px 15px 2px 27px;  }
#leftMenuSpecial TD.subItemActive { background: #fff7e8; padding: 0px 15px 2px 16px; font-weight: bold;  color: #f26521; }

#leftMenuSpecial2 { width: 100%; }
#leftMenuSpecial2 TD.divider { height: 2px; background-image: url(img/left_menu_divider4.gif); background-repeat: repeat-x; } 
#leftMenuSpecial2 TD.item { background-image: url(img/left_menu_bgnd4.gif); background-repeat: repeat-x; background-position: left middle; padding: 9px 15px; }
#leftMenuSpecial2 TD.itemActive { background-image: url(img/left_menu_bgnd4.gif); background-repeat: repeat-x; background-position: left middle; padding: 9px 15px; font-weight: bold; color: #f26521; }
#leftMenuSpecial2 TD.subItem { background: #fff7e8; padding: 0px 15px 2px 27px;  }
#leftMenuSpecial2 TD.subItemActive { background: #fff7e8; padding: 0px 15px 2px 16px; font-weight: bold;  color: #f26521; }

/* MAIN COLUMN */
#main { background: #c9d0d8; }
#main TD.content { background: #FFFFFF; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; padding: 25px 10px; }

	TABLE.box { width: 170px; height: 100%; border: 1px solid #c9d0d8; }
	TABLE.box TD.title { padding: 6px 1px; }
	TABLE.box TD.desc { height:48px; padding: 6px 10px; background: #fffae8; font-size: 10px; color: #666666; line-height: 12px; }
	
#main TD.content2 { background: #FFFFFF; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; padding: 20px 19px; }

.subCatBox { width: 100%; height: 70; border: 1px solid #DDDDDD; }
.subCatBox TD#link { width: 100%; padding: 10px; background-image: url(img/sub_cat_box_bgnd.gif); background-repeat: repeat-x; }


/* TABS SUBNAV */
#tabs TD { border-bottom: 1px solid #80a9e0; font-size: 11px; font-weight: bold; }
#tabs TD.tabActive { padding: 5px 15px; color: #3263a9; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #80a9e0; border-left: 1px solid #80a9e0; border-right: 1px solid #80a9e0; text-align: center; }
#tabs TD.tab { padding: 5px 15px; color: #FFFFFF; border-bottom: 1px solid #80a9e0; border-top: 1px solid #80a9e0; border-left: 1px solid #80a9e0; border-right: 1px solid #80a9e0; background: #80a9e0; text-align: center; }



/* RIGHT COLUMN */
#rightCol {}
#lastMinute .marquee { background: #FDE9B3; padding: 10px; }


/* FOOTER */
#footer { background: #3263a9; }
#footer TD { color: #FFFFFF; }


/* FORM STYLES */
TABLE.form TD { padding: 4px 10px; }
TABLE.form TD.fieldName { width: 120px; font-weight: bold; color: #3263a9; padding: 4px 10px; }
INPUT.textfield { color: #444444; font-weight: normal; font-size: 11px; padding-left: 3px; height: 19px; background-image: url(img/form_input_bgnd.gif); background-position: left top; background-repeat: no-repeat; border: 1px solid #7f9db9; }
textarea.textfield { color: #444444; font-weight: normal; font-size: 11px; padding-left: 3px; width:230px; height: 60px; background-image: url(img/form_input_bgnd.gif); background-position: left top; background-repeat: no-repeat; border: 1px solid #7f9db9; }
.textarea { color: #444444; font-weight: normal; font-family: Arial, sans-serif; font-size: 11px; padding-left: 3px; background-image: url(img/form_input_bgnd.gif); background-position: left top; background-repeat: no-repeat; border: 1px solid #7f9db9; }
INPUT.button { padding: 3px 8px; background: #3263a9; font-size: 11px; color: #FFFFFF; font-weight: bold; border: 1px outset #3263a9;}

/* IMAGE GALLERY */

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

ul {text-align:left;}

.trazi{padding-left:5px; color:#fff; font-weight:bold;}

.cookie-banner {
	display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #3263a9;
    color: #ffffff;
    padding: 15px;
    font-size: 13px;
}

.cookie-banner a {
    color: #ffb03a;
    text-decoration: underline;
    font-weight: bold;
}

.cookie-banner .cb-btn {
    border: none;
    background: #ff9100;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 10px;
    cursor: pointer;
}

/*
.cookie-banner {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    height: auto;
    min-height: 70px;
    background-color: rgba( 15,15,15, .76);
	font-size: 13px;
	color: #fff;
	line-height: 18px;
    z-index: 99999 ;
}
   
.cookie-banner p a {
    color: #ffffff;
    text-decoration: underline;
}

.cb-container {
    display: table;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}
.cb-container.center {
   padding-top: 10px;
}
.cb-col {
    display: table-cell;
    vertical-align: middle;
    padding: 20px 160px 20px 20px;
    position: relative;
}

.cb-col > a,
.cb-col > a:link,
.cb-col > a:visited,
.cb-col > a:active {
    color: #fff;
    font-weight: 700;
 
}

.cb-btn {
    position: absolute;
   right: 20px;
   top:12px;
   background-color:#adf524;
   border-color:#adf524;

}
*/