body {
  font-family: 'titillium web',helvetica, arial, verdana, sans !important;
  font-size: 14px !important;
  color: #444;
  background: url(/theme/pic/hatter.jpg) #fff;
  margin:0px;
  padding:0px;
}


img {
	behavior:	url("pngbehavior.htc");
  border:0;
}

img a {
  border:0;

}


b, strong {
  font-weight:600;
}
.clearfix:before, .clearfix:after {
      content: "";
      display: table;
  }
  .clearfix:after {
      clear: both;
  }


a:active {
  text-decoration: none !important;
}
a {color:#65b224; text-decoration:underline; }
a:hover {color:#111 }




/*
* Zoomy 1.4.6 - jQuery plugin
* http://zoomy.me
*
* Copyright (c) 2010 Jacob Lowe (http://redeyeoperations.com)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* Built for jQuery library
* http://jquery.com
*
* Addition fixes and modifications done by Larry Battle ( blarry@bateru.com )
* Code has been refactored and the logic has been corrected.
*
*Cusor fix from IE by Chris Pearson ( http://www.upland.co.uk )
*
*/
body{
    -webkit-touch-callout: none!important;
}

.parent-zoom{
    -webkit-user-select: none!important;
}

.parent-zoom img{
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 200ms;
    -webkit-transition-timing-function: ease;
    cursor:  cell;
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    border: 0;
}

.zoomy{
    position: absolute;
    display: none;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 5px 10px #000;
    -moz-box-shadow: 0px 5px 10px #000;
    -o-box-shadow: 0px 5px 10px #000;
    -ms-box-shadow: 0px 5px 10px #000;
    box-shadow: 0px 5px 10px #000;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color='#3333333', Positive='true');
    line-height: 100px;
    text-align: center;
    background-color: #fff;
    z-index: 999;
    overflow: hidden;
    cursor: move;
    -webkit-transition-property: border-width, border-color, opacity;
    -webkit-transition-duration: 500ms, 1s, 500ms;
    -webkit-transition-timing-function: ease;
}

.zoomy span{
    display: block;
    margin: 5px auto;
    background: -moz-linear-gradient(top, rgba(255,255,255,.6) 0%, rgba(255,255,255,0) 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.6)), color-stop(100%,rgba(255,255,255,0))); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#00ffffff);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#55FFFFFF, endColorstr=#00ffffff);
}


.zoomy a{
    color: #333;
    text-decoration: none;
    outline: 0;
}

.inactive img{
    opacity: 0.85!important;
    filter:alpha(opacity=85)!important;
}

.zoomy #tmp{
    max-width: none;
    max-height: none;
    top: -999999px;
    left: -999999px;
}

.zoomy.start{
        border-width: 2px;
        border-color: #444;
}

.zoomy-wrap{
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 999;
}

.zoomy-btn{
    font-family: sans-serif;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    border-radius: 50%;
    height: 60px;
    width : 60px;
    overflow: hidden;
    -webkit-box-shadow: 0px 1px 2px rgba(255,255,255,.8);
    box-shadow: 0px 1px 2px rgba(255,255,255,.8);
    background: rgba(0,0,0,.8);
    background-position: 0px 0px;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 100px;
    color: #fff;
}

.zoomy-btn svg{
    margin: 8px auto;
    display: block;
}

.active .zoomy-btn svg{
    display: none;
}

.active .zoomy-btn{
    width: 100%;
    height: 100%;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    top: 0px;
    right: 0px;
    overflow: hidden;
    color: rgba(0,0,0,0);
}







.tovabb:hover {
  cursor:pointer;cursor:hand;
}


header {
 clear:left;
 width:100%;
 min-height:144px;
 z-index:1;
  background: url(/theme/pic/fejlechatter.jpg?a=2) repeat-x;

}


.headercont {
  width:980px;
  margin:0 auto;
}

.fejlecbal {
  float:left;
}
.fejlecjobb {
  float:left;
}

nav {
  width:980px;
  adding-top:100px;
  clear:left;
  background:#48a703;
  padding-top:9px;
  height:55px;
  padding-bottom:0px;
  -webkit-border-top-left-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-radius-topleft: 7px;
  -moz-border-radius-topright: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  color:#fff;
  text-align: justify;
  x-ms-text-justify: distribute-all-lines;
  xtext-justify: distribute-all-lines;
  -ms-text-justify: distribute;
  text-justify: distribute;
  padding-left:20px;
  padding-right:20px;
}


nav .menu {
  padding-top:10px;
  xxwidth:84px;
  *padding-right:24px;
  text-transform:uppercase;
  font-size:13px;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align:center;

}

nav .menuelvalaszto {

  padding-top:4px;
  xxwidth:84px;
  *padding-right:24px;
  height:36px;
  padding-bottom:0px;
  text-transform:uppercase;
  border-right:1px  solid #70c831;
  font-weight:200;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align:center;

}

.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}


nav .menu a {
  font-family: 'titillium web',helvetica, arial, verdana, sans;
  font-size:15px;
  font-weight:300;
  text-decoration:none;
  line-height:90%;
  color: #fff;
  text-transform: uppercase;
}

nav .menu a:hover {
  color: #000;

}

footer {
  clear:left;

}


.cont  {
  width:980px;
  margin:0 auto;
  background:#fff;
  min-height:500px;
}


section {
  clear:left;
  display:block;
}

.container{
  width: 100%; /*width: 980px;*/
  width: 980px;
  margin: auto;
  clear:both;
}

.cimkex {
  text-align: center;
  clear:left !important;
  margin:0 auto !important;
  display:inline-block  !important;
  zoom:1;
  display*: inline;


}

footer {
  width:100%;
  font-weight:400px;
  background:#48a703;
  font-size: 11px;
  color:#fff;
  text-transform: uppercase;
}

footer a {
  text-transform: uppercase;
  font-weight:600;
  font-size:11px;
}

footer  a {
  font-size:12px;
  color:#fff;
  font-weight:400px;
  text-decoration:none;
}
footer .also {
  width:980px;
  margin:0 auto;
}

footer .also .tartalom {
  float:left;
  width:550px;
  padding-top:15px;
  padding-bottom:15px;
}

footer .also .tartalom  .felso {
  clear:left;
  float:left;
  color: #fff;
  padding-top:9px;
}

footer .also .tartalom .also {
  clear:left;
  color:#b9ff87;
  font-style:normal !important;
  font-size:9px;
}

footer .also .copy {
  float:right;
  font-size: 10px;
  color:#fff;
  text-transform: uppercase;
  padding-top:15px;
  padding-bottom:15px;
}

/* ---------------------------------------------
*
*  FOOLDAL
*
  ----------------------------------------------  */


section.fooldal {
  clear:left;
}
section.aloldal {
  background: url(/theme/pic/tartalomhatter.gif) repeat-y;
}

section.aloldal.penztar {
  background: url(/theme/pic/tartalomhatter2.gif) repeat-y;
}

