* { 
	margin: 0px;
	padding: 0px;
	font-family: 'Quicksand', sans-serif;
}

strong, b {
    font-weight: bold;
}

oblique, i {
    font-style: italic;
}

a img {
	border: none;
}

.clr {
	font-size: 0px;
	line-height: 0px;
	clear: both;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	min-width: 360px;
	background: #FFFFFF url(/img/body-bg.png) top center;
}

/* Vertical alignments*/
div.va-outer {
	display: table;
    height: 100%;
    width: 100%;	
}
div.va-top {
    display: table-cell;
    vertical-align: top;
}
div.va-middle {
    display: table-cell;
    vertical-align: middle;
}
div.va-bottom {
    display: table-cell;
    vertical-align: bottom;
}
div.va-content {
    margin-left: auto;
    margin-right: auto; 
    width: auto;
}


#topline {
	width: 100%;
	height: auto;
	padding: 10px 0px 10px 0px;
	background-color: transparent;	
}
	#topline>div.content {
		min-width: 360px;
		max-width: 1180px;
		margin: 0 auto;
		text-align: right;
	}
		#topline>div.content>a {
			display: inline-block;
			padding: 0px 10px;
			font-size: 11pt;
			text-transform: uppercase;
			text-decoration: none;
			color: rgba(44,62,69,0.7);
			border-right: solid 1px #2c3e45;
		}
			#topline>div.content>a:last-child {
				border-right: none;
			}
			#topline>div.content>a:hover {
				color: #95c11f;
			}

#menu {
	width: 100%;
	height: auto;
	padding: 5px 0px 5px 0px;
	background-color: transparent;
	position: relative;
	z-index: 3000;	
}
	#menu>div.content {
		position: relative;
		min-width: 360px;
		max-width: 970px;
		padding: 0px 10px 0px 200px;
		margin: 0 auto;
	}
		#menu>div.content>div.logo {
			position: absolute;
			bottom: calc(50% - 37px);
			left: 10px;
			display: block;
			font-size: 0px;
			text-align: left;	
		}
			#menu>div.content>div.logo img {
				display: inline-block;
			}
			#menu>div.content>div.menu {
				display: flex;
				box-sizing: border-box;
				flex-direction: column;
				justify-content: center;
				align-content: center;				
			}

#banner {
	width: 100%;
	height: auto;
	margin: 20px 0px 40px 0px;
	background-color: rgba(44,62,69,0.1);
	border-top: solid 1px #FFFFFF;	
	border-bottom: solid 1px #FFFFFF;
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.05);
	overflow: hidden;
	font-size: 50px;
}
	#banner>div.content {
		position: relative;
		min-width: 360px;
		max-width: 1180px;
		margin: 0 auto;    		
	}
	#banner>div.content>img.blank {
		display: block;
		width: 100%;
		height: auto;
		z-index: 100;
	}				
    #banner>div.content>a.banner {
		position: absolute;
		top: 0px;
		left: 0px;
		display: block;
		width: 100%;
		height: 100%;
	}
		#banner>div.content>a.banner>img {
			display: block;	
			width: 100%;
			height: 100%;	
		}
		#banner>div.content>a.banner:last-child {
			display: block;
		}
			#bnr-znacka {
				z-index: 2001;	
			}
			#bnr-media {
				z-index: 2002;	
			}
			#bnr-zakaznici {
				z-index: 2003;	
			}
			#bnr-zamestnanci {
				z-index: 2004;	
			}
			#bnr-uvod {
				z-index: 2005;	
			}		
