@font-face { 
	font-family: Teko; 
	src: url('font/Teko-Regular.ttf'); } 
@font-face { 
	font-family: Teko; 
	src: url('font/Teko-Bold.ttf');
	font-weight: bold;
	} 


body {
	font-family: 'Teko',  sans-serif;
	background-color: #f2f2f2;
	margin-bottom:20px;
	
	}

p {
	color: black; 
	text-align: center; 
	font-size:20px;	
	}
	
#nadpis {
	font-family: 'Teko', sans-serif;
	font-weight: Bold;
	color: black; 
	text-align: center; 
	font-size:30px;
	}

a {
	color:black;
	}

#fix150 {
	height: 150px
	}
	
#fix100 {
	height: 100px
	}

#fix50 {
	height: 50px
	}
	
#skryt {
	display: none;
}

footer {
	font-family: 'Teko', Fallback, sans-serif;
	color: black;
	text-align: center; 
	font-size:15px;
    position: fixed;
    height: 20px;
    background-color: red;
    bottom: 0px;
    left: 0px;
    right: 0px;
	padding-top : 5px;
	  
 
	}

.allpagebar { 
	width: 100%;
	text-align:center;
	
	}

.topbar {
	text-align:center; 
	font-size:20px;
	
	}

.topbar ul {
	overflow: hidden; 
	display: inline-block;
	text-align: center;
	list-style-type:none;
	}
	
.topbar li {
	float: left;
	text-align: center;
	}
	
.topbar li a {
	display: block;
	color: black;
	text-align: center;
	padding: 10px 16px;
	text-decoration: none;
	}
	
.topbar li a:hover {
	background-color: red;
	}
	
.main {
	max-width: 800px;
	position: absolute;
	left:50%;
	
	transform: translate(-50%);
	padding-bottom: 20px;
}

.logoname {
	font-size:15px;
	padding-top: 20px;
	padding-bottom: 20px;
}


input[type=text],
textarea {
	font-family: 'Teko', Fallback, sans-serif;
	 background-color: f2f2f2

	border-radius: 0px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	cursor: pointer;
	color: #fff;
	font-size:20px;
	font-weight: bold;
	/* line-height: 1.4; */
	padding: 5px;
	resize:none;
	width: 180px;
	/*width:25%*/
}
input[type=submit] {
	font-family: 'Teko', Fallback, sans-serif;
	background-color: red;
	border: 0;
	border-radius: 0px;
	cursor: pointer;
	color: #fff;
	font-size:20px;
	font-weight: bold;
	/* line-height: 1.4; */
	padding: 5px;
	width: 180px
	/*width:25%*/
}

#fadeinarea{
	-webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1.5s; /* Firefox < 16 */
	-ms-animation: fadein 1.5s; /* Internet Explorer */
	-o-animation: fadein 1.5s; /* Opera < 12.1 */
	animation: fadein 1.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}