body{
background-color: #b4afaf;

}

#wrapper{
	background-image:url(images/wrapper_bg.jpg);
	background-repeat: repeat-y;
	margin:0pt auto;
	width:800px;
}
	#header{
		height:250px;
		width:800px;
	}
		#header h1{
		margin: 0; 
		padding:0;
		width: 120px;
		height: 25px;
		position:relative;
		top: 30px;
		left: 40px;
		}
			#header h1 a{
			width: 100%;
			height: 100%;
			display: block;
			text-indent: -9999px;
			 
			} 
		
		#header #logo{
		background-image:url(images/header_top_bg.jpg);
		height:74px;
		position:relative;
		}
		#logo .lang{
			position:absolute;
			top:25px;
			right:25px;
			background:url(images/flags.jpg)
		}
		.lang a{
			text-indent:-9999px;
			width:20px;
			height:12px;
			float:left;
			display:block;
		}
		
		
		#header #screen{
		background-image:url(images/header_screen.jpg);
		height:145px;
		width:800px;
		}
		
		#header #nav{
		background-image:url(images/header_nav.jpg);
		height:31px;
		width:800px;
		}
			#header #nav ul{
			margin: 0 0 0 12px;
			padding: 0;
			list-style-type: none;
			text-align: center;
 		}
		
					#header #nav ul li{
					display: inline;
					text-indent: -9999px;
				}
				
					#header #nav ul li a{
						float: left;
						width: 85px;
						height:30px;
						font-size: 0.6em;
						display: block;
					}
		
		
#content {
	font-size: 0.8em;
		float:left;
		padding-left: 27px;
		width:750px;
		margin-top: 15px;	
		background-image: url(images/wrapper_bg.jpg);
		}
		#content .sidebar {
		width: 178px;
		float: left;
		/*background-color: #cecece;*/
		margin-right: 15px;
		border: 1px solid #afafaf;
		}
		#content .sidebar h1 {
	        margin: 0; 
		    padding:0;
		    width: 15px;
		    height: 13px;
		    background-image: url(images/camcorder_li.jpg);
		    background-repeat: no-repeat;
		    float: left;
		    margin-left: 10px;
}
            #content .sidebar h1 a{
	        width: 100%;
			height: 100%;
			display: block;
			text-indent: -9999px;

}

		#content .sidebar h3 {
	    height: 19px;
	    display: block;
		margin: 0;
		padding: 5px 0 5px 10px;
		border-bottom: 1px solid #afafaf;
		background-color: #cecece;
		background-image: url(images/sidebar_img.jpg);
		background-repeat: no-repeat;
	    color: #000000;
}
        #content .sidebar h5{
	    float: left;
	    margin-left: 10px;
}
			#content .sidebar  ul{
				margin:10px 0 10px 10px;
				padding:0;
				list-style-type: none;
			}
				#content .sidebar  ul li{
					margin:0;
					padding:0;
				}
		#content .sidebar a{
	    color:#2B7FCD ;
}	
        #content .sidebar a:hover{
	    color:#ef7328 ;
}
	
        
		.currentpage{color: #000000;}
	
			#content .story {
			width: 540px;
			float: left;
			border-top: 1px solid #afafaf;
			border-left: 1px solid #afafaf;
			border-bottom: 1px solid #afafaf;
			border-right: 1px solid #afafaf;
			padding: 5px 0 0 10px;
			margin-bottom: 10px;
			}
						
			   #content .story  h2{
				margin: 0;
				padding: 0;	
				font-size: 1.4em;
				color: #2B7FCD;
				}
				#content .story h4{
	            margin: 0 10px 20px 0;
	            padding: 5px 0 10px 0;
	            color: #ef7328;
	            border-bottom: 1px solid #afafaf;
	            }
	           #content .story h5 a{
	           color: #2B7FCD;  
}
               #content .story h5 a:hover{
	           color: #ef7328;
}
			 	#content .story  img{
					float: right;
					padding-top: 0px;
					padding-left: 10px;
					padding-bottom: 0px;
					padding-right: 10px;
					}
						#content .story  ul{
						list-style-image: url(images/li.gif);
						padding: 0px 20px;
						width: 270px;
						float:left;
						}
						#content ul.technical{
						list-style-image: url(images/li.gif);
						padding: 15px 20px;
						width: 450px;
						float: left;
						}
						
						
						
						
						#content .story p{
                        text-align: justify;
                        padding-right: 10px;
						}						

