BODY {
	margin:0px;
	padding: 0px; 

	background:  url("images/bg.gif") repeat-x;
	background-color:#E7EFF5;
	  height: 365px;
	font-family:Arial, sans serif, Helvetica;
	font-size:11px;
	line-height:15px;
	color:#585855;
}

#page {position: relative; margin: 0px auto; padding: 0px; width: 1050px;}
#page_site {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	width: 1050px;
	top: 0px;
	left: 0px;
	height: 760px;
}

IMG  { border:0; } 
#page IMG {margin: 0px; padding: 0px; line-height: 6px;}
#container IMG {margin: 0px 0px 0px 0px;}
.logo {
	position:absolute;
	left:557px;
	top:16px;
    height:48px;
	z-index:1
}

.zahvala {
                color: #FFFFFF;
                padding-top:20px;
                margin-top:20px;
            }

#banner-left {
	position:absolute;
	left:9px;
	top:20px;
	width:458px;
	height:172px;

}
#banner-right {
	position:relative;
	left:478px;
	top:20px;
	width:232px;
	height:172px;
	
}

.boxbody {
	position:absolute;
	font-family: Arial, sans serif, Helvetica;
	margin: 0;
	padding-top:4;
	padding-bottom:4;
	padding-left:10;
	color: #476987;
	text-align:left;
	font-weight: none;
	font-size: 11px;
	left: 23px;
	top: 52px;
	height: 203px;

}

#news {
	position:absolute;
	left:-188px;
	top:295px;
	width:162px;
	height:306px;
	z-index:1;
}

.News {
	position:absolute;
	left:1px;
	top:-42px;
	width:182px;
	z-index:1;
}
#left-menu {
	position:relative;
	left:283px;
	top:241px;
	background: url("images/menu_picture.jpg") no-repeat;
	width:232px;
	height:295px;
	background-color:#E7EEF4;
}
#left-menu1 {
	position:relative;
	left:281px;
	top:539px;
	background: url("images/bg-menubg.gif");
	width:232px;
	height:57px;

}




#list-menuBlue {
width: 180px;
font-family: Arial, sans serif, Helvetica;
font-size: 12px;
font-weight:bold;
margin-left:10px;
padding-left:10px;
line-height:23px;
text-align:left;
text-decoration: none; 
}
#list-menuBlue ul {
margin: 0; 
padding: 0;
list-style-type: none;
} 
#list-menuBlue li {
margin: 0px 0 0;
} 
#list-menuBlue a {
display: block;
width:160px;
padding: 0px 0px 0px 0px;
border-bottom: 1px dotted #d6d6d6;
background: #ffffff;
text-decoration: none;
} 
#list-menuBlue a:link, #list-menuBlue a:active {
color: #689BC8;
}
#list-menuBlue a:visited {
color: #689BC8;
}
#list-menuBlue a:hover {
border-bottom: 1px dotted #d6d6d6;
background: #ffffff;
color: #2B5275;
} 


#content {
	position:absolute;
	left:259px;
	top:336px;
	width:713px;
	height:417px;
	font-family:Arial, sans serif, Helvetica;
	font-size:12px;
}

#txtFields
{
	font-family:Arial, sans serif, Helvetica;
	font-size:11px;
	color:#699BC9;
	width: 155px;
	height:23 px;
	vertical-align: top;
	text-decoration:none;
	padding-left:5px;
	padding-right:0px;
	padding-top:3px;
	padding-bottom:3px;
}

.boxbody2{
font-family:Arial, sans serif, Helvetica;
	margin: 0;
	padding-top:2;
	padding-bottom:2;
	padding-left:10;
	color: #476987; 
	text-align:left;
	font-weight: none; 
	font-size: 11px; 

}
.posalji {
	padding-left:0px;
	padding-right:100px;
	padding-top:5px;
	padding-bottom:0px;
	text-align:left;
	width: 60px;
    height: 32px;
}

#bg_content {
	position:relative;
	font-family:Arial, sans serif, Helvetica;
	font-size:12px;
	left:259px;
	top:127px;
	width:720px;
	z-index:1;
	background: #ffffff;
	height: 210px;
}

.newsTop {
	position:relative;
	left:16px;
	top:207px;
	width:176px;
	height:319px;
}

.naslov_anketa {
	position:relative;
	left:15px;
	top:17px;
	width:176px;
	height:30px;
}

.news {
	position:relative;
	left:0px;
	top:527px;
	width:210px;
	height:18px;
	background: url("images/left-bottom.jpg") no-repeat;
}
.contentCenter
{
	position:relative;
	text-align:left;
	font-family:Arial, sans serif, Helvetica;
	font-size:12px;
	width:726px;
	height:200px;
	background:#FFFFFF;
}
.contentLeft
{
    	font-family:Arial, sans serif, Helvetica;
	font-size:12px;
	position:relative;
	left:0px;
	top:-0px;
	width:200px;
	background:#FFFFFF;
	height: 0px;
}
.bottom_pictures
{
	vertical-align:bottom;
	position:absolute;
	left:0px;
	background: #ffffff url('images/bg-footer.jpg') no-repeat;
	top:0px;
	width:720px;
	height:52px;
	background-color:#FFFFFF;

}


