@import "subpage.css";
@import "submenu.css";


html, body { margin: 0; padding: 0; height: 100%; background-color: #EFE9CA; }

img { border:0;}

body.sub {
  background-image: url(../i/body_back.gif);
  background-repeat: repeat-y;
  background-position: center;
  background-color: #EFE9CA;
}

div#page {
  width: 872px;
  /*left: 50%; margin-left: -436px;*/

  margin: 0 auto;
  /*clear:both;*/
  position: relative;
  /*float:left;*/
  /*min-height: 100%;
  height: auto !important;
  height: 100%;*/
  background-color: #FFF;
  background-image: url(../i/index_body_back.gif);
  background-repeat: repeat-y;
  background-position: center;
}

html > body div#page {
margin: 0;
float:left;
left: 50%; margin-left: -436px;

}

div#subpage {
  width: 797px;
  left: 50%; margin-left: -398px;
  /*clear:both;*/
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background-color: #FFF;
  background-image: url(../i/sub_content_bg.gif); background-repeat: repeat-y; background-position: 195px top;
}

div#subpage_ref {
  width: 797px;
  left: 50%; margin-left: -398px;
  /*clear:both;*/
  position: relative;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background-color: #FFF;

}

div#page div#main{
  padding: 0 0 0px 0;
  width:797px;
  position: relative;
  margin: 0 auto;
   background-color: #FFF;
  /* float:left;*/
}

div#main{
  padding: 0 0 77px 0;
  width:797px;
  position: relative;
  /*float:left;*/
}




html > body div#main { /*float: left;*/ }




div#head {
  float:left;
  width: 797px; height: 83px;
  background-image: url(../i/head_noeng.jpg); background-repeat: no-repeat; background-position: top left;
}

div#subhead {
  /*float:left;*/
  width: 797px; height: 83px;
  background-image: url(../i/head_noeng.jpg); background-repeat: no-repeat; background-position: top left;
}

div#subheadbrizs {
  /*float:left;*/
  width: 797px; height: 83px;
  background-image: url(../i/head_noeng_brizs.jpg); background-repeat: no-repeat; background-position: top left;
}

div#head h1,
div#head strong,
div#head a span,
div#subhead h1,
div#subhead strong,
div#subhead a span{ display: none;}

div#head a.english,
div#subhead a.english,

div#head a.magyar,
div#subhead a.magyar {
  display: block;
  width: 94px; height: 16px;
  background-image: url(../i/english_version.gif); background-repeat: no-repeat; background-position: top left;
  float:right;
  margin-top:35px;
}

div#head a.magyar,
div#subhead a.magyar { background-image: url(../i/hungarian_version.gif); }

div#head a.index,
div#subheadbrizs a.index,
div#subhead a.index{
  display: block; float:left;
  width: 165px; height: 66px;
  margin-top:5px;
}

/* content */
div#content {
  /* background-color: #FFF; */
  position:relative;
  /*float:none;*/
  width: 797px;
}

div#subpage div#content {
  /* background-color: #FFF; */
  position:relative;
  /*float:none;*/
  width: 797px;
}

div#content div.flash{
  float:left;
  width: 797px; height: 242px;
  background-color: #DDDDDD;
}

div#content div.index {
  width: 313px;
  float:left;

}

div#content div.empty {
  background-image: url(../i/bg_index_leftbottom.jpg); background-repeat: no-repeat; background-position: left bottom;
  padding-bottom: 156px;
}


div#content div.akciok,
div#content div.promo {
  float: left;
  width: 313px;
  margin-bottom: 19px;

  padding-bottom: 3px;
}

div#content div.akciok {
  border-left: 7px solid #0A6A40;
}
div#content div.promo {
  border-left: 7px solid #D2B84B;
}

div#content div.akciok h3,
div#content div.promo h3 {
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  width:289px;
  background-image: url(../i/sub_boxtitle.gif); background-repeat: no-repeat; background-position: 10px bottom;
  font-weight: normal;
  margin: 0; padding:0px 0 15px 12px;
}

div#content div.akciok h3 {
  color: #0A6A40;
}

div#content div.promo h3 {
  color: #D2B84B;
}


div#content div.akciok p,
div#content div.promo p {
  display: block;  width:289px;
  padding:0px 0 0px 12px;
  margin-top: 0;
  margin-bottom: 2px;
}

img.framedPic {
  padding: 10px 11px 12px 11px;
  background-image: url(../i/bg_box_img.jpg); background-repeat: no-repeat; background-position: top left;
  display: block;
}

