body 
{
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color: #313235;
	background-color: #6C798C;
	text-align: center;
	padding: 0;
	margin: 0;
}

img
{
	border: 0;
}

.container
{
	width: 1002px;
	margin: 0px auto;
	text-align: left;
	overflow: hidden;
	background: url(../images/hatter.png) repeat-y;
}

.container2
{
	width: 1002px;
	text-align: left;
	overflow: hidden;
	background: url(../images/hatter2.png) no-repeat;
}


.container_bal
{
	width: 36px;
	float: left;
}

.container_jobb
{
	width: 36px;
	float: left;
}

.container_kozep
{
	width: 930px;
	float: left;
}

.menufelso 
{
	height: 69px;
	width: 930px;
	float: left;
	border-bottom: 7px solid #283038;
	background-color: #262626;
}

.menufelso .logo
{
	float: left;
	width: 127px;
	height: 69px;
}

.menufelso .menu
{
	width: 775px;
	height: 69px;
	overflow: hidden;
	float: left;
}

.ikon
{
	cursor: hand;
	display:block;
	height:52px;
	padding: 20px 0 0 15px;
	background:transparent url(../images/menu.png) no-repeat scroll 0 0;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

.menufelso .menu a
{
	display:block;
	height:69px;
	float: left;
	text-decoration: none;
	overflow: hidden;
}

.menufelso .menu  .menu_1, .menu_1
{
	width: 105px;
	background-position: 0 0;
}
	
.menufelso .menu .menu_2, .menu_2
{
	width: 122px;
	background-position: -105px 0;
}

.menufelso .menu .menu_3, .menu_3
{
	width: 134px;
	background-position: -227px 0;
}

.menufelso .menu .menu_4, .menu_4
{
	width: 139px;
	background-position: -361px 0;
}

.menufelso .menu .menu_5, .menu_5
{
	width: 134px;
	background-position: -500px 0;
}

.menufelso .menu .menu_6, .menu_6
{
	width: 141px;
	background-position: -634px 0;
}

.menufelso .menu  .menu_1:hover, .menu_1:hover
{
	width: 105px;
	background-position: 0 -69px;
}
	
.menufelso .menu .menu_2:hover, .menu_2:hover
{
	width: 122px;
	background-position: -105px -69px;
}

.menufelso .menu .menu_3:hover, .menu_3:hover
{
	width: 134px;
	background-position: -227px -69px;
}

.menufelso .menu .menu_4:hover, .menu_4:hover
{
	width: 139px;
	background-position: -361px -69px;
}

.menufelso .menu .menu_5:hover, .menu_5:hover
{
	width: 134px;
	background-position: -500px -69px;
}

.menufelso .menu .menu_6:hover, .menu_6:hover
{
	width: 141px;
	background-position: -634px -69px;
}

.ikon .jobb
{
	clear: both;
	float: left;
	color: #758CAF;
	font-weight: normal;
	font-size: 11px;
	
}

.zaszlo
{
	background-color: #fff701;
	float: left;
	width: 28px;
	height: 67px;
	padding-top: 5px;
}

.zaszlo img
{
	float: right;
	padding: 2px 0;
	clear: both;
}

.flash
{
	float: left;
	width: 930px;
	height: 233px;
}

.flash_bal, .flash_jobb
{
	float: left;
	width: 465px;
	height: 233px;
}

.flash .bal
{
	float: left;
	width: 568px;
	height: 250px;
	color: #fff;
	background: #616973 url(../images/bal_hatter.png) no-repeat;
}

.flash .bal .kep
{
	float: left;
	width: 210px;
	height: 210px;
	padding: 20px 0 0 20px;
}

.flash .bal .szoveg
{
	float: left;
	width: 270px;
	height: 150px;
	padding: 20px 0 0 30px;
}

.flash .bal .szoveg .cim
{
	float: left;
	width: 270px;
	font-size: 16px;
	font-weight: bold;
}

.flash .bal .szoveg .tartalom
{
	float: left;
	width: 270px;
	font-size: 12px;
	padding: 15px 0 30px 0;
}




.flash .jobb
{
	float: left;
	width: 362px;
	height: 250px;
	background: #616973 url(../images/jobb_hatter.png) repeat-x;
}

.csikdoboz
{
	float: left;
	width: 930px;
	height: 18px;
	background-color: #4C535B
}

.tartalom_doboz
{
	float: left;
	width: 930px;
	background: #fff url(../images/kozep_hatter.png) repeat-x;
}

.termek_doboz
{
	float: left;
	width: 195px;
	background: #242E34 url(../images/termek_hatter.png) repeat-x;
	height: 35px;
	padding: 6px 0 0 13px
}

.termek_doboz .bal
{
	color: #fff;
	width: 195px;
	float: left;
	font-size: 14px;
	font-weight: bold;
}

.termek_doboz .jobb
{
	color: #B8BFC8;
	width: 195px;
	float: left;
	font-size: 11px;
}

.gomb_bal
{
	background: url(../images/gomb_bal.gif) no-repeat;
	float:left;
	width: 3px;
	height: 20px;
}

.gomb
{
	float: left;
	padding-left: 70px;
}

.gomb_hatter
{
	background: url(../images/gomb_hatter.gif) repeat-x;
	float: left; 	
	height: 20px;
}

.gomb_hatter a
{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	padding: 3px 5px 0 5px;
	float: left;
}

.gomb_hatter a:hover
{
	color: #ECECEC;
	text-decoration: none;
}

.gomb_jobb
{
	background: url(../images/gomb_jobb.gif) no-repeat;
	width: 3px;
	height: 20px;
	float: left;
}

.balmenu
{
	float: left;
	width: 209px;
	padding-top: 3px;
}

.tartalom_doboz .balmenu .kiemelt
{
	float: left;
	width: 208px;
	background: #7E8890 url(../images/kiemelt_hatter.png) repeat-x;
	padding:35px 0 25px 0;
	text-align: center;
	margin-top: 6px;
}

.tartalom_doboz .balmenu .kiemelt img
{
	padding-bottom: 10px;
}

.tartalom_doboz .balmenu .utolso
{
	float: left;
	width: 193px;
	padding: 7px 0 15px 15px;
	background-color: #76808A;
	font-size: 11px;
	color: #fff;
}

.arrowlistmenu
{
	float: left;
	width: 208px;
}

.arrowlistmenu h3
{
	margin: 0;
}

.arrowlistmenu .menuheader
{
	font-weight: normal;
	font-size: 12px;
	color: #313235;
	background: #EDEDED url(../images/lista.gif) no-repeat 7px 5px;
	border-bottom: 1px solid #BDBDBD;
	padding: 3px 0 2px 25px;
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu .menuheader:hover
{
	background-color: #3E454C;
	color: #fff;
}

.arrowlistmenu ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
}

.arrowlistmenu ul li a
{
	background-color: #B8BFC8;
	display: block;
	color: #313235;
	padding: 3px 0 2px 25px;
	text-decoration: none;
	border-bottom: 1px solid #EDEDED;
	font-weight: normal;
	font-size: 11px;
}

.arrowlistmenu ul li a:hover
{
	background-color: #3E454C;
	color: #fff;
}


.jobb_tartalom
{
	float: left;
	width: 694px;
	margin-top: 3px;
	padding: 13px;
}

.jobb_cim
{
	float: left;
	width: 694px;
	border-bottom: 1px solid #959EA8;
	padding-bottom: 10px;
}

.jobb_cim .bal
{
	color:#2F363E;
	font-size:16px;
	font-weight:bold;
}

.jobb_cim .jobb
{
	clear:both;
	color:#65839E;
	float:left;
	font-size:12px;
	font-weight:normal;
}
.jobb_tartalom .tartalom
{
	padding-top: 10px;
	float: left;
	width: 694px;
	color: #060902;
}

.lablec
{
	background: #fff url(../images/lablec.png) repeat-x;
	width:915px;
	color: #4C535B;
	padding: 23px 0 0 15px;
	height: 55px;
	float: left;
	border-top: 1px solid #F0F0F0;
}

.lablec a
{
	color: #4C535B;
	text-decoration: none;
}

.lablec a:hover
{
	text-decoration: underline;
}

.termek
{
	width: 143px;
	height: 165px;
	background: url(../images/termek.gif) no-repeat;
	padding: 6px 12px;
	overflow: hidden;
}

.termek .gomb_hatter a
{
	font-weight: normal;
	font-size: 9px;
	padding-top: 5px;
}

.termek .cim
{
	float: left;
	width: 143px;
	height: 34px;
	font-weight: bold;
	font-size: 14px;
}

.termek .kep
{
	float: left;
	width: 143px;
	height: 100px;
	padding-bottom: 10px;
}

.termek .tovabb
{
	float: left;
	width: 143px;
	height: 20px;
}

.termek .tovabb .gomb
{
	float: right;
	padding: 0;
}

.termek_cim
{
	background:transparent url(../images/termek_hatter.gif) repeat-x;
	color:#fff;
	float:left;
	font-size:16px;
	font-weight:bold;
	height:30px;
	padding-top:11px;
	text-align:center;
	width:208px;
}
.MenuTarto{
	width: 550px;
	margin: auto;
	
}