body{margin:0px; padding: 0px; background: #ffffff url(../images/hatter_x.jpg) repeat-x top left;; text-align: center; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
img{border:none;}
table{font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
form{padding: 0px; margin: 0px;}
/*h1{font-size: 18px; background: url(../images/h1_nyil.jpg) no-repeat center left; border-bottom: 1px solid #d7d7d7; font-weight: normal; text-indent: 32px; padding: 6px; 0px; margin: 0px 0px 20px 0px;}*/
h2{font-size: 16px; font-weight: bold;}

.kapcsolat1{font-size: 16px; font-weight: bold; width: 250px; background: url(../images/icon_mobil.jpg) no-repeat 177px 0px; height: 70px; line-height: 65px;}
.kapcsolat2{font-size: 16px; font-weight: bold; width: 250px; background: url(../images/icon_project.jpg) no-repeat top right; height: 70px; line-height: 65px;}
.kapcsolat3{font-size: 16px; font-weight: bold; width: 250px; background: url(../images/icon_instore.jpg) no-repeat top right; height: 70px; line-height: 65px;}
.kapcsolat4{font-size: 16px; font-weight: bold; width: 250px; background: url(../images/icon_field.jpg) no-repeat 179px 0px; height: 70px; line-height: 65px;}
.kapcsolat5{font-size: 16px; font-weight: bold; width: 250px; background: url(../images/icon_instore2.jpg) no-repeat top right; height: 70px; line-height: 65px;}

h3{font-size: 14px; background: url(../images/li.jpg) no-repeat center left; border-bottom: 1px solid #d7d7d7; font-weight: bold; text-indent: 20px; padding: 2px; 0px; margin: 0px 0px 0px 0px;}
h4{font-size: 16px; font-weight: bold; margin: 0px; paddig: 0px;}

ul{list-style-image: url(../images/li.jpg);}
ul.szam{list-style: decimal;}

.munkalap{margin: 0px auto; width: 1000px;text-align: left;}
.fejlec{height: 120px; background: url(../images/fejlec.jpg) no-repeat top left;}
.logo{float: left;}
.folodal{display: block; margin: 20px 0px 5px 60px; width: 320px; height: 45px;}
.folodal span{display: none;}
h1.cim1{background: url(../images/cim1.jpg) no-repeat center left; font-size: 18px; font-weight: normal; text-indent: 50px; padding: 0px; 0px; margin: 2px 0px 0px 2px; color: #fff; line-height: 36px; height: 40px; width: 596px; border: none;}
h1.cim2{background: url(../images/cim2.jpg) no-repeat center left; font-size: 18px; font-weight: normal; text-indent: 50px; padding: 0px; 0px; margin: 2px 0px 0px 2px; color: #fff; line-height: 36px; height: 40px; width: 596px; border: none;}
h1.cim3{background: url(../images/cim3.jpg) no-repeat center left; font-size: 18px; font-weight: normal; text-indent: 50px; padding: 0px; 0px; margin: 2px 0px 0px 2px; color: #fff; line-height: 36px; height: 40px; width: 596px; border: none;}
h1.cim4{background: url(../images/cim4.jpg) no-repeat center left; font-size: 18px; font-weight: normal; text-indent: 50px; padding: 0px; 0px; margin: 2px 0px 0px 2px; color: #fff; line-height: 36px; height: 40px; width: 596px; border: none;}
h1.cim5{background: url(../images/cim5.jpg) no-repeat center left; font-size: 18px; font-weight: normal; text-indent: 50px; padding: 0px; 0px; margin: 2px 0px 0px 2px; color: #fff; line-height: 36px; height: 40px; width: 596px; border: none;}
.cim{margin: 0px 0px 0px 54px; font-size: 11px;  width: 338px; text-align: center;}

.menusor{float: right; padding: 17px 10px 0px 0px;}
.menusor div{float: right;}
.menusor a{margin: 0px 3px 0px 0px; display: block; height: 77px; width: 115px; vertical-align: bottom; text-align: center; color: #fff; text-decoration: none; font-size: 12px;}
.menusor a span{position: relative; top: 60px;}
.menusor a:hover{}
.menusor a:hover span{background: url(../images/menu_nyil.gif) no-repeat left center; color: #000; padding-left: 17px;}

.bal{width: 391px; height: 780px; /*background: url(../images/hatter_bal.jpg) no-repeat top left;*/ float: left;}
.bal_div{margin: 0px 0px 0px 2px; position: relative;}

.menu{background: url(../images/menu_fent.png) no-repeat top left; position: absolute; left: 238px; top: 39px; width: 152px; padding-top: 10px;}
.menu_bent{background: url(../images/menu_y.png) repeat-y top left; min-height: 50px;}
.menu_lent{background: url(../images/menu_lent.png) no-repeat bottom left; padding-bottom: 10px;}
.menu_hr{background: url(../images/menu_hr.jpg) no-repeat bottom center; margin-left: 0px; padding-left: 15px;}
.menu_hr_u{background: none; margin-left: 0px; padding-left: 15px;}
.menu a{padding: 15px 0px; line-height: 16px; display: block; color: #fff; text-indent: 0px; font-size: 12px; text-decoration: none;}
.menu a:hover{background: url(../images/menu_nyil2.gif) no-repeat 0px 21px; color: #000; text-indent: 10px;}

.jobb{width: 609px; min-height: 560px; background: url(../images/hatter_jobb.jpg) no-repeat top left; float: left;}
.szoveg{margin: 14px 34px 14px 33px; line-height: 150%; text-align: justify; font-size: 12px; clear: both;}
.fooldal_1{clear: both; background: url(../images/fooldal_1.jpg) no-repeat top left; display: block; height: 116px; width: 534px; font-size: 11px;}
.fooldal_2{clear: both; background: url(../images/fooldal_2.jpg) no-repeat top left; display: block; height: 116px; width: 534px; font-size: 11px;}
.fooldal_3{clear: both; background: url(../images/fooldal_3.jpg) no-repeat top left; display: block; height: 116px; width: 534px; font-size: 11px;}
.fooldal_4{clear: both; background: url(../images/fooldal_4.jpg) no-repeat top left; display: block; height: 116px; width: 534px; font-size: 11px;}
.fooldal_5{clear: both; background: url(../images/fooldal_5.jpg) no-repeat top left; display: block; height: 116px; width: 534px; font-size: 11px;}

.fooldal_flash{float: right; padding: 0px 0px 0px 0px;}

.mobil_media{width: 272x; height: 118px; display: block; text-decoration: none; float: left;}
.field_marketing{width: 272px; height: 118px; display: block; text-decoration: none; float: left;}
.indoor_media{width: 272px; height: 118px; display: block; text-decoration: none; float: left;}
.project_media{width: 272px; height: 118px; display: block; text-decoration: none; float: left;}
.instore_media{width: 272px; height: 118px; display: block; text-decoration: none; float: left;}

.logo_200{background: url(../images/logo_200.jpg) no-repeat top left; width: 200px; height: 26px;}
.logo_200 span{display: none;}

.fooldal_cim{display: block; margin: 0px 0px 0px 92px; line-height: 43px; font-size: 18px; color: #fff;}
.fooldal_szoveg{display: block; margin: 0px 0px 0px 92px; color: #fff; width: 180px;}
.fooldal_szoveg_nyil{background: url(../images/fooldal_szoveg_nyil.gif) no-repeat 4px 5px; padding-right: 10px;}

.lablec{float: right; width: 600px; height: 120px; background: url(../images/lablec.jpg) no-repeat bottom right; text-align: center;}
.lab_menu a{text-decoration: none; color: #000; font-size: 11px; padding: 0px 4px; line-height: 60px;}
.lab_menu a:hover{text-decoration: underline;}
.lablec_copy{float: right;}
.lablec_ews{float: left;}

.pdf, .link_pdf{line-height: 30px; background: url(../images/icon_pdf.png) no-repeat left center; display: block; height: 30px; text-indent: 50px; font-size: 16px; color: #000; text-decoration: none;}
.pdf:hover, .link_pdf:hover{text-decoration: underline;}
.ppt, .link_ppt{line-height: 30px; background: url(../images/icon_ppt.png) no-repeat left center; display: block; height: 30px; text-indent: 50px; font-size: 16px; color: #000; text-decoration: none;}
.ppt:hover, .link_ppt:hover{text-decoration: underline;}

.box{background: #d7d7d7; border-top: 1px solid #ff0000; text-align: center;}
.box_table{width: 500px; margin: 12px 20px 0px 20px; text-align: center; font-size: 10px; line-height: 20px; letter-spacing: 0.25px;}
.box_table td{text-align: center;}
.box_kep {display: inline;}
.box_kep {display: table !important; border:1px solid #b1b3b1; margin:0 auto; padding: 0px; border-spacing: 0px;}
.box_kep img{border: 3px solid #fff;}

.box_kep_show {display: inline;}
.box_kep_show {display: table !important; border:1px solid #b1b3b1; margin: 10px auto; padding: 0px; border-spacing: 0px;}
.box_kep_show img{border: 3px solid #fff; max-width: 500px;}

.kozep{text-align: center; padding: 2px 0px 10px 0px;}
.kozepre{text-align: center;}
.jobbra{text-align: right;}

.kozepre a, .jobbra a{font-size: 12px; color: #000; text-decoration: none; font-weight: bold;}
.kozepre a:hover,.jobbra a:hover{text-decoration: underline;}

.link{font-size: 14px; color: #000; text-decoration: none; font-weight: bold;}
.link:hover{text-decoration: underline;}

.link_list a{line-height: 30px; display: block; height: 30px; text-indent: 50px; font-size: 16px; color: #000; text-decoration: none;}
.link_list a:hover{text-decoration: underline;}
.email{color: #ff0000; text-decoration: none; font-weight: bold;}
.email:hover{text-decoration: underline;}
.vissza{text-align: center;}
.vissza a{color: #ff0000; text-decoration: none; font-weight: bold;}
.vissza a:hover{text-decoration: underline;}

.beszelo{float: right; border: 2px solid #d7d7d7; margin: 0px 0px 5px 15px;}
.mobil_kutatasi{position: relative; right: 10px; top: 3px; float: right; background: url('../images/mobil_kutatasi.png') no-repeat left center; width: 176px; height: 30px; display: block;}
.mobil_produkcios{position: relative; right: 5px; top: 3px; float: right; background: url('../images/mobil_produkcios.png') no-repeat left center; width: 176px; height: 30px; display: block;}

.instore_kutatasi{position: relative; right: 10px; top: 3px; float: right; background: url('../images/mobil_kutatasi.png') no-repeat left center; width: 176px; height: 30px; display: block;}
.instore_produkcios{position: relative; right: 5px; top: 3px; float: right; background: url('../images/mobil_produkcios.png') no-repeat left center; width: 176px; height: 30px; display: block;}

.kepes{width: 320px; clear: both;}
.kepes img{vertical-align: bottom;}
.kepes span{display: block; width: 80px; float: left; line-height: 30px; height: 30px;}

.tablazat{width: 90%;}
.tablazat a{color: #ff0000; text-decoration: none; font-weight: normal;}
.tablazat a:hover{text-decoration: underline;}

.tablazat td{width: 90%; border-bottom: #abadac 1px solid; line-height: 22px;}
.tablazat tr{background: #eee;}
/*.tablazat tr:hover{background: #abadac;}*/

.tablazat_left{background: url(../images/li.jpg) no-repeat 5px 7px; text-indent: 20px;}
tr.tablazat_first{font-weight: bold; text-indent: 10px; background: none;}

.login{float: right; width: 600px; text-decoration: none; font-weight: bold; text-align: left; color: #abadac; padding: 0px 0px 10px 0px;}
.login span{position: relative; left: 10px;}
.login a{color: #ff0000; text-decoration: none; font-weight: bold; }
.login a:hover{text-decoration: underline;}

.gomb_mehet{position: relative; right: 0px; top: 0px; background: url('../images/gomb_mehet.png') no-repeat left center; width: 176px; height: 30px; display: block; border: none;}
.gomb_belepes{position: relative; right: 0px; top: 0px; background: url('../images/gomb_belepes.png') no-repeat left center; width: 176px; height: 30px; display: block; border: none;}
.inp{width: 174px; border: 1px solid #f08e91;}

.sor{text-align: left;}
.sor img{vertical-align: middle; margin: 0px 1px;}

.nav {font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; font-weight: bold; margin-bottom: 20px;}
.nav a{font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #000; text-decoration: none; font-weight: bold;}
.nav a:hover{text-decoration: underline;}