html,body {
height: 100%;
margin: auto;
padding: 0;
font-size: 9pt;
color: #FFFFFF;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #6C8298;
font-weight: bold;
text-decoration: none;
cursor: auto;
}

body {
text-align: center; /* összes div-et kp-re rendezi */
}

body form {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#szoveg {
text-align: left;
font-size: 8pt;
color: #166488;
border: 0px solid #000000;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
}

#szoveg vastag {
font-weight: bold;
}

.alink{
font-weight: normal;
font-size: 8pt;
color: #166488;
font-family: verdana, geneva, arial;
text-decoration: underline;
cursor: pointer;}

A.alink:hover{
text-decoration: none;
cursor: pointer;}

.alinkb{
font-weight: bold;
font-size: 8pt;
color: #166488;
font-family: verdana, geneva, arial;
text-decoration: underline;
cursor: pointer;}

A.alinkb:hover{
text-decoration: none;
cursor: pointer;}

.gomb {
height: 20px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #245972;
border: 2px #ffffff solid;
background-color: #CDDDE5;
border-color: #ffffff #7FADC3 #5894B0 #CDDDE5;
cursor: pointer;
}

.gomb_err {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #245972;
border: 2px #ffffff solid;
background-color: #D80000;
border-color: #ffffff #7FADC3 #5894B0 #CDDDE5;
cursor: pointer;
}

.mezo {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #245972;
border: 1px #ffffff solid;
background-color: #CDDDE5;
border-color: #245972 #E4EDF2 #E4EDF2 #245972;
cursor: text;
}

.mezo_err {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
border: 1px #D80000 solid;
border-color: #245972 #E4EDF2 #E4EDF2 #245972;
color: #ffffff;
background-color: #CF0F0F;
}

.mezo_nemakt {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #245972;
border: 1px #ffffff solid;
background-color: #BAC6CC;
border-color: #245972 #E4EDF2 #E4EDF2 #245972;
cursor: text;
}

.mezo_textarea {
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #245972;
border: 1px #ffffff solid;
background-color: #CDDDE5;
border-color: #245972 #E4EDF2 #E4EDF2 #245972;
cursor: text;
}

.legord {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
background-color: #E0E0E0;
}

.legord_err {
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #ffffff;
background-color: #ff0000;
}


#nagy_keret {
width: 962px;
margin: 10px auto;
padding: 0px 0px 0px 0px;
border: 0px solid #000000;
background: url(../images/hattercsik.gif) center repeat-y;
}


#keret {
width: 956px;
margin: 0 auto;
padding: 0;
border: 0px solid #000000;
color: #000000;
}

#cont_main {
border: 0px solid #ff0000;
}

#cont_main_hatter {
width: 100%;
border: 0px solid #ff0000;
background: url(../images/hatter_termek.png);
float: left;
}

#cont_main_ures {
width: 100%;
border: 0px solid #ff0000;
float: left;
}


#profil_gomb {
position: absolute;
width: 70px;
height: 40px;
margin-top: 120px;
border: 0px solid #000000;
cursor: pointer;
}

#email_gomb {
position: absolute;
width: 70px;
height: 50px;
margin-top: 160px;
border: 0px solid #000000;
cursor: pointer;
}

#menu {
width: 956px;
height: 43px;
border: 0px solid #000000;
text-align: right;
vertical-align: middle;
background: url(../images/hatter_menu.png);
}

#menu div.m1 {
width: 120px;
height: 26px;
margin: 8px 0px 0px 0px;
cursor: pointer;
float: right;
background: url(../images/m_bemutatkozas.png);
}

#menu div.m2 {
width: 92px;
height: 26px;
margin: 8px 0px 0px 0px;
cursor: pointer;
float: right;
background: url(../images/m_termekek.png);
}

#menu div.m3 {
width: 70px;
height: 26px;
margin: 8px 0px 0px 0px;
cursor: pointer;
float: right;
background: url(../images/m_arlista.png);
}

