@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
img{
	border:0px;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(../graphics/global-bg.gif);
	margin:0;
	padding:0;
	height:100%;
	width:auto;
	text-align:center;

}
A{
	color:#9d0040;
	font-family:tahoma;
	font-size:11px;
	text-decoration:none;
}
A:hover{
	font-family:tahoma;
	font-size:11px;
	color:#9d0040;
	text-decoration:underline;
}
#bg{
	background:url(../graphics/bg.gif) repeat-x;*
	font-size:0px;
	
}
#holder_level0{
	width:833px;
	height:722px;
	vertical-align:top;
	font-size:0px;
	margin:0 auto;
	text-align:left;
	padding: 60px 0px 0px 0px;
	min-height:100px;
	
	
}




/******************************************************************/
/********************  LEFT CONTAINER  ****************************/
/******************************************************************/
#left_container{
	width:244px;
	height:722px;
	float:left;
	padding:0px;
	margin:0px 0px 0px 0px;
	font-size:0px;
	
}
/******************************************************************/
#top_element00{
	background-image:url(../graphics/left-bg-00.gif);
	height:7px;
	margin:0px 0px 0px 0px;
	font-size:0px;
	
}
#left_middle_level0{
	background-color:#fdfdf2;
	height:728px;
	width:244px;
	margin:0px 0px 0px 0px;
	background:url(../graphics/left-bg-11.gif) repeat-y;
	font-size:0px;
}
#bottoim_element01{
	background-image:url(../graphics/left-bg-01.gif);
	height:7px;
	width:244px;
	margin:0px 0px 0px 0px;
	font-size:0px;
}
/******************************************************************/
#logo_holder{
	font-size:0px;
	padding:30px 0px 0px 56px;
	margin:0px;
}
#logo_sr{
	font-size:0px;
	background-image:url(../graphics/logo.jpg);
	background-repeat:no-repeat;
	width:128px;
	height:169px;
}
#logo_en{
	font-size:0px;
	background-image:url(../graphics/logo-en.jpg);
	background-repeat:no-repeat;
	width:128px;
	height:169px;
}
#logo_mg{
	font-size:0px;
	background-image:url(../graphics/logo-mg.jpg);
	width:128px;
	height:169px;
}

#logo_mg_single{
	font-size:0px;
	background-image:url(../graphics/logo-mg-single.jpg);
	width:128px;
	height:169px;
}

#logo_sr_single{
	font-size:0px;
	background-image:url(../graphics/logo-single.jpg);
	background-repeat:no-repeat;
	width:128px;
	height:169px;
}
#logo_en_single{
	font-size:0px;
	background-image:url(../graphics/logo-en-single.jpg);
	background-repeat:no-repeat;
	width:128px;
	height:169px;
}
#menu_holder{
	height:265px;
	margin:0px;
	padding:0px;
	font-size:0px;
	z-index: 0;
}
#swf_menu{
	width:245;
	padding-top:10px;
	z-index: 0;
}

#menu{
	padding:0px;
	margin:0px 0px 0px 0px;
	text-align:left;
	list-style-type:none;
	width:400px;
}
#menu li{
	height:20px;
	padding:0px 0px 0px 0px ;
	margin:0px 5px 0px 0px ;
	display:inline;
	

}
.green{
	color:#858682;
	font-weight:bold;
	text-decoration: none;
	white-space:nowrap;
	background-position: 0px 0px;
	background:url(../graphics/arrow-small-over.gif) no-repeat;
}
.green:hover{
	white-space:nowrap;
	color:#85ad12;
	font-weight:bold;
	text-decoration: none;
	background:url(../graphics/arrow-small-over.gif) no-repeat;
}
#green_active{
	white-space:nowrap;
	color:#85ad12;
	font-weight:bold;
	text-decoration: none;
	background-position: 0px 0px;
	background:url(../graphics/arrow-small-over.gif) no-repeat;
}
.blue{
	white-space:nowrap;
	color:#858682;
	font-weight:bold;
	text-decoration: none;
	background-position: 0px 0px;
	background:url(../graphics/arrow-small-over.gif) no-repeat;
}
.blue:hover{
	white-space:nowrap;
	color:#6a91bb;
	font-weight:bold;
	text-decoration: none;
	background:url(../graphics/arrow-small-over.gif) no-repeat;
}
#blue_active{
	white-space:nowrap;
	color:#6a91bb;
	font-weight:bold;
	text-decoration: none;
	background-position: 0px 0px;
	background:url(../graphics/arrow-small-over.gif) no-repeat;
}
.read{
	color:#858682;
	font-weight:bold;
	text-decoration: none;
	white-space:nowrap;
	background-position: 0px 0px;
	background:url(../graphics/arrow-small-over.gif) no-repeat;
}
.read:hover{
	white-space:nowrap;
	color:#9d0040;
	font-weight:bold;
	text-decoration: none;
	background:url(../graphics/arrow-small-over.gif) no-repeat;
}
#read_active{
	white-space:nowrap;
	color:#9d0040;
	font-weight:bold;
	text-decoration: none;
	background-position: 0px 0px;
	background:url(../graphics/arrow-small-over.gif) no-repeat;
}
#active{
	white-space:nowrap;
	color:#85ad12;
	font-weight:bold;
	text-decoration: none;
	background-position: 0px 0px;
	background:url(../graphics/arrow-small-over.gif) no-repeat;
	
}


