*{
padding : 0;
margin : 0;
border : 0;
  	-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
iframe { height: 100%; width:100%;}

body{
background-color: #F4F4F4;
background-attachment : fixed;
background-size : 100% auto;
background-image: url(' images/hatter.jpg ');
font-size:80%;
		font-family: "Hammersmith One", sans-serif;		
}
.fejlec{
width : 100%;
overflow: auto;
margin: 0 auto;
background-repeat: no-repeat;
background-size : 100%;
}
.fszoveg{
	overflow:none;
	position:absolute;
	left:50%;
	top:3%;
	font-size:350%;
	}
.menu{
width : 100%;
overflow: auto;
margin: 0 auto;
vertical-align: center;
font-size:100%;
}
.main{
width : 100%;
height: 100%;
margin: 0 auto;
margin:5px auto;

}
.bal{
	overflow:none;
	float:left;
	width: 20.4%;
	text-align:center;
	margin:5px auto;
	background-color: #DCDCDC;
	position:relative;
	left:2px;
	top:-4px;
	border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border: 0spx solid #000000;
box-shadow: 0 0 5px 2px rgba(0,0,0,.35);

}
.bal1{
vertical-align:left;
margin:5px auto;
background-color:white;
}
.middle{
	vertical-align:left;
margin:5px auto;
background-color:white;
	text-align:center;
	margin:5px auto;
	position:relative;
	left:2px;
	top:-4px;
	border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border: 0spx solid #000000;
box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
min-height:100%;
	}
.bal1:hover{
	text-align:center;
	margin:5px auto;
	position:relative;
	left:2px;
	top:-4px;
	border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border: 0spx solid #000000;
box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}
.bal2{
vertical-align:left;
margin:5px auto;
background-color:white;
}
.bal2:hover{
	text-align:center;
	margin:5px auto;
	position:relative;
	left:2px;
	top:-4px;
	border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border: 0spx solid #000000;
box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}
.bal3{
vertical-align:left;
margin:5px auto;
background-color:white;
}
.bal3:hover{
	text-align:center;
	margin:5px auto;
	position:relative;
	left:2px;
	top:-4px;
	border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border: 0spx solid #000000;
box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}
.jobb{
	overflow:auto;
	width: 20.4%;
	vertical-align:right;
	text-align:center;
		background: white;
	position:relative;
	left:4%;
	border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border: 0spx solid #000000;
box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
	background-color: #DCDCDC;
	overflow:hidden;
}
.jobb1{
vertical-align:left;
margin:5px auto;
background-color:white;
}
.jobb1:hover{
	text-align:center;
	margin:5px auto;
	position:relative;
	left:2px;
	top:-4px;
	border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border: 0spx solid #000000;
box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}
.jobb2{
vertical-align:left;
margin:5px auto;
background-color:white;
}
.labinfo{
	
	width: 30%;
	
}
.jobb2:hover{
	text-align:center;
	margin:5px auto;
	position:relative;
	left:2px;
	top:-4px;
	border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border: 0spx solid #000000;
box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}
.jobb3{
vertical-align:left;
margin:5px auto;
background-color:white;
}
.jobb3:hover{
	text-align:center;
	margin:5px auto;
	position:relative;
	left:2px;
	top:-4px;
	border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border: 0spx solid #000000;
box-shadow: 0 0 5px 2px rgba(0,0,0,.35);
}

.center{
	float:left;
	width: 55%;
		max-width: 55%;
	position:relative;
	left: 2%;
	
}
.lab{
	width : 100%;
	height: 100px;
	overflow: auto;
	margin: 0 auto;
	vertical-align:center;
	background-color:#C22825;
		
}
.termek_kep{
	width:70%;
	
}
.termekkep_nagy{
	height:50%
}

.cim{
	margin: 1em 0 0.5em 0;
	color: #343434;
	font-size: 22px;
	line-height: 20px;
	font-weight: normal;
	font-family: 'Orienta', sans-serif;
}
.leiras{
	font-size:130%;
}
.ar{
	font-size:130%
}
figure {
  width: 75%;
  float: left;
  margin: 0 20px 0 0;
  background: white;
  border: 10px solid white;
  -webkit-box-shadow: 0 3px 10px #ccc;
  -moz-box-shadow: 0 3px 10px #ccc;
  box-shadow: 0 3px 10px #ccc;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 1s ease;
  -o-transition:all 1s ease-in;
  position: relative;
   z-index: 9999;
}
 
figcaption {
  text-align: center;
  display: block;
  font-size: 12px;
  font-style: italic;
     z-index: 9999;
}
 
figure img {
  width: 100%; /* kicsinyítés */
  z-index:9999;
}
figure:hover {
  -webkit-transform: rotate(-1deg); -moz-transform: rotate(1deg); -o-transform: rotate(1deg);
  -webkit-box-shadow: 0 5px 15px #666; -moz-box-shadow: 0 5px 15px #666; box-shadow: 0 5px 15px #666;
}
 
figure:focus {
  outline: none;
  -webkit-transform: rotate(-3deg) scale(2.5); -moz-transform: rotate(-3deg) scale(2.5); -o-transform: rotate(-3deg) scale(2.5);
   -webkit-box-shadow: 0 5px 15px #666; -moz-box-shadow: 0 5px 15px #666; box-shadow: 0 5px 15px #666;
  z-index: 9999;
}
/* CSSTerm.com CSS Horizontal menu with description */

.menu_des {
   background:#5AD2FF url('img_bg.gif') repeat-x;
   height:57px;
}

.menu_des ul {
    margin: 0; padding: 0;
    float: left;   
}

.menu_des ul li {
    display: inline-block;
    background:url(img03.gif) no-repeat right top;
    text-align:center;
    margin-top:5px;
}

.menu_des ul li a {
    text-decoration: none;
    color: #666666; 
    height:57px;
    padding: 10px 0px;
    margin-top:-5px;
    text-transform:uppercase;
    font:Verdana, Geneva, sans-serif;
}
 
.menu_des ul li a:visited {
    color: #666666;
}
 
.menu_des ul li a:hover, .menu_des ul li .current {
    color: #FFF;
    background:url('btn_bg.gif') repeat-x;
}

.small{
	color: #666666;
	display:block;
	padding: 0px 30px;
	font-weight:normal;
}
.ul {
		margin: 50px auto;
		text-align: right;
	}

	.li {
		list-style: none;
		position: relative;
		display: inline-block;
		width: 100px;
		height: 100px;
	}

	@-moz-keyframes rotate {
		0% {transform: rotate(0deg);}
		100% {transform: rotate(-360deg);}
	}

	@-webkit-keyframes rotate {
		0% {transform: rotate(0deg);}
		100% {transform: rotate(-360deg);}
	}

	@-o-keyframes rotate {
		0% {transform: rotate(0deg);}
		100% {transform: rotate(-360deg);}
	}

	@keyframes rotate {
		0% {transform: rotate(0deg);}
		100% {transform: rotate(-360deg);}
	}

	.round {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding-top: 30px;		
		text-decoration: none;		
		text-align: center;
		font-size: 25px;		
		text-shadow: 0 1px 0 rgba(255,255,255,.7);
		letter-spacing: -.065em;
		font-family: "Hammersmith One", sans-serif;		
		-webkit-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		box-shadow: 2px 2px 7px rgba(0,0,0,.2);
		border-radius: 300px;
		z-index: 1;
		border-width: 4px;
		border-style: solid;
	}

	.round:hover {
		width: 130%;
		height: 130%;
		left: -15%;
		top: -15%;
		font-size: 33px;
		padding-top: 45px;
		-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
		-o-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
		-moz-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
		box-shadow: 5px 5px 10px rgba(0,0,0,.3);
		z-index: 2;
		border-width: 10px;
		-webkit-transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}

	a.red {
		background-color: rgba(239,57,50,1);
		color: rgba(133,32,28,1);
		border-color: rgba(133,32,28,.2);
	}

	a.red:hover {
		color: rgba(239,57,50,1);
	}

	a.green {
		background-color: rgba(1,151,171,1);
		color: rgba(0,63,71,1);
		border-color: rgba(0,63,71,.2);
	}

	a.green:hover {
		color: rgba(1,151,171,1);
	}

	a.yellow {
		background-color: rgba(252,227,1,1);
		color: rgba(153,38,0,1);
		border-color: rgba(153,38,0,.2);
	}

	a.yellow:hover {
		color: rgba(252,227,1,1);
	}

	.round span.round {
		display: block;
		opacity: 0;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		font-size: 1px;
		border: none;
		padding: 40% 20% 0 20%;
		color: #fff;
	}

	.round span:hover {
		opacity: .85;
		font-size: 16px;
		-webkit-text-shadow: 0 1px 1px rgba(0,0,0,.5);
		-moz-text-shadow: 0 1px 1px rgba(0,0,0,.5);
		-o-text-shadow: 0 1px 1px rgba(0,0,0,.5);
		text-shadow: 0 1px 1px rgba(0,0,0,.5);	
	}

	.green span {
		background: rgba(0,63,71,.7);		
	}

	.red span {
		background: rgba(133,32,28,.7);		
	}

	.yellow span {
		background: rgba(161,145,0,.7);	

	}
	.nav{
		vertical-align: right;
	}