#content {
	width: 100%;
	height: auto;
	background: transparent ;	
}
	#content>div.content {
		min-width: 360px;
		max-width: 1160px;
		padding: 0px 10px 30px 10px; 
		margin: 0 auto;		
	}
		#content>div.content>div.parts {
				
		}
			#content>div.content>div.parts>h1, #content>div.content>div.parts>h2, #content>div.content>div.parts>h3 {
				padding: 30px 0px 15px 0px;
				font-size: 25pt;
				line-height: 30pt;
				font-weight: normal;
				color: #2c3e45;
				text-align: center;
			}
				#content>div.content>div.parts>h2 {
					font-size: 23pt;
					line-height: 28pt;	
				}
				#content>div.content>div.parts>h3 {
					padding: 0px;
					font-size: 20pt;
					line-height: 25pt;	
				}
					#content>div.content>div.parts>h1>i {
						font-size: 30pt;
					}
			#content>div.content>div.parts>p {
				font-size: 16pt;
				line-height: 22pt;
				font-weight: normal;
				color: #505050;
				text-align: center;
			}
				#content>div.content>div.parts>p>a {
					text-decoration: none;
					color: #447e9a;
				}
					#content>div.content>div.parts>p>a:hover {
						text-decoration: underline;
					} 
			#content>div.content>div.parts>div.boxes {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-evenly;				
			}		
				#content>div.content>div.parts>div.boxes>div.box, #content>div.content>div.parts>div.boxes>a.box {
					margin: 30px;
					padding: 15px 25px;
					flex-basis: 35%;
					background: rgba(255,255,255,0.5);
					border: 1px solid #A0A0A0;
					min-width: 350px;
					text-decoration: none;
					color: inherit;					
				}
					#content>div.content>div.parts>div.boxes>div.box:hover, #content>div.content>div.parts>div.boxes>a.box:hover {
						background: rgba(255,255,255,0.9);
						box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);	
					}
						#content>div.content>div.parts>div.boxes>div.box:hover>h4, #content>div.content>div.parts>div.boxes>a.box:hover>h4 {
							color: #95c11f;
						}
					#content>div.content>div.parts>div.boxes>div.box>h4, #content>div.content>div.parts>div.boxes>a.box>h4 {
						font-size: 20pt;
						line-height: 25pt;
						font-weight: normal;
						color: #354b54;	
					}
					#content>div.content>div.parts>div.boxes>div.box>ul, #content>div.content>div.parts>div.boxes>a.box>ul {
						padding: 5px 0px 0px 30px;	
					}
			#content>div.content>div.parts>div.boxes.alone {
				display: block;
				text-align: center;
			}
				#content>div.content>div.parts>div.boxes>div.box.alone {
					display: inline-block;
					padding-top: 0px;
					background: transparent;
					border: none;					
				}
					#content>div.content>div.parts>div.boxes>div.box.alone:hover {
						background: transparent;
						box-shadow: none;	
					}
					#content>div.content>div.parts>div.boxes>div.box.alone>ul {
						font-size: 16pt;
						line-height: 22pt;
						text-align: left;
					}
			
	

#infoline {
	width: 100%;
	height: auto;
	padding: 10px 0px 0px 0px;
	background-color: #2c3e45;	
}
	#infoline>div.bgline {
		width: 100%;
		height: auto;
		padding: 15px 0px;
		background-color: #354b54;	
	}
	#infoline>div.bgline>div.content {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		min-width: 360px;
		max-width: 1180px;
		margin: 0 auto;
	}
		#infoline>div.bgline>div.content>div.parts {
			display: inline-block;
			font-size: 12pt;
			padding: 10px;
			flex-basis: 20%;
		}
			#infoline>div.bgline>div.content>div.parts>a {
				display: block;
				text-decoration: none;
				color: rgba(255,255,255,0.7);
			}
				#infoline>div.bgline>div.content>div.parts>a:first-child {
					font-weight: bold;
					color: #95c11f;
				}
				#infoline>div.bgline>div.content>div.parts>a:hover {
					text-decoration: underline;
					color: rgba(255,255,255,1);
				}
				#infoline>div.bgline>div.content>div.parts>a:first-child:hover {
					color: #95c11f;	
				}
				
	@media screen and (max-width: 850px) {
		#infoline>div.bgline>div.content>div.parts {
			flex-basis: 40%;
		}	
	}
				
#contacts {
	width: 100%;
	height: auto;
	padding: 0px 0px 10px 0px;
	background-color: #354b54;	
}
	#contacts>div.bgline {
		width: 100%;
		height: auto;
		padding: 15px 0px;
		background-color: #2c3e45;	
	}
	#contacts>div.bgline>div.content {
		display: flex;
		justify-content: space-between;
		min-width: 360px;
		max-width: 1180px;
		margin: 0 auto;
	}
		#contacts>div.bgline>div.content>div.parts {
			display: inline-block;
			font-size: 12pt;
			margin: 10px;
			color: rgba(255,255,255,0.7);
		}
			#contacts>div.bgline>div.content>div.parts:hover {
				color: rgba(255,255,255,1);	
			}
			#contacts>div.bgline>div.content>div.parts>span {
				font-weight: bold;
				color: #95c11f;
			}
			#contacts>div.bgline>div.content>div.parts>a {
				text-decoration: none;
				color: rgba(255,255,255,0.7);
			}
				#contacts>div.bgline>div.content>div.parts>a:hover {
					text-decoration: underline;
					color: rgba(255,255,255,1);
				}
	iframe.map {
		width: 100%;
		height: auto;
		min-height: 300px;
		border: solid 1px #2c3e45;
	}
			

#copyright {
	width: 100%;
	height: auto;
	background-color: #2c3e45;	
}
	#copyright>div.content {
		display: flex;
		justify-content: space-between;
		min-width: 360px;
		max-width: 1180px;
		margin: 0 auto;
		color: rgba(255,255,255,0.3);
		font-size: 10pt;		
	}
		#copyright>div.content>div.left, #copyright>div.content>div.right {
			display: inline-block;
			margin: 10px;
			text-align: left;
			vertical-align: middle;
		}
		#copyright>div.content>div.right {
			text-align: right;
		}
		

@media screen and (max-width: 700px) {

}