@font-face {
  font-family: 'Papyrus';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

html,
body {
	margin:0;
	padding:0;
	height:100%;
}



#wrapper {
	min-height:100%;
	position:relative;
}

#header {
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
	position:relative;
}


	
#nav a{
	font-family:'Papyrus';
	text-decoration:none;
	font-size:22px;
	color:#fff;
	line-height:50px;
	padding:0px 15px 0px 15px;
	height:50px;
	border-radius:10px;
	margin-left:1.71951219512195%;
	transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

#nav a:hover {
	padding-bottom:30px;
}

#content1 {
	overflow:hidden;
	width:80%;
	margin:0 auto;
	border:1px soild red;
	padding-bottom:100px; /* Height of the footer element */
}



#event_content {
	width:1060px;
	overflow:hidden;
	margin:0 auto;
	padding-bottom:100px;
}

#opis {
	width:65%;
	margin:0 auto;
	margin-top:18%;
	text-align:center;
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
	padding:20px;
	border-radius:10px;
}

#opis p {
		color:#fff;
	font-size:18px;
	font-family: 'Karma', sans-serif;
}

#eventi {
	float:left;
	width:300px;
	margin:0 auto;
	margin-top:40px;
	
}

#eventi a{
	font-family: 'Karma', sans-serif;
	font-size:24px;
	color:#fff;
	font-weight:200;
	text-decoration:underline;
}

#proslo {
	float:left;
	width:750px;
	margin-top:40px;
}


#proslo p {
	color:#fff;
	font-size:18px;
	font-family: 'Karma', sans-serif;
}


#proslo span img {
	width:740px;
	height:290px;
}


#proslo img {
	width:243px;
	height:150px;
	border:1px solid #fff;
	
}

#jela {
	width:75%;
	z-index:10;
	margin:0 auto;
	position:relative;
	margin-top:30px;
	font-family: 'Karma', sans-serif;
}

#jela a {
	font-size:27px;
	color:#fff;

}

#jelabar a {
	font-size:27px;
	color:#fff;
}
#jela li
{
    list-style:none;    
    overflow:hidden;
    padding:5px 0;
    position:relative;

}
#jela li label
{
	background:#000;
	font-size:17px;
    float:left;
	color:#fff;
    padding-right:10px;
	padding-left:10px;
	border-radius:4px;
	border:1px solid #fff;
}
#jela li span
{
	font-size:17px;
	color:#fff;
    float:right;
    padding-left:10px;
	padding-right:10px;
	border-radius:4px;
	border:1px solid #fff;
	background:#000;
}

.dotted-bg{
	position: relative;
    border-top:2px dotted #fff;
    top:13px;
    left:0;
    width:100%;
	z-index:-1;
}

#cont-form {
	margin-top:50px;
	width:50%;
	float:left;
	text-align:center;
}

#cont-form  p:first-child{
	margin-top:35%;
}

#cont-form p:nth-child(5){
	border-bottom:1px dotted #fff;
}

#cont-form p:nth-child(10){
	border-bottom:1px dotted #fff;
}

#cont-form p{
	color:#fff;
	font-family: 'Karma', sans-serif;
	line-height:30px;
	font-size:21px;
	width:80%;
	margin:0 auto;
}

#mapa {
	margin-top:50px;
	float:left;
}

#clearfix {
	clear:both;
	content:".";
	height:100px;
}

#dole1 {
	width:140px;
	margin:0 auto;
}
#footer {
    background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
	width:100%;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	text-align:center;
	font-family: 'Karma', sans-serif;
}

#clearfix1 {
	clear:both;
	display:block;
}

#clearfix2 {
	display:block;
	height:5px;
}

#logo {
	float:left;
	width:40px;
	margin:0 auto;
}

#logo img {
	width:100%;
}

#facekontakt {
	float:left;
	width:100px;
}

#facekontakt img {
	width:100%;
}