#apple_holder{
	font-size:0px;
	width:224px;
	height:266px;
	margin-left:12px;
	/*margin-right:12px;*/
	
	
}
#apple{
	width:219px;
	height:266px;
	font-size:0px;
	margin-right:12px;
}
/******************************************************************/
/********************  right CONTAINER  ***************************/
/******************************************************************/
#right_container{
	width:589px;
	height:742px;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:0px;
	
	
}
/******************************************************************/

#left_shadow{
	background-image:url(../graphics/middle-shadow.gif);
	/*background-image:url(../graphics/left-shadow.gif);*/
	background-repeat:repeat-y;
	width:12px;
	height:740px;
	margin:0px 0px 0px 0px;
	border-bottom:#8d2727 1px solid;
	border-top:#8d2727 1px solid;
	float:left;
	font-size:11px;
	
	
}
#right_container00{
	float:right;
	
	width:577px;
	height:740px;
	margin:0px 0px 0px 0px;
	font-size:0px;
	
}
#right_top{
	background-image:url(../graphics/right-bg-00.gif);
	background-repeat:no-repeat;
	height:8px;
	width:577px;
	margin:0px 0px 0px 0px;
	display:block;
	font-size:0px;
}
#right_middle_level0{
	background:url(../graphics/right-bg-11.gif) repeat-y;
	background-color:#f5f0d5;
	height:710px;
	margin:0px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	/*display:block;*/
	font-size:0px;
	z-index: 0;
	position: relative;
}
	/*  +  __________*/
		#swf_holder{
			/*background-image:url(../graphics/swf.jpg);*/
			width:560px;
			height:232px;
			background-repeat:no-repeat;
			margin:0px 0px 0px 0px;
			/*display:block;*/
			font-size:0px;
			position: relative;
			z-index: 1;
		}
		#submenu_search_holder{
			width:560px;
			height:21px;
			margin:10px 0px 0px 0px;
			font-size:0px;
			
			
		}
		#submenu{
			float:left;
			width:45px;
			height:21px;
			display:block;
			margin:0px 0px 0px 0px; 
		}
		.submenu_link{
			color:#616161;
			font-size:12px;
			text-decoration:none;
			font-weight:bold;
		}
		.submenu_link:hover{
			color:#616161;
			font-size:12px;
			text-decoration:underline;
			font-weight:bold;
		}
		#search{
			width:150px;
			height:21px;
			text-align:right;
			vertical-align:baselane;
			float:right;
			display:block; 
			
		}
		.search_elemnrt00{
			background-image:url(../graphics/search-element00.gif);
			background-repeat:no-repeat;
			width:6px;
			height:21px;
			margin:1px 0px 0px 0px;
			padding:1px 0px 0px 0px;
		}
		.search_input{
			background-color:#f5f0d5; /*lowering the font will cose a wite bg, first color the bg then image over it*/
			background-image:url(../graphics/input-bg.gif);
			background-repeat:repeat-x;
			width:100px;
			height:21px;
			border:0px;
			padding-top : 2px; 	/*lower the font*/
			margin-top: 1px;	/*lower the font*/
			font-family:tahoma;
			font-size:11px;
			color:#999999;
			vertical-align: middle;
			background-position: center top;
		}
		.search_button{
			background-image:url(../graphics/button-bg.gif);
			background-repeat:no-repeat;
			width:40px;
			height:21px;
			border:0px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
		.form{
			margin:0px;
			padding:0px;
			background:#f5f0d5;
		}
		
	
	
#right_bottom{
	background-image:url(../graphics/right-bg-01.gif);
	background-repeat:no-repeat;
	height:24px;
	width:577px;
	margin:0px 0px 0px 0px;
	display:block;
	z-index: 9999;
}
/* font style */
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#9d0040;
	text-decoration:underline;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9d0040;
	text-decoration:none;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#5b5a56;
	text-decoration:none;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#484343;
	text-decoration:none;
}
.black_title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	vertical-align:top;
}
.dark_gray_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#484545;
	text-decoration:none;
}
.lite_gray_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7f7f7f;
	text-decoration:none;
}
A.morenews{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#5b5a56;
	text-decoration:none;
}
A.morenews:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#5b5a56;
	text-decoration:none;
}
A.bluelink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#326fa9;
	text-decoration:none;
}
A.bluelink:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#326fa9;
	text-decoration:underline;
}
.text_container{
	color:#686868;
	margin:6px 3px 7px 12px;
	font-size:11px;
	padding:0px;
}
#page_block{
	height:447px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
