@font-face {
	font-family: 'Conv_futureltcondensed';
	src: url('fonts/futureltcondensed.eot');
	src: local('☺'), url('fonts/futureltcondensed.woff') format('woff'), url('fonts/futureltcondensed.ttf') format('truetype'), url('fonts/futureltcondensed.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body { height:100%; 
  color: rgb(25,25,25); 
  background-color: #F0F0b0;
  background-image: url('kep/hatter.jpg');
  background-repeat: repeat;    
}
body { margin:0; padding:0; overflow: auto; 
  font-family: Conv_futureltcondensed,Sans-Serif;
  font-size: 18px; overflow-y: scroll;
}
ul {
	background: transparent;
	padding:5px 5px;
	width:800px;
	display:block;
	height:22px;
	clear:both;
	margin:0 auto 0 auto;
	text-align:center;
}

ul li {
	list-style:none;
	font-size:22px;
	color:#FFe;
  text-shadow: 4px 4px 4px rgb(0,0,0);
  filter: Shadow(Color=#444444, Direction=130, Strength=5);
}

.termekfoto{
  -moz-transform              : scale(1); /*Mozilla*/
  -o-transform                : scale(1); /*Opera*/
  -webkit-transform           : scale(1); /*Webkit*/
border-style:ridge;
border-width:10px;
}

.termekfoto:hover{
  box-shadow                  : 7px 7px 25px black;
  -moz-transform              : scale(1.3); /*Mozilla*/
  -moz-box-shadow             : 7px 7px 25px black;
  -o-transform                : scale(1.3); /*Opera*/
  -o-box-shadow               : 7px 7px 25px gray;
  -webkit-transform           : scale(1.3); /*Webkit*/
  -webkit-box-shadow          : 7px 7px 25px black;
}