﻿html { height:100%; min-height:100%}
body 
{
	Height:100%; min-height:100%;
	margin:0px auto;
	font-family: Trebuchet MS;
	font-size:62.5%;
	color:#000;
	background: url('../images/bg_fade.jpg') repeat-x #BFBCAD; 
	}
	
DIV, TABLE, TD, P, INPUT, TEXTAREA, H1, H2, H3, H4, H5, H6, UL, LI
{
	font-family:Trebuchet MS;
	font-weight:normal;
	margin:0px;
	font-size:1.06em;
	}	


TABLE{padding:0px;}
TD {vertical-align:top;}


/* default link */
A:link, A:visited
{
	color:#4B82C1;
	font-size:1em;
	text-decoration:underline;
	}
	
A:hover
{
	text-decoration:none;
	}

#MainFrame
{
	background:url(../images/bg_framePage.jpg) repeat-y;
	width:955px;
	height:100%;
	min-height:100%;
	margin:0px auto;
		visibility: hidden;
	}
	
#header
{
	background:url(../images/header.jpg) no-repeat;
	height:188px;
	width:955px;
	margin:0px auto;
	border:0px solid red;
	}

#header #logoFrame
	{
		/*jer IE6/7 nezna bez bgcolor postaviti z-index */
		background-color:#fff; 
		filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
		/*-end-*/
		cursor:pointer;
		margin:30px 0px 0px 30px;
		height:150px;
		width:230px;
		position:absolute;
		z-index:20;
		}

#header #search
{
	padding:60px 50px 0px 0px;
	text-align:right;
	}

#header #search FORM {margin:0px}


#header #search DIV
{
	padding-right:21px;	
	font-size:0.9em;
	}

#header #search .TraziInput
{
	font-weight:bold;
	background:#fff;
	filter:alpha(opacity=65);-moz-opacity:.65; opacity:.65;
	width:190px;
	font-size:1em;
	border:1px solid #fff;
	}
#header #search .TraziInput:hover {border:1px solid #A29662;}
	
#header #search P
{
	padding-top:60px;
	font-weight:bold;
	font-size:1em;
	}
	

#contentArea
{

	}

	

#contentArea #Top
{
	background:url(../images/contentAreaTop.jpg) no-repeat top;
	height:45px;
	border:0px solid red;
	}

#contentArea  #Content /*default*/
{
	float:left;
	clear:none;
	width:620px;
	border:0px solid red;
	padding:0px 15px;
	font-size:1.1em;
	}	


#Bottom
{
	height:18px;
	width:955px;
	background:url(../images/contentAreaBottom.gif) left bottom no-repeat;
}	
	
#contentArea  #MeniArea
{
margin-left:21px;
	width:241px;
	float:left;
	clear:right;
	border:0px solid blue;
	/*min-height:100%;*/
	}


#Meni TABLE
{
	width:100%;
	}

#Meni TD 
{
	width:15px; 
	vertical-align:middle; 
	background:url(../images/bgmenilightDark.gif); 
	border-right:2px solid #EEEADE;
	border-bottom:2px solid #EEEADE;
	}
#Meni TD IMG {float:left;clear:right; margin:8px 0px; margin-right:8px;}
	

#Meni .MeniActive /*stavka menija*/
{
	text-decoration:none;
	font-size:1.2em;
	color:#7B5900;
	height:35px;
	padding:3px;
	width:202px;
	background: url(../images/bgmeni.gif);	
	cursor:pointer;
	}
#Meni .MeniActive:hover
{
	background:url(../images/bgmeniLightDark.gif); 
	cursor:pointer;
	color:#4B82C1;
	}

#Meni .NormalClass /*odabrana stavka menija*/
{
	text-decoration:none;
	font-size:1.2em;
	color:#4B82C1;
	height:35px;
	padding:3px;
	width:202px;
	background: url(../images/bgmeniLightDark.gif);	
	cursor:pointer;
	}
#Meni .NormalClass:hover
{
	background:url(../images/bgmeni.gif); 
	cursor:pointer;
	}