section.aloldal .breadcrumb {
  padding-top:7px;
  padding-bottom:7px;
  border-bottom:3px solid #ececec;
  clear:left;
  background:#fff;
  font-size:11px;
  color:#333;
  border-radius:0px !important;
  -moz-border-radius:0px !important;
  -webkit-border-radius:0px !important;
  margin-bottom:0px !important;
}

section.aloldal .breadcrumb a{
   color:#48a703;
   text-decoration:none;
}

section.aloldal .breadcrumb a:hover{
   color:#555;
   text-decoration:underline;
}

section.fooldal .bal {
  float:left;
  width:220px;
}

section.fooldal .kozep {
  float:left;
  width:540px;
  padding:15px;
}


section.fooldal .jobb {
  float:left;
  width:220px;
}




section.aloldal .bal {
  float:left;
  width:220px;
}

section.aloldal .kozep {
  float:left;
  width:556px;
  padding:15px;
}
section.aloldal .kozep.szeles {
  width:776px;

}

section.aloldal .jobb {
  float:left;
  width:204px;
}

.bal .koszonto {
  color:#6c644e;
  padding-bottom:8px;
  margin-top:15px;
  font-size:12px;
  font-weight:300;
  clear:left;
  padding-left:15px;
  padding-right:15px;
  line-height:120%;
}

.bal .koszonto .szoveg {
  border-bottom:2px solid #f5f0e1;
  margin-bottom:5px;
  padding-bottom:5px;
  adding-left:15px;
  adding-right:15px;

}

.bal .linkek {
  argin-bottom:15px;
  font-size:13px;
  font-weight:300;
  clear:left;
  padding-left:15px;
  padding-right:15px;

}

.bal .linkek .menulink {
  margin-bottom:6px;
}

.bal .linkek a {
  text-transform:uppercase;
  text-decoration:none;
  font-weight:600;
}


.bal .linkek a.c-red {
  color:#ee0000;
}

.bal .linkek a.c-black {
  font-weight:400;
  color:#000;
}


.balfelsocont {
  clear:left;
  height:272px;
}

.balfelsocont.logged-in {
  padding-top:15px;

}
.aloldal .balfelsocont {
  height:140px;
  padding-top:15px;
}
.kereso {
  clear:left;
  padding-left:15px;
  padding-right:15px;
  height:52px;
}

.fkereso {
  float:left;
  border:0px !important;
  background: #d7d7d7;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  width:185px;
  border-box:content-box !important;
  -moz-border-box:content-box !important;
  padding:0px !important;
  padding-left:3px !important;
  height:28px !important;
}

#mitkeres {
  margin:0px !important;
  margin-top:-2px;
  eight:auto !important;
  font-size:12px !important;
  width:162px;
  border-box:content-box !important;
  -moz-border-box:content-box !important;

  padding:5px !important;

  border:0px !important;
  background:none;
}


#mitkeres:focus {
  border:0px !important;
  outline:none !important;
  -moz-outline:none  !important;
  -o-outline:none  !important;
  -webkit-outline:none  !important;
  box-shadow:0px 0px 0px rgba(0,0,0,0.0) !important;
  box-shadow:none !important;
}


.fkereso .keresgomb {
  display:inline-block;
  border-box:content-box !important;
  -moz-border-box:content-box !important;
  width:16px;
  height:16px;
  background: url(/theme/pic/ikon-kereso.png) no-repeat;
  position:relative;
  left:-5px;
  top:4px;
  cursor:pointer;cursor:hand;
}



section.fooldal .bal .koszonto strong {
  font-size:12px;
  font-weight:600;
}

section.fooldal .slider {
  float:left;
  width:540px;
  height:272px;
}

section.fooldal .felso .slider ul {
  list-style-type:none;
  padding:0px;
  margin:0px;
}

section.fooldal .fkozep {
  float:left;
  width:760px;
}

section.panelnelkuli {
 padding:15px;
}

section.fooldal .fkozep .kozep {
  padding-left:15px;
  padding-right:15px;
  min-height:400px;
}

section.fooldal .fkozep .kozep .cimke {
  padding-left:20px;
  text-transform: uppercase;
  font-size:16px;
  color:#c13638;
}

section.fooldal .fkozep .fbbox {
  padding-left:25px;

}

h1 {
  font-family: 'titillium web',helvetica, arial, verdana, sans !important;
  font-size:20px !important;
  font-weight:200;
  text-decoration:none;
  line-height:90%;
  color: #444;
  text-transform: uppercase;
  padding-left:15px;

  margin-top:20px !important;
  margin-bottom:10px  !important;
}

h2 {
  font-family: 'titillium web',helvetica, arial, verdana, sans !important;
  font-size:17px !important;
  font-weight:200;
  text-decoration:none;
  line-height:90%;
  color: #444;
  text-transform: uppercase;
  margin-top:10px !important;
  margin-bottom:10px  !important;
}

.ujsagcim {
  clear:left;
  margin-bottom:8px;
  color:#60b224;
  text-transform: uppercase;

}

.nyitvatartas {
  background: #fff;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  width:185px;
  margin-left:15px;
  border:1px solid #ccc;
  padding:5px;
  margin-top:20px;
  margin-bottom:20px;
  text-transform: uppercase;
  font-size:11px;
}

.nyitvatartas .cimke {
  font-size:13px;
  margin-bottom:8px;
  color:#60b224;
}

/* ------ akciosgaleria -------------------------------------------------------- */

.akciosgaleriakep {
    width: 145px;
    min-height: 200px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 2px;
    zoom: 1;
    *display: inline;
   _height: 200px;
   ackground:#d4d2bf;
   padding-top:13px;
   margin-right:13px;
   margin-bottom:4px;
}
.akciosgaleriakep:nth-child(6n+4) {

   margin-right:0px !important;
}

.akciosgaleriakep .kep
{
  margin:0 auto;

  width:145px;
  text-align:center;
    *display: inline;
   _height: 200px;
    vertical-align:center;

}

.akciosgaleriakep .kep img
{
   border:2px solid #d4d2bf;

}



section.fooldal .termekkategoriak {
  clear:left;
  min-height:270px;
  padding:15px;
  padding-top:12px;
  background: url(/theme/pic/balmenu-hatter.jpg) repeat-y;
}

section.aloldal .bal .koszonto {
  margin-top:0px;
}

section.aloldal .bal .fkereso {
  margin-bottom:15px;
}

section.aloldal .termekkategoriak {
  clear:left;
  min-height:320px;
  padding:15px;
  padding-top:12px;
  background: #fff;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
}


.termekkategoriak a {
  text-decoration:none;

}

.termekkategoriak .cimke {
  clear:left;
  margin-bottom:15px;
  font-size:14px;
  font-weight:300;
  text-transform: uppercase;
}




.akciosujsag {
  clear:left;
  min-height:220px;
  padding:15px;
  padding-top:12px;
}

.akciosujsag .cimke {
  clear:left;
  margin-bottom:-2px;
  font-size:14px;
  font-weight:300;
  text-transform: uppercase;
}


section.fooldal .logincont {
  float:left;
  min-height:272px;
  padding:15px;
  padding-bottom:0px;
  padding-top:12px;
  background: url(/theme/pic/loginhatter.jpg) no-repeat;
  width: 220px;
}

