body {
	margin: 0;
	padding: 0;
  background-color: white;
  font-family: Arial, Helvetica, sans-serif;
  color: black;
}
a { color: #000 !important; }
#page {
  width: 650px;
  /*margin: 1px auto 0 1px;
  border-right: 1px solid #C7BC57;*/
}

#page_start {
  width: 600px;
  margin: 30px auto 0 auto;
  border-right: 1px solid #C7BC57;
  border-left: 1px solid #C7BC57;
  border-bottom: 2px solid #C7BC57;
  border-top: 1px solid #C7BC57;
}

#page_header {
  margin: 0;
  padding: 0;
  width: 950px;
  height: 180px;
	background-color: white;
  background-image: url(ekszergyartas/img/fejlec.jpg); 
  background-repeat: no-repeat;
 /* border-bottom: 1px solid #F3E496;*/
}

#page_header h1 {
  font-size: 1.2em;
  margin: 0;
  padding-top: 150px;
  padding-left: 50px;
  font-weight: normal;
  letter-spacing: 0.05em;
  color: white;
  /*font-variant: small-caps;*/
}

#page_header_start {
  margin: 0;
  padding: 0;
  width: 600px;
  height: 210px;
	background-color: white;
  background-image: url(fermy_start_header.jpg); 
  background-repeat: no-repeat;
 /* border-bottom: 1px solid #F3E496;*/
}

#page_body {
  /*border-bottom: 1px solid #C7BC57;
  margin: 0;
  padding: 0;*/
  padding-top: 1px;
  /*background-color: white;
  background-repeat: no-repeat;*/
}

#page_body_start {
  /*border-bottom: 1px solid #C7BC57;*/
  margin: 0;
  padding: 0;
  padding-top: 1px;
  background-color: white;
  background-repeat: no-repeat;
}


h1 {
  font-size: 1.2em;
  /*float: left;*/
  padding: 0;
  /*position: absolute;*/
  /*margin-top: 34px;*/
  /*margin-bottom: 20px;*/
  font-weight: normal;
  letter-spacing: 0.05em;
  /*color: #555;*/
  /*font-variant: small-caps;*/
}

span.h1 {
  color: #C7BC57;
  font-size: 0.8em;
}

h2 {
  font-size: 1em;
  padding: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: normal;
  letter-spacing: 0.05em;
  color: #555;
}

h3 {
  font-size: 0.9em;
  padding: 0;
  margin-top: 15px;
  margin-bottom: 0px;
  letter-spacing: 0.05em;
  color: #555;
  font-variant: small-caps;
}

hr {
  color: #eee;
}

p {
	margin: 0;
	margin-bottom: 0.7em;
	line-height: 1.65em;
	font-size: 0.73em;
	/*color: #2F493C;*/ /* #378728;*/ /*#777;*/
	letter-spacing: 0.03em;
}

ul.szoveges_tartalom li {
	font-size: 0.73em;
	color: #2F493C;
}


ul.altalanos li {

	line-height: 1.65em;
	font-size: 0.73em;
	color: #2F493C; /* #378728;*/ /*#777;*/
	letter-spacing: 0.03em;
}

strong {
  font-weight: normal;
}

.clearer {
  clear: both;
  margin: 0;
  padding: 0;
}

.clearer_right {
  clear: right;
}

.clearer_left {
  clear: left;
}


#main_nav {
  margin: 0;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.75em;
	background-color: #C7BC57;
	/*border: 1px solid #C7BC57;*/
	/* border-right: 1px solid #C7BC57;*/
  background-image: url(ekszergyartas/img/main_nav_bg.gif);
	background-repeat: repeat-x;
}

#main_nav a {
 padding: 4px;
 text-decoration: none;
 color: #094025;
 letter-spacing: 0.1em;
 /*border: 1px solid #C7BC57;*/

}

#main_nav a:hover {
 color: #E8D263;
 background-color: #095A31;

/* border-bottom-color: white;*/

}

#languages {
 float: right;
 padding: 0;
 padding-top: 3px;
}

#languages img {
 border: none;
 margin: 0;
 padding: 0;
 margin-right: 15px;
}

#main_nav ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#main_nav li {
  list-style: none;
  display: inline;
  padding: 0;
  padding-left: 25px;
}

#main_nav_start {
  margin: 0;
  margin-top: 1px;
  margin-bottom: 1px;
  padding: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.75em;
	background-color: #C7BC57;
	/*border: 1px solid #C7BC57;*/
	/* border-right: 1px solid #C7BC57;*/
  background-image: url(start_main_nav_bg.gif);
