/********************************
			SZINEK
********************************/
/*
Sötétkék:			#000000;
Világoskék:			#2F88CC;
Mégvilágosabb kék:	#1365A4;
Vörös:				#FFFFFF;
*/
/********************************
			GLOBAL
********************************/
BODY {
	font-family:		Arial, sans-serif;
	background-color:	#FFF;
	margin:				0px;
	padding:			0px;
	font-size:			12px;
}

A {
	font-family:		Arial, sans-serif;
	text-decoration:	none;
	color:				#31577E;
}

A:hover {
	text-decoration:	underline;
}

IMG {
	border:				0px;
}

INPUT {
	font-family:		Arial, sans-serif;
	font-size:			1em;
}

P {
	font-family:		Arial, sans-serif;
	text-align:			justify;
	font-size:			1em;
}

H1 {
	font-size:			1.4em;
}

H2
{
	font-family:	Arial, sans-serif;
	color:			#000;
	font-size:		14px;
}

H3
{
	font-family:	Arial, sans-serif;
	color:			#000;
	font-size:		12px;
}


/* TÁBLA ALAPBEÁLLÍTÁSOK */
TABLE {
	border-collapse:collapse;
}

TD, TH {
	font-family:		Arial, sans-serif;
	font-size:			1em;
}

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

/*********************************
			FŐ DIVEK
*********************************/
#bal {
	clear:				left;
	width:				170px;
	float:				left;
/*	background:			#2F88CC;*/
/*	height:				200px;*/
}
#head_content{
	width:				960px;
}
#content{
	margin-left:		10px;
	clear:				left;
	width:				760px;
	float:				left;
	clear:				left;
	/*border:			1px solid red;*/
	background:			url('images/bg.gif');
	border-bottom:		1px solid #2F88CC;
}

#main {
	float:				left;
	width:				400px;
	margin-top:			40px;
}

#top {
	margin-left:		10px;
	clear:				both;
	width:				760px;
	height:				169px;
	float:				left;
	background:			url('images/head.jpg') no-repeat;
}
#rightBanner{
	float:  			left;
	height:				169px;
}
#rightBannerSpacer{
	padding:			6px 0px  0px 8px;
}
#jobb {
	float:				right;
	width:				175px;
/*	padding-left:		20px;*/
}

#pozicio {
	margin:				0px 20px;
	color:				#2F88CC;
	font-size:			12px;
}

#pozicio A {
	color:				#2F88CC;
}

/*********************************
				TOP
*********************************/
#logo {
	margin:				10px 0px;
	float:				left;
	margin-left:		50px;
}

#top_banner {
	float:				right;
	/*border:				1px solid #FFFFFF;*/
	text-align:			right;
	width:				234px;
	height:				60px;
	margin:				10px;
}

/*********************************
			TOP MENÜ
*********************************/
UL.top_menu{
	background:			url('images/topmenu_bg.gif');
	float:				left;
	list-style:			none;
	margin:				0px;
	padding:			0px;
	width:				100%;
	height:				21px;
	vertical-align:		middle;
	font-size:			12px;
}


UL.top_menu LI{
	vertical-align:		middle;
	float:				left;
	list-style:			none;
	margin:				0px 5px;
	/*padding:			5px 10px 5px 10px; /*felső jobb alsó bal*/
	padding:			2px 5px; /*alsó-felső jobb-bal*/
}


UL.top_menu LI A{
	color:				#FFFFFF;
}

UL.top_menu LI.active{
	background:			#FFFFFF;
}

UL.top_menu LI.active A{
	color:				#FFF;
}


/*********************************
			BAL MENÜ
*********************************/

DIV.menu {
	background:		#4898D7 url('images/balmenu_bg.jpg') no-repeat;
/*	background:	#8DBEE3 url('images/leftMenuBg.jpg') repeat-x;*/
	/* height:		450px; */
	margin:		0px;
	padding:	10px 0px;
	width:		175px;
}

DIV.menu H2 {
	color:		#FFFFFF;
	margin:		0px;
	padding-top:40px;
	padding:	10px;
	font-size:	12px;
}

UL.menu {
	margin:		0px;
	margin-top:	10px;
	padding:	0px;
	list-style:	none;
}

UL.menu LI {
	margin:			0px;
	padding:		2px 0px;
	padding-left:	20px;
	list-style:		none;
	font-weight:	normal;
}

UL.menu LI A {
	color:			#FFFFFF ;
}

UL.menu LI.active {
	font-weight:	bold;
}

UL.menu UL {
	margin:		0px;
	padding:	0px;
	margin:		0px;
}

UL.menu UL LI{
	padding-left:	10px;
	text-align:		left;
	font-weight:	normal;
	font-size:		12px;
}