#menu div.m4 {
width: 74px;
height: 26px;
margin: 8px 0px 0px 0px;
cursor: pointer;
float: right;
background: url(../images/m_akciok.png);
}

#menu div.m5 {
width: 88px;
height: 26px;
margin: 8px 0px 0px 0px;
cursor: pointer;
float: right;
background: url(../images/m_rendeles.png);
}

#menu div.m6 {
width: 104px;
height: 26px;
margin: 8px 0px 0px 0px;
cursor: pointer;
float: right;
background: url(../images/m_partnereink.png);
}

#menu div.m7 {
width: 77px;
height: 26px;
margin: 8px 0px 0px 0px;
cursor: pointer;
float: right;
background: url(../images/m_kapcsolat.png);
}

#menu div.m8 {
width: 109px;
height: 26px;
margin: 8px 0px 0px 0px;
cursor: pointer;
float: right;
background: url(../images/m_regisztracio.png);
}

#bmenu {
width: 270px;
margin: 0 auto;
padding: 0;
float: left;
border: 0px solid #000000;
background: url(../images/hatter_buborek.jpg) center repeat-y;
}

#bmenu div.kosar {
width: 266px;
height: 41px;
float: left;
border: 0px solid #000000;
background: url(../images/t_kosartartalma.png);
}

#bmenu div.kosar_adatok {
height: 141px;
padding: 0px 30px 0px 30px;
float: left;
text-align: left;
border: 0px solid #000000;
}

#bmenu span {
font-size: 15pt;
color: #166488;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}

#bmenu span.piros {
font-size: 15pt;
color: #C00020;
padding: 0px 18px 0px 18px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
}

#bmenu div.piros_b {
color: #C00020;
text-align: center;
font-size: 15pt;
color: #C00020;
padding: 10px 0px 10px 0px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}

#bmenu div.termekek {
width: 266px;
height: 41px;
float: left;
border: 0px solid #000000;
background: url(../images/t_termekek.png);
}

#bmenu div.termek_lista {
float: left;
text-align: left;
font-size: 8pt;
color: #166488;
margin: 10px 5px 10px 5px;
border: 0px solid #000000;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}

#cont_tartalom {
width: 686px;
float: right;
padding: 0;
border: 0px solid #000000;
background-color: #FFFFFF;
}

#lablec { 
width: 956px;
height: 120px;
clear:both;
padding: 0;
margin: 0 auto;
text-align: center;
font-size: 10pt;
color: #ffffff;
font-weight: normal;
border: 0px solid #000000;
background: url(../images/lablec.png) center repeat-y;
}

#l_menu {
font-size: 10pt;
color: #ffffff;
font-weight: normal;
margin: 10px auto;
border: 0px solid #00ff00;
}

#l_menu a {
font-size: 10pt;
color: #ffffff;
font-weight: bold;
cursor: pointer;
text-decoration: none;
}

#l_menu a:hover {
font-size: 10pt;
color: #ffffff;
font-weight: bold;
text-decoration: underline;
}

#alt_szoveg {
font-size: 10pt;
color: #000000;
font-weight: normal;
}

#alt_szoveg_center {
text-align: center;
border: 1px solid #000000;
}

#bmenu_alap {
width: 270px;
margin: 0 auto;
padding: 0;
float: left;
border: 0px solid #000000;
}




#hfu_hiba {
width: 500px;
padding: 4px 4px 4px 4px;
margin: 4px 4px 4px 4px;
border: 1px solid #CCCCCC;
color: #ffffff;
background-color: #CF0F0F;
vertical-align: middle;}

#hfu_figy {
width: 500px;
padding: 4px 4px 4px 4px;
border: 1px solid #CCCCCC;
color: #ffffff;
background-color: #F47B32;}

#hfu_uzen {
width: 500px;
padding: 4px 4px 4px 4px;
border: 1px solid #CCCCCC;
color: #ffffff;
background-color: #33B363;}


.a_1{
font-weight: normal;
font-size: 8pt;
color: #000000;
font-family: verdana, geneva, arial;
text-decoration: none;}

A.a_1:hover{
text-decoration: underline;}