.logincont.aloldal {
  float:left;
  min-height:272px;
  padding:15px;
  padding-bottom:0px;
  padding-top:12px;
  padding-bottom:12px;
  background: #eee;
  width: 204px;
  min-height:220px;

}

.logincont .cimke {
  clear:left;
  margin-bottom:15px;
  font-size:15px;
  font-weight:400;
  text-transform: uppercase;
}

.logincont .cimke.bejelentkezve {
  margin-bottom:0px;
  font-size:18px;
  font-weight:300;


}

.logincont label {
  color:#4e4534;
  font-size:11px;
  font-weight:600;
  text-transform: uppercase;

}

section.fooldal .logincont  input {
  border:1px solid #eddfb6 !important;
  background:#fff  !important;
  box-shadow: none !important;
  padding:3px !important;
  height:auto !important;
  font-size:13px;
  font-family: 'titillium web',helvetica, arial, verdana, sans !important;
}

.logincont.aloldal input {
  border:1px solid #ccc !important;
  background:#fff  !important;
  box-shadow: none !important;
  padding:3px !important;
  height:auto !important;
  font-size:13px;
  font-family: 'titillium web',helvetica, arial, verdana, sans !important;

}

.logincont .gomb {
  margin:0 auto;
  width:166px;
  text-align:center;
  margin-top:6px;
}

.logincont .gomb a {
  color:#828282;
  text-transform: uppercase;
  font-size:11px;
  font-weight:600;
  text-decoration:none;
}

.logincont .gomb a:hover {
  color:#333333;

}
.logincont .gomb button {
  border-radius:7px;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  background: #65b224;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1YjIyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OTk3MDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #65b224 0%, #499708 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65b224), color-stop(100%,#499708));
  background: -webkit-linear-gradient(top,  #65b224 0%,#499708 100%);
  background: -o-linear-gradient(top,  #65b224 0%,#499708 100%);
  background: -ms-linear-gradient(top,  #65b224 0%,#499708 100%);
  background: linear-gradient(to bottom,  #65b224 0%,#499708 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65b224', endColorstr='#499708',GradientType=0 );
  box-shadow: 0px 2px 0px #dfdfdf;
  padding:9px;
  width:100%;
  text-align:center;
  color:#fff;
  text-transform: uppercase;
  border:0px;
  font-weight:600;
  font-size:11px;
}


.logincont .gomb button:hover {
  background: #55a214;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1YTIxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOTg3MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #55a214 0%, #398704 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#55a214), color-stop(100%,#398704));
  background: -webkit-linear-gradient(top,  #55a214 0%,#398704 100%);
  background: -o-linear-gradient(top,  #55a214 0%,#398704 100%);
  background: -ms-linear-gradient(top,  #55a214 0%,#398704 100%);
  background: linear-gradient(to bottom,  #55a214 0%,#398704 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55a214', endColorstr='#398704',GradientType=0 );


}

.usernev {
  color:#48a703;
  font-size:14px;
  clear:left;
  text-transform: uppercase;
  line-height:110%;
  margin-top:8px;
}

.partnerkod {
  color:#818181;
  font-size:11px;
  font-weight:600;
  clear:left;
  margin-bottom:30px;
  line-height:120%;
  text-transform: uppercase;
}

.link {
  clear:left;

}

.link a{
  color:#211b1d;
  font-size:15px;
  font-weight:300;
  clear:left;
  margin-bottom:14px;
  text-transform: uppercase;
  text-decoration:none;
}




.regisztraljon {
  clear:left;
  margin:15px;
  background: #c13638;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  width:730px;
  height:68px;
}

.regisztraljon .kerdescont {
  padding-top:10px;
  float:left;
  color: #fff;
  text-transform: uppercase;
  padding-left:32px;
  line-height:175%;
}

.regisztraljon .kerdescont .txt1 {
  clear:left;
  color: #fff;
  font-size: 14px;
  font-weight:600;
}

.regisztraljon .kerdescont .txt2 {
  clear:left;
  color: #fff;
  font-size: 27px;
  font-weight:200;
}


.regisztraljon .tovabbi {
  float:left;
  padding-top:28px;
  padding-left:50px;
  padding-right:0px;
  text-transform: uppercase;
}
.regisztraljon .tovabbi a{
  color:#fccb04;
  font-size:12px;
  font-weight:600;
  text-decoration:underline;

}
.regisztraljon .vagy {
  float:left;
  padding-top:28px;
  padding-left:15px;
  color:#f07e80;
}


.regisztraljon .reg {
  padding-left:15px;
  padding-top:21px;
  float:left;
}




ul#nav-fokategoria-lista {
  list-style-type:none;
  margin:0px;
  padding:0px;
}



.shop-nav {
  clear:left;
  margin-bottom:10px;
  border-bottom:4px solid #eee;
}


.shop h1 {
  margin:0px !important;
  color:#333;
  padding-left:0px;
}

.shop h1 a{
  color:#333;
  text-decoration:none;
}

section.fooldal .termeklista {
  background:none !important;
  border-radius:0px;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  margin-right:0px;
  padding-right:10px;
  border-bottom:1px solid #eee;
  border-right: 1px solid #eee;
  margin-bottom:0px;
  padding-bottom:10px;

}

section.fooldal .termeklista:nth-child(2n+2) {
  border-right: 0px !important;

}

.container-aloldal .termeklista.masodik {
  margin-right: 0px !important;

}

.termeklista {
  width:49%;
  float:left;
  adding:1px;
  height:330px;
  margin-bottom:10px;
  background:#e7e7e7;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  margin-right:10px;
}

section-fooldal .termeklista:nth-child(2n+2) {
  border-right:0px solid #eee;
  margin-right:0px !important;

}
.termeklista .termekfoto {
  clear:left;
  width:90%;
  text-align:center;
  background:#fff;
  height:132px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin:0 auto;
  margin-top:10px;
}
.termeklista .termekfoto .kep {
  margin-top:-22px;
  position:relative;
}

.termeklista .cim {
  clear:left;
  width:80%;
  margin:0 auto;
  text-align:center;
  margin-bottom:10px;
  color:#111;
  font-size:13px;
  height:45px;
}

.termeklista .cim h2 {
  margin:0px;
  color:#111;
  font-size:13px !important;

}

.termeklista .cim a {
  color:#111;
  font-size:13px;

}

.termeklista .kosar-sor {
  clear:left;
  adding-left:10%;
  text-align:center;
}
.termeklista .kosar-sor .ar {
  clear:left;
  olor:#48a603;
  color:#111;
  font-weight:700;
  font-size:18px;
  padding-top:3px;
  padding-bottom:4px;
  text-align:center;
  height:65px;
  width:100%;
   margin:0 auto;
 }
 .termeklista .kosar-sor .nettoar {
   height:16px;
}

 .termeklista .kosar-sor .nettoar.akcios {
     color:#ea4040;
 }

 .termeklista .kosar-sor .nettoar.eredeti {
      font-size:13px;
      font-weight:normal;
      text-decoration: line-through;
 }

.termeklista .kosar-sor .gomb {
  clear:left;
  background:#48a603;
  color:#fff;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  width:136px;
  font-weight:600;
  font-size:12px;
  padding:3px;
  height:23px;
  margin:0 auto;
 }
.termeklista .kosar-sor .gomb:hover {
  background:#389603;

}

.termeklista .kosar-sor .gomb input {
  float:left;
  font-size:10px;
  width:27px;
  border-radius:4px;
  font-weight:300;
  font-size:12px;
  border:0px;
  font-weight:600;
  height:17px;
  background:#fff;
  text-align:left;
  padding:0px;
  padding-right:3px;
  padding-left:3px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;

}

.termeklista .kosar-sor .gomb .dbtxt {
  float:left;
  font-weight:600;
  padding-top:0px;
  font-size:11px;
  padding-left:5px;
  padding-right:5px;
  margin-right:5px;
  color:#fff;
  text-transform: uppercase;
  border-right:1px dotted #8bcf59;
}

.termeklista .kosar-sor .gomb .kosargomb {
  float:left;
  color:#fff;
  background: url(/theme/pic/ikon-kosar.png) left top no-repeat;
  padding-left:21px;
  padding-top:0px;
  font-size:11px;
  text-transform: uppercase;
  cursor:pointer;cursor:hand;
}

.termeklista .kosar-sor .gomb .kosargomb:before {
  idth:16px;
  eight:16px;
}



.termeklista .kosar-sor-arnelkul {
  clear:left;
  text-align:center;
  background:#fccb04;
  color:#fff;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  width:190px;
  font-weight:600;
  font-size:12px;
  margin:0 auto;
}
.termeklista .kosar-sor-arnelkul .ar {
  float:left;
  color:#111;
  font-weight:700;
  padding-top:3px;
  padding-left:2px;
  padding-bottom:4px;
  text-align:center;

  width:25px;
 }

.termeklista .kosar-sor-arnelkul .gomb {
  float:right;
  font-size:12px;
  background:#f7f7f7;
  color:#111;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  margin-top:2px;
  margin-right:2px;
  margin-bottom:2px;
  padding:2px;
  width:160px;
 }


#navhatter {
  clear:left;
  border-top:4px solid #eee;
  padding-top:10px;
}

#navhatter .lapozo {
  text-transform: uppercase;
  float:left;
  padding:1px;
  padding-left:3px;
  padding-right:3px;
  margin-right:4px;
  color:#111;
  font-weight:400;
  font-size:12px;
}
#navhatter .lapozo.disabled {
 color:#aaa;
}

#navhatter .lapozo.kivalasztottszam {
  background:#48a603;
  color:#fff;

}

#navhatter .lapozo a{
  color:#111;
  font-size:12px;
  text-decoration:none;

}

.bal .bannercont {
  margin-left:16px;
}


.jobb .bannercont {
  margin-bottom:15px;
}

.bannerkeret {
  width:185px;
  margin:0 auto;
}

.bejelentkezve {
  clear:left;
  margin-bottom:15px;
}
.gombcont {
   margin-right:30px;
   padding-top:10px;
   padding-left:10px;
   padding-bottom:10px;
}

.gombcont.gbal {
   float:left;
}

.gombcont.gjobb {
   float:right;
   margin-right:0px;
   padding-left:0px;
   padding-right:10px;
}


.gombcont a{
   color:#fff !important;
   background: #19a52b;
   padding:3px;
   padding-left:7px;
   padding-right:7px;
   font-weight:bold;
   border-radius:3px;
   -moz-border-radius:3px;
   -webkit-border-radius:3px;
   text-transform: uppercase;
   text-decoration:none !important;
  font-size:11px;
}



#kataloguscont {
   margin:0 auto;
   clear:left;
   height:630px;
   width:950px;
   display:block;
   background:#eee;
   overflow:hidden;
}



#katalogus {
  clear:left;
	width:950px;
	height:590px;

}
#katalogus .page{
	ackground-color:#ccc;
	background-size:100% 100%;

}





