HTML, BODY {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

BODY {
	margin: 0;
	background: #D83508 url(../graphics/col1/back.gif) repeat-y 50% 0%;
}

A, A.visited, A.active {
	color: #666;
	text-decoration: none;
}
A:hover {
	color: #000;
	text-decoration: none;
}

DIV#container {
	width: 800px;
	margin: 0 auto;
}

DIV#header {
	height: 190px;
	background: #fff url(../graphics/col1/header_back.gif) repeat-y 0 0;
	width: 800px;
}

DIV#header H1, DIV#header H2, DIV#header H3{
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
	text-indent: -2000px;
}
DIV#header H1 {
	height: 54px;
	width: 230px;
	top: 85px;
	background: transparent url(../graphics/col1/header_h1.gif) no-repeat 100% 0;
}
DIV#header H2 {
	height: 64px;
	width: 230px;
	top: 18px;
	background: transparent url(../graphics/col1/header_h2.gif) no-repeat 100% 0;
}
DIV#header H3 {
	height: 54px;
	width: 250px;
	top: 85px;
	margin-left: 270px;
	background: transparent url(../graphics/col1/header_h3.gif) no-repeat 0 0;
}
DIV#header H3#opcipodaci {
	background-image: url(../graphics/col1/header_h3.gif);
}
DIV#header H3#povijest {
	background-image: url(../graphics/col1/header_h3_3.gif);
}
DIV#header H3#postav {
	background-image: url(../graphics/col1/header_h3_4.gif);
}
DIV#header H3#aktivnosti {
	background-image: url(../graphics/col1/header_h3_5.gif);
}
DIV#header DIV {
	float: right;
	width: 79px;
	height: 79px;
	margin: 70px 20px 0 0;
	background: transparent url(../graphics/col1/pecat.gif) no-repeat 0 0;
}

DIV#header H1 SPAN, DIV#header H2 SPAN, DIV#header H3 SPAN{
	display: none;
}

DIV#menu {
	width: 250px;
	height: 330px;
	float: left;
}

DIV#menu DIV {
	float: right;
}

DIV#main {
	width: 550px;
	background-color: #fff;
	float: right;
	margin: 0;
}
DIV#main H3 {
	margin: 0;
	padding-left: 20px;
	font-size: 20px;
	color: #333;
}
DIV#main DIV {
	padding: 0 20px;
	font-size: 11px;
	color: #666;
	line-height: 110%;
}
DIV#main DIV P {
	margin-bottom: 40px;
}

DIV#footer {
	clear: both;
	height: 40px;
	width: 800px;
}

DIV#footer DIV {
	padding: 10px 0 0 250px;
	color: #F5CCC1;
	font-size: 10px;
}

DIV.clear {
	clear: both;
}

/* =nav (fancy šmenci navigacija)
---------------------------*/
UL#nav {
	margin: 0;
	padding: 0;
}
UL#nav LI {
	float: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 65px;
	height: 65px;
}

UL#nav LI A,
UL#nav LI A:visited {
	padding: 5px;
	padding-top: 15px;
	display: block;
	height: 45px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	text-indent: -2000px;
	background-position: -65px 0;
}
UL#nav LI A:hover,
UL#nav LI A:active {
	background-position: 0 0 !important;
}

UL#nav LI#li1 A{
	background-image: url(../graphics/col1/li1.gif);
}
UL#nav LI#li2 A{
	background-image: url(../graphics/col1/li2.gif);
}
UL#nav LI#li3 A{
	background-image: url(../graphics/col1/li3.gif);
}
UL#nav LI#li4 A{
	background-image: url(../graphics/col1/li4.gif);
}
UL#nav LI#li5 A{
	background-image: url(../graphics/col1/li5.gif);
}
UL#nav LI#eli1 A{
	background-image: url(../graphics/col1/eli1.gif);
}
UL#nav LI#eli2 A{
	background-image: url(../graphics/col1/eli2.gif);
}
UL#nav LI#eli3 A{
	background-image: url(../graphics/col1/eli3.gif);
}
UL#nav LI#eli4 A{
	background-image: url(../graphics/col1/eli4.gif);
}
UL#nav LI#eli5 A{
	background-image: url(../graphics/col1/eli5.gif);
}

/*dizajn time*/
SPAN.Title {
	color: #d20000;
	font-size: 12px;
}