#layout-box--content--right--,
#layout-box--content-- {
	width: 100%;
	float: none !important;
}

#body-inner {
  min-width: 1162px;
}

#home-layout {
    width: 100%;
}

	#box-1 {
		width: 100%;
		height: 800px;
		margin: 0 0 22px;
	}

	#box-1 .inner {
		margin: 65px 0 0;	
		width: 100%;
		padding: 0;
	}
	
		#hd-1-hd {
			font-size: 70px;
			line-height: 80px;
			color: #FFFFFF;
      		margin: 0 0 20px 0;
      		position: absolute;
      		top: 65px;
      		left: 10%;
		}
		
			#hd-1-hd span {
				background: #333;
				padding: 0 10px 0 0;
			}
	
		#icons a {
z-index: 10;				
display: block;		
                        width: 84px;
			height: 26px;
			padding: 86px 0 0 2px;
			background: url(pics/icons.png) no-repeat 0 0;
			float: left;
			margin: 0 4px 0 0;
			font-size: 9px;
			color: #fff;
			text-decoration: none;
		}
		
		#icons a#icon-2 {
			background-position: -88px 0;
		}
		
		#icons a#icon-3 {
			background-position: -176px 0;
		}
		
		#icons a#icon-4 {
			background-position: -265px 0;
		}
		
		#icons a#icon-5 {
			background-position: -354px 0;
		}
		
		#icons a#icon-6 {
			background-position: -443px 0;
		}
		
		#reference-box {
			position: relative;
			width: 100%;
			background: #333;
			height: 50px;
			left: 0;
		}
		
			.reference-inner {
				width: 996px;
				margin: 0 auto;
        padding: 0 14px;
        height: 45px;
			}
			
				#reference-text img {
					margin: 0 10px 0 0;	
				}
				
				#reference-text p {
					margin: 0;
				}
				
				#reference-text a {
					font-size: 9px;
					color: #FFF;
					text-decoration: none;
					position: relative;
					top: -18px;
					margin-left: 20px;
				}
				
				#reference-box a.next {
					display: block;
					width: 56px;
					height: 28px;
					margin: -75px auto;
					background: url(pics/white-arrow.png) no-repeat 0 0;
				}
        
        #reference-text {
          padding: 5px 0 0;
        }
				
			#box-2 {
				width: 100%;
				background: #E7EEEE;
				height: 520px;
			}
			
				#box-2 .inner {
					margin: 0 auto;	
					width: 996px;
					padding: 30px 14px;
				}
				
					#box-2 .inner h2 {
						color: #333;
						font-size: 36px;
						font-weight: normal;
						margin: 0 0 30px;
					}
					
						#box-2 .text_text {
							width: 646px;
							float: left;
							margin: 0 20px 0 0;
							overflow: hidden;
							height: 344px;
              padding-top: 10px;
						}
						
						#novinky {
							float: left;
							width: 329px;
						}
						
							#box-2 #novinky h2 {
								float: left;     
								margin: 0;
                padding-top: 10px;
							}
							
							#novinky #novinky-controls {
								float: right;
							}
							
						    #novinky a.next,
						    #novinky a.prev {
								display: block;
								width: 30px;
								height: 30px;
								background: url(pics/news-navigation.png) no-repeat 0 0;
								cursor: pointer;
								float: left;
							}
							
							#novinky a.next {
								background-position: -30px 0;
								margin: 0 0 0 5px;
							}
							
							#novinky a.next:hover {
								background-position: -30px -30px;
							}
							
						    #novinky a.prev:hover {
								  background-position: 0 -30px;
							}
							
						
						#novinky-box {
						  background: none repeat scroll 0 0 #FFFFFF;
              border: 1px solid #D7C57F;
              height: 289px;
              margin: 20px 0 0;
              overflow: hidden;
              width: 327px;
						}
            
            #novinky-box .perex {
              position: relative;
              background-color: #17B0D7;
              height: 289px;                    
            }
            
							#novinky .list_item {
								position: absolute;
							}
							
							#novinky-box h3 {
                background-color: #17B0D7;
                font-size: 13px;
                left: -7px;
                margin: 0 0 20px;
                padding: 5px;
                position: absolute;
                top: 16px;
							}
							
								#novinky-box h3 a {
									color: #fff;
									text-decoration: none;
								}
								
								#novinky-box .icon {
									display: block;
									width: 327px;
									height: 167px;
									overflow: hidden;
									text-decoration: none;
								}
								
								#novinky-box .icon img {
									width: 327px;
								} 
								
								#novinky-box .info {
									width: 80px;
									height: 12px;
									bottom: 8px;
                  left: -7px;
									padding: 9px 0;
									background: #2E2E2E;
									position: absolute;	
									font-size: 11px;
									color: #FFF;
									text-align: center;
									line-height: 11px;
								}
								
								#novinky-box .perex-body {
									font-size: 12px;
									margin: 12px 0 0;
									height: 30px;
									overflow: hidden; 
									line-height: 130%;
									width: 287px;
                  background-color: #17B0D7;
                  padding: 20px;
                  color: #fff;
								}
								
								#novinky-box .perex-body p {
									margin: 0;
									display: inline;
								}

									#novinky-box .perex-body strong,
									#novinky-box .perex-body a {
										color: #fff;
										font-weight: bold;
									}
						
						#box-2 #red-icons {
							width: 1005px;
							height: 80px;
							margin: 20px 0 0;
						}
						
							#red-icons a {
								display: block;
								width: 160px;
								height: 80px;
								background: url(pics/red-icons.png) no-repeat 0 0;		
								float: left;
								margin: 0 9px 0 0;
							}
							
								#red-icons a span {
									display: none;
								}
							
							#red-icons a#red-icon-2 {
								background-position: -169px 0;	
							}
							
							#red-icons a#red-icon-3 {
								background-position: -338px 0;	
							}
							
							#red-icons a#red-icon-4 {
								background-position: -507px 0;	
							}
							
							#red-icons a#red-icon-5 {
								background-position: -676px 0;	
							}
							
							#red-icons a#red-icon-6 {
								background-position: -845px 0;	
								margin: 0;
							}
							
			#box-3 {
				width: 100%;
				height: 590px;
				background: #FFF;
			}
			
				#box-3 .inner {
					margin: 0 auto;	
					width: 996px;
					padding: 5px 14px;
				}
				
					#box-3 h2 {
						font-size: 36px;
						color: #333;
						margin-bottom: 18px;
					}
					
					#box-3 #hp-reference-browse {
						height: 381px;
						width: 989px;
					}
					
					#box-3 #projects h2 {
						float: left;
					}
					
					#box-3 #projects a {
						display: block;
						height: 54px;
						width: 91px;
						background: url(pics/projects.png) no-repeat 0 0;
						float: left;
						margin: 20px 0 0 30px;
					}
					
					#box-3 #projects .publis { }
					#box-3 #projects .firmoslev { width: 184px; background-position: -128px 0; } 
					#box-3 #projects .myserver { width: 132px; background-position: -347px 0; }
					#box-3 #projects .gvsystem { width: 109px; background-position: -509px 0; }
					#box-3 #projects .gsp { width: 97px; background-position: -648px 0; } 
					
			#box-4 {
				width: 100%;
				height: 650px;
				background: #FFF;
				border-bottom: 1px solid #CCCCCC;
			}	
			
				#box-4 .inner {
					margin: 0 auto;	
					width: 1102px;
					padding: 30px;
				}
				
					#box-4 .text_text {
						clear: none;
						float: left;
						width: 351px;
						margin: 0 20px 0 0;
					}
					
					#box-4 #text-4-3 {
						margin: 0;
					}

.inner #icons {
    bottom: 58px;
    position: absolute;
}

#box2 {
  position: absolute;
  top: 0px;      
}