/* CSS Document */
html
{
	margin:0px;
	padding:0px;
	height:100%;
}
body
{
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS",arial,sans-serif;
	font-size:75%;
	color:#595959;
	text-align:center;
	background:url(images/bg.gif) repeat-x #EDEDED;
	height:100%;
}
li a
{
	color: #016AAF;
	text-decoration: none;
}
li a:hover
{
	color: #016AAF;
	text-decoration:underline;
}
a
{
	outline: none;
}
a img
{
	border: none;
	outline: none;
}
#border{
	width:780px;
	padding:0;
	float:left;
	height: auto !important;
	min-height: 400px;
	height: 100%;
	border:solid #E0E0E0;
	border-width: 0px 3px 0px 3px;;
	background: url(images/ban_footer.jpg) no-repeat bottom left #FFFFFF;
	left: 50%;
	margin-left: -390px;
	position: absolute;
	
}
#container{
	width:778px !important;
	width:780px;
	height:100%;
	text-align:left;
	border:solid #C4C4C4;
	border-width:0 1px;
	float: left;
}
#content
{
	height: 100% !important;	
	height: auto;
	float:left;
	margin-left: 35px !important;
	margin-left: 17px;
	
}
/* --------------------------------------------------------------------------- Header */
#header{
	width:100%;
	margin:0px;
	background: url(images/header.jpg) no-repeat left top;
	height:auto;
	float:left;
	background-color:#FFFFFF;
}
#leftside
{
	float:left;
	width: 200px;
}
#logo
{
	background:url(images/logo.jpg) no-repeat left top;
	width:167px;
	height:55px;
	margin-left: 25px;
	float:right;
	border: 0px;
}
#logo img
{
	border: 0px;
	margin:0px;
	padding:0px;
}
#navigationMain
{
	width: 161px;
	height: 180px;
	margin: 0px 6px 0px 0px !important;
	margin: 0px 3px 0px 0px;
	padding:10px 0px 0px 0px;
	float:right;
	background-color:#FFFFFF;
}
#nav
{
	background-color:#FFFFFF;
	width: 161px;
	padding:0px;
	margin:0px;
	list-style: none;
	float:left;
}
h2
{
	font-size: 0.95em;
	margin:0px;
	padding:0px;
}
#nav li
{
	margin:0px;
	padding:0px;
}
#nav li h2, #nav li h2.first {
	list-style: none;
	padding: 4px 0px 4px 18px !important;
	padding: 3px 0px 0px 18px;
	margin: 0px;
	font-family:"Tahoma";
	font-weight:bold;
	letter-spacing:1.1pt;
	border-bottom:1px solid #F8F8F8;
	border-top:1px solid #EFEFEF;
}
#nav li h2.first {border-top:none;}
#nav li h2.last {border-bottom:none;}
#nav li h2 a {	
	padding-left: 23px;
	text-decoration: none;
	background:url(images/listCube.jpg) no-repeat bottom left;
}	

#nav li h2 a:link { color: #0072BC; }
#nav li h2 a:visited { color: #0072BC; }

#nav li h2 a:hover {
	color: #90B900;
	background:url(images/listCube_over.jpg) no-repeat left;
}

#nav li a#current {
}


#rightside
{
	width:250px;
	float: right;
	margin-top:57px;
	margin-right: 0px;
}
#ikonHolder
{
	float:right !important;
	margin-right: 8px !important;
	margin-right: 0px;
	float:left;
	margin-bottom: 10px;
}
#news
{
	float:left;
	background:url(images/bg_news.jpg) no-repeat right bottom;
	height: 140px;
	width: 249px;
	text-align:left;
}
#news p
{
margin: 2px 15px 2px 15px;
}
#news p span, #news p span a
{
	font-size: 0.95em;
	padding:0px;
	margin:0px;
	color:#90B900;
	text-decoration:none;
}
br
{
	height:1px;
}
#ikone
{
	list-style:none;
	margin:0px;
	padding:0px;
}
#ikone li
{
	padding:0px;
	margin:0px 0px 0px 7px;
	float:left;
	border:0px;
}
#ikone li a img
{
	list-style:none;
	border:0px;
	text-decoration:none;
}
#ikone li a:hover 
{ 
	position:relative;
	top:1px;
	left:1px; 
}
#ikone li input
{
	height: 14px;
	width:144px;
	border:2px dotted #E3E3E3;
	padding:0px;
	margin:0px;
	float:left;
	font-size:0.95em;
}
/* --------------------------------------------------------------------------- Content */
#baneri
{
	float: left;
	width: 161px;
	text-align:center;
	margin: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px;
}
#ban, #ban li, #ban li img
{
	list-style:none;
	margin:0px;
	padding:0px;
	border:0px;
}
#ban li
{
	background:url(images/baner_bottom.gif) no-repeat left bottom;
	padding-bottom: 10px;
	padding-top: 10px;
}
h3
{
	font-size:0.8em;
	padding:0px;
	margin:0px;
}
h3 a:link, h3 a:visited, h3 a:active, h3 a:hover
{
	font-weight:normal;
	text-decoration:none;
	color:#666666;
	display:block;
}

h3 a:hover
{
	color:#016AAF;
}
span
{
	color:#016AAF;
	font-size:1.2em;
}
#banFooter
{
	background:url(images/ban_footer.jpg) no-repeat left bottom;
	width: 161px;
	height: 103px;
}
#sadrzaj
{
	width: 486px;
	margin-left: 60px !important;
	margin-left: 55px;
	float: left;
}
h1
{
	font-size:1.2em;
	padding:0px;
	margin:0px 0px 20px 0px;
	color:#016AAF;
	letter-spacing:1.2pt;
	font-style:normal;
	font-weight:normal;
}
#nabrajanje
{
	width: 485px;
	height: 300px;
	background:url(images/bg_nabrajanje.jpg) no-repeat right top;
	padding:0px;
	margin:0px 0px 10px 0px;
	padding: 40px 0px 0px 0px;
}
#nabrajanje li
{
	list-style:none;
	margin:6px 3px 3px 3px;
	padding:0px;
}
#nabrajanje li
{
	background:url(images/Ico_nabrajanje.gif) no-repeat left center;
	text-decoration:none;
	color:#666666;
	padding-left:20px;
	margin-left: 25px;
}
#nabrajanje li a:link, #nabrajanje li a:visited, #nabrajanje li a:hover, #nabrajanje li a:active
{
	background:url(images/Ico_nabrajanje.gif) no-repeat left center;
	text-decoration:none;
	color:#666666;
	padding-left:20px;
}
#nabrajanje li a:hover
{
	text-decoration:underline;
}
/* -------------------------------------------------------------------- gradovi */
h4
{
	font-family:"Tahoma";
	color: #90B900;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:1.1pt;
	line-height: 23px;
	text-align:right;
	float:right;
	margin:0px 2px 0px 0px;
	padding:0px 0px 3px 0px;
}
#sadrzajGradovi
{
	width: 504px;
	height:auto;
	margin: 20px 0px 0px 65px !important;
	margin: 20px 0px 0px 65px;
	float: left;
}
#linkovi
{
	width: 510px;
	margin:0px;
	padding:0px;
	float:left;
	border-top: 1px solid #CCCCCC;
}
#linkovi li
{
	list-style:none;
	display:inline;
	float:left;
	margin:0px;
}
#linkovi li a
{	
	border-left: 1px solid #CCCCCC;
	padding:0px 10px 0px 10px;
	text-decoration: none;
	color:#999999;
}
#linkovi li a:hover
{
	text-decoration: none;
	color:#75AD22;

}
#linkovi li a#first
{
	border:0px;
	padding:0px 10px 0px 10px;
}
/* ------------------------------------------------------------------------- galerija */
#PhotoBig
{
	float:left;
	margin: 0px 0px 0px 30px !important;
	margin: 0px 0px 0px 10px;
}
#PhotoThumb
{
	width: 418px;
	float:left;
	margin: 10px 0px 0px 26px !important;
	margin: 10px 0px 0px 16px;
	background:url(images/bg_gallery.gif) repeat-x left top;
}
#ThumbGallery
{
	width: 100%;
	margin:20px 0px 0px 0px;
	padding:0px;
	text-align:center;
}
#ThumbGallery li
{
	list-style:none;
	float:left;
	display:inline;
	width: 104px;
	margin-bottom: 10px;
}
#ThumbGallery li img
{
	border: none;
}
#ThumbGallery li a img
{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
#ThumbGallery li a:hover img
{
	filter: alpha(opacity=100);
	-moz-opacity: 1.0; 
}

.img-shadow {
	margin: 9px 0px 3px 0px !important;
	margin: 15px 13px 14px 14px; 
	float:left;
	background: url(images/shadow.gif) no-repeat bottom right;
}
.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border-width: 5px 5px 30px 5px !important;
  border-width: 5px 5px 20px 5px;
  border:solid #FFFFFF;
  margin: -4px 4px 4px -4px;
  padding: 4px;
  }
/* ------------------------------------------------------------------------ nastavni program */
#Program
{
	width: 470px;
	float: left;
	margin: 30px 0px 30px 0px;
}
.naslov{
	padding:0px 0px 0px 20px !important;
	padding:0px 0px 0px 20px;
	margin:0px 0px 0px 0px !important;
	margin:30px 0px 30px 0px;
	list-style:none;
	background:url(images/Ico_program_big.gif) no-repeat top left;
	float: left;}
#naslov
{
	width: 440px;
	padding:0px 0px 30px 20px !important;
	padding:0px 0px 0px 20px;
	margin:20px 0px 0px 0px !important;
	margin:30px 0px 30px 0px;
	list-style:none;
	background:url(images/Ico_program_big.gif) no-repeat top left;
	float: right;
}
#naslov li
{
	list-style:none;
	margin:0px 0px 10px 0px;
	padding:0px;
}
#naslov li ul, #naslov li ul li
{
	list-style:none;
	margin: 0px 0px 10px 0px;
	padding:0px;
}
#naslov li ul li ul
{
	padding:0px;
	margin:0px 0px 20px 0px;
	list-style:none;
}
#naslov li ul li ul li
{
	list-style:none;
	background:url(images/Ico_program_small.gif) no-repeat left;
	margin:0px 0px 0px 20px;
	padding:0px 0px 0px 20px;
}
#cjelinaECDL a
{
	color: #016AAF;
	text-decoration:none;
}
#cjelinaECDL a:hover
{
	color: #016AAF;
	text-decoration:underline;
}
#cjelina
{
	margin: 18px 5px 18px 5px !important;
	margin: 12px 5px 12px 5px;
	background:url(images/bg_program.gif) repeat-x left bottom;
	float: right;
	text-align:justify;
}
#cjelinaECDL
{
	margin: 20px 5px 20px 5px;
	padding: 0px 0px 20px 0px;
	background:url(images/bg_program.gif) repeat-x left bottom;
	text-align:justify;
}
#cjelinaECDL #naslov
{
	
}

#cjelina a img
{
	border: none;
	float: right;
	margin: -10px 0px 0px 0px;
	text-align:right;
}
#cjelinaECDL a img {
	margin: 10px 0px 0px 0px !important;	
	margin: -10px 0px 0px 0px;
	border: none;
	float: right;
	}