/*	background-repeat: repeat-x; */
	border-bottom: 1px solid #FDEE95;
}

#main_nav_start a {
 padding: 4px;
 text-decoration: none;
 color: #094025;
 letter-spacing: 0.2em;
 font-weight: bold;
 /*border: 1px solid #C7BC57;*/

}

#main_nav_start img {
 border: none;
 margin-top: 3px;

}

#main_nav_start a:hover {
 /*color: #E8D263;*/
 background-color: white;

/* border-bottom-color: white;*/

}

#main_nav_start ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 width: 100%;
}

#main_nav_start li {
  list-style: none;
  display: inline;
  padding: 0;
  padding-left: 20px;
}
/* header_nav  ----------------------------- */
#header_nav {
  margin: 0;
  padding: 0;
  margin-top: 78px;
  height: 100px;
  float: right;
}

#header_nav img {
 border: none;
 margin: 0;
 border-left: 1px solid #F3E496;
 border-top: 1px solid #F3E496;
 border-bottom: 1px solid #F3E496;
 opacity:0.8;filter:alpha(opacity=80);
}

#header_nav a {
 margin: 0;
 padding: 0;

}

#header_nav a:hover img {
 border-top-color: white;
 /*border-bottom-color: green; */
 opacity:1;filter:alpha(opacity=100);
}

#header_nav ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#header_nav li {
  list-style: none;
  display: inline;
  padding: 0;
  margin: 0;
}
/* end of header_nav   -----------------------------*/

#page_footer_start {
  margin: 0;
  padding: 0;
  padding-top: 10px;
}

#page_footer_start p {
  color: #666;
  font-size: 0.6em;
  margin: 0;
  padding: 0;
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#page_footer {
  margin: 0;
  padding: 0;
  padding-top: 30px;
}

#page_footer p {
  color: #666;
  font-size: 0.6em;
  margin: 0;
  padding: 0;
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#footer_nav {
  margin: 0;
  padding: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.75em;

}

#footer_nav a {
 padding: 4px;
 text-decoration: none;
 color: #094025;
}

#footer_nav a:hover {
 color: #E8D263;
 background-color: #095A31;
}

#footer_nav ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#footer_nav li {
  list-style: none;
  display: inline;
  padding: 0;
  padding-left: 15px;
}


#hasab_1 {
  /*float: left;*/
  /*width: 400px;*/
  margin: 0;
  padding: 0;
  margin-right: 20px;
/*  background-color: white; */
  background-repeat: no-repeat;
}

#hasab_2 {
 /* float: right;
  width: 520px;*/
  margin: 0;
  padding: 0;
/*  background-color: white; */
}

#teljes_szelessegu_hasab {
  margin: 0;
  padding: 10px;
}

#termekek_listaja {
  float: left;
  padding: 0;
  margin: 0;
  /*padding-left: 20px;
  padding-top: 20px;*/
  padding-bottom: 5px;
  background-color: none; 
/*  background-color: #eee; */
/*  background-repeat: repeat-y; */
}
#panel {
  margin: 0;
  margin-bottom: 20px;
  display: none;
  width: 500px;
  height: 430px;
  background-color: white;
  /*background-size: 80%;*/
  border: 1px solid #ccc;
}

#panel a {
  text-decoration: none;
}

#panel_bezar {
  margin: 10px;
  float: right;
}

#kosarba_rak {
  margin: 10px;
  float: left;
}
#kosarba_rak img {
  border: none;
  width: 20px;
  height: 21px;
}

#kovetkezo_kep {
  margin: 10px;
  margin-top: 365px;
  float: right;
  text-align: right;
}

#elozo_kep {
  margin: 10px;
  margin-top: 365px;
  float: left;
}

#termek_nev {
  margin: 10px;
  margin-top: -35px;
  margin-bottom: 0;
  /*text-align: center;*/
}

#termek_suly {
  margin: 0 auto 0 auto;
  margin-left: 20px;
  /*text-align: center;*/
  font-size: 0.7em;
}

#oldalak_kozotti_nav {
padding: 0;
/*margin: 5px;*/
/*margin-right: 20px;*/
  text-align: right;
  /*margin-top: 5px;*/
}

#oldalak_kozotti_nav a {
text-decoration: none;
}

img.termek_kep_kicsi {
  border: 1px solid #ccc;
  width: 100px;
  height: 100px;
  margin: 0;
}