#Meni .NormalSubClass /*stavka PODmenija*/
{
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	color:#7B5900;
	height:20px;
	padding:3px;
	padding-left:30px;
	width:100%;
	background: url(../images/bgmeni.gif);	
	cursor:pointer;
	}
#Meni .NormalSubClass:hover
{
	background:url(../images/bgmeniLightDark.gif); 
	cursor:pointer;
	color:#4B82C1;
	}


#Meni .ActiveSubClass /*odabrana stavka PODmenija*/
{
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	color:#4B82C1;
	height:20px;
	padding:3px;
	padding-left:30px;
	width:100%;
	background: url(../images/bgmeniLightDark.gif);	
	cursor:pointer;
	}
#Meni .ActiveSubClass:hover
{
	background:url(../images/bgmeni.gif); 
	cursor:pointer;
	color:#7B5900;
	}

Meni .tdmeni_Sub 
{	
	height:20px;
	padding:3px;
	font-size:0.9em;
	width:202px;
	padding-left:25px;
	background: url(../images/bgmeni.gif);
	}
Meni .tdmeni_Sub:hover
{
	background:url(../images/bgmeniLightDark.gif); 
	cursor:pointer;
	}



#AnketaArea
{	margin:10px 0px;
	}

#AnketaArea H1 /*pitanje*/
	{
		margin:15px 0px;
		color:#4B82C1;
		font-size:1.15em;
		}

#AnketaArea TABLE
{
	width:100%;
	}

#AnketaArea  TD 
{
	width:15px; 
	vertical-align:middle; background:url(../images/bgmeni.gif); 
	border-right:2px solid #EEEADE;
	}

#AnketaArea .tdmeni 
{	
	padding:3px;
	width:202px;
	padding:0px 5px;
	}

#AnswerTBL, #AnswerTBL TD
{
	border:0px;
	background:url(); 
	font-size:1.06em;
	text-align:left;
	}

#AnswerTBL TD 
{
	padding:4px 2px;}

#AnswerTBL .Answer
	{
		width:100%;
		margin: 8px 0px;
		font-size:0.8em;
		
		}

#AnswerTBL TR:hover{color:#B9B089;}
		
#AnswerTBL INPUT
{
	margin:0px 3px 0px 3px;
	float:left;
	clear:right;
	cursor:pointer;
	}

#AnketaArea #VoteButton 
{
	margin:13px 0px;
	text-align:center;}	
	
#AnketaArea #VoteButton INPUT
{
	color:#4B82C1;
	border: 0px;
	background-color:Transparent;
	font-size:0.9em;
	cursor:pointer;
		}
	
#AnketaArea #Footer
{
	margin:13px 0px;
	text-align:center;
	font-size:0.8em;}	


#contentArea #Copyright
{
	margin:20px 0px;
	text-align:center;
	color: #BEBCAD;
	font-size:0.82em;
	}


#Copyright A.Copyright:link, A.Copyright:visited
{
	font-size:1.02em;
	color:#BEBCAD;
	text-decoration:underline;
		}
		
#Copyright A.Copyright:hover
{
	text-decoration:none;
	}

/*
#4B82C1 - plavo
#B9B089 - smeđe
#5D9627 - zeleno
*/

#TopNews
{
	height:170px;
	margin: 0px 0px 20px 0px;
	font-size:1em;
	}
		
#TopNews IMG
	{
		border:3px solid #A29662;
		float:left;
		margin:0px 5px 5px 0px;
		cursor:pointer;
		background:#EEEADE;
		}		
		
#TopNews IMG:hover 
{
	border:3px solid #EEEADE;
	}
				
#TopNews H1 /*naslov */
{
	font-size:1.3em;
	color:#4B82C1;
	}		


#TopNews H2 /*NadNaslov */
{
	font-size:1.1em;
	color:#5D9627;
	text-align:left;
	}		
	
#TopNews H3 /*PodNaslov || Datum */
{
	font-size:1.0em;
	color:#4B82C1;
	}		


#TopNews A.TopNews:link, A.TopNews:visited
{
	font-size:1.3em;
	font-weight:normal;
	color:#4B82C1;
	text-decoration:none;
		}	

