.kerekit {	
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.kerekit5 {	
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.lezar {
display: block;
width: 100%;
clear: both;
}
		

.arnyek {
	box-shadow: 5px 5px 5px #000000;
}
.arnyekbetu {
	text-shadow: 3px 3px 5px #000000;
}
.arnyekbetu2 {
	text-shadow: 2px 2px 2px #545454;
}
.blokk {
  margin: 5px;
  padding: 10px;
  float: left;
  border: 1px solid #cdcdcd;
  border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.fejarnyek {
	box-shadow: 0px 10px 10px #333333;
}
.tartalom {
  margin: 0px 20px;
  padding: 0px;
}

	/* Positioning the icons and preparing for the animation*/
	.nav i {
		position: relative;
		display: inline-block;
		margin: 0 auto;
		padding: 5px;
		border-radius: 50%;
		font-size: 1.8em;
		box-shadow: 0 0 0 30px transparent;
		background: rgba(255,255,255,1.9);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: box-shadow .2s ease-in-out;
		-moz-transition: box-shadow .2s ease-in-out;
		-o-transition: box-shadow .2s ease-in-out;
		-ms-transition: box-shadow .2s ease-in-out;
		transition: box-shadow .2s ease-in-out;
	}	
	
	/* Animate the box-shadow to create the effect */
	.no-touch .nav a:hover i,
	.no-touch .nav a:active i,
	.no-touch .nav a:focus i {		
		box-shadow: 0 0 0 0 rgba(255,255,255,0.3);
		-webkit-transition: box-shadow .4s ease-in-out;
		-moz-transition: box-shadow .4s ease-in-out;
		-o-transition: box-shadow .4s ease-in-out;
		-ms-transition: box-shadow .4s ease-in-out;
		transition: box-shadow .4s ease-in-out;
	}