/* CSS Document -------------------------------------------------------------------------------------------------------------------*/
/* 
smeda - #926A4A
plava - #9EAED0
siva - #E2E2E2
*/
body {
margin:0px;
padding:0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height: 130%;
color:#333333;
background-color: #E2E2E2;
}


img { border: 0px; }

a{ 
text-decoration:none;
color:#000000;
font-weight:none;
}
a:hover {
text-decoration:underline;
}

p {
margin: 0px 0 10px 0;
}
#ocisti {
clear:both;
}
#container{
margin: 0px auto;
width:770px;
padding-left:15px;
padding-right:15px;
background-color:#FFFFFF;
}
/* HEADER -------------------------------------------------------------------------------------------------*/
#header {
margin-bottom:2px;
}
#content {
width:770px;
}
#footer {
background:#ffffff url(../webgrafika/footer.jpg) no-repeat left top;
height:91px;
position:relative;
border-top: 1px solid #e2e2e2;
}
#footer_opis {
position:absolute;
color:#666666;
text-align:right;
right:0px;
top:5px;
}
#footer_opis p {
margin:0px;
}
/* MENU -------------------------------------------------------------------------------------------------*/
.menu1{
font-weight:bold;
font-size:12px;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
}

.menu1 ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border-width: 1px 0;
height:30px;
background-color:#9EAED0;
}

.menu1 ul li{
display: inline;
}

.menu1 ul li a{
float: left;
color: #ffffff; /*text color*/
margin: 3px 0;
padding: 5px 12px;
text-decoration: none;
}

.menu1 ul li a:visited{
color: #ffffff;
}

.menu1 ul li a:hover, .menu1 ul li .current{
color: #33559D !important; /*text color of selected and active item*/
padding-top: 5px; /*shift text down 1px for selected and active item*/
padding-bottom: 5px; /*shift text down 1px for selected and active item*/
background-color: #9EAED0;
text-decoration: none;
}
/* MENU 2 -------------------------------------------------------------------------------------------------------------------*/
.menu2{
	width: 225px; /*width of menu*/
	padding:0px;
	margin:0px;
}

.menu2 ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.menu2 li a{
	font-size:15px;
	font-weight:normal;
	display: block;
	padding: 10px 0 10px 10px;
	line-height:115%;
	text-decoration: none;
	color:#9EAED0;
	border-bottom:1px solid #E2E2E2;
}	
	
.menu2 li a:link, .arrowgreen li a:visited {
	color: #9EAED0;
}

.menu2 li a:hover{
	color: #926A4A;
	text-decoration: none;
}

	
.menu2 li a.selected{
	color: #926A4A;
}

/* NASLOVNICA TRI KOLUMNE----------------------------------------------------------------------------------------------------------*/
#nask_container {
	position:static;
}
#nask_okvir{
float: left;
width: 100%;
}

#nask_glavna{
margin-right: 450px; /*Margina za glavnu kolumnu (Desna width + lijeva width)*/

}

#nask_lijeva{
float: left;
width: 230px; /*Veličina lijeve kolumne u pixelima*/
margin-left: -450px; /*Stavi marginu na ' -(lijeva width + desna width)' */
}

#nask_desna{
float: left;
width: 220px; /*Veličina desne kolumne u pixelima*/
margin-left: -220px; /*Stavimarginu na '-nask_desna width'*/
}
/* NASLOVNICA TEXT----------------------------------------------------------------------------------------------------------*/
.nas_baner {
margin-top:2px;
position:relative;
height:162px;
}
.nas_baner_natpis {
left:20px;
bottom:0px;
width:180px;
height:100px;
position:absolute;
background-color:#28321E;
line-height:110%;
text-align:center;
padding:5px;
font-weight:bold;
font-size:26px;
color:#FFFFFF;
z-index:1;
}
.nas_baner_link {
position:absolute;
left:150px;
bottom:0px;
z-index:2;
bottom:6px;
}
.nas_baner_link a {
color:#FFFFFF;
font-size:15px;
}
.nas_naziv {
padding:20px 0 0 0;
color:#926A4A;
font-size:18px;
font-weight:bold;
}
.nas_naziv a {
color:#926A4A;
font-size:18px;
font-weight:bold;
}
.nas_okvir10desno {
padding-right:10px;
}
.nas_okvir10desno2 {
padding-top:20px;
padding-right:10px;
}
.nas_krajpraznina {
height:15px;
}
.nas_crta {
margin:20px 0 10px 0;
}
.nas_vise {
margin:10px 0 10px 0;
}
#naslj_okvir{
clear:both;
margin:20px 0px;
text-align:center;
}
#naslj_slika {
float:left;
}
#naslj_naziv {
padding-left:75px;
text-align:left;
font-weight:bold;
}
#naslj_naziv a {
color:#333333;
}
#naslj_uvod {
padding-left:75px;
text-align:left;
}