#TopNews A.TopNews:hover
	{
		color:#5D9627;
		}
		
		
#vise
{
	padding-right:10px;
	text-align:right;
	}


#vise A.vise:link, A.vise:visited	 
{
	font-size:0.9em;
	font-weight:normal;
	color:#B9B089;
	text-decoration:none;
	}
	
#vise A.vise:hover	 
{
	text-decoration:underline;
	}	
	
	
	
#NewsList
{
	float:left;
	clear:right;
	width:300px; /*322 pava širina */
	padding:0px 10px 0px 0px;
	text-align:left;
	font-size:0.9em;
	}	

#NewsList DIV 
{
	margin:10px 0px 10px 0px;
	clear:both;
	}

#NewsList IMG
	{
		border:3px solid #A29662;
		float:left;
		margin: 3px 5px 3px 0px;
		cursor:pointer;
		background:#EEEADE;
		}

#NewsList IMG:hover
	{
		border:3px solid #EEEADE;
		}
				
#NewsList H1 /*naslov */
{
	color:#4B82C1;
	text-align:left;
	}

#NewsList A.NewsList:link, A.NewsList:visited
{
	font-size:1.1em;
	font-weight:normal;
	color:#4B82C1;
	text-decoration:none;
		}	

#NewsList A.NewsList:hover
{
		color:#5D9627;
		}
	
#NewsList H2 /*NadNaslov */
{
	font-size:1.0em;
	color:#5D9627;
	text-align:left;
	}		
	
#NewsList H3 /*PodNaslov || Datum */
{
	font-size:0.9em;
	color:#4B82C1;
	}
	

#SearchList TABLE {margin:3px;}
#SearchList TD {vertical-align:middle; padding:2px 10px 2px 0px;}
#SearchList  P {font-size:0.9em;}
#SearchList SPAN {color:#4B82C1;padding-left:5px;}

#SearchList H1
{
	color:#4B82C1;
	text-align:left;
	font-size:1.06em;
	margin-bottom:0px;
	}

#SearchList A.SearchList:link, A.SearchList:visited
{
	font-size:1.1em;
	font-weight:normal;
	color:#4B82C1;
	text-decoration:none;
		}	

#SearchList A.SearchList:hover
{
		color:#5D9627;
		}

#SearchList H2 
{
	font-size:1.0em;
	color:#5D9627;
	text-align:left;
	}	

#SearchList H3 /*PodNaslov || Datum */
{
	font-size:0.9em;
	color:#4B82C1;
	}
	
.clear		
{
	clear:both;
	}

	
#AboutCentar
{
	float:right;
	clear:right;
	width:300px;
	border:0px solid black;
	font-size:1em;
	text-align:justify;
	padding:0px 0px 0px 10px;
	}	

#AboutCentar UL
{
	margin:10px 0px 0px -40px;
	color:#4B82C1;
	font-size:1.1em; 
	font-weight:bold;
	list-style-type:none;}

#AboutCenter LI {		}
	
.clear		
{
	clear:both;
	}
	
.vezano
{
	margin:0px 0px 5px 0px;
	padding:0px 2px;
	background-image:url(../images/bg_vezano.gif);
	font-size:1em;
	color:#B9B089;
	}
	
#NavigationBar
{
	border:0px solid red;
	margin: 0px 40px 0px 270px;
	padding: 10px 0px;
	font-size:0.9em;
	color:#A29662;
	}	
#NavigationBar SPAN
	{
		color:#4B82C1;
		}
	
A.Navigation:link, A.Navigation:visited
{
	color: #A29662;
	text-decoration:none;
	}	

A.Navigation:hover
{
	color: #4B82C1;
	text-decoration:underline;
	}
	

#PageLisiting
{
	margin:0px;
	padding: 5px 0px;
	font-size:1em;
	color:#A29662;
	text-align:center;
	}	
	
#PageLisiting SPAN
	{
		color:#4B82C1;
		}
	
A.PageLisiting:link, A.PageLisiting:visited
{
	color: #A29662;
	text-decoration:none;
	}	

A.PageLisiting:hover
{
	color: #4B82C1;
	text-decoration:none;
	}

	
