@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------
NULOVANJE
------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {   
    margin:0;  
    padding:0;  
	} 
table {  
    border-collapse:collapse;  
    border-spacing:0;  
	} 
fieldset,img {   
    border:0;  
	} 
address,caption,cite,code,dfn,th,var {  
    font-style:normal;  
    font-weight:normal;  
	} 
ol,ul {  
    list-style:none;  
	} 
caption,th {  
    text-align:left;  
	} 
h1,h2,h3,h4,h5,h6 {  
    font-size:100%;  
    font-weight:normal;  
	} 
q:before,q:after {  
    content:'';  
	} 
abbr,acronym { 
	border:0;  
	}
a, a:hover, a:active {
	text-decoration: none;
	}

/*------------------------------------------------------
GLAVNI
------------------------------------------------------*/

body {
	margin: 0px;
	font: normal 12px Verdana, Geneva, sans-serif;
	color: #333;
}

a, a:active {
	color: #F5712E;
}
a:hover {
	color: #333;
}

/*------------------------------------------------------
ELEMENTI
------------------------------------------------------*/

#zaglavak {
	position: relative;
	left: 0;
	top: 0;
	height: 113px;
	background: url(images/GOLJP-zaglavak-01.gif) no-repeat left;
}
#zaglavak h1 {
	display: none;
}
#jezikHR {
	position: absolute;
	left: 610px;
	width: 35px;
}
#jezikENG {
	position: absolute;
	left: 645px;
	width: 32px;
}
a.button {
	display: block;
	height: 23px;
	width: 32px;
	text-indent: -3000px;
}
a#button1 {
	background: transparent url(images/GOLJP-hr.gif) no-repeat scroll 0 0;
}
a:hover#button1 {
	background: transparent url(images/GOLJP-hr-over.gif) no-repeat scroll 0 0;
}
a#button2 {
	background: transparent url(images/GOLJP-eng.gif) no-repeat scroll 0 0;
}
a:hover#button2 {
	background: transparent url(images/GOLJP-eng-over.gif) no-repeat scroll 0 0;
}



#hNavig {
	position: relative;
	left: 0;
	top: 0;
	padding: 7px 0 0 5px;
	height: 21px;
	border-top: solid 3px #F5712E;
	background: #006289;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
}
#hNavig ul li {
	padding: 7px 5px 6px 5px;
	display:  inline;
	list-style-type: none;
	margin-right: 5px;
}
#hNavig a, #hNavig .active a:hover {
	color: #FFF;
}
#hNavig a:hover {
	color: #F5712E;
}
#hNavig .active {
	background-color: #F5712E;
}



#cont03 {
	float: left;
	padding: 10px 0 10px 0;
	width: 1000px;
	min-height: 400px;
	overflow: hidden;
	position: relative;
}
/*\*/
* html #cont03 {
	height: 400px;
	}
/**/
#cont02 {
	float: left;
	width: 1000px;
	border-right: solid 1px #999;
	position: relative;
	right: 320px;
}
#cont01 {
	float: left;
	width: 1000px;
	border-right: solid 1px #999;
	position: relative;
	right: 510px;
}


#lNavig {
	float: left;
	width: 150px;
	padding: 0 10px 0 10px;
	font: bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	position: relative;
	left: 830px;
}
#lNavig a {
	background-color: #CCE0E7;
	border-bottom: 2px solid #FFF;
	display: block;
	color: #000;
	padding: 3px;
	width: 142px;
}
#lNavig ul .active a, #lNavig a:hover {
	display: block;
	background-color: #E7F3F7;
	color: #F5712E;
	width: 142px;
}
#lNavig ul ul a, #lNavig ul .active ul a {
	margin: 0;
	background-color: #FFF;
	border-bottom: 2px solid #FFF;
	display: block;
	color: #000;
	padding: 3px 3px 3px 15px;
	width: 130px;
}
#lNavig ul ul .active a, #lNavig ul ul a:hover {
	margin: 0;
	background-color: #FFF;
	border-bottom: 2px solid #FFF;
	display: block;
	color: #F5712E;
	padding: 3px 3px 3px 15px;
	width: 130px;
}



#sadrzaj {
	float: left;
	width: 490px;
	padding: 0 20px 0 10px;
	font: normal 11px Verdana, Geneva, sans-serif;
	color: #333;
	position: relative;
	left: 830px;
}
#sadrzaj h1 {
	margin-top: 5px;
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F5712E;
}
#sadrzaj h2 {
	margin-top: 5px;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666;
}


#breadcrumb {
	font: normal 11px Verdana, Geneva, sans-serif;
	color: #006289;
	padding-bottom: 10px;
}
.B_crumbBox a, .B_crumbBox a:visited {
	color: #006289;
	text-decoration: underline;
	}



#dodatniSadrz {
	float: left;
	width: 300px;
	position: relative;
	left: 830px;
}
#dodatniSadrz p {
	padding: 0 10px 5px 10px;
	font: normal 11px Verdana, Geneva, sans-serif;
}
#dodatniSadrz h1 {
	width: 280px;
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
	background-color: #CCE0E7;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
}
#dodatniSadrz h2 {
	margin-top: 5px;
	padding: 0 10px 5px 10px;
	font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F5712E;
}
#dodatniSadrz h3 a {
	padding: 5px;
	margin: 5px;
	font: normal 12px Verdana, Geneva, sans-serif;
	color: #C30;
}
#dodatniSadrz h4 a {
	padding: 5px;
	margin: 5px;
	font: normal 14px Verdana, Geneva, sans-serif;
	color: #36C;
}
#dodatniSadrz h5 a {
	padding: 5px;
	margin: 5px;
	font: normal 16px Verdana, Geneva, sans-serif;
	color: #093;
}
#dodatniSadrz h6 a {
	padding: 5px;
	margin: 5px;
	font: normal 12px Verdana, Geneva, sans-serif;
	color: #93C;
}
#dodatniSadrz td {
	padding: 10px;
}



#fotoNasl {
	padding: 0;
	margin: 0;
	vertical-align: top;
}
#fotoNasl p {
	padding: 0;
	margin: 0;
	vertical-align: top;
}



#dno {
	clear: left;
	height: 17px;
	padding: 4px 0 4px 10px;
	background-color: #006289;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
}