.ui-ios-overlay {
  z-index: 99999;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-left: -100px;
  margin-top: -100px;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
  background: rgba(0,0,0,0.5);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.ui-ios-overlay .title {
  color: #FFF;
  font-weight: bold;
  text-align: center;
  display: block;
  font-size: 16px;
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
}
.ui-ios-overlay img {
  display: block;
  margin: 20% auto 0 auto;
}
.ui-ios-overlay .spinner {
  left: 50% !important;
  top: 40% !important;
}

.ios-overlay-show {
  -webkit-animation-name: ios-overlay-show;
  -webkit-animation-duration: 750ms;
  -moz-animation-name: ios-overlay-show;
  -moz-animation-duration: 750ms;
  -ms-animation-name: ios-overlay-show;
  -ms-animation-duration: 750ms;
  -o-animation-name: ios-overlay-show;
  -o-animation-duration: 750ms;
  animation-name: ios-overlay-show;
  animation-duration: 750ms;
}

@-webkit-keyframes ios-overlay-show {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes ios-overlay-show {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes ios-overlay-show {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes ios-overlay-show {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes ios-overlay-show {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.ios-overlay-hide {
  -webkit-animation-name: ios-overlay-hide;
  -webkit-animation-duration: 750ms;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: ios-overlay-hide;
  -moz-animation-duration: 750ms;
  -moz-animation-fill-mode: forwards;
  -ms-animation-name: ios-overlay-hide;
  -ms-animation-duration: 750ms;
  -ms-animation-fill-mode: forwards;
  -o-animation-name: ios-overlay-hide;
  -o-animation-duration: 750ms;
  -o-animation-fill-mode: forwards;
  animation-name: ios-overlay-hide;
  animation-duration: 750ms;
  animation-fill-mode: forwards;
}

@-webkit-keyframes ios-overlay-hide {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-moz-keyframes ios-overlay-hide {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-ms-keyframes ios-overlay-hide {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-o-keyframes ios-overlay-hide {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes ios-overlay-hide {
  0% { opacity: 1; }
  100% { opacity: 0; }
}




/* ---------------------------------------------
*
*  kis-kosar
*
  ----------------------------------------------  */

#kis-kosar-cont {
  padding:15px;
}

#kis-kosar-cont .cimke {
  clear:left;
  margin-top:15px;
  margin-bottom:15px;
  font-size:15px;
  font-weight:400;
  text-transform: uppercase;
  border-bottom:2px solid #eee;
}

#kis-kosar-cont .cimke a{
  text-decoration:none;
}

#kis-kosar-cont .megrendelem {
  clear:left;
  font-size:13px;
  font-weight:400;
  line-height:120%;
}




#kis-kosar-cont .megrendelem a {
  clear:left;
  font-size:13px;
  font-weight:400;
}


#kis-kosar-cont .cimke a{
  font-size:15px;
  font-weight:400;
  text-transform: uppercase;
  color:#111;
}


#kis-kosarosszesen {
  clear:left;
  margin-top:6px;
  margin-bottom:6px;
  padding-top:3px;
  padding-bottom:3px;
  font-size:11px;
  font-weight:600;
  text-transform: uppercase;
  border-top:2px solid #ccc;
  border-bottom:1px solid #eee;
  text-align:right;
  width:170px;
  margin-left:40px;
  float:right;
}

ol#kis-kosar {
 list-style:none;
 margin:0px;
 padding:0px;
 font-size:11px;
}

#kis-kosar li {
  clear:left;
  font-size:11px;
  padding-bottom:4px;
  margin-bottom:4px;
  border-bottom:1px solid #eee;
}

#kis-kosar li:last-child {
  border-bottom:0px !important;
}
#kis-kosar li .kosar-termek-db {
  clear:left;
  padding-left:30px;
}

