/* Letöltés weboldalak css */
A.alap01:link { text-decoration: none; } A.alap01:visited { text-decoration: none; } A.alap01:active { text-decoration: none; } A.alap01:hover { text-decoration: none; }
* {
	color:#5C5C5C;
	box-sizing: border-box;
}
body {
	font-family: Arial, Helvetica, sans-serif;
    max-width: 1000px;
    margin: 0 auto;
    background: #FFFFFF;
    background: #F7F7F7;
}
.menu {
  float:left;
  width:35%;
  text-align:center;
 border-right:1px #ccc solid; 
}
.menuitem {
  background-color:#0080C0;
  padding:8px;
  margin-top:7px;
  text-align:left;
  color:#fff;
}
.menuitem2 {
  background-color:#fff;
  padding:6px;
  text-align:left;
}
.focsop_menuitem {
	font-size: 16px;
	background-color:#0080C0;
	padding:8px;
	margin-top:7px;
	text-align:left;
	color:#fff;
}
.csop_menuitem  {
	font-size: 16px;
	background-color:#fff;
	padding:6px;
	text-align:left;
	padding:0px;
}
.arucikk_menuitem  {
	font-size: 16px;
	background-color:#fff;
	padding:6 0 6 0px;
	text-align:left;
}
/* ------------------------------ */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  font-size: 16px;
  background-color: #fff;
  padding: 8 12 2 0px;
}
.active, .accordion:hover {
  background-color: #ccc;
  background-color: #fff;
  color: #F87900;
}
.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
  color: #939393;
}
.active:after {
  content: "\2212";
  color: #F87900;
}
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  padding: 0 0 0 18px;
}
/* ------------------------------ */
  A:link { text-decoration: none; color: #5C5C5C; }
  A:visited { text-decoration: none; color: #5C5C5C; }
  A:hover { text-decoration: none; color: #0000FF; }
.fejlec_bal {
	background-color:#FFFFFF;
	float:left;
	width:70%;
	text-align:left;
	padding:25 0 25 25px;
}
.fejlec_kozep {
	float:left;
	width:30%;
}
.fejlec_jobb {
  /* EZ MOST NINCS */
  background-color:#e5e5e5;
  float:left;
  width:20%;
  padding:15px;
  margin-top:7px;
  text-align:center;
}
@media only screen and (max-width:620px) {
	/* 620 */
	/* For mobile phones: */
	.fejlec_bal, .fejlec_kozep, .fejlec_jobb {width:100%;}
}
.baloldal {
	float:left;
	background-color:#fff;
	width:70%;
	text-align:center;
	padding: 10px;
}
.kozep {
	float:left;
	width:30%;
	padding: 10px;
}
.right {
  /* EZ MOST NINCS */
  background-color:#e5e5e5;
  float:left;
  width:20%;
  padding:15px;
  margin-top:7px;
  text-align:center;
}
@media only screen and (max-width:620px) {
	/* 620 */
	/* For mobile phones: */
	.baloldal, .kozep, .right {width:100%;}
}
.letoltheto_iratmintak{
	background-color:#fff; padding:8px; margin-top:0px; text-align:center; font-size:20px; font-weight:bold; color:#0080C0;
}
input[type=text], input[type=password] { 
    width: 100%;
    padding: 6px 10px;
    margin: 0 0 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.aru_nev01 {
	/* Az áru neve*/
	text-align: left;
	color: #F87900;
	font-weight: normal;
}
.aru_nev02 {
	/* sárga vonal */
    margin: 8 0 8 0px;
	border:1px #F87900 solid;
}
.aru_nev03 {
    height: 10px;
	margin: 4 0 14 0px;
	background-color: #F87900;
}
.aru_csoport_nev {
	text-align: left;
	font-weight: bold;
	padding: 6 0 6 10px;
	color: white;
	background-color: #F87900; /* sárga*/
	background-color: #B4B3B3; /* szürke */
}
.aru_csoport_ismerteto {
	text-align: left;
	/* padding: 6 0 6 0px; */
	padding: 10px;
	background-color: #F7F7F7;
	border:1px #ccc solid;
	margin-bottom: 20px;
}
.vasarloi_kosar_info1 {
	min-height: 40px;
	background-color: #F87900;
	padding: 6px 0 8px;
	margin: 0 0 16px;
}
.vasarloi_kosar_info2 {
	width: 60%;
	float: left;
	background-color: #F87900;
	color:#FFFFFF;
	font-size: 24px;
	font-weight: bold;
    text-align: center;
}
.vasarloi_kosar_info3 {
	width: 40%;
	float: right;
	background-color: #F87900;
	color:#FFFFFF;
	font-size: 24px;
	font-weight: bold;
    text-align: center;
}
.vasarloi_kosar {
}
.vasarloi_kosar1 {
	/* fejléc */
	background-color: #0080C0;
    padding: 10px;
    margin: 0px;
}
.vasarloi_kosar2 {
	color:#FFFFFF;
    margin-bottom: 10px;
	font-size: 11px;
	font-weight: normal;
    text-align: center;
}
.vasarloi_kosar3 {
	color:#FFFFFF;
    margin-bottom: 10px;
	font-size: 26px;
	font-weight: bold;
    text-align: center;
}
.vasarloi_kosar4 {
	font-size: 11px;
}
.vasarloi_kosar5 {
	color:#F87900;
}
.vasarloi_kosar6 {
	color:#FFF;
	background-color:#F87900;
	background-color:#656565;
	background-color:#F87900;
    padding: 8px;
	border-right:2px #fff solid;
}
.vasarloi_kosar7 {
	color:#FFF;
	background-color:#B0AEAE;
    padding: 8px;
	border-right:2px #fff solid;
}
.vasarloi_kosar8 {
	color:#FFF;
	background-color:#B0AEAE;
    padding: 8px;
	border-right:2px #fff solid;
}
.vasarloi_kosar9 {
	color:#FFF;
	background-color:#B0AEAE;
    padding: 8px;
}
.vasarloi_kosar11 {
	color:#F87900;
    padding: 8px;
	text-align: center;
}
.vasarloi_kosar12 {
	background-color:#fff;
	color:#F87900;
    padding: 8px;
	border:2px #F87900 solid;
	text-align: center;
}
.vasarloi_kosar_tartalma {
	background-color:#D7F2FF;
	background-color: #FFEAD8;
    padding: 4px;
    margin: 0px;
}
.vasarloi_kosar_ures {
	background-color:#00CCCC;
   	color:#FFFFFF;
	font-weight: bold;
	text-align: center;
    padding: 16px;
    margin: 0px;
	border:1px #ccc solid;
}
.fizetesi_mod1 {
	background-color: #FFEAD8;
   	color:#FFFFFF;
	font-weight: bold;
    margin: 0px;
    padding-bottom: 4px;
}
.fizetesi_mod2 {
	/* Fiz. mód fejléc*/
	background-color:#EA4D00;
   	color:#FFFFFF;
	font-weight: bold;
	padding: 10px;
    margin: 0px;
	border:1px #ccc solid; 
}
.fizetesi_mod3 {
	background-color:#0080C0;
   	color:#FFFFFF;
	font-weight: bold;
	padding: 10px;
    margin: 0px;
	border:1px #ccc solid; 
}
.fizetesi_mod4 {
 }
.fizetesi_mod5 {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 10px;
	padding-bottom: 4px;
}
.fizetesi_mod6 {
	width:90%;
	font-weight:normal;
	color:#F87900;
    padding: 8px;
	margin:4px;
}
.rendeles_szamlazas1 {
	background-color: #FFEAD8;
	float:left;
	font-weight: normal;
	padding: 0px;
    margin: 0px;
}
.rendeles_szamlazas2 {
	/* Kapcsolattartás és számlázás fejléc*/
	background-color:#EA4D00;
   	color:#FFFFFF;
	font-weight: bold;
	padding: 10px;
    margin: 0px;
	border:1px #ccc solid; 
}
* {
  box-sizing:border-box;
}
.megrendelo_adatai {
	background-color: #FFEAD8;
	float:left;
	width:50%;
	min-height: 280px;
	text-align:center;
	padding: 10px;
}
.szamla_adatok_kozep {
	background-color: #FFEAD8;
	min-height: 320px;
	float:left;
	width:2%;
	padding: 1px;
}
.szamla_adatok {
	background-color: #FFEAD8;
	float:left;
	width:50%;
	min-height: 280px;
	padding: 10px;
}
@media only screen and (max-width:620px) {
	/* 620 */
	/* For mobile phones: */
	.megrendelo_adatai, szamla_adatok_kozep, .szamla_adatok {width:100%;}
}
.megrendeles_elkuldes {
	float:left;
	background-color: #FFEAD8;
	width:100%;
	padding: 8 0 14 0px;
}
.megrendeles_elkuldes2 {
	width: 50%;
	text-align: center;
	color:#F87900;
    padding: 8px;
	border:2px #F87900 solid;
	cursor: pointer;
	background-color: #FFFFFF;
}
.sms_adatok {
	background-color: #FFEAD8;
	float:left;
	width:100%;
	text-align:center;
	padding: 0px;
}
.sms_adatok2 {
	background-color: #F87900;
	color:#FFF;
	float:left;
	width:100%;
	text-align:left;
	padding: 8px;
}
.sms_adatok3 {
	float:left;
	width:100%;
	text-align:left;
	padding: 8px;
}
.button_01 {
  float: left;
  padding: 6px 10px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #000;
  background-color: #F2F2F2;
  border: none;
  border:1px #ccc solid; 
  border-radius: 15px;
  box-shadow: 0 9px #999;
}
.button_01:hover {background-color: #FFF;
  border:1px #9FE8EC solid; 
}
.button_01:active {
  background-color: #FFF;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.button_02 {
  float: right;
  padding: 6px 10px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  border:1px #ccc solid; 
  color: #fff;
  color: #008080;
   color:#00AAAA;
  background-color: #F2F2F2;
  border:1px #008080 solid;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}
.button_02:hover {background-color: #FFF;
  border:1px #9FE8EC solid; 
}
.button_02:active {
  background-color: #FFF;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.letoltesi_kod1 {
	background-color:#C7FED5;
	font-weight: normal;
	padding: 0px;
    margin: 0px;
}
.letoltesi_kod2 {
	background-color:#008080;
   	color:#FFFFFF;
	font-weight: bold;
	padding: 0px;
    margin: 0px;
	border:1px #ccc solid; 
}
.letoltesi_kod3 {
	background-color: #C7FED5;
	background-color: #0072D1;
	font-weight: normal;
	padding: 10px;
    margin: 0px;
	text-align: center;
}
.letoltesi_kod4 {
	/* Szöveg színe */
	color: #FFFFFF;
	font-weight: normal;
	padding: 10px;
    margin: 0px;
	text-align: center;
}
.letoltesi_kod5 {
	/* button */
	background-color: #F87900;
	padding: 4px;
	font-size:12.0pt;
	font-family: Arial;
	color:#FFFFFF;
	cursor: pointer;
}
.letoltes_button {
	background-color: #F87900;
	margin: 0 4 0 0px;
	padding: 6 10 6 10px;
	font-size:12.0pt;
	font-family: Arial;
	color:#FFFFFF;
	cursor: pointer;
}
.letoltes_div {
	text-align:center;
	background-color: #F87900;
	margin: 0 4 0 px;
	padding: 6 10 6 10px;
	font-size:12.0pt;
	font-family: Arial;
	color:#FFFFFF;
	width:100%; 
	cursor: pointer;
}
.letoltes_kep01 {
	margin: 0 8 0 4px;
	width: 50px;
}

.letoltesi_hely01 {
}
.letoltesi_hely02 {
}
.letoltesi_hely03 {
	border:1px #ccc solid;
}

/* -------------- fejlec    -------------------------*/
.column_fejlec {
    float: left;
    padding: 10px;
}

.row_fejlec:after {
    content: "";
    display: table;
    clear: both;
}
@media screen and (max-width: 600px) {
    .column_fejlec {
        width: 100%;
    }
}
.keret_belepes_fent {
    margin: 0 auto;
	text-align: center;
	color: #5B5B5B;
	background-color: #f9f9f9;
    border: 1px #ccc solid;
    padding: 10px;
    box-shadow: 5px 10px 18px #888888;
}
.ujvevo_szamla {
	float: left;
    margin: 0 auto;
	text-align: center;
	color: #5B5B5B;
	background-color: #f9f9f9;
    border: 1px #ccc solid;
    padding: 10px;
    /* margin-bottom: 2px;*/
    box-shadow: 5px 5px 2px #888;
}

@media screen and (max-width: 600px) { .ujvevo_szamla {width:97%;}}

/* -------------- fomenu1    -------------------------*/
.topnav_fomenu1 {
  /* Teljes menücsík */
  overflow: hidden;
  background-color: #333;
  background-color: #B4B3B3;
  border-bottom:1px #ccc solid; 
}
.topnav_fomenu1 a {
  /*  Menüpontok színe   */
  float: left;
  display: block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  color: white;
}
.active_fomenu1 {
  /* Az első menüpont */
  color: white;
}
.topnav_fomenu1 .icon {
  display: none;
}
.dropdown_fomenu1 {
    float: left;
    overflow: hidden;
}
.dropdown_fomenu1 .dropbtn_fomenu1 {
    font-size: 17px;    
    font-weight: normal;
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}
.dropdown_fomenu1-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.dropdown_fomenu1-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}
.topnav_fomenu1 a:hover, .dropdown_fomenu1:hover .dropbtn_fomenu1 {
  /*	egér mutató	*/
  background-color: #656565;
  color: white;
}
.dropdown_fomenu1-content a:hover {
	background-color: #0080C0; /* Menüpont háttér */
    color: black;
}
.dropdown_fomenu1:hover .dropdown_fomenu1-content {
	display: block;
}
@media screen and (max-width: 600px) {
  .topnav_fomenu1 a:not(:first-child), .dropdown_fomenu1 .dropbtn_fomenu1 {
    display: none;
  }
  .topnav_fomenu1 a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav_fomenu1.responsive_fomenu1 {position: relative;}
  .topnav_fomenu1.responsive_fomenu1 .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav_fomenu1.responsive_fomenu1 a {
    float: none;
    display: block;
    text-align: left;
  }
}

.topnav_fomenu1.responsive_fomenu1 .dropdown_fomenu1 {float: none;}
  .topnav_fomenu1.responsive_fomenu1 .dropdown_fomenu1-content {position: relative;}
  .topnav_fomenu1.responsive_fomenu1 .dropdown_fomenu1 .dropbtn_fomenu1 {
    display: block;
    width: 100%;
    text-align: left;
  }
}
/*---------------------------------------------------------------------*/