/* CSS Document */
/*body starts here*/
body{
	background:#799fbd url(../images/body.png) center top no-repeat;
	margin:0px;
	padding:0px;
	font-family:Tahoma,Arial, Helvetica,sans-serif;
	font-size:12px;
	color:#666;
	background-attachment:fixed;
}
#wrapper{width:1000px; margin:0 auto;}
.clear{clear:both;margin:0px;padding:0px;}
a{color:#3B739F;text-decoration:underline;}
a:hover{text-decoration:none;}
/*body ends here*/

/*header_zone starts here*/
#header_zone{background:url(../images/header_bg.gif) repeat-x; height:154px;}
#logo{padding:30px 0px 0px 10px; float:left;}
#top_menu{padding:65px 0px 0px 5px; float:left;} 
#top_menu ul{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#top_menu li{margin:0px 0px 0px 0px; display:inline; 
}
#top_menu li a{color:#545454; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; padding:3px 8px 5px 8px; background: url(../images/menu_border.gif) left 5px no-repeat;}
#top_menu li a:hover{text-decoration:underline; background:url(../images/hover-strip.gif) no-repeat 0 6px;}
#top_menu li a.active{background:url(../images/hover-strip.gif) no-repeat 0 6px;}
/*header_zone ends here*/

/*banner_zone starts here*/
#banner_zone{background:url(../images/banner.jpg) no-repeat; height:323px;}
#banner_zone_zasto {
	background:url(../images/Banner_Zasto.jpg) no-repeat;
	height:323px;
}

#banner_zone_sw {
	background:url(../images/Banner_Proizvodi_sw.jpg) no-repeat;
	height:323px;
}

#banner_zone_hw {
	background:url(../images/Banner_Proizvodi_hw.jpg) no-repeat;
	height:323px;
}
#banner_zone_reference {
	background:url(../images/Banner_Reference.jpg) no-repeat;
	height:323px;
}
#banner_zone_kontakt {
	background:url(../images/Banner_Kontakt.jpg) no-repeat;
	height:323px;
}



.banner_text{
	padding:115px 0px 30px 63px;
	width:450px;
	font-size:24px;
	color:#7C7C7C;
}
.links_box{
	width:285px;
	padding:0px 0px 0px 60px;
}
.links_box ul{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.links_box li{padding:0px 0px 5px 15px; margin:0px 0px 0px 0px; display:block; list-style-type:none; 
            background:url(../images/bullot.gif) 0px 8px no-repeat;}
.links_box li a{
	color:#3B739F;
	text-decoration:underline;
	font-size:14px;
}
.links_box li a:hover{text-decoration:none;}
#menu{background:url(../images/menu_bg.gif) repeat-x; height:37px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#menu ul{
	margin:0px 0px 0px 0px;
	padding:14px 0px 0px 500px;
}
#menu li{margin:0px 0px 0px 0px;padding:0px 20px 10px 10px; display:inline;  
         background:url(../images/menu_border1.gif) 0px 0px no-repeat;}
#menu li a{color:#3B739F; font-size:11px; font-weight:bold; text-decoration:underline;}
#menu li a:hover{text-decoration:none;}
/*banner_zone ends here*/

/*work_zone starts here*/
#work_zone{padding:0px 0px 0px 0px;}
.primary_container{
	background:#fff;
	padding:20px 50px 25px 63px;
	position:relative;
	line-height: 18px;
}
h1{
	padding:0px 0px 10px 0px;
	margin:0px;
	font-weight:100;
	color:#5C5C5C;
	font-size:38px;
	border-bottom:1px #CCCCCC solid;
	line-height: normal;
}
.blue_text{color:#3B739F;}
.primary_text_box{padding:20px 0px 0px 0px;}
.pic1{float:left; padding:0px 0px 0px 30px;}
.pic2{float:left; padding:0px 10px 0px 0px;}
.primary_text_box p{
	margin:0px;
	padding:10px 20px 0px 296px;
	line-height:22px;
}
.grey_bold{font-size:15px; font-weight:bold;}
.read{padding:0px 0px 0px 0px; margin:20px 0px 0px 40px;}
.secondary_container{
	padding:0px 90px 0px 0px;
	background:#3B739F url(../images/secondary_top.gif) left top repeat-x;
	color:#FFFFFF;
}
.secondary_container p{
	padding:5px 0px 5px 68px;
	float:left;
	width:486px;
	line-height:22px;
}
.secondary_container a{text-decoration:underline; color:#fff;}
.secondary_container a:hover{text-decoration:none;}
.secondary_box2{
	float:left;
	width:337px;
	padding:10px 0px 0px 0px;
}
.secondary_box2 p{padding:0px 0px 0px 0px;}
.links_box2{
	width:185px;
	padding:0px 0px 0px 20px;
	float:left;
}
.links_box2 ul{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.links_box2 li{padding:0px 0px 5px 15px; margin:0px 0px 0px 0px; display:block; list-style-type:none; 
            background:url(../images/bullot1.gif) 0px 8px no-repeat;}
.links_box2 li a{color:#fff; text-decoration:underline;}
.links_box2 li a:hover{text-decoration:none;}
.youtube_video{
     position:relative;
     width:560px;
     z-index:15;
     left:50%;
     margin: 10px 0px 0px -280px;
 }
/*work_zone ends here*/

/*footer starts here*/
#footer{ width:1000px; background:#314D63 url(../images/footer_bg.gif) repeat-x;}
.footermenu{padding:20px 0px 20px 444px;margin:0px 0px 0px 0px;float:left;}
.footermenu ul{padding:2px 0px 0px 25px;margin:0px 0px 0px 0px;}
.footermenu li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;display:inline;list-style:none;}
.footermenu li a{padding:0px 7px 0px 6px;color:#fff;text-decoration:underline;font-size:11px;}
.footermenu li a:hover{text-decoration:none;}
.copyright{padding:20px 0px 20px 84px;color:#fff;float:left;font-size:11px;}
.whiteline{color:#fff;}
/*footer ends here*/

/* inner pages css start */
h1.inner{font:33px Myriad Pro, Arial; color:#fff; font-weight:100; margin:0px; padding:25px 0px 10px 0px; background:none}
.aboutus-img{float:right; border:4px solid #b0a48b;	margin:0px 0px 10px 20px;}
h5{font:15px Myriad Pro, Arial, Helvetica, sans-serif; color:#3B739F; font-weight:bold; padding:0px 0px 5px 0px;	border-bottom:1px dotted #000;	margin:0px 0px 10px 0px;}
h6{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#3B739F; font-weight:bold; padding:0px 0px 5px 0px;	margin:0px 0px 10px 0px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#ffffff;	background:#414141;	font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #000000;}
input.button:hover{cursor:pointer; color:#cccccc;}
.project-img{float:right; margin-left:20px;	border: 6px solid #3B739F;}
.whiteheading{font:30px Myriad Pro, Arial; color:#000; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px;	border-bottom:1px dotted #000; padding-bottom:10px; width: 95%;}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */