body{margin:0px; padding: 0px; background: #ffffff; text-align: center; font-family: "century gothic", Arial, Helvetica, sans-serif; font-size: 13px; color: #000;}
img{border:none;}
table{font-family: "century gothic", Arial, Helvetica, sans-serif; font-size: 13px; color: #000;}
form{padding: 0px; margin: 0px;}

.munkalap{background: url(../images/hatter_y.jpg) repeat-y top left; width: 960px; margin: 0px auto; text-align: left;}
.fejlec{background: url(../images/hatter_1.jpg) no-repeat top left; height: 379px;}
.logo{height: 115px;}

.logo img{margin: 17px 0px 0px 6px;}
.lang{float: right;}
.lang img{margin-right: 3px;}

.menu_fej_hu{width: 932px; height: 33px; margin: 0px 14px; background: url(../images/menu_sor_hu.jpg) no-repeat top left;}
.menu_fej_en{width: 932px; height: 33px; margin: 0px 14px; background: url(../images/menu_sor_en.jpg) no-repeat top left;}

.menu_fej_hu a{display: block; height: 33px;}
.menu_fej_en a{display: block; height: 33px;}

.bemutatkozas_hu{margin: 0px 5px 0px 7px; width: 113px;}
.bemutatkozas_hu:hover{background: url(../images/bemutatkozas_hu.jpg) no-repeat top left;}
.szinek_hu{margin: 0px 5px 0px 6px; width: 59px;}
.szinek_hu:hover{background: url(../images/szinek_hu.jpg) no-repeat top left;}
.termekek_hu{margin: 0px 5px 0px 9px; width: 79px;}
.termekek_hu:hover{background: url(../images/termekek_hu.jpg) no-repeat top left;}
.felhasznalasi_hu{margin: 0px 6px 0px 0px; width: 200px;}
.felhasznalasi_hu:hover{background: url(../images/felhasznalasi_hu.jpg) no-repeat top left;}
.design_hu{margin: 0px 5px 0px 0px; width: 58px;}
.design_hu:hover{background: url(../images/design_hu.jpg) no-repeat top left;}
.galeria_hu{margin: 0px 5px 0px 11px; width: 66px;}
.galeria_hu:hover{background: url(../images/galeria_hu.jpg) no-repeat top left;}
.technikai_hu{margin: 0px 5px 0px 10px; width: 168px;}
.technikai_hu:hover{background: url(../images/technikai_hu.jpg) no-repeat top left;}
.elerhetoseg_hu{margin: 0px 5px 0px 10px; width: 97px;}
.elerhetoseg_hu:hover{background: url(../images/elerhetoseg_hu.jpg) no-repeat top left;}

.bemutatkozas_en{margin: 0px 5px 0px 8px; width: 84px;}
.bemutatkozas_en:hover{background: url(../images/bemutatkozas_en.jpg) no-repeat top left;}
.szinek_en{margin: 0px 5px 0px 6px; width: 160px;}
.szinek_en:hover{background: url(../images/szinek_en.jpg) no-repeat top left;}
.termekek_en{margin: 0px 5px 0px 7px; width: 148px;}
.termekek_en:hover{background: url(../images/termekek_en.jpg) no-repeat top left;}
.felhasznalasi_en{margin: 0px 6px 0px 7px; width: 157px;}
.felhasznalasi_en:hover{background: url(../images/felhasznalasi_en.jpg) no-repeat top left;}
.design_en{margin: 0px 5px 0px 7px; width: 52px;}
.design_en:hover{background: url(../images/design_en.jpg) no-repeat top left;}
.galeria_en{margin: 0px 5px 0px 6px; width: 53px;}
.galeria_en:hover{background: url(../images/galeria_en.jpg) no-repeat top left;}
.technikai_en{margin: 0px 5px 0px 4px; width: 105px;}
.technikai_en:hover{background: url(../images/technikai_en.jpg) no-repeat top left;}
.elerhetoseg_en{margin: 0px 0px 0px 2px; width: 79px;}
.elerhetoseg_en:hover{background: url(../images/elerhetoseg_en.jpg) no-repeat top left;}

/*
.menu_fej a{line-height: 33px; color: #c8c4b4; text-decoration: none; font-family: Fago No, Arial narrow; font-size: 16px; font-weight: bold; display: block; margin: 0px 4px; padding: 0px 4px;}
.menu_fej a:hover{color: #fb5f08; background: #5b453a;}
*/

.bal{width: 299px;}

.bal .box{margin: 0px 0px 0px 14px; border-bottom: 1px solid #992518; text-align: center;}

.menu{margin: 0px 0px 0px 14px; padding: 0px 10px; border-bottom: 1px solid #992518; background: url(../images/10year.jpg) no-repeat 180px 10px;}

.menu a{line-height: 33px; color: #b7452a; text-decoration: none; font-family: Fago No, Arial narrow; font-size: 17px; font-weight: bold;}

.torzs{width:661px;}
.torzs_div{width: 639px; margin: 5px 14px 10px 8px; text-align: justify; line-height: 150%;}

.lablec{background: url(../images/hatter_lab.jpg) no-repeat top left; height: 70px;}

.szoveg{padding: 0px 20px; line-height: 150%;}

.szoveg a{color: #b7452a; text-decoration: none;}
.szoveg a:hover{text-decoration: underline;}
.cim{border-bottom: 1px solid #992518; text-indent: 10px; font-size: 15px; font-weight: bold; color: #992518; margin: 0px 0px 10px 0px; padding: 4px 0px 8px 0px;}

.ews{float: right; position: relative; right: 20px;}
.reg{font-size: 11px; vertical-align: 25%;}

.keret{border: 1px solid #992518;}

.szin_table{border: 1px solid #992518; background: white;}
.torzs_i{border: 1px solid #992518;}
.txtarea{border: 1px solid #992518;}
.gomb{border: 1px solid #992518; color: #992518; background: none;}

.figy{text-align: left; color: #992518; margin: 0px 10px; font-size: 12px; font-weight: bold; font-family: Arial;}
.kep_keret{border: 1px solid #5c72a4; width: 116px;}
.kep_keret img{border: 2px solid #ffffff;}
.kep4es{margin-left: 20px;}
.table_kep{border: 1px solid #992518;}
.info{font-size: 11px;}
.cimek{font-weight: bold; font-size: 15px;}

.arlistat {margin: 20px auto;width:600px;font: 12px verdana, sans-serif;border:1px solid #333;}
.arlistat th {background: #000;color: #fff;padding:10px 2px;font: normal 10px verdana, sans-serif;text-align: center;}
.arlistat .arlistat_th4 {font: bold 18px verdana, sans-serif;}
.arlistat .arlistat_th4big {font: bold 36px 'times new roman', serif;}
.arlistat .arlistat_th4reg {color: #bbb;}
.arlistat td {text-align: center; background: #e36c0a; padding: 5px;}
.arlistat td.ar {text-align: right; font-weight: bold;}
.arlistat .horg {background: #f79646;}