@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext");
@media screen { body { margin: 0; color: #112; font: 400 14px/1.5em Georgia, serif; background: #ebebeb url("../img/body_bg_h192.png") top repeat-x; }
 #main, #startbox, .cols, header nav, .center { width: 1212px; margin: 0 auto 1.5em; padding: 0; position: relative; }
 #main:after, #startbox:after, .cols:after, header nav:after, .center:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
 #startbox { width: 1200px; }
 .col { box-shadow: 0 4px 12px #bbb; float: left; padding: 6px; margin: 6px; background: #fff; border-top: 6px solid #fff; }
 .col.color1 { border-top: 6px solid #36799d; }
 .col.color2 { border-top: 6px solid #0f8965; }
 .col.color3 { border-top: 6px solid #bb9d52; }
 .col .reklamok { text-align: center; }
 .col .reklamok img { vertical-align: middle; margin: 1ex 2px; transition: .666s; }
 .col .reklamok a:hover img { box-shadow: 0 0 6px #bb9d52; }
 .cols .reklamok { width: 1188px; margin: -32px 0 0; margin-bottom: 6px; }
 .cols .reklamok img { margin: 1ex; }
 .basic { width: 380px; float: left; }
 .double { width: 784px; float: left; }
 .triple { width: 1188px; float: left; }
 .half { width: 178px; float: left; }
 article { float: right; width: 808px; }
 aside { float: left; width: 404px; }
 a { outline: none !important; color: #36799d; transition: color .666s; }
 a:hover { color: #bb9d52; }
 a.jumpto { display: block; text-align: right; font-family: "Roboto Condensed", sans-serif; border-top: 1px solid #8aafa4; text-decoration: none; }
 a.jumpto:after { content: " >"; font-size: 110%; }
 header { height: 192px; background: url("../img/collage.jpg") 50% 0 no-repeat; }
 header #collage { position: absolute; left: 48%; }
 header #home { text-indent: -666em; font-size: 0; display: block; width: 553px; height: 149px; background: url("../img/logo_h149.png"); position: absolute; top: 35px; left: 50%; margin-left: -603px; }
 header #valasztas { position: absolute; display: block; background: rgba(255, 255, 255, 0.666); width: 228px; height: 30px; left: 50%; margin-left: 360px; top: 120px; border: 6px solid rgba(138, 175, 164, 0.8); font-family: "Roboto Condensed", sans-serif; font-weight: 700; font-size: 161.8%; text-align: center; line-height: 1.2em; text-decoration: none; text-shadow: 0 0 6px #fff; box-shadow: 1px 1px 0px #fff, -1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff; transition: .666s; }
 header #valasztas:hover { border-color: #bb9d52; background: #fff; }
 header nav { text-align: right; position: relative; top: 4px; padding-right: 3px; }
 header nav a { text-indent: -666em; font-size: 0; display: inline-block; width: 27px; height: 27px; border: 1px solid #cfe7e0; margin: 1px; background: url("../img/icons.png") no-repeat; vertical-align: top; position: relative; top: 10px; }
 header nav a.active { border: 2px solid #fff; margin: 0; }
 header nav a.login { background-position: -416px 0; }
 header nav a.login:hover { background-position: -390px 0; }
 header nav a.logout { background-position: -468px 0; }
 header nav a.logout:hover { background-position: -442px 0; }
 header nav a.back { background-position: -260px 0; display: none; }
 header nav a.back:hover { background-position: -234px 0; }
 header nav a.home { background-position: -208px 0; display: none; }
 header nav a.home:hover { background-position: -182px 0; }
 header nav a.menu { background-position: -364px 0; display: none; }
 header nav a.menu:hover { background-position: -338px 0; }
 header nav a.hu { background-position: -26px 0; }
 header nav a.hu.active, header nav a.hu:hover { background-position: 0 0; }
 header nav a.en { background-position: -78px 0; }
 header nav a.en.active, header nav a.en:hover { background-position: -52px 0; }
 header nav a.de { background-position: -130px 0; }
 header nav a.de.active, header nav a.de:hover { background-position: -104px 0; }
 header nav a.vi { background-position: -156px 0; margin-right: 5px; }
 header nav #quicksearch { display: inline-block; margin: 0 2px; position: relative; top: 11px; }
 header nav #quicksearch input { border: 1px solid #cfe7e0; padding: 2px 2px 1px; font-family: 'Roboto Condensed', sans-serif; font-weight: 200; font-size: 128.6%; line-height: 1em; color: #fff; background: transparent; width: 80px; height: 24px; transition: background, width .666s; }
 header nav #quicksearch input:-webkit-input-placeholder { color: #fff; }
 header nav #quicksearch input:focus { background: rgba(0, 0, 0, 0.1); width: 300px; }
 header nav #quicksearch button { border: 0; display: block; width: 25px; height: 25px; background: url("../img/icons.png") -312px no-repeat; text-indent: -666em; position: absolute; top: 1px; right: 2px; }
 header nav #quicksearch button:hover { background-position: -286px; }
 header #login { background: #36799d; border: 2px solid #fff; padding: 6px; width: 300px; position: absolute; float: right; box-shadow: 0 0 4px rgba(0, 0, 0, 0.8); right: 6px; margin-top: 10px; z-index: 666; display: none; }
 header #login input { width: 90%; height: 24px; font-family: 'Roboto Condensed', sans-serif; font-weight: 200; font-size: 128.6%; line-height: 1em; display: block; margin: 6px auto; border: 0; }
 header #login button { border: 0; background: #36799d; color: #c5d7d2; transition: .666s; font-family: 'Roboto Condensed', sans-serif; font-weight: 200; font-size: 128.6%; border: 1px solid #9bbcce; padding: 0 1ex; }
 header #login button:hover { color: #fff; border: 1px solid #fff; }
 header #login a { color: #c5d7d2; text-decoration: none; font-family: 'Roboto Condensed', sans-serif; font-weight: 200; font-size: 128.6%; margin-right: 5%; background: none; border: 0; }
 header #login a:hover { color: #fff; }
 header #login div { text-align: right; margin-right: 5%; }
 header #login:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; top: -12px; content: ""; height: 0; left: 50%; margin-left: -4px; position: absolute; width: 0; }
 header .loggedin { display: inline-block; font-family: "Roboto Condensed", sans-serif; font-size: 128.6%; background: rgba(0, 0, 0, 0.1); color: #fff; height: 20px; border: 1px solid #cfe7e0; position: relative; top: 10px; padding: 3px 4px 4px 26px; }
 header .loggedin a { text-indent: 0; display: inline; background: none; color: #fff; border: 0; line-height: 0; font-size: 100%; text-decoration: none; }
 header .loggedin:after { display: block; content: ''; width: 26px; height: 26px; background: url("../img/icons.png") no-repeat; background-position: -390px 0; position: absolute; left: -1px; top: 0; }
 header #logout { display: none; }
 #breadcrumb { list-style-type: none; text-align: center; margin: 0 0 1ex; padding-bottom: 2px; background: whitesmoke; }
 #breadcrumb li { display: inline; }
 #breadcrumb li a { font-family: 'Roboto Condensed', sans-serif; color: #36799d; text-decoration: none; }
 #breadcrumb li a:hover { color: #bb9d52; }
 #breadcrumb li:before { content: ">"; padding: 0 2px 0 0; font-weight: 700; font-size: 128.6%; color: #8aafa4; }
 #breadcrumb li:first-child:before { content: " "; }
 #breadcrumb li:last-child a { font-weight: 700; cursor: default; color: #0f8965; }
 #breadcrumb li:last-child a:hover { color: #0f8965; }
 #startbox { box-shadow: 0 4px 12px #bbb; background: #fff; }
 #startbox ul { padding: 0; }
 #startbox li { list-style-type: none; display: block; float: left; width: 188px; height: 188px; background: url("../img/startbox_bg_2280.jpg"); border: 6px solid #fff; }
 #startbox li a { font-family: 'Roboto Condensed', sans-serif; font-weight: 200; font-size: 128.6%; letter-spacing: -.5px; line-height: 1.25em; color: #fff; text-decoration: none; display: block; height: 188px; transition: box-shadow .666s; }
 #startbox li a span { display: inline-block; padding: .5ex; }
 #startbox li.color1 { box-shadow: inset 0 0 12px #36799d; }
 #startbox li.color1 a span { background: #36799d; }
 #startbox li.color1 a:hover { box-shadow: inset 0 0 32px #1b3d4f; }
 #startbox li.color1 a:hover span { background: #fff; color: #36799d; }
 #startbox li.color2 { box-shadow: inset 0 0 12px #0f8965; }
 #startbox li.color2 a span { background: #0f8965; }
 #startbox li.color2 a:hover { box-shadow: inset 0 0 32px #084533; }
 #startbox li.color2 a:hover span { background: #fff; color: #0f8965; }
 #startbox li.color3 { box-shadow: inset 0 0 12px #bb9d52; }
 #startbox li.color3 a span { background: #bb9d52; }
 #startbox li.color3 a:hover { box-shadow: inset 0 0 32px #5e4f29; }
 #startbox li.color3 a:hover span { background: #fff; color: #bb9d52; }
 #startbox li.gallery { position: relative; }
 #startbox li.gallery div { position: absolute; }
 #startbox li.gallery li { border: 0; }
 #startbox li.gallery a span { position: absolute; top: 0; }
 #startbox li.gallery .jcarousel { width: 188px; height: 188px; }
 #startbox li.gallery .jcarousel ul { width: 20000em; }
 #startbox li.tile2 { background-position: -228px; }
 #startbox li.tile3 { background-position: -456px; }
 #startbox li.tile4 { background-position: -684px; }
 #startbox li.tile5 { background-position: -912px; }
 #startbox li.tile6 { background-position: 1140px; }
 #startbox li.tile7 { background-position: 912px; }
 #startbox li.tile8 { background-position: 684px; }
 #startbox li.tile9 { background-position: 456px; }
 #startbox li.tilea { background-position: 228px; }
 #startbox li.tileb { background-position: -1140px; }
 #startbox li.tilec { background-position: 1368px; }
 .cols.double, .cols.basic, .cols.triple { width: 100%; padding: 0; margin: 0; }
 .cols.double .col { width: 784px; }
 .cols.triple .col { width: 1176px; }
 .cols.basic .col { width: 380px; }
 .cols.basic .col:nth-child(2n) { float: right; }
 .cols .col img[style] { margin: 1ex; }
 .cols .col img[style="float: left;"] { margin-left: 0; max-width: 50%; }
 .cols .col img[style="float: right;"] { margin-right: 0; max-width: 50%; }
 .cols .col ul { list-style-type: none; padding: 0 0 0 .5em; }
 .cols .col ul li:before { content: "-"; color: #8aafa4; position: absolute; margin-left: -.5em; }
 .cols .col ul li a { text-decoration: none; }
 .cols header { height: auto; background: none; overflow: auto; }
 .cols header h3 { background: #8aafa4; float: left; padding: .5ex 1ex; margin: 0; font-family: "Roboto Condensed"; font-weight: 700; font-size: 128.6%; color: #fff; }
 .cols header h3 a { color: #fff; }
 .cols.bannersize .col { height: 190px; border-top: 0; }
 .cols.bannersize .col header { position: absolute; width: 380px; }
 .cols.bannersize .col header .jcarousel-control-prev, .cols.bannersize .col header .jcarousel-control-next { position: absolute; background: #8aafa4; width: 16px; height: 32px; right: 0; font-family: "Roboto Condensed"; font-size: 300%; color: #fff; text-decoration: none; text-align: center; transition: background .666s; }
 .cols.bannersize .col header .jcarousel-control-prev:hover, .cols.bannersize .col header .jcarousel-control-next:hover { background: #af9045; }
 .cols.bannersize .col header .jcarousel-control-prev { right: 17px; }
 .cols.bannersize .col header .jcarousel-control-prev.inactive, .cols.bannersize .col header .jcarousel-control-next.inactive { background: #e2ebe8; cursor: default; }
 .cols.bannersize .col header h3 { max-width: 326px; height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .cols.bannersize .col.flashed { overflow: hidden; }
 .cols.bannersize .col.flashed .content { margin: 0; text-align: center; }
 .cols.bannersize .col .jcarousel { width: 380px; height: 158px; margin-top: 32px; }
 .cols.bannersize .col .jcarousel ul { width: 368px; height: 6666em; }
 .cols.bannersize .col .jcarousel ul li:first-child { margin-top: 1ex; }
 .cols.bannersize .col .jcarousel ul li:last-child a { border-bottom: 6px solid #8aafa4; padding-bottom: 1em; }
 .cols.bannersize .col .jcarousel ul a { display: block; width: 368px; color: #36799d; padding: 0 0 1ex; transition: color .666s; }
 .cols.bannersize .col .jcarousel ul a:hover { color: #ab8d43; }
 .cols.bannersize .col .jcarousel ul a:before { position: absolute; margin-left: -1ex; }
 .cols .bannerimg { display: block; width: 380px; height: 190px; margin-top: -32px; }
 .cols .content { margin-top: 32px; }
 article.single { width: 100%; }
 article .cols { width: auto; }
 article .cols .col { position: relative; }
 article .cols .col h3 { margin: 1ex 0 1em 1ex; }
 article .cols .col h3 a { color: #36799d; text-decoration: none; font-weight: 800; font-size: 128.6%; line-height: 1; transition: color .666s; }
 article .cols .col h3 a:hover { color: #bb9d52; }
 article .cols .col header { margin: -12px 0 -32px -12px; }
 article .cols .col .leadimage { float: left; margin: 1ex 2ex 1ex 1ex; max-height: 190px; overflow: hidden; border: 2px solid #fff; border-radius: 2px; box-shadow: 0 0 2px #8aafa4; transition: box-shadow .666s; }
 article .cols .col .leadimage img { width: 190px; float: left; }
 article .cols .col .leadimage:hover { box-shadow: 0 0 6px #bb9d52; }
 article .cols .col .lead { margin-bottom: 3em; }
 article .cols .col .meta { position: absolute; bottom: -1ex; right: 1em; font-family: "Roboto Condensed", sans-serif; color: #8aafa4; }
 article .cols.basic .col .leadimage img { width: 126.667px; }
 article .cols.double .col .lead, article .cols.double .col h3 { padding: 0 2em; }
 article .col.double .content { padding: 0 4em 3em; }
 article h1, article h2, article h3 { line-height: 1.2; }
 article h1 { color: #36799d; }
 article h2 { color: #36799d; }
 article h3 { color: #36799d; }
 article img { max-width: 98%; }
 article img[style] { margin: 1ex; }
 article img[style="float: left;"] { margin: 1ex 1em 1ex 0; }
 article img[style="float: right;"] { margin: 1ex 0 1ex 1em; }
 article .content .meta { text-align: right; color: #8aafa4; font-family: "Roboto Condensed", sans-serif; position: relative; margin-bottom: 2em; }
 article .content .meta a { color: #8aafa4; }
 article .content .meta a:hover { color: #bb9d52; }
 article .content .lead { font-style: italic; padding-bottom: 2em; }
 .pagination { list-style-type: none; text-align: center; padding-top: 1em; font-family: "Roboto Condensed", sans-serif; }
 .pagination li { display: inline; }
 .pagination li.off { visibility: hidden; }
 .pagination li.previous a, .pagination li.previous a:hover, .pagination li.next a, .pagination li.next a:hover { border: 0; background: #fff; }
 .pagination li a { text-decoration: none; display: inline-block; padding: 0 1ex; border: 1px solid #8aafa4; background: #e8efed; transition: all .666s; }
 .pagination li a:hover { background: #fff; border: 1px solid #36799d; }
 .pagination li.active { border: 2px solid #36799d; padding: 0 1ex; background: #36799d; color: #fff; font-weight: 700; box-shadow: inset 1px 1px 0 #8aafa4, inset -1px -1px 0 #8aafa4; }
 #gallery { margin-bottom: 1em; vertical-align: top; }
 #gallery * { vertical-align: top; }
 #gallery a { margin: 1ex; display: inline-block; text-align: center; width: 150px; }
 #gallery a img { padding: 1px; border: 1px solid #36799d; max-width: 100%; transition: .666s; }
 #gallery a:hover img { border: 1px solid #bb9d52; box-shadow: 0 0 6px #bb9d52; }
 #gallery a sub { display: none; }
 #gallery div { display: inline-block; }
 #gallery div span { display: none; }
 .links .thumb { border: 1px solid #36799d; padding: 1px; margin: 6px 1px; width: 120px; max-height: 160px; float: left; }
 .links .thumb:hover { border-color: #bb9d52; }
 #gallery.rollable { position: relative; overflow: hidden; white-space: nowrap; top: -19px; }
 #gallery.rollable img { border: 1px solid #36799d; padding: 1px; width: 120px; max-height: 160px; }
 #gallery.rollable img:hover { border-color: #bb9d52; padding: 1px; box-shadow: 0 0 6px #bb9d52; }
 #gallery.rollable a { position: relative; vertical-align: middle; display: inline-block; width: auto; left: 1px; padding: 1ex 0 0; margin: 0; }
 #gallery.rollable a.spacer { border: 0; height: 160px; width: 0; margin: 0; padding: 0; visibility: hidden; }
 #gallery.rollable a sub { display: none; }
 #gallery.rollable .back, #gallery.rollable .next { cursor: pointer; width: auto; clip: rect(0, 22px, 22px, 0); position: absolute; left: 0; border: 0; bottom: -24px; background: rgba(54, 121, 157, 0.4); transition: background, .666s; }
 #gallery.rollable .back:hover, #gallery.rollable .next:hover { background: #bb9d52; }
 #gallery.rollable .next { clip: rect(22px, 22px, 44px, 0); left: 358px; bottom: -2px; }
 .cols #video { overflow: hidden; }
 #komplex_search, #bejelentes { margin: 1em auto; padding: 1em; font-family: "Roboto Condensed"; overflow: auto; }
 #komplex_search div, #bejelentes div { margin: 1em 0; }
 #komplex_search label, #bejelentes label { margin-right: 1ex; display: inline-block; text-align: right; vertical-align: middle; width: 199px; }
 #komplex_search p, #bejelentes p { text-align: center; font-family: Georgia, serif; }
 #komplex_search select, #komplex_search input, #bejelentes select, #bejelentes input { font-family: "Roboto Condensed"; vertical-align: middle; }
 #komplex_search input[type="radio"], #bejelentes input[type="radio"] { margin-left: 1em; vertical-align: sub; }
 #komplex_search select, #bejelentes select { width: 330px; }
 #komplex_search textarea, #bejelentes textarea { resize: none; }
 #komplex_search #fld_title, #komplex_search .input_text, #komplex_search textarea, #bejelentes #fld_title, #bejelentes .input_text, #bejelentes textarea { width: 324px; }
 #komplex_search #datepicker_from, #komplex_search #datepicker_to, #bejelentes #datepicker_from, #bejelentes #datepicker_to { width: 148px; }
 #komplex_search select, #komplex_search #fld_title, #komplex_search #datepicker_from, #komplex_search #datepicker_to, #komplex_search .input_text, #komplex_search textarea, #bejelentes select, #bejelentes #fld_title, #bejelentes #datepicker_from, #bejelentes #datepicker_to, #bejelentes .input_text, #bejelentes textarea { border: 1px solid #8aafa4; border-bottom: 3px solid #8aafa4; padding: 1px; }
 #komplex_search select:focus, #komplex_search #fld_title:focus, #komplex_search #datepicker_from:focus, #komplex_search #datepicker_to:focus, #komplex_search .input_text:focus, #komplex_search textarea:focus, #bejelentes select:focus, #bejelentes #fld_title:focus, #bejelentes #datepicker_from:focus, #bejelentes #datepicker_to:focus, #bejelentes .input_text:focus, #bejelentes textarea:focus { border-color: #bb9d52; box-shadow: 0 0 6px #bb9d52; }
 #komplex_search button, #bejelentes button { padding: 1ex 3em; background: #36799d; color: #fff; font-weight: 800; font-size: 128.6%; border: 1px solid #36799d; margin: 1em auto; display: block; box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; width: 92%; transition: .666s; }
 #komplex_search button:hover, #bejelentes button:hover { background: #bb9d52; box-shadow: 0 0 6px #bb9d52; border: 1px solid #fff; }
 #gallery_search { margin-top: -2em; padding: 1em; font-family: "Roboto Condensed"; overflow: auto; }
 #gallery_search div { margin: 1em 0; text-align: center; }
 #gallery_search label { display: block; text-align: left; }
 #gallery_search select, #gallery_search input { font-family: "Roboto Condensed"; vertical-align: middle; }
 #gallery_search #datepicker_from, #gallery_search #datepicker_to, #gallery_search .input_text { border: 1px solid #8aafa4; border-bottom: 3px solid #8aafa4; padding: 1px; }
 #gallery_search #datepicker_from:focus, #gallery_search #datepicker_to:focus, #gallery_search .input_text:focus { border-color: #bb9d52; box-shadow: 0 0 6px #bb9d52; }
 #gallery_search #fld_title { width: 92%; }
 #gallery_search #datepicker_from, #gallery_search #datepicker_to { width: 40%; }
 #gallery_search button { padding: 1ex 3em; background: #36799d; color: #fff; font-weight: 800; font-size: 128.6%; border: 1px solid #36799d; margin: 1em auto; display: block; box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff; width: 100%; transition: .666s; }
 #gallery_search button:hover { background: #bb9d52; box-shadow: 0 0 6px #bb9d52; border: 1px solid #fff; }
 .triple #komplex_search, .triple #bejelentes { width: 64.3%; }
 .triple #komplex_search div, .triple #bejelentes div { text-align: center; }
 .triple #komplex_search label, .triple #bejelentes label { display: block; text-align: center; width: auto; }
 .triple #komplex_search button, .triple #bejelentes button { width: 44%; }
 .message { padding: 1ex; margin: 1em 1ex 2em; background: #bb9d52; color: #fff; font-weight: 700; text-shadow: 0 0 1px #5e4f29; text-align: center; }
 table.datasheet { background: #fff; }
 table.datasheet tr:hover { background: #f8f5ee; }
 table.datasheet tr.sticky { position: fixed; top: 0; }
 table.datasheet td { font-family: "Roboto Condensed", sans-serif; word-wrap: break-word; vertical-align: top; padding: 1ex; border-bottom: 1px dotted #ccc; }
 table.datasheet tr:nth-child(5n + 1) td { border-bottom: 1px solid #aaa; }
 table.datasheet tr:nth-child(10n + 1) td { border-bottom: 2px solid #bb9d52; }
 table.datasheet th { font-family: "Roboto Condensed", sans-serif; text-align: left; vertical-align: top; border-bottom: 3px solid #bb9d52; padding: 1ex; margin-bottom: 1ex; background: #f8f5ee; }
 #hit .hit_title { background: #36799d; color: #fff; height: 2em; line-height: 2em; text-align: center; margin: 0 6px; clear: both; }
 .questionnaire { margin: 1em 0; padding: 1em 0; border-top: 1px solid #36799d; }
 .questionnaire #message { padding: 0; margin: 1ex; background: #bb9d52; color: #fff; font-weight: 700; text-shadow: 0 0 1px #5e4f29; }
 .questionnaire #message p { margin: 0; padding: 1ex 0; }
 .questionnaire button { padding: 1ex 2em; float: right; background: #36799d; color: #fff; font-weight: 800; font-size: 128.6%; border: 0; margin-right: 1em; transition: .666s; }
 .questionnaire button:hover { background: #bb9d52; box-shadow: 0 0 6px #bb9d52; }
 .questionnaire .question { margin: 1em 0; padding-bottom: 1em; border-bottom: 2px dashed #e2f1ed; }
 .questionnaire .question h3 { margin-bottom: 0; }
 .questionnaire .question h3.needed_true:before { font-family: "Times New Roman", cursive; content: "* "; font-size: 1.5em; margin-left: -1.6ex; color: #bb9d52; }
 .questionnaire .question label { display: inline-block; height: 1.5em; line-height: 1; vertical-align: top; margin-right: .5ex; }
 .questionnaire .question input, .questionnaire .question textarea { font-family: "Georgia", serif; border: 1px solid #8aafa4; border-bottom: 3px solid #8aafa4; padding: 1px; transition: .666s; width: 324px; }
 .questionnaire .question input:focus, .questionnaire .question textarea:focus { border-color: #bb9d52; box-shadow: 0 0 6px #bb9d52; }
 .questionnaire .question input[type='radio'], .questionnaire .question input[type='checkbox'] { float: left; width: auto; margin-right: 1ex; }
 .questionnaire .question input.other { position: relative; top: -4px; }
 #regform { margin: 1em 0; }
 #regform div { margin: 1em 0; }
 #regform label { display: inline-block; width: 30%; text-align: right; }
 #regform input { border: 1px solid #8aafa4; border-bottom: 3px solid #8aafa4; padding: 1px; font-family: "Roboto Condensed"; vertical-align: middle; width: 30%; }
 #regform input:focus { border-color: #bb9d52; box-shadow: 0 0 6px #bb9d52; }
 #regform button { padding: 1ex 2em; float: right; background: #36799d; color: #fff; font-weight: 800; font-size: 128.6%; border: 0; margin-right: 8.4%; margin-bottom: 1em; transition: .666s; }
 #regform button:hover { background: #bb9d52; box-shadow: 0 0 6px #bb9d52; }
 .lapozo { background: #0f8965; color: #fff; height: 2em; line-height: 2em; text-align: center; margin: 0 6px; font-family: "Roboto Condensed"; clear: both; }
 .lapozo a { color: #87c4b2; font-family: "Roboto Condensed"; font-weight: 800; text-decoration: none; font-size: 128.6%; padding: 0 1ex; transition: .666s; }
 .lapozo a:hover { color: #fff; text-shadow: 0 0 6px #fff; }
 .lapozo .next { margin-left: 1em; }
 .lapozo input { background: #0f8965; width: 2em; border: 0; color: #fff; text-align: right; font-family: "Roboto Condensed"; width: 2em; transition: .666s; }
 .lapozo input:hover { background: #279574; }
 #calendar { margin-top: 1em; width: 100%; empty-cells: hide; border: 1px solid #fff; background: #fff; }
 #calendar td { width: 5%; font-family: "Roboto Condensed"; border: 1px dotted #c5d7d2; vertical-align: top; height: 66px; }
 #calendar td.hasevent { border: 1px solid #8aafa4; }
 #calendar td.hasevent h3 { color: #fff; font-weight: 800; height: auto; margin: 0; background: #8aafa4; }
 #calendar .event { margin: 1ex 3px 0; }
 #calendar .event .date { display: block; color: #9c813e; }
 #calendar .days td { color: #bb9d52; border: 0; box-shadow: none; text-align: center; padding: 0; }
 #calendar h3 { background: none; text-align: right; color: #36799d; padding-right: 1px; margin: 0; font-weight: 300; }
 #calendar a { text-decoration: none; line-height: 2.1ex; }
 #calendar_date { margin-bottom: 1ex; height: 32px; }
 #calendar_date select { height: 22px; vertical-align: middle; }
 #calendar_date button { float: none; margin: 0; vertical-align: bottom; }
 #calendar_date button.prev, #calendar_date button.next { background-image: url(../img/navigation.png); width: 22px; height: 22px; border: 0; text-indent: -666em; background-color: #36799d; transition: .666s; }
 #calendar_date button.prev:hover, #calendar_date button.next:hover { box-shadow: 0 0 6px #bb9d52; background-color: #bb9d52; }
 #calendar_date button.next { background-position: 2px 22px; }
 aside header { height: auto; background: none; overflow: auto; }
 aside header h3 { background: #8aafa4; float: left; padding: .5ex 1ex; margin: 0; font-family: "Roboto Condensed"; font-weight: 700; font-size: 128.6%; color: #fff; }
 aside header h3 a { color: #fff; }
 aside ul { list-style-type: none; padding: 0 0 0 .5em; }
 aside ul li:before { content: "-"; color: #8aafa4; position: absolute; margin-left: -.5em; }
 aside ul li a { text-decoration: none; }
 aside img { max-width: 98%; }
 aside img[style] { margin: 1ex; }
 aside img[style="float: left;"] { margin: 1ex 1em 1ex 0; max-width: 50%; }
 aside img[style="float: right;"] { margin: 1ex 0 1ex 1em; max-width: 50%; }
 aside .calendar { width: 100%; margin: 1ex 0 0 0; border-collapse: separate; border-spacing: 3px; position: relative; empty-cells: hide; }
 aside .calendar td { width: 14.2%; text-align: center; border-bottom: 1px dotted #c5d7d2; line-height: 2em; padding: 2px 0 0 0; cursor: default; }
 aside .calendar td.event { border-bottom: 4px solid #36799d; color: #bb9d52; }
 aside .calendar td.event:hover { background: #36799d; color: #fff; }
 aside .calendar td.event .dates { display: none; position: absolute; left: -3px; margin-top: -1px; background: #fff; border: 2px solid #36799d; text-align: left; }
 aside .calendar td.event .dates li { margin: 1ex; line-height: 1.3em; }
 aside .calendar td.event:hover .dates { display: block; }
 aside .calendar th { color: #36799d; font-weight: 300; }
 aside .dates a { display: inline-block; }
 aside .dates a .date { font-family: "Roboto Condensed", sans-serif; margin-right: 1ex; color: #bb9d52; }
 aside .tagcloud { list-style-type: none; padding: 0; }
 aside .tagcloud li { display: inline; }
 aside .tagcloud li a { text-decoration: none; }
 aside .tagcloud li.i1 { font-size: 80%; }
 aside .tagcloud li.i2 { font-size: 100%; }
 aside .tagcloud li.i3 { font-size: 120%; }
 aside .tagcloud li.i4 { font-size: 140%; }
 aside .tagcloud li.i5 { font-size: 160%; }
 aside .tagcloud li span { font-size: 100%; color: #b8d6e7; }
 #menu { font-family: "Roboto Condensed", sans-serif; }
 #menu a { text-decoration: none; font-weight: 400; color: #36799d; transition: .666s; }
 #menu a:hover { color: #bb9d52; }
 #menu li:before { content: " "; }
 #menu li.opened { margin: 1em 0; }
 #menu li.opened > a { font-weight: 700; }
 #menu a.active { font-weight: 700; cursor: default; }
 #menu a.active:hover { color: #36799d; }
 #menu a.active:before { content: "▸"; position: absolute; margin-left: -1.5ex; }
 #menu ul { padding: 0; margin: 0 1ex; }
 #menu ul ul { padding: 0 0 1ex 1em; }
 #menu ul ul a { color: #0f8965; }
 #menu ul ul a.active:hover { color: #0f8965; }
 #menu ul ul ul a { color: #bb9d52; }
 #menu ul ul ul a:hover { color: #36799d; }
 #menu ul ul ul a.active:hover { color: #bb9d52; }
 footer { background: #dae5e9 url("../img/footer_bg.png") top repeat-x; min-height: 140px; border-top: 6px solid #fff; font-weight: 700; color: #20495e; font-family: "Roboto Condensed", sans-serif; font-size: 128.6%; line-height: 1.2; }
 footer .center { margin-bottom: 0; padding-bottom: 2em; }
 footer b { color: #36799d; }
 footer a { color: #09523d; text-decoration: none; text-shadow: 0 1px 0 #fff; }
 footer a img { vertical-align: middle; transition: .666s; }
 footer a:hover { color: #0f8965 !important; }
 footer a:hover img { box-shadow: 0 0 6px #fff; background: #36799d; }
 footer nav { margin: 12px; font-family: "Roboto Condensed", sans-serif; }
 footer nav a:before { content: "•"; margin: 0 .5ex 0 .25ex; }
 footer nav a:first-child:before { content: none; }
 footer .basic { float: left; margin: 6px; padding: 6px; } }

/* @media screen */
/*
                  o
                  |
                ,'~'.
               /                   |   ____|_
              |  '___,,_'         .----------------.
              |  ||(o |o)|       ( KILL ALL HUMANS! )
              |   -------         ,----------------'
              |  _____|         -'
              \  '####,
               -------
             /________           (  )        |)
           '_ ' ,------|\         _
          /_ /  |      |_\        ||
         /_ /|  |     o| _\      _||
        /_ / |  |      |\ _\____//' |
       (  (  |  |      | (_,_,_,____/
        \ _\ |   ------|
         \ _\|_________|
          \ _\ \__\\__          |__| |__||__|
       ||/__/  |__||__|
               |__||__|
               |__||__|
               /__)/__)
              /__//__/
             /__//__/
            /__//__/.
          .'    '.   '.
         (_kOs____)____)
*/
/* . ..-.--=-==o=ooOoOO()O() NEXT ()O()OOoOoo=o==-=--.-.. . */
/* @media screen and (max-device-width: 480px) and (orientation: portrait){ */
@media screen and (max-width: 1236px) { body { font-size: 87.5%; }
 header { background: url("../img/collage.jpg") 30% 0 no-repeat; }
 header #valasztas { width: 180px; margin-left: 289px; }
 header #home { margin-left: -483px; }
 header nav #quicksearch input { background: #8aafa4; }
 header nav #quicksearch input:focus { background: #75958b; }
 #startbox { width: 960px; }
 #startbox li { width: 148px; height: 148px; background: url("../img/startbox_bg_1800.jpg"); background-size: 1776px; }
 #startbox li.gallery .jcarousel, #startbox li.gallery .jcarousel img { width: 148px; height: 148px; }
 #startbox li.tile2 { background-position: -148px; }
 #startbox li.tile3 { background-position: -296px; }
 #startbox li.tile4 { background-position: -444px; }
 #startbox li.tile5 { background-position: -592px; }
 #startbox li.tile6 { background-position: 7400px; }
 #startbox li.tile7 { background-position: 592px; }
 #startbox li.tile8 { background-position: 444px 200px; }
 #startbox li.tile9 { background-position: 296px; }
 #startbox li.tilea { background-position: 1480px; }
 #startbox li.tileb { background-position: -740px; }
 #startbox li.tilec { background-position: 888px; }
 #startbox li a { width: 148px; height: 148px; }
 .cols, #main, header nav, .center { width: 972px; }
 .cols.bannersize .col { height: 190px; }
 .cols.bannersize .col .jcarousel, .cols.bannersize .col header { width: 300px; }
 .cols.bannersize .col header h3 { max-width: 246px; }
 .cols.bannersize .col .jcarousel ul li a { width: 288px; }
 .cols .reklamok { width: 100%; }
 .cols .bannerimg { width: 300px; height: 190px; overflow: hidden; }
 .cols .bannerimg img { margin-left: -40px; }
 .cols.double .col { width: 624px; }
 .cols.basic .col { width: 300px; }
 .basic { width: 300px; }
 .double { width: 624px; }
 .triple { width: 948px; }
 .half { width: 138px; }
 article { width: 648px; }
 aside { width: 324px; }
 article .cols.double .col .lead, article .cols.double .col h3 { padding: 0; }
 article .col.double .content { padding: 0 2em; }
 #gallery a { width: 125px; } }

/* @media screen max: 1236*/
/* . ..-.--=-==o=ooOoOO()O() NEXT ()O()OOoOoo=o==-=--.-.. . */
@media screen and (max-width: 996px) { body { font-size: 87.5%; background: #ebebeb url("../img/body_bg_h140.png") top center repeat-x; }
 header { background: none; height: 140px; }
 header #valasztas { margin-left: 180px; width: 168px; top: 42px; }
 header #home { background: url("../img/logo_h118.png"); width: 435px; height: 118px; margin-left: -363px; top: 4px; }
 header nav { top: 95px; }
 header nav #quicksearch input { background: transparent; }
 header nav #quicksearch input:focus { background: rgba(0, 0, 0, 0.1); }
 header nav a.back, header nav a.home, header nav a.menu { display: inline-block; }
 header .loggedin { position: absolute; left: 106px; top: -93px; }
 /* ! innéttől kell menü ! */
 #startbox { width: 720px; }
 #startbox li { width: 168px; height: 168px; background: url("../img/startbox_bg_1800.jpg"); background-size: 2016px; }
 #startbox li.gallery .jcarousel, #startbox li.gallery .jcarousel img { width: 168px; height: 168px; }
 #startbox li.tile2 { background-position: -168px; }
 #startbox li.tile3 { background-position: -336px; }
 #startbox li.tile4 { background-position: -504px; }
 #startbox li.tile5 { background-position: -672px; }
 #startbox li.tile6 { background-position: 840px; }
 #startbox li.tile7 { background-position: 672px; }
 #startbox li.tile8 { background-position: 504px 188px; }
 #startbox li.tile9 { background-position: 336px; }
 #startbox li.tilea { background-position: 168px; }
 #startbox li.tileb { background-position: -840px; }
 #startbox li.tilec { background-position: 1008px; }
 #startbox li a { width: 168px; height: 168px; }
 .cols, #main, header nav, .center { width: 732px; }
 .cols.bannersize .col { height: 190px; }
 .cols.bannersize .col .jcarousel, .cols.bannersize .col header { width: 342px; }
 .cols.bannersize .col header h3 { max-width: 288px; }
 .cols.bannersize .col .jcarousel ul li a { width: 330px; }
 .cols .bannerimg { width: 342px; height: 190px; overflow: hidden; }
 .cols .bannerimg img { margin-left: -19px; }
 .cols.double .col { width: 708px; }
 .cols.basic .col { width: 342px; }
 .basic { width: 342px; }
 .double, .triple { width: 708px; }
 .half { width: 159px; }
 article, aside { width: 732px; }
 #gallery a { width: 146px; }
 .triple #komplex_search { width: auto; }
 table.datasheet { font-size: 80%; }
 #calendar td { display: none; }
 #calendar td.hasevent { display: block; float: left; height: auto; margin: 2px; width: 98%; } }

/* @media screen max: 996*/
/* . ..-.--=-==o=ooOoOO()O() NEXT ()O()OOoOoo=o==-=--.-.. . */
@media screen and (max-width: 756px) { body { font-size: 75%; background: #ebebeb url("../img/body_bg_h140_2.png") top center repeat-x; }
 header #home { margin-left: -243px; }
 header #valasztas { margin-left: 132px; top: 2px; width: auto; height: auto; border-width: 2px; line-height: 1.1em; padding: 1px 1ex 2px; font-weight: 400; }
 header nav #quicksearch input { width: 140px; transition: none; }
 header nav #quicksearch input:focus { width: 140px; }
 header .loggedin { left: 103px; }
 #breadcrumb { font-size: 120%; }
 #startbox { width: 480px; }
 #startbox li { width: 148px; height: 148px; background: url("../img/startbox_bg_1800.jpg"); background-size: 1776px; }
 #startbox li.gallery .jcarousel, #startbox li.gallery .jcarousel img { width: 148px; height: 148px; }
 #startbox li.tile2 { background-position: -148px; }
 #startbox li.tile3 { background-position: -296px; }
 #startbox li.tile4 { background-position: -444px; }
 #startbox li.tile5 { background-position: -592px; }
 #startbox li.tile6 { background-position: 740px; }
 #startbox li.tile7 { background-position: 592px; }
 #startbox li.tile8 { background-position: 444px 166px; }
 #startbox li.tile9 { background-position: 296px; }
 #startbox li.tilea { background-position: 148px; }
 #startbox li.tileb { background-position: -740px; }
 #startbox li.tilec { background-position: 888px; }
 #startbox li a { width: 148px; height: 148px; }
 .cols, #main, header nav, .center { width: 492px; }
 .cols.bannersize .col, .cols.bannersize .col .jcarousel { height: auto; }
 .cols.bannersize .col .jcarousel ul { position: relative; height: auto; }
 .cols .jcarousel-control-prev, .cols .jcarousel-control-next { display: none; }
 .cols.bannersize .col .jcarousel, .cols.bannersize .col header { width: 468px; }
 .cols.bannersize .col header h3 { max-width: 454px; }
 .cols.bannersize .col .jcarousel ul li a { width: 456px; }
 .cols h3 { line-height: 1.4; }
 .cols .bannerimg { width: 468px; }
 .cols .bannerimg img { width: 468px; margin: -20px 0 0 0; }
 .cols.double .col, .cols.basic .col { width: 468px; }
 .basic, .double, .triple { width: 468px; }
 .half { width: 222px; }
 .flashed .content { height: 120px; }
 article, aside { width: 492px; }
 article .col.double .content { padding: 0; }
 #menu { font-size: 125%; line-height: 150%; }
 #gallery a { width: 140px; }
 #komplex_search, #bejelentes { width: 98%; }
 #komplex_search label, #bejelentes label { width: 90px; }
 table.datasheet { font-size: 100%; }
 table.datasheet tr { display: block; border-bottom: 1px solid #bb9d52; padding: 1ex 0; }
 table.datasheet tr:first-child { display: none; }
 table.datasheet td { display: inline; border-bottom: 0 !important; }
 table.datasheet td:after { content: ";"; padding: 0 1ex; } }

/* @media screen max: 756*/
/* . ..-.--=-==o=ooOoOO()O() NEXT ()O()OOoOoo=o==-=--.-.. . */
@media screen and (max-width: 516px) { body { font-size: 70%; background: #ebebeb url("../img/body_bg_h140_3.png") top center repeat-x; }
 header #valasztas { margin-left: 138px; top: 3px; padding: 1px 2px; font-size: 123%; border-width: 1px; }
 header #home { margin-left: -216px; top: 9px; background: url("../img/logo_h93.png"); width: 431px; height: 93px; }
 header nav #quicksearch input { width: 193px; transition: none; }
 header nav #quicksearch input:focus { width: 193px; }
 header #login:after { margin-left: 34px; }
 header .loggedin { position: absolute; right: 92px; left: auto; padding: 1px 4px; height: auto; }
 header .loggedin:after { display: none; }
 #startbox { width: 434px; }
 #startbox li { width: 132px; height: 132px; background: url("../img/startbox_bg_1400.jpg"); background-size: 1584px; }
 #startbox li.gallery .jcarousel, #startbox li.gallery .jcarousel img { width: 132px; height: 132px; }
 #startbox li.tile2 { background-position: -132px; }
 #startbox li.tile3 { background-position: -264px; }
 #startbox li.tile4 { background-position: -396px; }
 #startbox li.tile5 { background-position: -528px; }
 #startbox li.tile6 { background-position: 660px; }
 #startbox li.tile7 { background-position: 528px; }
 #startbox li.tile8 { background-position: 396px 148px; }
 #startbox li.tile9 { background-position: 264px; }
 #startbox li.tilea { background-position: 132px; }
 #startbox li.tileb { background-position: -660px; }
 #startbox li.tilec { background-position: 792px; }
 #startbox li a { width: 132px; height: 132px; }
 .cols, #main, header nav, .center { width: 446px; }
 .cols.bannersize .col .jcarousel, .cols.bannersize .col header { width: 422px; }
 .cols.bannersize .col header h3 { max-width: 406px; }
 .cols.bannersize .col .jcarousel ul li a { width: 410px; }
 .cols .bannerimg { width: 422px; }
 .cols .bannerimg img { width: 422px; margin: -10px 0 0 0; }
 .cols.double .col, .cols.basic .col { width: 422px; }
 .basic, .double, .triple { width: 422px; }
 .half { width: 199px; }
 .flashed .content { height: 100px; }
 article, aside { width: 446px; }
 #menu li.opened { margin: 1ex 0; padding: 1ex 0; border-top: 1px dotted #0f8965; border-bottom: 1px dotted #0f8965; }
 #menu li.active a { padding-left: 1.5ex; }
 #menu ul ul { padding: 0; }
 #gallery a { width: 126px; }
 #komplex_search label, #bejelentes label { width: 80px; }
 #komplex_search select, #bejelentes select { width: 320px; }
 #komplex_search #fld_title, #komplex_search .input_text, #komplex_search textarea, #bejelentes #fld_title, #bejelentes .input_text, #bejelentes textarea { width: 314px; }
 #komplex_search #datepicker_from, #komplex_search #datepicker_to, #bejelentes #datepicker_from, #bejelentes #datepicker_to { width: 138px; } }

/* @media screen max: 516*/
/* . ..-.--=-==o=ooOoOO()O() NEXT ()O()OOoOoo=o==-=--.-.. . */
@media screen and (max-width: 462px) { body { background: #ebebeb url("../img/body_bg_h140_4.png") top center repeat-x; }
 header #home { margin-left: -152px; top: 5px; background: url("../img/logo_h67.png"); width: 307px; height: 67px; }
 header #valasztas { margin-left: 88px; top: 103px; padding: 1px 2px; text-shadow: none; border: 1px solid #d3e2e9; box-shadow: none; letter-spacing: -1px; width: 57px; text-align: left; height: 25px; line-height: 1.7em; }
 header nav { top: 66px; }
 header nav a { top: 0; }
 header nav #quicksearch { position: absolute; top: 37px; left: 7px; }
 header nav #quicksearch input { width: 228px; }
 header nav #quicksearch input:focus { width: 228px; }
 header #login:after { margin-left: -5px; }
 header .loggedin { background: #000; top: -69px; right: 8px; padding: 0 1px; }
 #startbox { width: 304px; }
 #startbox li { width: 140px; height: 140px; background: url("../img/startbox_bg_1400.jpg"); background-size: 1680px; }
 #startbox li.gallery .jcarousel, #startbox li.gallery .jcarousel img { width: 140px; height: 140px; }
 #startbox li.tile2 { background-position: -140px; }
 #startbox li.tile3 { background-position: -280px; }
 #startbox li.tile4 { background-position: -420px; }
 #startbox li.tile5 { background-position: -560px; }
 #startbox li.tile6 { background-position: 700px; }
 #startbox li.tile7 { background-position: 560px; }
 #startbox li.tile8 { background-position: 420px 158px; }
 #startbox li.tile9 { background-position: 280px; }
 #startbox li.tilea { background-position: 140px; }
 #startbox li.tileb { background-position: -700px; }
 #startbox li.tilec { background-position: 840px; }
 #startbox li a { width: 140px; height: 140px; }
 .cols, #main, article, aside, header nav, .center { width: 316px; }
 .cols.bannersize .col .jcarousel, .cols.bannersize .col header { width: 292px; }
 .cols.bannersize .col header h3 { max-width: 276px; }
 .cols.bannersize .col .jcarousel ul li a { width: 280px; }
 .cols .bannerimg { width: 292px; height: auto; }
 .cols .bannerimg img { width: 292px; }
 .cols.double .col, .cols.basic .col { width: 292px; }
 .basic, .double, .half, .triple { width: 292px; }
 .flashed .content { height: 66px; }
 #gallery a { width: 132px; }
 #komplex_search label, #bejelentes label { width: 80px; }
 #komplex_search select, #bejelentes select { width: 176px; }
 #komplex_search #fld_title, #komplex_search .input_text, #komplex_search textarea, #bejelentes #fld_title, #bejelentes .input_text, #bejelentes textarea { width: 173px; }
 #komplex_search #datepicker_from, #komplex_search #datepicker_to, #bejelentes #datepicker_from, #bejelentes #datepicker_to { width: 76px; } }

/* @media screen max: 462*/
/* . ..-.--=-==o=ooOoOO()O() PRINT ()O()OOoOoo=o==-=--.-.. . */
@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
 a, a:visited { text-decoration: underline; }
 a[href]:after { content: " (" attr(href) ")"; }
 abbr[title]:after { content: " (" attr(title) ")"; }
 pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
 thead { display: table-header-group; }
 tr, img { page-break-inside: avoid; }
 img { max-width: 100% !important; }
 @page { margin: 0.5cm; }
 p, h2, h3 { orphans: 3; widows: 3; }
 h2, h3 { page-break-after: avoid; } }

/* /print */
/* Plugins */
.jcarousel-wrapper { margin: 20px auto; position: relative; border: 10px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; }

.jcarousel-wrapper .photo-credits { position: absolute; right: 15px; bottom: 0; font-size: 13px; color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, 0.85); opacity: .66; }

.jcarousel-wrapper .photo-credits a { color: #fff; }

/** Carousel **/
.jcarousel { position: relative; overflow: hidden; }

.jcarousel ul { position: absolute; list-style: none; margin: 0; padding: 0; }

.jcarousel li { float: left; }

/** Carousel Controls **/
/** Carousel Pagination **/