div#content div.akciok a.a1 span,
div#content div.akciok a.a2 span,
div#content div.akciok a.a2_last span,
div#content div.akciok a.a3 span,
div#content div.akciok a.a4 span,
div#content div.akciok a.prev span,
div#content div.akciok a.next span,
div#content div.promo a.a1 span,
div#content div.promo a.a2 span,
div#content div.promo a.a3 span,
div#content div.promo a.a4 span,
div#content div.promo a.prev span,
div#content div.promo a.next span,
div#content div.akciok a.a1_on span,
div#content div.akciok a.a2_on span,
div#content div.akciok a.a2_on_last span,
div#content div.akciok a.a3_on span,
div#content div.akciok a.a4_on span,
div#content div.promo a.a1_on span,
div#content div.promo a.a2_on span,
div#content div.promo a.a3_on span,
div#content div.promo a.a4_on span { display: none; }


div#content div.akciok a.prev,
div#content div.promo a.prev {
  display: block; float:left;
  width: 40px; height: 11px;
  margin-right: 52px;
  background-repeat: no-repeat; background-position: top left;
}

html > body div#content div.akciok a.prev,
html > body div#content div.promo a.prev { margin-left:18px; }
* html div#content div.akciok a.prev,
* html div#content div.promo a.prev { margin-left:9px; }

div#content div.akciok a.a1,
div#content div.akciok a.a2,
div#content div.akciok a.a2_last,
div#content div.akciok a.a3,
div#content div.akciok a.a4,
div#content div.promo a.a1,
div#content div.promo a.a2,
div#content div.promo a.a3,
div#content div.promo a.a4,
div#content div.akciok a.a1_on,
div#content div.akciok a.a2_on,
div#content div.akciok a.a2_on_last,
div#content div.akciok a.a3_on,
div#content div.akciok a.a4_on,
div#content div.promo a.a1_on,
div#content div.promo a.a2_on,
div#content div.promo a.a3_on,
div#content div.promo a.a4_on  {
  display: block; float:left;
  width: 21px; height: 11px;
  background-repeat: no-repeat; background-position: top left;
}

div#content div.akciok a.next,
div#content div.promo a.next {
  display: block; float:left;
  width: 64px; height: 11px;
}

html > body div#content div.akciok a.next,
html > body div#content div.promo a.next{ margin-left: 40px; }

* html div#content div.akciok a.next,
* html div#content div.promo a.next { margin-left: 40px; }

div#content div.akciok a.prev      { background-image: url(../i/green_prev.gif); }
div#content div.akciok a.next      { background-image: url(../i/green_next.gif); }
div#content div.akciok a.a1        { background-image: url(../i/green_01.gif); }
div#content div.akciok a.a2        { background-image: url(../i/green_02.gif); }
div#content div.akciok a.a2_last   { background-image: url(../i/green_02_last.gif); }
div#content div.akciok a.a3        { background-image: url(../i/green_03.gif); }
div#content div.akciok a.a4        { background-image: url(../i/green_04.gif); }


div#content div.promo a.prev { background-image: url(../i/brown_prev.gif); }
div#content div.promo a.next { background-image: url(../i/brown_next.gif); }
div#content div.promo a.a1   { background-image: url(../i/brown_01.gif); }
div#content div.promo a.a2   { background-image: url(../i/brown_02.gif); }
div#content div.promo a.a3   { background-image: url(../i/brown_03.gif); }
div#content div.promo a.a4   { background-image: url(../i/brown_04.gif); }

div#content div.akciok a.a1_on        { background-image: url(../i/green_01b.gif); }
div#content div.akciok a.a2_on        { background-image: url(../i/green_02b.gif); }
div#content div.akciok a.a2_on_last   { background-image: url(../i/green_02b_last.gif); }
div#content div.akciok a.a3_on        { background-image: url(../i/green_03b.gif); }
div#content div.akciok a.a4_on        { background-image: url(../i/green_04b.gif); }

div#content div.promo a.a1_on  { background-image: url(../i/brown_01b.gif); }
div#content div.promo a.a2_on  { background-image: url(../i/brown_02b.gif); }
div#content div.promo a.a3_on  { background-image: url(../i/brown_03b.gif); }
div#content div.promo a.a4_on  { background-image: url(../i/brown_04b.gif); }


div#content div.telephelyek {
  float:left;
  width: 266px;
  padding-right: 15px;
}

html > body div#content div.telephelyek {
  padding-left: 6px;
}


div#content div.hirek {
  float:left;
  width: 196px;
}

html > body div#content div.hirek {
   width: 197px;
}

div#content div.hirek h3 {
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  color: #0A6A40;
  font-weight: normal;
  margin: 0; padding:29px 0 6px 0px;
  background-image: url(../i/sub_boxtitle_narrow.gif);
  background-repeat: no-repeat;
  background-position: 0px bottom;
}

