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

body {
	font-family:Segoe UI;
	background-color:#ffffff;
	background-image:url(../images/bg.png);
	background-attachment:fixed;
	background-position:bottom;
	background-repeat:repeat-x;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* DIV IDs */

#main {
	margin:0 auto;
	width:900px;
	height:auto;
	background-attachment: fixed;
}

#header_content{
	background-image:url(../images/page_header.png);
	width:900px;
	height:200px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #656565;
	border-right-color: #656565;
	border-bottom-color: #656565;
	border-left-color: #656565;
}

/* meni */
#meni_navigation {
	display:block;
	float:inherit;
	font-family:Segoe UI;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:30px;
	line-height:normal;
	text-align:center;
	width:795px;
	position:static;
	border-top: #656565 1px solid;
	border-bottom: #656565 1px solid;
	border-left: #656565 1px solid;
	border-right: #656565 1px solid;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left:105px;
	/* :: zaobljeni robovi (samo FF) ::
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-right-radius:8px;
	-webkit-border-top-left-radius:8px;
	*/
}

#meni_navigation .activeNavItem A {
	text-decoration:none;
	color:#52a3d2;
}

#meni_navigation .activeNavItem A:visited {
	text-decoration:none;
	color:#52a3d2;
}

#meni_navigation ul {
	display:inline;
	margin:0 auto;
	padding:0px;
}

#meni_navigation li {
	float:left;
	color:#FFFFFF;
	height:30px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0px;
	width:auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	clear: none;
}

#meni_navigation a {
	font-size:22px;
	color:#000000;
	display:block;
	line-height:30px;
	margin:0px;
	padding:0px;
	text-decoration:none;
}

#meni_navigation a:hover {
	text-decoration:underline;
	color:#52a3d2;
}

#meni_navigation a:active {
	text-decoration:none;
	color:#7b7b7b;
}

/* content */

#content{
	padding:10px;
	width:880px;
	height:auto;
	text-align:left;
	border-top: #656565 10px solid;
	border-bottom: #656565 1px solid;
	border-left: #656565 1px solid;
	border-right: #656565 1px solid;
}

#content_ins{
	width:100%;
	height:auto;
	text-align:left;
	padding-bottom:20px;
	position: relative;
	display: block;

}

#downspace{
	width:100%;
	height:auto;
	text-align:center;
	margin:0 auto;
	padding-top:10px;
	clear:both;
}

#content_la{ /*content left align (contact)*/
	text-align:left;
	clear: both;
	padding-bottom:20px;
	padding-top:20px;
	margin:0 auto;
	height:auto;
	width:400px;
}

#under_navigator{
	width:100%;
	height:15px;
	background-color:#666666;
}

#dot_x700{
	height:1px;
	width:800px;
	background-image:url(../images/dot.png);
	background-repeat:repeat-x;
	margin:0 auto;
	margin-top:20px;
}

#dot_x400{
	height:auto;
	width:500px;
	background-image:url(../images/dot.png);
	background-position:bottom;
	background-repeat:repeat-x;
	margin:auto;
	text-align:center;
	margin-bottom:20px;
	padding-bottom:0px;
}

#dot_y200{
	height:200px;
	width:1px;
	background-image:url(../images/dot.png);
	background-repeat:repeat-y;
}

#text_boxR{
	display:block;
	position:static;
	width:240px;
	height:auto;
	float:right;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
}

#text_boxL{
	display:inherit;
	position:static;
	width:560px;
	height:auto;
	float:left;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	clear: right;
}

#alert{
	width:auto;
	height:auto;
	margin-left:20px;
	margin-right:20px;
	background-color:#f7c4c4;
	border: #7c0000 1px solid;
	padding:10px;
}

#bannersOp{
	width:240px;
	height:70px;
	margin-bottom:5px;
}


/******************************** MENNU #2 ************************/

#newNavBar{
	width:500px;
	height:25px;
	display:inline;
	float:none;
	font-family:Segoe UI;
	position:static;
	background-image:url(../images/newNavBar.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

#newNavBar .activeNavItem A {
	background-image:url(../images/navBarActBt.png);
	font-size:15px;
	text-decoration:none;
	color:#4d4d4d;
	width:160px;
	border-right:#5a5a5a 3px solid;
}

#newNavBar .activeNavItem A:visited {
	background-image:url(../images/navBarActBt.png);
	font-size:15px;
	text-decoration:none;
	color:#4d4d4d;
	width:160px;
}

#newNavBar A:hover {
	font-size:15px;
	text-decoration:none;
	color:#4d4d4d;
	width:160px;
}

#newNavBar ul {
	display:inline;
	margin:0 auto;
	padding:0px;
	width:160px;
}

#newNavBar li {
	float:left;
	color:#FFFFFF;
	height:25px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	border-left:#5a5a5a 1px solid;
	width:160px;
}

#newNavBar a {
	border-top:#5a5a5a 1px solid;
	background-image:url(../images/navBarBt.png);
	font-size:14px;
	color:#000000;
	display:block;
	line-height:30px;
	margin:0px;
	text-decoration:none;
	width:160px;
	border-right:#5a5a5a 1px solid;
	text-align:center;
}

/********************************/

#contentNewArea{
	margin-top:10px;
	margin:0 auto;
	height:auto;
}