div.termek_box {
  float: left;
  margin: 0;
  margin-right: 20px;
  /*margin-bottom: 10px;*/
  padding: 0;
  height: 110px;
}

div.termek_label {
  position: relative;
  width: 100;
  height: 100;
  top: -100px;
  left: 0px;
  text-align: right;
  padding: 0;
  padding-right: 3px;
  margin: 0;
  /*border: 1px solid black;*/
}

div.termek_label a {
  text-decoration: none;
	font-size: 0.7em;
}

div.termek_eladas_box {
  float: left;
  margin: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 4px;
  background-color: #FAFAFA;
}

img.termek_eladas_kep_kicsi {
  border: 1px solid #ccc;
  width: 100px;
  height: 100px;
  margin: 0;
}

div.termek_eladas_adatok {
  width: 100;
  height: 100;
  text-align: left;
  padding: 0;
  padding-right: 3px;
  margin: 0;
  /*border: 1px solid black;*/
  font-size: 0.7em;
  background-color: #FAFAFA;
  margin-top: 10px;
}

#megrendeles_osszesitese {
  margin: 0;
  margin-right: 20px;
  margin-bottom: 30px;
  padding: 10px;
  padding-bottom: 0;
  /*background-color: white;*/
  border: 1px solid #C8AA50;
}

#hasab_mainpage {
  float: right;
  width: 400px;
  margin: 0;
  padding: 0;
  margin-top: 30px;
  margin-right: 15px;
}

#hasab_termekeink {
  float: right;
  width: 415px;
  margin: 0;
  padding: 0;
  margin-top: 120px;
  margin-right: 55px;
}

#hasab_szerszamkeszites {
  float: right;
  width: 535px;
  margin: 0;
  padding: 0;
  margin-top: 0px;
  margin-right: 0px;
}

a.bovebben {
  color: #090F79;
}

a {
  color: #090F79;
}

a:hover {
 /*color: #c00;*/
}

a.vissza {
 text-decoration: none;
 color: #444;
}

a.vissza:hover {
 color: #c00;
}


table {
  width: 100%;
  /*border-collapse: collapse; */
  margin-bottom: 10px;
}

th, td {
 /* border-bottom: 1px solid #ddd; */
  padding: 3px;
}

th {
  font-size: 0.8em;
  background-color: #B6DDC7;
  border-color: #7BC4A0;
  text-align: left;
}


td {
    font-size: 0.8em;
}

tr.sotet td {
    background-color: #eee;
}

td.sotet {
    background-color: #eee;
}

td p {
  margin: 0;
  padding: 0;
}


#sitemap li {
  list-style-type: circle;
  color: green;
  font-size: 1em;
  margin-bottom: 5px;
  
}

#sitemap a {
 padding: 4px;
 text-decoration: none;
 color: #094025;
}

#sitemap a:hover {
 color: #E8D263;
 background-color: #095A31;
}

input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  /*background-color: #FBE9AF;*/
	color: green;
 /* border: 1px solid #C8AA50; */
	margin: 0;
  padding: 2px 0px 0px 2px;
}

/*
button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: normal;
  border: 1px solid #FBE9AF;
  padding: 0;
  background-color: #C8AA50;
  height: 20px;
}

button.big_button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  border: 1px solid #FBE9AF;
  padding: 5px;
  background-color: #C8AA50;
  height: 30px;
}
*/

#ugyfelkapu {
  position: absolute;
  z-index: 2;
  top: 3px;
  left: 550px;
  width: 400px;
  height: 40px;
  background-color: none;
}

#ugyfelkapu p {
  color: #F6DD5E;
}

#ugyfelkapu a {
  color: #eee;
}

#ugyfelkapu input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  background-color: #FBE9AF;
	color: green;
  border: 1px solid #C8AA50;
	margin: 0;
  padding: 2px 0px 0px 2px;
}

#ugyfelkapu button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.85em;
  font-weight: normal;
  border: 1px solid #eee;
  padding: 0;
  background-color: #ccc;
  height: 20px;
}


/* IE stretched button bug workaround */

button.button {
    padding: 0 .25em;
    width: 0; /* for IE only */
    overflow: visible;
    margin-top: 20px;
}

button.button[class] { /* IE ignores [class] */
    width: auto;
}

/*********************************************************************************** new design ************************************************************************************/
#page_body { background: none !important; }
.wrapper.termekekwrapper .container.termekek #page #page_body #hasab_2 h1 { /*display: none;*/ }