#kis-kosar li .kosar-termek-hozzaad {
  float:left;
  color:#48a503;
  idth:11px;
  eight:11px;
  font-size:11px;
  padding-left:2px;
  margin-top:2px;
  margin-right:4px;
  cursor:pointer;cursor:hand;

}

#kis-kosar li .kosar-termek-hozzaad:hover {
  color:#388503;

}

#kis-kosar li .kosar-termek-elvesz {
  cursor:pointer;cursor:hand;
  float:left;
  color:#e43f2f;
  idth:11px;
  eight:11px;
  font-size:11px;
  padding-left:2px;
  margin-top:2px;

}

#kis-kosar li .kosar-termek-elvesz:hover {
  color:#d41f1f;

}

#kis-kosar li .kosar-termek-nev {
  float:left;
  width:140px;
  font-weight:600;
  font-size:11px;
  line-height:130%;
  text-transform: uppercase;
  padding-top:3px;
}

#kis-kosar li .kosar-termek-penznem1 {
  float:left;
  padding-left:0px;
}

#kis-kosar li .kosar-termek-penznem2 {
  padding-left:5px;
  float:left;
}

#kis-kosar li .kosar-termek-ar {
  float:left;
  padding-left:4px;
  color:#888;
}

#kis-kosar li .kosar-termek-db {
  float:left;
  adding-left:30px;
}

#kis-kosar li .kosar-termek-db:after {
  content: "x";
  padding-left:4px;
}

#kis-kosar li .kosar-termek-id {
  display:none;
}


#kis-kosar-cont .gomb.torles {
  clear:left;
  border:1px solid #ddd;
  padding:1px;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  margin:0 auto;
  margin-top:10px;
  margin-bottom:10px;
  text-align:center;
  width:120px;
  font-size:11px;
  color:#999;
}

#kis-kosar-cont .gomb.torles:hover {
   background:#ddd;
}

#kis-kosar-cont .gomb.torles a {
  text-transform: uppercase;
  text-decoration:none;
  color:#999;
  padding-left:6px;
  font-size:11px;
}


#kis-kosar-cont .gomb.megrendelem-figyelmeztetes {
  clear:left;
  margin-top:10px;
  background: #feaf0e;
  order:1px solid #ee9f0e;
  padding:5px;
  font-weight:600;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin:0 auto;
  text-align:center;
  width:150px;
  font-size:12px;
  color:#333;
  line-height:120%;

}

#kis-kosar-cont .off {
  display:none;
}

#kis-kosar-cont .gomb.megrendelem {
  clear:left;
  margin-top:10px;
  background: #48a503;
  padding:3px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin:0 auto;
  text-align:center;
  width:120px;
  font-size:12px;
  color:#fff;
}

#kis-kosar-cont .gomb.megrendelem:hover {
  background: #288503;

}
#kis-kosar-cont .gomb.megrendelem a {
  text-transform: uppercase;
  color:#fff;
  text-decoration:none;
  padding-left:8px;
  font-size:12px;
}


#tree li a {
  text-transform: uppercase;
  font-size:12px;
  color:#222;
  font-weight:500;
}

#tree li a:hover {
  color:#ee0000;
  text-decoration:none !important;
}





.navStatus {
}


.navStatus {
  width:100%
  height:33px;
  margin-bottom:20px;
  margin-top:15px;
  text-transform:uppercase;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  padding-bottom:7px;
  padding-top:7px;
  border-bottom:3px solid #ececec;
  border-top:3px solid #ececec;
}


.navStatus .navBoxCont {
   float:left;
   margin-right:12px;
}

.navStatus .navBoxNum {
   float:left;
   text-align:center;
   height:20px;
   padding-top:1px;
   padding-left:7px;
   padding-right:7px;

   background:#ddd;
   border-radius:6px;
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   color:#222222;
   font-size:11px;
   font-weight:normal;


}



.navStatus .navBoxTxt {
   float:left;
   color:#888888;
   font-size:10px;
   padding-top:3px;
   padding-left:5px;
   padding-right:14px;
}

.navStatus .navBoxTxt.navAkt {
   float:left;
   color:#222222;
   font-size:10px;
   padding-top:3px;
   padding-left:5px;
   padding-right:6px;

}


.navStatus .navAkt {
   font-weight:bold;
   color:#222222;

}

.navStatus .navBoxNum.navAkt {
   float:left;
   background:#48a703;
   color:#fff;

}

.kosarlista td {
  font-size:11px;
}

.kosarlista a {
  text-transform: uppercase;
  font-size:11px;
  text-decoration:none;
}

.penztarkosar {
  clear:left;
}
.penztarkosar table {
  clear:left;

}

.penztarkosar1 {
  border: 2px solid #efefef;
   border-radius:4px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
  padding:6px;
}

.penztarfejlec {
  text-transform: uppercase;
  color:#333;
  font-size:13px;
  order-bottom:3px solid #ececec;
  loat:left;
  margin-bottom:10px;
  margin-top:20px;
  border-bottom:2px solid #ececec;
}





/* ------- fizetesi modok ---------------------------------- */
.fizetesimod
{
  clear:left;
  margin-right:10px;
  ext-align:center;
  argin-bottom:10px;
}

.fizetesimod .megnevezes
{
  float:left;
  font-size:12px;
  font-weight:600;
  text-transform: uppercase;
  padding-top:2px;

}
.fizetesimod .leiras
{
  clear:left;
  margin-left:35px;
  padding-top:5px;
  padding-bottom:5px;
}

.fizetesimod .chk
{
  clear:left;
  padding-bottom:15px;
}

.fizetesimod .tovabb
{
  clear:left;
  text-align:right;
}

.fizetesimod .tovabb a
{
  font-style:italic;
  color:#51742a;
}

.fizetesimod .valaszto
{
  width:20px;
  float:left;
  padding-left:5px;
  text-align:center;
  margin-right:10px;
}

.fizetesimod .chk
{
  width:20px;
  float:left;
  padding-left:5px;
  text-align:center;
  margin-right:10px;
}

.fizetesimod .valaszto input[type="radio"]
{
  adding-left:60px;
}



.fizetesimod .megnevezes.szurke {
   color:#aaa;
}



/* ------- szallitasi modok ---------------------------------- */
.szallitasimod
{
  clear:left;
  margin-right:10px;
  ext-align:center;
  margin-bottom:10px;
}