UL.menu LI.active{
	border-right:	0px solid #2F88CC;
	background:		#1668A6;
}
UL.menu LI.active LI.active {
	border-right:	none;
}


/*********************************
			BOXOK
*********************************/

.box {
	padding:		10px;
	margin:			0px;
	color:			#1668A6;
	border-bottom:	2px solid #FFF;
/*	border-top:		2px solid #FFF;*/
	background:		#4898D7 url('images/balmenu_bg.jpg') no-repeat;
	color:			white;
}

.boxes {
	width:			175px;
	border-top:		2px solid #FFF;
}

.boxes H2 {
	margin:			0px;
	padding:		10px 0px;
	color:			#FFF;
	font-size:		12px;
}

.box SELECT {
	width:			150px;
	margin-bottom:	10px;
}

.box INPUT {
	width:			150px;
	margin-top:		0px;
	margin-bottom:	10px;
	padding:		2px;
	border:			1px solid #000;
}

.box BUTTON {
	width:			80%;
	margin-bottom:	10px;
	border:			1px solid #000;
}

.box P {
	margin:			0px 0px 0px 10px;
}

/*********************************
			TARTALOM
*********************************/
#hirek {
	margin:			20px;
}

#hirek H1 {
	margin:			10px 0px;
	padding:		0px;
	color:			#000000;
	font-size:		1.4em;
	padding-bottom:	20px;
}

#hirek H2,#hirek H3 {
	margin:			0px;
	padding:		0px;
	color:			#000000;
	font-size:		1.4em;
	padding-bottom:	20px;
}
#hirek H3 {
	font-size:		1.2em;
}

#hirek .szoveg {
	text-align:		justify;
}

#hirek .kivonat {
	text-align:		justify;
	background:		#bbd9f1;
	padding:		5px;
	margin-bottom:	20px;
}

#hirek .linkek {
	margin:			40px 0px;
	clear:			both;
}

#hirek .linkek H2 {
	margin:			0px;
	padding:		0px;
	font-size:		14px;
}

#hirek .linkek P {
	margin:			0px;
}

#hirek .linkek .tovabb A {
	color:			#FFFFFF;
}

#hirek .linkek IMG, #hirek .szoveg .logo{
	float:			left;
	margin-right:	10px;
	margin-bottom:	10px;
}

#arlista H2 {
	color:			#FFFFFF;
	font-size:		1.4em;
}


/*********************************
			LAPTOPOK
*********************************/

DIV.laptopCsalad
{
	width:			190px;
	float:			left;
	margin:			5px;
	margin-bottom:	20px;
}

DIV#laptopTipus
{
	margin-top:		20px;
	clear:			both;
}

TABLE.laptopArTabla
{
	border-collapse:	collapse;
}

TABLE.laptopArTabla TD
{
	vertical-align:		top;
	text-align:			justify;
	padding:			2px;
}

TD.akciosAr
{
	color:			#FFFFFF;
	font-weight:	bold;
}

TH.arlista
{
	font-weight:	bold;
}

TH.arlista A
{
	color:			#FFFFFF;
	font-weight:	bold;
}

TABLE.popupCaption
{
	border: 		1px solid #000000;
	background:		#2F88CC;
}

TABLE.popupCaption TD
{
}
TABLE.popupBody
{
	border:			0px solid #000000;
	background:		#1365A4;
}

DIV.laptopOsszesito
{
	clear:			left;
	width:			400px;
	margin:			0px;
	margin-bottom:	20px;
	white-space:	nowrap;
}

DIV.laptopOsszesito UL
{
	margin:				0px;
	margin-left:		20px;
	padding:			0px;
	list-style:			none;
	clear:				left;
	white-space:		nowrap;
}

DIV.laptopOsszesito UL LI.laptopNev,
DIV.laptopOsszesito UL LI.laptopAr,
DIV.laptopOsszesito UL LI.laptopSzoveg
{
	width:				170px;
	float:				left;
	list-style:			none;
}
DIV.laptopOsszesito UL LI.laptopAr
{
	width:				80px;
}
DIV.laptopOsszesito UL LI.laptopSzoveg
{
	width:				140px;
}



DIV#balLaptopBox DIV.laptopCsalad
{
	width:				136px;
	margin:				0px;
	padding-left:		10px;
}

DIV#balLaptopBox DIV.laptopCsalad H3
{
	margin:				0px;
	padding-bottom:		5px;
	padding-top:		5px;
}


/*********************************
			KERESÉS
*********************************/
.kereses_form
{
	background:		#1365A4;
	padding:		10px;
	/*border:			1px solid #FFFFFF;*/
}
.kereses_form input
{
	width:			auto;
	background:		#FFF;
	border:			1px solid #FFFFFF;
}
/*********************************
			LINKEK
*********************************/
#jobb div.spacer {
	height:				100px;
	background:			#fff;
	width:				100%;
}

