/* 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, em, ins, kbd, q, s, samp, small, strike, 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; }

/*img {border:solid 1px #666666;}*/

/* GLOBALS */
html, body { height: 100%; }
body { background: #ffffff; line-height: 1; }

body, td, th, textarea, input, select, h2, h3, h4, h5, h6, pre { font: 11px Arial, sans-serif; color: #000000; line-height: 15px; }

.picBorder { border: 1px solid #a6a6a6; }
.txtSmall { font-size: 10px; }
.txtSmallest { font-size: 9px; }
.date, .datum { font-size: 11px; color: #706f6f; }

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


/* FORM ELEMENTS */
.textbox, textarea { background: #ffffff; border: 1px solid #a9a9a9; padding: 3px 5px; font-size: 11px; }
.searchbox { width: 140px; margin: 0 7px 2px 0; vertical-align: middle; }
.searchbox2 { width: 160px; padding: 4px 5px; border-left: 1px solid #E8E8E8;  border-bottom: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; font-size: 11px; }
select, input { background: #fffff; border: 1px solid #c7c7c7; padding: 2px; font-size: 11px; }
.btn { background: url(img/btnBgnd.gif) repeat-x 0 0; color: #ffffff; font-size: 11px; font-weight: bold; border: none; padding: 2px 7px; }
input.chkZapamti {border:0;}

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

a:link, a:active, a:visited { color: #003399; }
a:hover { color: #ff9900; }

.menuItem:hover {background-color:#FF9900;}

.menuItem a:link, .menuItem a:active, .menuItem a:visited { color: #ffffff; display: block; padding: 12px 0; }
.menuItem a:hover { color: #ffffff; display: block; padding: 12px 0;  }

a.linkWhite:link, a.linkWhite:active, a.linkWhite:visited { color: #ffffff; }
a.linkWhite:hover { color: #435597; }

.footerMain a:link, .footerMain a:active, .footerMain a:visited { color: #706f6f; }
.footerMain a:hover { color: #000000; }

.knjizMenu a:link, .knjizMenu a:active, .knjizMenu a:visited { color: #003399; display: block; padding: 12px 20px; }
.knjizMenu a:hover { color: #ff9900; display: block; padding: 12px 20px; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.marginTop1 { margin: 15px 0 0 0; }
.marginTop2 { margin: 30px 0 0 0; }

.menu { width: 960px; margin: 0 auto; background: #a9a9a9; }
.menu td { text-align: center; }
.menu .active { background: #003399; }
.menuItem { width: 120px; border-right: 1px solid #ffffff; font: 14px Arial, Helvetica, sans-serif; font-weight: bold; }
.searchContainer { border-right: none; text-align: center; }

.header { width: 960px; height: 120px; margin: 0 auto; border-left: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; }
.logoContainer { width: 730px; text-align: center; }
.headerRight { text-align: right; vertical-align: top; padding: 20px 20px 0 0; }
.headerRight img { margin: 0 0 0 15px; }

.middle { width: 960px; margin: 0 auto; border: 1px solid #a9a9a9; border-top: none; }
.main { width: 730px; vertical-align: top; border-top: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; }
.right { vertical-align: top; }
.rightboxWrapper { position: relative; width: 200px; left: 15px; font-size: 11px; }
.rightboxWrapper h3 { font: 14px Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 7px 0; }
.rightboxWrapper select { width: 195px; margin: 0 0 7px 0; }

.quickLinks { margin: 15px 0 0 0; }
.quickLinks div { border-top: 1px solid #a9a9a9; }

.najaveWrapper { border-bottom: 1px solid #a9a9a9; }
.najaveNav {margin:0 auto; width:727px; padding: 8px 0 9px 0; background: #c7c7c7 url(img/najaveNavBullet.png) repeat-x 2px 8px; border-bottom: 1px solid #ffffff; text-align: right; }
.najaveNav p {margin:0; padding:0 5px 0 0;}
.wrappercont { width: 727px; height: 170px; position:relative; overflow:hidden; }
.asdslideass { width: 727px; height: 170px; position:relative; }
.slide { width: 727px; height: 170px; display: none; position: absolute; top: 0; left: 0; }
.najava { width: 100%; }
.najava th { width: 264px; }
.najava td { background: url(img/najaveBgnd.gif) repeat-x bottom; padding: 0 18px; font-size: 11px; line-height: 15px; }
.najava td p { margin: 12px 0; }

h1.boxHead { font-weight: normal; vertical-align: middle; text-align: right; }
h1.boxHead img { text-align: left; }

.newsWrapper { margin: 15px 18px; border-bottom: 1px solid #a9a9a9; }
.news { width: 100%; }
.news2 { width: 100%; }
.news td { width: 50%; vertical-align: top; }
.news td ul { margin: 0; padding: 0; list-style: none; clear: left; }
.news td ul li { float: left; }
.news td ul li.date { color: #706f6f; padding-right: 20px; }

.news td dl, .news td dt, .news td dd { margin: 0; padding: 0; }
.news td dl { clear: left; }
.news td dl dt { float: left; width: 55px; color: #706f6f; margin: 12px 5px 0 0; }
.news td dl dd { float: left; width: 270px; margin: 12px 0 0 0; }

.noviWrapper { padding: 15px 18px 0 18px; }
.novi { width: 100%; }
.novi td { width: 50%; vertical-align: top; padding: 12px 0 0 0; }

.noviNaslov { margin: 0; padding: 0; list-style: none; clear: left; }
.noviNaslov dt, .noviNaslov dd { float: left; margin: 12px 0 0 0; }
.noviNaslov dt { width: 90px; }
.noviNaslov dt img { border: 1px solid #a9a9a9; }
.noviNaslov dd { width: 120px; }
.noviNaslov dd p { padding: 7px 0 0 0; }

.noviNaslovNav { margin: 35px 0 0 0; padding: 0; list-style: none; text-align: center; }
.noviNaslovNav li { display: inline; padding: 0 10px; }

.path { margin: 0; padding: 0; list-style: none; }
.path li { display: inline; }
.path li a { background: url(img/bullet_arrow.gif) no-repeat right 5px; padding: 0 14px 0 5px; }
.path li .first { padding: 0 14px 0 0; }

.pageWrapper { padding: 15px 20px 160px 20px; /*overflow:hidden;*/ width:687px; }
.pageWrapper img { margin: 0 15px 15px;border:solid 1px #ededed;}
.pageTitle { /*background: url(img/dots_horiz.gif) repeat-x left bottom;*/ background: url(img/lines_horiz.gif) repeat-x left bottom; padding: 15px 0;  }
.pageTitle h1 { font: 25px Arial, sans-serif; }
.pageTitle h2 { font: 14px Verdana, Arial, sans-serif; color: #706f6f; margin: 10px 0 0 0; line-height: 19px; }
.pageContent { padding: 15px 0; font-size: 12px; line-height: 18px; }
.pageContent p { margin: 0 0 15px 0; }
.pageContent td p { margin: 0; }
.pageBottom { background: url(img/dots_horiz.gif) repeat-x left top; padding: 12px 0 10px 0;  }
.pageBottom img { margin: 0 7px 0 0; vertical-align: middle; }
.pageBottom a {font-size:10px;}

.footer { width: 960px; margin: 0 auto; }
.footer td { padding: 15px 0; font-size: 11px; color: #706f6f; line-height: 16px; vertical-align: top; }
.footerMain { text-align: right; }
.footerLinks li { padding: 0 20px 0 0; }
.footerRight { width: 230px; text-align: center; }
.footerRight img { margin: 0 7px; }

/* Image loader classes */
.clickableImage{}
.clickableImageActive{}
.slide{}
/* end classes */

.newsPic { width: 105px; }
.newsPic img { border: 1px solid #a6a6a6; }

.knjizTitle { background: #d4d4d4; padding: 5px 15px 6px 15px; font: 24px Arial, sans-serif; color:#FFFFFF; font-weight:bold; }
.knjizIzb { background: #e8e8e8; border-top:solid 1px #ffffff; }
.knjizMenu td { background: #e8e8e8; text-align: center; }
.knjizMenu .active { background: #ffffff; }
.knjizMenu .active a { color: #ff9900; }
.knjizMenu .menuItem2 { position: relative; border-right: 1px solid #ffffff; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; }
.knjizMenu .menuItem2 a:hover {color:ff9900;}
.knjizInfo { border-bottom: 1px solid #d4d4d4; background: url(img/najaveBgnd.gif) repeat-x bottom; padding: 20px 20px; }


.SubNav { position: absolute; margin: 0; padding: 0; border: solid 1px #a9a9a9; border-bottom: none; border-top: none; min-width: 180px; background-color:#ffffff; z-index:9999; }
.SubNav ul { margin:0; padding:0; list-style:none; }
.SubNav ul li { margin:0; padding:0 10px; text-align:left; border-bottom: solid 1px #a9a9a9; font-size: 11px;}
.SubNav a:link, .SubNav a:active, .SubNav a:visited { color: #003399; padding: 8px 0; }
.SubNav a:hover { color: #ff9900; padding: 8px 0; }

.pollQuestion { font: 12px Arial, Helvetica, sans-serif; font-weight: bold; color: #0060af; line-height: 17px; }
.pollAnswersWrapper { background: url(img/pollAnswersBgnd.gif) no-repeat 0 0; margin: 15px 0 0 0; }
.pollAnswersBottom { background: url(img/pollAnswersBgnd.gif) no-repeat left bottom; height: 12px; }
.pollAnswers { width: 220px; position: relative;/* left: 5px; top: 5px;*/ }
.pollAnswers td, .pollAnswers th { vertical-align: baseline; }
.pollAnswers th { width: 15px; }

/* CALENDAR */

input.calendar {
  width: 85px;
  cursor: pointer;
  text-align:center;
}
button.calendar {
  /*background: url(img/calendar-icon.gif);*/
  background-color:#ffffff;
  border: 0;
  cursor: pointer;  
  height: 0px;
  margin-right: 0px;
  width: 0px;
}
button.calendar:hover, button.calendar.active { background-position: left bottom;} 

.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}


div.calendar {
	background:url(img/calendar.png);
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #333;
		font: normal 12px/16px Arial, Helvetica, sans-serif;
		padding-top: 6px;
		text-align: center;
		width: 100%;
	}
	div.calendar caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width: 11px;
	}
	div.calendar caption a.prev {
		background-image: url(img/calendar-prev.gif);
		left: 0;
	}
	div.calendar caption a.next {
		background-image: url(img/calendar-next.gif);
		right: 0;
	}
	div.calendar caption a:hover {
		background-position: 0 12px;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.calendar td,
	div.calendar th {
		border: 0;
		color: #0597DB;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar td {
		background: url(img/calendar-td.gif);
		color: #FFF;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		background: url(img/calendar-valid.gif);
		color: #0597DB;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: url(img/calendar-hilite.gif);
	}
	div.calendar td.inactive {
		background: url(img/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: url(img/calendar-valid.gif) 0 100%;
		color: #FFF;
		cursor: pointer;
	}
	
	
	
.culturePicWrapper { width: 100%; }
.culturePicWrapper td { padding: 15px 0 5px 0; }
.culturePicNav { width: 564px; height: 76px;position: relative;overflow: hidden; }
.culturePicNav div div { width: 76px; height: 76px; background: #ffffff; position: relative; float: left; margin: 0 7px; }
.culturePicNav div div div { background: none; width: 66px; height: 66px; margin: 5px; position: absolute; cursor: pointer; }
.culturePicNav div div div.thnWhiteLayer { background: url(../img/thnWhiteLayer.png) repeat; position: absolute; }
.culturePicArrow { width: 15px; }

.scroller { position: absolute; height: 71px; width:10000px; left:0px; overflow: hidden;}	


table.tablica {border:solid 1px #9e9e9e !important;border-collapse:collapse !important;}
table.tablica tr {background-color:#ffffff !important;}
table.tablica tr td {background-color:#ffffff !important;}

.knjizInfo table tbody tr td img {border-color:#dedede;}

.mn {
}

.mn2 {
	padding: 1px 0;
}


.pageWrapper h1 {font-size:18px;}


.submenu {
	/*background: url(img/dots_horiz.gif) repeat-x left bottom;*/ 
	/*background: url(img/lines_horiz.gif) repeat-x left bottom;*/
	float: left;
	width: 687px;
	padding: 2px 0 1px;
	margin-bottom: 20px;
}

.submenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(../img/submenu.gif);
	float: left;
	width: 687px;
}

.submenu li {
	float: left;
	padding: 0 15px;
	height: 32px;
	line-height: 30px;	
	white-space: nowrap;
}

.submenu a {
	/*color: #FFF;
	font-weight: bold;*/
}




/*KALENDAR GODIŠNJICA*/

.kalendar_middle { background-color:#ffffff;border-style: none none solid solid;border-width: medium medium 1px 1px; }
.kalendar_about_link { float: left; margin-top:10px; padding: 5px 0 0 20px; font-size: 12px; }
.kalendar_sort { text-align:left;float:right;width:690px;margin-top:10px; font-size: 12px; }

.kalendarLeft {float:left;width:250px;}
.kalendarRight {float:left; width: 660px; font-size:12px;}
.kalendarRight table tr td {font-size:12px;}
.tblKalendar tr td {border-bottom:solid 1px #c7c7c7;padding:8px 0;}
.detailOpisKalendar {background:url(img/kalDetailBrdr.jpg) 110px 0 repeat-y;position:relative;width: 460px;padding-right: 200px;}
.leftDetail {float:left;width:100px;text-align:right;font-weight:bold;}
.rightDetail {float:left;margin-left:20px;padding-top:1px; width: 300px; white-space: no-wrap;} 
.rightDetail a:visited {color:#788192;}
.clear {clear:both;height:10px;} 
.detailSlikaKalendar {position:absolute;top:0;right:0;}

.tblKalendar { border-collapse:collapse; width: 100%; }
.footerKalendar td { color: #494949; font-weight: bold; }
.kalendarSep { clear: both; border-bottom:solid 1px #c7c7c7; }

.tblKalendarNum { width:27px;float:left; }
.tblKalendarTitle { float: left; width: 400px; }
a.tblKalendarTitle:visited {color:#788192;}
.tblKalendarMore { float:right;margin-left:10px;margin-right:10px; }

.english_link:link, .english_link:visited, .english_link:active { color: #71706D; font-size: 12px; font-weight: bold; }
.english_link:hover { color: #ff9900; }

.search_button { background: url(img/search_icon.gif) no-repeat; width: 33px; height: 24px; cursor: pointer; border: 0; }
.kalendar_sort select, .kalendar_sort input { font-size: 12px; }

.calendar_box { width: 210px; /*height: 208px;*/ margin:15px 0; border: 1px solid #95c2d9; }
.footer_sep { margin: 0 10px; color: #939393; }
.footerKalendar a:link, .footerKalendar a:visited, .footerKalendar a:active { color: #494949; }
.footerKalendar a:hover { color: #003399; }

.h_sep { margin:0 auto; padding:2px; border:solid 1px #C7C7C7; width:100px; text-align:center; }
.h_sep_s { border-bottom: solid 1px #C7C7C7; clear: both; }

.pageContent.kalendarContent { background:url(img/kalDetailBrdr.jpg) 229px 0 repeat-y; padding: 0 0 15px; clear: both; }
.pageWrapper.kalendarWrapper { padding-top: 30px; clear: both; }
.print_end { clear: both; height:20px; text-align:left;margin-bottom:-10px; position: relative; }
.send_friend { position: absolute; width: 220px; bottom: 20px; left: -10px; background: url(img/posalji_pop.png) no-repeat; width: 198px; height: 219px; padding: 15px; font-size: 11px;  }
.send_friend h2 { font-size: 14px; font-weight: bold; color: #727272; margin-bottom: 15px; }
.send_friend_input { width: 180px; margin-bottom: 10px; }
.send_friend_btn { background: #0994EF; border: 0; color: #FFF; font-weight: bold; padding: 5px 8px; cursor: pointer; }
.send_close { float: right; margin-top: -20px; margin-right: -5px; } 
.pageWrapper .send_close img { border: 0; margin: 0; } 

.pageWrapper .h_sep img { margin: 0; vertical-align: middle; }
 
.slovaHead { text-align: center; font-weight: bold; }
.slovaHead span { margin: 0; }
.slovaHead a { color: #727272; padding: 2px 5px; }
.slovaHead a:hover { color: #FF9900; }
.slovaHead span.active a { color: #003399; background: #ECEDEF; }

.sendOK {background-color: #4E8EFA;    color: white;    margin-bottom: 20px;    padding: 5px;    text-align: center;}
.sendGreska {background-color: #B7B9BD;    color: red;    margin-bottom: 20px;    padding: 5px;    text-align: center;}

.kalendar_header { position: relative; height: 200px; background: #FFF; width: 958px; margin: 0 auto; border-right: 1px solid #A9A9A9; border-left: 1px solid #A9A9A9; }
.kalendar_header .headerRight { position: absolute; top: 0; right: 0; z-index: 2; }
.kalendar_header .header_img { position: absolute; width: 960px; height: 185px; top: 15px; }


#arhivaNaslovaOdabir {position:absolute;top:34px;right:15px;border:solid 1px #A9A9A9; background: #FFF; padding:0 3px 3px; -webkit-box-shadow:  1px 1px 2px 0px #A9A9A9; box-shadow:  1px 1px 2px 0px #A9A9A9;}
#arhivaNaslovaOdabir div { background: #EFEFEF; padding: 7px 10px; margin-top: 3px; }

#arhivaNaslovaOdabir2 {position:absolute;top:49px;right:15px;border:solid 1px #A9A9A9; background: #FFF; padding:0 3px 3px; -webkit-box-shadow:  1px 1px 2px 0px #A9A9A9; box-shadow:  1px 1px 2px 0px #A9A9A9;}
#arhivaNaslovaOdabir2 div { background: #EFEFEF; padding: 7px 10px; margin-top: 3px; }


#mct1 td {font-size:16px;}
#mct1 th {font-weight:bold;margin-bottom:5px;font-size:17px;}


cookie-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    height: auto;    
    min-height: 70px;
    background: rgba(13,100,154,0.9);
}

   
.cookie-banner p a {
    color: #ffffff;
    text-decoration: underline;
}

.cookie-banner {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    height: auto;
    min-height: 70px;
    background: rgba(66, 102, 176, 0.95);
}

.cookie-banner h2 {
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    margin: 0 0 5px 0;   
}

.cookie-banner p {
    font-size: 14px;
    color: #ffffff;
    margin: 0;
}

.cookie-banner a {
    color: #fff !important ;
	text-decoration: underline;
}

.cb-container {
    display: table;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.cb-container.center {
    padding: 20px;
}

.cb-col {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.cb-col+.cb-col {
    width: 35%;
    text-align: right;
}

.cb-btn {
    border-radius: 4px;
    padding: 5px 0;
    background: #6c3;
    color: #fff;
    font-size: .9em;
    border: 0;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 90px;
    position: static;
}