div#content div.hirek div.sep {
  height: 1px;
  font-size: 1px;
  margin: 0; padding: 0;
  background-image: url(../i/sub_boxtitle_narrow.gif);
  background-repeat: no-repeat;
  background-position: 0px bottom;
}

a.moreLink {
  background-image: url(../i/link_more_news.gif);
  background-repeat: no-repeat;
  background-position: top left;
  width: 180px; height: 19px;
  display: block;
  float:right;
  margin-top: 5px;
}

a.gray_link {
  background-image: url(../i/link_more_news.gif);
  background-repeat: no-repeat;
  background-position: top left;
  width: 180px; height: 19px;
  display: block;
  float:right;
  text-decoration: none;
  text-align: right;
  margin-top: 5px;
}

a.moreLink { display: none;}

div#content div.hirek div.hir1,
div#content div.hirek div.hir2{
  float:right;
  font-family: arial, helvetica, sans-serif; font-size: 11px;
  width: 180px;
  padding: 12px 8px 0px 2px;
  margin-bottom: 1px;
  background-image: url(../i/bg_news_nemlatszik.jpg);
  background-position: right -8px;
  background-repeat: no-repeat;
}

div#content div.hirek div.hir1 { border-right: 6px solid #0D7044; /*color: #0D7044;*/ }
div#content div.hirek div.hir2 { border-right: 6px solid #D2B84B; /*color: #A98418;*/ }


div#content div.hirek div.hir1 a.more,
div#content div.hirek div.hir2 a.more {
  float:right;
  padding-right: 6px;
  margin-right: 6px;
  background-position: right 4px;
  background-repeat: no-repeat;
}

div#content div.hirek div.hir1 a.more { background-image: url(../i/bullet_green.gif); }
div#content div.hirek div.hir2 a.more { background-image: url(../i/bullet_brown.gif); }

/* text */
p { font-family: arial, helvetica, sans-serif; font-size: 11px; }

