/* ---------------------- alapvető dolgok ---------------------- */
body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
	color: #4a5d71;
	background: #1b335e;
	margin: 0px;
	padding: 0px;
	line-height: 145%;
	height: 100%;
}

html {
	padding: 0px;
	margin: 0px;
	height: 100%;
}

body, body.default {
	font-size: 12px;
}

* { padding: 0px; margin: 0px; }

/*  tipografia */
h1 {font: normal 24px Arial, Helvetica, sans-serif; letter-spacing: -1px; line-height: 30px; }
h2 {font: normal 20px Arial, Helvetica, sans-serif; letter-spacing: -1px; text-transform: none; line-height: 26px; }
h3 {font: normal 18px Arial, Helvetica, sans-serif; letter-spacing: 0px; line-height: 26px; text-transform: none;}
h4 {font: bold 15px Arial, Helvetica, sans-serif; line-height: 19px; text-transform: none; }
h5 {font: bold 12px Arial, Helvetica, sans-serif; line-height: 18px; text-transform: none; }

#szoveg 
{
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 16px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal
}

#szoveg2 
{
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 18px; 
	font-style: bold; 
	line-height: normal; 
	font-weight: normal
}

a {color: #d86600; text-decoration: none;}
a:hover {color: #bc0000; text-decoration: none;}
a.image, a.image:hover, a img  {border:0;}

#jcom-content ul {
	list-style: none;
}


#jcom-content ol {
	padding: 5px 25px;
}


.both {
	clear: both;
	font-size: 1px !important;
	height: 1px !important;
	line-height: 1px !important;
	overflow: hidden;
}

p {
	padding: 5px 0px;
}

.fohatter {
	background: transparent url(../kepek/fohatter.jpg) no-repeat top center;
	width: 100%;
	height: 100%;
}

#kerethatter {
	width: 960px;
	margin: 0px auto;
	padding: 0;
	background: transparent url(../kepek/hattery.jpg) repeat-y top center;
}

#lapkeret {
	width: 920px;
	padding: 13px 20px 0px 20px;
	text-align: left;
	margin: 0px auto;
	background: transparent url(../kepek/kozepteto.jpg) no-repeat top center;
}

#keret {
	padding: 15px 0px 0px 0px;
	margin: 0px auto;
	width: 960px;
}

#felul { 
	width: 960px;
	height: 157px;
	position: relative;
	background: transparent url(../kepek/fejlec.jpg) no-repeat 0 0;
}

#felul h1 {
	font: italic normal bold 20px/22px Arial, Helvetica, sans-serif;
	color: #ffffff;
	letter-spacing: -1px;
	text-transform: none;
	white-space: nowrap;
	position: absolute;
	top: 10px;
	left: 20px;
}

#felul h1 a {
	text-decoration: none;
	color: #ffffff;
}

#felul h2 {
	position: absolute;
	top: 85px;
	left: 90px;
	color: #ffffff;
	letter-spacing: 0px;
	text-transform: uppercase;
	line-height: 11px;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}

#felul h3 {
	position: absolute;
	top: 14px;
	right: 80px;
	color: #ffffff;
	letter-spacing: 0px;
	text-transform: uppercase;
	line-height: 11px;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
}

#felul #logo {
	position: absolute;
	top: 23px;
	left: 23px;
}

#felul #menu {
	position: absolute;
	top: 104px;
	left: 10px;
	width: 941px;
	height: 44px;
	padding: 0;
	background: transparent url(../kepek/felsomenu.jpg) no-repeat 0 0;
}

#menu ul.menu-nav {
	list-style: none; 
	text-align: left; 
	padding: 11px 0px 0px 10px;
	display: inline;
	margin: 0px;
	float: left;
}

#menu ul.menu-nav li {
	float: left;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
}

#menu ul.menu-nav li a {
	color: #304f78;
	text-decoration: none;
	display: block;
}

#menu ul.menu-nav li a span {
	display: block;
	padding: 3px 10px 4px 10px;

}

#menu ul.menu-nav li a:hover {
	background: transparent url(../kepek/felsomenubal.jpg) no-repeat 0 0 !important;
	color: #ffffff;
}

#menu ul.menu-nav li a:hover span {
	padding: 3px 10px 4px 10px;
	background: transparent url(../kepek/felsomenujobb.jpg) no-repeat top right;
}

#aktualis {
	background: #ffffff url(../kepek/aktualis.jpg) no-repeat 0 0;
	margin: 0px 10px 10px 2px;
}

#aktualis .keret{
	padding: 15px;
	color: #ffffff;
}

#aktualis a {
	color: #ffb400;
	text-decoration: none;
}

#aktualis a:hover {
	text-decoration: underline;
}

#aktualis h3 {
	color: #ffffff;
	font: normal 18px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	padding: 0px 0px 3px 0px;
	margin: 0px;
}

#egybe {
	clear: both;
	width: 920px;
	padding: 10px 0px 0px 0px;
	overflow: hidden;
}

#col-right {
	width: 650px;
}

#col-left {
	width: 259px;
	background: #4369a7 url(../kepek/menualja.jpg) no-repeat bottom left;
}

#col-wide {
	width: 920px;
}

#main-body-bg, #main-body-bg-wide {
	margin-top: 10px;
}