.footer
{
	margin-top:0px;
	margin-right:0px;
	text-align:center;
	padding-bottom:0px;
	padding-right:0px;
	color:#363636;
	font-size:11px;
	background: url(images/bg-footer.jpg) no-repeat;
}
#bg_content_banner {
	position:absolute;
		font-family:Arial, sans serif, Helvetica;
	font-size:12px;
	display: block;
	left:259px;
	top:127px;
	width:720px;
	height:205px;
	z-index:1;
	background-color:#ffffff;
}


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;
}

#bottom
{
	position: absolute;
	top: 379px;
	right: 5px;
	width: 720px;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	background:  url("images/bg-footer.jpg");
	height: 52px;
	left: 0px;

}

#top {
	position: absolute;
	top: 40px;
	right: 71px;
	width: 720px;
	margin: 0px;
	padding: 0px;
	background:  url("images/bg-header.jpg");
	height: 87px;
	left: 259px;
    bottom: 669px;
}
#left-position{
	position: absolute;
	top: 108px;
	right: 792px;
	width: 210px;
	margin: 0px;
	padding: 0px;
	background:  url("images/bg-right.jpg");
	height: 558px;
	left: 48px;
}
#left-position-bottom{
	position: absolute;
	top: 627px;
	right: 5px;
	width: 210px;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	background:  url("images/left-bottom.jpg");
	height: 18px;
	left: -211px;
}


#banner_bg {
	position: absolute;
	top: 127px;
	right: 79px;
	width: 720px;
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	height: 410px;
	left: 251px;
}

#content_bg {
	position: absolute;
		font-family:Arial, sans serif, Helvetica;
	font-size:12px;
	top: 127px;
	right: 5px;
	width: 720px;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	background: #ffffff;
	height: 205px;
	left: 251px;
}


#right_bg {
	position: absolute;
	top: 108px;
	right: 44px;
	width: 20px;
	margin: 0px;
	padding: 0px;
	background: url("images/bg-left.jpg");
	height: 577px;
	right: 50px;
}


.crte_razmak
{
    padding-top:20px;
	padding-left:-5px;
		line-height:14px;
}


.crte
{
    text-align: left;
  	padding-left:0px;
  		line-height:14px;
}

.vijesti
{
    padding-bottom:15px;
}

.text
{
    padding-top:8px;
        padding-bottom:5px;
    padding-left:5px;
	color:#ffffff;
font-family:Arial, sans serif, Helvetica;
	font-size:12px;
	width:192px;
	line-height:14px;
}
.menuBlic
{

	margin-right:10px;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:12px;
	font-weight: bold;
	color:#ffffff;
	font-size:12px;
	width:196px;
}

.menuBlic:link { 
text-decoration: none;
letter-spacing:0; 
font-family:Arial, sans serif, Helvetica;
font-size: 12px; 
color: #ffffff; 

} 
.menuBlic:visited { 
text-decoration: none; 
font-family:Arial, sans serif, Helvetica;
font-size: 12px; 
letter-spacing:0; 
color: #ffffff; 
text-decoration: underline;
} 
.menuBlic:hover { 
text-decoration: none; 
font-family: Arial, sans serif, Helvetica;
font-size: 12px; 
letter-spacing:0; 
color: #585855; 
} 
.menuBlic:active { 
text-decoration: none; 
font-size: 12px; 
font-family:Arial, sans serif, Helvetica;
color: #585855; 
letter-spacing:0; 
text-decoration: underline;
} 


.menuvise
{

	margin-right:10px;
	text-align:left;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:25px;
	color:#ffffff;
text-decoration: underline;
	font-size:12px;
	width:196px;
	line-height:14px;
}

.menuvise:link { 
text-decoration: none; 
font-family:Arial, sans serif, Helvetica;
font-size: 12px; 
color: #2B5275; 
text-decoration: underline;

} 
.menuvise:visited { 
text-decoration: none; 
font-family:Arial, sans serif, Helvetica;
font-size: 12px; 
color: #2B5275; 
text-decoration: underline;
} 
.menuvise:hover { 
text-decoration: none; 
font-family: Arial, sans serif, Helvetica;
font-size: 12px; 
color: #585855; 
} 
.menuvise:active { 
text-decoration: none; 
font-size: 12px; 
font-family:Arial, sans serif, Helvetica;
color: #585855; 
text-decoration: underline;
} 

.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: 10px;

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

}

#top IMG {float: right; margin-top: 10px; margin-right: 15px; padding-top10: 0px; border: none;}
#top .title2 {position: absolute; margin: 0px; padding: 0px; left: 0px; top: 160px;}

#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.png") 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:71px;
	top:120px;
	width:697px;
	height:294px;
	z-index:1;
	background: url("images/slika_index.png");
}

