/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.0625em; background:url(images/bg.gif)}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#363636;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#26addf; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#464444; background:url(images/marker.gif)  center left no-repeat; padding-left:28px; text-decoration:none; font-size:1.41em  }
.link:hover{text-decoration:none; color:#26addf }

.link1{color:#dfeaec; background:url(images/marker2.gif)  center left no-repeat; padding-left:28px; text-decoration:none; font-size:1.41em  }
.link1:hover{text-decoration:none; color:#26addf }
.link2{ color:#000}
.link3{ color:#8f8f8f}
.link4{color:#464444; background:url(images/marker5.gif)  center left no-repeat; padding:2px 0 2px 28px; text-decoration:none; font-size:1.41em; display:block; float:left  }
.link4:hover{text-decoration:none; color:#26addf }

.button{color:#fff; background:url(images/button1.gif) top left no-repeat; font-weight:bold; padding:2px 17px 0 24px; line-height:28px; display:block; text-decoration:none; font-size:12px; float:left  }
.button:hover{text-decoration:none; color:#000 }

.button2{ height:46px; margin-bottom:-1px; position:relative}
.button2 a{color:#7d8793; background:url(images/button2.gif) top left no-repeat; width:178px; line-height:46px;  display:block; text-decoration:none; font-size:12px; float:left; text-align:center  }
.button2 a:hover{text-decoration:none; color:#383737; background:url(images/button2-act.gif) top left no-repeat; cursor: pointer; cursor: hand; height:46px; line-height:46px;  }
.button2 .current{text-decoration:none; color:#383737; background:url(images/button2-act.gif) top left no-repeat; height:46px; line-height:46px;   }

.button3{ height:46px; margin-bottom:-1px; position:relative}
.button3 a{color:#7d8793; background:url(images/button2.gif) top left no-repeat; width:200px; line-height:46px;  display:block; text-decoration:none; font-size:12px; float:left; text-align:center  }
.button3 a:hover{text-decoration:none; color:#383737; background:url(images/button2-act.gif) top left no-repeat; height:46px; line-height:46px;  }
.button3 .current{text-decoration:none; color:#383737; background:url(images/button2-act.gif) top left no-repeat; height:46px; line-height:46px;   }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker3.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:10px; }
#content ul li a{color:#26addf; text-decoration: underline; line-height:1.91em} 
#content ul li a:hover { text-decoration:none; }

#content .ul li{background:url(images/tail.gif) repeat-x bottom; padding-left:0; }
#content .ul li div{background:url(images/marker1.gif) top left no-repeat; background-position:0 8px; margin:0; padding:0 0 13px 14px; margin-bottom:13px }
#content .ul li a{color:#fff; text-decoration: underline; line-height:1.5em; font-size:1.08em} 
#content .ul li a:hover { text-decoration:none; }
#content .ul li strong{ color:#83d618}

#content .ul1 li{background:url(images/marker4.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:10px; }
#content .ul1 li a{color:#fff; text-decoration: underline; line-height:1.91em} 
#content .ul1 li a:hover { text-decoration:none; }

.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.9375em; color:#737474; line-height:1.33em }

#header .flash{ padding:32px 0 0 32px }
#header .flash1{ padding:3px 0 0 3px }
.top-left{  background:url(images/top_left.gif) no-repeat top left}
.top-right{ background:url(images/top_right.gif) no-repeat top right; height:583px}
.bg_block{ margin:0px 0 0 42px; background:url(images/bg_block.gif) no-repeat top left}



/*header1*/
#header1 {font-size:0.9375em; color:#737474; line-height:1.33em }

#header1 .flash{ padding:32px 0 0 32px }
#header1 .flash1{ padding:3px 0 0 3px }
.top-left{  background:url(images/top_left1.gif) no-repeat top left}
.top-right{ background:url(images/top_right1.gif) no-repeat top right; height:189px}
.bg_block{ margin:0px 0 0 42px; background:url(images/bg_block.gif) no-repeat top left}



/*content*/
#content{ font-size:0.75em; width:100%; text-align:left; background:#fff}
#content .indent-main{padding:0 44px 0 42px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0 15px 16px 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 17px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 17px 0}
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:19px}
#content .tail1{ background:url(images/tail2.gif) repeat-x bottom; padding-bottom:19px; margin-bottom:19px}
#content .txt{ font-weight:bold; display:block; margin-bottom:11px; color:#83d618; float:right}

#content .indent{padding:24px 0 0 0}

/*box*/
.box{ background:#fff; width:100%; color:#8f8f8f}
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-left-1 {background:url(images/corner_top_left-1.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-top-right-1 {background:url(images/corner_top_right-1.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
.box .indent-box{ padding:20px 20px 25px 25px; }
.box .indent-box-1{ padding:20px 20px 0px 0px; }
#content .box h1{color:#3d302f; font-size:1.8em; margin-bottom:11px; font-weight:normal }
#content .box h1 span{color:#03ccff;}
#content .box h2{color:#3d302f; font-size:2.41em; margin-bottom:11px; font-weight:normal }
#content .box h2 span{color:#03ccff;}
#content .box h3{color:#000000; font-size:1.33em; font-weight:normal; margin-bottom:13px; line-height:1.1875em  }
#content .box h3 span{color:#03ccff;}
#content .box h4{color:#160a09; font-size:1em; }
/*box1*/
.box1{ background:#feffff; width:100%;}
.box1 .border-top {background:url(images/border_top1.gif) repeat-x top;}
.box1 .border-bottom {background:url(images/border_bottom1.gif) repeat-x bottom;}
.box1 .border-left {background:url(images/border_left1.gif) repeat-y left;}
.box1 .border-right {background:url(images/border_right1.gif) repeat-y right;}
.box1 .corner-top-left {background:url(images/corner_top_left1.gif) no-repeat left top;}
.box1 .corner-top-left-1 {background:url(images/corner_top_left1-1.gif) no-repeat left top;}
.box1 .corner-top-left-2 {background:url(images/corner_top_left1-2.gif) no-repeat left top;}
.box1 .corner-top-left-3 {background:url(images/corner_top_left1pred.gif) no-repeat left top;}
.box1 .corner-top-left-4 {background:url(images/corner_top_leftcont_2.gif) no-repeat left top;}
.box1 .corner-top-left-5 {background:url(images/novice.gif) no-repeat left top;}
.box1 .corner-top-left-6 {background:url(images/reference.gif) no-repeat left top;}
.box1 .corner-top-left-7 {background:url(images/produkti.gif) no-repeat left top;}
.box1 .corner-top-left-8 {background:url(images/analiza.gif) no-repeat left top;}
.box1 .corner-top-left-9 {background:url(images/izgradnja.gif) no-repeat left top;}
.box1 .corner-top-left-10 {background:url(images/vzdrzevanje.gif) no-repeat left top;}
.box1 .corner-top-left-11 {background:url(images/lokalizacija.gif) no-repeat left top;}
.box1 .corner-top-left-12 {background:url(images/corner_top_leftcont_2_2.gif) no-repeat left top;}
.box1 .corner-top-left-13 {background:url(images/akcija.gif) no-repeat left top;}
.box1 .corner-top-right {background:url(images/corner_top_right1.gif) no-repeat right top;}
.box1 .corner-bottom-left {background:url(images/corner_bottom_left1.gif) no-repeat left bottom;}
.box1 .corner-bottom-right {background:url(images/corner_bottom_right1.gif) no-repeat right bottom; width:100%; }
.box1 .indent-box{ padding:17px 20px 23px 29px; }
#content .box1 h2{color:#fff; font-size:1.33em; margin-bottom:38px;  margin-left:47px  }
#content .box1 .h2{margin-bottom:45px; margin-top:9px }
#content .box1 h4{color:#26addf; font-size:1em; margin-bottom:11px;  }
/*box2*/
.box2{ background:#152744; width:100%; color:#fff}
.box2 .border-top {background:url(images/border_top2.gif) repeat-x top;}
.box2 .border-bottom {background:url(images/border_bottom2.gif) repeat-x bottom;}
.box2 .border-left {background:url(images/border_left2.gif) repeat-y left;}
.box2 .border-right {background:url(images/border_right2.gif) repeat-y right;}
.box2 .corner-top-left {background:url(images/corner_top_left2.gif) no-repeat left top;}
.box2 .corner-top-right {background:url(images/corner_top_right2.gif) no-repeat right top;}
.box2 .corner-bottom-left {background:url(images/corner_bottom_left2.gif) no-repeat left bottom;}
.box2 .corner-bottom-right {background:url(images/corner_bottom_right2.gif) no-repeat right bottom; width:100%; }
.box2 .indent-box{ padding:18px 20px 20px 29px; }
#content .box2 h2{color:#fff; font-size:2em; margin-bottom:18px;  }
/*box3*/
.box3{ background:#fff; width:100%;}
.box3 .border-top3 {background:url(images/border_top3.gif) repeat-x top;}
.box3 .corner-top-left3 {background:url(images/corner_top_left3.gif) no-repeat left top;}
.box3 .corner-top-right3 {background:url(images/corner_top_right3.gif) no-repeat right top;}
.box3 .indent-box-3{ padding:21px 22px 0 23px; }
/*boxc2*/
.boxc2{ background:#feffff; width:100%;}
.boxc2 .border-top {background:url(images/border_top1.gif) repeat-x top;}
.boxc2 .border-bottom {background:url(images/border_bottom1.gif) repeat-x bottom;}
.boxc2 .border-left {background:url(images/border_left1.gif) repeat-y left;}
.boxc2 .border-right {background:url(images/border_right1.gif) repeat-y right;}
.boxc2 .corner-top-left {background:url(images/corner_top_leftcont_2.gif) no-repeat left top;}
.boxc2 .corner-top-left-1 {background:url(images/corner_top_left1-1.gif) no-repeat left top;}
.boxc2 .corner-top-left-2 {background:url(images/corner_top_leftcont_2.gif) no-repeat left top;}
.boxc2 .corner-top-right {background:url(images/corner_top_right1.gif) no-repeat right top;}
.boxc2 .corner-bottom-left {background:url(images/corner_bottom_left1.gif) no-repeat left bottom;}
.boxc2 .corner-bottom-right {background:url(images/corner_bottom_right1.gif) no-repeat right bottom; width:100%; }
.boxc2 .indent-box{ padding:17px 20px 23px 29px; }
#content .boxc2 h2{color:#fff; font-size:1.33em; margin-bottom:38px;  margin-left:47px  }
#content .boxc2 .h2{margin-bottom:45px; margin-top:9px }
#content .boxc2 h4{color:#26addf; font-size:1em; margin-bottom:11px;  }

/*boxc3*/
.boxc3{ background:#feffff; width:100%;}
.boxc3 .border-top {background:url(images/border_top1.gif) repeat-x top;}
.boxc3 .border-bottom {background:url(images/border_bottom1.gif) repeat-x bottom;}
.boxc3 .border-left {background:url(images/border_left1.gif) repeat-y left;}
.boxc3 .border-right {background:url(images/border_right1.gif) repeat-y right;}
.boxc3 .corner-top-left {background:url(images/corner_top_leftcont_2_2.gif) no-repeat left top;}
.boxc3 .corner-top-left-1 {background:url(images/corner_top_left1-1.gif) no-repeat left top;}
.boxc3 .corner-top-left-2 {background:url(images/corner_top_leftcont_2.gif) no-repeat left top;}
.boxc3 .corner-top-right {background:url(images/corner_top_right1.gif) no-repeat right top;}
.boxc3 .corner-bottom-left {background:url(images/corner_bottom_left1.gif) no-repeat left bottom;}
.boxc3 .corner-bottom-right {background:url(images/corner_bottom_right1.gif) no-repeat right bottom; width:100%; }
.boxc3 .indent-box{ padding:17px 20px 23px 29px; }
#content .boxc3 h2{color:#fff; font-size:1.33em; margin-bottom:38px;  margin-left:47px  }
#content .boxc3 .h2{margin-bottom:45px; margin-top:9px }
#content .boxc3 h4{color:#26addf; font-size:1em; margin-bottom:11px;  }



/*footer*/
#footer { color:#1a50a6; font-size:0.6875em; background:url(images/bot_bg.gif) repeat-x top;  }
#footer .indent-footer{ padding:83px 50px 0 64px;}
#footer a {color:#1a50a6; text-decoration:underline}  
#footer a:hover {  text-decoration:none}
.bot-left{ background:url(images/bot_left.gif) no-repeat top left}
.bot-right{ background:url(images/bot_right.gif) no-repeat top right; height:50px}

#footer ul{margin:0; padding:0; list-style:none;}
#footer ul li{ margin:0; display:inline; background:url(images/bg_menu.gif) center left no-repeat; float:left}
#footer ul li a{color:#636363; text-decoration:none; display:block; float:left; padding:2px 23px 2px 23px} 
#footer ul li a:hover { text-decoration:none; }
#footer ul .first{background:none;}
#footer ul .first a{ padding-left:0}
#footer ul li .current{ text-decoration:none; background:url(images/bg_menu.gif) top left no-repeat;  }

.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px;	font-family:Tahoma;}

.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:30px}
.h1{ height:30px; background:url(images/bg_input.gif) no-repeat top left}
.block-contact span{ float:right; margin-right:60px}
.block-contact1 span{ float:right; margin-right:80px}
.input{
   	border:none; 
	background:none;
	width:172px; height:20px;
	font-size:12px;
	color:#000;
	padding-left:5px;
	padding-top:3px;
	margin-right:9px;
	padding-bottom:3px;
}input{
   	border:1px solid #152744; 
	background:#395685;
	color:#fff;
	width:222px; height:18px;
	font-size:1em;
	padding-left:5px;
	padding-top:2px
}
textarea{
   	border:1px solid #152744; 
	background: url(images/bg_input1.gif) repeat-x top;
	color:#fff;
	width:222px; height:152px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
