@charset "utf-8";
/* CSS Document */

.left {float:left;}
.right {float:right;}

.clearall {clear:both;}


html, body, ul, li, h1, h2, h3 {
	padding:0;
	margin:0;
}


body {
	background-color:#e4ded1;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:62.5%;
}

.mod-content {font-size:1.5em}

img {border:0;}

#main {
	width:967px;
	background-color:#ffffff;
	border:2px solid #b9b4aa;
	margin:auto;
	margin-top:25px;
	padding:8px;
	height:auto;
	margin-bottom:25px;
}

#header p {margin:0;padding:0;}

#horizontal-bar {
	background:url(images/horizontal-bar-bg.png);
	height:4.1em;
	border-bottom:2px solid #e3e1e1;
	margin-bottom:15px;
}

#horizontal-bar ul {margin:0;padding:0;width:auto;margin-right:1px;}
#horizontal-bar ul li{
	display:block;
	list-style:none;
	float:right;
	margin-top:1px;
	margin-left:1px;
}
#horizontal-bar ul li a {
	padding-right:12px;
	padding-left:12px;
	font-weight:bold;
	color:#000000;
	height:2.15em;
	line-height:2.15em;
	text-decoration:none;
	display:block;
	font-size:1.8em;

}
#horizontal-bar ul li a:hover {
	background-color:#f3f3f3;
}

#lijevo-sredina {
	float:left;	
	width:754px;
	position:relative;
	margin-right:20px;
}

#lijevo {
	width:190px;
	float:left;
}

#sredina {
	position:relative;
	width:544px;
	float:left;
	margin-left:20px;
}

#lijevo-sredina ul,
#desno ul{
	padding-left:20px;
}

div#sredina div.mod-header{
	font-size:1.8em;
	font-weight:bold;
	color:#510909;
	border-bottom:1px solid #510909;
	margin-bottom:10px;
	
}

#desno {
	float:left;
	width:190px;


}


/******* MODUL *******/

div#desno div.modul h1, div#lijevo div.modul h1 {
	font-size:1.8em;
	font-weight:bold;
	color:#ffffff;
	background-image:url(images/module_header_bg.png);
	height:34px;
	line-height:34px;
	padding-left:10px;
	margin-bottom:1px;
}

div#desno div.modul div.content, div#lijevo div.modul div.content  {
	background-color:#fff2dc;
	padding:4px;
	font-size:1.4em;
}

div#desno div.modul div.content h1, div#lijevo div.modul div.content h1 {
	background:none;
	font-size:1.4em;
	color:#000000;
	padding:0;
}

div#lijevo div.modul, div#desno div.modul {
	margin-bottom:10px;	
}



/******** VIJESTI *************/
div#sredina div.mod-content h1, div#sredina div.mod-content h1 a {
	color:#ff7a00;
	font-size:1.5em;
	font-weight:normal;	
}
div#sredina div.mod-content h1 a { font-size:1em; text-decoration:none; }

div#sredina a {
	text-decoration:underline;
}


/***** NEWS *****/
div.news-buttons {
	font-size:0.857em;
}

div.news-foot {
	color:#7a7a7a;
	font-size:0.857em;
	margin-top:20px;
	margin-bottom:20px;
	height:auto;
	border-bottom:2px solid #9e6e1a;
	padding-bottom:4px;
	font-weight:bold;
}

div.news-foot div.left {
	margin-top:5px;	
}
div.news-foot div.left.date {
	margin-left:25px;
}
div.news-foot a.print{
	display:block;
	width:24px;
	height:20px;
	background-image:url(images/icon-print.png);	
}

div#sredina div.mod-content div.news-content img {
	float:left;	
}

div#sredina div.mod-content a.opsirnije {
	font-weight:bold;	
}

div#sredina div.mod-content div.news-content img.icon {
	margin-right:5px;	
}



/****** GLAVNA NAVIGACIJA *****/

div.navigation {width: 190px; margin-bottom:20px;}
div.navigation div {
	position: relative; 
	border-bottom: solid 1px #ede1c2;	
}

div.navigation div a{
	display: block;
	color: #ff7a00;
	text-decoration:none;
	width:150px;
	font-size:1.5em;
}

div.navigation div.nivo1 a {}									
div.navigation div.nivo2 a {padding-left:15px; }
div.navigation div.nivo3 a {padding-left:30px; font-weight: normal;}

.navigation span.nav {position: absolute; top: 3px; left: 173px; cursor: pointer; background-image:url(images/icon_nav_close.gif); background-repeat:no-repeat; width:13px; height:13px;}
.navigation span.nav.open {background-image:url(images/icon_nav_open.gif);}

form fieldset {
	border:none;	
}

/***** veliki kalendar header - gumbi (dnevni,tjedni,mjesecni) i title ****/
/**************************************************************************/
div#kalendar-header {
        font-size:14px;
        margin-right:7px;
        margin-top:20px;
}

div#kalendar-header .title{font-size:22px;}

div#kalendar-header .buttons {width:250px;}