.szallitasimod .megnevezes
{
  float:left;
  font-size:12px;
  font-weight:600;
  text-transform: uppercase;
  padding-top:2px;
}
.szallitasimod .leiras
{
  clear:left;
  margin-left:35px;
  padding-top:5px;
  padding-bottom:15px;
}

.szallitasimod .chk
{
  clear:left;
  padding-bottom:15px;
}

.szallitasimod .tovabb
{
  clear:left;
  text-align:right;
}

.szallitasimod .tovabb a
{
  font-style:italic;
  color:#51742a;
}

.szallitasimod .valaszto
{
  width:20px;
  float:left;
  padding-left:5px;
  text-align:center;
  margin-right:10px;
}

.szallitasimod .chk
{
  width:20px;
  float:left;
  padding-left:5px;
  text-align:center;
  margin-right:10px;
}

.szallitasimod .valaszto input[type="radio"]
{
  adding-left:60px;
}


.szallitasimod .megnevezes.szurke {
   color:#aaa;
}

/* ------- kedvezmenyek modok ---------------------------------- */
.kedvezmenyek
{
  clear:left;
  margin-right:10px;
  ext-align:center;
  margin-bottom:10px;
}

.kedvezmenyek .valaszto
{
  width:20px;
  float:left;
  padding-left:5px;
  text-align:center;
  margin-right:10px;
}


.kedvezmenyek .megnevezes
{
  float:left;
  font-size:12px;
  font-weight:bold;
  color:#2a745e;

}
.kedvezmenyek .leiras
{
  clear:left;
  margin-left:35px;
  padding-top:5px;
  padding-bottom:15px;
}

.kedvezmenyek .chk
{
  clear:left;
  padding-bottom:15px;
}





.penztarkosarosszesen
{
  border-top:4px solid #eeeeee;
  border-bottom:2px solid #eeeeee;
  margin-top:25px;
  margin-bottom:25px;
  clear:left;
}

.penztarkosarosszesen .cimke
{
  padding:2px;
  font-weight:normal;
  padding-left:50px;
  clear:left;
  float:left;
  margin-bottom:0px !important;
}
.penztarkosarosszesen .ar
{
  float:right;
  padding:2px;
  padding-left:20px;
  text-align:right;
  width:150px;
}





.termeklista .kedvencekbe {
  width:85px;
  height:22px;
  background: url(/theme/pic/kedvencekbe.png) no-repeat;
  cursor:pointer;cursor:hand;
  position:relative;
  left:144px;
  top:5px;
  z-index:2;
}

.termeklista .kedvencekbe.on {
  background: url(/theme/pic/kedvencekbol.png) no-repeat 0px 0px;

}





.spin-button-input {

}



INPUT.spin-button {
  padding-right:20px;
  background-repeat:no-repeat;
  background-position:100% 0%;
  background-image:url(/theme/pic/spinbtn_updn.jpg);
  height:10px !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;

  margin-right:-3px;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkitborder-radius:3px;
  border:1px solid #ccc;
  width:70px;
  height:20px !important;
}

INPUT.spin-button.up {					/* Change button img when mouse is over the UP-arrow */
	cursor:pointer;
	background-position:100% -18px;		/* 18px matches height of 2 visible buttons */
}
INPUT.spin-button.down {				/* Change button img when mouse is over the DOWN-arrow */
	cursor:pointer;
	background-position:100% -36px;		/* 36px matches height of 2x2 visible buttons */
}


.termeklista .kosar-sor.clearfix.nincskeszleten .gomb {
  background:#999;
}



.termeklista .kosar-sor.clearfix.nincskeszleten .dbtxt {
  border-right:1px dotted #aaa;
    opacity: 0.65!important;
    filter:alpha(opacity=65)!important;
}

.termeklista .kosar-sor.clearfix.nincskeszleten .gomb {
    opacity: 0.65!important;
    filter:alpha(opacity=65)!important;
}


.termeklista .kosar-sor.nincskeszleten .gomb .kosargomb {
  cursor:default;

}
.termeklista .kosar-sor.clearfix.keszlet10 .keszlet{

  color: #feaf0e;

}

.termeklista .kosar-sor.clearfix.keszlet10 .gomb {
  ackground:#d4ba93;
}

.termeklista .kosar-sor.clearfix.keszlet10 .gomb:hover {
  ackground:#c4aa83;
}


.termeklista .kosar-sor.clearfix.keszlet10 .gomb .kosargomb,.termeklista .kosar-sor.clearfix.keszlet10 .gomb .ikon-kosarba {
  olor:#444;

}

.termeklista .kosar-sor.clearfix.keszlet10 .dbtxt {
  order-right:1px dotted #333;
  olor:#444;
}


.termeklista .kosar-sor.clearfix.keszlet10 .gomb .kosargomb {
  ackground: url(/theme/pic/ikon-kosar10.png) left top no-repeat;
}


.statusz-nincskeszleten {
  color:#cc0000;
}

.keszlet {
  font-weight:600;
  color:#009900;
}



.kozep .gomb.megrendelem {
  float:right;
  margin-top:10px;
  margin-right:20px;
  background: #48a503;
  padding:4px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin:0 auto;
  text-align:center;
  width:120px;
  font-size:14px;
  color:#fff;
}

.kozep .gomb.megrendelem:hover {
  background: #288503;

}
.kozep .gomb.megrendelem a {
  text-transform: uppercase;
  color:#fff;
  text-decoration:none;
  padding-left:8px;
  font-size:12px;
}


.kozep .gomb.termekekhez {
  clear:left;
  float:left;
  margin-top:10px;
  margin-right:20px;
  background: #ccc;
  padding:4px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin:0 auto;
  text-align:center;
  width:180px;
  font-size:14px;
  color:#222;
}

.kozep .gomb.termekekhez:hover {
  background: #888;

}
.kozep .gomb.termekekhez a {
  text-transform: uppercase;
  color:#222;
  text-decoration:none;
  padding-left:8px;
  font-size:12px;
}




.kozep .gomb.kosargomb {
  padding:4px;
  background: #48a503;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin:0 auto;
  text-align:center;
  width:160px;
  font-size:14px;
  color:#fff;
}

.kozep .gomb.megrendelem:hover {
  background: #288503;

}
.kozep .gomb.kosargomb a {
  text-transform: uppercase;
  color:#fff;
  text-decoration:none;
  padding-left:8px;
  font-size:12px;
}



table.szurke {
  background:#eee !important;

}

table.szurke table {
  margin-bottom:0px;
}
table.szurke table td{
  border-top:0px !important;

}

table.szurke tr:first-child td{
  border-top:0px !important;
}

table.szurke tr td {
  border-top:1px solid #fff !important;
}



.kozep .reszletekgomb {
  padding:3px;
  background: #48a503;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin:0 auto;
  text-align:center;
  width:100px;
  font-size:11px;
  color:#fff;
}

.kozep .reszletekgomb:hover {
  background: #288503;

}
.kozep .reszletekgomb a {
  text-transform: uppercase;
  color:#fff;
  text-decoration:none;
  padding-left:8px;
  font-size:12px;
}



