body { background:url(../images/header.jpg) no-repeat top center; font:normal 12px Tahoma, Geneva, sans-serif; color:#333}

/* ===== HEADER ===== */
#header h1 { text-indent:-2000px; padding:50px 0 0 22px}
#header h1 a { display:block;  width:200px; height:110px; }

/* ===== CONTENT ===== */
#text { line-height:16px;}
#text h3 { padding-bottom:10px; font:normal 20px Georgia, "Times New Roman", Times, serif; }
#text h4 { padding-bottom:10px; font: normal 14px Georgia, "Times New Roman", Times, serif; font-style:italic }
#text p { padding:5px 0}
#text a { color:#933}
#text a:hover { text-decoration:underline}
#text ul { padding:10px 0 10px 30px; }
#text ul li{ list-style-type:disc}
#text em { color:#666}
#text blockquote { padding:10px 30px;}
#text img { border-color:#CDB49C}

.lijevo { float:left; margin:0 10px 10px 0}
.desno { float:right; margin:0 0 10px 10px}
.clear { clear:both; height:0px; visibility:hidden}

.col { float: left; margin-right: 2%; clear: none; }
.col div { padding: 0;}
.c66 { width: 62%; }
.c50 { width: 46%; }
.c33 { width: 32%; }
.c25 { width: 21%; }
.col.last {margin-right:0}

/* Vijesti */
.vijesti h2, .dogadjaji h2 { font:bold 18px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#976231; border-top:3px solid #976231; border-bottom:1px solid #976231; padding:5px 10px; margin-top:15px; margin-bottom:10px;}
.vijesti { width:330px; float:left}
.vijesti li { display:block; margin-bottom:5px; padding:5px 10px}
.vijesti li.even { background:#f8f4f0; }

.vijesti li a span { color:#a4784e; font:normal 11px Georgia, "Times New Roman", Times, serif}
.vijesti  a:hover strong {color:#663300}
.vijesti li a strong { color:#976231; display:block; padding:5px 0; font:normal 14px Georgia, "Times New Roman", Times, serif}
.vijesti li a p { font-size:11px; color:#333}

/* Dogadjaji */
.dogadjaji { width:170px; float:left; margin-left:15px}
.dogadjaji li { display:block; margin-bottom:5px; padding:5px; border-bottom:1px dotted #976231;}
.dogadjaji li a span { color:#a4784e; font-size:10px}
.dogadjaji li a strong { color:#976231; display:block; padding:5px 0; font-size:11px; color:#a69687}
.dogadjaji  a:hover strong {color:#663300}
.dogadjaji li a p { font-size:11px; color:#666}

/* tabela */
.tabela
{
	font-family:  Tahoma,Geneva,sans-serif;
	font-size: 12px;
	background: #fff;
	margin: 10px 15px 30px 15px;
	width: 96%;
	border-collapse: collapse;
	text-align: left;
}
.tabela th
{
	font-size: 14px;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-weight: normal;
	color: #976231;
	padding: 10px 8px;
	border-bottom: 2px solid #976231;
}
.tabela td
{
	border-bottom: 1px solid #ccc;
	color: #333;
	padding: 6px 8px;
}
.tabela td p, 
.tabela tr p { margin:0; padding:0 !important; }

/* ===== NAVIGATION ===== */
#navigation { padding-bottom:15px;}
#menu { padding-bottom:15px;}
#menu ul{ font-family:Georgia, "Times New Roman", Times, serif; }
#menu a { color:#663300; display:block; padding:5px 0 5px 20px;}
#menu a:hover { color:#3A2F2D; background:#F8F4F0}
#menu li { font-size:14px; font-weight:bold; border-top:1px solid #663300}
#menu li.active { background:url(../images/menu-bg.gif) no-repeat top center; color:#FFF}
#menu li.active a:hover { background:none}
#menu li ul { padding:20px 0 10px 0;}
#menu li li { font-size:12px; font-weight:normal; border-top:1px dotted #663300;}
#menu li li.active { background:#F8F4F0} 
#menu ul ul { display:none}

/* ===== FOOTER ===== */
#footer { background:#f8f4f0; padding:15px; border-top:2px solid #976231}
#footer p { color:#c0a186; font-size:11px;  padding-left:90px; }
#footer strong { font:normal 14px Georgia, "Times New Roman", Times, serif; color:#a08a77;}
.mapa {opacity:0.7; border:1px solid #b38e6b; margin-top:0px}
.mapa:hover {opacity:1}


/* ===== LAYOUT ===== */
#container{width:770px;margin:0 auto}
#header { height:250px;}
#wrapper{float:left;width:100%}
#content{margin: 0 0 0 250px}
#navigation{float:left;width:206px;margin-left:-754px;}
/*#extra{float:left;width:150px;margin-left:-150px}*/
#footer{clear:left;width:740px}