.a_2{
font-weight: normal;
font-size: 8pt;
color: #ff0000;
font-family: verdana, geneva, arial;
text-decoration: none;}

A.a_2:hover{
text-decoration: underline;}

.vastag{
font-weight: bold;}


/* csak termek lista olal eleje */

#tlista_keret {
width: 646px;
margin: 20px 20px 20px 20px;
border: 0px solid #00ff00;
background-color: #FFFFFF;
}

#tlista_keret_all {
width: 646px;
border: 0px solid #00ff00;
background-color: #FFFFFF;
}

#tlista_bal {
width: 185px;
height: 320px;
float: left;
border: 0px solid #000000;
background-color: #7FADC3;
text-align: left;
margin: 20px 12px 20px 10px;
}

#tlista_bal_kepkeret {
width: 175px;
height: 136px;
border: 1px solid #3D7F9D;
margin: 4px 4px 4px 4px;
}

#tlista_bal_kepkeret2 {
width: 173px;
height: 134px;
border: 1px solid #C6D8E2;
background-color: #ffffff;
text-align: center;
}

#tlista_szoveg_keret {
width: 171px;
height: 60px;
border: 0px solid #C6D8E2;
text-align: left;
margin: 0px 6px 0px 6px;
}

#tlista_szoveg_keret2 {
width: 171px;
height: 100px;
border: 0px solid #C6D8E2;
text-align: left;
margin: 0px 6px 0px 6px;
}

#tlista_bal_szoveg {
width: 171px; 
height: 45px;
float: left;
border: 0px solid #C6D8E2;
text-align: left;
font-size: 8pt;
color: #104964;
font-weight: bold;
}

#tlista_bal_szoveg a.termnev{
font-weight: bold;
font-size: 8pt;
color: #104964;
font-family: verdana, geneva, arial;
text-decoration: none;}

#tlista_bal_szoveg A.a.termnev:hover{
text-decoration: underline;}

#tlista_urmertek {
border: 0px solid #C6D8E2;
text-align: left;
font-size: 8pt;
color: #FDE283;
font-weight: bold;
}

#tlista_bal_szoveg2 {
width: 171px; 
height: 60px;
border: 0px solid #C6D8E2;
text-align: left;
font-size: 9px;
color: #104964;
font-weight: normal;
padding: 6px 0px 6px 0px;
}

#tlista_bal_szoveg2 span {
color: #ffffff;
}


#tlista_bal_ar {
width: 185px;
height: 30px;
border: 0px;
text-align: left;
background-color: #166488;
font-size: 12pt;
color: #ffffff;
font-weight: normal;
vertical-align: middle;
}

#tlista_bal_ar div {
padding: 5px 0px 0px 10px;
}

#tlista_jobb_kosarbatesz {
border: 0px solid #C6D8E2;
text-align: left;
font-size: 8pt;
color: #FDE283;
font-weight: bold;
text-align: center;
}


/* csak termek lista olal vege */


#t_keret_center {
width: 646px;
margin: 20px 20px 20px 20px;
border: 0px solid #00ff00;
background-color: #E8F0F4;
text-align: center;
}

#t_keret {
width: 646px;
margin: 20px 20px 20px 20px;
border: 0px solid #00ff00;
background-color: #FFFFFF;
}

#t_cim {
width: 646px;
margin: 0px 0px 20px 0px;
text-align: right;
font-size: 14pt;
color: #166488;
border: 0px solid #000000;
font-weight: normal;
}

#t_bal {
width: 410px;
height: 515px;
float: left;
border: 0px solid #000000;
background-color: #7FADC3;
text-align: left;
}

#t_bal_kepkeret {
width: 390px;
height: 350px;
margin: 10px 10px 10px 10px;
border: 1px solid #3D7F9D;
}

#t_bal_kepkeret2 {
width: 388px;
height: 348px;
border: 1px solid #C6D8E2;
background-color: #ffffff;
text-align: center;
}

#t_szoveg_keret {
width: 388px;
height: 45px;
border: 0px solid #C6D8E2;
margin: 0px 10px 0px 10px;
text-align: left;
}

