@font-face {
  font-family: ArialMTCondensedLight;
  src: url("ARIALMT1.eot");
  src: local("Arial MT Condensed Light"), url("aricnlt.ttf") format("truetype");
}

body {
font-family: ArialMTCondensedLight, "Arial Condensed Light", "Arial Narrow", Tahoma, Geneva, Arial, sans-serif;
background-color: rgb(190,190,173);
text-align: center;
overflow: auto;
}

a{
text-decoration: none;
color: gray;
}

a img {
border: none;
}

div#nagykeret {
position: relative;
margin: 20px auto;
width: 570px;
height: 570px;
border: 1px gray solid;
background-color: #fff;
background-image: url(images/paper_texture_regi.jpg);
color: gray;
font-size: 11pt;
}

div#logo {
position: absolute;
top: -12px;
left: -12px;
}

div#logotitle {
position: absolute;
top: 85px;
left: 63px;
}

div#felirat {
position: absolute;
top: 370px;
left: 100px;
font-size: 16pt;
text-align: left;
}

div#about {
position: absolute;
top: 155px;
left: 100px;
width: 370px;
height: 270px;
overflow: hidden;
text-align: justify;
font-size: 11pt;
line-height: 150%;
padding-right:3px;
}

h1{
font-style: bold;
margin:10px 0;
font-size: 11pt;
}

div#k01 {
position: absolute;
top: 210px;
left: 100px;
width: 70px;
height: 70px;
border: 1px gray solid;
}

div#k02 {
position: absolute;
top: 210px;
left: 175px;
width: 70px;
height: 70px;
border: 1px gray solid;
}

div#k03 {
position: absolute;
top: 135px;
left: 175px;
width: 70px;
height: 70px;
border: 1px gray solid;
}

div#k04 {
position: absolute;
top: 135px;
left: 250px;
width: 70px;
height: 70px;
border: 1px gray solid;
}

div#k05 {
position: absolute;
top: 135px;
left: 325px;
width: 70px;
height: 70px;
border: 1px gray solid;
}

div#k06 {
position: absolute;
top: 60px;
left: 400px;
width: 70px;
height: 70px;
border: 1px gray solid;
}

div#k07 {
position: absolute;
top: 210px;
left: 325px;
width: 70px;
height: 70px;
border: 1px gray solid;
}

div#k08 {
position: absolute;
top: 285px;
left: 325px;
width: 70px;
height: 70px;
border: 1px gray solid;
}

div#k09 {
position: absolute;
top: 285px;
left: 400px;
width: 70px;
height: 70px;
border: 1px gray solid;
}

div#k10 {
position: absolute;
top: 360px;
left: 400px;
width: 70px;
height: 70px;
border: 1px gray solid;
}

div#k11 {
position: absolute;
top: 435px;
left: 400px;
width: 70px;
height: 70px;
border: 1px gray solid;
}

div#k12{
position: absolute;
top: 510px;
left: 400px;
width: 70px;
height: 70px;
}

div#k01:hover,
div#k02:hover,
div#k03:hover,
div#k04:hover,
div#k05:hover,
div#k06:hover,
div#k07:hover,
div#k08:hover,
div#k09:hover,
div#k10:hover,
div#k11:hover
{
border-color: lightgray;
}

div.fekvokep{
position: absolute;
top: 145px;
right: 98px;
height: 275px;
border: 1px gray solid;
}

div.allokep{
position: absolute;
top: 145px;
right: 183px;
height: 360px;
border: 1px gray solid;
}

div#prev {
position: absolute;
top: 370px;
right: 30px;
width: 50px;
font-size: 10pt;
}

div#next {
position: absolute;
top: 400px;
right: 30px;
width: 50px;
font-size: 10pt;
}

div#kepszam{
position: absolute;
top: 80px;
left: 240px;
}

div#loading{
position: absolute;
top: 280px;
left: 240px;
}

div.elso{
text-align:left;
padding-left:3px;
}

div.maso{
text-align: right;
padding-right:3px;
}