div#kalendar-header .btn {
        border-left:1px solid #ffffff;
        border-top:1px solid #ffffff;
        border-right:1px solid #9f9f9f;
        border-bottom:1px solid #9f9f9f;
        background-color:#e0cca9;
        padding-left:5px;
        padding-right:5px;
        padding-top:2px;
        padding-bottom:2px;
        text-align:center;
        font-size:13px;
        color:#8e2020;
        width:60px;
        float:right;
        margin:1px;
}

div#kalendar-header .btn:hover {background-color:#dcc2a1;}

div#kalendar-header .btn a{
        font-size:13px;
        color:#8e2020;
        text-decoration:none;
        padding-top:5px;
}

/************************ kraj veliki kalendar header *********************/


/**** kalendar veliki - mjesecni prikaz ****/

table.cal-month {background-color:none;}

table.cal-month tr.weekday {
        font-weight:bold;
        font-size:12px;
        height:30px;
}

table.cal-month tr.weekday td {
        width:14%;
        border-bottom:3px solid #dcc2a1;
        background-color:#ede0c1;
        text-align:center;
}

table.cal-month tr.days {
        background-color:#ede0c1;
        height:50px;
        font-size:11px;
}


table.cal-month tr.days td {
        border:1px solid transparent;
}

table.cal-month tr.days td.mod_tijelo_kalendar_prosli,
table.cal-month tr.days td.mod_tijelo_kalendar_buduci {
        background-color:#f0e7d2;
}


.monthTitle td{text-align: center;color: #000000;font-size: 12px;}
.monthTitle a{font-family: Trebuchet MS, sans-serif;font-size: 12px;font-weight: bold;text-decoration: none;color: #000000;}
div.calHours {background-color:#e4e4e4;}
div.calMonthBig {background-color:#ede0c1;width:100%;height:400px;position:relative;border:1px solid;text-align:left;margin: 0;padding: 0;color:#000000;}
div.headrowcell {color:#000000}


/*** cal month small ***/
table.cal-month.m-small {background:none;font-family: "Trebuchet MS", sans-serif;}
table.cal-month.m-small tr.weekday {height:auto;border-bottom:1px solid #b0ae9f;}
table.cal-month.m-small tr.weekday td {font-size:11px; font-weight:bold;color:#8e2020;font-family:verdana;background:none;border:none;text-align:center;border-bottom:1px solid #b0ae9f}

table.cal-month.m-small tr.days {
	height:auto;
	background:none;
}
table.cal-month.m-small tr.days td {
	font-size:12px;
	text-align:center;
	background-color:#dcc2a1;
	border:1px solid transparent;
}

table.cal-month.m-small tr.days td a{
	display:block;
	text-align:center;
	padding:2px;
}
table.cal-month.m-small td.mod_tijelo_kalendar_danas a{
	color: #8e2020;
}

table.cal-month.m-small td.mod_tijelo_kalendar_danas a:hover{
	color:#20666E;
}
/** end cal month small ***/


/* genericke klase modula (uvijek postoje na <td> i <a>:
 *      mod_tijelo_kalendar_dogadanje - ukoliko postoji neki dogadjaj na taj dan
 *      mod_tijelo_kalendar_danas
 */

table.cal-month tr.days td.mod_tijelo_kalendar_dogadanje {background-color:#ede0c1;}
table.cal-month tr.days td.mod_tijelo_kalendar_danas {background-color:#ede0c1; border:1px solid #ad884d;}
table.cal-month tr.days td:hover {background-color:#ebddc5; border:1px solid #ad884d;}

/* dan u mjesecu */
table.cal-month tr.days td a.mod_tijelo_kalendar_dogadanje, table.cal-month tr.days td a {
        color:#8e2020;
        text-decoration:none;
        background:none;
}

table.cal-month tr.days td a.mod_tijelo_kalendar_dogadanje:hover, table.cal-month tr.days td a:hover {
        font-weight:bold;
}


/* naziv doga�aja u celiji */
table.cal-month tr.days td a.event {
        color:#000000;
        display:block;
        margin-top:4px;
        background-color:#f7eee4;
}

table.cal-month tr.days td a.event {
        font-weight:normal;
}

table.cal-month tr.days td.mod_tijelo_kalendar_prosli a,
table.cal-month tr.days td.mod_tijelo_kalendar_buduci a{
        color:#ba6060;
}
table.cal-month.m-small tr.days td.mod_tijelo_kalendar_prosli,
table.cal-month.m-small tr.days td.mod_tijelo_kalendar_buduci {
        background-color:#e0cca9;
}

div.cal-day {
        font-size:12px;
        border:2px solid #ffffff;
        padding:4px;
}

.cal-show {font-size:11px;}

#sredina div.font-size {
        border:1px solid #dd8637;
        background-color:#ffe7bd;
        padding-bottom:1px;
        padding-top:1px;
        margin-right:7px;
        float:right;
        width:17px;
        text-align:center;
}

#sredina div.font-size a{
        display:block;
        color:#000000;
        font-size:10px;
        font-weight:bold;
        text-decoration:none;
}

#sredina div.font-size:hover {
        background-color:#dd8637;
        border:1px solid #000000;
}

#sredina div.font-size:hover a {
        color:#ffffff;
}