#content .zrakoplovi {
			width: 540px;
			float: left;
			border-top: 1px solid #afafaf;
			border-left: 1px solid #afafaf;
			border-bottom: 1px solid #afafaf;
			border-right: 1px solid #afafaf;
			padding: 5px 0 0 10px;
			margin-bottom: 10px;
			}
						
			   #content .zrakoplovi  h2{
				margin: 0;
				padding: 0;	
				font-size: 1.4em;
				color: #2B7FCD;
				}
				#content .zrakoplovi h4{
	            margin: 0 10px 20px 0;
	            padding: 5px 0 10px 0;
	            color: #ef7328;
	            border-bottom: 1px solid #afafaf;
	            }
	           #content .zrakoplovi h5 a{
	           color: #2B7FCD;  
}
               #content .zrakoplovi h5 a:hover{
	           color: #ef7328;
}
			 	#content .zrakoplovi  img{
					float: right;
					padding: 4px;
					margin-right: 10px;
					margin-left: 10px;
					background-color: #cecece;
					border: 1px solid #afafaf;
					}
						#content .zrakoplovi  ul{
						list-style-image: url(images/li.gif);
						padding: 0px 20px;
						width: 270px;
						float:left;
						}					
						#content .zrakoplovi p{
                        text-align: justify;
                        padding-right: 10px;
						}						
			
			hr {
	             clear:both;
                 visibility: hidden;			
			 			}
			#content .news{
			float:left;
			width:340px;
			float:left;
			padding-right:0px;
			margin-top: 20px;
			}
		    
			#content .news h1{
	        margin: 0; 
		padding:0;
		width: 118px;
		height: 35px;
		background-image: url(images/rotaxLogo.gif);
		background-repeat: no-repeat;
}
            #content .news h1 a{
	         width: 100%;
			height: 100%;
			display: block;
			text-indent: -9999px;

}   

			#content .intro{
			float:left;
            margin-top: 20px;
            padding-left:25px;
            width:380px;
            text-align: justify;
			}
					#content .intro img{
					float:left;
					margin-right: 10px;
					}
			.news p{ 
			border-bottom: 1px solid #afafaf;
			padding-bottom: 10px;
			padding-left: 5px;
			font-size: 0.8em;
			float: right;
			}
			.news h2{ 
			color: #2B7FCD;
			font-size: 1.4em;
			font-weight: normal;
			border-bottom: 2px solid #2B7FCD;
			padding-bottom: 10px;
			padding-left: 5px;
			}
			.news h3{ 
			color: #333;
			font-size: 1.2em;
			font-weight: normal;
			padding-left: 5px;
			}
			
			.triple  {
				text-align: center;
				width: 750px;
				padding: 5px;
			}
					.triple img {
						margin-right: 6px;
						padding: 4px;
						background-color: #cecece;
						border: 1px solid #afafaf;
						
					}
					
					
					
					
					
					
					
					#content .reference {
			width: 737px;
			float: left;
			border-left: 1px solid #afafaf;
			border-right: 1px solid #afafaf;
			border-top: 1px solid #afafaf;
			border-bottom: 1px solid #afafaf;
			padding: 5px 0 0 10px;
			margin-bottom: 10px;
		
			
			}
			    #content .reference p{
	            margin-right: 5px;
}
				#content .reference  h2{
				margin-right:10px ;
				margin-top: 0px;
				padding:0px 0 5px 0px; 	
				font-size: 1.4em;
				color: #2B7FCD;
				border-bottom: 2px solid #2B7FCD;
								}
				#content .reference h4{
	            margin: 0;
	            padding: 5px 0 0 0;
	            margin-right: 10px;
	            color: #ef7328;
	            float: right;
}
                #content .reference  h5{
	            border-bottom: solid 1px #afafaf ;
}
					#content .reference  img{
					float: right;
					padding: 4px;
					margin-right: 10px;
						background-color: #cecece;
						border: 1px solid #afafaf;

					}
						#content .reference  ul{
						list-style-image: url(images/li.gif);
						padding: 0px 0px 0px 10px;
						float:left;
						width: 495px;
						text-align: justify;
}
						#content .reference li{
                        padding-bottom: 5px;
                     
                        	
}						
                        .reference_content_left {
	                    float: left;
	                    width: 360px;	                   	
}
                        	


	                    
                    .referencecertifikati {
	                float: left;
	                width: 725px;
}	
                        
                    .referencecertifikati img{
	                float: left;
					padding: 4px;
					margin-right: 2px;
					margin-bottom: 10px;
					margin-top: 10px;
					background-color: #cecece;
					border: 1px solid #afafaf;

} 


                #content .usluge{
	            width: 737px;
			
			border-left: 1px solid #afafaf;
			border-right: 1px solid #afafaf;
			border-top: 1px solid #afafaf;
			border-bottom: 1px solid #afafaf;
			padding: 5px 0 0 10px;
			margin-bottom: 10px;
		
			   
}
                              

            #content .usluge h2{
	        	margin-right:10px ;
				margin-top: 0px;
				padding:0px 0 5px 0px; 	
				font-size: 1.4em;
				color: #2B7FCD;
				border-bottom: 2px solid #2B7FCD;

}                               
        
                    

            #content .usluge h4{
            margin: 0;
	            padding: 5px 0 0 0;
	            margin-right: 10px;
	            color: #ef7328;
	            float: right;
}
           
					    #content .usluge  ul{
						list-style-image: url(images/li.gif);
						padding: 0px 0px 0px 10px;
						float:left;
						width: 680px;
						text-align: justify;
}   
                                   
            
						#content .usluge li{
                        padding-bottom: 5px;
                     
                        	
}                       
                        #content .usluge p{
	                    text-align: justify;
	                    border-bottom: solid 1px #afafaf;
	                    padding-bottom: 10px;
	                    margin-right: 10px;
}

                        
					#content .usluge  img{
					float:left;
					padding: 4px;
					margin-right: 10px;
						background-color: #cecece;
						border: 1px solid #afafaf;
					}   
					#content .usluge a{
	                color: #2B7FCD;
}
					#content .usluge a:hover{
	                color: #ef7328;
}
					#content #kontakt{
	                width: 400px;
					float: left;
					margin-right: 10px;
					margin-bottom: 10px;
	               
}  
                    #content #kontakt a{
	                color: #2B7FCD;
}
                    #content #kontakt a:hover{
	                color: #ef7328;
}
					#content #map{
	                width: 300px;
					float: right;
					margin-top: 30px;
	               
}

                    #content #kontakt h2, #content #kontakt p, #content #kontakt h4{
	                color: #2B7FCD;
	                margin-left: 5px;
					margin-bottom: 5px;
}
                    #content #kontakt ul{
	                list-style-image: url(images/li.gif);
					padding: 0;
					margin-left: 25px;
					float:left;
}      
                    #content #kontakt li{
	                margin-left: 5px;
}
  /* footer think that he is the man */                      
                        
                        
#footer{
		background-image:url(images/footer_bg.jpg);
		background-position:left bottom;
		background-repeat:no-repeat;
		height:100px;
		clear: both;
		padding: 0px 25px 0px 25px;
		font-size: 0.6em;
}


#footer p{
		border-top: 1px solid #afafaf;
		text-align: left;
		padding-top: 5px;
}
#footer h1{
		padding:0;
		width: 90px;
		height: 22px;
		float: right;
		background-image: url(images/bottom_logo.jpg);
		
}
#footer h1 a{
	        width: 100%;
			height: 100%;
			display: block;
			text-indent: -9999px;	    
}
#footer a{
	color: #2B7FCD;
}
#footer a:hover{
	color: #ef7328;
}
.date{font-size: 0.63em; color: #123456;}


#video_loader{
	width: 425px;
	height: 350px;
	float: left;
	padding-top: 23px;
	padding-left: 22px;
}
#gallery_loader{
	width: 450px;
	height: 450px;
	float: left;
}

.vlasnik{
	float:right;
    width:221px;
}