/* CSS Document */

body{
margin:0;
padding:0;
border:0;
background:#000;
font:12px "Trebuchet MS";
color:#000;
}

#wrapper{
width:838px;
margin:0 auto;
background:#fff;
border:5px solid #fff;
}

#header{
background:#fff url('../img/header.jpg') no-repeat top left;
width:838px;
padding-top:202px;
position:relative;
font:15px "Trebuchet MS";
display: block;
}
#headerNaslov {
	background: url('../img/banner_animated_1.gif') no-repeat top left;
	width: 838px;
	height: 24px;
	display: block;
	top: 0;
	}

#content{
background:url('../img/content_bg.gif') repeat-y top left;
width:838px;
overflow:auto;
}

#content_nav{
width:335px;
width:245px;
float:left;
}

#content_main{
width:470px;
width:560px;
padding-left:20px;
float:left;
}

#footer{
background:#000;
color:#fff;
width:838px;
margin:0 auto;
font:11px "Trebuchet MS";
}

h1{
visibility:hidden;
}

h2{
color:#000;
font:24px "Trebuchet MS";
padding:0;
margin:6px 0;
margin-bottom:15px;
}

#content_nav h2{
font:18px "Trebuchet MS";
border-bottom:1px dotted #000;
}

h3{
font:bold 14px "Trebuchet MS";
}

p{
color:#000;
font:12px "Trebuchet MS";
padding:0;
margin:15px 2px;
line-height:1.7em;
}

a:link{color:#000;}

a:visited{color:#000;}

a:hover, a:active{text-decoration:none;}

a:focus{outline:none;}

a img{border:0;}

a.bijelo{color:#fff;}

dl{}

dt{
font-weight:bold;
margin-top:10px;
}

dd{
margin:0 5px;
margin-bottom:10px;
}


#header ul{
margin:0 0 15px 0;
padding:5px 0;
background:#000;
width:838px;
}

#header ul li{
list-style:none;
display:inline;
padding:0;
margin:0 7px;
}

#header ul li a{
padding:0;
text-decoration:none;
color:#fff;
}

#header ul li a:hover{
color:#666;
color:#c00;
}

/* 



 */

#footer ul{
margin:10px 0;
padding:0;
}

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

#footer ul li a:link, #footer ul li a:visited{text-decoration:none; border-right:1px solid #fff; padding:0 5px; color:#fff;}

#footer ul li a:visited{color:#999;}

#footer ul li a:hover, #footer ul li a:active{text-decoration:underline;}










#calendar{
border:1px solid #B9B9B9;
width:215px;
padding:5px;
font:11px "Trebuchet MS";
color:#aaa;
}

#calendar table{
width:100%;
border-collapse:collapse;
}

#calendar table tr.month{
background:#000;
color:#ccc;
padding:5px 0;
}

#calendar table tr.month th{
border:1px solid #999;
}

#calendar table thead th{
padding:5px 0;
}

#calendar table th.thCal{
background:#ccc;
width:14%;
border:1px solid #999;
color:#333;
}

#calendar table tbody td{
text-align:center;
border:1px solid #B9B9B9;
}


/*
	calendar links
*/
#calendar a{ display:block; text-decoration:none; }

#calendar thead a:link{ color:#fff; }

#calendar thead a:hover{ color:#ccc; }

#calendar tbody a:link{ color:#000; }

#calendar tbody a:visited{ color:#000; }

#calendar tbody a:hover{ background:#343434; color:#fff; }

#calendar table a.today { color:#AF2029; }


/*

TABLE STYLES

*/


table.dogadanja{
border-collapse:collapse;
margin:10px 0;
}

table.dogadanja th{
border:1px solid #333;
background:#666;
color:#fff;
}


table.dogadanja tbody th{
vertical-align:top;
text-align:right;
padding:10px;
background:#ccc;
color:#000;
}

table.dogadanja td{
border:1px solid #333;
padding:8px;
vertical-align:top;
}

table.dogadanja ul{
margin:0;
padding:0 0 0 15px;
}

table.dogadanja ul li{
margin:0;
padding:0;
}



/*


*/

#kontejner{
padding: 20px 0;
}

#kontejner .header { 
font-weight:bold; 
cursor:pointer;
margin:5px 0;
}

#kontejner .details { 
display:none; 
visibility:hidden; 
border:1px dashed #999;
font-family: Verdana; 
padding:10px;
margin-top:3px;
margin-bottom:15px;
}
#popupBody {
	background: #ffffff;
	margin: 15px;
	}
.zupanija {
	font-weight: bold;
	}
.fontTable {
	font-size: 12px;
	}
.fontTable1 {
	font-size: 11px;
	}
.slikaPopup {
	width: 300px;
	height: 225px;
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
	}