/* TEXT dvije KOLUMNE------------------------------------------------------------------------------------*/
#textk_okvir{
float: left;
width: 100%;
}

#textk_glavna{
margin-left: 255px; /*Set left margin to LeftColumnWidth*/
}

#textk_lijeva{
float: left;
width: 255px; /*Width of left column*/
margin-left: -770px; /*Set left margin to -(MainContainerWidth)*/
}
/* TEXT ------------------------------------------------------------------------------------*/
.text_okvir {
padding: 0 0 10px 15px;
}
.text_okvir2 {
padding: 7px 15px 10px 15px;
}
.text_trag {
font-size:11px;
}
.text_naziv {
margin-top:15px;
font-size:20px;
color:#926A4A;
line-height:150%;
}
.text_uvod {
margin-top:15px;
text-align:justify;
}
.text_slika {
margin-top:15px;
text-align:center;
}
.text_text {
margin-top:15px;
text-align:justify;
}
.text_text a {
color: #9EAED0;
}
.text_text a:hover {
}
.text_prilog {
margin-top:15px;
}
.text_prilog a {
color:#926A4A;
font-weight:bold;
}
.text_prilog a:hover {
color:#926A4A;
}
#text_kontaktforma {
margin-top:15px;
cursor:pointer;
}
#text_kontaktforma a {
border:1px solid #E2E2E2;
padding:3px 5px;
background-color:#9EAED0;
color:#FFFFFF;
font-weight:bold;
}
#text_kontaktforma a:hover {
background-color:#ffffff;
color:#9EAED0;
font-weight:bold;
text-decoration:none;
}
.text_opis {
margin-top:15px;
color:#926A4A;
font-weight:bold;
}
#nasljednici_okvir{
clear:both;
margin:15px 0px;
text-align:center;
}
#nasljednici_slika {
float:left;
}
#nasljednici_naziv {
padding-left:75px;
text-align:left;
font-weight:bold;
}
#nasljednici_naziv a {
color:#333333;
}
#nasljednici_uvod {
padding-left:75px;
text-align:left;
}

/* DOLJE YUI----------------------------------------------------------------------------------------------------------*/
#kontaktforma {
float:right;
font-weight:bold;
color:#9EAED0;
cursor:pointer;
}
#kontaktforma:hover {
text-decoration:underline;
}
#pokazi_mapuweba {
float:right;
font-weight:bold;
color:#9EAED0;
cursor:pointer;
}
#pokazi_mapuweba:hover {
text-decoration:underline;
}
#footer_izmedju {
padding: 0px 5px;
float:right;
}
/* YUI----------------------------------------------------------------------------------------------------------*/
#myPanel.yui-panel {
border:0px solid #9EAED0;
}
#myPanel.yui-panel .bd {
	overflow:hidden;
	padding:4px;
	color:#9EAED0;
	border:1px solid #9EAED0;
	background-color:#FFFfff;
}
#myPanel.yui-panel .bd a:hover {
	color: #9EAED0;
	text-decoration:underline;
}
#myPanel.yui-panel .hd {
	background:#9EAED0;
	border:1px solid #9EAED0;
	color:#ffffff;
}
#myPanel.yui-panel .ft {
	background:#ffffff;
	border:0px solid #9EAED0;
}
#dialog1.yui-panel {
border:0px solid #9EAED0;
}
#dialog1.yui-panel .bd {
	overflow:hidden;
	padding:4px;
	color:#000000;
	border:1px solid #9EAED0;
	background-color:#FFFfff;
}
#dialog1.yui-panel .bd a:hover {
	color: #000000;
	text-decoration:underline;
}
#dialog1.yui-panel .hd {
	background:#9EAED0;
	border:1px solid #9EAED0;
	color:#ffffff;
}
#dialog1.yui-panel .ft {
	background:#ffffff;
	border-left:1px solid #9EAED0;
	border-right:1px solid #9EAED0;
	border-bottom:1px solid #9EAED0;
	padding:10px;
	margin:0px;
	color:#363813;
}
#dialog1.yui-panel input, #dialog1.yui-panel textarea {
background-color:#E2E2E2;
margin-top:3px;
border:0px;
color:#000000;
padding:3px;
}

#dialog1.yui-panel button {
background:#9EAED0;
border:1px solid #9EAED0;
color:#ffffff;
padding:3px 5px;
margin:0px 3px;
}

#dialog1.yui-panel button:hover {
background:#ffffff;
color:#9EAED0;
cursor:pointer;
}