/********* Vertikalni menu *******/
#border{
	border-bottom:#5a5a5a 1px solid;
	border-top:#5a5a5a 1px solid;
	border-left:#5a5a5a 1px solid;
}
#newMenuBar{
	width:180px;
	height:22px;
	float:left;
	display:table-column;
	padding-bottom:8px;
	padding-left:8px;
	font-family:Segoe UI;
	text-align:center;
	position:static;
	font-size:13px;
	text-align:left;
}

#newMenuBar a {
	background-color:#c8d5e2;
	font-size:13px;
	color:#000000;
	display:inline-block;
	line-height:30px;
	margin:0px;
	padding-left:8px;
	text-decoration:none;
	outline:dotted #000000;

}

#newMenuBar A:hover{
	color:#4d4d4d;
	font-size:13px;
	text-decoration:underline;
	padding-left:8px;
}

#newMenuBar .activeNavItem2 A {
	background-image:url(../images/menuBarActBt.png);
	font-size:13px;
	text-decoration:none;
	color:#4d4d4d;
	border-left:#5a5a5a 1px solid;
	border-bottom:#5a5a5a 1px solid;
	border-top:#5a5a5a 1px solid;
}

/**********************************************************************/
#itemNewArea{
	width:560px;
	height:auto;
	float:right;
	clear:both;
}

/*** IMAGE ****/
#image{
	width:209px;
	height:auto;
	margin-top:15px;
	padding-bottom:6px;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
	background-color:#a7d4ec;
	border-top: #599cd4 1px solid;
	border-bottom: #599cd4 1px solid;
	border-left: #599cd4 1px solid;
	border-right: #599cd4 1px solid;
}

#imageH{
	width:314px;
	height:auto;
	margin-top:15px;
	padding-bottom:6px;
	padding-left:6px;
	padding-right:6px;
	padding-top:6px;
	background-color:#a7d4ec;
	border-top: #599cd4 1px solid;
	border-bottom: #599cd4 1px solid;
	border-left: #599cd4 1px solid;
	border-right: #599cd4 1px solid;
}

#image_frame{
	width:auto;
	height:auto;
	float:right;
	margin-left:20px;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* CSS Style - CLASSES */

FONT.style1{
	font-family:Segoe UI;
	font-size:13px;
	font-style:normal;
	color:#5b5b5b;
	text-align:center;
	font-variant:normal;
	font-stretch:normal;
	font-weight:normal;
}

FONT.small{
	font-family:Segoe UI;
	font-size:10px;
	font-style:normal;
	color:#5b5b5b;
	text-align:center;
	font-variant:normal;
	font-stretch:normal;
	font-weight:normal;
}

FONT.content_title{
	font-family:Segoe UI;
	font-size:xx-large;
	color:#5b5b5b;
	font-style:inherit;
	text-align:center;
	font-variant:normal;
	font-stretch:normal;
	font-weight:normal;	
}

FONT.content{
	font-family:Segoe UI;
	font-size:15px;
	color:#5b5b5b;
	font-style:inherit;
	text-align:center;
	font-style:normal;
	font-variant:normal;
	font-stretch:normal;
	font-weight:normal;
}

FONT.alert{
	font-family:Segoe UI;
	font-size:15px;
	color:#FFFFFF;
	font-style:inherit;
	text-align:center;
}

FONT.content_title2{
	font-family:Segoe UI;
	font-size:xx-large;
	color:#3a3a3a;
	font-style:inherit;
	text-align:center;
	font-style:normal;
	font-variant:normal;
	font-stretch:normal;
	font-weight:normal;
}

.alert H2{
	font-family:Segoe UI;
	color:#FFFFFF;
	font-style:inherit;
	text-align:center;
}

/* LINK style 1 */
a:link{
	text-decoration: none;
	color:#008cdb;
}
a:visited{
	text-decoration: none;
	color:#008cdb;
}
a:hover{
	text-decoration: underline;
	color:#666666;
}
a:active{
	text-decoration: none;
}

/* LINK style 2 */

p.second a:link{
	text-decoration:underline;
	color:#656565;
}
p.second a:visited{
	text-decoration:underline;
	color:#656565;
}
p.second a:hover{
	text-decoration:none;
	color:#52a3d2;
}
p.second a:active{
	text-decoration:none;
	color:#52a3d2;
}

ul.aktualno{
	font-size:22px;
}

ul.medium_title{
	font-size:19px;
}

.text_boxR{
	color:#52a3d2;
	font-size:24px;
	font-family:Segoe UI;
	text-align:center;
}

.text_boxR H2{
	color:#fecb7b;
	font-family:Segoe UI;
	font-style:inherit;
	text-align:center;
}

.text_boxR a:link{
	text-decoration: none;
	color:#c1e9ff;
}

.text_boxR a:visited{
	text-decoration: none;
	color:#c1e9ff;
}

.text_boxR a:hover{
	text-decoration: underline;
	color:#666666;
}

font.newTitle{
	text-align:left;
	font-size:15px;
	font:bold;
	color:#3b3b3b;
}

.itemNewArea{
	ext-align:left;
	font-size:14px;
}

.bannersOp:hover{
	background-color:#d9e7ef;
	border: #52a3d2 1px solid;
}

.bannersOp{
	border: #b4d7ff 1px solid;
}