#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 Arial, sans serif, Helvetica;
	border-top:1px solid;
	border-top-color: #CBD0B9;
	vertical-align:bottom;
	padding-top: 4px;
}


 #adress {
	position: absolute;
	left:469px;
	top:57px;
	width:290px;
	height:62px;
	vertical-align:bottom;
 }
 
  #slideshow {
	position: absolute;
	left:9px;
	top:9px;
	width:660px;
	height:257px;
	z-index:1
 }
 
   #banner_mini {
	position: absolute;
	left:610px;
	background-color:#ffffff;
	
	top:0px;
	width:178px;
	height:115px;
	z-index:1
 }
 
    #banner {
	position: absolute;
	left:9px;
	background-color:#ffffff;
	
	top:8px;
	width:802px;
	height:112px;
	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 Arial, sans serif, Helvetica;

} 
.menuHor:visited { 
text-decoration: none; 
	font: 12px Arial, sans serif, Helvetica;
color: #669900; 
} 
.menuHor:hover { 
text-decoration: none; 
	font: 12px Arial, sans serif, Helvetica;
color: #585855; 
} 
.menuHor:active { 
text-decoration: none; 
	font: 12px Arial, sans serif, Helvetica;
color: #585855; 
} 
 
#content_site {  position:absolute; left:-4px; top:206px; background: url("images/top_content.gif") no-repeat; width:806px; height:20px; z-index:1}
#top_menu {  position:absolute; padding-top:8px; padding-left:8px; vertical-align:middle; left:0px; top:-40px; background: url("images/top_menu.gif") no-repeat; width:806px; height:36px; z-index:1}

#content_site1 {  position:absolute; left:0px; background: url("images/content.gif") repeat-y;  top:18px; width:476px;  z-index:1}
#content_bottom {  position:absolute; left:-6px; background: url("images/content_bottom.gif") ;  top:388px; width:806px; height:50px; z-index:1}

#colleft { width: 465px; margin: 0px 0px 0px 0px; }
#colleft .part {margin-left: 10px; margin-right: 0px; text-align:left; margin-bottom:5px;}
#colleft .part p {font: 12px Arial, sans serif, Helvetica; color: #515752; line-height: 1.6em; margin: 0px 0px 10px 0px; padding: 0px; text-align: left;}
#colleft .part strong {font: 12px Arial, sans serif, Helvetica; 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: 479px; top: -30px;}
#colright P { color: #000000;}


#footer {
	position:relative;
	float:left;
	visibility: visible;
	width: 720px;
	margin: 0px auto;
	padding-top: 20px;
	height: 30px;
	top: -9px;
	left: 445px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#footer .leftText {
	position: absolute;
	display: block;
	margin: 0px;
	padding: 0px;
	left: 256px;
	padding-top: 6px;
	text-align: center;
	vertical-align: bottom;
	font: 12px Arial, sans serif, Helvetica;
	width: 711px;
	top:850px;
	height: 23px;
}

#footer .rightText {position: absolute; display: block; margin: 0px; padding: 0px; right: 5px; padding-top: 6px; text-align: right; vertical-align: bottom; font: 12px 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("images/logo.jpg") no-repeat;}

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

h3 {display: block; font: 20px Arial, sans serif, Helvetica; color: #2B5275; letter-spacing: 0px; margin: 0px; padding: 0px; padding: 0px; font-weight: bold;}

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

h5 {display: block;  font: 12px Arial, sans serif, Helvetica; color: #FDCA01; margin: 0px; padding: 0px; font-weight: normal;}
h5 a:link, h5 a:visited {font: 12px Arial, sans serif, Helvetica; color: #FDCA01; margin: 0px; padding: 0px; font-weight: normal;}
h5 a:hover {text-decoration: underline;}

.NewsItem {float: left; width: 380px;}
.NewsItem .detail {font: 10px Arial, sans serif, Helvetica; 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: 12px Arial, sans serif, Helvetica; color: #515752; line-height:1.6em; margin: 0px 0px 10px 0px; padding: 0px; text-align: left;}

a:link, a:visited { color: #689BC8; text-decoration:none; white-space:nowrap; background:  url("img/dotted-line.gif") bottom repeat-x;}
a:hover {color: #2B5275;}
a.titleBig { font: 14px Arial, sans serif, Helvetica; 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:510px;
	height: 290px;
	margin:0 auto;
	padding-top:10px;
	position:relative;
}
#main-content UL {
    padding: 5px;
}    
#main-content LI {
	width:120px;
	height:120px;
	/*
    border:solid #CCC;
	border-width: 0px 0px 0px 0px;
    */
    /*-moz-border-radius:20px;*/
	padding: 3px;
	margin: 5px;
	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:4px;
	left:4px;
	width:120px;
	font-weight:bold;
	background:#FFF;
	font: 12px Verdana;
	color:#000000;
	padding:5px 0px 5px 0px;
	text-transform:uppercase;
	font-size:80%;
	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: uppercase;
}
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 12px Arial, sans serif, Helvetica;
    line-height: 14px;
    letter-spacing: 1px;
    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: -10px;
    left: 166px;
    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;
}