body{ font-family:"Simonetta"; background-color: #ffe98b; background-image: url("kepek/hatter/fejlec-1920.png")); background-repeat: no-repeat; margin: 0px; padding: 0px; background-position-x: 50%; -webkit-background-size: auto;}
@media screen and  (min-width: 1920px) { body { background-image: url("kepek/hatter/fejlec-1920.png"); } }
@media screen and  (max-width: 1920px) { body { background-image: url("kepek/hatter/fejlec-1920.png"); } }
@media screen and  (max-width: 1680px) { body { background-image: url("kepek/hatter/fejlec-1680.png"); } }
@media screen and  (max-width: 1440px) { body { background-image: url("kepek/hatter/fejlec-1440.png"); } }
@media screen and  (max-width: 1280px) { body { background-image: url("kepek/hatter/fejlec-1280.png"); } }
@media screen and  (max-width: 1024px) { body { background-image: url("kepek/hatter/fejlec-1024.png"); } }
.float-stop{
  clear:both;
}
textarea{ max-width: 424px; max-height: 110px; } 
img{ max-width: 500px; max-height: 500px; }
a{ text-decoration: none; }
-------------------------------------------------------------ora----------------------------------------
#ido{text-align:center;}
#nap{text-align:center;}
#datum{text-align:center;}
.ido{ z-index:10000; text-align:center; font-style:italic; width:100px; position:absolute; top:15px; right:15px; border-style:solid; border-width:1px; border-radius:3px; }
-------------------------------------------------------------admin rész---------------------------------
#login{ position:relative;  float:left; left:30px; top:10px; }
#log{ position:relative;  float:left; left:10px; top:5px; }
#logon{ position:relative;  float:left; left:30px; top:30px; }
#logincsik{ position:relative;  float:left; }
#logingomb{ position:relative;  float:left; }
form #modosit{ position:relative; width:600px; margin-left:auto; margin-right:auto; left:30px;}
#katalogdivmod{ position:relative; top:5px; left:15px; height:60px;  }
#katalogdivmod form{ position:relative; top:50px; float:left;}
#ujkat{ position:relative;  width:250px; height:40px; float:left; top:35px; }
#nagy #ujkat a{ color:green; font-weight:bold; }
#nagy #katalogdivmod #ujterm{ top:-30px; }
#nagy #katalogdivmod #ujterm p textarea{  max-width: 424px; max-height: 110px;  }
#admin { color:purple; }
#hibas{ position:relative; width:140px; height:30px; margin-left:auto; margin-right:auto; left:30px; top:-130px; color:red; font-size:24px; }

-------------------------------------------------------------felhasználói rész----------------------------

#nagy #kategoriak tbody tr td{ background-color:#e6e6e6; }
#nagy #kategoriak tbody tr td a{ color:green; }
#termekek tbody tr td a{color: blue;}
#mailform{ position:relative; width:600px; margin-left:auto; margin-right:auto; left:30px; top:30px; }
#elkuldve{position:relative; width:800px; margin-left:auto; margin-right:auto; left:30px; top:30px; font-size:20px; color:#E8652D}
#uzenet{position:relative; width:600px; margin-left:auto; margin-right:auto; left:3px;}

.box{
  position: relative;
  z-index:1000;
  box-shadow:0px 5px 10px #000;
  padding-left:5px;
  width:200px;
  background-color:#c1c1c1;
  border-radius: 8px;
  float:left;  
  margin-top:30px;
  font-color:#000;
  margin-left:25px;
}
.box a:hover{ text-decoration:underline; }
.box_header{
  padding-left:5px;
  width:200px;
  background-color:#transparent;
  border-top-right-radius: 8px;
}

#kategoriak{
  float:left;
}
.nincs{ position:relative; margin-top:100px; margin-left:270px; font-size:30px;}
.nincss{ position:relative; margin-top:100px; margin-left:270px; font-size:30px;}
#balmenuszoveg{
  font-size:18px;
  color:green;
}
#balmenuszoveg a{  
  color:green;
}
.katkepek{
  width: 150px;
  height: 100px;
  border: 0px;
}
#fej{
  height:215px;
}
.siker{ position:absolute; color:green; font-weight:bold; top:15px; }
.sikertelen{ position:absolute; color:red; font-weight:bold; top:15px;}
.tolromodosit{ position:absolute; left:500px; top:-480px;}
#kereso{ position:absolute; left:417px; top:-10px;}
#nagy{
  box-shadow:0px 5px 10px #000;  
  opacity:0.8;
  position:relative;
  margin-right:auto;
  margin-left:auto;
  background:qq -webkit-gradient(linear, center bottom, center top, from(#ffe98b), to(#fff)); 
  background-color:white;
  
  min-height:300px;
  width:994px;
  border-radius:30px;
}
#nagy #menu{
  position:relative;
  margin-left:15px;
  backgroud-color: balck;
}
#nagy #menu .menupont {
  float: left;
}
.fentmenuszel{
  box-shadow:0.2px 5px 10px #000;
  border-bottom-right-radius:8px;
  opacity: none !important;
  margin-left:10px;
  margin-top:5px;
  border-top-left-radius:8px;
  position:relative;  
  background:-moz-linear-gradient(273.75deg, #fea405, #ffe35d);
  background:-webkit-linear-gradient(273.75deg, #fea405, #ffe35d);
  background:-o-linear-gradient(273.75deg, #fea405, #ffe35d);
  background:-ms-linear-gradient(273.75deg, #fea405, #ffe35d);
  border-bottom-left-radius:8px;
  border-top-right-radius:8px;
  height:44px;
}
.fentmenubent{
  opacity: none !important;
  border-bottom-right-radius:8px;
  position:relative;
  top:8px;
  left:8px;
  height:36px;
  border-top-left-radius:8px;
  height:36px;
  cursor: pointer;

  background:-moz-linear-gradient(273.75deg, #a05e4e, #f6aa86);
  background:-webkit-linear-gradient(273.75deg, #a05e4e, #f6aa86);
  background:-o-linear-gradient(273.75deg, #a05e4e, #f6aa86);
  background:-ms-linear-gradient(273.75deg, #a05e4e, #f6aa86);
}

.szoveg{
  opacity: none !important;
  position:relative;
  top:8px;
  left:8px;
  padding: 4px;
  background-color:white;
  border-top-left-radius:8px;
  border-bottom-right-radius:8px;
  font-size:18px;
  height:20px;
  color: green;  
}

.szoveg:hover{
  border-bottom-right-radius:8px;
  background-color:#ffe98b;
}
#katalogusszel{ width:98px; }
#katalogusbent{ width:90px; }
#katalogusszoveg{width:74px; }
#cegunkrolszel{ width:98px; }
#cegunkrolbent{ width:90px; }
#cegunkrolszoveg{width:74px; }
#elerhetszel{ width:125px;  }
#elerhetbent{ width:117px; }
#elerhetszoveg{width:101px; }
#keresoszel{ width:80px; }
#keresobent{ width:72px; }
#keresoszoveg{width:56px; }

#tortenet{
  position: relative;
  top:30px;
  margin-left:auto;
  margin-right:auto;
  width:500px;
}

#termekek {
  width: 680px;
}
#termekek td {
  vertical-align: top;
  padding: 20px;
  border-bottom: 1px solid #d1d1d1;
}
#termekek tr:hover {
  background-color: #efefef;
}
#termekek img {
  width: 200px;
}

#cegrolszoveg{
  float:left;
  position:relative;
  background-color:#fff;
  font-size:18px;
  color: #000;
  width:700px;
  padding: 10px;
  left:10px;
  top:10px;
}
#terkep{ position:relative; width:500px; height:500px; top:50px; margin-left:auto; margin-right:auto; float:left; }
#nagyterkep{ text-align:center; }
#szovegek{
  float:left;
  position:relative;
  background-color:#fff;
  font-size:18px;
  color: #ff5500;
  color: #000;
  width:300px;
  padding: 10px;
  left:10px;
  top:10px;
}
.szovegek{
  float:left;
  position:relative;
  left:70px;
  width:300px;
}
#kereses{ position:relative; left:15px; }
#kereses a{ color:blue; }
#keresok{
  position:relative;
  top:10px;
}
#katalogdiv{ position:relative; top:15px; left:15px; }

#katalog{
  top:100px;
  left:10px;
  color: #454545;
  text-decoration: none;
  border-bottom: 1px solid #d1d1d1;
}
#termekek{
  margin-left:auto;
  margin-right:auto;
  width:500px;
}
#termeknev{
  font-weight:bold;
  top:-15px;
  float:left;
  left:30px;
  position: relative;
  height:30px;
  font-size:30px;
}
#termekleiras{ position: relative; width:500px; left:270px; }
.kiskep{
  width:500px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
#termekkep{
  width:100px;
  margin-left:auto;
  margin-right:auto;
}
#termekkep table tr td{ width:100px; }
#termekar{position: relative; left:270px; width:600px;}
#termekara{position: relative; left:0px; width:600px;}
.termekar{
  text-align:bottom;
}
#lent{
  position:relative;
  height:73px;
  width:110px;
  margin-right:auto;
  margin-left:auto;
  margin-top:100px;
  margin-bottom:5px;
  background-image:url("kepek/hatter/alja.PNG");
}
#copy { font-size:12px; position:relative; margin-left:auto; margin-right:auto;}
#copy2{ text-align:center; }
a{ text-decoration: none; }