@font-face {
 font-family: "TrebuchetMS";
 src: url("../font/trebuc.eot") /* EOT file for IE */
}
@font-face {
 font-family: "TrebuchetMS";
 src: url("../font/trebuc.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: "TrebuchetMS";
 src: url("../font/trebucbd.eot") /* EOT file for IE */
 font-weight: bold;
}
@font-face {
 font-family: "TrebuchetMS";
 src: url("../font/trebucbd.ttf") /* TTF file for CSS3 browsers */
 font-weight: bold;
}

@font-face {
 font-family: "TrebuchetMS";
 src: url("../font/trebucbi.eot") /* EOT file for IE */
 font-weight: bold;
 font-style: italic;
}
@font-face {
 font-family: "TrebuchetMS";
 src: url("../font/trebucbi.ttf") /* TTF file for CSS3 browsers */
 font-weight: bold;
 font-style: italic;
}

@font-face {
 font-family: "TrebuchetMS";
 src: url("../font/trebucit.eot") /* EOT file for IE */
 font-style: italic;
}
@font-face {
 font-family: "TrebuchetMS";
 src: url("../font/trebucit.ttf") /* TTF file for CSS3 browsers */
 font-style: italic;
}

body { margin: 0; padding: 0; font-family: "TrebuchetMS", Tahoma, Verdana; color: #323232; font-size: 14px; line-height: 1.5em;}
#ellenorzes {display: block; position: absolute; top: 30px; left: 5px; margin: 0; padding: 0 0 0 2px; width: 150px; color: #FFFFFF; background: #333333; z-index: 100;}
#ellenorzes2 {display: none; position: absolute; top: 400px; left: 5px; margin: 0; padding: 0 0 0 2px; width: 150px; color: #000000; z-index: 100;}

IMG {border: 0px;}
/** Linkek **/
A {text-decoration: none;}
A:hover {text-decoration: underline;}
A.simple {color: #888; text-decoration: none; font-weight: bold; padding: 5px;}
A.simple:hover {color: #FFF; text-decoration: none;}
A.red {color: #600; font-weight: bold; text-decoration: underline;}
A.red:hover {color: #000; text-decoration: none;}

/** Custom radio/checkbox/select **/
.custom_checkbox, .custom_radio {width: 32px; height: 35px; margin-top: 0px; padding: 0px 5px 0 0; background: url(../images/icons/checkbox.png) no-repeat; display: block; clear: right; float: left; cursor: pointer;}
.custom_radio {background: url(../images/icons/radio.png) no-repeat;}
.custom_select {position: absolute; width: 191px; height: 22px; padding: 0 24px 0 8px; color: #000000; font: 12px/21px arial,sans-serif; font-weight: bold; background: url(images/icons/select_bg.png) no-repeat; overflow: hidden; cursor: pointer;}
SELECT.styled {height: 22px; padding: 2px;}
.my-iPhone-checkbox-mask {height: 24px; width: 62px; background: url(../images/on_off_mask.png) no-repeat; border: 1px solid #F00; background-position: 0px 0px;}
.my-iPhone-checkbox {height: 24px; width: 62px; background: url(../images/on_off.png) no-repeat; border: 0px solid #666; background-position: 0px 0px; cursor: pointer;}

/** Struktúra **/
.wide_container {width: 100%;}
.wide_container.header {height: 162px; background: url(../images/structure/header_bg.png) top left;}
.wide_container.content {background-color: #f8f9fb;}
.wide_container.big-bottom {background-color: #ebeef4; padding: 40px 0px 10px;}
.wide_container.bottom-wrapper {background-color: #e4e8f1; padding: 10px 0px;}
.container {width: 950px; margin: 0px auto;}
.container.header {height: 100px; background: url(../images/structure/logo.png) bottom left no-repeat;}
.container.header > A {float: right; margin: 0px 0px 0px 5px; width: 151px; height: 35px; line-height: 35px; background: url(../images/buttons/header_menu.png) no-repeat; text-align: center; font-size: 14px; color: #ffffff; font-weight: bold; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.container.header > A > SPAN.hover {background: url(../images/buttons/header_menu.png) no-repeat 0px -35px;}
.container.header > A:hover {text-decoration: none; color: #01253f;}

.wide_container.slider {overflow: hidden; position: relative; background-color: #f4f5f9;}
.nivoSlider {display: none; width: 942px; height: 378px; left: 50%; margin-left: -475px; border: 4px solid #ffffff;}
.blokk1 {padding-top: 5px; position: relative;}
.blokk1 > .blokk {display: table-cell; position: relative; padding: 5px 0px 35px; width: 470px; border: 4px solid #FFFFFF; background-color: #f1f3f7;}
.blokk1 > .blokk.seperate {border: 0; background: transparent; width: 5px;}
.blokk1 > .blokk > .wrapper {position: relative; padding-bottom: 35px;}
.blokk1 > .blokk A.more {position: absolute; right: 15px; bottom: 5px; color: #40587c; font-weight: bold; font-size: 14px;}
.clear {clear: both; height: 1px;}

SPAN.hover {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; z-index: 0;}

/** Menü **/
.menu {margin: 0px auto; padding: 0px; width: 950px; height: 62px; z-index: 20; font-size: 16px; background: url(../images/structure/main_menu_bg.png);}
.menu > .menu_right {float: right; padding-right: 10px; padding-top: 8px;}
.menu > .menu_right > a {margin: 0px 8px 0px 8px;}
.menu > .menu_right > a > img {vertical-align: middle;}
.menu > .menu_right > a.lang {margin: 2px 0px 2px 5px;}

/** Content **/

.container > .content {display: table-cell; width: 950px; padding: 15px 0px;}
.container > .content > H1 {font-size: 21px; line-height: 21px; color: #494949; margin-top: 0px; margin-bottom: 5px; font-weight: bold;}
.container > .content > .main {padding: 5px; margin-top: 10px;}
.container > .content IMG.image {float: left; margin: 0px 20px 5px 0px;}
.container > .content .datum {font-size: 14px; color: #032740; line-height: 1.2em; margin-left: 10px;}
.container > .content .lead {margin-top: 10px; overflow: hidden;}
.container > .content .lead IMG {border: 1px solid #fcb205; border-radius: 5px; padding: 2px;}
.container > .content .main {display: block; margin-top: 10px; clear: both; overflow: hidden; font-size: 14px; color: #323232;}
.container > .content .control {height: 50px;}
.container > .content .more {float: left; background-color: #323232; background-image: url("../images/buttons/contact-button.gif"); border-radius: 7px; font-size: 13px; line-height: 16px; padding: 7px 26px 8px; color: #FFFFFF; cursor: pointer; border: 0; margin-top: 5px;}
.container > .content .more:hover {text-decoration: none; background-position: 0px -51px;}

.container > .content > .news-block {margin-top: 0px;}
.container > .content > .news-block A {color: #CDCDCB; text-decoration: none;}
.container > .content > .news-block .item {padding: 14px 5px; overflow: hidden; border: 4px solid #FFFFFF; margin: 2px;}
.container > .content > .news-block > .kiemelt {background-color: #FAFAFF; border: 4px solid #B8BCDE; padding: 14px 5px;}
.container > .content > .news-block .item:hover {background-color: #FCFCFD; border: 4px solid #F0F0F4; padding: 14px 5px;}
.container > .content > .news-block > .kiemelt:hover {background-color: #F1F2FB; border: 1px solid #3842a4; padding: 14px 5px;}
.container > .content > .news-block .item .datum {font-size: 12px; margin-top: 0px; margin-bottom: 0px;}
.container > .content > .news-block .item IMG {float: left; margin: 0px 20px 5px 0px;}
.container > .content > .news-block .item H4 {font-size: 16px; color: #23231c; margin: 0px 0px 2px;}
.container > .content > .news-block .item H4 > A {color: #30231f;}
.container > .content > .news-block .item .main { font-size: 14px; color: #30231f;}
.container > .content > .news-block .item > A.link {float: right; height: 24px; line-height: 24px; text-align: center; clear: both; color: #000000; margin-top: 12px; font-size: 14px; margin-right: 15px; padding: 0px 10px; font-weight: bold;}
.container > .content > .news-block .item > A.link:hover {text-decoration: underline;}

.container > .content > .blokk2 {border-top: 1px solid #c9cacc; margin-top: 10px; color: #323232;}
.container > .content > .blokk2 A {height: 26px; line-height: normal; padding-left: 20px; background: url(../images/buttons/list1-left.png) no-repeat; font-size: 14px; color: #494949; display: block; width: 90%; white-space: nowrap;}
.container > .content > .blokk2 A SPAN.right {height: 26px; display: block; padding-right: 6px; background: url(../images/buttons/list1-right.png) no-repeat;}
.container > .content > .blokk2 A SPAN.tail {background: url(../images/buttons/list1-tail.png) no-repeat scroll 0 -999em; display: block; height: 20px; padding: 3px 10px 3px 17px;}
.container > .content > .blokk2 A:hover {text-decoration: none;}
.container > .content > .blokk2 A:hover SPAN.right {background-position: top right;}
.container > .content > .blokk2 A:hover SPAN.tail {background-position: top left; background-repeat: repeat-x;}

.container > .services-menu {display: table-cell; width: 260px; padding: 15px 10px;}
.container > .services-menu A {height: 26px; line-height: normal; padding-left: 20px; background: url(../images/buttons/list1-left.png) no-repeat; font-size: 14px; color: #494949; display: block; width: 90%; white-space: nowrap; margin-bottom: 10px;}
.container > .services-menu A SPAN.right {height: 26px; display: block; padding-right: 6px; background: url(../images/buttons/list1-right.png) no-repeat;}
.container > .services-menu A SPAN.tail {background: url(../images/buttons/list1-tail.png) no-repeat scroll 0 -999em; display: block; height: 20px; padding: 3px 10px 3px 17px;}
.container > .services-menu A:hover, .container > .services-menu A.selected {text-decoration: none;}
.container > .services-menu A:hover SPAN.right, .container > .services-menu A.selected SPAN.right {background-position: top right;}
.container > .services-menu A:hover SPAN.tail, .container > .services-menu A.selected SPAN.tail {background-position: top left; background-repeat: repeat-x;}

.container > .blokk3 {display: table-cell; width: 190px; padding: 15px 30px 230px 30px; background: url(../images/structure/internet.png) no-repeat bottom center;}
.container > .blokk3 > .title {font-size: 21px; color: #494949;}
.container > .blokk3 .item {margin-top: 30px;}
.container > .blokk3 .item.seperate {margin-top: 30px; border-top: 1px solid #c9cacc;}
.container > .blokk3 .item > H4 {color: #2e74a5; margin: 0px;}
.container > .blokk3 .item > .main {color: #394c6e; text-align: justify; font-size: 12px; margin-top: 15px; line-height: 1.3em;}
.container > .blokk3 .item > A.more {margin-top: 5px; color: #8cb70c; text-decoration: underline;}
.container > .blokk3 .item > A.more:hover {text-decoration: none;}

.big-bottom .links {display: table-cell; width: 530px;}
.big-bottom .links A {color: #000000; font-size: 13px; padding-left: 10px; background: url(../images/icons/links.png) no-repeat left center;}

.big-bottom .contact {display: table-cell; width: 430px;}
.big-bottom .contact .title {display: table-cell; width: 110px; text-align: right; font-size: 21px; color: #232323;}
.big-bottom .contact .main {display: table-cell; width: 320px; text-align: right;}
.big-bottom .contact .main INPUT[type='text'] {background-color: #FBFBFB; border-color: #C7C8CA -moz-use-text-color -moz-use-text-color #B6B6B6; border-radius: 4px; border-right: medium none; border-style: solid none none solid; border-width: 1px medium medium 1px; box-shadow: 0 1px 0 #DCDCDC inset; color: #808080; font: 13px "Trebuchet MS",Arial,Helvetica,sans-serif; margin: 0 0 3px; outline: medium none; padding: 5px 15px; width: 278px;}
.big-bottom .contact .main INPUT[type='text'].active {color: #000000; font-weight: bold;}
.big-bottom .contact .main INPUT[type='text'].error {border-color: #FF0000;}
.input {background-color: #FBFBFB; border-color: #C7C8CA -moz-use-text-color -moz-use-text-color #B6B6B6; border-radius: 4px; border-right: medium none; border-style: solid none none solid; border-width: 1px medium medium 1px; box-shadow: 0 1px 0 #DCDCDC inset; color: #808080; font: 13px "Trebuchet MS",Arial,Helvetica,sans-serif; margin: 0 0 3px; outline: medium none; padding: 5px 15px; width: 278px;}
.input.active {color: #000000; font-weight: bold;}
.input.error {border-color: #FF0000;}
.big-bottom .contact .main TEXTAREA {background-color: #FBFBFB; border-color: #C7C8CA -moz-use-text-color -moz-use-text-color #B6B6B6; border-radius: 4px; border-right: medium none; border-style: solid none none solid; border-width: 1px medium medium 1px; box-shadow: 0 1px 0 #DCDCDC inset; color: #808080; font: 13px "Trebuchet MS",Arial,Helvetica,sans-serif; margin: 0 0 3px; outline: medium none; padding: 5px 15px; width: 278px; height: 100px;}
.big-bottom .contact .main TEXTAREA.active {color: #000000; font-weight: bold;}
.big-bottom .contact .main TEXTAREA.error {border-color: #FF0000;}
.big-bottom .contact .main INPUT[type='button'] {background-color: #323232; background-image: url("../images/buttons/contact-button.gif"); border-radius: 7px; font-size: 13px; line-height: 16px; padding: 7px 26px 8px; color: #FFFFFF; cursor: pointer; border: 0; margin-top: 5px;}
.big-bottom .contact .main INPUT[type='button']:hover {background-position: 0px -51px;}
.bottom {font-size: 14px; color: #555658; text-transform: uppercase;}

.community {clear: both; width: 95%; height: 25px; border-top: 1px solid #C9CACC; padding: 5px 15px; margin: 15px 0px;}
.community > .item {float: left; width: 33%; text-align: center; margin-top: 2px;}


#isithuman {border: 2px solid #fcb205; border-radius: 5px;}
.reveal-modal H1 {margin: 0px 0px 5px; font-size: 24px;}
.reveal-modal INPUT[type='button'].btn {line-height: 18px; font-size: 14px; font-weight: bold; color: #FFFFFF; border-radius: 5px; margin: 0px 10px; padding: 1px 15px; cursor: pointer;}
.reveal-modal INPUT[type='button'].btn.ok {background-color: #316422; border: 1px solid #ABABAB;}
.reveal-modal INPUT[type='button'].btn.ok:hover {background-color: #009800; border: 1px solid #c0c0c0; box-shadow: 2px 2px 5px #A9A9A9;}
.reveal-modal INPUT[type='button'].btn.cancel {background-color: #54291C; border: 1px solid #ABABAB;}
.reveal-modal INPUT[type='button'].btn.cancel:hover {background-color: #D60000; border: 1px solid #c0c0c0; box-shadow: 2px 2px 5px #A9A9A9;}

#ok_msg h3,
#error_msg h3 { font-size: 16px; font-weight: bold; text-align: left; margin: 0 0 10px 0; padding: 0;}
#ok_msg { color: #619F1D; border: 1px solid #82AC12; background: #F2FFD0 url('../images/ok.gif') no-repeat 8px 13px; margin: 5px auto 15px auto !important; width: 240px; padding: 10px 10px 10px 50px; border-radius: 10px;}
#error_msg { clear: both; color: #D20C0C; border: 1px solid #D20C0C; background: #FDDFDF url('../images/error.gif') no-repeat 8px 13px; margin: 5px auto 15px auto !important; width: 240px; padding: 10px 10px 10px 50px; border-radius: 10px;}
#ok_msg, #error_msg {position: relative;}
#ok_msg A.close, #error_msg A.close {position: absolute; width: 30px; height: 30px; background: url(../images/modal_close.png) no-repeat 0px 0px; top: -13px; right: -13px; cursor: pointer;} 
#ok_msg A.close:hover, #error_msg A.close:hover {background-position: 0px -30px;}

/** Lapozás **/
.lapozas {width: 100%; clear: both; margin: 25px auto; text-align: center; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #B0B0B0; border-bottom: 1px solid #B0B0B0; font-family: "OpenSansBold";}
.lapozas a { color: #FFFFFF; margin-left: 2px; margin-right: 2px; font-size: 14px; text-decoration: none;}
.lapozas a:hover {text-decoration: underline;}
.lapozas .elso { background: url(../images/icons/list_arrow_double_left.png) no-repeat 0% 50%; padding-left: 14px; margin-right: 5px; font-size: 11px;}
.lapozas .elozo { background: url(../images/icons/list_arrow_left.png) no-repeat 0% 50%; padding-left: 10px; margin-right: 15px; font-size: 11px;}
.lapozas .kovetkezo { background: url(../images/icons/list_arrow_right.png) no-repeat 100% 50%; padding-right: 10px; margin-left: 15px; font-size: 11px;}
.lapozas .utolso { background: url(../images/icons/list_arrow_double_right.png) no-repeat 100% 50%; padding-right: 14px; margin-left: 5px; font-size: 11px;}
.lapozas .selected { background: #032740; border: 1px solid #011320; padding: 0px 3px 3px 3px; font-size: 16px; color: #FFFFFF; border-radius: 5px;}
.lapozas .disabled { opacity:0.2; filter:alpha(opacity=20); cursor: auto; text-decoration: none; font-size: 10px;}
.lapozas .disabled:hover {text-decoration: none;}

/** Popup **/
#popup {position: absolute; top: 0px; left: 0px; z-index: 100; background: url(images/structure/pop_up_bg.png) no-repeat top left; text-align: left; color: #000;}
#popup FORM {padding: 0; margin: 0;}
#popup .title {margin: 40px 20px 0px 50px; height: 52px; font-size: 24px; line-height: 26px; color: #000000; font-weight: bold;}
#popup .value_col {overflow: hidden; margin-left: 65px; margin-top: 10px; width: 400px; line-height: 25px; font-weight: bold; color: #000000; padding:0;}
#popup .value_col SPAN {color: #ff69aa;}
#popup .value_col .btn_blue {float: right;display: inline; width: 94px; height: 24px; background: url(images/buttons/blue_btn.png) no-repeat top left; border: 0px; color: #FFF; font-size: 12px; font-weight: bold; cursor: pointer;}
#popup .value_col .btn_blue:hover {background: url(images/buttons/blue_btn_on.png) no-repeat top left;}
#popup .value_col .btn_blue:active {background: url(images/buttons/blue_btn_pressed.png) no-repeat top left; padding: 0px;}
#popup .main {width: 250px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 25px;}
#popup .menu {width: 250px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 10px; line-height: 24px;}
#popup .menu .btn_blue {padding-bottom: 2px; width: 94px; height: 24px; background: url(images/buttons/blue_btn.png) no-repeat top left; border: 0px; color: #FFF; font-size: 12px; font-weight: bold; cursor: pointer;}
#popup .menu .btn_blue:hover {background: url(images/buttons/blue_btn_on.png) no-repeat top left;}
#popup .menu .btn_blue:active {background: url(images/buttons/blue_btn_pressed.png) no-repeat top left; padding: 0px 0px 2px 0px;}
#popup .close {position: absolute; top: 0px; right: 0px; width: 32px; height: 32px; z-index: 101; background: transparent url(images/galeria/close.png) no-repeat center; cursor: pointer;}
#popup .input {padding: 2px; width: 150px; font-size: 12px;}

/** PU_Galeria **/
#popup_bg {position: absolute; z-index: 98; background: transparent url(images/structure/popup_bg.png); top: 0px; left: 0px; display: none;}
#PU_galeria {position: absolute; z-index: 100;}
#PU_galeria .top_left {background: url(images/galeria/s_topleft.png) no-repeat; height: 12px;}
#PU_galeria .top {background: url(images/galeria/s_top.png) no-repeat; height: 12px;}
#PU_galeria .top_right {position: relative; background: url(images/galeria/s_topright.png) no-repeat; z-index: 115; height: 12px;}
#PU_galeria .top_right #PU_close {position: absolute; top: 5px; right: 2px; width: 32px; height: 32px; cursor: pointer; background: transparent url(images/galeria/close.png) no-repeat; z-index: 120;}

#PU_galeria .middle_left {background: url(images/galeria/s_left.png) no-repeat;}
#PU_galeria .middle {background: #FFF;}
#PU_galeria_main {position: relative;}
#PU_galeria_main DIV.PU_next {position: absolute; top: 0px; right: 0px; cursor: pointer; z-index: 101; background: url(images/galeria/blank.gif) no-repeat; background-position: top left;}
#PU_galeria_main DIV.PU_prev {position: absolute; top: 0px; left: 0px; cursor: pointer; z-index: 101; background: url(images/galeria/blank.gif) no-repeat; background-position: top right;}
#PU_galeria_main DIV.PU_next:hover {background: url(images/galeria/next.png) no-repeat; background-position: center center;}
#PU_galeria_main DIV.PU_prev:hover {background: url(images/galeria/prev.png) no-repeat; background-position: center center;}
#ellenorzesem {position: absolute; top 0px; left: 0px; z-index: 125;}
#PU_galeria_main DIV.PU_list {position: absolute; opacity:0.0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; bottom: 5px; left: 0px; border-top: 2px solid #000; border-bottom: 2px solid #000; background: url(images/structure/popup_bg.png); z-index: 103; overflow: hidden;}
#PU_galeria_main DIV.PU_list:hover {opacity:1.0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
#PU_galeria_main DIV.PU_list #PU_list IMG {position: relative; margin: 0px 10px 0px 10px;}
#PU_galeria_main #PU_blank {position: absolute; top 0px; left: 0px; background: #FFF url(images/icons/loading.gif) no-repeat; background-position: 50% 50%; z-index: 105;}
#PU_galeria_main #PU_galeria_BigImg {position: relative; z-index: 100;}

#PU_galeria_szoveg {position: relative; overflow: hidden; display: none;}
#PU_galeria_szoveg #PU_galeria_szoveg2 {position: absolute; top: 0px; left: 0px; font-family: Georgia; color: #777; font-size: 11px; padding: 2px; overflow: hidden; display: none;}
#PU_galeria_menu {font-family: Georgia; color: #999; font-size: 11px; bottom: 2px; padding: 2px; line-height: 16px;}
#PU_galeria .middle_right {background: url(images/galeria/s_right.png) no-repeat;}

#PU_galeria .bottom_left {background: url(images/galeria/s_btmleft.png) no-repeat; height: 12px;}
#PU_galeria .bottom {background: url(images/galeria/s_btm.png) no-repeat; height: 12px;}
#PU_galeria .bottom_right {background: url(images/galeria/s_btmright.png) no-repeat; height: 12px;}

/** Ellenőrzésem **/
.ellenorzesem {width: 90%; padding: 10px; font-size: 10px; background: #EEEEEE; color: #FFFFFF; border: 2px solid #000000; margin: 0px auto;}