body { margin: 0; padding: 0; font-family: Arial, Verdana, Tahoma, sans-serif; color: #717171; font-size: 14px; line-height: 1.5em;}
#ellenorzes {display: none; position: absolute; top: 30px; left: 5px; margin: 0; padding: 0 0 0 2px; width: 150px; color: #000000; 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 !important;}
/** Linkek **/
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: 19px; height: 20px; padding: 0 5px 0 0; background: url(images/icons/checkbox.gif) no-repeat; display: block; clear: left; float: left;}
.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;}

/** Struktúra **/
#wide_container {width: 1280px; margin-left: auto; margin-right: auto;}
.container {width: 970px; margin-left: auto; margin-right: auto; height: auto;}
.container .logo {height: 183px; margin-top: 45px; margin-right: 14px; text-align: right;}
.container .content {clear: both; overflow: hidden; background: transparent url(images/structure/inner_bg_black.png) repeat top left; pading: 32px 14px; color: #898483;}

.content H1 {color: #FFFFFF; padding-left: 15px;}
.content .main {padding: 0px 15px 15px 15px;}
.content A {text-decoration: none; color: #9C9897;}
.content A:hover {text-decoration: underline;}
.content .row1 {float: left; width: 610px; margin-left: 35px; padding-top: 15px;}
.content .row2 {float: left; width: 270px; padding-right: 20px; margin-left: 35px;}
.content .row2 .item {margin-top: 30px;}
.row {float: left; width: 320px; padding-top: 15px; padding-bottom: 15px;}
.row .item {padding: 15px 30px 15px 30px;}
.row .item H4 {color: #FFF; font-size: 20px; font-weight: normal; padding: 0px 0px 5px 0px; margin: 0px;}

.news H4 {height: 61px; background: url(images/icons/new_title.png) no-repeat top left; padding-left: 60px !important; margin-bottom: 5px !important;}
.news A {float: right; margin-right: 40px; color: #717171; text-decoration: none;}
.news A:hover {color: #999999; text-decoration: underline;}

.products {text-align: center; overflow: hidden;}
.products H4 {height: 61px; background: url(images/icons/products.png) no-repeat top left; padding-left: 60px !important; text-align: left;}
.products .list {overflow: hidden; margin-left: auto; margin-right: auto;}
.products .icon {width: 64px; height: 64px;}
.products DIV.icon {float: left; width: 64px; height: 64px; margin-left: 10px; margin-right: 10px; position: relative;}
.products DIV.icon A {height: 64px;}
.products .icon .logo_mask {position: absolute; top: 0px; left: 0px; width: 64px; height: 64px; background: url(images/structure/logo_mask.png) no-repeat top left; cursor: pointer;}

.newsletter H4 {height: 61px; background: url(images/icons/newsletter.png) no-repeat top left; padding-left: 60px !important;}
.newsletter DIV {margin-top: 20px; line-height: 21px;}
.newsletter DIV INPUT {padding: 2px; height: 16px;}
.newsletter DIV INPUT.button {margin-left: 5px; padding-bottom: 2px; width: 21px; height: 22px; background: url(images/buttons/newletter_btn.png) no-repeat 0px 1px; border: 0; cursor: pointer;}
.newsletter DIV INPUT.button:hover {background: url(images/buttons/newletter_btn_on.png) no-repeat 0px 1px;}
.newsletter DIV INPUT.button:active {background: url(images/buttons/newletter_btn_pressed.png) no-repeat 0px 1px;}
.newsletter DIV.successfull {color: #81B181; font-weight: bold; font-size: 12px;}
.newsletter DIV.already_reg {color: #5C5C5C; font-weight: bold; font-size: 12px;}
INPUT.error {border: 1px solid #F00;}

.vote H4 {height: 61px; background: url(images/icons/vote.png) no-repeat top left; padding-left: 60px !important;}
.vote FORM {margin-top: 25px;}
.vote FORM INPUT {padding: 0px; margin: 15px 10px 0px 0px;}
.vote FORM DIV {overflow: hidden; padding: 0px; margin: 15px 10px 0px 0px;}
.vote FORM DIV SPAN {margin-top: 2px;}
.vote FORM DIV.voted {font-size: 12px; margin: 0px 10px 0px 0px; line-height: 16px;}
.vote FORM DIV.bar {font-size: 12px; margin: 10px 10px 0px 0px; line-height: 16px;}
.vote DIV.grafikon1 {float: left; height: 24px; background: url(images/icons/bar_1.png) no-repeat top left; margin: 0;}
.vote DIV.grafikon1_end {float: left; width: 4px; height: 24px; background: url(images/icons/bar_1_end.png) no-repeat top left; margin: 0;}
.vote DIV.grafikon2 {float: left; height: 24px; background: url(images/icons/bar_2.png) no-repeat top left; margin: 0;}
.vote DIV.grafikon2_end {float: left; height: 24px; width: 4px; background: url(images/icons/bar_2_end.png) no-repeat top left; margin: 0;}
.vote DIV.grafikon3 {float: left; height: 24px; background: url(images/icons/bar_3.png) no-repeat top left; margin: 0;}
.vote DIV.grafikon3_end {float: left; height: 24px; width: 4px; background: url(images/icons/bar_3_end.png) no-repeat top left; margin: 0;}
.vote DIV.grafikon4 {float: left; height: 24px; background: url(images/icons/bar_4.png) no-repeat top left; margin: 0;}
.vote DIV.grafikon4_end {float: left; width: 4px; height: 24px; background: url(images/icons/bar_4_end.png) no-repeat top left; margin: 0; clear: right;}
.vote FORM INPUT.button {margin-left: 50px; margin-top: 20px; width: 118px; height: 36px; background: url(images/buttons/vote_btn.png) no-repeat 0px 0px; border: 0; cursor: pointer;}
.vote FORM INPUT.button:hover {background: url(images/buttons/vote_btn_on.png) no-repeat 0px 0px;}
.vote FORM INPUT.button:focus {background: url(images/buttons/vote_btn_pressed.png) no-repeat 0px 0px;}

.twitter H4 {color: #4b4949 !important; padding-bottom: 2px !important;}
.twitter H4 A {color: #26a5aa; text-decoration: none; border-bottom: 1px solid #26a5aa;}
.twitter H4 A:hover {text-decoration: none; border-bottom: 0px solid #26a5aa;}
.twitter .main {width: 231px; height: 105px; padding: 20px 15px 30px 15px; background: url(images/structure/twitter_bg.png) no-repeat top left; margin-top: 15px; color: #ffffff; font-size: 13px;}
.twitter .main UL {padding: 0; margin: 0; list-style: none;}
.twitter .main .date {font-size: 11px; color: #000000;}
.twitter .main .twitterTime {display: block; font-size: 11px; color: #000000;}

.labels H4 {color: #4b4949 !important; line-height: 20px !important;}
.labels {color: #FFF; line-height: 26px;}
.labels A {color: #FFF; text-decoration: underline;}
.labels A:hover {text-decoration: none;}

.container .bottom {height: 58px; text-align: center; line-height: 58px; background-color: #0a0909; color: #717171; font-size: 14px;}
.container .bottom A {color: #717171; text-decoration: none;}
.container .bottom A:hover {text-decoration: underline;}

.community {clear: both; overflow: visible !important; height: 20px; margin: 10px 0px 20px 0px; padding: 5px 10px 0px 20px; border-top: 1px solid #444444;}
.community .item {float: left; margin: 0 !important; overflow: visible !important;}
.community .facebook {float: left; width: 33%; overflow: visible !important;}
.community .google {float: left; width: 33%; text-align: center;}
.community .twitter {float: right; width: 33%; text-align: right;}

/** Menu **/
#menu {width: 970px; height: 100px; overflow: hidden;}
#menu A.item {padding: 0px; margin: 0px; float: left; margin-top: -110px;}
#menu A.item:hover {margin-top: -103px;}
#menu A.item_active {padding: 0px; margin: 0px; float: left; margin-top: -97px;}

/** Főképek **/
.container .fokep {width: 970px; height: 345px; background: url(images/structure/fokep_bg.png) no-repeat; margin-top: -10px;}
.fokep .menu {float: left; width: 104px; height: 213px; text-align: center; padding-top: 130px;}
.fokep .row2 {float: left; width: 462px; height: 345px;}
.fokep .row2 .container {width: 442px; height: 294px; margin: 10px 10px 0px 10px; background: #000000; overflow: hidden; position: relative;}
#fokep_wrapper {position: absolute; top: 0px; left: 0px; height: 304px; background-color: #000000;}
#fokep_menu {width: 462px; height: 30px; margin-top: 10px;}
.fokep .row2 .galery_on {background: url(images/fokep/galery_on.png) no-repeat 305px center;}
#fokep_menu A {float: left; font-size: 11px; width: 20px; height: 20px; background:  url(images/fokep/fokep_btn_off.png) no-repeat; text-decoration: none; margin: 3px;}
#fokep_menu A.selected {background: url(images/fokep/fokep_btn_on.png) no-repeat; }

#fokep_move_left {margin: 2px;}
#fokep_move_right {margin: 2px;}

#fokep_info {float: left; margin-top: 108px; margin-left: 25px; width: 364px; height: 216px; padding-top: 20px; background-position: top right;}
#fokep_text {height: 126px; width: 340px; overflow: hidden; font-size: 14px; color: #898483;}
#fokep_text H4 {font-size: 24px; color: #FFFFFF; padding: 0px; margin: 0px 0px 15px 0px;}
#fokep_link {float: left; width: 118px; height: 61px; overflow: hidden;}
#fokep_link A {float: left; width: 118px; height: 36px; background: url(images/buttons/more_info_btn.png) no-repeat 0px 0px; border: 0; cursor: pointer;}
#fokep_link A:hover {background: url(images/buttons/more_info_btn_on.png) no-repeat 0px 0px;}
#fokep_link A:focus {background: url(images/buttons/more_info_btn_pressed.png) no-repeat 0px 0px;}

#fokep_market_wrapper {float: left; width: 246px; height: 92px;}
.market_1 {background: url(images/fokep/available_1.png) no-repeat 56px 16px;}
.market_2 {background: url(images/fokep/available_2.png) no-repeat 56px 16px;}
#fokep_markets {float: right; width: 112px; height: 50px; text-align: center;}
#fokep_markets IMG {margin: 0px 8px;}

/** Lapozás **/
.lapozas {width: 100%; clear: both; margin: 10px auto; text-align: center; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #202020; border-bottom: 1px solid #202020;}
.lapozas a { color: #CCCCCC; 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: #222222; border: 1px solid #cccccc; padding: 0px 3px 3px 3px; font-size: 16px; color: #DDDDDD}
.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;}