#jobb UL {
	margin:				10px;
	padding:			0px;
	list-style:			none;
}

#jobb LI {
	margin:				0px;
	padding:			0px 0px;
	list-style:			none;
}

#jobb A{
	color:				#000;
	font-weigth:		bold;
}

#jobb h2 {
	font-size:			14px;
	color:				#1A75BA;
	padding:			0px 10px;
}

.elozmenyek, .elozmenyek A{
	color:				#FFFFFF;
	margin-bottom:		5px;
}

/*********************************
			KAPCSOLAT
*********************************/

TABLE.kapcsolat {
	margin:				20px;
}

TABLE.kapcsolat INPUT {
	border:				1px solid #000;
	margin:				2px 0px;
	width:				100%;
}

TABLE.kapcsolat INPUT.checkbox {
	border:				1px solid #000;
	width:				auto;
}

TABLE.kapcsolat INPUT.gomb {
	border:				1px solid #000;
	width:				auto;
}

TABLE.kapcsolat TEXTAREA {
	border:				1px solid #000;
	margin:				2px 0px;
	width:				100%;
}

TABLE.kapcsolat SELECT {
	border:				1px solid #000;
	margin:				2px 0px;
	width:				100%;
}

div.kapcsolat-szoveg {
	margin:				20px;
	text-align:			justify;
}

div.kapcsolat-hiba {
	margin:				20px;
	text-align:			justify;
	border:				2px solid #FFFFFF;
	color:				#FFFFFF;
}

div.kapcsolat-cim H2 {
	margin:				20px;
	color:				#FFFFFF;
}

/*********************************
			KERESÉS
*********************************/

DIV#jobb DIV.kereses
{
	padding:			20px 0px 20px 5px;
	background:			url('images/jobbmenu_bg.jpg') no-repeat;
	text-align:			center;
	border-top:			2px solid #FFF;
	border-bottom:		2px solid #FFF;
}

DIV#jobb DIV.kereses h2
{
	margin:			0px;
	padding:		10px 0px 10px 10px;
	color:			#0f70bf;
	font-size:		12px;
	text-align:		left;
}

DIV#jobb DIV.kereses INPUT.text
{
	border:				1px solid #000000;
	color:				#000000;
	width:				135px;
}

DIV#jobb DIV.kereses INPUT.button
{
	color:				#0f70bf;
	margin:				4px;
	padding:			2px;
	background:			#cee5f5;
	border:				1px solid #0f70bf;
	text-align:			center;
	width:				135px;
}

DIV#jobb DIV.banner
{
	border: 1px solid #2F88CC;
/*	text-align:center;*/
	margin: 8px 3px;
	background: white;
}

DIV#jobb DIV.banner DIV.egy
{
	border-bottom: 1px solid #c1d6e7;
	margin: 2px 8px
}

DIV#jobb DIV.banner DIV.egy A
{
	color: #2F88CC;
	font-weight: bold;
}

DIV#jobb DIV.banner DIV.ketto
{
	border-bottom: 1px solid #000;
	margin: 2px 8px
}

DIV#jobb DIV.banner DIV.ketto A
{
	color: #000;
	font-weight: bold;
}

DIV#jobb DIV.banner DIV.last {
	border-bottom: none;
	padding-bottom: 4px;
}




A.active {
	font-weight:		bold;
}

/*********************************
			HÍRLEVÉL
*********************************/

DIV#jobb DIV.hirlevel
{
	color:				#0f70bf;
	padding:			20px 0px 20px 5px;
	background:			#98CAED url('images/jobbmenu_bg.jpg') no-repeat;
	text-align:			center;
	border-bottom:		2px solid #FFF;
}

DIV#jobb DIV.hirlevel h2
{
	margin:			0px;
	padding:		10px 0px 10px 10px;
	color:			#0f70bf;
	font-size:		12px;
	text-align:		left;
}

DIV#jobb DIV.hirlevel INPUT.text
{
	border:				1px solid #000000;
	color:				#000000;
	width:				135px;
	margin-bottom:		10px;
}

DIV#jobb DIV.hirlevel INPUT.button
{
	color:				#0f70bf;
	margin:				4px;
	padding:			2px;
	background:			#cee5f5;
	border:				1px solid #0f70bf;
	text-align:			center;
	width:				135px;
}

/*********************************
			KAPCSOLAT
*********************************/

TABLE.kapcsolat
{
	padding: 0px;
	margin: 0px;
	height: 100%;
	border: 0;
	border-collapse: collapse;
}