#col-right #jcom-content {
	width: 650px;
}

#col-wide #jcom-content {
	width: 920px;
}

/* ---------------------- mozgó infok ---------------------- */

#mozgopanel {
	width: 880px;
	height: 170px;
	padding: 20px;
	background: transparent url(../kepek/slideshow-bg.jpg) no-repeat 0 0;
	overflow: hidden;
	position: relative;
	color: #ffffff;
}

#mozgopanel .gombok { 
	margin: 0; 
	text-align: right; 
	vertical-align: middle; 
	position: absolute;
	bottom: 5px;
	right: 10px;
}

.gombok span { 
	color: #98d7ff;  
	cursor: pointer; 
	vertical-align: middle; 
}

.gombok span:hover {
	color: #ffffff;
}

#hatra {
	background: transparent url(../kepek/minusz.png) no-repeat left;
	display: block;
	float: right;
	width: 19px;
	height: 19px;
	margin-right: 5px;
	line-height: 23px;
}

#elore {
	background: transparent url(../kepek/plusz.png) no-repeat right;
	display: block;
	width: 19px;
	height: 19px;
	float: right;
	margin-right: 10px;
	line-height: 23px;
}

.layer{
	position:relative;
	width: 450px;
	height: 190px;
	overflow:hidden;
}

#doboz {
	position:absolute;
}
#doboz div{
	width: 558px;
	float:left;
}
#doboz .gombok{
	text-align:left
}

#doboz h3 {
	padding: 0px 0px 10px 0px;
	margin: 0;
	font: normal 18px Arial, Helvetica, sans-serif;
	color: #ffffff;
	letter-spacing: -1px;
}

/* ---------------------- menü ki-be ---------------------- */

#switcher {
	background: #4469a6 url(../kepek/menuteteje.jpg) no-repeat top center;
	padding: 10px 0px;
	height: 70px;
}

.toggler {
	color: #000000;
	margin: 0px !important;
	padding: 3px 10px 3px 10px;
	font-size: 11px;
	line-height: 20px;
	text-align: right;
	cursor: pointer;
	font: bold 12px Arial, Helvetica, sans-serif;
}

/* ---------------------- alja ---------------------- */
#foo {
	width: 100%;
	background: #75a1d2 url(../kepek/lab.jpg) repeat-x top center;
}

#footer {
	padding: 0px 0px;
	width: 960px;
	background: transparent url(footer-bg.gif) no-repeat top center;
	color: #1b335e;
	clear: both;
	margin: 0px auto;
}

#foo-text {
	color: #d5e8f6;
	text-align: left;
	padding: 20px 20px;
}


/* ---------------------- menü ---------------------- */

#col-left div.moduletable, #col-left div.moduletable_menu, #col-left div.moduletable_text {
	text-align: left;
	padding: 0px 0px 0px 0px;
	background: transparent url(../kepek/menuhatter.jpg) no-repeat top center;
	margin-bottom: 0px;
	color: #bbdafd;
	width: 259px;
}

#col-left div.moduletable a, #col-left div.moduletable_menu a, #col-left div.moduletable_text a {
	color: #cfe947;
}

#col-left div.moduletable h3, #col-left div.moduletable_menu h3, #col-left div.moduletable_text h3 { 
	font: bold 150% Arial, Helvetica, sans-serif;
	line-height: 11px;
	padding: 17px 0px 15px 30px;
	display: block;
	height: 12px;
	margin: 0px 0px 4px 0px;
	color: #bbdafd;
	text-align: left;
	width: 210px;
}

div.syndicate {
	text-align: left;
	padding: 0px;
	margin: 0px;
	clear: both;
}

div.syndicate div {
	padding: 0px;
	margin: 2px 3px 2px 0px;
	display: inline;
	text-align: left;
}
div.syndicate div img, div.syndicate div a {
	margin: 0;
	padding: 0;
}

.pathway {
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	line-height: 13px;
}
a.pathway { text-decoration: none; color: #0668b3; text-decoration: underline;  }
a.pathway:hover { text-decoration: none; color: #0668b3;}
span.pathway img {
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}

ul.menu, ul.menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul.menu li ul li {
	padding-left: 20px;
}

ul.menu li a {
	background: transparent url(../kepek/menupont.jpg) no-repeat bottom left;
	padding: 10px 0px 12px 32px;
	display: block;
	color: #000000 !important;
	font-size: 16px;
	text-decoration: none;
}

ul.menu li a:hover {
	color: #ffae00 !important;
	text-decoration: none;
}

ul.menu li#current a {
	background: transparent url(main-menu-li-a.gif) no-repeat bottom left;
	padding: 25px 0px 6px 30px;
	color: #c3d7e8 !important;
	font-weight: bold;
}


/**************************************************************

	MultiBox
	v1.0

**************************************************************/

.MultiBoxContainer {
	position: absolute;
	margin-top:-80px;
	border: 13px solid #ffffff;
	background-color: #FFF;
	display: none;
	z-index: 2;
}

.MultiBoxLoading {
	background: url(multibox/images/loading.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(multibox/images/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #ffffff;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(multibox/images/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(multibox/images/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(multibox/images/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(multibox/images/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}



/*************************************************************/