/* content */
#contentArea  #CMSContent  /*page, news...*/
{
	float:left;
	clear:none;
	width:620px;
	border:0px solid red;
	padding:0px 15px;
	font-size:1.1em;
	line-height:1.5;
	}


#GalerijaSlika /*glavni za galeriju*/
{
margin:10px 5px 5px 5px;
clear:both;
	}

#GalerijaSlika .IMGGalerija 
	{
		border:1px solid #A29662;
		margin-right: 2px;
		padding:5px;
		}
		
#GalerijaSlika .IMGGalerija:hover
	{
	cursor:pointer;
	border:1px solid #EEEADE;}
						

#ArhivaDokumenata /*glavni za galeriju*/
{
margin:10px 5px 5px 5px;
clear:both;
	}

#ArhivaDokumenata UL
{
	font-size:1em;
	list-style-type:none;
	margin-left:0px;
	}

#ArhivaDokumenata A.ArhivaDokumenata:link, A.ArhivaDokumenata:visited
{	font-size:0.8em;
	text-decoration:none;}
		
#ArhivaDokumenata A.ArhivaDokumenata:hover
{	font-size:0.8em;
	text-decoration:underline;}
		
	
#CMSContent H1 /* Title */
{
	font-size:1.5em;
	color:#4B82C1;
	margin: 0px 2px 20px 0px;
	}	

#CMSContent H2 /* shortContent */
{
	font-size:0.9em;
	margin: -20px 2px 20px 0px;
	}

#CMSContent H3 /*NadNaslov = TopNews H2*/
{
	font-size:1.15em;
	color:#5D9627;
	text-align:left;
	}	

#CMSContent .MaliZeleniPodnaslov
{
	font-size:0.8em;
	color:#5D9627;
	}
	
#CMSContent .MaliPlaviPodnaslov
{
	font-size:0.8em;
	color:#4B82C1;
	}	

#CMSContent .ZeleniPodnaslov /*NadNaslov = TopNews H2*/
{
	font-size:1.15em;
	color:#5D9627;
	text-align:left;
	}	

#CMSContent .PlaviPodnaslov /*NadNaslov = TopNews H2*/
{
	font-size:1.15em;
	color:#4B82C1;
	text-align:left;
	}

#CMSContent H4 /*Datum */
{
	font-size:1.0em;
	color:#4B82C1;
	}

#CMSContent P
{
	margin: 10px 0px 0px 0px;
	}
	
#CMSContent UL
{
	margin:10px 0px 10px -20px;
	font-size:1em; 
	font-weight:bold;
	list-style-position:outside;
	}

#CMSContent  LI 
{	
	margin-left:20px;
		}		

#CMSContent #Print
{
	text-align:right;
	clear:both;
	}

#CMSContent .obrubSlike
{
		border:1px solid #A29662;
		background:#EEEADE;}
	
#CMSContent #Print IMG 
{
	border:0px;
	background-color:Transparent;
	cursor:pointer;}	


#PrintFooter
{
	text-align:center;
	margin:45px 0px 0px 0px;
	}
	
	
#ContactForm TD {padding:3px;font-size:0.9em}
	
#ContactForm FORM
{
	margin:0px}

#ContactForm INPUT, TEXTAREA, SELECT
{
	/*width:190px;*/
	font-size:0.9em;
	border:1px solid #E4E1D4;
	margin-right:3px;
	}
#ContactForm TEXTAREA{width:300px}
#ContactForm INPUT:hover, #ContactForm TEXTAREA:hover {border:1px solid #A29662;}	
#ContactForm chckBox {
	width:5px;
}
#ContactForm .button
{
	color:#4B82C1;
	border:0px;
	width:50px;
	background-color:Transparent;
	font-size:0.9em;
	cursor:pointer;
	margin:10px 5px 0px 0px;
		}
#ContactForm .button:hover{border:0px solid}		

#lang
{
	color:#BEC4C6;
	margin:0px 0px 5px 0px;
	border:0px solid red;
}

#lang A, #lang A:visited
{
	color:#7B5900;
	text-decoration:none;
}

#lang A:hover
{
	color:#4B82C1;
}
