body {
	padding: 0px;
	margin: 0px;
	font: normal 20px 'staglight', sans-serif; 
	background: #fff url(img/bg.jpg) center top no-repeat;
	background-size: 100% auto;
	background-attachment: fixed;
	color: #333;
	
}


form {
	margin: 0px;
	padding: 0px;
}

.piros, a, a:visited {
	color: #ed1c24;
}
a {
	text-decoration: none;
}

.nagy {
	font-size: 22px;
}

.nagybetu {
	text-transform: uppercase;
}


.stagbook {
	font-family: 'stagbook';
}

.staglight {
	font-family: 'staglight';
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.absolute {
	position: absolute;
}
.relative {
	position: relative;
}

.hidden {
	display: none;
}

.nullwrapper {
	height: 0px;
}


input, select, textarea, a, area, map {
	outline: none;
}


div.lenia {
	border-bottom: 1px solid #ed1c24;
	margin: 15px auto 15px auto;
}

h1, h2, h3, h4 {
	color: #ed1c24;
	display: block;
	clear: both;
	text-align: center;
}
h2 {
	border-bottom: 1px solid #ed1c24;
	border-top: 1px solid #ed1c24;
	padding: 15px 0px 15px 0px;
}

img {
	max-width: 100%;
	height: auto;
}




#cover, #mainblock {
	display: block;
	height: auto;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, .50);
	margin-left: auto;
	margin-right: auto;
}
#cover {
	width: 100%;
	max-width: 1180px;
}


#mainblock {
	padding: 20px;
	max-width: 1140px;
	width: calc(100% - 40px);
	background-color: #fff;
}

#fomenu {
	width: 100%;
	text-align: center;
	background-color: #fff200;
	position: relative;
	z-index: 2;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .30);
	height: 40px;
	padding-top: 15px;
}
#fomenu a {
	display: inline-block;
	text-transform: uppercase;
	padding: 0px 10px 0px 10px;
	font-size: 22px;
}
#fomenuspacer {
	height: 55px;
	display: none;
}



div.kategoriablokk {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	padding: 0px 15px 0px 15px;
	text-align: center;
	font-size: 16px;
}
div.kategoriablokk img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}



/* listazo */

img.prev, img.next {
	display: block;
	cursor: pointer;
	position: absolute;
	top: calc(50% - 45px);
	z-index: 2;
}
img.prev {
	left: 15px;
}
img.next {
	right: 15px;
}


div.listaelem {
	display: inline-block;
	width: calc(33% - 40px);
	height: auto;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	padding: 0px 15px 0px 15px;
	vertical-align: top;
	margin-bottom: 25px;
}
div.listaelem img {
	transition-property: box-shadow;
	transition-duration: 500ms;
	display: block;
	width: 100%;
	height: auto;
	margin: 5px 0px 5px 0px;
	border: 1px solid #eee;
	border-radius: 35px;
}
div.listaelem:hover img {
	box-shadow: 0px 0px 10px #ed1c24;
}


#nagykep {
	width: calc(50% - 20px);
	float: left;
	text-align: center;
	position: relative;
}

#nagykep img.foto {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #eee;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, .50);
	max-height: 400px;
}


#leiras {
	width: calc(50% - 20px);
	float: right;
	text-align: left;
}

#shares {
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 20px 0px;
}


#szavazoinputok {
	display: none;
	text-align: center;
	clear: both;
}


.gomb {
	background-color: #ed1c24;
	color: #fff;
	font-weight: bold;
	padding: 9px 5px 5px 5px;
	cursor: pointer;
	display: inline-block;
	text-transform: uppercase;
	border-radius: 5px;
}

div.sep {
	display: inline-block;
	width: 40px;
}


#regblokk {
	width: 100%;
	/*
	border-top: 1px solid #ed1c24;
	border-bottom: 1px solid #ed1c24;
	padding: 15px 0px 15px 0px;
	background-color: #facdce;
	*/
}

#regblokk .feles {
	width: calc(50% - 30px);
	height: auto;
	float: left;
	padding: 10px;
	color: #ed1c24;
	font-size: 18px;
}
#feltolto {
	text-align: center;
	font-size: 16px;
}


#feltolto div.regkep {
	display: inline-block;
	margin: 2px;
	max-width: 25%;
	max-height: 25%;
	width: auto;
	height: auto;	
	position: relative;
}


#feltolto img.kep {
	display: block;
	width: 100%;
	height: auto;
}
#feltolto img.delgomb {
	position: absolute;
	z-index: 1;
	left: 5px;
	top: 5px;
	display: block;
}

div.szabalyzat {
	height: 800px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	background-color: #fff;
	color: #333;
	padding: 10px;
	margin: 10px;
	font-size: 18px;
}


input[type=text], select, textarea, input[type=button] {
	border: 1px solid #ed1c24;
	padding: 5px;
	font: normal 18px 'staglight';
	color: #333;
}
input.input1 {
	width: 360px;
}
input.input2 {
	width: 290px;
}
input.input4 {
	width: 308px;
}
input.input5 {
	width: 316px;
}
input.input3 {
	width: 410px;
}
select {
	width: 330px;
}
textarea {
	width: 410px;
	height: 100px;
}

img.kapcsa {
	border-radius: 5px;
	vertical-align: bottom; 
}


div.nyeremenysor {
	display: flex;
	justify-content: space-between;
}

div.nyeremeny {
	display: inline-block;
	width: 48%;
	vertical-align: top;
	text-align: center;
}

div.nyeremeny img {
	display: block;
	width: 100%;
	margin-bottom: 10px;
	
}


/* reszponziv reszek */


@media screen and (max-width: 800px) {
	#regblokk .feles {
		width: auto;
		float: none;
		text-align: center;
	}
		

	#nagykep, #leiras {
		width: 100%;
		float: none;
		padding-bottom: 20px;
	}


	div.kategoriablokk {
		width: calc(50% - 45px);
		font-size: 16px;
		margin-bottom: 30px;
	}
	
	body {
		font-size: 26px;
	}
	
	div.listaelem {
		width: calc(50% - 40px);
		font-size: 24px;
	}
	
	div.nyeremenysor {
		display: block;
	}

	div.nyeremeny {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		margin-bottom: 25px;
		padding-bottom: 25px;
		border-bottom: 1px dotted silver;
	}
}