/*txt graphic separators*/
#h_line{
	background:url(../graphics/h-line.gif) no-repeat;
	height:1px;
	width:520px;
	margin:0px 0px 0px 0px;

}
#h_line_small{
	background:url(../graphics/h-line-small.gif) no-repeat;
	height:1px;
	width:255px;
	vertical-align:bottom;
	margin:5px 0px 8px 0px;
	display:block;
}
#v_line_small{
	background:url(../graphics/v-line-smal.gif) no-repeat;
	background-position:center;
	height:190px;
	width:1px;
	vertical-align:bottom;
	padding:0px 10px 0px 10px;
	display:block;
}
#left_box{
	float:left;
	width:255px;
	margin:0px 0px 0px 0px;
	display:block;
}
#right_box{
	float:right;
	width:277px;
	margin:0px 0px 0px 0px;
	display:block;
}
#calc{
	float:left;
	margin-right:5px;
	height:48px;
	width:34px;
	margin:0px 0px 0px 0px;
	display:block;
}
A.redlink{
	font-family:tahoma;
	font-size:10px;
	color:#9d0040;
	text-decoration:none;
}
A.redlink:hover{
	font-family:tahoma;
	font-size:10px;
	color:#9d0040;
	text-decoration:underline;
}
#red_invirement{
	font-family:tahoma;
	font-size:10px;
	color:#9d0040;
	padding:5px 0px 0px 25px;
}
A.graylink{
	font-family:tahoma;
	font-size:10px;
	color:#858682;
	text-decoration:none;
}
A.graylink{
	font-family:tahoma;
	font-size:10px;
	color:#858682;
	text-decoration:underline;
}

p{
	margin:7px 0px 0px 0px;
	font-size:11px;
}
TD, b, div, i, li, span, .default{
	font-size:11px;
}
.float_left{
	float:left;
}
.float_right{
	float:right;
}
.title_font_14{
	font-size:14px;
	color:#373737;
	font-weight:bold;
}
.date_font_14{
	margin-left:5px;	
	font-size:12px;
	color:#7b2315;
	font-weight:bold;
}
#h_dot{
	
	background-image:url(../graphics/h_dot.gif);
	background-repeat:repeat-x;
	height:1px;
	width:526px;
	vertical-align:middle;
	margin:6px 0px 6px 0px;
	display:block;
}
#h_dot_white{
	
	background-image:url(../graphics/h_dot_white.gif);
	background-repeat:repeat-x;
	height:1px;
	width:100%px;
	vertical-align:middle;
	margin:10px 0px 10px 0px;
	display:block;
}
#gray_line{
	height:1px;
	width:546px;
	vertical-align:middle;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#bfbcac;
	
}
#white_top{
	background-image:url(../graphics/white-top.gif);
	height:19px;
}
#white_middle{
	background-color:#FFFFFF;
	padding:0px 8px 0px 8px;
}
#white_bottom{
	background-image:url(../graphics/white-bottom.gif);
	height:19px;
}
.reference{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:3px 0px 0px 0px;
	font-weight:bold;
}
.proizvodi{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;

}
.blue_font{
	color:#2a629e;
}
/* scroll div*/
#div1{
	width:546px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}



.scroll_bar{
	float:right; 
	width:16px; 
	height:390px;
	background-color:#ffffff;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.scroll {
	float:left;
	width:553px;
	height:403px;
	overflow: hidden;
	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
}
.scroll_content{
	width:525px;
	height:403px;
	
}/***** Galerija *****/#gallery {		padding: 10px;		font-size:14px;		font-weight:bold;		color:#96959d;		line-height:22px;		background:transparent url(../images/line.png) no-repeat 140px 35px;		min-height:90%;	}
#gallery a {		font-size:14px;		color:#96959d;		font-family:Arial;		line-height:26px;}



/**** Alati ****/
body#alati{
	background:#f5f3de url(../graphics/gb_alati.jpg) no-repeat center top;

}

div#bg_alati {
	padding-top:57px;
	width:622px;
	margin:0 auto;
}
div#bg_alati h1 {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#545353;
	line-height:16px;
	padding-bottom:57px;
	margin:0;
	text-decoration:none;
	text-transform:uppercase;
}
div#bg_alati ul {
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
}
div#bg_alati ul li {
	display:block;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	width:145px;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	color:#373737;
	line-height:24px;
}
div#bg_alati ul li img {
	display:block;
	background:#fff;
	padding:3px;
	border:solid 2px #c6dbff;
}
div#bg_alati ul li a {
	text-align:center;
	color:#6c6c6c;
	font-size:11px;
	font-weight:normal;
	display:block;
}

#menu li a.alati {
	padding-left:10px;
	background:transparent url(../graphics/dots.png) no-repeat left center;
	font-weight:bold;
	padding-left:10px;
	line-height:20px;
	padding-right:10px;
}