.kozep .osszestetelgomb {
  padding:3px;
  background: #48a503;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin:0 auto;
  clear:left;
  text-align:center;
  width:290px;
  font-size:11px;
  color:#fff;
  margin-top:20px;
}

.kozep .osszestetelgomb:hover {
  background: #288503;

}

.kozep .osszestetelgomb a {
  text-transform: uppercase;
  color:#fff;
  text-decoration:none;
  padding-left:8px;
  font-size:13px;
}


.nowrap {
  display:inline-block;
  white-space:nowrap;
}




.kozep .megrendelem-figyelmeztetes {
  padding:4px;
  background: #feaf0e;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin:0 auto;
  text-align:center;
  width:310px;
  float:right;
  font-size:14px;
  font-weight:600;
  color:#222;
}



.hireklista {
  clear:left;
  argin-bottom:6px;
  padding-bottom:9px;
  border-bottom:2px solid #eee;
}

.hireklista .datum {
  float:left;
  font-weight:500;
  font-size:10px;
  padding-left:2px;
  padding-right:2px;
  background:#ccc;
  color:#333;
}

.hireklista .bevezeto {
  clear:left;
  margin-top:5px;
}


.hirek {
  clear:left;
  argin-bottom:6px;
  padding-bottom:9px;
  border-bottom:2px solid #eee;
}

h1.hirek {
  margin:0px !important;
  padding:0px !important;
  margin-bottom:20px !important;
}

.hirek .datum {
  float:left;
  font-weight:500;
  font-size:10px;
  padding-left:2px;
  padding-right:2px;
  background:#ccc;
  color:#333;
}


#mapCanvas {
  clear:left;
  width:100%;
  height:360px;
}












.termek-adatlap {
  width:100%;
  clear:left;
  adding:1px;
  eight:300px;
  margin-bottom:10px;
  ackground:#e7e7e7;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  argin-right:10px;
}

.termek-adatlap .termekfoto {
  clear:left;
  width:90%;
  text-align:center;
  ckground:#fff;

  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin:0 auto;
  margin-top:10px;
}
.termek-adatlap .termekfoto .kep {
  argin-top:-22px;
  position:relative;
}

.termek-adatlap .cim {
  clear:left;
  width:100%;
  text-align:left;
  margin-bottom:10px;
  color:#111;
  font-size:16px;

}

.termek-adatlap .cim h2 {
  margin:0px;
  color:#111;
  font-size:16px !important;

}

.termek-adatlap .cim a {
  color:#111;
  font-size:13px;

}

.termek-adatlap .kosar-sor {
  clear:left;
  margin-bottom:15px;
}
.termek-adatlap .kosar-sor .ar {
  float:left;
  olor:#48a603;
  color:#111;
  font-weight:700;
  font-size:20px;
  line-height:1.1;
  text-align:left;
  margin-right:15px;
  padding-right:15px;
  border-right:1px dotted #ddd;
 }
 .termek-adatlap .kosar-sor .nettoar {
   height:16px;
}
.termek-adatlap .kosar-sor .nettoar.akcios {
    color:#ea4040;
    height:25px;
}

.termek-adatlap .kosar-sor .nettoar.eredeti {
     font-size:13px;
     font-weight:normal;
     text-decoration: line-through
}


.termek-adatlap .kosar-sor .keszlet {
  margin-right:15px;
  padding-right:15px;
  border-right:1px dotted #ddd;
  float:left;

}


.termek-adatlap .kosar-sor .kiszereles {
  margin-right:15px;
  padding-right:15px;
  border-right:1px dotted #ddd;
  float:left;

}

.termek-adatlap .kosar-sor .kedvencekbe {
  width:105px;
  height:32px;
  background: url(/theme/pic/kedvencekbe.png) center center no-repeat #fff;
  cursor:pointer;cursor:hand;
  margin-right:15px;
  padding-right:15px;
  text-align:right;
  border:1px solid #ddd;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  padding:5px;
  float:right;
  margin-top:-40px;
  z-index:234433;
  position:relative;
}

.termek-adatlap .kosar-sor .kedvencekbe:hover {
  background: url(/theme/pic/kedvencekbe.png) center center no-repeat #eee;

}


.termek-adatlap .kosar-sor .kedvencekbe.on {
  background: url(/theme/pic/kedvencekbol.png) center center no-repeat #fff;

}

.termek-adatlap .kosar-sor .kedvencekbe.on:hover {
  background: url(/theme/pic/kedvencekbol.png) center center no-repeat #eee;

}

.termek-adatlap .kosar-sor .gomb {
  float:right;
  background:#48a603;
  color:#fff;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  width:156px;
  font-weight:600;
  font-size:12px;
  padding:3px;
  height:23px;
  margin-top:20px;
  margin-right:15px;

 }
.termek-adatlap .kosar-sor .gomb:hover {
  background:#389603;

}

.termek-adatlap .kosar-sor .gomb input {
  float:left;
  font-size:10px;
  width:27px;
  border-radius:4px;
  font-weight:300;
  font-size:12px;
  border:0px;
  font-weight:600;
  height:17px;
  background:#fff;
  text-align:left;
  padding:0px;
  padding-right:3px;
  padding-left:3px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;

}

.termek-adatlap .kosar-sor .gomb .dbtxt {
  float:left;
  font-weight:600;
  padding-top:0px;
  font-size:11px;
  padding-left:5px;
  padding-right:5px;
  margin-right:5px;
  color:#fff;
  text-transform: uppercase;
  border-right:1px dotted #8bcf59;
}

.termek-adatlap .kosar-sor .gomb .kosargomb {
  float:left;
  color:#fff;
  background: url(/theme/pic/ikon-kosar.png) left top no-repeat;
  padding-left:21px;
  padding-top:0px;
  font-size:11px;
  text-transform: uppercase;
  cursor:pointer;cursor:hand;
}

.termek-adatlap .kosar-sor .gomb .kosargomb:before {
  idth:16px;
  eight:16px;
}



.termek-adatlap .kosar-sor-arnelkul {
  clear:left;
  text-align:center;
  background:#fccb04;
  color:#fff;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  width:190px;
  font-weight:600;
  font-size:12px;
  margin:0 auto;
}
.termek-adatlap .kosar-sor-arnelkul .ar {
  float:left;
  color:#111;
  font-weight:700;
  padding-top:3px;
  padding-left:2px;
  padding-bottom:4px;
  text-align:center;

  width:25px;
 }

.termek-adatlap .kosar-sor-arnelkul .gomb {
  float:right;
  font-size:12px;
  background:#f7f7f7;
  color:#111;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  margin-top:2px;
  margin-right:2px;
  margin-bottom:2px;
  padding:2px;
  width:160px;
 }




.termek-adatlap .kosar-sor.clearfix.nincskeszleten .gomb {
  background:#999;
}



.termek-adatlap .kosar-sor.clearfix.nincskeszleten .dbtxt {
  border-right:1px dotted #aaa;
    opacity: 0.65!important;
    filter:alpha(opacity=65)!important;
}

