/*@font-face {
	font-family: font;
	src: url('/blog/fonts/georgia.ttf');
}

@font-face {
	font-family: signs;
	src: url('/blog/fonts/calibri.ttf');
}*/

h1, h2, h3, main #catchPhrase div {
	font-family: signs;
}

body {
	margin: 0;
	padding: 4px;
	background-image: url('../images/bg.jpg');
	background-size: cover;
	background-attachment: fixed;
	font-family: font;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

img {
	padding: 0;
	margin: 0;
	border: 0;
}

a {
	text-decoration: none;
}

body>header {
	width: 100%;
	background-color: black;
	background: linear-gradient(to bottom, #5B5B5B, #2B2B29);
	height: 80px;
	color: white;
	padding: 0 6% 0 6%;
	margin: 0 auto;
	box-sizing: border-box;
	border: 1px solid #B2B3B3;
}
	body>header::before {
		content: "";
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}
	body>header h1 {
		font-size: 240%;
		display: inline-block;
		vertical-align: middle;
	}
		body>header h1 a {
			display: block;
			color: white;
		}
		body>header h1 a::after {
			content: url('../images/logo.png');
			display: inline-block;
			vertical-align: middle;
		}
		
	body>header nav {
		float: right;
		display: inline;
		padding: 0; margin: 0;
		line-height: 78px;
	}
		body>header nav>ul {
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
			body>header nav>ul li {
				display: inline;
				text-align: center;
				padding: 0 15px 0 15px;
				box-sizing: border-box;
				
			}
				body>header nav>ul li.navDelimiter {
					border-right: 1px solid white;
				}
				body>header nav>ul li a{
					color: white;
				}
main {
	margin: 0 auto;
	position: relative;
	top: 50px;
	color: white;
}
	main #catchPhrase{
		padding: 25px 0 25px 0;
		background: linear-gradient(to bottom, #474747, #2B2B2B);
		background:rgba(0,0,0,0.3);
	}
		
		main #catchPhrase div {
			font-size: 350%;
			width: 800px;
			opacity: 0.8;
			text-align: center;
			margin: 0 auto;
		}
			main #catchPhrase div img {
				opacity: 0.6;
				float: left;
			}
			main #catchPhrase div span {
				line-height: 80px;
			}
				main #catchPhrase div span#firstLineGreen {
					color: #009846;
				}
				main #catchPhrase div span#secondLine {
					position: relative;
					top: -25px;
					left: 45px;
				}
				main #catchPhrase div span#thirdLine {
					position: relative;
					top: -50px;
					left: 85px;
				}
	main #mainContent {
		background: rgba(196,196,196,0.6);
		position: relative;
		top: 50px;
		margin: 0 3% 0 3%;
		padding: 25px 0 5% 0;
		border: 3px solid rgb(210,210,210);
		clear: both;
	}
		main #mainContent #welcome {
			background: linear-gradient(to right, #474747, #2B2B2B);
			background:rgba(0,0,0,0.3);
			font-size: 140%;
			padding: 25px 25% 25px 25%;
		}
			main #mainContent #welcome p.center {
				text-align: center;
			}
			main #mainContent #welcome div.zdroj {
				font-size: 60%;
				float: right;
			}
		main #mainContent .miniWindow{
			margin: 5%;
			border-radius: 5px;
			width: 350px;
			background: linear-gradient(to bottom right, #C5C6C6, #2B2A29);
		}
			main #mainContent .miniWindow header {
				background: linear-gradient(to bottom right, #FBFBFB, #C5C6C6);
				background:rgba(0,0,0,0.4);
				height: 25px;
				border-radius: 5px;
				padding: 2px;
				text-align: center;
				line-height: 25px;
			}
			main #mainContent .miniWindow div {
				padding: 5px;
			}
				main #mainContent .miniWindow div article.novinka {
					margin-bottom: 35px;
				}
					main #mainContent .miniWindow div article.novinka time{
						float: right;
						clear: both;
						opacity: 0.7;
					}
					main #mainContent .miniWindow div article.novinka p {
						margin: 0;
						clear: both;					
						font-size: 105%;
					}
					main #mainContent .miniWindow div article.novinka a {
						float: right;
						color: #00DD46;
						margin-top: 5px;
					}
		main #mainContent  #novinky {
			display: inline-block;
		}
		main #mainContent  #anketa {
			display: inline-block;
		}
			main #mainContent  #anketa h3 {
				text-align: center;
			}
			main #mainContent  #anketa .pocet {
				opacity: 0.7;
				margin-bottom: 5px;
			}
			main #mainContent  #anketa .progress {
				height: 12px;
				margin: 5px 0 5px 0;
				text-align: center;
				width: 0%;
			}
			main #mainContent  #anketa .a2 {
				background: linear-gradient(to right, #E975B6, white);
				width: 90%;
			}
		main #mainContent #content {
			width: 100%;
			clear: both;
		}
			main #mainContent #content h2 {
				text-align: center;
				font-size: 220%;
			}
			main #mainContent #content section {
				clear: both;
			}
				main #mainContent #content section img{
					width: 300px;
					float: left;
					margin-right: 15px;
				}
				main #mainContent #content section p{
					
				}
			main #mainContent #content figure {
				text-align: center;
			}
				main #mainContent #content figure figcaption {
					text-align: center;
					font-size: 85%;
				}
		main #mainContent .skript {
			font-size: 110%;
			text-align: center;
			margin-top: 15px;
		}
			main #mainContent .skript form {
				text-align: center;
			}
footer {
	color: white;
	opacity: 0.5;
	position: relative;
	top: 120px;
	width: 100%;
	text-align: center;
}







#bestform {
	text-align: center;
}

#bestform div h2{
	cursor: pointer;
}