/****  LAYOUT  ****/

html {
	height: 100%;
}

body{
	margin: 0;
	padding: 0;
	background: #c3ccd3 url(page.gif) repeat-y center top;
	height: 100%;
}

#page {
	position: relative;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	min-width: 812px;
	background-color: #f8fafc;
}

#header {
	height: 128px;
	background: url(top.jpg) no-repeat top;
}

#topmenu {
	height: 48px;
	background: url(mnu.gif) repeat-x 0 -16px ;
}

#topmenu ul {
	margin: 0 auto 0 15%;
	padding: 0;
	width: 468px;	/*  116 * 4 + 4, explicit ertek kell a margin auto miatt */
}

#cse-search-box {
	position: absolute;
	top: 133px;
	right: 30px;
}

#trunk {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 60px;
}

#trunk.narrow {
	position: relative;
	padding-right: 260px;
}

#crumbs {
	margin-top: 20px;
}

#cmenu {
	position: absolute;
	right: 30px;
	width: 200px;
}

#footer {
	position: absolute;
	bottom: 0;
	padding-top: 23px;
	width: 100%;
	height: 25px;
	background: url(mnu.gif) repeat-x;
}


/**** TYPE ****/

#page {
	font-family: Helvetica, Arial;
}


/**** MENUS ****/

#topmenu li {
	display: inline-block;
	vertical-align: top;
	background: url(sep.gif) no-repeat left;
}


#topmenu a {
	display: block;
	padding-top: 8px;
	height: 24px;
	width: 116px;
	text-align: center;
	font-size: .9em;
	color: #ffffff;
	text-decoration: none;
}

#topmenu li.select, #topmenu  a:hover {
	background: url(mnusel.gif) no-repeat;
}

#q {
	margin: 0;
	background: white url(search.gif) no-repeat right center;
	padding-left: 4px;
	width: 192px;
	color: #484848;
}

#crumbs {
	color: #484848;
	font-size: .7em;
}

#crumbs a, #crumbs span {
	margin-right: 6px;
	padding-right: 20px;
	background: url(red3.gif) no-repeat right center;
	color: #d8000b;
	text-decoration: none;
	white-space: nowrap;
}

#crumbs a:hover, #crumbs span.active:hover {
	text-decoration: underline;
}

/**** cmenu ****/

#cmenu {
	font-size: .75em;
}

#cmenu, #cmenu ul, #cmenu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#cmenu a, #cmenu span {
	display: block;
	margin-bottom: 3px;
	padding: 4px 8px 4px 14px;
	height: 14px;

	white-space: nowrap;
	text-decoration: none;
	background-color: #d8000b;
	color: #d0d0d0;
}

#cmenu a:hover, #cmenu span.active:hover {
	color: #ffffff;
}

#cmenu a.match {
	background-image: url(match.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


#cmenu ul a, #cmenu ul span {
	background-color: #454d50;
}


#cmenu ul ul a, #cmenu ul ul span {
	background-color: #8a949d;
}


#cmenu ul ul ul a, #cmenu ul ul ul span {
	background-color: #d3dae0;
	color: #3b4044;
}

#cmenu ul ul ul a:hover, #cmenu ul ul ul span.active:hover {
	color: #808080;
}


/**** local menu ***/

ul.submenu {		/* mert a body gyereke */
	font-family: Helvetica, Arial;
	font-size: .75em;
	color: #d0d0d0;
}

/* itt ie6 miatt a border-top és bottom szerepe nem felcserelheto */
ul.submenu, .submenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.submenu li {
	display: block;
	margin-bottom: 3px;
	background-color: #8a949d;
}


.submenu a, .submenu span {
	display: block;
	padding: 4px 18px 4px 8px;
	height: 14px;

	white-space: nowrap;
	color: #d0d0d0;
	text-decoration: none;
}

.submenu span {
	background-position: right;
	background-repeat: no-repeat;
	background-image: url("arrow.gif");
}

.submenu a:hover, .submenu span:hover, span.subhigh {
	color: #ffffff;
}

.submenu span:hover, span.subhigh {
	background-image: url("arrowOn.gif");
}


/**** CONTENT ****/

#content {
	color: #484848;
	font-size: .8em;
}

/** vertical spacing **/

p, h1, h2, h3, ul, dt, img, table, #content div, iframe, .ribbon {
	margin-top: 15px;
	margin-bottom: 0;
}

ul ul {
	margin-top: 6px;
}


div.section {
	border-top: 1px solid;
}

div.section:first-child {
	border-top-color: transparent;	/* prevent margin collapse -> align image top */
}

div.section:after {		/* to enclose floats into container divs, ignored by IE7 and less*/
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


p {
	text-align: justify;
}

h1 {
	margin-top: 20px;
	font-size: 1.6em;
	color: #d8000b;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}


#content a, #content span.active {
	font-weight: bold;
	color: #d8000b;
	text-decoration: none;
}

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

a.pdf {
	padding-right: 18px;
	background: url(pdf.gif) no-repeat right center;
}

a.xlink, a.linkout {
	padding-right: 12px;
	background: url(red3.gif) no-repeat right center;
}

a.send {
	padding-right: 20px;
	background: url(send.gif) no-repeat right center;
}



#content ul {
	margin-left: 0;
	padding-left: 1em;
}

#content li {
	margin-top: 6px;
}

dt {
	font-weight: bold;
}

dd {
	margin-top: 5px;
}

img {
	border: 1px solid #d8d8d8;
}

img.right {
	float: right;
	margin-left: 30px;
}

img.left {
	float: left;
	margin-right: 30px;
}

img.thumbnail {
	height: 100px;
}

/*
img.pack {
	margin-top: 3px;
}
*/

.pcont {
	margin-left: -20px;
}

.pcont:after {		/* to enclose floats into container divs, ignored by IE7 and less*/
					/* IE7 ala itt valahogy nem kell bezaras, talan az also kep miatt */
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.pbox {
	margin-top: 24px;
	margin-left: 20px;
	float: left;
	border: 1px solid #d8d8d8;
	background-color: white;
	height: 346px;
	width: 170px;
}

.pbox h1 {
	margin-top: 0;
	padding-top: 6px;
	height: 24px;
	background: url(mnu.gif) 0 -17px repeat-x;
	text-align: center;
	color: #d0d0d0;
	font-size: 1em;
}

#content .ppic {
	margin-top: 0;
	height: 163px;
}

.pbox ul {
	list-style-type: none;
	padding-left: 0;
}

#content .pbox a {
	padding-right: 12px;
	background: url(red3.gif) no-repeat right;
	color: #484848;
}

.ribbon {
	display: block;
	border: 1px solid #d8d8d8;
	padding: 10px 10px 10px 96px;
	background-color: white;
	background-position: left center;
	background-repeat: no-repeat;
}

#content a.ribbon {
	font-weight: normal;
	color: #484848;
}

.ribbon h3 {
	margin-top: 0;
}

.ribbon p {
	margin-top: 7px;
}

div.kapcs {
	border-top: 1px solid;
}

div.kapcs h1 {
	font-size: 1.4em;
}


#content .kapcs a {
	padding-right: 12px;
	background: url(red3.gif) no-repeat right;
	color: #484848;
}




/***   tables   ***/

table {
	margin-left: -2px;   /* a 2px feher border miatt kell */
	border-collapse: collapse;
}

td, th {
	vertical-align: top;
	border: 2px solid #f8fafc;
	padding: 5px 10px;
}

th {
	text-align: left;    /* Operanak kell */
	font-weight: bold;
}


table.plain {
	margin-left: 0;
}

table.plain td, table.plain th {
	border-width: 0;
}

table.plain th {
	padding-left: 0;
}

tr {
	background-color: #e7e8ea;
}

tr.dark {
	background-color: #dedfe3;
}

.plain tr, tr.plain {
	background-color: transparent;
}

td.vcenter {
	vertical-align: middle;
}

td > img {
	margin-top: 0;
}


#footer {
	text-align: center;
	color: #b0b0b0;
	font-size: .8em;
}

#footer a {
	color: #b0b0b0;
	text-decoration: none;
}

#footer a:hover {
	color: #ffffff;
}


/***  special classes  ***/

.note {
	font-size: .9em;
	font-style: italic;
}

.akcio {
	margin-left: -20px;
	border-left: 8px solid #d8000b;
	padding-left: 12px;
}

.english {
	font-style: italic;
}

.warning {
	color: #d8000b;
}

#gmap {
	border: 1px solid #cccccc;
	padding: 4px;
	height: 400px;
}

iframe#gmap {
	width: 100%;
}

.active {
	cursor: pointer;	/* chrome-nak kell */
}


#content li.kezd {
	margin-top: 2em;
}

li.kezd:first-letter {
	font-size: 1.4em;
	font-weight: bold;
}


div.msgsent {
	width: 60%;
	margin-top: 2em;
	border: 1px solid;
	padding: 0 16px 16px;
	font-size: 90%;
}

@media print {
	body {
		height: auto;
	}

	#header, #topmenu, #cse-search-box , #cmenu {
		display: none;
	}

	#trunk.narrow {
		padding-right: 30px;
	}
}