.gray, a.gray, .gray a { color: #848484; }
.green, a.green, .green a { color: #0D7044; TEXT-DECORATION: none}
.brown, a.brown, .brown a { color: #A98418; TEXT-DECORATION: none}
.white, a.white, .white a { color: #FFF; TEXT-DECORATION: none}
.kepalairas { color: #A98418; FONT-SIZE: 10px; TEXT-DECORATION: none; font-family: arial}
.gray_full { color: #848484; font-family: arial, helvetica, sans-serif; font-size: 11px;}

a.nou, .nou a { text-decoration: none; }

a.ou { text-decoration: none; }
a.ou:hover { text-decoration: underline; }

h3 {
  font-family: tahoma, helvetica, sans-serif; font-size: 19px;
  font-weight: normal;
}

h4 {
  padding: 0 39px 7px 10px;
  margin: 0;
  font-family: arial, helvetica, sans-serif; font-size: 12px;
  display: block; /*float:right; clear:both;*/
  width: 517px;
}

h4.white { background-image: url(../i/bullet_white.gif); background-repeat: no-repeat; background-position: 0px 4px; }
h4.brown {
	  clear: both;
	  float: left;
	  display: block;
}
/* menu */

div#page div#menu,
div#page div#menu_en {

  float:left;
}

div#menu {
  width: 797px; height: 32px;
  /*float:left;*/
  /*position: absolute; float: left; clear: both; left: 0px; top: 83px;*/
  background-image: url(../i/menu_selected.jpg); background-repeat: no-repeat; background-position: top left;
}

div#menu a.ceginformacio,
div#menu a.termekek,
div#menu a.szolgaltatasok,
div#menu a.referenciak,
div#menu a.akciok,
div#menu a.ajanlat,
div#menu a.kapcsolat {height: 32px; display: block; float:left; background-repeat: no-repeat; background-position: top left;}

div#menu a.magyar,a.nemet, a.angol, a.roman, a.szlovak
{
  height: 32px;
  display: block; float:right;
  background-repeat: no-repeat; background-position: top left;
}



div#menu a.ceginformacio { background-image: url(../i/menu_01.jpg); width: 131px;}
div#menu a.termekek { background-image: url(../i/menu_02.jpg); width: 133px;}
div#menu a.szolgaltatasok { background-image: url(../i/menu_03.jpg); width: 57px;}
div#menu a.referenciak { background-image: url(../i/menu_04.jpg); width: 82px;}
div#menu a.ajanlat { background-image: url(../i/menu_05.jpg); width: 129px;}
div#menu a.kapcsolat { background-image: url(../i/menu_06.jpg); width: 67px;}

div#menu a.magyar { background-image: url(../i/menu_m.jpg); width: 28px;}
div#menu a.angol { background-image: url(../i/menu_a.jpg); width: 28px;}
div#menu a.nemet { background-image: url(../i/menu_n.jpg); width: 27px;}
div#menu a.roman { background-image: url(../i/menu_r.jpg); width: 29px;}
div#menu a.szlovak { background-image: url(../i/menu_s.jpg); width: 28px;}

div#menu a.ceginformacio:hover,
div#menu a.termekek:hover,
div#menu a.szolgaltatasok:hover,
div#menu a.referenciak:hover,
div#menu a.akciok:hover,
div#menu a.ajanlat:hover,
div#menu a.kapcsolat:hover,
div#menu a.magyar:hover,
div#menu a.angol:hover,
div#menu a.nemet:hover,
div#menu a.roman:hover,
div#menu a.szlovak:hover,
div#menu a.on
{
  background-image: none;
}

div#menu a.ceginformacio span,
div#menu a.termekek span,
div#menu a.szolgaltatasok span,
div#menu a.referenciak span,
div#menu a.akciok span,
div#menu a.ajanlat span,
div#menu a.kapcsolat span,
div#menu a.magyar span,
div#menu a.angol span,
div#menu a.nemet span,
div#menu a.roman span,
div#menu a.szlovak span

{ display: none; }






div.h3index {
  float:left; clear:right;
  padding: 3px 0 13px 12px;
  background-image: url(../i/sub_boxtitle.gif); background-repeat: no-repeat; background-position: 10px bottom;


}
div.h3index img{
  padding: 0;
  background-image:none;
  display: block;
}
div.h3news {
  float:left;clear:right;
  padding: 14px 0 0px 0;
  background-image: url(../i/sub_boxtitle_narrow.gif); background-repeat: no-repeat; background-position: 0px bottom;
}
/*html > body div.h3index{margin-left: 30px;}*/



/* footer */

div#footIndex_en,
div#footIndex {
  width: 872px;
  float:left;
  padding: 0px 0px 36px 0px;
  background-image: url(../i/index_foot_back.gif);
  background-repeat: repeat-y;
  background-position: center;
}

div#footIndex_en div#foot_i,
div#footIndex div#foot_i {
  height: 68px; width: 763px;
  /*float:left;*/
  background-color: #07633A;
  background-image: url(../i/bg_footer.jpg); background-repeat: no-repeat; background-position: bottom;

  border-top: 1px solid #FFF;
  padding: 9px 0 0 34px;
  margin: 0 auto;
}



div#foot,
div#foot_en {
  height: 68px; width: 763px;
  /*float:left;*/
  background-color: #07633A;
  background-image: url(../i/bg_footer.jpg); background-repeat: no-repeat; background-position: bottom;
  /*position: absolute;*/
  bottom: 0 !important;
  bottom: -1px;
  border-top: 1px solid #FFF;
  padding: 9px 0 0 34px;
  clear: both;
}
* html div#foot,
* html div#foot_en { z-index:-1;
 }

.copy {
   width: 294px;
   padding: 12px 0 13px 0;
   color: #83B19D;
  font-family: arial, helvetica, sans-serif; font-size: 11px;
  float:left;
}

.sitemap {
  width: 65px;
  background-image: url(../i/footer_sep.gif); background-position: left; background-repeat: no-repeat;
  padding: 12px 12px 13px 13px;
  font-family: arial, helvetica, sans-serif; font-size: 11px;
  float:left;
}
div#footIndex_en .sitemap,
div#foot_en .sitemap { width: 35px;}

.contact {
  width: 40px;
  background-image: url(../i/footer_sep.gif); background-position: left; background-repeat: no-repeat;
  padding: 12px 14px 13px 13px;
  font-family: arial, helvetica, sans-serif; font-size: 11px;
  float:left;
}

div#footIndex_en .contact,
div#foot_en .contact { width: 32px; }

.legal {
  width: 90px;
  background-image: url(../i/footer_sep.gif); background-position: left; background-repeat: no-repeat;
  padding: 12px 12px 13px 14px;
  font-family: arial, helvetica, sans-serif; font-size: 11px;
  float:left;
}
div#footIndex_en .legal,
div#foot_en .legal { width: 82px; }

.mitisoft  {
  width: 131px;
  background-image: url(../i/footer_sep.gif); background-position: left; background-repeat: no-repeat;
  padding: 9px 14px 11px 43px;
  font-family: arial, helvetica, sans-serif; font-size: 11px;
  float:left;
}


div#akcio2,
div#akcio3,
div#akcio4,
div#promo2,
div#promo3,
div#promo4 { display: none;}

div.akcioContainer,
div.promoContainer{
  height: 181px;
}