* { margin: 0; padding: 0; border: 0; }
.clearer { clear: both; padding-top: 12px; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; background: #0e4091 url(img/bg.jpg) center top no-repeat; color: #4c4c4c; }
#wrapper { width: 966px; margin: 0 auto; background: url(img/wrapperbg.png) center repeat-y; position: relative; }

#header { padding: 0 26px; background: url(img/headerbg.gif) 325px 0 no-repeat; }
h1 a { display: block; width: 229px; height: 141px; text-indent: -9999px; background: url(img/h1.gif) no-repeat; }
#social { width: 200px; height: 20px; position: absolute; left: 830px; top: 15px; color: #3B5781; font-weight: bold; font-size: 12px; }
	#social img { vertical-align: middle; margin: 0 0 0 4px; }
#sform { width: 268px; height: 30px; background: url(img/searchbg.gif) no-repeat; position: absolute; left: 672px; top: 50px; }
	#sform input { float: left; margin: 5px 0 0 5px; font-family: Arial, Helvetica, sans-serif; }
	#sform #sphrase {  width: 178px; height: 13px; border: 1px solid #6f6f6f; color: #6f6f6f; padding: 3px 5px; }
	#sform #sgo { width: 63px; height: 21px; background: url(img/sgo.gif) no-repeat; color: #333; cursor: pointer; }
#header ul { margin: -26px 0 24px 226px; list-style: none; }
	#header ul li { float: left; margin-right: 11px; background: url(img/navimg.gif) 0 2px no-repeat; padding-left: 14px; }
	#header ul li a { display: block; text-decoration: none; font-size: 14px; color: #3b5781; font-weight: bold; letter-spacing: -1px; }
	#header ul li a:hover { color: #b41d20; }
	#header ul li ul { z-index: 100; position: absolute; margin: 10px 0 0 -14px; visibility: hidden; }
	#header ul li ul li { float: none; display: inline; background: none; margin: 0; padding: 0; }
	#header ul li ul li a { font-size: 13px; width: auto; padding: 5px 14px; background: #fff; border-top: 1px solid #d5d5d5; }

#top { height: 306px; margin-left: 31px; }
	#top ul { list-style: none; }
	#top li { width: 904px; height: 306px; overflow: hidden; }
		#top ul li { position: relative; }
		div.toppanel { position: absolute; top: 25px; left: 25px; width: 340px; background: #fefef5; padding-bottom: 5px; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
		div.toppanel * { filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
		div.toppanel h2 { font-family: "Times New Roman", Times, serif; color: #0d3d87; font-size: 30px; font-weight: normal; padding: 20px 10px 10px 10px; }
		div.toppanel p { padding: 5px 10px; }
		div.toppanel p.more { text-align: right; }
		div.toppanel a { color: #b41d20; font-weight: bold; text-decoration: none; }
		.bigbutt { padding-top: 13px; color: #fff; text-decoration: none; display: block; width: 169px; height: 40px; background: url(img/bigbutt.png) no-repeat; position: absolute; text-transform: uppercase; font-weight:bold; text-align: center; top: 256px; }
		.bbfirst { left: 21px; }
		.bbsecond { left: 200px; }
	ol#controls { margin: -34px 0 3px 805px; height:31px; }
	ol#controls li { float: left; list-style: none; height: 31px; line-height:31px; }
	ol#controls li a { filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; display: block; width: 31px; height:31px; line-height:31px; background: url(img/slidebutt.png) no-repeat; color:#fff; text-align: center; text-decoration:none; }
	ol#controls li.current a { filter:alpha(opacity=99); -moz-opacity: 0.99; opacity: 0.99; }
	a:focus { outline: none; }

#featured { background: #fff url(img/featuredbg.gif) repeat-x; border-bottom: 1px solid #bcbcbc; padding-top: 12px; }
	#featured div { width: 321px; display: block; float: left; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
	.ffirst { background-color: #b9e156; }
	.fsecond { background-color: #f0b051; }
	.fthird { background-color: #d65456; }
	#featured a { display: block; text-decoration: none; }
	#featured h2 a { font-family: "Times New Roman", Times, serif; color: #fff; font-size: 20px; font-weight: normal; padding: 12px 20px; text-shadow: 0 0 4px #333; }
	#featured a img { border: 3px solid #fff; margin-left: 20px; margin-top: 1px; }
	#featured a:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; margin-top: 0; margin-bottom: 1px; }
	#featured p a { margin: 10px 20px; height: 30px; overflow: hidden; color: #222; }

#cont { width: 594px; float: left; padding: 20px 20px 20px 30px; }
	#cont h2 { margin-top: 5px; font-family: "Times New Roman", Times, serif; color: #0d3d87; font-size: 26px; font-weight: normal; padding: 20px 0 10px 0;border-bottom: 3px solid #d5d5d5; line-height: 26px; }
	#cont h2 a { text-decoration: none; }	
	#cont h3 { color: #0d3d87; font-size: 15px; font-weight: normal; padding: 10px 0 10px 0; border-top: 0px solid #d5d5d5; border-bottom: 0px solid #d5d5d5; }
	#cont p { padding-top: 10px; text-align: justify; }
	#cont li { padding-left: 5px; text-align: justify; }
	#cont ul { margin-left: 30px; line-height: 18px; }
	#cont a { color: #b41d20; font-weight: bold; text-decoration: none; }
	#cont a:hover { text-decoration: underline; }
	#cont div.slika { width: 230px; float: right; margin: 10px 0 10px 10px; padding: 10px 0 10px 10px; border: 1px solid #e4e4e4; }
	#cont div.slika p { padding-top: 8px; font-size: 11px; }

#sidebar { width: 292px; float: left; padding: 20px 20px 20px 0; }
	#sidebar ul { list-style: none; border-top: 1px solid #e4e4e4; }
	#sidebar ul li { border-color: #e4e4e4; border-style: solid; border-width: 0 1px 1px 1px; }
	#sidebar ul li a { display: block; height: 97px; background: #fff url(img/sidebara.gif) repeat-x; text-decoration: none; color: #4c4c4c; }
	#sidebar ul li a:hover { background-position: bottom; }
	#sidebar img { width: 97px; float: left; }
	#sidebar span { display: block; float: left; width: 178px; }
	#sidebar span.naziv { font-family: "Times New Roman", Times, serif; color: #0d3d87; font-size: 24px; margin: 24px 0 10px 0; }

#footer { border-top: 3px solid #d5d5d5; border-bottom: 7px solid #262626; width: 944px; margin-left: 11px; background: #f0f0f0 url(img/footerbg.gif) right bottom no-repeat; min-height: 190px; height: auto !important; height: 190px; }
	#footer h2 { font-family: "Times New Roman", Times, serif; color: #0d3d87; font-size: 26px; font-weight: normal; padding: 20px; border-top: 1px solid #fff; }
	#footer ul { list-style: none; margin: 0 0 20px 5px; text-align: left;}
	#footer ul li { float: left; width: 280px; height: 110px; padding: 0 15px; border-right: 1px solid #c0c0c0; }
	#footer ul li.last { border-right: 0; }
	#footer ul li p { padding: 5px 0; }
	#footer a { color: #b41d20; font-weight: bold; text-decoration: none; }
	#footer a:hover { text-decoration: underline; }

#clean_contact input, #clean_contact textarea { border: 1px solid #6F6F6F; color: #6F6F6F; padding: 3px 5px; font-family: Arial, Helvetica, sans-serif; margin-top: 5px; }

div.ask-question select, div.ask-question textarea, div.ask-question input { border: 1px solid #6F6F6F; color: #6F6F6F; font-family: Arial, Helvetica, sans-serif; margin-top: 5px; }
div.ask-question textarea, div.ask-question input { padding: 3px 5px; }
div.ask-question textarea { width: 450px; }
h4.faq-header { padding: 20px 0 10px 0; }
#faq-questions-list { list-style: decimal; padding: 0 0 20px 20px; }
p.faq-question { padding-top: 5px; border-top: 1px solid #D5D5D5; }
p.faq-answer { padding-bottom: 5px; }




.calnk {
  font-size: 10px;
}    

.calendar-table td{
  padding: 5px;
}    


.calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
        color:#FF0000;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #DFE6DE;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#FF0000;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background-color:#EEEEEE;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }