BODY {
	margin:0px;
	padding: 0px; 
	 
	font-family:Trebuchet MS,Verdana;
	font-size:12px;
	line-height:15px;
	color:#585855;
}

#page {position: relative; margin: 0px auto; padding: 0px; width: 802px;}
#page_site {position: relative; margin: 0px auto; padding: 0px; width: 802px;}

IMG  { border:0; } 
#page IMG {margin: 0px; padding: 0px; line-height: 6px;}
#container IMG {margin: 0px 0px 0px 0px;}
#logo_default {  position:absolute; left:13px; top:10px; width:317px; background: url("images/logo.gif") top right no-repeat; height:97px; z-index:1}
#bgbjel {  position:absolute; display: block; left:-14px; top:155px; right: 5px; width:820px; background: url("images/bgcrta_bjel.jpg") top right ; height:180px; z-index:1}
#bg_content {
	position:absolute;
	display: block;
	left:-9px;
	top:155px;
	background: url("images/bg_content.png") top right; 
	width:812px;
	height:153px;
	z-index:1;
}


P {
	margin-top: 0px;
	margin-bottom: 3px;
	text-align: left; 
}
#p
{
	font-family:Arial, sans serif, Helvetica;
	font-size:11px;
	line-height:16px;
	color:#363636;
	text-decoration:none;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:0px;
}

#footer
{
	margin-top:0px;
	margin-right:0px;
	text-align:left;
	padding-bottom:0px;
	padding-right:0px;
	color:#363636;
	font-size:11px;

}

#top {
	position: absolute;
	top: 35px;
	right: 5px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	background: url("images/banner_picture.jpg") top right no-repeat;
	height: 110px;
	left: -4px;
}

.crte
{
border-bottom: 1px dotted #585855;
}


.menuBlic
{

	margin-right:10px;
	text-align:left;
	padding-left:5px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:5px;
	color:#ffffff;

	font-size:12px;
	width:196px;
	line-height:14px;
}

.menuBlic:link { 
text-decoration: none; 
font-family:Trebuchet MS,Verdana ; 
font-size: 12px; 
color: #669900; 

} 
.menuBlic:visited { 
text-decoration: none; 
font-family: Trebuchet MS,Verdana ; 
font-size: 12px; 
color: #669900; 
} 
.menuBlic:hover { 
text-decoration: none; 
font-family: Trebuchet MS,Verdana ; 
font-size: 12px; 
color: #585855; 
} 
.menuBlic:active { 
text-decoration: none; 
font-size: 12px; 
font-family:Trebuchet MS,Verdana ; 
color: #585855; 
} 

.bannerItem {
	width: 173px;
	margin: 0px;
	padding-top:0px;
	height: 113px;
}



.menu_riht {
	width: 196px;
	margin: 0px;


	padding-bottom:10px;
}

.naslov {
	width: 123px;
	margin: 0px;
	padding: 10px;
	padding-top:5px;
	background: url("images/bgnews.jpg") top right repeat;

}
.NewsItem {
	width: 196px;
	margin: 0px;
	padding: 0px;

	background: url("images/bgnews.jpg") top right repeat;

}

#NewsItem {
	width: 196px;
	margin: 0px;
	padding: 10px;

	background: url("images/bgnews.jpg") top right repeat;
	text-align:left;

}

#top IMG {float: right; margin: 0px; padding: 0px; border: none;}
#top .title2 {position: absolute; margin: 0px; padding: 0px; left: 0px; top: 78px;}

#container, #container #colleft, #container #colright, #container #footer {position: relative; left: 25px;}

#container_1 {
	position:absolute;
	left:0px;
	top:169px;
	width:100%;
	height:180px;
	z-index:1;
	background: url("images/crte.gif");
	display: block; 
}

#podloga_index {position: relative; top: 35px; right: 5px; width: 806px;  margin: 0px; padding: 0px; padding-top: 39px; background: url("images/podloga_index.gif") top right no-repeat; height: 532px; }
#crte-index {
	position: absolute;
	left:25px;
	top:23px;
	width:176px;
	height:454px;
	background: url("images/crte-index.jpg");
}

#slika{
	position: absolute;
	left:79px;
	top:125px;
	width:698px;
	height:276px;
	z-index:1;
	background: url("images/slika_index.gif") no-repeat;
}

#izbornik{
	position: absolute;
	left:79px;
	top:414px;
	padding-top:8px;
	width:680px;
	z-index:1;
	height: 35px;
	background-image: url(images/podloga_menu.jpg);
}

#copyrihgt{
	position: absolute;
	left:25px;
	top:501px;
	width:760px;
	z-index:1;
	height:25px;
	font: 11px Trebuchet MS,Verdana;
	border-top:1px solid;
	border-top-color: #CBD0B9;
	vertical-align:bottom;
	padding-top: 4px;
}

#logo {
	position: absolute;
	left:240px;
	top:32px;
	width:249px;
	height:81px;
	background: url("images/logo_index.gif");
 }
 #adress {
	position: absolute;
	left:469px;
	top:57px;
	width:290px;
	height:62px;
	vertical-align:bottom;
 }
 
  #slideshow {
	position: absolute;
	left:5px;
	top:5px;
	width:657px;
	height:256px;
	z-index:1
 }
 
   #banner_mini {
	position: absolute;
	left:610px;
	background-color:#ffffff;
	
	top:0px;
	width:178px;
	height:115px;
	z-index:1
 }
 
 
 
 
 .menuHor
{

	margin-right:5px;
	text-align:left;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:5px;
	color:#ffffff;
	vertical-align:middle;

	font-size:16px;
	width:196px;
	line-height:14px;
}


 .slika
{

	margin-right:5px;
	text-align:left;
	padding-left:10px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:5px;
	color:#ffffff;
	vertical-align:middle;
height:80px;
	font-size:16px;
	width:196px;
	line-height:14px;
}

.menuHor:link { 
text-decoration: none;  
font-size: 12px; 
color: #669900; 
	font: 12px Trebuchet MS,Verdana;

} 
.menuHor:visited { 
text-decoration: none; 
	font: 12px Trebuchet MS,Verdana;
color: #669900; 
} 
.menuHor:hover { 
text-decoration: none; 
	font: 12px Trebuchet MS,Verdana;
color: #585855; 
} 
.menuHor:active { 
text-decoration: none; 
	font: 12px Trebuchet MS,Verdana;
color: #585855; 
} 
 
#content_site {  position:absolute; left:-6px; top:201px; background: url("images/top_content.png"); width:806px; height:25px; z-index:1}
#top_menu {  position:absolute; padding-top:10px; padding-left:10px; vertical-align:middle; left:0px; top:-40px; background: url("images/top_menu.png"); width:798px; height:36px; z-index:1}

#content_site1 {  position:absolute; left:0px; top:25px; background: url("images/content.png")  bottom repeat; width:806px;  z-index:1}
#content_bottom {  position:absolute; left:-6px; top:388px; background: url("images/content_bottom1.png"); width:806px; height:51px; z-index:1}

#colleft { width: 410px; margin: 0px 0px 0px 0px; }
#colleft .part {margin-left: 5px; margin-right: 5px; text-align:left; margin-bottom:5px;}
#colleft .part p {font: 12px Trebuchet MS,Verdana; color: #515752; line-height: 1.6em; margin: 0px 0px 10px 0px; padding: 0px; text-align: left;}
#colleft .part strong {font: 12px Trebuchet MS,Verdana; color: #000000; line-height: 1.6em; margin: 0px; padding: 0px; text-align: left; font-weight: bold;}
#colleft .colright {display: inline; position: absolute; width: 460px; top: -30px; left: 280px; }

#colright {float: left; width: 350px; top: -30px;}
#colright P { color: #000000;}

#footer { position:relative; float:left; display: block; visibility: visible; width: 770px;  margin: 0px auto; padding: 0px; padding-top: 20px; height: 10px;}

#footer .leftText {
	position: absolute;
	display: block;
	margin: 0px;
	padding: 0px;
	left: 11px;
	padding-top: 6px;
	border-top:1px solid;
	border-top-color: #CBD0B9;
	text-align: center;
	vertical-align: bottom;
	font: 11px Trebuchet MS,Verdana;
	width: 780px;
	top:38px;
}

#footer .rightText {position: absolute; display: block; margin: 0px; padding: 0px; right: 5px; padding-top: 6px; text-align: right; vertical-align: bottom; font: 10px Verdana, Helvetica, sans-serif; color: #000000; letter-spacing: -1px;}

h1 {position: absolute; top: 13px; right: 1px; display: block; width: 160px; height: 120px; margin: 0px; padding: 0px; background:  url("img/logo.jpg") no-repeat;}

h1 SPAN {display: none; margin: 0px; padding: 0px; top: 30px;}

h3 {display: block; font: 15px Trebuchet MS,Verdana; color: #669900; letter-spacing: 1px; margin: 0px; padding: 0px; padding: 0px; font-weight: bold;}

h4 {font: 12px Trebuchet MS,Verdana; color: #91B304; margin: 10px 0px 0px 0px; padding: 0px; font-weight: bold;}
h4 a:link, h4 a:visited {font: 12px Verdana; color: #91B304; margin: 0px; padding: 0px; font-weight: bold; white-space: normal;}
h4 a:hover {text-decoration: underline;}

h5 {display: block;  font: 11px Trebuchet MS,Verdana; color: #FDCA01; margin: 0px; padding: 0px; font-weight: normal;}
h5 a:link, h5 a:visited {font: 11px Trebuchet MS,Verdana; color: #FDCA01; margin: 0px; padding: 0px; font-weight: normal;}
h5 a:hover {text-decoration: underline;}

.NewsItem {float: left; width: 380px;}
.NewsItem .detail {font: 10px Verdana; color: #000000; margin: 0px; padding: 0px; text-align: left; line-height: 1.2em;}
#thumbHome {float: left; background: url("img/bg_news.gif") center center no-repeat; width: 110px; height: 110px;}
#thumbHome IMG { margin: 0px; vertical-align: middle; padding-top: 17px; padding-left: 3px; }


P {font: 11px Trebuchet MS,Verdana; color: #515752; line-height:1.6em; margin: 0px 0px 10px 0px; padding: 0px; text-align: left;}

a:link, a:visited { color: #669900; text-decoration:none; white-space:nowrap; background:  url("img/dotted-line.gif") bottom repeat-x;}
a:hover {color: #585855;}
a.titleBig { font: 14px Trebuchet MS,Verdana; color: #000000; letter-spacing: 2px; line-height: 1.5em; margin: 0px; padding: 0px; padding: 0px; text-transform: uppercase; font-weight: bold;}



/* -- gallery stuff -- */
#wrap 
{
    text-align:center;
	width:100%;
	margin:0 auto;
	position:relative;


}
#main-content UL {
    padding: 5px;



}    
#main-content LI {
	width:170px;
	height:50px;
	/*
    border:solid #CCC;
	border-width: 0px 0px 0px 0px;
    */
    /*-moz-border-radius:20px;*/
	padding: 0px;
	margin: 5px;
	padding-left:5px;
		padding-top:10px;
	background: url("images/slikagall.jpg");
	text-align:center;
	vertical-align:middle;
	position:relative;
	float:left;
	display: inline;
	letter-spacing: normal;
	
}

#main-content a:hover { white-space: normal; }

#main-content  a span{
	position:absolute;
	left:-9999px;

}

#main-content a:hover SPAN {	
	top:5px;
	left:5px;
	width:111px;
	font-weight:bold;
	background:#FFF;
	font: 11px Trebuchet MS,Verdana;
	color:#669900;
	padding:5px 0px 5px 0px;
	text-transform:uppercase;
	border:1px solid #EEE;
	border-width:0px 0px 10px 0px;
	filter: alpha(opacity=90);
	/**/
	-moz-opacity:.9; opacity:.90;
} 


#main-content IMG {
	border:1px solid #EEE;
	padding:0px;
	margin:0px;

    /*
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
    */
}


/* -- gallery stuff -- */







/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
    margin: 0;
    border: 0 none;
    padding: 0;
    width: 165px; /*For KHTML*/
    list-style: none;
    text-transform: none;
}
ul#navmenu li {
    display: block !important; /*For GOOD browsers*/
    display: inline; /*For IE*/
    position: relative;
}
ul#navmenu, ul#navmenu ul {
    padding: 3px 0 5px 0;
}
ul#navmenu {
    margin-left: 8px;
	/*background: #a81000 url(img/bg_menu_btm.gif) no-repeat bottom left;*/
}
ul#navmenu ul {
	/*background: #bf1200 url(img/bg_submenu_btm.gif) no-repeat bottom left;*/
}
/* Root Menu */
ul#navmenu a {
    padding: 4px 5px 4px 10px;
    margin: 0;
    display: block;
 	background: #bf1200 url(images/bgmenu.jpg) no-repeat bottom left;  color: #000;
    font: normal 11px Trebuchet MS,Verdana;
    line-height: 14px;
    letter-spacing: 0px;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/

    border-right: 5px solid #fff;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background:url(images/bgmenu.jpg) no-repeat bottom left; 
    color: #669900;	
    border-right: #EFC895 5px solid;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
background: url(images/bgmenu.jpg) no-repeat bottom left;  
  color: #669900;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background:  url(images/bgmenu.jpg) no-repeat bottom left;    color: #EFC895;
    border-right: #EFC895 5px solid;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
background:  url(images/bgmenu.jpg) no-repeat bottom left;   color: #000;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background:  url(images/bgmenu.jpg) no-repeat bottom left;     color: #EFC895;
    border-right: #EFC895 5px solid;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background:  url(images/bgmenu.jpg) no-repeat bottom left;  color: #000;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: url(images/bgmenu.jpg) no-repeat bottom left;     color: #EFC895;
    border-right: #EFC895 5px solid;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
    display: none;
    position: absolute;
    top: -5px;
    left: 165px;
    z-index: 10;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
    display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
    display: block;
}

/* Root Menu Active Persistence */
#navmenu li.active a {
background: url(images/bgmenu.jpg) no-repeat bottom left;        border-right: #EFC895 5px solid;
}

/* 2nd Menu Active Persistence */
#navmenu ul li.active a {
background: url(images/bgmenu.jpg) no-repeat bottom left;       border-right: #EFC895 5px solid;
}