#popis
{
	width: 440px;
	padding:0px 0px 40px 0px;
	margin:20px 0px 0px 25px;
	list-style:none;
}
#popis li
{
	list-style:none;
	background:url(images/Ico_program_invert.gif) no-repeat left;
	margin:3px 0px 3px 0px;
	padding:0px 0px 0px 20px;
}
#popis li.head
{
	background: none;
	color:#016AAF;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	line-height: 30px;
	text-transform:uppercase;
	font-size:13px;
}
#popis li a
{
	color: #666;
	text-decoration:none;
	text-transform:lowercase;
	font-size: 1.1em;
}
#popis li a:hover
{
	color: #0067A9;
	text-decoration:none;
	text-transform:uppercase;
}
#cjelina img
{
	float: right;
	text-align: right;
}
/* ------------------------------------------------------------------------ novosti */
#Novosti, #NovostiMain
{
	width: 416px;
	float: left;
	margin: 30px 0px 30px 0px;
	width: 510px;
}
#NovostiMain
{
	margin: 0px 0px 30px 0px;
}
#Novosti h5, #NovostiMain h5
{
	color:#89B001;
	margin:20px 0px 0px 0px;
	padding:0px;
	font-size: 1.1em;
	font-style:normal;
	font-weight:normal;
}
#Novosti h6, #NovostiMain h6
{
	color:#C1c1c1;
	margin:0px 0px 6px 0px;
	padding:0px;
	font-size: 0.95em;
	font-style:normal;
	font-weight:normal;
}
#Novosti p, #NovostiMain p
{
	border: 1px solid #DFDFDF;
	border-width:0px 0px 1px 0px;
	padding:0px 20px 30px 0px;
	margin:15px 0px 15px 0px;
}
/* ------------------------------------------------------------------------- search */
#sadrzaj
{
	margin-top:20px;
}
#sadrzaj span
{
	line-height: 40px;
}
#sadrzaj p
{
	padding:0px;
	margin:0px;
	text-align:justify;
}
#sadrzaj p a
{
	color:#999999;
	text-decoration:none;
}
#sadrzaj p a:hover
{
	color:#006BB1;
}
/* ------------------------------------------------------------------------- footer */
#footer
{
	width : 778px !important;
	width : 780px;
	height: 120px;
	color : #999;
	position:relative;
	margin: 0px 0px 0px 0px !important;
	margin: -20px 0px 0px 0px;
	padding: -20px 0px 0px 0px !important;
	padding: -20px 0px 5px 0px;
	float:left;
	border:solid #C4C4C4;
	border-width:0 1px;
	text-align:left;
	bottom: 0px;
}
#footer p
{
	margin-left: 60px;
	margin-top: 30px;
	line-height: 40px;
}
/* ------------------------------------------------------------------------- kontakt */
#kontaktInfo
{
	margin: 0px;
	padding:0px;
}
#kontaktInfo li
{
	list-style: none;
	margin:0px;
	padding:0px;
}
/* -------------------------------------------------------------------------- novosti scroll */
#ticker-container {
        position:relative;
        overflow:hidden;	
		height: 130px;
		text-align:left;
		border:none;
		padding:0px 0px 0px 0px;
		margin:0px;
		float: left;
        }

#ticker {
		position:relative;
		padding:0px;
		float: left;
		margin: 10px 0px 10px 0px;
	}

#ticker ul {
		padding:0px;
		margin:0px;
		list-style-type:none;
		float: left;
	}
#ticker ul li {
       	font-size: 0.8em;
		padding:0px;
		margin:0px 0px 0px 20px !important;
		margin:0px 0px 0px 15px;
		color:#90B900;
		text-decoration:none;
		width: 100%;
		width: 200px;
	}
#ticker ul li:hover {

	}

#ticker ul li a {
        font-size: 1.2em;
		padding:0px;
		margin:0px;
		color:#999;
		text-decoration:none;
		margin: 0px 0px 20px 0px !important;
		margin: 0px;
		float: left;
	}

#ticker ul li a:hover {
        font-size: 1.2em;
		padding:0px;
		margin:0px;
		color:#666;
		text-decoration:none;
	}