#t_szoveg_keret2 {
width: 388px;
height: 55px;
border: 0px solid #C6D8E2;
margin: 10px 10px 0px 10px;
text-align: left;
}

#t_bal_szoveg {
width: 300px; 
float: left;
border: 0px solid #C6D8E2;
text-align: left;
font-size: 13pt;
color: #104964;
font-weight: bold;
}

#t_bal_szoveg2 {
width: 280px; 
float: left;
border: 0px solid #C6D8E2;
text-align: left;
font-size: 11pt;
color: #104964;
font-weight: normal;
}

#t_bal_szoveg2 span {
color: #ffffff;
}


#t_bal_ar {
width: 410px;
height: 35px;
border: 0px;
text-align: left;
background-color: #166488;
font-size: 14pt;
color: #ffffff;
font-weight: normal;
vertical-align: middle;
}

#t_bal_ar div {
padding: 5px 0px 0px 10px;
}

#t_jobb {
width: 210px;
height: 515px;
float: right;
border: 0px solid #000000;
background-color: #E4EFF4;
background: url(../images/t_jobb_logo.png);
text-align: left;
}

#t_jobb_cim {
width: 63px;
height: 18px;
margin: 10px 0px 0px 16px;
border: 0px solid #000000;
background: url(../images/t_jobb_cim.gif);
}

#t_jobb_leiras {
width: 188px;
margin: 16px 10px 16px 10px;
font-size: 8pt;
color: #166488;
border: 0px solid #000000;
font-weight: normal;
}

#t_jobb_urmertek {
float: right;
border: 0px solid #C6D8E2;
text-align: left;
font-size: 13pt;
color: #FDE283;
font-weight: bold;
}

#t_jobb_kosarbatesz {
float: right;
border: 0px solid #C6D8E2;
text-align: left;
font-size: 13pt;
color: #FDE283;
font-weight: bold;
text-align: right;
}

#t_jobb_leiras span {
font-weight: bold;
}

#t_clear_keret {
width: 646px;
clear:both;
border: 0px solid #0000ff;
background-color: #FFFFFF;
}

#t_vissza_gomb {
width: 646px;
padding: 30px 0px 0px 0px;
text-align: center;
border: 0px solid #000000;
}

#kis_keret {
width: 100%;
margin: 0 auto;
padding: 0;
border: 0px solid #000000;
color: #000000;
text-align: center;
}


#kis_keret_hkek {
width: 100%;
margin: 0 auto;
padding: 0;
border: 0px solid #000000;
color: #000000;
text-align: center;
background-color: #E8F0F4;
}

#t_bal_terkep {
width: 410px;
height: 515px;
float: left;
border: 0px solid #000000;
text-align: left;
}

#t_bal_uzen {
width: 270px;
height: 515px;
float: left;
border: 0px solid #000000;
text-align: left;
margin-left: 5px;
padding-left: 10px;
color: #ffffff;
background-color: #7FADC3;
font-weight: normal;
}

#t_bal_uzen span {
font-weight: bold;
}

/* csak statikushoz tartozo eleje */

#keret_alap {
width: 956px;
margin: 0 auto;
padding: 0;
border: 0px solid #000000;
background: url(../images/hatter_alap.png);
color: #000000;
}

#t_keret_alap {
width: 910px;
margin: 20px 20px 20px 20px;
border: 0px solid #00ff00;
background-color: #FFFFFF;
}

#t_bal_alap {
width: 680px;
float: left;
border: 0px solid #000000;
text-align: justify;
font-size: 10pt;
color: #000000;
font-weight: normal;
}

#t_bal_alap span{
font-weight: bold;
}

#t_bal_alap_100 {
width: 100%;
float: left;
border: 0px solid #000000;
text-align: justify;
font-size: 10pt;
color: #000000;
font-weight: normal;
}

#t_bal_alap_100 span{
font-weight: bold;
}


#t_clear_keret_alap {
width: 910px;
clear:both;
border: 0px solid #0000ff;
background-color: #FFFFFF;
}

