/*

------------------------------------------------------
style
------------------------------------------------------

*/
	
* { border: none; margin:0px; padding:0px }	

body, html {
	height:100%;  
}

body {
	width: 100%;
	min-height:100%; 
	font-weight: 400;
	font-family: "Muli", sans-serif;
	font-size: 14px; 
	font-weight: 600;
	line-height: 200%;
	color: #0b1c38;
	background: #fff;
	margin:0px;
    padding: 0px;

}

a {
	color: #0b1c38;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}


#container {
	
}

	#top {

	}
		
		#telefon {
			width: 100%;
			background: #0b1c38;
			height: 45px;
			text-align: right;
		}
		
			#telefon_inner {
				width: 960px;
				margin: 0 auto;
			}
			
				#telefon .telefon_content {
					display: inline-block;
					float: right;
					height: 45px;
					line-height: 45px;
					padding: 0 25px;
					color: #00ffff;
					font-weight: 600;
					background: #003663;
				}
			
				
					#telefon .telefon_content span {
						color: #fff;
						padding: 5px 0 5px 30px;
						
						background: url(graf/ico_tel.png) 0% 50% no-repeat;
					}
					
					
		#top_content {
			display: table;
			width: 980px;
			margin: 0 auto;
			padding: 40px 0;
		}
						
			#logo {
				display: table-cell;
				vertical-align: middle;
			}
				
			#menu {
				display: table-cell;
				vertical-align: middle;
				text-align: right;
			}
				
				#menu ul li {
					display: inline-block;
					list-style: none;
					padding: 0 7px;
				}
			
				#menu ul li a {
					display: inline-block;
					padding: 5px 3px;
					text-decoration: none;
					font-weight: bold;
					text-transform: uppercase;
				}
				
				#menu ul li.active a {
					border-bottom: 1px solid #11f6fc;
				}
				
				#menu ul li a:hover {
					border-bottom: 1px solid #003663;
					
				}
				
				
	#content {
		width: 980px;
		margin: 0 auto;
		padding: 40px 0 100px;
	}	
		
		#content .page-header h2 {
			padding-bottom: 25px;
		}
		
		
		
		#content .accordion {
			
		}
			
			#content .accordion .accordion-item {
				margin: 12px 0;
				border: 0 !important;
				height: 50px !important;
			}	

				#content .accordion .accordion-item.acc-open {
					height: initial !important;
				}
			
			
			#content .accordion .accordion-item > a {
				display: block;
				background: #003663;
				color: #fff;
				text-decoration: none;
				
				padding: 15px 25px;
				line-height: normal;
			}
		
		
			#content .accordion .accordion-item > a span.acc-arrow {
				opacity: 1 !important;
				right: 10px !important;
			}
		
				
				#content .accordion .accordion-item ul li a {
					display: block;
					width: 95%;
					background: #00ffff;
					color: #003663;
					text-decoration: none;
					
					padding: 7px 15px;
					margin: 5px auto;
					line-height: normal;
				}
				
				#content .accordion .accordion-item ul li a:hover {
					background: #003663;
					color: #fff;
				}
			
			
	#slider {
		position: relative;
		width: 100%;
	}
	
		#slider .slide-desc {
			width: 50%;
			height: 100%;
			width: 50% !important;
		}
		
		#slider .slide-desc .slide-desc-in {
			height: 100%;
		}
		
			#slider .slide-desc .slide-desc-bg-default {
				background: rgba(11,28,56,0.9) !important;
			}
		
			#slider .slide-desc .slide-desc-text-default {
				font-family: "Muli";
				text-transform: uppercase;
				top: 50% !important;
				transform: translateY(-50%);
				padding: 0 15% 0 10%;
			}
			
			#slider .slide-desc .slide-desc-text-default h2 {
				font-size: 25px;
				color: #11f6fc;
				font-weight: 900;
				padding: 6px 0;
			}
			
			
			#slider .slide-desc .slide-desc-text-default h3 {
				font-size: 38px;
				color: #fff;
				font-weight: 900;
				padding: 6px 0;
			}
				
				
				
		#slider .navigation-container-custom  {
			top: 50% !important;
			transform: translateY(-50%);
			left: 50% !important;
			margin-left: -70px;
		}
		
			#slider .navigation-container-custom span {
				display: block;
				margin: 25px 0;
				
				background: #fff;
				border: 0 !important;
				opacity: 1;
			}
			
			#slider .navigation-container-custom span.load-button-active {
				background: #11f6fc;
			}
				
				
				

	#projekty {
		width: 980px;
		margin: 0 auto;
		
		font-size: 15px;
	}
				
		#projekty h2 {
			font-size: 26px;
		}
				
		#projekty hr {
			width: 25px;
			height: 3px;
			margin: 25px auto 80px auto;
			background: #11f6fc;
			
		}
				
		#projekty a {
			padding: 20px 60px;
			background: #00ffff;
			color: #003663;
			font-size: 20px;
			text-transform: uppercase;
			text-decoration: none;
			font-weight: 900;
			
			border-radius: 40px;
			-webkit-border-radius: 40px;
			-moz-border-radius: 40px;
		}
				
			#projekty a:hover {
				background: #003663;
				color: #fff;
			}
				
				

	#info {
		width: 100%;
		margin: 0 auto;
		background: #fafafa;
		padding: 100px 0;
		margin-top: 100px;
	}
	
		#info h3 {
			font-size: 26px;
			font-weight: 600;
		}
				
		#info hr {
			width: 25px;
			height: 3px;
			margin: 40px 0;
			background: #11f6fc;
		}
				
				
				
footer {
	width: 100%;
	border-top: 130px solid #00ffff;
	background: #0b1c38;
}

	#footer_top {
		display: table;
		width: 920px;
		margin: 0 auto;
		padding: 60px 0 90px 0;
		
		color: #fff;
		font-size: 12px;
		font-weight: 400;
		line-height: 190%;
	}

		#footer_top a {
			color: #fff;
			text-decoration: none;
		}
		
		#footer_top a:hover {
			color: #fff;
			text-decoration: underline;
		}
	
		#ft_left {
			display: table-cell;
			vertical-align: top;
			width: 300px;
		}
		
		#ft_center {
			display: table-cell;
			vertical-align: top;
			width: 250px;
		}
		
		#ft_right {
			display: table-cell;
			vertical-align: top;
			width: 370px;
			text-align: right;
		}

		#footer_top h3 {
			color: #00ffff;
			font-size: 12px;
			font-weight: 400;
			padding-bottom: 20px;
		}


	#footer_bottom {
		display: table;
		width: 980px;
		margin: 0 auto;
		padding: 45px 0 110px 0;
		
		color: #00ffff;
		font-size: 12px;
		font-weight: 400;
		border-top: 1px solid #0a354e;
	}
	
		#footer_bottom .copyrights {
			display: table-cell;
			width: 50%;
			vertical-align: top;
		}
			
		#footer_bottom .design {
			display: table-cell;
			width: 50%;
			vertical-align: top;
			text-align: right;
		}
		
		#footer_bottom a {
			color: #00ffff;
			text-decoration: none;
		}
		
		#footer_bottom a:hover {
			color: #fff;
			text-decoration: underline;
		}