TABLE.kapcsolat TABLE
{
	padding: 0px;
	margin: 0px;
	width: auto;
	height: auto;
	border: 0px;
	border-collapse: collapse;
}

TABLE.kapcsolat
{
	margin: 10px;
}

TABLE.kapcsolat TD, TABLE.kapcsolat TH, TABLE.kapcsolat TD A, TABLE.kapcsolat TH A
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-align: left;
	text-decoration: none;
}

TABLE.kapcsolat TEXTAREA, TABLE.kapcsolat INPUT, TABLE.kapcsolat SELECT
{
	color: #000000;
	background-color: #2F88CC;
	width: 100%;
	border: 1px solid #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-arrow-color: #000000;
	scrollbar-face-color: #2F88CC;
	scrollbar-3dlight-color: #2F88CC;
	scrollbar-track-color: #2F88CC;
	scrollbar-darkshadow-color: #2F88CC;
}

TABLE.kapcsolat TD A, TABLE.kapcsolat TH A
{
	font-style: normal;
}

TABLE.kapcsolat TD A:hover, TABLE.kapcsolat TH A:hover
{
	text-decoration: underline;
}

TABLE.kapcsolat TH
{
	font-weight: bold;
}

TABLE.kapcsolat FIELDSET
{
	border: 1px solid #000000;
	margin-bottom: 10px;
}

TABLE.kapcsolat FIELDSET LEGEND
{
	font-weight: bold;
}

TABLE.kapcsolat TABLE.koszonto
{
	width: 100%;
	margin-bottom: 10px;
}

TABLE.kapcsolat TABLE.koszonto TD
{
	font-weight: normal;
}

TABLE.kapcsolat TABLE.piros TD
{
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 10px;
}



TABLE.kapcsolat TABLE.temakorok
{
	width: 100%;
}

TABLE.kapcsolat TABLE.temakorok TD
{
	/*color: #FF0000;*/
}

TABLE.kapcsolat TABLE.temakorok TH
{
	/* font-weight: bold;*/
}

TABLE.kapcsolat TABLE.temakorok TABLE
{
	width: 100%;
}

TABLE.kapcsolat TABLE.temakorok TABLE TD
{
	width: 50%;
}

TABLE.kapcsolat TABLE.adatok
{
	width: 100%;
}

TABLE.kapcsolat TABLE.adatok TH TD
{
	font-weight: bold;
}

TABLE.kapcsolat TABLE.adatok TD
{
	padding-left: 10px;
	padding-right: 10px;
}

TABLE.kapcsolat TEXTAREA.kerdes
{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

TABLE.kapcsolat INPUT.temakorok
{
	border: 0px;
}

TABLE.kapcsolat TABLE.kicsi
{
	width: 100%;
	margin-bottom: 10px;
}

TABLE.kapcsolat TABLE.kicsi TD
{
	font-size: 10px;
}

TABLE.kapcsolat FIELDSET.temakorok
{
	padding-left: 10px;
	padding-right: 10px;
}

TABLE.kapcsolat SELECT.valaszmod
{
	width: auto;
}

TABLE.kapcsolat INPUT.submit, TABLE.kapcsolat INPUT.reset
{
	width: auto;
	margin: 5px;
}

TABLE.kapcsolat TABLE.gomb
{
	width: 100%;
	margin-top: 10px;
	margin-bottom10px;
}

TABLE.kapcsolat TABLE.gomb TD
{
	text-align: center;
}

TABLE.kapcsolat TABLE.vege
{
	width: 100%;
	margin-bottom: 10px;
}

TABLE.kapcsolat TABLE.vege TD
{
	font-weight: bold;
	text-align: center;
}

TABLE.kapcsolat TABLE.hiba
{
	width: 100%;
	margin-bottom: 10px;
}

TABLE.kapcsolat TABLE.hiba TD
{
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
}

TABLE.kapcsolat TEXTAREA#hiba, TABLE.kapcsolat INPUT#hiba, TABLE.kapcsolat SELECT#hiba
{
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	background-color: #FFFFFF;
	color: #FFFFFF;
}


/*********************************
			BANNER
*********************************/

DIV#topBanner {
	padding-top:		5px;
	padding-left:		250px;
	width:				468px;
	height:				60px;
	float:				left;
}

DIV#topBanner DIV{
	border:				1px solid #FFF;
	width:				468px;
	height:				60px;
}

DIV#fooldalLink {
	padding-top:		5px;
	padding-left:		50px;
	float:				left;
}

/*********************************
			LÁBLÉC
*********************************/
#lablec
{
	float:		left;
	clear:		both;
	width:		800px;
	font-size:	10px;
	text-align:	center;
}




