body {
	   
	 background-color:#0B57A2;
	 background-image:url(/images/home/bg.jpg);
	 background-repeat: no-repeat;
	 background-position:50% 20%;	   
	 padding:0px;
	 margin:0px;
	 font-size : 12px; 
	 font-family: Arial, "Times New Roman", Times, serif;
	   
	}
  
	h2 {

	 background-image:url(/images/home/logo-zadaronline.png);
	 background-repeat: no-repeat;
	 height:95px;
	 width: 555px;	  		
	 font-size : 0px; 
	 color:#0B57A2;
	 padding-bottom:15px;
	 margin:0;
	}
  
   .outer
     {
     position:absolute;
     left:50%;
     top:50%;
     width:555px;
     height:300px;
     margin-left:-280px; 
     margin-top:-250px;
     /*background-color:#6699CC;*/
	 vertical-align:middle;
     }
     
     
   .inner
     {

		 height:200px;
		 position:absolute;	
		 vertical-align:middle;		

     }


	#search_box {
		width: 559px;
		height: 42px;
		/*background: url(/images/home/bg_search_box.png);*/
		background: url(/images/home/bg_search_box.png);
	}

	#search_box form { padding:0; margin:0; clear:both; position:relative; }

	#search_box #s {
		float: left;
		padding: 0;
		margin: 10px 0 0 5px;
		border: 0;
		width: 420px;
		background: none;
		font-size:18px;
	}
	#search_box #go {
		float: right;
		margin: 2px 2px 0 0;
		background: url(/images/home/btn_search_box.png) no-repeat;
		width:119px;
		height:38px;
		border:0;
	}
	
	#search_box #go:hover {
	opacity:0.9;
	}	

	.vidi {
	 position:absolute;
	 bottom:0px;
	 text-align:right;
	 width:100%;
	 /*color:#61A1DF;*/
	 margin:0;	
	 padding:0;
	 z-index:-1;
	}
	.vidi a {margin:0; padding:0; }
	.vidi img { padding: 0px 5px 30px 0; border:0; margin:0; }

	/*.banner_right_f {
	 position:absolute;
	 bottom:0px;
	 text-align:left;
	 width:128px;
	 margin:0;	
	 padding:0;
	 z-index:3;
	}*/
	/*.banner_right_f a {margin:0; padding: 0px 5px 25px 10px; position:relative; display:block; }
	.banner_right_f img { padding:0; border:0 none; margin:0; width:128px; height:128px; }*/	
		
	.footer {
	 position:absolute;
	 bottom:0px;
	 text-align:center;
	 width:100%;
	 /*color:#61A1DF;*/
	 color:#fff;
	 font-size:13px;
	 margin:0;	
	 padding:5px 0px 5px 0px;
	 background-color:#2EB81C;
	 z-index:50;	
	}

	.footer a {
		text-decoration:none;
		color:#fff;
	}	
	
	.footer a:hover {
		text-decoration:none;
		color:#071947;
	}	


    .sub_box {
	color:#FFFFFF;
	font-size:11px;
	margin-top:5px;
	padding-left:10px;
	text-align:left;
	padding-bottom: 50px;
	}

    .top_right_box {
	position:relative;
	color:#61A1DF;
	font-size:13px;
	margin-top:-15px;
	width:99%;
	text-align:right;
	}

	.top_right_box a {
		text-decoration:none;
		color:#fff;
	}	
	
	.top_right_box a:hover {
		text-decoration:underline;
		color:#61A1DF;
	}	

    .bottom_left_box {
	position:absolute;
	color:#61A1DF;
	font-size:13px;
	 bottom: 50px;
	text-align:left;
	 margin-left:25px;	
	 padding:0;
	}

	.bottom_left_box a {
		text-decoration:none;
		color:#fff;
	}	
	
	.bottom_left_box a:hover {
		text-decoration:underline;
		color:#61A1DF;
	}	



   /*.top_box {
	position:relative;
	color:#61A1DF;
	font-size:11px;
	margin-top:5px;
	width:99%;
	text-align:right;
	}*/

   .top_box {
	position:relative;
	color:#fff;
	font-size:13px;
	margin-top:25px;
	width:99%;
	text-align:center;
	}

	.top_box a {
		text-decoration:none;
		color:#fff;
	}	
	
	.top_box a:hover {
		text-decoration:underline;
		color:#61A1DF;
	}	


	.beta_box {
		color:#FFFFFF;
		left:80px;
		position:absolute;
		top:10px;
	}

	.error { color:#FFFFFF; }
	.error a { color:#FFFFFF; border-bottom:1px dotted #fff; font-weight:bold; text-decoration:none; }

	.cloud_box {
		background:url(/images/home/bg_could.png) no-repeat;
		height:327px;
		left:-35px;
		position:relative;
		width:635px;
	}
	
	.cloud_box div.left {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-style:italic;
		color:#FFFFFF;
		display:inline;
		float:left;
		left:50px;
		position:relative;
		text-align:right;
		top:80px;
		width:250px;
	}

	.cloud_box div.left p.link a { border-bottom:1px dotted #fff; position:relative; 
									right:10px; text-decoration:none; color:#FFFFFF; }

	.cloud_box div.left p.link img { vertical-align:middle; }
	.cloud_box div.left h3 { font-family:Arial, Helvetica, sans-serif; font-style:italic;
							 font-size:16px;  font-weight:bold; }

	.cloud_box div.right {
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-style:italic;
			color:#FFFFFF;
			display:inline;
			float:right;
			position:relative;
			right:50px;
			text-align:left;
			top:80px;
			width:250px;
	}


	.cloud_box div.right h3 { font-family:Arial, Helvetica, sans-serif; font-style:italic;
							 font-size:16px;  font-weight:bold; }

	.cloud_box div.right p.link a { position:relative; left:10px; font-weight:bold;
									text-decoration:none; color:#FFFFFF; border-bottom:1px dotted #fff; }

	.cloud_box div.right p.link img { vertical-align:middle; }	


	.cloud_box div.cloud_posao {
		background:url(/images/home/bg_could_posao.png) no-repeat;
		height:121px;
		left:140px;
		position:absolute;
		top:220px;
		width:176px;
		z-index:5;
	}
	.cloud_box div.cloud_posao p { 
		position:relative;
		display:block;
		color:#FFFFFF;
		font-style:italic;
		font-size:12px;
		top:25px;
		right:20px;
		text-align:right;
	}

	.cloud_box div.cloud_posao p a { text-decoration:none; color:#FFFFFF; display:block; z-index:5;}