/*							
		GENERAL
__________________________________________________

*/

body {font: 85%/1.5 Arial, Helvetica, sans-serif; color: #444; background: url(../img/body_bg.jpg);}
a:link, a:visited {color: #0079f2; outline: none;border:none;}
a:hover {color: #00264c;}
a:active {outline: none; border:none;}
h1, h2, h3, h4, legend, dt {font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}
strong {font-weight: bold;}
em { font-style: italic;}
address { font-style: normal; margin: 1em 0;}


/*							
		LAYOUT BLOCKS
__________________________________________________
*/
#canvas {min-height: 500px; background: url(../img/canvas_bg.png) repeat-x;}
#wrapper {width: 960px; margin: auto; background: url(../img/wrapper_bg.png) no-repeat;}

#top {height: 82px; }

.top_hu {background: url(../img/top_hu_bg.jpg) no-repeat;}
.top_en {background: url(../img/top_en_bg.jpg) no-repeat;}
.top_de {background: url(../img/top_de_bg.jpg) no-repeat;}
.top_ru {background: url(../img/top_ru_bg.jpg) no-repeat;}

#top a#home_button {display: block; width: 400px; height: 80px; float: left; zoom: 1;}
#top a#home_button span {display: block; width: 0; height: 0; overflow: hidden;}

#header {height: 282px;  background: url(../img/header_bg.jpg) no-repeat; clear: both; position: relative;}
#header #header_pic {padding: 0 20px;}

#header img {display:block;}

#header_img_container {padding: 0 20px; margin: 0; overflow: hidden; height: 240px;}

#main_wrapper { background: url(../img/main_wrapper_bg.png) repeat-y; overflow: hidden; clear: both;}
#main {overflow: hidden; padding: 0 5px 30px 5px; min-height: 400px;}
body.home #main {padding: 5px 5px 0 5px; min-height:100px;}
#main_bottom {height: 110px; background: url(../img/main_bottom_bg.jpg) no-repeat; clear: both; overflow: hidden;}

.default #content {width: 582px; float: left; padding: 20px 20px 30px 40px;}
.no_sidebar #content {width: 915px; padding: 20px 20px 0 25px;}
#content_for_fck {background: #fff; padding: 20px 25px; border: 10px solid #e5f0fc; overflow-y: scroll; margin: 0;}
#content_for_fck ul {padding: 0;}

.default #sidebar {width: 293px; padding: 0 3px 0 1px; float: left; /*background: #dbe8e4;*/}

#footer {margin: 10px 0 0 0; height: 80px; clear: both;}
#footer_wrapper {width: 930px; margin: auto; padding: 10px 20px 0 20px; font-size: 11px;}
#footer_nav {text-align: center; margin: 0 0 20px 0;}
#copyright {text-align: center; margin: 0 0 10px 0;}

/*							
		NAVIGATION
__________________________________________________
*/

#nav {width: 490px; position: absolute; padding-left: 30px;  height: 40px;  }
.nav_hu {background: url(../img/nav_hu_bg.jpg) no-repeat;}
.nav_en {background: url(../img/nav_en_bg.png) no-repeat;}
.nav_de {background: url(../img/nav_de_bg.png) no-repeat;}
.nav_ru {background: url(../img/nav_ru_bg.png) no-repeat;}

.nav_news_btn {width: 160px; height: 40px; background: url(../img/nav_news_bg.jpg) no-repeat; position: absolute; left: 490px;}
.nav_news_btn a {display: block; width: 160px; height: 40px;}

/*** SUPERFISH MENU STYLES  http://users.tpg.com.au/j_birch/plugins/superfish/   ***/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height:	1.0; }
.sf-menu ul { position: absolute; top: -999em; width: 160px; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 40px; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 160px; /* match ul width */ top: 0; }

/*** SKIN ***/
.sf-menu li {width: 160px; height: 40px; cursor: pointer;}
.sf-menu li span, .nav_news_btn span {display: block; position: relative; left: -999em; }
.sf-menu li li { height: auto;}
.sf-menu li li span {position: static;}

.sf-menu li ul {padding: 10px 5px;  background: #033554;}
.sf-menu li a, .sf-menu li a:visited { color: #f2f5f6; display: block; padding: 5px; text-transform: uppercase; font-size: 11px; line-height: 13px; border-bottom: 1px solid #355d76; }
.sf-menu li a:hover { background: #355d76; color: #fff;}
.sf-menu li.last a {margin-bottom: 10px; border-bottom: none;}

/*** arrows **/
.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
.sf-menu .sf-sub-indicator {position: absolute !important; display: block; right: 10px; left: auto; top: 5px; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../img/arrows-ffffff.png') no-repeat -10px -100px; z-index: 120; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 0; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }

/*** END OF SUPERFISH MENU STYLES http://users.tpg.com.au/j_birch/plugins/superfish/   ***/


/*							
		LANGUAGE MENU
__________________________________________________
*/

#lang_switcher {font-size: 11px; width: 130px; float: left; margin: 5px 0 0 430px; zoom: 1; }
span.active_lang {display: none;}
#lang_switcher a {display: block; float: left; width: 24px; height: 24px; margin: 0 16px 0 0; zoom: 1; }
#lang_switcher a span {display: none;}

#lang_switcher a#lang_switcher_en {background: url(../img/flags/uk_flag.gif) 0 0 no-repeat;}
#lang_switcher a#lang_switcher_de {background: url(../img/flags/de_flag.gif) 0 0 no-repeat;}
#lang_switcher a#lang_switcher_ru {background: url(../img/flags/ru_flag.gif) 0 0 no-repeat;}
#lang_switcher a#lang_switcher_hu {background: url(../img/flags/hu_flag.gif) 0 0 no-repeat;}

#lang_switcher a:hover#lang_switcher_en {background: url(../img/flags/uk_flag.gif) -24px 0 no-repeat;}
#lang_switcher a:hover#lang_switcher_de {background: url(../img/flags/de_flag.gif) -24px 0 no-repeat;}
#lang_switcher a:hover#lang_switcher_ru {background: url(../img/flags/ru_flag.gif) -24px 0 no-repeat;}
#lang_switcher a:hover#lang_switcher_hu {background: url(../img/flags/hu_flag.gif) -24px 0 no-repeat;}


/*							
		CONTENT
__________________________________________________
*/


p {margin: 1em 0 1em 0;}
h1 {margin: 0 0 .7em 0; font-size: 1.5em; font-weight: normal; color: #003366; text-transform: uppercase;}
h2 {margin: 0 0 .5em 0; font-size: 1.3em; font-weight: normal; color: #003366; text-transform: uppercase;}
h3 {margin: 0 0 .5em 0; font-size: 1.2em; font-weight: bold; color: #003366; }
h4 {margin: 0 0 .5em 0; font-size: 1.1em; font-weight: bold; color: #003366; }

ul, ol {margin: 0 0 1.5em 0;}
ul li {margin: 0 0 .3em 3em; list-style: disc; }
ol li {margin: 0 0 .3em 3em; list-style: decimal; }
ul li ul, ol li ul  {margin: 0 0 .5em 0; }
ol li ul li {list-style: disc; }
ul li ul li {list-style: circle; }


dl {margin: 1em 0 3em 0;}
dl dt {margin: 0 0 .5em 0; font-size: 1.2em; font-weight: bold;}
dl dl dt {margin: 0 0 .5em 0; font-size: 1.1em; font-weight: bold;}
dl dd {margin: 0 0 1em 2em;}

#content img {margin: 5px;}

/*							
		SZAKTERÜLETEK MENÜ
__________________________________________________
*/

#szakt_nav {margin: 0 0 15px 0; background: #00a557;padding: 10px 0 10px 10px; clear: both;}
#szakt_nav ul {margin: 0; padding: 0; list-style: none;}
#szakt_nav ul li {margin: 0; padding: 0; list-style: none;}
#szakt_nav ul li a {display: block; margin: 0 0 0 0; line-height: 14px; padding: 4px 3px 4px 5px; border-bottom: 1px solid #80d2ab; font-size: 11px; color: #fff;}
#szakt_nav ul li.last a {border-bottom: none;}
#szakt_nav ul li a:hover {background:#bfe8d5; color: #444;}
#sidebar #szakt_nav  h1 {text-transform: uppercase; font-weight: bold; font-size: 16px; margin: 0 0 2px 0; color: #fff; }

/*							
		SIDEBAR
__________________________________________________
*/

#sidebar h1 {text-transform: uppercase; font-weight: bold; font-size: 1.2em; margin: 0 0 5px 0; color: #00a557; }

#news {padding: 0 0 10px 10px;}

#varolista_button {display: block; width: 167px; height: 37px; background: url(../img/varolista_button.png) no-repeat; margin: 10px 0 7px 0;}
#varolista_button span {display: none;}

.sb_list {padding: 0 20px 0 10px;}
.sb_list ul {margin: 10px 0 0 0;}
.sb_list ul li {padding: .3em 0; list-style: none; font-size: 90%; line-height: 1.3em; margin: 0 0 0 1em; border-bottom: 1px solid #d4dee9;}
.sb_list ul li a {color: #456475;}
.sb_list ul li a:hover {color: #053857;}

.sidebar_news {margin: 0 10px 1em 10px;}
.sidebar_news h3 {margin: 0 0 1em 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom:5px; line-height: 1.2em;}
.news_date {font-size: 11px; float: right; margin: 0 0 2px 5px; /*border-bottom: 1px solid #d4dee9;*/}

.news_item { font-size: .9em; margin: 0 0 8px 0; padding: 3px 0 0 0; border-bottom: 1px solid #d4dee9;}
.news_item p {margin: 0 0 .3em 0;}
.read_more {font-size: 11px; text-align: right; margin: 0;}
/*							
		SPONSORS
__________________________________________________
*/

#sponsor_links {float: right;}
#sponsor_links a {float: right;}
#itthon {display: block; width: 80px; height: 80px; float: right; margin: 0 20px 0 0; }
#itthon span {display: none;}
#deldunantul {margin: 57px 10px 0 0; font-size: 90%;}

/*							
		TABLES
__________________________________________________
*/

table {font-size: 12px; width: 100%; border-collapse: collapse; background: #f8fafd; margin: 0 0 2em 0; border: 1px solid #d4dee9;}
table th, table td {padding: 7px; border-bottom: 1px solid #d4dee9; border-right: 1px solid #d4dee9; vertical-align: middle;}
table td, table thead th {text-align: center;}
table th {line-height: 1.3em;}

.default #content p.table_note {margin: -1em 0 2em 0; line-height: 1.3em; font-size: 11px;}
.default #content table th p.table_note {font-weight: normal; margin: 5px 0 0 0;}

table.rendeles td, table thead th {text-align: left;}

/*							
		Q&A
__________________________________________________
*/
.default #content p.ask_a_question {float: right; margin: 0;}
p.ask_a_question a {display: block;background:#033554 none repeat scroll 0 0; color:#fff; display:block; font-size:12px; font-weight: normal; margin:0 0 1em 0; padding:6px; text-transform:uppercase;}
.qa_topic {overflow: hidden; clear: both; border-bottom: 1px solid #e6f0fc; /*padding: 1em 0 0 0;*/ margin: 0 0 1em 0;}

.answer_author {font-size: .8em; margin: 1em 0 0 0; font-weight: bold;}
div#ask {margin: 20px 0 0 0; background: #e6f0fc; border: 1px solid #d4dee9; padding: 10px;}
div#ask form fieldset label { display: block; float: left; width: 30%; margin: 0 0 1em 0; font-weight: bold;}
div#ask form fieldset br { clear: both;}
div#ask form input#user_email { width: 68%; float: left; padding: 3px; border: 1px solid #d4dee9;}
div#ask form fieldset textarea { width: 68%; height: 120px; float: left; overflow: auto; margin: 0 0 20px 0; padding: 3px; border: 1px solid #d4dee9;}
input#sendQuestion {float: right;}
.large_submit_btn {background:#033554 none repeat scroll 0 0; border:medium none; color:#fff; cursor:pointer; display:block; float:right; font-size:12px; font-weight: normal; margin:0 0 0 0; padding:6px; text-transform:uppercase; width:120px; margin: 0 5px 10px 0;}
p.comment_required {clear: both; font-size: .85em;}
/*							
		MISC
__________________________________________________
*/
.cboth{clear: both;}
u {font-size: 80%; vertical-align: top;}
#region_map {width: 250px; float: right; border-left: 1px solid #eee; padding: 0 0 0 20px; font-size: 85%; text-align: center;}
#region_map img  {margin: 10px 0;}

#beutalo {font-size: 80%; padding: 7px 0 7px 15px; line-height: 1.3em; background: #f8fafd url(../img/sidebar_box_shadow.png) repeat-y; margin: 0 0 7px 0; border-top: 3px solid #d4dee9; border-bottom: 3px solid #d4dee9;}
#beutalo h2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 100%; margin: 0 0 3px 0;}
#beutalo p {margin: 0;}
#beutalo div {overflow: hidden; margin: 0 0 1em 0;}

#map {float: right; margin: 0 0 0 20px; padding: 5px; background: #f2f5f6; width: 270px; height: 270px;}