.termek-adatlap .kosar-sor.clearfix.nincskeszleten .gomb {
    opacity: 0.65!important;
    filter:alpha(opacity=65)!important;
}


.termek-adatlap .kosar-sor.nincskeszleten .gomb .kosargomb {
  cursor:default;

}
.termek-adatlap .kosar-sor.clearfix.keszlet10 .keszlet{

  color: #feaf0e;

}

.termek-adatlap .kosar-sor.clearfix.keszlet10 .gomb {
  ackground:#d4ba93;
}

.termek-adatlap .kosar-sor.clearfix.keszlet10 .gomb:hover {
  ackground:#c4aa83;
}


.termek-adatlap .kosar-sor.clearfix.keszlet10 .gomb .kosargomb,.termek-adatlap .kosar-sor.clearfix.keszlet10 .gomb .ikon-kosarba {
  olor:#444;

}

.termek-adatlap .kosar-sor.clearfix.keszlet10 .dbtxt {
  order-right:1px dotted #333;
  olor:#444;
}


.termek-adatlap .kosar-sor.clearfix.keszlet10 .gomb .kosargomb {
}


.kiemeltsav {
  padding:8px;
  background:#29dfff;
  color:#000;
  font-size:16px;
  font-weight:600;
  ext-transform: uppercase;
}

.kiemeltsav a{
   background:#f4eb0e;
   padding:3px 6px 3px 6px;
   border-radius:6px;
   -moz-border-radius:6px;
   -webkit-border-radius:6px;
   font-size:12px;
   text-decoration:none;
  color:#000;
}





label.checked {
  clear:none;
  color:#fff;
  loat:left;
  display:inline-block !important;
  padding-left:20px;
  background: url(/theme/pic/gray_dark/check_12x10.png) no-repeat 3px 0px;
  width:20px;
}





input[type=text].error,
input[type=password].error,
textarea.error,
select.error {
    border-color: #c00;
    background-color: #fee;
}


input[type=text].valid,
input[type=password].valid,
textarea.valid,
select.valid {
  osition:relative;
}

input[type=text].valid:afterx,
input[type=password].valid:afterx,
textarea.valid:afterx,
select.valid:afterx {
  display:block;
  position:absolute;
  right:15px;
  content: "\f00c";
  font-family: "FontAwesome";
  z-index:1;
}


a.error {
    border-color: #c00 !important;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fee), color-stop(0.5, #fff)) !important;
    background-image: -webkit-linear-gradient(center bottom, #fee 0%, #fff 50%)  !important;
    background-image: -moz-linear-gradient(center bottom, #fee 0%, #fff 50%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#feeeee', GradientType = 0) !important;
    background-image: linear-gradient(top, #fff 0%, #fee 50%) !important;

}




.eupopup-container {
	background-color: rgba(255, 0, 0, 0.9);
	color: #fff;
	padding: 5px 20px;
	font-size: 16px;
	line-height: 1.2em;
	text-align: center;
	display: none;
	z-index: 9999999;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
	position: absolute;
	top: 0; left: 0; right: 0;
}

.eupopup-container-fixedtop {
	position: fixed;
}

.eupopup-container-bottom {
	position: fixed;
	bottom: 0; left: 0; right: 0;
}

.eupopup-container-bottomleft {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 300px;
}

.eupopup-container-bottomright {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 300px;
}

.eupopup-closebutton {
	font-size: 16px;
	font-weight: 100;
	line-height: 1;
	ackground: #a2a2a2;
        color:#000;
        font-family:'times';
        text-decoration:none;
	filter: alpha(opacity=20);
	position: absolute;
	top: 0; right: 0;
	padding: 5px 10px;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
	color: #fff;
	text-decoration: none;
}

.eupopup-head {
	font-size: 1.4em;
	font-weight: bold;
	padding: 7px;
	color: #fff;
}

.eupopup-body {
	color: #fff;
}

.eupopup-buttons {
	padding: 7px 0 5px 0;
  margin-top:15px;
  margin-bottom:10px;
}

.eupopup-button_1 {
  background: #f6a21d;
  color:#000;
  text-decoration:none;
  padding: 6px 12px;
  border-radius:4px;

  font-weight: bold;
  font-size: 14px;
}

.eupopup-button_2 {
	color: #f6a21d;
	font-weight: normal;
	font-size: 12px;
}

.eupopup-button {
	margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
	text-decoration: underline;
	color: #f6a21d;
}

body .eupopup-color-inverse {
	color: #000;
	background-color: rgba(255, 255,255 , 0.9);
}

body .eupopup-color-inverse .eupopup-head {
	color: #000;
}

body .eupopup-style-compact {
	text-align: left;
	padding: 8px 30px 7px 20px;
	line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
	display: inline;
	padding: 0;
	margin: 0;
}

body .eupopup-style-compact .eupopup-button {
	margin: 0 5px;
}



.kategorialista {
    margin-bottom:25px;
    position:relative;
    overflow:hidden;
    cursor:pointer;
}

.kategorialista .inner{
}



.kategorialista .kategoriacimke-big {
    font-size:15px;
    font-weight:600;
    text-transform: uppercase;
    color:#fff;

    background: #48a703 none repeat scroll 0 0;
    bottom: -120px;
    opacity: 1;
    padding: 28px 6% 17px;
    position: absolute;
    right: 0;
    transition: all 0.175s ease-in-out 0s;
    width: 100%;
    z-index: 1;
    text-align:center;
}

.kategorialista .kategoriacimke-big a{
    text-decoration:none;
    color:#fff;

}
.kategorialista:hover .kategoriacimke-big {
    bottom: 0;
}

.kategorialista:hover .kategoriacimke{
    transform: translateY(-10px);
    opacity:0;
}

.kategorialista .kep{
    overflow:hidden;
    width:100%;
    position:relative;
    border:2px solid #eee;

}

.kategorialista .kep img{
    transition: all .2s ease-in-out;
    overflow:hidden;
}


.kategorialista:hover .kep img {
    ansform: scale(1.1);
    transform: translateY(-20px);
}

.kategorialista .kategoriacimke{
    transition: all 0.175s ease-in-out 0s;
    opacity:1;
    transform: translateY(0);
    position:absolute;
    bottom:15px;
    left:15px;
    background:#fdba31;
    padding:4px 6px;
}

.kategorialista .kategoriacimke a{
    font-size:11px;
    text-decoration:none;
    font-weight:600;
    text-transform: uppercase;
    color:#000;
}

.regisztracio-nav-cont {
   width:90%;
   margin:0 auto;
}

.regisztracio-nav {
   color:#fff;
   text-align:center;
   font-size:18px;
   border-radius:5px;
   background:#48a603;
   padding-top:40px;
   padding-bottom:40px;
   cursor:pointer;
   box-shadow: 3px 3px 0px rgba(0,0,0,0.09);
}

.regisztracio-nav:hover {
   background:#389603;

}

.btn-reg {
margin-top:15px;
text-align:center;
}
.btn-reg a {
padding:4px 12px;
background:#e6e6e6;
border-radius:3px;