#tartalom_alap {
width: 100%;
float: left;
padding: 0;
border: 0px solid #000000;
background-color: #FFFFFF;
text-align: left;
}

#t_cim_alap {
width: 910px;
margin: 0px 0px 20px 0px;
text-align: right;
font-size: 14pt;
color: #166488;
border: 0px solid #000000;
font-weight: normal;
}

#t_jobb_cim_rolunk {
width: 102px;
height: 18px;
margin: 10px 0px 0px 16px;
border: 0px solid #000000;
background: url(../images/r_jobb_cim.gif);
}

#t_jobb_kep {
width: 210px;
height: 20px;
float: right;
margin: 20px 0px 0px 0px;
border: 0px solid #000000;
background-color: #ffffff;
text-align: center;
}

/* csak statikushoz tartozo vege */


/* csak kosarhoz tartozo eleje */

#kosar_keret {
width: 100%;
border: 0px solid #00ff00;
background-color: #FFFFFF;
}

#kosar_tabla {
width: 100%;
margin: 0 auto;
padding: 0;
border: 0px solid #000000;
color: #ffffff;
font-weight: normal;
font-size: 8pt;
background-color: #166488;
}

#kosar_tabla tr.fejlec {
background-color: #166488;
text-align: center;
font-weight: bold;
}

#kosar_tabla tr.fejlec_left {
background-color: #166488;
text-align: left;
font-weight: bold;
}

#kosar_tabla tr {
background-color: #7FADC3;
}

#kosar_tabla td {
}

#kosar_tabla td.k_r {
text-align: right;
padding: 0px 3px 0px 0px;
}

#kosar_tabla td.k_c {
text-align: center;
}


#kosar_tabla_adatok {
width: 100%;
margin: 0 auto;
padding: 0;
border: 0px solid #000000;
color: #ffffff;
font-weight: normal;
font-size: 8pt;
background-color: #166488;
}

#kosar_tabla_adatok tr.fejlec {
background-color: #166488;
text-align: center;
font-weight: bold;
}

#kosar_tabla_adatok tr.fejlec_left {
background-color: #166488;
text-align: left;
font-weight: bold;
}

#kosar_tabla_adatok tr {
background-color: #7FADC3;
}

#kosar_tabla_adatok td {
vertical-align: top;
}

#kosar_tabla_adatok td.k_r {
text-align: right;
padding: 0px 3px 0px 0px;
}

#kosar_tabla_adatok td.k_c {
text-align: center;
}


#kosar_cim {
width: 646px;
margin: 0px 0px 20px 0px;
text-align: left;
font-size: 13pt;
color: #166488;
border: 0px solid #000000;
font-weight: normal;
}

/* csak kosarhoz tartozo vege */


/* csak login es reg tartozo eleje */

#login_tabla {
width: 400px;
margin: 0 auto;
padding: 0;
border: 0px solid #000000;
color: #ffffff;
font-weight: normal;
font-size: 10pt;
background-color: #166488;
}

#login_tabla tr.fejlec {
background-color: #166488;
text-align: center;
font-weight: bold;
}

#login_tabla tr {
height: 30px;
background-color: #7FADC3;
}

#login_tabla td {
width: 50%;
}

#login_tabla td.k_r {
text-align: right;
padding: 0px 10px 0px 0px;
}

#login_tabla td.k_c {
text-align: center;
}



#reg_tabla {
width: 600px;
margin: 0 auto;
padding: 0;
border: 0px solid #000000;
color: #ffffff;
font-weight: normal;
font-size: 10pt;
background-color: #166488;
}

#reg_tabla tr.fejlec {
background-color: #166488;
text-align: center;
font-weight: bold;
}

#reg_tabla tr {
height: 30px;
background-color: #7FADC3;
}

#reg_tabla td {
width: 50%;
}

#reg_tabla td.k_r {
text-align: right;
padding: 0px 10px 0px 0px;
}

#reg_tabla td.k_c {
text-align: center;
}

/* csak login es reg tartozo vege */