@import url('fonts/fonts.css');
html {
height: 100%;
}
html.oxh {
overflow-x: hidden;
}
body {
background: #fffcf5;
margin: 0;
font: 14px 'Roboto', sans-serif;
color: #313745;
line-height: 1;
height: 100%;
}
a {
color: #313745;
outline: none;
}
h1 {
font-size: 16px;
margin: 0;
}
h2, h3, h4, h5 {
font-size: 14px;
margin: 0;
}
p {
margin: 0;
padding: 0;
}
img {
border: 0;
}
form {
margin: 0px;
padding: 0px;
}
input, select, textarea {
vertical-align: middle;
font: 14px 'Roboto', Verdana, sans-serif;
}
label {
vertical-align: middle;
}
hr {
color: black;
height: 1px;
border: 0;
margin: 0;
border-bottom: 1px solid black;
}
/*---------------Layout------------------------------*/
#main_center {
background-color: #fffcf5;
margin: 0;
position: relative;
width: 100%;
}
.main_center {
margin: 0 auto;
width: 1000px;
position: relative;
}
#left {
width: 616px;
float: left;
}
#right {
width: 293px;
float: right;
}
#center {
margin-bottom: 5px;
}
#bottom {
background: #41484E;
width: 100%;
padding: 35px 0 0 0;
margin: 10px 0 0 0;
color: white;
}
.main_wrapper {
margin: 0 auto;
width: 970px;
}
#top {
background-color: #fffcf5;
}
/*---------------------------------------------------*/
#overlay,
.overlay {
background-color: black;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
z-index: 10;
display: none;
}
.overlay.white {
background-color: white;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#overlay_form {
z-index: 8;
}
/*---------------Common------------------------------*/
.clear {
clear: both;
overflow: hidden;
height: 0px;
display: block;
}
.f-left {
float: left !important;
}
.f-right {
float: right !important;
}
.a-left {
text-align: left !important;
}
.a-right {
text-align: right !important;
}
.a-center {
text-align: center !important;
}
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.stylereset {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit !important;
vertical-align: baseline;
display: inline;
}
/*
.cufon {
font-family: 'Cronos';
}
.cufon_textshadow {
font-family: 'Cronos';
text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}*/
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*---------------------------------------------------*/
.show_on_mobile {
display: none !important;
}
.hide_on_mobile {
display: block;
}
span.hide_on_mobile {
display: inline;
}
/*---------------------------------------------------*/
.wpanel160 {
width: 160px;
}
.wpanel180 {
width: 180px;
}
.wpanel216 {
width: 216px;
}
.wpanel704 {
width: 704px;
}
.wpanel730 {
width: 730px;
}
.wpanel460 {
width: 460px;
}
.wpanel250 {
width: 250px;
}
.wpanel666 {
width: 666px;
}
.wpanel640 {
width: 640px;
}
.wpanel294 {
width: 294px;
}
.wpanel322 {
width: 322px;
}
.wpanel644 {
width: 644px;
}
/*---------------------------------------------------*/
.ui-autocomplete {
z-index: 30 !important;
border-radius: 0;
font-size: 13px;
padding: 0;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.ui-autocomplete li.ui-menu-item {
border-radius: 0;
}
.ui-autocomplete li:nth-child(even) {
background-color: #F2F2F2;
}
.ui-autocomplete li.ui-menu-item a {
border-radius: 0;
border: none;
margin: 0 !important;
}
.ui-autocomplete li.ui-menu-item a.ui-state-hover {
background: none;
color: #0285bc;
}
/*---------------------------------------------------*/
a.btn1 {
background: url(../images/btn1_left.png) no-repeat left top;
display: inline-block;
vertical-align: middle;
text-decoration: none !important;
padding-left: 11px;
font-size: 14px;
text-transform: uppercase;
position: relative;
}
a.btn1 span {
background: url(../images/btn1_right.png) no-repeat right top;
display: inline-block;
height: 31px;
line-height: 31px;
padding-right: 11px;
cursor: pointer;
}
a.btn1:hover {
background-position: left bottom;
}
a.btn1:hover span {
background-position: right bottom;
}
/*---------------------------------------------------*/
a.btn2 {
background: url(../images/btn2.png) no-repeat left 0;
display: inline-block;
vertical-align: middle;
text-decoration: none !important;
padding-left: 15px;
/*font: bold 16px 'Open Sans';*/
font-size: 16px;
font-weight: bold;
color: white;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
}
a.btn2 span {
background: url(../images/btn2.png) no-repeat right -34px;
display: inline-block;
padding-right: 15px;
height: 34px;
line-height: 35px;
cursor: pointer;
}
a.btn2:hover {
background-position: left -68px;
}
a.btn2:hover span {
background-position: right -102px;
}
/*---------------------------------------------------*/
a.btn_dynamic1 {
background: #415546;
border-radius: 20px;
color: #fff;
display: inline-block;
font-size: 14px;
height: 40px;
line-height: 40px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
}
a.btn_dynamic1:hover,
a.btn_dynamic1:active {
background-color: #17281c;
text-decoration: none;
}
a.btn_dynamic1 span {
text-align: center;
}
a.btn_dynamic1 span:hover {
text-decoration: none;
}
/*---------------------------------------------------*/
a.btn_dynamic2 {
background: url(../images/btn_dynamic2.png) no-repeat left top;
display: inline-block;
vertical-align: middle;
text-decoration: none !important;
padding-left: 20px;
font-size: 23px;
font-weight: bold;
color: white !important;
margin: 0 auto;
}
a.btn_dynamic2 span {
background: url(../images/btn_dynamic2.png) no-repeat right -42px;
display: inline-block;
height: 42px;
line-height: 37px;
padding-right: 20px;
cursor: pointer;
text-align: center;
}
a.btn_dynamic2:hover {
background-position: left -84px;
}
a.btn_dynamic2:hover span {
background-position: right bottom;
}
/*---------------------------------------------------*/
a.btn_dynamic3 {
background: url(../images/btn_dynamic3.png) no-repeat left top;
display: inline-block;
vertical-align: middle;
text-decoration: none !important;
padding-left: 20px;
font-size: 23px;
font-weight: bold;
color: white !important;
margin: 0 auto;
}
a.btn_dynamic3 span {
background: url(../images/btn_dynamic3.png) no-repeat right -42px;
display: inline-block;
height: 42px;
line-height: 37px;
padding-right: 20px;
cursor: pointer;
text-align: center;
}
a.btn_dynamic3:hover {
background-position: left -84px;
}
a.btn_dynamic3:hover span {
background-position: right bottom;
}
/*---------------------------------------------------*/
a.btn_dynamic4 {
background: url(../images/btn_dynamic4.png) no-repeat left top;
display: inline-block;
vertical-align: middle;
text-decoration: none !important;
padding-left: 20px;
font-size: 15px;
font-weight: bold;
color: white !important;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
}
a.btn_dynamic4 span {
background: url(../images/btn_dynamic4.png) no-repeat right -32px;
display: inline-block;
height: 32px;
line-height: 32px;
padding-right: 20px;
cursor: pointer;
text-align: center;
}
a.btn_dynamic4:hover {
background-position: left -64px;
}
a.btn_dynamic4:hover span {
background-position: right bottom;
}
/*---------------------------------------------------*/
a.btn_dynamic5 {
background: url(../images/btn_dynamic5.png) no-repeat left top;
display: inline-block;
vertical-align: middle;
text-decoration: none !important;
padding-left: 20px;
font-size: 15px;
font-weight: bold;
color: white !important;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
}
a.btn_dynamic5 span {
background: url(../images/btn_dynamic5.png) no-repeat right -32px;
display: inline-block;
height: 32px;
line-height: 32px;
padding-right: 20px;
cursor: pointer;
text-align: center;
}
a.btn_dynamic5:hover {
background-position: left -64px;
}
a.btn_dynamic5:hover span {
background-position: right bottom;
}
/*---------------------------------------------------*/
a.btn_dynamic6 {
background: url(../images/btn_dynamic6.png) no-repeat left top;
display: inline-block;
vertical-align: middle;
text-decoration: none !important;
padding-left: 20px;
font-size: 15px;
font-weight: bold;
color: white !important;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
}
a.btn_dynamic6 span {
background: url(../images/btn_dynamic6.png) no-repeat right -42px;
display: inline-block;
height: 42px;
line-height: 42px;
padding-right: 20px;
cursor: pointer;
text-align: center;
}
a.btn_dynamic6:hover {
background-position: left -84px;
}
a.btn_dynamic6:hover span {
background-position: right bottom;
}
/*------------------------------------------------*/
.btn_vissza1 {
background: url(../images/btn_vissza1.png) no-repeat top;
width: 147px;
height: 43px;
display: inline-block;
text-indent: -10000px;
vertical-align: middle;
}
.btn_vissza1:hover {
background-position: bottom;
}
/*---------------------------------------------------*/
.btn_vissza2 {
background: url(../images/btn_vissza2.png) no-repeat top;
width: 109px;
height: 43px;
display: inline-block;
text-indent: -10000px;
vertical-align: middle;
}
.btn_vissza2:hover {
background-position: bottom;
}
.btn_vissza2 span {
display: none;
}
/*---------------------------------------------------*/
.btn_vissza3 {
background: url(../images/btn_vissza3.png) no-repeat top;
width: 109px;
height: 41px;
display: inline-block;
text-indent: -10000px;
vertical-align: middle;
}
.btn_vissza3:hover {
background-position: bottom;
}
.btn_vissza3 span {
display: none;
}
/*---------------------------------------------------*/
.btn_color {
background: #A1C656 repeat-x bottom;
border: 1px solid #73A426;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
vertical-align: middle;
padding: 0 20px;
height: 23px;
text-align: center;
line-height: 24px;
font-size: 12px;
font-weight: bold;
color: white;
text-decoration: none;
box-shadow: 0 -5px 15px -10px rgba(0, 0, 0, 0.4) inset;
}
a.btn_color:hover {
background-image: none;
box-shadow: none;
}
.btn_color.orange {
background-color: #ED8E02;
border-color: #DA942E;
}
.btn_color.blue {
background-color: #5BB0D9;
border-color: #0174B0;
}
/*---------------------------------------------------*/
.btn_color_big {
background: #5BB0D9;
background-image: linear-gradient(top, #5BB0D9 0%, #0F73AC 100%);
background-image: -o-linear-gradient(top, #5BB0D9 0%, #0F73AC 100%);
background-image: -moz-linear-gradient(top, #5BB0D9 0%, #0F73AC 100%);
background-image: -webkit-linear-gradient(top, #5BB0D9 0%, #0F73AC 100%);
background-image: -ms-linear-gradient(top, #5BB0D9 0%, #0F73AC 100%);
border: 1px solid #0174B0;
border-radius: 3px;
display: inline-block;
vertical-align: middle;
padding: 0 40px;
height: 59px;
text-align: center;
line-height: 59px;
font-size: 23px;
font-family: 'Cronos';
font-weight: 500;
color: white;
text-decoration: none;
box-shadow: 0 -5px 15px -10px rgba(0, 0, 0, 0.4) inset;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
}
.btn_color_big:hover {
background: #5BB0D9;
}
/*---------------------------------------------------*/
.ico_help {
background: url(../images/ico_help.png) no-repeat top;
width: 18px;
height: 17px;
display: inline-block;
text-decoration: none;
cursor: help;
vertical-align: middle;
position: relative;
z-index: 2;
}
.ico_help:hover {
background-position: bottom;
}
/*---------------------------------------------------*/
.corners span {
background: url(../images/bg_fieldpanel_corners.png) no-repeat;
display: block;
width: 2px;
height: 2px;
overflow: hidden;
font-size: 0;
position: absolute;
}
.corners span.tl {
background-position: 0 0;
left: -1px;
top: -1px;
}
.corners span.tr {
background-position: -2px 0;
right: -1px;
top: -1px;
}
.corners span.bl {
background-position: 0 -2px;
left: -1px;
bottom: -1px;
}
.corners span.br {
background-position: -2px -2px;
right: -1px;
bottom: -1px;
}
/*---------------------------------------------------*/
.ui-selectmenu {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0px 0px 4px #e0e0e0;
-webkit-box-shadow: 0px 0px 4px #e0e0e0;
box-shadow: 0px 0px 4px #e0e0e0;
font-family: 'Open Sans';
}
.ui-selectmenu-menu-dropdown {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-family: 'Open Sans';
}
.ui-selectmenu-menu li {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.ui-selectmenu-menu li a {
font-size: 12px;
}
/*---------------------------------------------------*/
#top .section1 {
background: #fffcf5;
height: 80px;
}
#top .wrapper {
width: 1000px;
margin: 0 auto;
position: relative;
}
#top .section1 .logo {
background: url(../images/logo/logo_slogan.svg) no-repeat;
height: 50px;
left: 0;
position: absolute;
text-indent: -10000px;
top: 14px;
width: 235px;
}
#top .section1 .logo a {
display: block;
height: 100%;
}
#top .user_info {
position: absolute;
right: 10px;
top: 6px;
font-size: 12px;
font-weight: bold;
}
#top .user_info a {
color: #d35630;
}
/*---------------------------------------------------*/
#top ul.nav {
float: right;
font-size: 16px;
font-weight: 600;
list-style: none;
margin: 25px 0 0 0;
padding: 0;
}
#top ul.nav li {
float: left;
}
#top ul.nav li:last-child a {
margin: 0;
}
#top ul.nav li a {
color: #415546;
display: block;
height: 34px;
line-height: 34px;
margin: 0 40px 0 0;
text-decoration: none;
}
#top ul.nav li a.active {
color: #415546;
}
#top ul.nav li a:hover {
color: #415546;
text-decoration: underline;
}
#top ul.nav li.pro a {
color: #d35630;
}
#top ul.nav li a.new {
position: relative;
}
#top ul.nav li a.new .new-badge {
background: #F35E06;
border-radius: 5px;
color: white;
display: block;
font-family: arial, sans-serif;
font-size: 10px;
line-height: 17px;
padding: 0 5px;
position: absolute;
right: -6px;
text-shadow: 0 1px 2px #A73B1B;
text-transform: uppercase;
top: -6px;
}
/*---------------------------------------------------*/
#top nav.main_menu {
background: #415546;
border-bottom: 4px solid #f6f7f8;
color: #fff;
height: 54px;
margin: 0 0 20px 0;
}
#top nav.main_menu a {
color: #fff;
text-decoration: none;
}
/* level 1 */
#top nav.main_menu .wrapper > ul {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
#top nav.main_menu .wrapper > ul > li {
flex: 0 0 auto;
}
#top nav.main_menu .wrapper > ul > li > a {
background: no-repeat;
color: #fff;
display: block;
font-size: 14px;
height: 52px;
line-height: 60px;
margin: 0 32px 0 0;
position: relative;
text-decoration: none;
top: -2px;
}
#top nav.main_menu .wrapper > ul > li.has_submenu > a {
padding: 0 18px 0 0;
}
#top nav.main_menu .wrapper > ul > li.has_submenu > a:after {
background: url(../images/chevron-down-white.svg) top center no-repeat;
background-size: 20px 20px;
content: "";
display: inline-block;
height: 20px;
position: absolute;
right: -4px;
top: 19px;
width: 20px;
}
#top nav.main_menu .wrapper > ul > li:hover > a,
#top nav.main_menu .wrapper > ul > li.active > a {
font-weight: bold;
border-bottom: 4px solid rgba(255, 255, 255, 0.5);
}
#top nav.main_menu .wrapper > ul > li.betet a {
margin: 0;
}
/* level 2 */
#top nav.main_menu .submenu_panel {
background-color: #f6f7f8;
box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.5);
box-sizing: border-box;
left: 0;
opacity: 0;
overflow: hidden;
padding: 16px 16px 24px 16px;
position: absolute;
top: 54px;
transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
visibility: hidden;
width: 1000px;
z-index: 3;
}
#top nav.main_menu .wrapper > ul > li:hover .submenu_panel,
#top nav.main_menu .wrapper > ul > li:hover .submenu_panel:after {
opacity: 1;
visibility: visible;
}
#top nav.main_menu .submenu_panel a {
color: #313745;
}
#top nav.main_menu > li:hover .submenu_panel {
display: block;
}
#top nav.main_menu .submenu_panel .header {
background: no-repeat left center;
border-bottom: 2px solid #d8d8d8;
color: #313745;
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
padding: 8px 0;
}
#top nav.main_menu .submenu_panel .col {
float: left;
width: 460px;
}
#top nav.main_menu .submenu_panel .col3 {
margin: 32px 0 0;
}
#top nav.main_menu .submenu_panel ul {
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
font-size: 16px;
line-height: 1.3;
list-style: none;
margin: 0;
padding: 0;
}
#top nav.main_menu .submenu_panel ul.column1 {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
#top nav.main_menu .submenu_panel ul li {
margin-bottom: 10px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;
}
#top nav.main_menu .submenu_panel ul li:last-child {
margin-bottom: 0;
}
#top nav.main_menu .submenu_panel ul a {
text-decoration: none;
}
#top nav.main_menu .submenu_panel ul a .link-nowrap {
display: inline-block;
white-space: nowrap;
}
#top nav.main_menu .submenu_panel ul a:hover,
#top nav.main_menu .submenu_panel ul a:hover .link-nowrap{
text-decoration: underline;
}
#top nav.main_menu .betet .submenu_panel ul,
#top nav.main_menu .hitel .col3 ul,
#top nav.main_menu .hitelkivaltas .f-right ul {
column-count: 1;
}
#top nav.main_menu .new_menu_item a:after {
align-items: center;
background-color: #d35630;
border-radius: 50%;
content: 'új';
display: inline-flex;
font-family: 'Roboto', sans-serif;
font-size: 9px;
font-weight: normal;
height: 18px;
justify-content: center;
margin-left: 4px;
position: relative;
top: -2px;
width: 18px;
}
/*---------------------------------------------------*/
.mainsubmenu {
background: #35A5D5;
width: 100%;
height: 39px;
padding: 10px 0 0 0;
margin: -15px 0 15px 0;
}
.mainsubmenu.szamla {
background-color: #3580AC;
}
.mainsubmenu.hitel {
background-color: #41A6DD;
}
.mainsubmenu.hitelkivaltas {
background-color: #EA66CE;
}
.mainsubmenu.kolcson {
background-color: #9DCD4B;
}
.mainsubmenu.betet {
background-color: #F7A221;
}
.mainsubmenu ul {
font-size: 17px;
font-weight: bold;
list-style: none;
margin: 0 auto;
overflow: hidden;
padding: 0;
width: 1000px;
}
.mainsubmenu ul li {
float: left;
height: 39px;
line-height: 39px;
padding: 0 15px;
position: relative;
}
.mainsubmenu ul a {
color: white;
text-decoration: none;
display: inline-block;
}
.mainsubmenu ul li a:hover {
padding-top: 1px;
}
.mainsubmenu ul li.active {
background: #F6F7F8;
}
.mainsubmenu ul li.active a:hover {
padding-top: 0;
}
.mainsubmenu ul li.active a {
color: black;
}
.mainsubmenu ul li .uj {
background: url(../images/bg_new2.png) no-repeat;
display: block;
width: 32px;
height: 32px;
position: absolute;
right: -17px;
top: -3px;
}
.mainsubmenu .help_button {
background: #FB5919;
display: block;
height: 30px;
line-height: 30px;
width: 157px;
text-align: center;
text-decoration: none;
color: white;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
position: absolute;
right: 0;
top: 0;
border-radius: 2px;
}
.mainsubmenu .help_button:hover {
background-color: #fb672e;
}
/*---------------------------------------------------*/
.billboard {
margin-bottom: 20px;
}
.billboard .menu {
}
.billboard .menu ul {
list-style: none;
margin: 20px 0 0 0;
padding: 0;
overflow: hidden;
text-align: center;
}
.billboard .menu ul li {
display: inline-block;
margin: 0 6px;
}
.billboard .menu ul a {
background: url(../images/bg_billboardpager.png) no-repeat top;
display: inline-block;
width: 13px;
height: 13px;
text-decoration: none;
}
.billboard .menu ul a.active {
background-position: bottom;
}
.billboard .content {
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.06);
}
.billboard .content ul.items {
list-style: none;
margin: 0;
padding: 0;
height: 352px;
}
.billboard .content ul.items li {
background: white no-repeat right top;
background-size: cover;
border: 1px solid #D5D5D5;
height: 310px;
box-shadow: 0 0 57px 0 rgba(0, 0, 0, 0.09) inset;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding: 20px 20px 20px 20px;
text-align: center;
display: none;
overflow: hidden;
}
.billboard .content ul.items li .header {
font-size: 40px;
margin-bottom: 15px;
}
.billboard .content ul.items li p {
font-size: 18px;
color: black;
line-height: 1.4;
margin-bottom: 12px;
}
.billboard .content ul.items li p a {
color: black;
}
.billboard .content ul.items li .uj {
background: url(../images/img_uj.png) no-repeat;
width: 47px;
height: 47px;
display: inline-block;
vertical-align: middle;
}
.billboard .content ul.items li .bg_block1 {
background: no-repeat left top;
width: 465px;
height: 295px;
text-align: left;
padding: 36px 0 0 238px;
}
.billboard .content ul.items li .bg_block1.osszehasonlitva {
background-position: left 102px;
}
.billboard .content ul.items li .bg_block1.egyenlito {
background-position: 20px 30px;
}
.billboard .content ul.items li .bg_block1.fundamenta {
padding: 28px 0 0 273px;
}
.billboard .content ul.items li a.btn_billboard {
background: #1EA5E5 url(../images/bg_btn_billboard.png) no-repeat right center;
display: inline-block;
text-decoration: none;
font-family: 'Cronos';
font-size: 19px;
font-weight: 500;
color: white;
text-align: center;
height: 47px;
line-height: 45px;
padding: 0 30px;
margin: 0 10px;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3);
border-radius: 2px;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.billboard .content ul.items li a.btn_billboard.multiline {
height: auto;
line-height: 1.2;
padding: 10px 20px;
text-align: left;
width: 265px;
}
.billboard .content ul.items li a.full_click {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 351px;
z-index: 2;
text-decoration: none;
}
.billboard .content ul.items li a.btn_billboard.green {
background-color: #8ABA38;
}
.billboard .content ul.items li a.btn_billboard.green:hover {
background: #95c941;
}
.billboard .content ul.items li a.btn_billboard.bankszamla {
background-color: #126DAD;
}
.billboard .content ul.items li a.btn_billboard.bankszamla:hover {
background-color: #1475BA;
}
.billboard .content ul.items li a.btn_billboard.hitel {
background-color: #1EA5E5;
}
.billboard .content ul.items li a.btn_billboard.hitel:hover {
background-color: #20AEF1;
}
.billboard .content ul.items li a.btn_billboard.betet {
background-color: #FAA000;
}
.billboard .content ul.items li a.btn_billboard.betet:hover {
background-color: #FFAB17;
}
.billboard .content ul.items li a.btn_billboard.orange {
background-color: #FE8730;
border-color: #b84f01;
}
.billboard .content ul.items li a.btn_billboard.red {
background-color: #C32A18;
}
.billboard .content ul.items li a.btn_billboard.red:hover {
background-color: #D12D1A;
}
/*---------------------------------------------------*/
.dashboard {
background: #637b70;
background-image: linear-gradient(116deg, #325544, #637b70);
background-image: -o-linear-gradient(116deg, #325544, #637b70);
background-image: -moz-linear-gradient(116deg, #325544, #637b70);
background-image: -webkit-linear-gradient(116deg, #325544, #637b70);
background-image: -ms-linear-gradient(116deg, #325544, #637b70);
margin: -20px 0 0;
padding: 55px 0 0;
position: relative;
}
.dashboard:after {
background: repeating-linear-gradient(
45deg,
rgba(0, 0, 0, 0.0),
rgba(0, 0, 0, 0.0) 5px,
rgba(255, 255, 255, 0.1) 5px,
rgba(255, 255, 255, 0.1) 7px
);
content: '';
display: block;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.dashboard > * {
z-index: 2;
}
.dashboard__header {
color: #fff;
display: block;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-size: 36px;
font-weight: normal;
margin: 0 0 55px 0;
text-align: center;
text-transform: uppercase;
}
.dashboard__wrapper {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
list-style: none;
margin: 0 auto;
overflow: hidden;
padding: 0;
width: 1000px;
}
.dashboard__item {
background-color: #fff;
border-radius: 2px;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
box-sizing: border-box;
cursor: pointer;
margin: 0 35px 40px 0;
min-height: 152px;
text-align: center;
transition: background-color 0.1s linear;
width: 223px;
z-index: 2;
}
.dashboard__item:hover,
.dashboard__item:active {
background-color: #dddddd;
transition: background-color 0.1s linear;
}
.dashboard__item:hover .dashboard__item-icon{
fill: #a43817;
transition: fill 0.2s linear;
}
.dashboard__item:nth-child(4n) {
margin: 0 0 40px 3px;
}
.dashboard__item-flag {
position: absolute;
right: 14px;
top: 0;
}
.dashboard__item-flag span {
color: #ffffff;
font-family: 'Roboto';
font-size: 16px;
position: absolute;
text-align: center;
top: 13px;
width: 100%;
}
.dashboard__item-icon {
fill: #d35630;
height: 54px;
margin: 0 auto 16px auto;
pointer-events: none;
transition: fill 0.2s linear;
width: 54px;
}
.dashboard__item-title {
color: #415546;
font-size: 22px;
font-weight: 600;
margin: 0 0 2px;
pointer-events: none;
}
.dashboard__item-subtitle {
color: #415546;
font-size: 22px;
font-weight: 300;
pointer-events: none;
}
.dashboard__item-link {
box-sizing: border-box;
display: block;
height: 100%;
padding: 16px 0;
text-decoration: none;
width: 100%;
}
.dashboard__item-link:active {
background-color: #f1f7fe;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.dashboard__item-link-flagged {
position: relative;
}
.contact {
color: #d35630;
height: 70px;
margin: 0 auto;
text-align: center;
width: 1000px;
}
.contact__message {
display: inline-block;
font-size: 20px;
font-weight: normal;
line-height: 70px;
width: auto;
}
.contact__phone {
display: inline-block;
font-size: 20px;
font-weight: 700;
line-height: 70px;
width: auto;
}
.contact__phone img {
height: 30px;
line-height: 70px;
margin: 0 13px 0 13px;
position: relative;
top: 8px;
width: 30px;
}
.page_header .contact {
height: 23px;
margin: 0 0 20px;
text-align: left;
width: auto;
}
.page_header .contact__message,
.page_header .contact__phone{
font-size: 16px;
line-height: 23px;
font-weight: normal;
}
.page_header .contact__phone img {
height: 18px;
margin: 0 2px;
top: 2px;
width: 18px;
}
/*---------------------------------------------------*/
a.btn_kalkulal2 {
background: url(../images/btn_kalkulalas2.png) no-repeat top;
width: 301px;
height: 63px;
text-indent: -10000px;
display: block;
text-decoration: none;
margin: 10px 15px 0 -2px;
}
a.btn_kalkulal2:hover {
background-position: bottom;
}
/*---------------------------------------------------*/
.textcontent p {
line-height: 1.3;
padding: 10px 0;
}
.textcontent .header {
font-size: 48px;
font-weight: normal;
}
.textcontent .header span.blue {
color: #36a7d6;
}
/*---------------------------------------------------*/
.tabset {
clear: both;
}
.tabset ul.tabs {
list-style: none;
margin: 0 0 0 -2px;
padding: 0;
height: 36px;
}
.tabset ul.tabs li {
float: left;
margin: 0;
}
/* normal */
.tabset ul.tabs a {
display: block;
padding-left: 20px;
text-decoration: none;
text-align: center;
font-size: 16px;
float: left;
position: relative;
top: 1px;
left: 2px;
}
.tabset ul.tabs a span {
display: block;
float: left;
padding-right: 20px;
height: 36px;
line-height: 36px;
cursor: pointer;
}
/* active */
.tabset ul.tabs a.active,
.tabset ul.tabs a.active:hover {
background-color: #fff;
border: 1px solid #dce0d7;
border-bottom: 0;
font-weight: bold;
}
.tabset ul.tabs a.active span,
.tabset ul.tabs a.active:hover span {
background-position: right bottom;
}
.tabset .tabcontent {
background-color: #fff;
border: 1px solid #dce0d7;
padding: 5px;
min-height: 270px;
line-height: 1.3;
}
.tabset .tabcontent .content {
display: none;
}
/*---------------------------------------------------*/
.tabset2 {
clear: both;
position: relative;
}
.tabset2 > ul.tabs {
list-style: none;
padding: 0 0 0 10px;
height: 44px;
font-size: 18px;
border-bottom: 1px solid #DDDDDD;
margin: 0 0 30px 0;
font-weight: 500;
}
.tabset2 > ul.tabs li {
float: left;
margin: 0 4px;
}
/* normal */
.tabset2 > ul.tabs a {
background: white url(../images/bg_tabs2.png) repeat-x bottom;
display: block;
text-decoration: none;
text-align: center;
float: left;
padding: 0 20px;
line-height: 44px;
border: 1px solid #DDDDDD;
border-bottom: 0;
color: #415546;
}
/* hover */
.tabset2 > ul.tabs a:hover {
background-position: top;
}
/* active */
.tabset2 > ul.tabs a.active,
.tabset2 > ul.tabs a.active:hover {
background-image: none;
color: black;
}
.tabset2.graybg > ul.tabs a {
background-color: #F6F7F8;
}
/*---------------------------------------------------*/
.tabset3 {
clear: both;
margin: 38px auto 0 auto;
position: relative;
width: 1000px;
}
.tabset3 > ul.tabs {
list-style: none;
padding: 0;
height: 55px;
margin: 0;
font-family: 'Open Sans', Arial, sans-serif;
font-weight: 500;
}
.tabset3 > ul.tabs li {
float: left;
}
.tabset3 > ul.tabs a {
box-sizing: border-box;
color: #313745;
display: block;
float: left;
font-size: 22px;
font-weight: 400;
height: 55px;
padding: 15px 24px 0 24px;
text-align: center;
text-decoration: none;
}
.tabset3 > ul.tabs a.active,
.tabset3 > ul.tabs a.active:hover {
background: #fff;
border: 1px solid #dce0d7;
border-bottom: 0;
position: relative;
}
.tabset3 > ul.tabs a.active span {
color: #415546;
font-weight: 600;
position: relative;
top: 2px;
}
.tabset3 > ul.tabs a.active:after {
background-color: white;
content: '';
height: 10px;
left: 0;
position: absolute;
top: 53px;
width: 100%;
}
.tabset3 > .tabcontent {
background: #fff;
border: 1px solid #dce0d7;
padding: 25px;
}
/*---------------------------------------------------*/
.tabset4 {
clear: both;
}
.tabset4 > ul.tabs {
list-style: none;
padding: 0 0 0 10px;
height: 45px;
font-size: 18px;
border-bottom: 1px solid #CCCCCC;
margin: 0 0 20px 0;
font-weight: 500;
}
.tabset4 > ul.tabs li {
float: left;
margin: 0 8px;
}
/* normal */
.tabset4 > ul.tabs a {
background: url(../images/bg_tabset4item.png) no-repeat left 0;
display: block;
text-decoration: none;
text-align: center;
float: left;
padding: 0 16px;
height: 45px;
line-height: 46px;
border-right: 1px solid #CCCCCC;
border-bottom: 0;
color: black;
position: relative;
}
/* hover */
.tabset4 > ul.tabs a:hover {
background-position: left -45px;
}
/* active */
.tabset4 > ul.tabs a.active,
.tabset4 > ul.tabs a.active:hover {
background-position: left -90px;
color: white;
border-color: #1375AE;
}
.tabset4 > ul.tabs a.green {
background-image: url(../images/bg_tabset4item_green.png);
}
.tabset4 > ul.tabs a.green.active,
.tabset4 > ul.tabs a.green.active:hover {
border-color: #73A426;
}
/* orange */
.tabset4.orange > ul.tabs a {
background-image: url(../images/bg_tabset4item_orange.png);
}
.tabset4.orange > ul.tabs a.active,
.tabset4.orange > ul.tabs a.active:hover {
border-color: #E27208;
}
/* gray_blue */
.tabset4.gray_blue > ul.tabs a {
background-image: url(../images/bg_tabset4item_gray_blue.png);
}
.tabset4.gray_blue > ul.tabs a.active,
.tabset4.gray_blue > ul.tabs a.active:hover {
border-color: #1375AE;
}
.tabset4 > ul.tabs a .uj {
background: url(../images/bg_new2.png) no-repeat;
display: block;
width: 32px;
height: 32px;
position: absolute;
right: 5px;
top: -15px;
}
.tabset4 > ul.tabs a .uj2 {
background: url(../images/bg_new3.png) no-repeat;
display: block;
width: 33px;
height: 33px;
position: absolute;
right: 5px;
top: -15px;
}
/*---------------------------------------------------*/
table.defaulttable {
width: 100%;
font-size: 12px;
}
table.defaulttable td {
padding: 7px 10px;
}
table.defaulttable thead td {
padding: 0 3px 0 0;
border-bottom: 1px solid #9c9c9c;
}
table.defaulttable tbody td {
border-bottom: 1px solid #B9BBBB;
}
table.defaulttable tbody td.va_b {
vertical-align: bottom;
}
table.defaulttable tbody tr.tr2 td {
background-color: #F4F7F7;
}
table.defaulttable thead .simpleheader {
display: block;
text-decoration: none;
text-align: center;
font-size: 18px;
float: left;
width: 100%;
}
table.defaulttable thead .simpleheader span {
background-color: #dce0d7;
display: block;
font-size: 14px;
height: 36px;
line-height: 36px;
position: relative;
}
/* normal */
table.defaulttable thead a {
display: block;
padding-left: 5px;
text-decoration: none;
text-align: center;
font-size: 18px;
float: left;
width: 100%;
}
table.defaulttable thead a span {
display: block;
padding-right: 5px;
height: 54px;
line-height: 54px;
cursor: pointer;
position: relative;
}
/* hover */
table.defaulttable thead a:hover {
background-position: left -54px;
}
table.defaulttable thead a:hover span {
background-position: right -54px;
}
/* active */
table.defaulttable thead a.active,
table.defaulttable thead a.active:hover {
background-position: left bottom;
color: white;
}
table.defaulttable thead a.active span,
table.defaulttable thead a.active:hover span {
background-position: right bottom;
}
table.defaulttable thead a img {
display: inline-block;
position: relative;
top: 1px;
right: -5px;
cursor: pointer;
}
/*---------------------------------------------------*/
table.defaulttable2 {
width: 100%;
font-size: 12px;
}
table.defaulttable2 td {
padding: 7px 10px;
}
table.defaulttable2 thead td {
text-align: center;
border-bottom: 1px solid #BABCBC;
font-size: 13px;
}
table.defaulttable2 tbody td {
border-bottom: 1px solid #B9BBBB;
}
table.defaulttable2 tbody tr.tr2 td {
background-color: #F4F7F7;
}
table.defaulttable2 thead td a {
background: none no-repeat right center;
text-decoration: none;
display: inline-block;
color: #555d64;
padding-right: 15px;
}
table.defaulttable2 thead td a:hover {
color: black;
}
table.defaulttable2 thead td a.active {
background-image: url(../images/order_down.png);
font-weight: bold;
color: black;
}
table.defaulttable2 thead td a.active.up {
background-image: url(../images/order_up.png);
}
/*---------------------------------------------------*/
.pszafpanel {
margin-top: 10px;
}
.pszafpanel .header {
background: #C41D52;
border: 1px solid #B20636;
display: block;
}
.pszafpanel img {
vertical-align: middle;
margin-right: 10px;
}
.pszafpanel p {
display: inline-block;
vertical-align: middle;
line-height: 1.5;
}
.pszafpanel a {
color: white;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
.pszafpanel a:hover {
text-decoration: underline;
}
/*---------------------------------------------------*/
.imgbuf {
position: absolute;
left: -10000px;
}
.banklogos {
margin: 10px auto 56px auto;
padding: 20px 0 0 0;
width: 1000px;
}
.banklogos__title {
color: #313745;
font-size: 22px;
font-weight: 600;
line-height: 1.3;
margin: 0 0 0 24px;
}
.banklogos__subtitle {
color: #313745;
font-size: 22px;
line-height: 1.3;
margin: 0 0 24px 24px
}
.banklogos .wrapper {
position: relative;
}
.banklogos ul {
background: white;
list-style: none;
margin: 0;
padding: 10px;
position: relative;
text-align: center;
border: 1px solid #dce0d7;
}
.banklogos ul li {
display: inline-block;
margin: 0 10px 5px 0;
position: relative;
}
.banklogos ul img {
background-color: white;
vertical-align: middle;
}
.popupimg {
background-color: white;
padding: 5px;
position: absolute;
z-index: 10;
-moz-box-shadow: 0 0 8px #818181;
-webkit-box-shadow: 0 0 8px #818181;
box-shadow: 0 0 8px #818181;
left: -1000px;
top: 0;
border: 1px solid #C6C6C6;
}
/*---------------------------------------------------*/
#bottom .wrapper {
width: 970px;
margin: 0 auto;
}
#bottom a {
color: white;
text-decoration: none;
}
#bottom ul a:hover {
text-decoration: underline;
}
#bottom .social {
text-align: center;
padding-bottom: 20px;
}
#bottom .social .header {
font-size: 16px;
color: #dddddd;
display: block;
margin-bottom: 25px;
}
#bottom ul {
list-style: none;
margin: 0;
padding: 0;
}
#bottom .social ul li {
display: inline-block;
margin: 0 13px;
}
#bottom .social ul li a {
background: #a1c656;
display: inline-block;
width: 70px;
height: 70px;
border-radius: 35px;
text-decoration: none;
display: inline-block;
font: normal normal normal 30px/65px FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: white;
}
#bottom .social ul li a:hover {
opacity: 0.9;
}
#bottom .social ul li a:before {
display: inline-block;
vertical-align: middle;
}
#bottom .social ul li a.facebook {
background-color: #517EBC;
}
#bottom .social ul li a.twitter {
background-color: #6ACEEF;
}
#bottom .social ul li a.youtube {
background-color: #EE6263;
}
#bottom .social ul li a.facebook:before {
content: "\f09a";
}
#bottom .social ul li a.twitter:before {
content: "\f099";
}
#bottom .social ul li a.youtube:before {
content: "\f16a";
}
#bottom .social ul li a span {
display: none;
}
#bottom .nav1 {
border-top: 1px solid #666666;
padding: 20px 0;
text-align: center;
font-size: 12px;
color: white;
}
#bottom .nav1 a {
color: white;
text-decoration: none;
display: inline-block;
padding: 0 20px;
}
#bottom .nav1 a:hover {
text-decoration: underline;
}
#bottom .nav1 ul {
}
#bottom .nav1 ul li {
display: inline-block;
height: 30px;
line-height: 30px;
border-right: 1px solid #666666;
}
#bottom .nav1 ul li:last-child {
border: 0;
}
#bottom .nav2 {
border-bottom: 1px solid #666666;
padding: 30px 0;
font-size: 12px;
color: white;
overflow: hidden;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
#bottom .nav2 .col {
max-width: 148px;
}
#bottom .nav2 .col:last-child {
padding-right: 0;
}
#bottom .nav3 {
padding: 30px 0;
font-size: 12px;
color: white;
overflow: hidden;
}
#bottom .nav3 .col {
width: 310px;
padding: 0 10px 0 0;
float: left;
}
#bottom .nav3 .col:last-child {
width: 300px;
padding-right: 0;
}
#bottom .nav3 img {
float: left;
margin-right: 15px;
}
#bottom .nav ul {
overflow: hidden;
line-height: 1.3;
}
#bottom .nav ul li {
margin-bottom: 8px;
}
#bottom .nav ul li:last-child {
margin-bottom: 0;
}
#bottom .yhead {
font-size: 15px;
margin-bottom: 12px;
display: block;
font-weight: bold;
line-height: 1.2;
}
#bottom .yhead a {
text-decoration: none;
}
#bottom .footer {
background-color: #23292F;
padding: 20px 0 60px 0;
color: white;
font-size: 12px;
overflow: hidden;
}
#bottom .footer .main_center {
text-align: center;
}
#bottom .footer .f-left {
float: none!important;
margin-top: 28px;
}
#bottom .footer ul {
list-style: none;
margin: 0 0 0 15px;
padding: 0;
display: inline;
}
#bottom .footer ul li {
display: inline-block;
margin-right: 10px;
}
#bottom .footer ul a {
background: url(../images/bg_footerlink.png) no-repeat right center;
color: #eceeee;
padding: 0 12px 0 0;
text-decoration: none;
}
#bottom .footer ul a:hover {
text-decoration: underline;
}
#bottom .made_by {
margin-top: 10px;
float: right;
}
#bottom .made_by a {
background: no-repeat center;
color: #eceeee;
margin-right: 20px;
text-decoration: none;
display: inline-block;
vertical-align: middle;
}
#bottom .made_by a span {
display: none;
}
#bottom .made_by a.shift_consulting {
background-image: url(../images/logo_shift_consulting.png);
width: 108px;
height: 17px;
}
#bottom .made_by a.dbn {
background-image: url(../images/logo_dbn.png);
width: 50px;
height: 50px;
}
/*---------------------------------------------------*/
.pagecontent {
min-height: 600px;
}
.pagecontent.ajax {
background: white;
position: absolute;
z-index: 11;
top: 50px;
left: 50%;
width: 680px;
margin: 0 0 0 -340px;
color: black;
padding: 20px;
}
.pagecontent a.close {
display: none;
}
.pagecontent.ajax a.close {
background: url(../images/bg_close3.png) no-repeat center;
width: 30px;
height: 30px;
display: block;
text-decoration: none;
position: absolute;
right: 20px;
top: 20px;
border: 1px solid #D5D7D7;
}
.pagecontent.ajax a.close:hover {
border-color: black;
}
.pagecontent .pagetitle {
font-size: 29px;
font-weight: bold;
margin-bottom: 30px;
}
.pagecontent .pagetitle.withlogo {
font-size: 38px;
margin-bottom: 15px;
}
.pagecontent .pagetitle .nmbr {
color: #003950;
}
.pagecontent .btn_container {
text-align: right;
padding: 20px 20px;
}
#main_center #center .page_newsletter,
#main_center #center .tema_text,
#main_center #center .page_reg,
#main_center #center .page_enbankraciom,
#main_center #center .page_pro {
margin: 0 auto;
width: 1000px;
}
/*---------------------------------------------------*/
/*slider*/
.slider {
background: url(../images/bg_slider.png) no-repeat;
width: 327px;
height: 16px;
margin: 12px 0 5px 6px;
position: relative;
float: left;
border: none;
}
.slider .ui-slider-range {
background: #63B8DE;
height: 8px;
top: 4px;
}
.slider .sliderarea {
background: none;
position: absolute;
width: 305px;
height: 16px;
left: 15px;
border: 0;
}
.slider .sliderarea .ui-slider-handle {
position: absolute !important;
z-index: 2;
cursor: default;
background: url(../images/bg_slider_handle.png) no-repeat;
display: block;
width: 28px;
height: 28px;
border: none;
outline: none;
}
.slider .sliderarea .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
}
.slider .sliderarea.ui-slider-horizontal {
height: .8em;
}
.slider .sliderarea.ui-slider-horizontal .ui-slider-handle {
margin-left: -15px;
top: -6px;
}
.slider .sliderarea.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.slider .sliderarea.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.slider .sliderarea.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.slider.w136 {
background: url(../images/bg_slider_w136.png) no-repeat;
width: 136px;
}
.slider.w136 .sliderarea {
width: 114px;
}
.slider.w689 {
background: url(../images/bg_slider_w689.png) no-repeat;
width: 689px;
}
.slider.w689 .sliderarea {
width: 667px;
}
.slider.w509 {
background: url(../images/bg_slider_w509.png) no-repeat;
width: 509px;
}
.slider.w509 .sliderarea {
width: 475px;
}
.slider.w357 {
background: url(../images/bg_slider_w357.png) no-repeat;
width: 357px;
}
.slider.w357 .sliderarea {
width: 341px;
left: 0;
top: -2px;
}
.slider.w357.handletype4 .sliderarea,
.slider.w357.handletype2 .sliderarea {
width: 326px;
left: 15px;
top: 0;
}
.slider.w274 {
background: url(../images/bg_slider_w274.png) no-repeat;
width: 274px;
}
.slider.w274 .sliderarea {
width: 260px;
margin: 4px 0 0 -8px;
}
.slider.handletype3.w274 .sliderarea.ui-slider-horizontal .ui-slider-handle {
margin-left: -12px;
top: -9px;
}
.slider.handletype5.w274 .sliderarea.ui-slider-horizontal .ui-slider-handle {
margin-left: -12px;
top: -9px;
}
.slider.handletype2 .sliderarea .ui-slider-handle {
background-image: url(../images/bg_slider_handle2.png);
width: 30px;
height: 30px;
}
.slider.handletype2 .sliderarea {
width: 326px;
margin-left: 0px;
}
.slider.handletype2 .sliderarea.ui-slider-horizontal .ui-slider-handle {
margin-left: -15px;
top: -8px;
}
.slider.handletype3 .sliderarea .ui-slider-handle {
background-image: url(../images/bg_slider_handle3.png);
width: 25px;
height: 25px;
}
.slider.handletype3.w136 .sliderarea {
width: 130px;
margin-left: -12px;
margin-top: 4px;
}
.slider.handletype3.w136 .sliderarea.ui-slider-horizontal .ui-slider-handle {
margin-left: -12px;
top: -9px;
}
.slider.handletype4 .sliderarea .ui-slider-handle {
background-image: url(../images/bg_slider_handle4.png);
width: 30px;
height: 30px;
}
.slider.handletype4 .sliderarea {
width: 326px;
margin-left: 0px;
}
.slider.handletype4 .sliderarea.ui-slider-horizontal .ui-slider-handle {
margin-left: -15px;
top: -8px;
}
.slider.handletype5 .sliderarea .ui-slider-handle {
background-image: url(../images/bg_slider_handle5.png);
width: 25px;
height: 25px;
}
.slider.handletype5.w136 .sliderarea {
width: 130px;
margin-left: -12px;
margin-top: 4px;
}
.slider.handletype5.w136 .sliderarea.ui-slider-horizontal .ui-slider-handle {
margin-left: -12px;
top: -9px;
}
/*---------------------------------------------------*/
.slider2 .sliderarea {
background-color: white;
border: 1px solid rgba(231, 118, 83, 0.3);
border-radius: 2px;
height: 8px;
}
.slider2 .sliderarea .ui-slider-range {
background: rgba(231, 118, 83, 0.3);
}
.slider2 .sliderarea .ui-slider-handle {
background: #d35630;
display: block;
width: 20px;
height: 20px;
overflow: hidden;
border: 1px solid #d35630;
border-radius: 10px;
top: -7px;
}
/* red */
.slider2.red .sliderarea {
border-color: #d12d1a;
}
.slider2.red .ui-slider-range {
background-color: #ffdddd;
}
.slider2.red .sliderarea .ui-slider-handle {
background-color: #d12d1a;
border-color: #d12d1a;
}
/* green */
.slider2.green .sliderarea {
border-color: #A7BDA1;
}
.slider2.green .ui-slider-range {
background-color: #CBEEB4;
}
.slider2.green .sliderarea .ui-slider-handle {
background-color: #d35630;
border-color: #d35630;
}
/* orange */
.slider2.orange .sliderarea {
border-color: #E37607;
}
.slider2.orange .ui-slider-range {
background-color: #fdedd4;
}
.slider2.orange .sliderarea .ui-slider-handle {
background-color: #ED8E02;
border-color: #E27208;
}
/* darkblue */
.slider2.darkblue .sliderarea {
border-color: #CCCCCC;
}
.slider2.darkblue .ui-slider-range {
background-color: rgba(231, 118, 83, 0.5);
}
.slider2.darkblue .sliderarea .ui-slider-handle {
background-color: #d35630;
border-color: #d35630;
}
/* gray */
.slider2.gray .sliderarea {
border-color: #BBBBBB;
}
.slider2.gray .ui-slider-range {
background-color: #F2F2F2;
}
.slider2.gray .sliderarea .ui-slider-handle {
background-color: #DADADA;
border-color: #C0C0C0;
}
/*---------------------------------------------------*/
.page_hiteluzenet {
padding: 50px 25px 25px 25px;
margin: 5px 10px;
min-height: 0;
position: relative;
}
.page_hiteluzenet .panel_arrow {
width: 10px;
height: 10px;
position: absolute;
top: -10px;
left: 800px;
}
.page_hiteluzenet .pagetitle {
font-size: 40px;
margin-bottom: 10px;
}
.page_hiteluzenet h3 {
font-weight: normal;
font-size: 20px;
line-height: 1.3;
color: #7A8082;
}
.page_hiteluzenet .imgleft {
float: left;
margin-right: 30px;
width: 50px;
}
.page_hiteluzenet .articles {
background: url(../images/bg_formpanel2_field.png) repeat-x top;
margin: 70px -25px 0 -25px;
padding: 30px 20px 0 20px;
}
.page_hiteluzenet .articles h4 {
font-size: 23px;
font-weight: bold;
margin-bottom: 30px;
}
.page_hiteluzenet .articles ul.list1 {
list-style: none;
margin: 0;
padding: 0;
font-size: 12px;
float: left;
width: 440px;
}
.page_hiteluzenet .articles ul.list1 li {
margin-bottom: 15px;
}
.page_hiteluzenet .articles ul.list1 li a {
height: 100%;
overflow: hidden;
text-decoration: none;
display: block;
cursor: pointer;
}
.page_hiteluzenet .articles ul.list1 li.last a {
background-image: none;
}
.page_hiteluzenet .articles ul.list1 li a:hover {
position: relative;
}
.page_hiteluzenet .articles ul.list1 .imgbox {
float: left;
-moz-box-shadow: 0px 0px 2px #EBEBEB;
-webkit-box-shadow: 0px 0px 2px #EBEBEB;
box-shadow: 0px 0px 2px #EBEBEB;
border: 1px solid #BBE0F0;
margin-right: 19px;
position: relative;
}
.page_hiteluzenet .articles ul.list1 .imgbox .video {
background: url(../images/bg_videoicon.png) no-repeat;
display: block;
width: 30px;
height: 30px;
position: absolute;
left: 50%;
top: 50%;
margin: -15px 0 0 -15px;
}
.page_hiteluzenet .articles ul.list1 .imgbox img {
background-color: white;
border: 1px solid white;
display: block;
vertical-align: baseline;
}
.page_hiteluzenet .articlesul.list1 .txt {
float: left;
width: 230px;
}
.page_hiteluzenet .articles ul.list1 h4 {
font-size: 15px;
margin-top: 8px;
margin-bottom: 5px;
}
.page_hiteluzenet .articles ul.list1 a:hover h4 {
text-decoration: underline;
}
.page_hiteluzenet .articles ul.list1 p {
line-height: 1.3;
}
.page_hiteluzenet .articles ul.list1 img {
vertical-align: middle;
}
/*---------------------------------------------------*/
.page_arfolyamok {
width: 760px;
float: left;
}
.page_arfolyamok .pagetitle {
background: url(../images/bg_title_img1.png) no-repeat left center;
font-size: 38px;
padding: 5px 0 0 50px;
margin-bottom: 15px;
}
.page_arfolyamok p {
line-height: 1.3;
margin-bottom: 20px;
}
.page_arfolyamok h3 {
font-size: 20px;
margin-bottom: 15px;
}
.page_arfolyamok .date {
font-size: 20px;
display: block;
margin-bottom: 15px;
}
.page_arfolyamok ul.rate_list {
list-style: none;
margin: 0 0 20px 0;
padding: 0;
height: 100%;
overflow: hidden;
font-size: 21px;
}
.page_arfolyamok ul.rate_list li {
float: left;
width: 370px;
margin: 0 0 2px 0;
}
.page_arfolyamok ul.rate_list li a {
border: 1px solid white;
padding: 0 8px;
display: block;
text-decoration: none;
height: 50px;
line-height: 50px;
cursor: pointer;
}
.page_arfolyamok ul.rate_list li a:hover,
.page_arfolyamok ul.rate_list li a.active {
background-color: #E5F4FA;
border: 1px solid #B9DFF0;
}
.page_arfolyamok ul.rate_list li .flag {
background: no-repeat left center;
padding: 0 0 0 64px;
float: left;
}
.page_arfolyamok ul.rate_list li .flag.eu {
background-image: url(../images/flag_eu.png);
}
.page_arfolyamok ul.rate_list li .flag.us {
background-image: url(../images/flag_us.png);
}
.page_arfolyamok ul.rate_list li .flag.ch {
background-image: url(../images/flag_ch.png);
}
.page_arfolyamok ul.rate_list li .flag.uk {
background-image: url(../images/flag_uk.png);
}
.page_arfolyamok ul.rate_list li .value {
font-size: 24px;
font-weight: bold;
float: right;
}
/*---------------------------------------------------*/
.tema_text {
line-height: 1.5;
}
.tema_text h1 {
font-size: 29px;
margin-bottom: 10px;
}
.tema_text h2 {
font-size: 25px;
margin-bottom: 10px;
}
.tema_text h3 {
font-size: 20px;
margin-bottom: 10px;
}
.tema_text h4 {
font-size: 14px;
margin-bottom: 3px;
}
.tema_text .icons {
margin-bottom: 6px;
}
.tema_text .icons img {
margin-right: 5px;
border: 0;
padding: 0;
}
.tema_text table {
width: 100%;
}
.tema_text table td {
padding: 4px 4px;
}
.tema_text table td.td1 {
width: 200px;
}
.tema_text p {
margin-bottom: 15px;
}
.tema_text ul {
list-style: none;
margin: 0 0 10px 11px;
padding: 0;
}
.tema_text ul li {
background: url(../images/bg_li.png) no-repeat left 10px;
padding: 4px 0 4px 17px;
}
.tema_text ol {
margin: 0 0 10px 30px;
padding: 0;
}
.tema_text ol li {
padding: 4px 0 4px 0;
}
.tema_text img {
margin: 5px;
padding: 1px;
}
.tema_text img.withborder {
border: 1px solid #B9BBBB;
}
.tema_text img.f-left {
margin: 0 5px 5px 0;
}
.tema_text img.f-right {
margin: 0 0 5px 5px;
}
.tema_text .insert_concept,
.tema_text .insert_help {
display: none;
}
.tema_text .green-box {
background-color: #CCFFCC;
padding: 5px;
display: block;
}
.tema_text .red-box {
background-color: #ffb9b9;
padding: 5px;
display: block;
}
.tema_text .blue-box {
background-color: #8ec8ff;
padding: 5px;
display: block;
}
.page_tema .wpanel330 {
width: 330px;
float: left;
}
.page_tema .container_panel {
margin-bottom: 10px;
}
.page_tema .container_panel .header {
background: no-repeat left center;
font-size: 26px;
padding: 0;
border-bottom: 1px solid #E2E5E5;
font-weight: normal;
line-height: 1.3;
font-family: 'Cronos';
}
.page_tema .container_panel .header.ki {
background-image: url(../images/bg_tema_header_ki.png);
padding-left: 50px;
line-height: 52px;
}
.page_tema .container_panel .header.mi {
background-image: url(../images/bg_tema_header_mi.png);
padding-left: 50px;
line-height: 52px;
}
.page_tema .container_panel .header.mikor {
background-image: url(../images/bg_tema_header_mikor.png);
padding-left: 50px;
line-height: 52px;
}
.page_tema .container_panel .header.hol {
background-image: url(../images/bg_tema_header_hol.png);
padding-left: 50px;
line-height: 52px;
}
.page_tema .container_panel .header.hogyan {
background-image: url(../images/bg_tema_header_hogyan.png);
padding-left: 50px;
line-height: 52px;
}
.page_tema .container_panel .header.miert {
background-image: url(../images/bg_tema_header_miert.png);
padding-left: 50px;
line-height: 52px;
}
.page_tema .container_panel .header.mennyi {
background-image: url(../images/bg_tema_header_mennyi.png);
padding-left: 50px;
line-height: 52px;
}
.page_tema ul.list1 {
list-style: none;
margin: 0;
padding: 0;
font-size: 12px;
}
.page_tema ul.list1 li a {
background: url(../images/bg_listsep3.png) repeat-x center bottom;
padding: 15px 5px;
height: 100%;
overflow: hidden;
border-top: 1px solid white;
border-bottom: 1px solid white;
text-decoration: none;
display: block;
cursor: pointer;
}
.page_tema ul.list1 li.last a {
background-image: none;
}
.page_tema ul.list1 li a:hover {
background-image: none;
background-color: #FDF8E3;
border-top: 1px solid #F7E59C;
border-bottom: 1px solid #F7E59C;
position: relative;
top: -2px;
padding-top: 17px;
padding-bottom: 13px;
}
.page_tema ul.list1 .imgbox {
float: left;
-moz-box-shadow: 0px 0px 2px #EBEBEB;
-webkit-box-shadow: 0px 0px 2px #EBEBEB;
box-shadow: 0px 0px 2px #EBEBEB;
border: 1px solid #D7D7D7;
margin-right: 19px;
position: relative;
}
.page_tema ul.list1 .imgbox .video {
background: url(../images/bg_videoicon.png) no-repeat;
display: block;
width: 30px;
height: 30px;
position: absolute;
left: 50%;
top: 50%;
margin: -15px 0 0 -15px;
}
.page_tema ul.list1 .imgbox img {
background-color: white;
border: 1px solid white;
display: block;
vertical-align: baseline;
}
.page_tema ul.list1 .txt {
float: left;
width: 230px;
}
.page_tema ul.list1 h4 {
font-size: 15px;
margin-bottom: 5px;
}
.page_tema ul.list1 a:hover h4 {
text-decoration: underline;
}
.page_tema ul.list1 p {
line-height: 1.3;
}
.page_tema ul.list1 img {
vertical-align: middle;
}
#article_container .helpcontainer {
width: 160px;
float: right;
border-left: 1px solid #B9BBBB;
position: relative;
}
#article_container .helppanel {
padding: 5px 5px 15px 5px;
margin-left: 2px;
font-size: 11px;
line-height: 1.3;
}
#article_container .helppanel img {
border: 1px solid #B9BBBB;
padding: 1px;
}
#article_container .helpcontainer .m {
background-color: fuchsia;
position: absolute;
right: -80px;
}
/*---------------------------------------------------*/
.page_temak_mainlist .header {
color: black;
font-size: 34px;
margin-bottom: 10px;
font-family: 'Cronos';
}
.page_temak_mainlist .lead {
font-size: 17px;
color: black;
width: 525px;
line-height: 1.3;
margin-bottom: 30px;
font-family: 'Cronos';
}
.page_temak_mainlist .top_section {
position: relative;
}
.page_temak_mainlist .top_section .banner_panel {
position: absolute;
right: 0px;
top: 5px;
}
ul.temakmenu {
list-style: none;
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
}
/* level1 */
ul.temakmenu li {
margin-top: -1px;
}
ul.temakmenu .closed {
display: none;
}
ul.temakmenu a {
background: #DDF2FB repeat-x top;
text-decoration: none;
display: block;
color: black;
border: 1px solid #CCCCCC;
padding: 9px 10px;
position: relative;
z-index: 1;
line-height: 1.2;
}
ul.temakmenu a:hover {
border-color: black;
z-index: 4;
}
ul.temakmenu li.type2 {
background: url(../images/bg_logosmall.png) no-repeat left 1px;
color: black;
padding: 10px 10px 10px 30px;
margin-top: 5px;
}
ul.temakmenu li.type2 a {
background-color: transparent;
}
ul.temakmenu li.type3 a {
background-color: #EAF7CC;
}
ul.temakmenu li.type4 a {
background-color: #FFF6D1;
}
ul.temakmenu a.active {
background-image: url(../images/bg_temakmenu_active.png);
z-index: 3;
}
ul.temakmenu li.type3 a.active {
background-position: center;
}
ul.temakmenu li.type4 a.active {
background-position: bottom;
}
/* level2 */
ul.temakmenu ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.temakmenu ul li a {
background-color: #F8F8F8 !important;
font-weight: normal;
padding: 8px 10px;
font-size: 13px;
}
ul.temakmenu ul li a.active {
background-image: none;
font-weight: bold;
}
.page_temak_mainlist .listheader {
font-size: 18px;
margin-bottom: 20px;
}
.page_temak_mainlist h3 {
font-size: 14px;
margin-bottom: 10px;
}
.page_temak_mainlist h3 em {
font-style: normal;
font-weight: normal;
}
/*---------------------------------------------------*/
.page_keresesitalalat {
min-height: 400px;
}
.page_keresesitalalat .pagetitle {
background: url(../images/bg_title_img1.png) no-repeat left center;
font-size: 38px;
padding: 5px 0 0 50px;
margin-bottom: 15px;
}
.page_keresesitalalat p {
line-height: 1.3;
margin-bottom: 20px;
}
.page_keresesitalalat .searchform {
width: 600px;
margin: 30px auto;
overflow: hidden;
height: 100%;
}
.page_keresesitalalat .searchform .inputwrapper {
background: url(../images/bg_input6.png) no-repeat;
width: 463px;
height: 56px;
float: left;
margin-right: 5px;
}
.page_keresesitalalat .searchform .inputwrapper input {
background: transparent;
border: none;
font-size: 24px;
width: 443px;
margin: 13px 0 0 10px;
outline: none;
font-weight: bold;
}
.page_keresesitalalat .searchform .inputwrapper input.helptext {
color: #dcdcdc;
}
.page_keresesitalalat .searchform a.kereses {
background: url(../images/btn_kereses2.png) no-repeat top;
width: 132px;
height: 52px;
text-indent: -10000px;
float: left;
margin-top: 2px;
}
.page_keresesitalalat .searchform a.kereses:hover {
background-position: bottom;
}
.page_keresesitalalat h3 {
font-size: 22px;
padding-bottom: 16px;
border-bottom: 1px solid #D5D7D7;
font-family: 'Cronos';
}
.page_keresesitalalat .result_number {
padding: 18px 0;
display: block;
}
.page_keresesitalalat ul.results {
list-style: none;
margin: 0 0 6px 0;
padding: 0;
}
.page_keresesitalalat ul.results li {
padding: 20px 0;
border-top: 1px solid #D5D7D7;
}
.page_keresesitalalat ul.results h4 {
font-size: 14px;
margin-bottom: 3px;
}
.page_keresesitalalat ul.results h4 a {
text-decoration: underline;
}
.page_keresesitalalat ul.results p {
line-height: 1.3;
margin-bottom: 0;
}
/*---------------------------------------------------*/
.page_faq {
}
.page_faq .tabset2 ul.tabs a {
color: #313745;
}
/* active */
.page_faq .tabset2 ul.tabs a.active,
.page_faq .tabset2 ul.tabs a.active:hover {
color: #415546;
font-weight: bold;
}
.page_faq p {
margin-bottom: 20px;
}
.page_faq .pagetitle {
font-size: 38px;
margin-bottom: 15px;
}
.page_faq ul.items {
background: white;
list-style: none;
margin: 0;
padding: 5px 15px;
border: 1px solid #D5D7D7;
}
.page_faq ul.items h2 {
background: url(../images/icon_question.svg) no-repeat left center;
font-size: 14px;
border-bottom: 1px solid #D5D7D7;
margin-bottom: 8px;
}
.page_faq ul.items h2 a {
text-decoration: none;
display: block;
cursor: pointer;
padding: 17px 0 17px 40px;
height: 100%;
overflow: hidden;
}
.page_faq ul.items h2 span {
float: left;
}
.page_faq ul.items h2 span.handle {
position: relative;
padding: 0 25px 0 0;
float: right;
}
.page_faq ul.items h2 span.handle:after {
background: url(../images/chevron-down-green.svg) no-repeat right center;
content: '';
display: inline-block;
height: 30px;
position: absolute;
right: -3px;
top: -7px;
width: 30px;
}
.page_faq ul.items h2 span.handle.up:after {
transform: rotate(180deg);
}
.page_faq ul.items p {
}
.page_faq ul.items div.content {
display: none;
line-height: 1.3;
padding: 0 0 0 40px;
}
.page_faq ul.items div.content a {
color: #d35630!important;
}
.page_faq ul.items ul {
list-style: none;
margin: 10px 0 10px 0;
padding: 0;
line-height: 1.2;
}
.page_faq ul.items ul li {
background: url(../images/bg_li.png) no-repeat left 8px;
padding: 3px 0 3px 17px;
margin-bottom: 0;
}
/*---------------------------------------------------*/
.page_reg {
}
.page_reg .pagetitle {
font-size: 38px;
margin-bottom: 15px;
}
.page_reg p {
line-height: 1.3;
margin-bottom: 20px;
font-size: 14px;
}
.page_reg .btn_regisztracio2 {
background-color: #415546;
border-radius: 20px;
color: #fff;
display: inline-block;
font-size: 18px;
height: 40px;
line-height: 40px;
margin: 0 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 200px;
}
.page_reg .btn_regisztracio2:hover {
background-color: #17281c;
}
/*---------------------------------------------------*/
#accountpanel form {
width: 714px;
margin: -50px auto 0 auto;
padding: 70px 70px 0 90px;
min-height: 505px;
}
.page_login {
margin: 0 auto;
width: 1000px;
}
.page_login.formpanel .field {
border-color: transparent;
}
/*error*/
html > body .page_login.formpanel .field.error {
background: url(../images/bg_form_error.png) repeat;
}
.page_login.formpanel .field .lft,
#accountpanel .field .lft {
width: 162px;
text-align: right;
}
.page_login.formpanel .btn_container,
#accountpanel .btn_container {
width: 605px;
padding-left: 0;
}
.page_login.formpanel .field .lft {
padding-top: 9px;
}
.page_login.formpanel .field .rght {
width: 406px;
}
.page_login.formpanel .inputwrapper input {
box-sizing: border-box;
padding: 0 0 0 10px;
width: 100%;
}
.page_login.formpanel .btn_container a {
float: right;
margin-left: 10px;
}
.page_login.formpanel .btn_belepes,
.page_login.formpanel .btn_regisztracio,
.page_login.formpanel .btn_elfelejtettjelszo,
.page_login.formpanel .btn_regisztracio2 {
background-color: #415546;
border-radius: 20px;
color: #fff;
display: inline-block;
font-size: 18px;
height: 40px;
line-height: 40px;
margin: 0 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 140px;
}
.page_login.formpanel .btn_belepes:hover,
.page_login.formpanel .btn_regisztracio2:hover {
background-color: #17281c;
}
.page_login.formpanel .btn_regisztracio,
.page_login.formpanel .btn_elfelejtettjelszo {
background-color: #d35630;
font-size: 14px;
padding: 0 20px;
width: auto;
}
.page_login.formpanel .btn_regisztracio:hover,
.page_login.formpanel .btn_elfelejtettjelszo:hover {
background-color: #a43817;
}
/*---------------------------------------------------*/
.page_hitelosszehasonlito {
}
.page_hitelosszehasonlito .pagetitle {
background: url(../images/bg_title_img1.png) no-repeat left top;
font-size: 38px;
padding: 5px 0 26px 50px;
margin-bottom: 15px;
border-bottom: 1px solid #D5D7D7;
}
.page_hitelosszehasonlito h3.pagetitle {
background: 0;
font-size: 27px;
padding: 0;
border: 0;
margin-bottom: 10px;
}
.page_hitelosszehasonlito ul.mlist {
list-style: none;
margin: 0 0 15px 0;
padding: 17px 0 18px 0;
overflow: auto;
width: 100%;
border-bottom: 1px solid #D5D7D7;
}
.page_hitelosszehasonlito ul.mlist li {
float: left;
width: 460px;
margin: 0 0 1px 0;
}
.page_hitelosszehasonlito ul.mlist li.lastcolumn {
float: right;
}
.page_hitelosszehasonlito ul.mlist a {
background: no-repeat 4px 8px;
display: block;
height: 39px;
font-size: 19px;
font-weight: bold;
text-decoration: none;
line-height: 39px;
padding: 8px 8px 8px 53px;
border: 1px solid white;
font-family: 'Cronos';
}
.page_hitelosszehasonlito ul.mlist a:hover,
.page_hitelosszehasonlito ul.mlist a.active {
background-position: 4px -253px;
background-color: #FDFDD9;
border-color: #FFE9B6;
}
.page_hitelosszehasonlito ul.mlist a.ingatlanvasarlas {
background-image: url(../images/bg_mlist2_ingatlanvasarlas.png);
}
.page_hitelosszehasonlito ul.mlist a.ingatlanepites {
background-image: url(../images/bg_mlist2_ingatlanepites.png);
}
.page_hitelosszehasonlito ul.mlist a.ingatlanfelujitas {
background-image: url(../images/bg_mlist2_ingatlanfelujitas.png);
}
.page_hitelosszehasonlito ul.mlist a.kivaltas {
background-image: url(../images/bg_mlist2_kivaltas.png);
}
.page_hitelosszehasonlito ul.mlist a.szabad_felhasznalas {
background-image: url(../images/bg_mlist2_szabad_felhasznalas.png);
}
.page_hitelosszehasonlito ul.mlist a.vegrehajtas_kivaltas {
background-image: url(../images/bg_mlist2_vegrehajtas_kivaltas.png);
}
.page_hitelosszehasonlito .inputwrapper {
background: url(../images/bg_input8.png) no-repeat;
width: 251px;
height: 46px;
line-height: 1;
float: left;
}
.page_hitelosszehasonlito .inputwrapper input {
background: transparent;
border: none;
font-size: 28px;
width: 235px;
height: 30px;
line-height: 30px;
margin: 9px 0 0 10px;
outline: none;
font-weight: bold;
padding: 0;
text-align: center;
}
.page_hitelosszehasonlito .cur {
font-size: 28px;
font-weight: bold;
float: left;
display: block;
margin: 7px 0 0 5px;
font-family: 'Cronos';
}
.page_hitelosszehasonlito .btn_container {
padding-right: 0;
}
/*---------------------------------------------------*/
.page_kalkulator.page_hitelkartya_fooldal .form_container {
margin: -20px 0 0;
}
/*---------------------------------------------------*/
.page_enbankraciom .tabcontent {
padding: 30px 20px;
}
.page_enbankraciom table.datatable {
width: 100%;
font-size: 16px;
}
.page_enbankraciom table.datatable td {
padding: 10px 0;
}
.page_enbankraciom table.datatable td.td1 {
font-weight: bold;
width: 210px;
}
.page_enbankraciom .btn_container {
padding: 15px 0 0 0 !important;
text-align: left;
height: auto !important;
width: 100%;
}
.page_enbankraciom .btn_container a.btn_adatokmodositasa {
background-color: #415546;
border-radius: 20px;
color: #fff;
display: inline-block;
font-size: 18px;
height: 40px;
line-height: 40px;
padding: 0 20px;
text-decoration: none;
text-transform: uppercase;
}
.page_enbankraciom .btn_container a.btn_adatokmodositasa:hover {
background-color: #17281c;
text-decoration: none;
}
.page_enbankraciom .formpanel .field {
height: auto;
width: 876px;
}
.page_enbankraciom .formpanel .field .lft {
width: 180px;
}
.page_enbankraciom .btn_container a.btn_modositaselkuldese {
background-color: #415546;
border-radius: 20px;
color: #fff;
display: inline-block;
font-size: 18px;
height: 40px;
line-height: 40px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 214px;
}
.page_enbankraciom .btn_container a.btn_modositaselkuldese:hover {
background-color: #17281c;
}
.page_enbankraciom .formpanel .formmsg {
padding-top: 23px;
}
/*---------------------------------------------------*/
.page_contactform {
background: url(../images/bg_premium_c.png) repeat-y;
padding: 0;
}
.page_contactform .header {
background: url(../images/bg_premium_t1.png) no-repeat;
height: 95px;
line-height: 90px;
color: white;
padding: 0 20px 0 80px;
margin-bottom: 2px;
}
.page_contactform .page_contactform_b {
background: url(../images/bg_premium_b.png) no-repeat bottom;
padding: 0 1px 50px 1px;
}
.page_contactform .header h2 {
font-size: 40px;
}
.page_contactform h4 {
font-size: 24px;
margin-bottom: 10px;
}
.page_contactform .lead {
background-color: #F7F6F2;
font: italic 16px/1.7 Georgia;
color: #323232;
padding: 33px 25px;
margin-bottom: 0;
}
.page_contactform.formpanel .field .lft {
width: 340px;
}
.page_contactform .confirmtext {
padding: 10px;
font-size: 11px;
height: 140px;
overflow-y: scroll;
border: 1px solid #D5D7D7;
margin-bottom: 20px;
}
.page_contactform .pdiv {
padding: 10px 15px;
}
.page_contactform .confirmbox {
padding: 0 15px 18px 0;
height: 100%;
overflow: hidden;
}
.page_contactform .confirmbox .check {
float: left;
}
.page_premium.formpanel .header {
background-image: url(../images/bg_premium_t.png);
color: black;
}
.page_premium.formpanel .optionlink {
background: url(../images/bg_optionlink_premium.png) repeat-x top;
}
.page_premium.formpanel .optionlink.active {
background: url(../images/bg_optionlink_premium.png) repeat-x bottom !important;
color: white;
}
.page_premium.formpanel .btn_tovabb {
background: url(../images/btn_tovabb6.png) no-repeat top;
width: 105px;
height: 41px;
display: inline-block;
text-indent: -10000px;
vertical-align: middle;
}
.page_premium.formpanel .btn_tovabb:hover {
background-position: bottom;
}
.page_kalkulator.page_cegeknek_fooldal .form_container {
margin: -20px 0 0;
}
.page_ceges.formpanel .header {
background-image: url(../images/bg_ceges_t.png);
}
.page_ceges.formpanel .optionlink.active {
background: #99a3a8 !important;
}
.page_ceges.formpanel .btn_tovabb {
background: url(../images/btn_tovabb7.png) no-repeat top;
width: 105px;
height: 41px;
display: inline-block;
text-indent: -10000px;
vertical-align: middle;
}
.page_ceges.formpanel .btn_tovabb:hover {
background-position: bottom;
}
.page_ceges.formpanel .lead {
padding: 20px 25px;
font-style: normal;
}
.page_ceges.formpanel .lead p {
margin: 0 0 10px 0;
}
.page_ceges.formpanel .cimg {
float: left;
margin: 0 15px 10px 0;
}
/*---------------------------------------------------*/
.banner160 {
width: 160px;
float: right;
padding-top: 10px;
}
.banner160 img {
display: block;
}
/*---------------------------------------------------*/
.formpanel .pagetitle {
font-size: 38px;
margin-bottom: 15px;
}
.formpanel p {
line-height: 1.3;
margin-bottom: 20px;
}
.formpanel .spacer {
border-top: 1px solid #D5D7D7;
height: 1px;
font-size: 0px;
margin: 5px 0;
}
.formpanel .field {
padding: 10px 15px;
height: 100%;
overflow: hidden;
border: 1px solid white;
margin-bottom: 5px;
}
/*error*/
.formpanel .field.error {
border-color: #ae230c;
}
.formpanel .field .lft {
font-size: 16px;
font-weight: bold;
width: 310px;
float: left;
padding-top: 12px;
margin-right: 10px;
}
.formpanel .field .lft.pt5 {
padding-top: 5px;
}
.formpanel .field .infotext {
font-size: 12px;
font-weight: normal;
display: block;
margin-top: 5px;
line-height: 1.2;
color: #777777;
}
.formpanel .field .rght {
width: 425px;
float: left;
height: 100%;
overflow: hidden;
}
.formpanel .field .msg {
display: none;
color: #db0000;
font-weight: bold;
font-size: 12px;
margin: 9px 0 0 4px;
}
.formpanel .field.error .msg {
display: block;
}
.formpanel .field .col {
font-size: 20px;
float: left;
padding-top: 14px;
margin-right: 5px;
}
.formpanel .field .col.pt0 {
padding-top: 0;
}
.formpanel .field .status {
float: right;
padding-top: 8px;
}
.formpanel .field .status .ico {
background: no-repeat;
display: block;
width: 30px;
height: 30px;
text-indent: -10000px;
}
.formpanel .field .status .ico.ok {
background-image: url(../images/icon_check.svg);
}
.formpanel .field .status .ico.error {
background-image: url(../images/form_error.png);
}
.formpanel .inputwrapper {
background-color: #fff;
border: 1px solid #dce0d7;
border-radius: 2px;
height: 100%;
overflow: hidden;
}
.formpanel .inputwrapper div {
background: url(../images/bg_dinamic_input.png) no-repeat left;
width: 10px;
height: 46px;
float: left;
}
.formpanel .inputwrapper div.r {
background-position: right;
}
.formpanel .inputwrapper div.c {
background: url(../images/bg_dinamic_input.png) no-repeat center;
display: block;
width: auto;
float: left;
margin: 0;
}
.formpanel .inputwrapper input {
border: 0;
padding: 0 10px;
width: 400px;
height: 35px;
line-height: 35px;
font-size: 18px;
outline: none;
}
.formpanel .inputwrapper input:focus {
border: 1px solid #609224;
box-shadow: 0 0 2px 0 #609224;
}
.formpanel select {
font-size: 20px;
outline: none;
padding: 6px 2px;
margin-top: 2px;
}
.formpanel .ui-selectmenu {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0px 0px 4px #e0e0e0;
-webkit-box-shadow: 0px 0px 4px #e0e0e0;
box-shadow: 0px 0px 4px #e0e0e0;
padding: 4px 0;
margin-top: 2px;
}
.formpanel .optionlink {
background-color: white;
border: 1px solid #E0E3E3;
font-size: 15px;
color: black;
font-weight: bold;
text-decoration: none;
display: inline-block;
height: 38px;
line-height: 38px;
padding: 0 8px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.formpanel .optionlink.active {
background: #4CB5E3 url(../images/bg_optionlink.png) repeat-x;
color: white;
}
.formpanel .btn_container {
padding: 5px 0 0 0;
text-align: left;
padding-left: 335px;
height: 100%;
overflow: hidden;
}
.formpanel .btn_container .msg {
font-size: 12px;
font-weight: bold;
color: #db0000;
float: left;
margin: 17px 0 0 10px;
white-space: nowrap;
}
.formpanel .btn_elkuld {
background-color: #415546;
border-radius: 20px;
color: #fff;
display: inline-block;
font-size: 18px;
height: 40px;
line-height: 40px;
margin: 0 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 131px;
}
.formpanel .btn_elkuld:hover {
background-color: #17281c;
}
.formpanel .formmsg {
font-weight: bold;
vertical-align: middle;
margin-left: 10px;
}
/*---------------------------------------------------*/
.formpanel3 .field {
padding: 2px 0;
height: 100%;
overflow: hidden;
margin-bottom: 5px;
}
.formpanel3 .field .lft {
font-size: 12px;
font-weight: bold;
width: 220px;
float: left;
padding-top: 20px;
margin-right: 10px;
}
.formpanel3 .field .lft.pt9 {
padding-top: 9px;
}
.formpanel3 .field .lft.pt4 {
padding-top: 4px;
}
.formpanel3 .field .lft.pt20 {
padding-top: 20px;
}
.formpanel3 .field .infotext {
font-weight: normal;
display: block;
margin-top: 5px;
line-height: 1.2;
}
.formpanel3 .field .rght {
width: 360px;
float: left;
height: 100%;
overflow: hidden;
}
.formpanel3 .field .msg {
display: none;
color: #db0000;
font-weight: bold;
font-size: 12px;
margin: 6px 0 0 4px;
padding-bottom: 2px;
}
.formpanel3 .field.error .msg {
display: block;
}
.formpanel3 .field .col {
font-size: 20px;
float: left;
padding-top: 14px;
margin-right: 5px;
}
.formpanel3 .field .col.pt0 {
padding-top: 0;
}
.formpanel3 .field .status {
float: left;
padding: 8px 0 0 5px;
}
.formpanel3 .field .status .ico {
background: no-repeat;
display: block;
width: 30px;
height: 30px;
text-indent: -10000px;
}
.formpanel3 .field .status .ico.ok {
background-image: url(../images/icon_check.svg);
}
.formpanel3 .field .status .ico.error {
background-image: url(../images/form_error.png);
}
.formpanel3 .inputwrapper {
background: url(../images/bg_dinamic_input2.png) no-repeat left top;
padding-left: 10px;
}
.formpanel3 .inputwrapper div {
background: url(../images/bg_dinamic_input2.png) no-repeat right -47px;
padding-right: 10px;
height: 47px;
}
.formpanel3 .inputwrapper input {
background: none;
border: 0;
padding: 0;
margin: 12px 0 0 0;
width: 335px;
font-size: 22px;
font-weight: bold;
outline: none;
}
.formpanel3 .field.error .inputwrapper {
background-position: left -94px !important;
}
.formpanel3 .field.error .inputwrapper div {
background-position: right -141px !important;
}
.formpanel3 .field.active .inputwrapper {
background-position: left -188px;;
}
.formpanel3 .field.active .inputwrapper div {
background-position: right -235px;
}
.formpanel3 select {
font-size: 20px;
outline: none;
padding: 6px 2px;
margin-top: 2px;
width: 357px;
}
.formpanel3 .ui-selectmenu {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0px 0px 4px #e0e0e0;
-webkit-box-shadow: 0px 0px 4px #e0e0e0;
box-shadow: 0px 0px 4px #e0e0e0;
padding: 4px 0;
margin-top: 2px;
}
.formpanel3 textarea {
border: 1px solid #DEDEDE;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.16);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-left: 2px;
width: 343px;
padding: 5px;
}
.formpanel3 .field.active textarea {
border-color: #FCF881;
}
.formpanel3 .field.error textarea {
background-color: #FFFAFA;
border-color: #F44E4E;
}
.formpanel3 .optionlink {
background-color: white;
border: 1px solid #E0E3E3;
font-size: 15px;
color: black;
font-weight: bold;
text-decoration: none;
display: inline-block;
height: 38px;
line-height: 38px;
padding: 0 8px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
vertical-align: middle;
}
.formpanel3 .optionlink.active {
background: #4CB5E3 url(../images/bg_optionlink.png) repeat-x;
color: white;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
}
.formpanel3 .optionlink.multiline {
line-height: 1.1;
padding-top: 3px;
height: 35px;
}
.formpanel3 .optionlink2 {
background-color: white;
border: 1px solid #9c9c9c;
color: #9c9c9c;
font-size: 13px;
font-weight: bold;
text-decoration: none !important;
display: inline-block;
height: 22px;
line-height: 22px;
padding: 0 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.06);
}
.formpanel3 .optionlink2.active {
background-color: #d35630;
border: 1px solid #d35630;
border-radius: 2px;
color: #fff;
}
.formpanel3 .rules {
background: url(../images/bg_rules.png) repeat-x bottom;
border: 1px solid #DDDDDD;
padding: 19px;
font-size: 12px;
margin-top: 20px;
margin-bottom: 20px;
}
.formpanel3 .rules p {
font-weight: bold;
line-height: 1.3;
}
.formpanel3 .rules .text {
background-color: white;
margin-top: 19px;
border: 1px solid #DDDDDD;
max-height: 92px;
overflow-y: scroll;
padding: 5px;
}
.formpanel3 .rules .text p {
font-weight: normal;
margin: 0 0 10px 0;
}
.formpanel3 .acceptpanel {
margin: 10px 0;
}
.formpanel3 a.checkboxlink {
background: url(../images/bg_checkboxlink2.png) no-repeat;
text-decoration: none;
display: inline-block;
height: 24px;
line-height: 24px;
padding: 0 0 0 33px;
margin-bottom: 10px;
font-size: 12px;
color: black !important;
}
.formpanel3 a.checkboxlink.active {
background-image: url(../images/bg_checkboxlink2_active.png);
}
.formpanel3 .btn_container {
padding: 15px 0 0 0;
text-align: left;
height: 100%;
overflow: hidden;
}
.formpanel3 .btn_container .msg {
font-size: 12px;
font-weight: bold;
color: #db0000;
float: left;
margin: 17px 0 0 10px;
white-space: nowrap;
}
.formpanel3 .btn_elkuld {
background: url(../images/btn_elkuld.png) no-repeat top;
width: 131px;
height: 43px;
display: block;
text-indent: -10000px;
float: left;
}
.formpanel3 .btn_elkuld:hover {
background-position: bottom;
}
.formpanel3 .formmsg {
font-weight: bold;
vertical-align: middle;
margin-left: 10px;
}
.formpanel3 .sidebox {
border: 1px solid #DDDDDD;
margin-top: 4px;
padding: 15px 15px 5px 15px;
font-size: 12px;
line-height: 1.3;
box-shadow: inset 0 0px 20px rgba(0, 0, 0, 0.06);
}
.formpanel3 .sidebox .header {
font-size: 18px;
}
.formpanel3 .sidebox p {
margin: 10px 0;
line-height: 1.6;
}
/*---------------------------------------------------*/
.formpanel4 {
font-size: 12px;
}
.formpanel4 .field {
margin: 10px 0;
}
.formpanel4 .label {
font-size: 18px;
float: left;
width: 290px;
padding: 7px 5px 0 0;
}
.formpanel4 .col {
float: left;
}
.formpanel4 .field .msg {
display: none;
color: #db0000;
font-weight: bold;
font-size: 12px;
margin: 6px 0 0 0;
padding-bottom: 2px;
}
.formpanel4 .field.error .msg {
display: block;
}
.formpanel4 .txtinput {
width: 287px;
border: 1px solid #dce0d7;
height: 32px;
line-height: 32px;
padding: 0 5px;
border-radius: 2px;
vertical-align: middle;
outline: none;
}
.formpanel4 .txtinput:focus {
border: 1px solid #609224;
box-shadow: 0 0 2px 0 #609224;
outline: none;
}
.formpanel4 a.checkboxlink {
background: url(../images/bg_checkboxlink2.png) no-repeat;
text-decoration: none;
display: inline-block;
height: 24px;
line-height: 24px;
padding: 0 0 0 33px;
margin-bottom: 10px;
font-size: 12px;
color: black !important;
}
.formpanel4 a.checkboxlink.active {
background-image: url(../images/bg_checkboxlink2_active.png);
}
.formpanel4 .rules {
background: url(../images/bg_rules.png) repeat-x bottom;
border: 1px solid #DDDDDD;
padding: 19px;
font-size: 12px;
margin-top: 20px;
margin-bottom: 20px;
}
.formpanel4 .rules p {
font-weight: bold;
line-height: 1.3;
font-size: 12px;
}
.formpanel4 .rules .text {
background-color: white;
margin-top: 19px;
border: 1px solid #DDDDDD;
max-height: 92px;
overflow-y: scroll;
padding: 5px;
}
.formpanel4 .rules .text p {
font-weight: normal;
margin: 0 0 10px 0;
}
/*---------------------------------------------------*/
.formpanel5 {
font-size: 12px;
}
.formpanel5 .field {
margin: 10px 0;
}
.formpanel5 .label {
font-size: 12px;
color: black;
font-weight: bold;
float: left;
width: 160px;
padding: 10px 5px 0 0;
line-height: 1.2;
}
.formpanel5 .label.nofloat {
float: none;
margin-bottom: 3px;
padding: 0;
width: auto;
}
.formpanel5 .col {
float: left;
}
.formpanel5 .field .msg {
display: none;
color: #db0000;
font-weight: bold;
font-size: 12px;
margin: 6px 0 0 0;
padding-bottom: 2px;
}
.formpanel5 .field.error .msg {
display: block;
}
.formpanel5 .txtinput {
width: 225px;
border: 1px solid #C3C3C3;
height: 28px;
line-height: 28px;
padding: 0 5px;
box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2) inset;
vertical-align: middle;
}
.formpanel5 textarea {
width: 225px;
border: 1px solid #C3C3C3;
padding: 5px;
box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2) inset;
vertical-align: middle;
}
.formpanel5 select {
border: 1px solid #C3C3C3;
outline: none;
font-size: 12px;
font-weight: bold;
padding: 4px;
box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2) inset;
width: 238px;
}
.formpanel5 a.checkboxlink {
background: url(../images/bg_checkboxlink2.png) no-repeat;
text-decoration: none;
display: block;
height: 24px;
line-height: 24px;
padding: 0 0 0 33px;
margin-bottom: 10px;
font-size: 12px;
color: black !important;
}
.formpanel5 a.checkboxlink.active {
background-image: url(../images/bg_checkboxlink2_active.png);
}
/*---------------------------------------------------*/
.formctrl .optionlink3 {
background: #FAFAFA repeat-x;
border: 1px solid #CCC9C3;
font-size: 13px;
color: black !important;
text-decoration: none !important;
display: inline-block;
height: 20px;
line-height: 21px;
padding: 0 20px;
margin: 0 2px;
border-radius: 3px;
text-align: center;
}
.formctrl .optionlink3.active {
background-color: #4CB5E3;
border-color: transparent;
color: white !important;
}
.formctrl .optionlink3.darkblue.active {
background-color: #3580ac;
}
.formctrl .optionlink3.red.active {
background-color: #E24949;
}
.formctrl .optionlink3.orange.active {
background-color: #EB7F00;
}
.formctrl .optionlink3.green.active {
background-color: #26735B;
}
.formctrl .optionlink4 {
background: #FDFDFD url(../images/bg_optionlink4.png) repeat-x;
border: 1px solid #CDCDCD;
font-size: 15px;
font-weight: bold;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
color: #343434 !important;
text-decoration: none !important;
display: inline-block;
height: 30px;
line-height: 30px;
padding: 0 10px;
margin: 0 3px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-align: center;
}
.formctrl .optionlink4:hover {
background: #FCFCFC;
}
.formctrl .optionlink4.activehover:hover {
background-image: none !important;
}
.formctrl .optionlink4.active {
background-image: none;
background-color: #4CB5E3;
border-color: transparent;
color: white !important;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
}
.formctrl .optionlink4.orange.active {
background-image: url(../images/bg_optionlink4_orange.png);
border-color: #E0861F;
}
.formctrl .optionlink4.orange.activehover.active:hover {
background-color: #ED9702;
}
.formctrl .optionlink5 {
border: 1px solid #9c9c9c;
font-size: 12px;
color: #9c9c9c;
text-decoration: none !important;
display: inline-block;
vertical-align: middle;
height: 32px;
line-height: 34px;
padding: 0 10px;
margin: 0 9px 0 0;
border-radius: 2px;
text-align: center;
}
.formctrl .optionlink5.active {
background-color: #d35630;
border: 1px solid #d35630;
color: #fff;
box-shadow: none;
}
.field_confirm_link {
color: #d35630;
}
.formctrl .optionlink6 {
background: #FDFDFD repeat-x;
background-image: linear-gradient(top, #FDFDFD 0%, #CBCBCB 100%);
background-image: -o-linear-gradient(top, #FDFDFD 0%, #CBCBCB 100%);
background-image: -moz-linear-gradient(top, #FDFDFD 0%, #CBCBCB 100%);
background-image: -webkit-linear-gradient(top, #FDFDFD 0%, #CBCBCB 100%);
background-image: -ms-linear-gradient(top, #FDFDFD 0%, #CBCBCB 100%);
border: 1px solid #777777;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
color: black;
text-decoration: none !important;
display: inline-block;
vertical-align: middle;
height: 28px;
line-height: 28px;
padding: 0 10px;
margin: 0 3px 0 0;
border-radius: 2px;
text-align: center;
}
.formctrl .optionlink6:hover {
background-color: #CBCBCB;
background-position: 0 -28px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.formctrl .optionlink6:active {
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.formctrl .optionlink6.active {
background-color: #3395C9;
background-image: linear-gradient(top, #3395C9 0%, #3395C9 100%);
background-image: -o-linear-gradient(top, #3395C9 0%, #3395C9 100%);
background-image: -moz-linear-gradient(top, #3395C9 0%, #3395C9 100%);
background-image: -webkit-linear-gradient(top, #3395C9 0%, #3395C9 100%);
background-image: -ms-linear-gradient(top, #3395C9 0%, #3395C9 100%);
border-color: #176CAF;
color: white;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
}
.formctrl .optionlink6.block {
display: block;
margin-bottom: 3px;
}
.formctrl a.checkboxlink {
background: url(../images/bg_checkboxlink5.png) no-repeat;
text-decoration: none;
display: inline-block;
vertical-align: middle;
height: 22px;
line-height: 22px;
padding: 0 0 0 33px;
margin-bottom: 10px;
font-size: 12px;
color: black !important;
}
.formctrl a.checkboxlink.active {
background-image: url(../images/bg_checkboxlink5_active.png) !important;
}
.formctrl .field.error a.checkboxlink {
background-image: url(../images/bg_checkboxlink5_error.png);
}
/*---------------------------------------------------*/
.linked_articles {
margin-top: 20px;
padding-top: 10px;
clear: both;
}
.linked_articles h4 {
background: no-repeat left center;
font-size: 17px;
margin-bottom: 10px;
padding: 0 0 0 30px;
line-height: 21px;
font-family: 'Cronos';
}
.linked_articles .fogalmak h4 {
background-image: url(../images/bg_kapcsolodefogalmak.png);
}
.linked_articles .cikkek h4 {
background-image: url(../images/bg_kapcsolodicikkek.png);
}
.linked_articles ul {
list-style: none;
margin: 0 0 20px 0 !important;
padding: 0 0 0 30px !important;
font-size: 12px;
font-weight: bold;
}
.linked_articles ul li {
background: none !important;
padding: 0 !important;
}
.linked_articles ul li.last a {
border: 1px solid white;
}
.linked_articles ul a {
background: url(../images/ico_bulb.png) no-repeat 5px 5px;
text-decoration: none;
display: block;
padding: 12px 0 12px 30px;
border: 1px solid white;
border-bottom: 1px solid #EBEBEB;
}
.linked_articles ul a:hover {
background-color: #F1F4F4;
border: 1px solid #EBEBEB !important;
position: relative;
top: -1px;
background-position: 5px 6px;
padding-top: 13px;
padding-bottom: 11px;
}
.linked_articles ul a.article {
background-image: url(../images/ico_article.png);
padding-left: 40px;
background-position: 5px 9px;
}
.linked_articles ul a.news {
background-image: url(../images/ico_news.png);
padding-left: 40px;
}
.linked_articles ul a.video {
background-image: url(../images/ico_video.png);
padding-left: 40px;
}
.linked_articles ul a.article:hover {
background-position: 5px 10px;
}
/*---------------------------------------------------*/
table.transactiontable {
}
table.transactiontable tbody td {
font-size: 14px;
}
table.transactiontable tbody td.td1 {
}
table.transactiontable tbody td.td2 {
width: 390px;
}
table.transactiontable tbody td.td3 {
text-align: center;
font-weight: bold;
white-space: nowrap;
}
table.transactiontable tbody td.td4 {
text-align: center;
}
table.transactiontable tbody td.td5 {
text-align: center;
}
table.transactiontable tbody td.td6 {
text-align: center;
}
table.transactiontable a {
text-decoration: none;
}
table.transactiontable a:hover {
text-decoration: underline;
}
table.transactiontable img {
vertical-align: middle;
}
/*---------------------------------------------------*/
.doclist {
}
.doclist h3 {
font-size: 14px;
}
.doclist ul {
list-style: none;
margin: 10px 0 0 0;
padding: 0;
font-size: 13px;
line-height: 1.2;
}
.doclist ul li {
}
.doclist ul a {
background: url(../images/ico_pdf.png) no-repeat left center;
padding: 10px 0 10px 37px;
display: block;
text-decoration: none;
}
.doclist ul a:hover {
text-decoration: underline;
}
/*---------------------------------------------------*/
.hitel_steps {
padding: 0 50px;
margin-bottom: 20px;
}
.hitel_steps ol {
background: url(../images/bg_step.png) repeat-x left 23px;
list-style: none;
margin: 10px 0;
padding: 0 50px;
height: 100%;
overflow: hidden;
}
.hitel_steps ol li {
float: left;
width: 90px;
text-align: center;
margin-right: 36px;
}
.hitel_steps ol li.last {
margin-right: 0;
}
.hitel_steps ol span {
background: url(../images/bg_stepitem1.png) no-repeat center top;
width: 48px;
height: 48px;
display: block;
text-align: center;
margin: 0 auto;
font-size: 21px;
line-height: 48px;
font-weight: bold;
color: white;
text-shadow: #545454 2px 2px 1px;
}
.hitel_steps ol li.checked span {
background-image: url(../images/bg_stepitem2.png);
text-indent: -10000px;
}
.hitel_steps ol strong {
font-size: 16px;
line-height: 1.3;
color: #BFBFBF;
}
.hitel_steps ol li.checked strong {
color: #739323;
}
.hitel_steps ol li.current strong {
color: black;
}
/*---------------------------------------------------*/
.tooltip {
background-color: #415546;
color: #fff;
display: block;
padding: 10px;
position: absolute;
left: 20px;
top: 20px;
font-size: 12px;
font-weight: normal;
line-height: 1.4;
width: 290px;
z-index: 12;
border-radius: 4px;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.1s linear;
-moz-transition: opacity 0.1s linear;
-o-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
}
.tooltip.opened {
visibility: visible;
opacity: 1;
}
.tooltip .pointer {
background: url(../images/pointer_down.svg) no-repeat;
width: 33px;
height: 14px;
display: block;
position: absolute;
left: 50%;
margin-left: -16px;
bottom: -14px;
}
.tooltip.alignright .pointer {
transform: rotate(90deg);
left: -23px;
top: 50%;
margin-left: 0;
margin-top: -7px;
}
.tooltip.alignbottom .pointer {
transform: rotate(-180deg);
left: 50%;
margin-left: -32px;
top: -14px;
}
.tooltip p {
margin-bottom: 10px;
}
.tooltip ul {
list-style: disc;
margin: 0;
padding: 0 0 0 20px;
}
.tooltip ul li {
margin-bottom: 5px;
position: relative;
}
.tooltip ul li:last-child {
margin-bottom: 0;
}
.tooltip.blue {
background-color: #415546;
color: white;
box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.41);
border: none;
}
.tooltip.green {
background-color: #415546;
color: white;
box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.41);
border: none;
}
.tooltip.blue ul li:before {
background: white;
}
.tooltip.blue .pointer {
background-image: url(../images/pointer_down.svg);
}
.tooltip.green .pointer {
background-image: url(../images/pointer_down.svg);
}
.tooltip.small {
width: 165px;
}
.tooltip.wide {
width: 416px;
}
.tooltip.data-protection {
box-sizing: border-box;
font-size: 12px;
padding: 15px 16px 16px;
width: 416px;
}
.tooltip.data-protection .pointer {
left: 58%;
}
/*---------------------------------------------------*/
.tooltip3 {
background: white;
position: absolute;
left: 50px;
top: 50px;
border: 1px solid #CCCCCC;
width: 213px;
-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06);
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.06);
display: none;
z-index: 5;
min-height: 90px;
}
.tooltip3 .header {
background-color: #FDF7DD;
height: 30px;
line-height: 30px;
font-size: 16px;
color: #b94309;
display: block;
padding: 0 10px;
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
font-family: 'Cronos';
}
.tooltip3 .content {
padding: 10px;
line-height: 1.4;
font-size: 12px;
}
.tooltip3 .topimg {
background: url(../images/bg_tooltip2_img.png) no-repeat;
display: block;
width: 40px;
height: 40px;
position: absolute;
right: 8px;
top: -5px;
}
.tooltip3 .arrow {
background: url(../images/bg_tooltip2_arrow.png) no-repeat;
display: block;
width: 33px;
height: 41px;
position: absolute;
left: -33px;
top: 40px;
}
/*---------------------------------------------------*/
.info_bubble {
background-color: #FCFAE5;
border: 1px solid #F7CD28;
display: block;
position: absolute;
left: 20px;
top: 20px;
font-size: 12px;
font-weight: normal;
line-height: 1.4;
width: 270px;
z-index: 12;
box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.03);
border-radius: 4px;
opacity: 0;
transform: scale(0.5);
transition: all 0.3s ease-in-out;
transition-property: transform, opacity, visibility;
cursor: default;
visibility: hidden;
}
.info_bubble:after {
background-color: #FCFAE5;
border: 1px solid #F7CD28;
width: 20px;
height: 20px;
transform: rotate(45deg);
position: absolute;
left: 50%;
margin-left: -14px;
bottom: -10px;
content: '';
z-index: 11;
}
.info_bubble.show {
opacity: 1;
transform: scale(1);
visibility: visible;
}
.info_bubble .content {
background-color: #FCFAE5;
z-index: 12;
position: relative;
padding: 10px;
border-radius: 4px;
}
/*---------------------------------------------------*/
.page_arfolyam {
margin: 0 auto;
width: 1000px;
}
.page_arfolyam .page_header {
min-height: 110px;
padding: 5px 0 0 0;
margin-bottom: 20px;
position: relative;
}
.page_arfolyam .pagetitle {
font-size: 40px;
letter-spacing: -1px;
margin-bottom: 10px;
}
.page_arfolyam .pagetitle2 {
font-size: 50px;
margin-bottom: 10px;
}
.page_arfolyam .page_header p {
font-size: 19px;
}
.page_arfolyam .page_header .banner_panel {
position: absolute;
right: 0;
top: 0px;
}
.page_arfolyam .banner_panel .promotiontext {
display: block;
margin-top: 5px;
color: #a4a4a4;
font-size: 12px;
text-align: center;
}
.page_arfolyam .page_header .banner_panel .promotiontext {
display: block;
margin-top: 5px;
color: #a4a4a4;
font-size: 12px;
text-align: right;
}
.page_arfolyam .page_header .banner_panel .banner_text {
display: block;
margin-top: 5px;
color: #a4a4a4;
font-size: 10px;
line-height: 1.2;
}
.page_arfolyam .page_header .banner_panel .banner_text p {
font-size: 10px;
}
.page_arfolyam .page_header .banner_panel .banner_text a {
color: #2068A0;
}
.page_arfolyam .page_header .banner_panel ul.bannerlist {
list-style: none;
margin: 0;
padding: 0;
}
.page_arfolyam .page_header .banner_panel ul.bannerlist li {
display: none;
}
.page_arfolyam .page_header .banner_panel ul.bannerlist li.active {
display: block;
}
.page_arfolyam ul.tabs em {
color: #415546;
font-style: normal;
}
.page_arfolyam .source {
font-size: 11px;
text-align: right;
margin-bottom: 10px;
}
.page_arfolyam .source img {
vertical-align: middle;
}
.page_arfolyam ul.sidemenu {
background: white;
margin: 0 0 10px 0;
padding: 0;
list-style: none;
border: 1px solid #DDDDDD;
border-bottom: 0;
font-size: 13px;
font-weight: bold;
line-height: 1.2;
}
.page_arfolyam ul.sidemenu li {
border-bottom: 1px solid #DDDDDD;
position: relative;
}
.page_arfolyam ul.sidemenu li.menutitle {
font-size: 17px;
padding: 8px 10px;
}
.page_arfolyam ul.sidemenu a {
padding: 7px 10px 8px 10px;
text-decoration: none;
display: block;
color: #4d4d4d;
height: 100%;
overflow: hidden;
cursor: pointer;
}
.page_arfolyam ul.sidemenu a:hover {
background-color: #ECF9FF;
color: #313745;
}
.page_arfolyam ul.sidemenu a.active {
background: #415546;
color: #fff;
}
.page_arfolyam ul.sidemenu a.active .deviza,
.page_arfolyam ul.sidemenu a.active .ticker {
color: #f2f2f2;
}
.page_arfolyam ul.sidemenu a span.arrow {
display: none;
}
.page_arfolyam ul.sidemenu a.active span.arrow {
background: url(../images/arfolyam_arrow.svg) no-repeat right;
width: 16px;
height: 47px;
position: absolute;
top: 0;
right: -16px;
display: block;
}
.page_arfolyam ul.sidemenu .flag {
float: left;
margin-right: 10px;
}
.page_arfolyam ul.sidemenu .deviza,
.page_arfolyam ul.sidemenu .ticker {
font-size: 12px;
color: #898963;
font-weight: normal;
}
.page_arfolyam ul.sidemenu .index {
font-size: 12px;
}
.page_arfolyam ul.sidemenu .indexleft {
float: left;
width: 146px;
}
.page_arfolyam ul.sidemenu .col {
float: left;
}
.page_arfolyam ul.sidemenu .value {
float: right;
padding: 5px 0 0 0;
font-size: 20px;
color: #3c8b14;
font-weight: bold;
text-align: right;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
position: relative;
}
.page_arfolyam ul.sidemenu .value:before {
content: "\f0d8";
display: inline-block;
font: normal normal normal 18px/1 FontAwesome;
color: #3c8b14;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 5px;
text-shadow: 0 0 0;
vertical-align: middle;
position: relative;
top: -1px;
}
.page_arfolyam ul.sidemenu .value.down {
color: #be040c;
}
.page_arfolyam ul.sidemenu .value.down:before {
content: "\f0d7";
color: #be040c;
}
.page_arfolyam ul.sidemenu a.active .value {
color: white;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.page_arfolyam ul.sidemenu.menu2 {
}
.page_arfolyam ul.sidemenu.menu2 a {
padding-bottom: 7px;
}
.page_arfolyam ul.sidemenu.menu2 a.active {
background-image: url(../images/bg_sidemenu_active_old.png)
}
.page_arfolyam ul.sidemenu.menu2 a.active span.arrow {
background: url(../images/arfolyam-arrow-small.svg) no-repeat;
width: 11px;
height: 34px;
top: 0;
right: -11px;
display: block;
}
.page_arfolyam ul.sidemenu.menu2 .flag {
float: none;
vertical-align: middle;
margin: 0;
}
.page_arfolyam ul.sidemenu.menu2 .deviza {
font-size: 12px;
color: #565656;
font-weight: bold;
vertical-align: middle;
width: 70px;
text-align: center;
display: inline-block;
}
.page_arfolyam ul.sidemenu.menu2 .ticker {
font-size: 12px;
color: #565656;
font-weight: bold;
vertical-align: middle;
text-align: center;
display: inline-block;
}
.page_arfolyam ul.sidemenu.menu2 .value {
background-position: left 6px;
padding-top: 0;
font-size: 15px;
}
.page_arfolyam .banner {
width: 120px;
float: right;
}
.page_arfolyam .notice {
font-size: 11px;
color: #B4B4B4;
padding: 10px 0;
}
.page_arfolyam ul.period {
width: 100%;
overflow: hidden;
list-style: none;
margin: 0;
padding: 10px 0;
font-size: 13px;
}
.page_arfolyam ul.period li {
float: left;
margin: 0 5px 0 0;
}
.page_arfolyam ul.period a {
background: #dce0d7;
border-radius: 2px;
width: 110px;
height: 34px;
display: inline-block;
text-decoration: none;
color: #313745;
text-align: center;
line-height: 35px;
font-size: 16px;
font-weight: bold;
margin-right: 5px;
}
.page_arfolyam ul.period a.active {
background-color: #415546;
color: #fff;
}
.page_arfolyam #flashgraph {
background: white;
border: 1px solid #CCCCCC;
overflow: hidden;
}
.page_arfolyam #flashgraph img {
max-width: 100%;
}
/*---------------------------------------------------*/
#helptitle {
background: #333333;
color: white;
font-size: 11px;
height: 25px;
line-height: 25px;
padding: 0 8px;
position: absolute;
left: 10px;
top: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: none;
}
#helptitle .arrow {
background: url(../images/bg_helptitle.png) no-repeat;
display: block;
width: 4px;
height: 7px;
position: absolute;
left: -4px;
top: 50%;
margin-top: -3px;
}
/*---------------------------------------------------*/
.page_vegtorlesztes {
color: black;
min-height: 354px !important;
}
.page_vegtorlesztes .header {
color: black;
font-size: 33px;
margin-bottom: 10px;
text-align: center;
padding-bottom: 13px;
}
.page_vegtorlesztes label {
font-size: 18px;
float: left;
width: 325px;
padding-top: 11px;
}
.page_vegtorlesztes .field {
float: left;
margin-bottom: 11px;
font-size: 15px;
font-weight: bold;
}
.page_vegtorlesztes .field span {
vertical-align: middle;
}
.page_vegtorlesztes a.optionlink {
background: url(../images/bg_optionlink2.png) no-repeat top;
width: 110px;
height: 34px;
display: inline-block;
text-decoration: none;
color: black;
text-align: center;
line-height: 35px;
font-size: 16px;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
margin-right: 5px;
}
.page_vegtorlesztes a.optionlink.active {
background-position: bottom;
color: white;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.page_vegtorlesztes .txtinput {
width: 140px;
border: 1px solid #C8C8C8;
font-size: 24px;
font-weight: bold;
color: #277eb0;
padding: 3px 10px;
text-align: right;
}
.page_vegtorlesztes .field.error .txtinput {
border-color: red;
outline: 2px solid red;
color: red;
}
.page_vegtorlesztes .calcbox {
background-color: #FEFAE7;
border: 1px solid #D3D3D3;
padding: 10px;
text-align: center;
font-size: 18px;
position: relative;
}
.page_vegtorlesztes .calcbox .borrow {
color: #277eb0;
}
.page_vegtorlesztes a.hitelosszehasonlitas {
background: url(../images/btn_hitelosszehasonlitas.png) no-repeat top;
width: 332px;
height: 65px;
display: block;
float: left;
text-decoration: none;
text-indent: -10000px;
margin: 10px 10px 15px 10px;
}
.page_vegtorlesztes a.hitelosszehasonlitas:hover {
background-position: bottom;
}
.page_vegtorlesztes a.kalkulacio {
background: url(../images/btn_szimulator.png) no-repeat top;
width: 165px;
height: 65px;
display: block;
float: left;
text-decoration: none;
text-indent: -10000px;
margin: 10px 10px 15px 170px;
}
.page_vegtorlesztes a.kalkulacio:hover {
background-position: bottom;
}
/*---------------------------------------------------*/
.authpanel {
background: white url(../images/bg_authpanel.png) no-repeat right bottom;
width: 600px;
position: fixed;
left: 50%;
top: 50%;
margin: -213px 0 0 -300px;
z-index: 11;
padding: 0 20px;
font-size: 12px;
border: 1px solid black;
}
.authpanel .inner {
border-top: 7px solid #F6CB0E;
padding: 30px 0 30px 0;
position: relative;
}
.authpanel a.close {
background: url(../images/bg_close.png) no-repeat top;
width: 21px;
height: 19px;
display: block;
text-decoration: none;
position: absolute;
right: 0;
top: 17px;
}
.authpanel a.close:hover {
background-position: bottom;
}
.authpanel .header {
font-size: 27px;
display: block;
margin-bottom: 10px;
}
.authpanel .sbheader {
font-size: 18px;
display: block;
margin-bottom: 20px;
}
.authpanel a.link1 {
font-size: 11px;
color: #d57e00;
text-decoration: underline;
display: block;
margin-bottom: 5px;
}
.authpanel label {
float: left;
width: 170px;
padding-top: 18px;
padding-bottom: 2px;
}
.authpanel .field {
float: left;
margin-bottom: 15px;
}
.authpanel .field .txtinput {
background: url(../images/bg_input15.png) no-repeat top;
width: 240px;
height: 47px;
line-height: 47px;
border: none;
padding: 0 10px;
outline: none;
font-size: 22px;
font-weight: bold;
}
.authpanel .field.error .txtinput {
background-position: bottom;
}
.authpanel .field .msg {
color: #ec0707;
font-weight: bold;
margin-top: 5px;
display: none;
}
.authpanel .field.error .msg {
display: block;
}
.authpanel a.btn_elkuld {
background: url(../images/btn_elkuld3.png) no-repeat top;
width: 92px;
height: 50px;
text-decoration: none;
display: inline-block;
vertical-align: middle;
text-indent: -10000px;
}
.authpanel a.btn_elkuld:hover {
background-position: bottom;
}
.authpanel p {
line-height: 1.7;
}
.authpanel .logo_big {
background: url(../images/logo_big.png) no-repeat;
width: 218px;
height: 227px;
position: absolute;
right: -12px;
bottom: 5px;
}
.authpanel a.btn_belepes {
background: url(../images/btn_belepes.png) no-repeat top;
width: 103px;
height: 50px;
text-decoration: none;
display: inline-block;
vertical-align: middle;
text-indent: -10000px;
margin-left: 170px;
}
.authpanel a.btn_belepes:hover {
background-position: bottom;
}
/*---------------------------------------------------*/
.popupregpanel {
background: white url(../images/bg_infobox.png) no-repeat 595px -1px;
position: absolute;
z-index: 11;
top: 100px;
left: 50%;
width: 620px;
padding: 30px;
margin: 0 0 0 -340px;
color: black;
}
.popupregpanel a.close {
background: url(../images/bg_close2.png) no-repeat top;
width: 41px;
height: 41px;
display: block;
text-decoration: none;
position: absolute;
right: -18px;
top: -17px;
}
.popupregpanel a.close:hover {
background-position: bottom;
}
.popupregpanel .header1 {
font-size: 26px;
color: #c24413;
display: block;
margin-bottom: 10px;
}
.popupregpanel .header2 {
font-size: 20px;
display: block;
margin-bottom: 15px;
}
.popupregpanel .infobox {
background: #FFFBED;
border: 1px solid #BEB2A2;
margin: 20px 0;
box-shadow: inset 0 0 20px 0 rgba(0, 0, 0, 0.16), 0px 2px 4px rgba(0, 0, 0, 0.12);
}
.popupregpanel .infobox table.conditions {
width: 96%;
font-size: 12px;
line-height: 1.4;
margin: 10px;
}
.popupregpanel .infobox table.conditions td {
background: url(../images/bg_listitem.png) no-repeat left center;
width: 240px;
padding: 6px 20px 4px 40px;
height: 38px;
}
.popupregpanel .infobox table.conditions2 {
background: rgba(246, 238, 202, 0.9);
width: 100%;
border-top: 1px solid #BEB2A2;
font-size: 12px;
line-height: 1.3;
}
.popupregpanel .infobox table.conditions2 td {
border-bottom: 1px solid #DFD5BF;
padding: 7px 8px;
}
.popupregpanel .infobox table.conditions2 td.td1 {
font-size: 12px;
font-weight: bold;
padding-left: 17px;
width: 277px;
}
.popupregpanel .infobox table.conditions2 td.td2 {
font-size: 14px;
font-weight: bold;
color: #9c401c;
width: 160px;
}
.popupregpanel .infobox table.conditions2 tr:last-child td {
border-bottom: none;
}
.popupregpanel .tabset4 {
margin: 0 -30px 0 -30px;
}
.popupregpanel .tabset4 > ul.tabs {
padding-left: 20px;
font-family: 'Cronos';
}
.popupregpanel .tabset4 .content {
padding: 0 30px 0 30px;
}
.popupregpanel .formpanel4 .btn_container {
border-top: 1px solid #CCCCCC;
margin-top: 25px;
padding-top: 25px;
text-align: center;
min-height: 49px;
}
.popupregpanel form.ondatasend .btn_container {
background: url(../images/loader2.gif) no-repeat center;
}
.popupregpanel form.ondatasend .btn_container .btn {
display: none;
}
.popupregpanel .success {
font-size: 18px;
font-weight: bold;
text-align: center;
margin-top: 30px;
line-height: 1.3;
}
.popupregpanel a.btn {
background: #4FBBE8;
display: inline-block;
text-decoration: none;
border: 1px solid #2677A5;
font-size: 22px;
font-weight: 500;
color: white;
text-align: center;
height: 47px;
line-height: 45px;
padding: 0 30px;
margin: 0 10px;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
box-shadow: inset 0 -14px 10px 0 rgba(0, 0, 0, 0.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: 'Cronos';
}
.popupregpanel a.btn:hover {
box-shadow: none;
}
/*---------------------------------------------------*/
.banner_panel1 {
margin: 20px 0;
width: 180px;
}
.banner_panel1.fixed {
position: fixed;
top: 0;
}
.banner_panel1 img {
display: inline-block;
}
.banner_panel1 .banner_text {
display: block;
margin-top: 5px;
color: #a4a4a4;
font-size: 10px;
line-height: 1.2;
}
.banner_panel1 .banner_text a {
color: #2068A0;
}
.banner_panel1 .promotiontext {
display: block;
margin-top: 5px;
color: #a4a4a4;
font-size: 12px;
}
.banner_panel1 a.adverthere {
font-size: 15px;
color: #2068A0;
text-decoration: none;
display: block;
margin: 40px 0 0 0;
text-align: center;
}
.banner_panel1 a.adverthere:hover {
text-decoration: underline;
}
.banner_panel1 ul.bannerlist {
list-style: none;
margin: 0;
padding: 0;
}
.banner_panel1 ul.bannerlist li {
display: none;
}
.banner_panel1 ul.bannerlist li.active {
display: block;
}
/*---------------------------------------------------*/
.banner_panel2 {
margin: 20px 0;
text-align: center;
}
.banner_panel2 .promotiontext {
display: block;
margin-top: 5px;
color: #a4a4a4;
font-size: 12px;
}
/*---------------------------------------------------*/
.page_ugyletreszletek {
line-height: 1.3;
}
.page_ugyletreszletek table.datatable {
margin-bottom: 15px;
}
.page_ugyletreszletek table.datatable td {
padding: 3px 0;
}
/*---------------------------------------------------*/
.progress_container {
margin: 0 0 15px 0;
font-size: 14px;
}
.progress_container span {
vertical-align: middle;
}
.progress_number {
background: url(../images/bg_progress_number.png) no-repeat top;
width: 30px;
height: 31px;
padding-right: 1px;
line-height: 29px;
display: inline-block;
vertical-align: middle;
color: black;
font-size: 16px;
font-weight: bold;
text-align: center;
text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.4);
cursor: default;
}
.progress_number.hoverable:hover {
background-position: bottom;
}
.progress_container h2 {
font-size: 15px;
font-weight: normal;
display: inline;
vertical-align: middle;
}
/*---------------------------------------------------*/
.tw_btn {
background: #f5f5f5 repeat-x;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
text-decoration: none;
vertical-align: middle;
cursor: pointer;
border-radius: 4px;
border: 1px solid #bbbbbb;
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.tw_btn:hover,
.tw_btn:active,
.tw_btn.active,
.tw_btn.disabled,
.tw_btn[disabled] {
color: #333333;
background-color: #e6e6e6;
}
.tw_btn:hover {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.tw_btn.active,
.tw_btn:active {
background-image: none;
outline: 0;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.tw_btn.disabled,
.tw_btn[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
}
.tw_btn.btn-large {
padding: 11px 19px;
font-size: 17.5px;
border-radius: 6px;
}
.tw_btn.btn-small {
padding: 2px 10px;
font-size: 11.9px;
border-radius: 3px;
}
.tw_btn.btn-mini {
padding: 0 6px;
font-size: 10.5px;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.tw_btn-orange {
color: #ffffff;
background-color: #FAB600;
background-image: -moz-linear-gradient(top, #FAB600, #F28B02);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAB600), to(#F28B02));
background-image: -webkit-linear-gradient(top, #FAB600, #f08d06);
background-image: -o-linear-gradient(top, #FAB600, #F28B02);
background-image: linear-gradient(to bottom, #FAB600, #F28B02);
background-repeat: repeat-x;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.tw_btn-orange:hover,
.tw_btn-orange:active,
.tw_btn-orange.active,
.tw_btn-orange.disabled,
.tw_btn-orange[disabled] {
color: #ffffff;
background-color: #f08d06;
}
.tw_btn-blue {
color: #ffffff;
background-color: #569CBF;
background-image: -moz-linear-gradient(top, #5EA4C3, #207194);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5EA4C3), to(#207194));
background-image: -webkit-linear-gradient(top, #5EA4C3, #207194);
background-image: -o-linear-gradient(top, #5EA4C3, #207194);
background-image: linear-gradient(to bottom, #5EA4C3, #207194);
background-repeat: repeat-x;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.tw_btn-blue:hover,
.tw_btn-blue:active,
.tw_btn-blue.active,
.tw_btn-blue.disabled,
.tw_btn-blue[disabled] {
color: #ffffff;
background-color: #207194;
}
.tw_btn-green {
color: #ffffff;
background-color: #5bb75b;
background-image: -moz-linear-gradient(top, #5bb75b, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bb75b), to(#51a351));
background-image: -webkit-linear-gradient(top, #5bb75b, #51a351);
background-image: -o-linear-gradient(top, #5bb75b, #51a351);
background-image: linear-gradient(to bottom, #5bb75b, #51a351);
background-repeat: repeat-x;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.tw_btn-green:hover,
.tw_btn-green:active,
.tw_btn-green.active,
.tw_btn-green.disabled,
.tw_btn-green[disabled] {
color: #ffffff;
background-color: #51a351;
}
.tw_btn-lightblue {
color: #ffffff;
background-color: #60C3F1;
background-image: -moz-linear-gradient(top, #60C3F1, #35A5D5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60C3F1), to(#35A5D5));
background-image: -webkit-linear-gradient(top, #60C3F1, #35A5D5);
background-image: -o-linear-gradient(top, #60C3F1, #35A5D5);
background-image: linear-gradient(to bottom, #60C3F1, #35A5D5);
background-repeat: repeat-x;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.tw_btn-lightblue:hover,
.tw_btn-lightblue:active,
.tw_btn-lightblue.active,
.tw_btn-lightblue.disabled,
.tw_btn-lightblue[disabled] {
color: #ffffff;
background-color: #35A5D5;
}
.tw_btn-yellow {
color: #ffffff;
background-color: #FDDE53;
background-image: -moz-linear-gradient(top, #FDDE53, #F7CD19);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FDDE53), to(#F7CD19));
background-image: -webkit-linear-gradient(top, #FDDE53, #F7CD19);
background-image: -o-linear-gradient(top, #FDDE53, #F7CD19);
background-image: linear-gradient(to bottom, #FDDE53, #F7CD19);
background-repeat: repeat-x;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.tw_btn-yellow:hover,
.tw_btn-yellow:active,
.tw_btn-yellow.active,
.tw_btn-yellow.disabled,
.tw_btn-yellow[disabled] {
color: #ffffff;
background-color: #F7CD19;
}
.tw_btn-hitel {
color: #ffffff;
background-color: #60C3F1;
background-image: -moz-linear-gradient(top, #60C3F1, #35A5D5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#60C3F1), to(#35A5D5));
background-image: -webkit-linear-gradient(top, #60C3F1, #35A5D5);
background-image: -o-linear-gradient(top, #60C3F1, #35A5D5);
background-image: linear-gradient(to bottom, #60C3F1, #35A5D5);
background-repeat: repeat-x;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.tw_btn-hitel:hover,
.tw_btn-hitel:active,
.tw_btn-hitel.active,
.tw_btn-hitel.disabled,
.tw_btn-hitel[disabled] {
color: #ffffff;
background-color: #35A5D5;
}
.tw_btn-bankszamla {
color: #ffffff;
background-color: #61ADD2;
background-image: -moz-linear-gradient(top, #61ADD2, #02608E);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#61ADD2), to(#02608E));
background-image: -webkit-linear-gradient(top, #61ADD2, #02608E);
background-image: -o-linear-gradient(top, #61ADD2, #02608E);
background-image: linear-gradient(to bottom, #61ADD2, #02608E);
background-repeat: repeat-x;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.tw_btn-bankszamla:hover,
.tw_btn-bankszamla:active,
.tw_btn-bankszamla.active,
.tw_btn-bankszamla.disabled,
.tw_btn-bankszamla[disabled] {
color: #ffffff;
background-color: #02608E;
}
.tw_btn-betet {
color: #ffffff;
background-color: #FAB600;
background-image: -moz-linear-gradient(top, #FAB600, #F28B02);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAB600), to(#F28B02));
background-image: -webkit-linear-gradient(top, #FAB600, #f08d06);
background-image: -o-linear-gradient(top, #FAB600, #F28B02);
background-image: linear-gradient(to bottom, #FAB600, #F28B02);
background-repeat: repeat-x;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.tw_btn-betet:hover,
.tw_btn-betet:active,
.tw_btn-betet.active,
.tw_btn-betet.disabled,
.tw_btn-betet[disabled] {
color: #ffffff;
background-color: #F28B02;
}
/*---------------------------------------------------*/
.info_popup_panel {
background: white;
position: absolute;
z-index: 11;
top: 50px;
left: 50%;
width: 680px;
margin: 0 0 0 -340px;
color: black;
}
.info_popup_panel a.close {
background: url(../images/bg_close2.png) no-repeat top;
width: 41px;
height: 41px;
display: block;
text-decoration: none;
position: absolute;
right: -18px;
top: -17px;
}
.info_popup_panel .flag {
background: url(../images/bg_infobox.png) no-repeat;
width: 40px;
height: 69px;
position: absolute;
top: -1px;
right: 45px;
}
.info_popup_panel a.close:hover {
background-position: bottom;
}
.info_popup_panel .topsection {
background: #A1E0FF;
padding: 15px 30px;
font-size: 28px;
}
.info_popup_panel .header {
font-size: 28px;
color: #00518f;
margin-bottom: 10px;
line-height: 1;
}
.info_popup_panel .panel_content {
padding: 30px;
line-height: 1.4;
font-size: 12px;
}
.info_popup_panel .panel_content .header2 {
font-size: 18px;
color: #00518f;
margin: 20px 0 10px 0;
line-height: 1;
display: block;
}
.info_popup_panel .panel_content p {
margin: 10px 0;
}
.info_popup_panel .panel_content ul {
list-style: none;
margin: 10px 0 10px 0;
padding: 0 0 0 15px;
}
.info_popup_panel .panel_content ul li {
background: url(../images/bg_li_blue.png) no-repeat left 5px;
margin-bottom: 10px;
padding: 0 0 0 15px;
}
.info_popup_panel .panel_content .btn_container {
text-align: center;
border-top: 1px solid #CCCCCC;
margin-top: 30px;
padding-top: 30px;
}
.info_popup_panel .table_container {
margin: 0 auto;
}
.info_popup_panel .table_container.table_container1 {
width: 300px;
}
.info_popup_panel .table_container.table_container2 {
width: 500px;
}
.info_popup_panel table.datatable {
width: 100%;
border-collapse: collapse;
line-height: 1;
margin: 15px 0 25px 0;
}
.info_popup_panel table.datatable td {
border: 1px solid #888888;
padding: 4px;
vertical-align: top;
}
.info_popup_panel table.datatable thead td {
background-color: #E9F7FD;
text-align: center;
line-height: 1.3;
vertical-align: middle;
}
.info_popup_panel.not_ajax {
position: static;
margin: 0;
padding: 20px;
width: auto;
}
.info_popup_panel.not_ajax .topsection {
background: transparent;
padding: 0;
}
.info_popup_panel.not_ajax .panel_content {
padding-left: 0;
padding-right: 0;
}
.info_popup_panel.not_ajax a.close {
display: none;
}
.info_popup_panel.not_ajax .flag {
display: none;
}
.info_popup_panel.not_ajax .panel_content .btn_container {
display: none;
}
/*---------------------------------------------------*/
.brhelp_popup_panel {
background: #FE8730;
background-image: -moz-linear-gradient(top, #FE8730, #C75C0D);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FE8730), to(#C75C0D));
background-image: -webkit-linear-gradient(top, #FE8730, #C75C0D);
background-image: -o-linear-gradient(top, #FE8730, #C75C0D);
background-image: linear-gradient(to bottom, #FE8730, #C75C0D);
position: absolute;
z-index: 11;
top: 50px;
left: 50%;
width: 618px;
margin: 0 0 0 -340px;
padding: 30px;
border: 1px solid #EA6313;
color: black;
}
.brhelp_popup_panel a.close {
background: #FE8730;
background-image: -moz-linear-gradient(top, #FE8730, #FD862F);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FE8730), to(#FD862F));
background-image: -webkit-linear-gradient(top, #FE8730, #FD862F);
background-image: -o-linear-gradient(top, #FE8730, #FD862F);
background-image: linear-gradient(to bottom, #FE8730, #FD862F);
width: 140px;
height: 30px;
display: block;
text-decoration: none;
position: absolute;
right: -1px;
top: -14px;
color: white;
font-size: 12px;
text-align: center;
line-height: 30px;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.brhelp_popup_panel .header {
font-size: 46px;
color: white;
text-align: center;
display: block;
margin-bottom: 20px;
font-family: 'Cronos';
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.43);
}
.brhelp_popup_panel ul.helpnav {
border-bottom: 1px solid #F0CF12;
list-style: none;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
}
.brhelp_popup_panel ul.helpnav li {
float: left;
margin-right: 31px;
width: 185px;
text-align: center;
}
.brhelp_popup_panel ul.helpnav a.button {
background: #4BAEDF no-repeat center top;
background-image: url(../images/bg_brhelp_btn_top.png), -moz-linear-gradient(top, #4BAEDF, #2889BF);
background-image: url(../images/bg_brhelp_btn_top.png), -webkit-gradient(linear, 0 0, 0 100%, from(#4BAEDF), to(#2889BF));
background-image: url(../images/bg_brhelp_btn_top.png), -webkit-linear-gradient(top, #4BAEDF, #2889BF);
background-image: url(../images/bg_brhelp_btn_top.png), -o-linear-gradient(top, #4BAEDF, #2889BF);
background-image: url(../images/bg_brhelp_btn_top.png), linear-gradient(to bottom, #4BAEDF, #2889BF);
border: 1px solid #30779E;
display: block;
width: 183px;
height: 183px;
margin-bottom: 20px;
text-align: center;
border-radius: 10px;
text-decoration: none;
box-shadow: -8px -8px 16px 0 rgba(0, 0, 0, 0.18) inset, 8px 8px 16px 0 rgba(255, 255, 255, 0.18) inset, 0 0 5px rgba(0, 0, 0, 0.36);
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.brhelp_popup_panel ul.helpnav a.button:hover,
.brhelp_popup_panel ul.helpnav li.active a.button {
background-image: url(../images/bg_brhelp_btn_top.png);
box-shadow: -8px -8px 16px 0 rgba(0, 0, 0, 0.18) inset, 8px 8px 16px 0 rgba(255, 255, 255, 0.18) inset;
}
.brhelp_popup_panel ul.helpnav li.urlap a.button {
background: #AACC65 no-repeat center top;
background-image: url(../images/bg_brhelp_btn_top.png), -moz-linear-gradient(top, #AACC65, #5A9301);
background-image: url(../images/bg_brhelp_btn_top.png), -webkit-gradient(linear, 0 0, 0 100%, from(#AACC65), to(#5A9301));
background-image: url(../images/bg_brhelp_btn_top.png), -webkit-linear-gradient(top, #AACC65, #5A9301);
background-image: url(../images/bg_brhelp_btn_top.png), -o-linear-gradient(top, #AACC65, #5A9301);
background-image: url(../images/bg_brhelp_btn_top.png), linear-gradient(to bottom, #AACC65, #5A9301);
border: 1px solid #5A8614;
}
.brhelp_popup_panel ul.helpnav li.telefon {
margin-right: 0;
}
.brhelp_popup_panel ul.helpnav li.telefon a.button {
background: #F3CF38 no-repeat center top;
background-image: url(../images/bg_brhelp_btn_top.png), -moz-linear-gradient(top, #F3CF38, #D5AA00);
background-image: url(../images/bg_brhelp_btn_top.png), -webkit-gradient(linear, 0 0, 0 100%, from(#F3CF38), to(#D5AA00));
background-image: url(../images/bg_brhelp_btn_top.png), -webkit-linear-gradient(top, #F3CF38, #D5AA00);
background-image: url(../images/bg_brhelp_btn_top.png), -o-linear-gradient(top, #F3CF38, #D5AA00);
background-image: url(../images/bg_brhelp_btn_top.png), linear-gradient(to bottom, #F3CF38, #D5AA00);
border: 1px solid #AE8B08;
}
.brhelp_popup_panel ul.helpnav .title {
font-size: 20px;
color: #ffd34e;
display: block;
margin-bottom: 15px;
}
.brhelp_popup_panel ul.helpnav p {
color: white;
font-size: 12px;
font-weight: bold;
line-height: 1.3;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.brhelp_popup_panel .header2 {
color: white;
display: block;
font-size: 24px;
margin-bottom: 15px;
font-family: 'Cronos';
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.43);
}
.brhelp_popup_panel ul.questions {
list-style: none;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.3;
}
.brhelp_popup_panel ul.questions li {
background: #FFB884;
border: 1px solid #B75B18;
padding: 10px;
margin-bottom: 10px;
}
.brhelp_popup_panel ul.questions li:last-child {
margin-bottom: 0;
}
.brhelp_popup_panel .bottomsection {
border-top: 1px solid #F0CF12;
padding-top: 20px;
text-align: center;
font-size: 12px;
color: white;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
line-height: 1.6;
margin-top: 20px;
}
.brhelp_popup_panel .bottomsection a {
color: #ffd34e;
text-decoration: none;
}
.brhelp_popup_panel .bottomsection a:hover {
text-decoration: underline;
}
.brhelp_popup_panel .content .item {
display: none;
}
.brhelp_popup_panel .formbox {
background: #FFB884;
border: 1px solid #B75B18;
padding: 15px;
position: relative;
}
.brhelp_popup_panel .formbox .header2 {
background: #F29652;
margin: -15px -15px 0 -15px;
padding: 10px 15px;
font-weight: bold;
}
.brhelp_popup_panel .formbox .progressbar {
font-size: 12px;
font-weight: bold;
color: white;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
position: absolute;
top: 17px;
right: 15px;
}
.brhelp_popup_panel .formbox .progressbar span {
vertical-align: middle;
}
.brhelp_popup_panel .formbox .progressbar .bg {
background: #f5f5f5;
background-image: url(../images/bg_brhelp_btn_top.png), -moz-linear-gradient(top, #f5f5f5, #d9d9d9);
background-image: url(../images/bg_brhelp_btn_top.png), -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#d9d9d9));
background-image: url(../images/bg_brhelp_btn_top.png), -webkit-linear-gradient(top, #f5f5f5, #d9d9d9);
background-image: url(../images/bg_brhelp_btn_top.png), -o-linear-gradient(top, #f5f5f5, #d9d9d9);
background-image: url(../images/bg_brhelp_btn_top.png), linear-gradient(to bottom, #f5f5f5, #d9d9d9);
border: 1px solid #b2b2b2;
width: 98px;
height: 8px;
line-height: 8px;
overflow: hidden;
display: inline-block;
border-radius: 5px;
vertical-align: middle;
margin-left: 5px;
padding: 1px;
box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.7);
}
.brhelp_popup_panel .formbox .progressbar .bg .bar {
background: #c0da8b;
background-image: url(../images/bg_brhelp_btn_top.png), -moz-linear-gradient(top, #c0da8b, #90b73f);
background-image: url(../images/bg_brhelp_btn_top.png), -webkit-gradient(linear, 0 0, 0 100%, from(#c0da8b), to(#90b73f));
background-image: url(../images/bg_brhelp_btn_top.png), -webkit-linear-gradient(top, #c0da8b, #90b73f);
background-image: url(../images/bg_brhelp_btn_top.png), -o-linear-gradient(top, #c0da8b, #90b73f);
background-image: url(../images/bg_brhelp_btn_top.png), linear-gradient(to bottom, #c0da8b, #90b73f);
display: block;
width: 50%;
border-radius: 5px;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
}
.brhelp_popup_panel .formbox .header3 {
font-size: 12px;
display: block;
margin: 15px 0;
}
.brhelp_popup_panel .formbox .btn_center {
width: 400px;
}
.brhelp_popup_panel .formbox .txtinput {
border-color: #B57140;
}
.brhelp_popup_panel .formbox select {
border-color: #B57140;
}
.brhelp_popup_panel .formbox textarea {
border-color: #B57140;
}
.brhelp_popup_panel .formbox .btn_container {
margin: 20px 0 0 0;
text-align: center;
}
.brhelp_popup_panel .formbox .btn_container .tw_btn {
margin: 0 3px;
}
.brhelp_popup_panel hr {
margin: 10px 0;
}
.brhelp_popup_panel .response {
font-size: 14px;
font-weight: bold;
padding: 15px 0 0 0;
}
/*---------------------------------------------------*/
.listfaq_panel {
font-size: 12px;
line-height: 1.3;
}
.listfaq_panel .title {
display: block;
font-size: 32px;
margin-bottom: 20px;
}
.listfaq_panel ul.menu {
background: white;
margin: 0 0 30px 0;
padding: 0;
list-style: none;
border: 1px solid #DDDDDD;
border-bottom: 0;
font-size: 13px;
font-weight: bold;
line-height: 1.2;
width: 180px;
float: left;
}
.listfaq_panel ul.menu li {
border-bottom: 1px solid #DDDDDD;
position: relative;
}
.listfaq_panel ul.menu a {
padding: 0 5px 0 10px;
text-decoration: none;
display: block;
height: 45px;
line-height: 47px;
}
.listfaq_panel ul.menu a:hover {
background-color: #ECF9FF;
color: #277eb0;
}
.listfaq_panel ul.menu a.active {
background: #60B1D7 url(../images/bg_sidemenu_active.png) no-repeat -107px top;
color: white !important;
}
.listfaq_panel ul.menu a span.arrow {
display: none;
}
.listfaq_panel ul.menu a.active span.arrow {
background: url(../images/bg_sidemenu_active.png) no-repeat right;
width: 16px;
height: 45px;
position: absolute;
top: 0;
right: -16px;
display: block;
}
.listfaq_panel .rightside {
background: #FEFEFE;
float: right;
width: 690px;
border: 1px solid #DDDDDD;
padding: 20px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.06) inset;
}
.listfaq_panel .rightside .rightsidepage {
display: none;
}
.listfaq_panel ul.items {
list-style: none;
padding: 0;
margin: 0;
}
.listfaq_panel ul.items li {
margin-bottom: 10px;
}
.listfaq_panel ul.items li:last-child {
margin-bottom: 0;
}
.listfaq_panel ul.items .header,
.listfaq_panel ul.items .header2 {
display: block;
font-weight: bold;
cursor: pointer;
color: #277eb0;
font-size: 15px;
}
.listfaq_panel ul.items .header2 a {
text-decoration: none;
color: #277eb0;
}
.listfaq_panel ul.items li.opened .header {
}
.listfaq_panel ul.items .header:hover {
color: #6ab2dc;
}
.listfaq_panel ul.items .header a {
text-decoration: none;
display: block;
}
.listfaq_panel ul.items .content {
font-size: 12px;
line-height: 1.4;
display: none;
}
.listfaq_panel ul.items .content2 {
font-size: 12px;
line-height: 1.4;
}
.listfaq_panel ul.items li .pcontent {
padding: 5px 0;
}
.listfaq_panel ul.items li .pcontent a {
color: #2068A0;
text-decoration: underline;
}
.listfaq_panel p {
}
.listfaq_panel ul.items .content ul {
list-style: none;
margin: 10px 0 10px 11px;
padding: 0;
}
.listfaq_panel ul.items .content ul li {
background: url(../images/bg_li.png) no-repeat left 8px;
padding: 3px 0 3px 17px;
margin-bottom: 0;
}
/*---------------------------------------------------*/
.listfaq_panel2 {
font-size: 12px;
line-height: 1.3;
margin-bottom: 20px;
}
.listfaq_panel2 .title {
display: block;
font-size: 32px;
margin-bottom: 20px;
}
.listfaq_panel2 .listfaq_tabset {
}
.listfaq_panel2 .listfaq_tabset ul.tabs {
list-style: none;
margin: 0;
padding: 0;
height: 31px;
}
.listfaq_panel2 .listfaq_tabset ul.tabs > li {
background: white;
float: left;
margin: 0 0 0 20px;
}
.listfaq_panel2 .listfaq_tabset ul.tabs > li > a {
display: block;
height: 30px;
line-height: 30px;
text-decoration: none;
text-align: center;
font-size: 15px;
color: #313745;
float: left;
font-family: 'Roboto', sans-serif;
width: 155px;
border: 1px solid #E1E1E2;
}
.listfaq_panel2 .listfaq_tabset ul.tabs > li > a.active {
border-bottom-color: white;
font-weight: bold;
}
.listfaq_panel2 .listfaq_tabset .content {
background-color: white;
border: 1px solid #CCCCCC;
padding: 0 20px;
display: none;
}
.listfaq_panel2 ul.items {
list-style: none;
padding: 0;
margin: 0;
}
.listfaq_panel2 ul.items > li {
border-bottom: 1px solid #D0CECF;
padding: 15px 0;
}
.listfaq_panel2 ul.items > li:last-child {
border-bottom: 0;
}
.listfaq_panel2 ul.items .header,
.listfaq_panel2 ul.items .header2 {
display: block;
cursor: pointer;
font-weight: normal;
position: relative;
}
.listfaq_panel2 ul.items .header2 {
background: none;
}
.listfaq_panel2 ul.items .header:after {
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f078";
color: #313745;
text-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
position: absolute;
right: 0;
top: 3px;
}
.listfaq_panel2 ul.items > li.opened .header:after {
content: "\f077";
}
.listfaq_panel2 ul.items .header2 a {
text-decoration: none;
}
.listfaq_panel2 ul.items .header:hover {
color: #415546;
}
.listfaq_panel2 ul.items .header a {
text-decoration: none;
display: block;
}
.listfaq_panel2 ul.items .icontent {
font-size: 12px;
line-height: 1.4;
display: none;
}
.listfaq_panel2 ul.items .icontent2 {
font-size: 12px;
line-height: 1.4;
}
.listfaq_panel2 ul.items li .pcontent {
padding: 5px 0;
}
.listfaq_panel2 ul.items li .pcontent a {
color: #3d87bc;
text-decoration: underline;
}
.listfaq_panel2 p {
}
.listfaq_panel2 ul.items .icontent ul {
list-style: none;
margin: 10px 0 10px 11px;
padding: 0;
}
.listfaq_panel2 ul.items .icontent ul li {
background: url(../images/bg_li.png) no-repeat left 8px;
padding: 3px 0 3px 17px;
margin-bottom: 0;
}
/*---------------------------------------------------*/
.main-navpanel {
overflow: hidden;
}
.main-navpanel .col {
float: left;
margin: 0 1% 0 0;
width: 19%;
}
.main-navpanel .col:last-child {
margin: 0;
width: 19%;
}
.main-navpanel .header {
display: block;
font-size: 16px;
font-weight: 700;
margin: 0 0 15px;
}
.main-navpanel .header a {
color: #42494e;
text-decoration: none;
}
.main-navpanel ul {
font-size: 11px;
line-height: 1.3;
list-style: none;
padding: 0;
margin: 0;
}
.main-navpanel ul li {
margin-bottom: 8px;
}
.main-navpanel ul li h4 {
font-size: 14px;
font-weight: normal;
}
.main-navpanel ul a {
color: #313745;
text-decoration: none;
}
.main-navpanel ul a:hover {
text-decoration: underline;
color: #d35630;
}
/*---------------------------------------------------*/
.main-articlepanel {
overflow: hidden;
}
.main-articlepanel .col {
float: left;
width: 48%;
margin-right: 1%;
}
.main-articlepanel .header {
font-size: 15px;
margin-bottom: 15px;
display: block;
}
.main-articlepanel ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 11px;
line-height: 1.3;
}
.main-articlepanel ul li {
margin-bottom: 15px;
}
.main-articlepanel ul a {
color: #d35630;
text-decoration: none;
display: block;
margin-bottom: 5px;
}
.main-articlepanel ul a:hover {
text-decoration: underline;
}
.main-articlepanel ul img {
border: 1px solid #DDDDDD;
display: block;
margin-bottom: 10px;
}
/*---------------------------------------------------*/
table.articletable1 {
background: transparent;
width: 100%;
border-collapse: collapse;
margin: 10px 0;
}
table.articletable1 td {
padding: 3px;
border: 1px solid #BBBBBB;
}
table.articletable1 th {
background-color: #a9a9a9 !important;
font-weight: bold;
padding: 3px;
border: 1px solid #BBBBBB;
}
table.articletable2 {
background: #F5F5F5;
width: 100%;
border-collapse: collapse;
margin: 10px 0;
}
table.articletable2 td {
padding: 3px;
border: 1px solid #BBBBBB;
}
table.articletable2 th {
background-color: #a9a9a9 !important;
font-weight: bold;
padding: 3px;
border: 1px solid #BBBBBB;
}
table.articletable2 tr td:nth-of-type(even),
table.articletable2 tr th:nth-of-type(even) {
background-color: #E5E4E6;
}
table.articletable3 {
background: #F5F5F5;
width: 100%;
border-collapse: collapse;
margin: 10px 0;
}
table.articletable3 td {
padding: 3px;
border: 1px solid #BBBBBB;
}
table.articletable3 th {
background-color: #a9a9a9 !important;
font-weight: bold;
padding: 3px;
border: 1px solid #BBBBBB;
}
table.articletable3 tr td:nth-of-type(even),
table.articletable3 tr th:nth-of-type(even) {
background-color: #E5E4E6;
}
table.articletable3 tr:nth-of-type(even) td,
table.articletable3 tr:nth-of-type(even) th {
background-color: #E5E4E6;
}
/*---------------------------------------------------*/
.page_eloszto {
margin-bottom: 50px;
position: relative;
}
.page_eloszto .page_header {
margin-bottom: 20px;
}
.page_eloszto .page_header .pagetitle {
font-size: 40px;
color: #277eb0;
display: block;
letter-spacing: -1px;
margin-bottom: 10px;
}
.page_eloszto .page_header p,
.page_eloszto .page_header .lead {
font-size: 18px;
font-weight: normal;
}
.page_eloszto .content_box {
background: white;
background-image: linear-gradient(top, white 0%, #EEEEEE 100%);
background-image: -o-linear-gradient(top, white 0%, #EEEEEE 100%);
background-image: -moz-linear-gradient(top, white 0%, #EEEEEE 100%);
background-image: -webkit-linear-gradient(top, white 0%, #EEEEEE 100%);
background-image: -ms-linear-gradient(top, white 0%, #EEEEEE 100%);
border: 1px solid #CCCCCC;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.06) inset;
padding: 25px;
overflow: hidden;
}
.page_eloszto .col {
float: left;
width: 48.5%;
border-right: 1px solid #CCCCCC;
position: relative;
}
.page_eloszto .col.f-right {
border-right: 0;
}
.page_eloszto .col .header {
font-size: 20px;
color: #010101;
margin-bottom: 15px;
}
.page_eloszto .col ul {
font-size: 12px;
font-weight: bold;
margin: 0 0 20px 45px;
padding: 0;
line-height: 1.3;
}
.page_eloszto .col ul li {
margin-bottom: 8px;
}
.page_eloszto .col ul a {
text-decoration: none;
color: #277eb0;
}
.page_eloszto .col ul a:hover {
text-decoration: underline;
}
.page_eloszto .col img.boximg {
position: absolute;
right: 30px;
top: 40px;
}
/*---------------------------------------------------*/
.calculatorbanner {
background: white url(../images/bg_calculatorbanner.png) no-repeat right top;
border: 1px solid #DDDDDD;
padding: 30px 15px;
font-size: 12px;
}
.calculatorbanner .header {
font-size: 18px;
margin-bottom: 20px;
display: block;
}
.calculatorbanner ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.3;
}
.calculatorbanner ul li {
background: url(../images/bg_li_yellow.png) no-repeat left 4px;
margin-bottom: 10px;
padding-left: 18px;
}
.calculatorbanner ul li:last-child {
margin-bottom: 0;
}
.calculatorbanner a {
color: #277eb0;
font-weight: bold;
text-decoration: none;
}
.calculatorbanner a:hover {
text-decoration: underline;
}
/*---------------------------------------------------*/
.calculatorbanner2 {
background: #3BA9EE;
border: 1px solid #1C6B9D;
padding: 15px 13px;
font-size: 14px;
color: white;
box-shadow: 0 0 70px rgba(0, 0, 0, 0.3) inset;
}
.calculatorbanner2 .header {
font-size: 24px;
margin-bottom: 20px;
display: block;
color: #FFE05D;
}
.calculatorbanner2 ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.2;
}
.calculatorbanner2 ul li {
background: url(../images/bg_calculatorbanner_sep.png) no-repeat center bottom;
margin-bottom: 6px;
padding-bottom: 6px;
}
.calculatorbanner2 ul li:last-child {
background: none;
margin-bottom: 0;
padding-bottom: 0;
}
.calculatorbanner2 a {
background: url(../images/bg_calculatorbanner_item.png) no-repeat right center;
color: white;
text-decoration: none;
text-shadow: 0 0 0 rgba(0, 0, 0, 0.7);
display: block;
padding: 2px 30px 2px 0;
}
.calculatorbanner2 a:hover {
text-decoration: underline;
}
/*---------------------------------------------------*/
.blogpostbanner {
background: white url(../images/bg_blogpostbanner.png) no-repeat right top;
border: 1px solid #E4E4E4;
padding: 30px 15px;
font-size: 12px;
}
.blogpostbanner .header {
font-size: 18px;
margin-bottom: 20px;
display: block;
line-height: 1.3;
letter-spacing: -1px;
}
.blogpostbanner ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.3;
}
.blogpostbanner ul li {
margin-bottom: 10px;
}
.blogpostbanner ul li:last-child {
margin-bottom: 0;
}
.blogpostbanner a {
color: #c87f0b;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 3px;
}
.blogpostbanner a:hover {
text-decoration: underline;
}
/*---------------------------------------------------*/
ul.sidemenu2 {
margin: 0 0 20px 0;
padding: 1px 0 0 0;
list-style: none;
font-size: 12px;
font-weight: bold;
line-height: 1.2;
}
ul.sidemenu2 li {
position: relative;
margin-bottom: 10px;
}
ul.sidemenu2 a {
background: #277EB0;
text-decoration: none;
display: block;
color: white;
padding: 0 30px 0 20px;
line-height: 1.3;
}
ul.sidemenu2 a .vcenter {
display: table-cell;
vertical-align: middle;
height: 44px;
padding-top: 1px;
}
ul.sidemenu2 a:hover {
background-color: #216A94;
}
ul.sidemenu2 a.active {
background-color: #262626 !important;
color: white !important;
}
ul.sidemenu2 a.active .vcenter {
height: 46px;
padding-top: 1px;
}
ul.sidemenu2 .normal {
font-weight: normal;
}
ul.sidemenu2 a span.arrow {
display: none;
}
ul.sidemenu2 a.active span.arrow {
background: url(../images/bg_sidemenu_corner_hitel.png) no-repeat right;
width: 15px;
height: 47px;
position: absolute;
top: 0;
right: -15px;
display: block;
}
ul.sidemenu2 span.menuhelp {
background: #FDFDFD url(../images/bg_help.png) no-repeat 5px 4px;
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 15px;
right: 10px;
border-radius: 8px;
}
ul.sidemenu2 a.active span.menuhelp {
background-image: url(../images/bg_help_white.png);
background-color: #1F64A0;
border-color: #1F64A0;
}
/*---------------------------------------------------*/
.newsletter_panel {
background: white url(../images/bg_infobox.png) no-repeat 680px -1px;
width: 760px;
color: black;
margin: 20px auto 0 auto;
border: 1px solid #C3C3C3;
font-size: 13px;
}
.newsletter_panel.ajax {
position: absolute;
z-index: 11;
top: 50px;
left: 50%;
margin: 0 0 0 -380px;
border: 0;
}
.newsletter_panel .header1 {
display: block;
padding: 20px 30px;
border-bottom: 1px solid #DCDCDC;
font-size: 27px;
color: #c24413;
min-height: 31px;
}
.newsletter_panel .header2 {
font-size: 16px;
display: block;
margin-bottom: 10px;
color: #333333;
}
.newsletter_panel .content {
background: white;
box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.13) inset;
padding: 30px;
}
.newsletter_panel .content .highlight {
color: #b61d23;
}
.newsletter_panel a.close {
background: url(../images/bg_close2.png) no-repeat top;
width: 41px;
height: 41px;
display: block;
text-decoration: none;
position: absolute;
right: -18px;
top: -17px;
}
.newsletter_panel a.close:hover {
background-position: bottom;
}
.newsletter_panel .expert {
float: left;
width: 190px;
margin-right: 30px;
font-size: 13px;
line-height: 1.3;
text-align: center;
}
.newsletter_panel .expert img {
display: block;
max-width: 100%;
margin-bottom: 5px;
}
.newsletter_panel .infotext {
float: left;
width: 480px;
line-height: 1.5;
position: relative;
}
.newsletter_panel .infotext .nbr {
background: #2790CA;
width: 27px;
height: 30px;
padding-left: 3px;
line-height: 31px;
display: inline-block;
color: white;
font-size: 16px;
font-weight: bold;
text-align: center;
text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.4);
border-radius: 15px;
}
.newsletter_panel .infotext .nbr.red {
background-color: #B93133;
}
.newsletter_panel .infotext p {
margin-bottom: 10px;
}
.newsletter_panel .infotext p.p_width {
width: 260px;
}
.newsletter_panel .inner_panel {
background: white;
border: 1px solid #C3C3C3;
padding: 20px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1) inset;
position: relative;
z-index: 2;
margin-top: 15px;
}
.newsletter_panel .inner_panel .header {
font-size: 18px;
display: block;
margin-bottom: 15px;
}
.newsletter_panel .txtinput {
font-size: 16px;
color: #287eaf;
font-weight: bold;
height: 46px;
line-height: 46px;
padding: 0 12px;
width: 340px;
border-radius: 5px;
}
.newsletter_panel .mailimg {
position: absolute;
top: 424px;
left: -10px;
}
.newsletter_panel a.button {
background: #8ABA38 url(../images/bg_btn_billboard.png) no-repeat right center;
display: inline-block;
text-decoration: none;
font-size: 22px;
font-weight: bold;
color: white;
text-align: center;
height: 48px;
line-height: 45px;
width: 270px;
margin: 0 10px;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3);
border-radius: 2px;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
transition: all 0.1s linear;
}
.newsletter_panel a.button:hover {
background-color: #95c941;
}
.newsletter_panel .success {
background-color: #FEFAE6;
border: 1px solid #D5D5D5;
padding: 20px;
font-size: 18px;
line-height: 1.2;
overflow: hidden;
}
.newsletter_panel .success p {
margin-bottom: 10px;
line-height: 1.3;
}
.newsletter_panel.hitelerdeklodes .expert {
width: 140px;
}
.newsletter_panel.hitelerdeklodes .label {
font-size: 13px;
width: 100px;
padding-top: 12px;
}
.newsletter_panel.hitelerdeklodes .txtinput {
font-size: 14px;
color: #287eaf;
font-weight: bold;
height: 34px;
line-height: 34px;
padding: 0 10px;
width: 270px;
border-radius: 5px;
}
.newsletter_panel.hitelerdeklodes select {
border: 1px solid #C3C3C3;
outline: none;
font-size: 14px;
font-weight: bold;
padding: 6px;
box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.2) inset;
width: 292px;
border-radius: 5px;
color: #287eaf;
}
.newsletter_panel.hitelerdeklodes a.infolink {
color: #6495ed;
text-decoration: underline;
display: inline-block;
font-style: italic;
cursor: help;
font-size: 11px;
font-weight: normal !important;
}
.newsletter_panel.xmas .content {
background: white url(../images/bg_xmas.png) repeat;
}
.newsletter_panel.xmas .xmas_box {
background: url(../images/xmas_box.png);
width: 212px;
height: 120px;
position: absolute;
right: 50px;
bottom: -16px;
}
.newsletter_panel .success_panel {
background-color: #FEFAE6;
border: 1px solid #D5D5D5;
padding: 30px;
font-size: 18px;
line-height: 1.2;
overflow: hidden;
}
.newsletter_panel .success_panel .ico {
margin-right: 30px;
float: left;
background-color: #415546;
width: 50px;
height: 50px;
line-height: 50px;
display: inline-block;
border-radius: 25px;
vertical-align: middle;
font-size: 37px;
color: #fff;
font-weight: 600;
text-align: center;
}
.newsletter_panel .success_panel p {
margin-bottom: 10px;
}
/*---------------------------------------------------*/
.newsletter_bar {
background: #1e1e1e;
background-color: rgba(30, 30, 30, 0.95);
width: 100%;
position: fixed;
left: 0;
bottom: 0;
color: white;
z-index: 5;
}
.newsletter_bar .wrapper {
width: 970px;
margin: 0 auto;
position: relative;
}
.newsletter_bar .handle {
background: #0E0E0E url(../images/bg_newsletter_bar_handle.png) no-repeat 7px 6px;
height: 45px;
line-height: 45px;
font-size: 18px;
color: #b2b2b2;
font-weight: bold;
padding: 0 15px 0 54px;
position: absolute;
top: -45px;
cursor: pointer;
}
.newsletter_bar .handle span {
background: url(../images/bg_newsletter_bar_handle_arrow_up.png) no-repeat right center;
display: inline-block;
padding-right: 50px;
}
.newsletter_bar.opened .handle span {
background-image: url(../images/bg_newsletter_bar_handle_arrow_down.png);
}
.newsletter_bar .content {
height: 0;
overflow: hidden;
}
.newsletter_bar .content .box {
background: #262626 no-repeat 155px 68px;
width: 261px;
min-height: 153px;
border: 1px solid #515151;
margin: 30px 30px 15px 0;
padding: 15px 15px 0 15px;
float: left;
line-height: 1.3;
font-size: 13px;
position: relative;
}
.newsletter_bar .content .box.last {
margin-right: 0;
}
.newsletter_bar .content .box .header {
font-size: 18px;
font-weight: bold;
display: block;
margin-bottom: 15px;
}
.newsletter_bar .content .box p {
color: #b2b2b2;
line-height: 1.5;
}
.newsletter_bar .content .box.formdata {
color: #b2b2b2;
}
.newsletter_bar .content .box.formdata a.checkboxlink,
.newsletter_bar .content .box.formdata a {
color: #b2b2b2 !important;
}
.newsletter_bar .content .box.formdata .header {
color: #8bcd03;
}
.newsletter_bar .content .box.formdata .txtinput {
font-size: 13px;
width: 153px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.newsletter_bar .content .box.formdata .button {
background: #6EA900;
color: white !important;
display: block;
width: 96px;
height: 34px;
line-height: 34px;
font-size: 16px;
text-align: center;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
margin-left: -1px;
}
.newsletter_bar .content .box.formdata .field_confirm,
.newsletter_bar .content .box.formdata .field_newsletter {
margin-bottom: 0;
}
.newsletter_bar .content .box.ebook {
}
.newsletter_bar .content .box.ebook p {
width: 130px;
}
.newsletter_bar .prize {
background: #6EA900;
color: white;
font-size: 18px;
font-weight: bold;
padding: 12px 10px;
}
.newsletter_bar .over_ico {
background: no-repeat;
display: block;
width: 57px;
height: 57px;
position: absolute;
top: 86px;
}
.newsletter_bar .over_ico.plus {
background-image: url(../images/bg_newsletter_plus.png);
left: 277px;
}
.newsletter_bar .over_ico.eq {
background-image: url(../images/bg_newsletter_eq.png);
left: 600px;
}
.newsletter_bar .success {
padding: 20px 10px;
font-size: 16px;
line-height: 1.2;
overflow: hidden;
}
.newsletter_bar .success p {
margin-bottom: 10px;
line-height: 1.3;
}
/*---------------------------------------------------*/
.hitel_eloszures_panel_button {
background: #3280B8;
background-image: linear-gradient(top, #3280B8 0%, #125EA1 100%);
background-image: -o-linear-gradient(top, #3280B8 0%, #125EA1 100%);
background-image: -moz-linear-gradient(top, #3280B8 0%, #125EA1 100%);
background-image: -webkit-linear-gradient(top, #3280B8 0%, #125EA1 100%);
background-image: -ms-linear-gradient(top, #3280B8 0%, #125EA1 100%);
color: white;
display: inline-block;
cursor: pointer;
font-size: 13px;
font-weight: 600;
border: 1px solid #a9a9a9;
position: fixed;
bottom: 45px;
right: 5px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
width: 230px;
line-height: 1.3;
text-align: center;
z-index: 3;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s all linear;
-moz-transition: 0.3s all linear;
-ms-transition: 0.3s all linear;
-o-transition: 0.3s all linear;
transition: 0.3s all linear;
}
.hitel_eloszures_panel_button:hover {
background: #3280B8;
}
.hitel_eloszures_panel_button.show {
opacity: 1;
visibility: visible;
}
.hitel_eloszures_panel_button .close {
width: 20px;
height: 20px;
line-height: 18px;
display: block;
text-decoration: none;
position: absolute;
right: 0;
top: 0;
font-size: 15px;
text-align: center;
color: white;
}
.hitel_eloszures_panel_button p {
padding: 5px;
}
/*---------------------------------------------------*/
.hitel_eloszures_panel2 {
background: #3280B8;
background-image: linear-gradient(top, #3280B8 0%, #125EA1 100%);
background-image: -o-linear-gradient(top, #3280B8 0%, #125EA1 100%);
background-image: -moz-linear-gradient(top, #3280B8 0%, #125EA1 100%);
background-image: -webkit-linear-gradient(top, #3280B8 0%, #125EA1 100%);
background-image: -ms-linear-gradient(top, #3280B8 0%, #125EA1 100%);
width: 795px;
padding: 20px;
margin: 20px auto 0 auto;
border: 2px solid #C4C4C4;
border-radius: 2px;
color: white;
font-size: 12px;
min-height: 447px;
position: relative;
}
.hitel_eloszures_panel2.ajax {
position: fixed;
z-index: 11;
margin: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s all linear;
-moz-transition: 0.3s all linear;
-ms-transition: 0.3s all linear;
-o-transition: 0.3s all linear;
transition: 0.3s all linear;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.hitel_eloszures_panel2.ajax.show {
visibility: visible;
opacity: 1;
bottom: 50%;
right: 50%;
margin: 0 -417px -335px 0;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.hitel_eloszures_panel2.ajax.anim_off {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.hitel_eloszures_panel2 a.close {
width: 30px;
height: 30px;
line-height: 27px;
display: block;
text-decoration: none;
position: absolute;
right: 10px;
top: 10px;
color: #dfeaf8;
font-size: 15px;
border: 1px solid #dfeaf8;
border-radius: 15px;
text-align: center;
}
.hitel_eloszures_panel2 a.close:hover {
border-color: white;
color: white;
}
.hitel_eloszures_panel2 .open_panel {
font: 500 40px/1.2 'Cronos';
text-align: center;
padding-top: 100px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.hitel_eloszures_panel2.next_opened .open_panel {
display: none;
}
.hitel_eloszures_panel2 .open_panel strong {
font-size: 62px;
font-weight: 500;
}
.hitel_eloszures_panel2 .open_panel .big_button {
background: #54B959 repeat-x;
background-image: linear-gradient(top, #54B959 0%, #3F9343 100%);
background-image: -o-linear-gradient(top, #54B959 0%, #3F9343 100%);
background-image: -moz-linear-gradient(top, #54B959 0%, #3F9343 100%);
background-image: -webkit-linear-gradient(top, #54B959 0%, #3F9343 100%);
background-image: -ms-linear-gradient(top, #54B959 0%, #3F9343 100%);
padding: 0 20px;
height: 70px;
border: 1px solid #016438;
border-bottom: 1px solid rgba(0, 0, 0, 0.8) !important;
border-radius: 4px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
display: inline-block;
font: 500 24px/70px 'Cronos';
color: white;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
margin-top: 40px;
text-decoration: none;
}
.hitel_eloszures_panel2 .open_panel .big_button .big {
font-size: 40px;
}
.hitel_eloszures_panel2 .open_panel .big_button img {
vertical-align: middle;
margin: -5px 0 0 5px;
}
.hitel_eloszures_panel2 .open_panel .cancel {
font-size: 12px;
color: #2574b0;
text-decoration: underline;
position: absolute;
right: 5px;
bottom: 5px;
}
.hitel_eloszures_panel2 .next_panel {
display: none;
}
.hitel_eloszures_panel2.next_opened .next_panel {
display: block;
}
.hitel_eloszures_panel2 .next_panel .header {
font: 500 40px/1 'Cronos';
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
display: block;
margin-bottom: 20px;
}
.hitel_eloszures_panel2 .form_panel {
background: white;
border: 1px solid #BBBBBB;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
width: 598px;
min-height: 385px;
float: left;
position: relative;
color: black;
}
.hitel_eloszures_panel2 .form_panel .inner_content {
padding: 15px 25px;
}
.hitel_eloszures_panel2 .form_panel .field {
padding: 5px 0;
overflow: hidden;
position: relative;
}
.hitel_eloszures_panel2 .form_panel .field .label {
font-size: 15px;
float: left;
width: 205px;
padding: 7px 15px 0 10px;
position: relative;
line-height: 1.3;
}
.hitel_eloszures_panel2 .form_panel .field .label.full {
width: auto;
float: none;
margin-bottom: 5px;
}
.hitel_eloszures_panel2 .form_panel .field .col {
float: left;
width: 260px;
}
.hitel_eloszures_panel2 .form_panel .field .col.col2 {
width: 49%;
text-align: left;
}
.hitel_eloszures_panel2 .form_panel .field .col_full {
float: none;
width: auto;
padding-left: 125px;
}
.hitel_eloszures_panel2 .form_panel .field .label .fnbr {
display: none;
}
.hitel_eloszures_panel2 .form_panel select {
border: 1px solid #D7D7D7;
font-size: 15px;
padding: 5px;
color: black;
width: 242px;
outline: none;
}
.hitel_eloszures_panel2 .form_panel .txtinput {
border: 1px solid #E9E9E9;
outline: none;
font-size: 15px;
padding: 5px;
color: black;
width: 242px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05) inset;
}
.hitel_eloszures_panel2 .form_panel textarea {
border: 1px solid #E9E9E9;
outline: none;
font-size: 13px;
padding: 5px;
color: black;
width: 242px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05) inset;
}
.hitel_eloszures_panel2 .form_panel .input-box {
background: white;
border: 1px solid #E9E9E9;
display: inline-block;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05) inset;
}
.hitel_eloszures_panel2 .form_panel .input-box .txtinput {
background: transparent;
border: none;
box-shadow: 0 0 0;
}
.hitel_eloszures_panel2 .field .optionbutton {
background: white;
border: 1px solid #D7D7D7;
font-size: 12px;
color: #126dad;
padding: 5px 5px 5px 25px;
width: 65px;
position: relative;
line-height: 1.2;
margin: 0 8px 4px 0;
cursor: pointer;
display: inline-block;
vertical-align: middle;
}
.hitel_eloszures_panel2 .field .optionbutton .checkbox {
background: no-repeat center;
background-size: 10px 8px;
border: 1px solid #C9C9C9;
width: 12px;
height: 12px;
display: inline-block;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.08) inset;
position: absolute;
top: 5px;
left: 5px;
}
.hitel_eloszures_panel2 .field .optionbutton:hover {
border-color: #a9a9a9;
}
.hitel_eloszures_panel2 .field .optionbutton.active {
background-color: #E7F4FD;
}
.hitel_eloszures_panel2 .field .optionbutton.active .checkbox {
background-image: url(../images/bg_checkbox_checked.png);
}
.hitel_eloszures_panel2 .form_panel .input-box .unit {
font-size: 15px;
color: #d9d9d9;
vertical-align: middle;
margin-left: 5px;
}
.hitel_eloszures_panel2 .form_panel .unit {
font-size: 16px;
color: #b1b1b1;
vertical-align: middle;
}
.hitel_eloszures_panel2 .form_panel .field.error:after {
content: "\f12a";
display: block;
position: absolute;
right: 17px;
top: 12px;
font: normal normal normal 20px/1 FontAwesome;
color: #C73B3B;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.hitel_eloszures_panel2 .form_panel .field.ok:after {
content: "\f00c";
display: block;
position: absolute;
right: 10px;
top: 12px;
font: normal normal normal 20px/1 FontAwesome;
color: #44AA22;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.hitel_eloszures_panel2 .form_panel .field .msg {
display: none;
color: #db0000;
font-weight: 600;
font-size: 12px;
line-height: 1.3;
margin: 5px 0 0 0;
}
.hitel_eloszures_panel2 .form_panel .field.error .msg {
display: block;
}
.hitel_eloszures_panel2 .form_panel .txtinput[name=phone1]:focus::-webkit-input-placeholder {
color: transparent;
}
.hitel_eloszures_panel2 .form_panel .txtinput[name=phone1]:focus:-moz-placeholder {
color: transparent;
}
.hitel_eloszures_panel2 .form_panel .txtinput[name=phone1]:focus::-moz-placeholder {
color: transparent;
}
.hitel_eloszures_panel2 .form_panel .txtinput[name=phone1]:focus:-ms-input-placeholder {
color: transparent;
}
.hitel_eloszures_panel2 .form_panel .field_confirm {
width: 360px;
margin-bottom: 0;
}
.hitel_eloszures_panel2 .form_panel .field_confirm {
background: transparent;
font-size: 12px;
float: left;
}
.hitel_eloszures_panel2 .form_panel .field_confirm .field {
background: transparent;
font-size: 12px;
margin-bottom: 0;
}
.hitel_eloszures_panel2 .form_panel .field_confirm .label {
float: none;
border: 1px solid #E1E1E1;
text-align: left;
padding: 5px 10px;
width: 180px !important;
cursor: pointer;
}
.hitel_eloszures_panel2 .form_panel .field_confirm .label .checkbox {
margin-right: 10px;
}
.hitel_eloszures_panel2 .form_panel .field_confirm .confirm_container {
padding: 0 10px 0 10px;
}
.hitel_eloszures_panel2 .form_panel .checkbox_container {
padding: 1px 0 0 28px;
position: relative;
line-height: 1.2;
min-height: 15px;
font-size: 12px;
color: #818181;
}
.hitel_eloszures_panel2 .form_panel .checkbox_container .checkbox {
position: absolute;
top: 0;
left: 0;
}
.hitel_eloszures_panel2 .form_panel .checkbox_container span {
vertical-align: middle;
}
.hitel_eloszures_panel2 .form_panel .checkbox_container .click_area {
cursor: pointer;
}
.hitel_eloszures_panel2 .form_panel .checkbox_container a {
color: #818181;
text-decoration: none;
border-bottom: 1px dotted #818181;
}
.hitel_eloszures_panel2 .form_panel .checkbox {
background: no-repeat center;
background-size: 10px 8px;
border: 1px solid #C9C9C9;
width: 14px;
height: 14px;
display: inline-block;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.08) inset;
vertical-align: middle;
cursor: pointer;
}
.hitel_eloszures_panel2 .form_panel .checkbox.active {
background-image: url(../images/bg_checkbox_checked.png);
}
.hitel_eloszures_panel2 .form_panel .btn_container {
float: right;
width: 180px;
padding-top: 20px;
text-align: right;
position: relative;
}
.hitel_eloszures_panel2 .form_panel a.btn_send {
background: #016438 repeat-x;
background-image: linear-gradient(top, #4BB550 0%, #016438 100%);
background-image: -o-linear-gradient(top, #4BB550 0%, #016438 100%);
background-image: -moz-linear-gradient(top, #4BB550 0%, #016438 100%);
background-image: -webkit-linear-gradient(top, #4BB550 0%, #016438 100%);
background-image: -ms-linear-gradient(top, #4BB550 0%, #016438 100%);
width: 160px;
height: 48px;
border: 1px solid #016438;
border-bottom: 1px solid rgba(0, 0, 0, 0.8) !important;
border-radius: 4px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
display: inline-block;
font: 20px/48px 'Cronos';
color: white;
margin-bottom: 10px;
text-decoration: none;
text-align: center;
}
.hitel_eloszures_panel2 .form_panel a.btn_send:hover {
box-shadow: 0 0 0;
}
.hitel_eloszures_panel2 .form_panel a.btn_send span {
background: url(../images/bg_form_btn_send.png) no-repeat right center;
display: inline-block;
padding-right: 40px;
}
.hitel_eloszures_panel2 .form_panel .rating {
background: url(../images/trust_logo.png) no-repeat left center;
color: #818181;
font-size: 12px;
width: 150px;
margin: 27px 0 0 100px;
padding-left: 48px;
text-align: left;
line-height: 1.3;
min-height: 42px;
float: left;
}
.hitel_eloszures_panel2 .form_panel .rating img {
margin: 5px 0;
}
.hitel_eloszures_panel2 .form_panel .rating .logo {
font-family: 'Cronos';
font-size: 16px;
display: block;
color: black;
}
.hitel_eloszures_panel2 .form_panel .rating .logo .blue {
color: #1584c4;
}
.hitel_eloszures_panel2 .form_panel .loading {
display: none;
text-align: center;
font-weight: bold;
}
.hitel_eloszures_panel2 form.ondatasend .form_panel .loading {
display: block;
}
.hitel_eloszures_panel2 .form_panel .loading .loader {
background: url(../images/loader2.gif) no-repeat center;
margin-top: 10px;
width: 32px;
height: 32px;
display: inline-block;
}
.hitel_eloszures_panel2 form.ondatasend .form_panel a.btn_send {
display: none;
}
.hitel_eloszures_panel2 .form_panel .success {
background-color: #FEFAE6;
border: 1px solid #D5D5D5;
padding: 20px;
font-size: 16px;
line-height: 1.2;
overflow: hidden;
margin: 0;
}
.hitel_eloszures_panel2 .form_panel .success p {
margin-bottom: 10px;
line-height: 1.3;
}
.hitel_eloszures_panel2 .infotext {
float: right;
width: 180px;
line-height: 1.4;
}
.hitel_eloszures_panel2 .infotext p {
margin-bottom: 20px;
}
.hitel_eloszures_panel2 .expert {
text-align: center;
}
/*---------------------------------------------------*/
iframe[name=google_conversion_frame] {
display: none;
}
/*---------------------------------------------------*/
.cookie_info {
background: #4c5b66;
color: white;
padding: 8px 0;
width: 100%;
position: fixed;
z-index: 4;
left: 0;
bottom: 0;
text-align: center;
font-size: 12px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
border-top: 1px solid #6d6d6d;
}
.cookie_info a {
color: white;
}
.cookie_info a.button {
background: #2e2e2e;
height: 20px;
line-height: 20px;
display: inline-block;
padding: 0 10px;
text-decoration: none;
border-radius: 5px;
margin-left: 20px;
border: 1px solid #6d6d6d;
}
.cookie_info a.button:hover {
border-color: #c8c8c8 !important;
}
.cookie_info a.button.confirm {
background-color: #d35630;
border-color: #d35630;
}
/*---------------------------------------------------*/
.ebook_formbox {
background: #FCFDFD;
border: 1px solid #C5C1BC;
padding: 10px;
width: 172px;
font-size: 11px;
color: #8b9094;
display: block;
text-decoration: none;
line-height: 1.3;
overflow: hidden;
font-weight: bold;
}
.ebook_formbox .panelheader {
font-size: 14px;
color: #666666;
display: block;
margin-bottom: 2px;
font-weight: bold;
}
.ebook_formbox:hover {
background-color: #F6F6F6;
color: black;
}
.ebook_formbox:hover .panelheader {
color: #cc4a0a;
}
.ebook_formbox img {
float: left;
max-width: 50px;
margin-right: 10px;
}
.ebook_formbox .text {
overflow: hidden;
}
.ebook_formbox .download {
background: url(../images/bg_link_dl.png) no-repeat left center;
color: #277eb0;
padding-left: 6px;
}
/*---------------------------------------------------*/
.no-blur.zoompopup-active .zoompopup-contents {
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
}
.zoompopup-popup {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.zoompopup-active .zoompopup-popup-animate {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.zoompopup-ready body,
.zoompopup-ready .zoompopup-contents,
.zoompopup-ready .zoompopup-popup {
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
-moz-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
-ms-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
-o-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.zoompopup-ready .zoompopup-popup.no-transition {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
/*---------------------------------------------------*/
ul.breadcrumbs {
font-size: 12px;
margin: 0 0 20px 0 !important;
padding: 0;
list-style: none;
overflow: hidden;
line-height: 1.2;
}
ul.breadcrumbs li {
float: left;
margin-right: 5px;
}
ul.breadcrumbs li:after {
content: " >";
}
ul.breadcrumbs li:last-child:after {
content: "";
}
ul.breadcrumbs a {
color: #126dad;
text-decoration: none;
}
ul.breadcrumbs a:hover {
text-decoration: underline;
}
/*---------------------------------------------------*/
.cib_banner1 {
background: url(../images/cib180_1.jpg) no-repeat;
width: 180px;
height: 400px;
display: block;
position: relative;
}
.cib_banner1.info {
background-image: url(../images/cib180_2.jpg);
}
.cib_banner1 .jogi_info {
background: transparent;
position: absolute;
left: 0;
bottom: 60px;
width: 100%;
height: 28px;
cursor: help;
}
/*---------------------------------------------------*/
.cib_banner2 {
background: url(../images/cib550_1.jpg) no-repeat;
width: 550px;
height: 120px;
display: block;
position: relative;
}
.cib_banner2.info {
background-image: url(../images/cib550_2.jpg);
}
.cib_banner2 .jogi_info {
background: transparent;
position: absolute;
right: 0;
bottom: 30px;
width: 120px;
height: 28px;
cursor: help;
}
/*---------------------------------------------------*/
#main_loader {
background: url(../images/loader2.gif) no-repeat center;
background-color: rgba(255, 255, 255, 0.6);
position: fixed;
left: 0;
top: 0;
z-index: 5;
width: 100%;
height: 100%;
display: none;
}
body.loading #main_loader {
display: block;
}
/*---------------------------------------------------*/
#calc_loader {
background-color: rgba(255, 255, 255, 0.6);
position: fixed;
left: 0;
top: 0;
z-index: 5;
width: 100%;
height: 100%;
display: none;
}
body.calcloading #calc_loader {
display: block;
}
#calc_loader .content {
background: #fff;
width: 540px;
height: 330px;
position: absolute;
left: 50%;
top: 50%;
margin: -165px 0 0 -270px;
box-shadow: 0 0 35px rgba(0, 0, 0, 0.3);
padding: 40px;
box-sizing: border-box;
line-height: 1.3;
font-size: 16px;
color: #313745;
}
#calc_loader .content .header {
font-size: 24px;
display: block;
margin-bottom: 35px;
}
#calc_loader .content p {
margin: 10px 0;
}
#calc_loader .content .progress {
}
#calc_loader .content .progress .progressline {
background: #ECECEC;
height: 7px;
overflow: hidden;
margin: 20px 0 20px 0;
}
#calc_loader .content .progress .progressline .position {
animation-duration: 3s;
background: #d35630;
width: 0;
}
#calc_loader .content .progress.go .progressline .position {
animation-name: progressmove;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
@keyframes progressmove {
0% {
width: 0%;
}
25% {
width: 20%;
}
50% {
width: 30%;
}
75% {
width: 80%;
}
100% {
width: 100%;
}
}
#calc_loader .content .statustext {
font-style: italic;
overflow: hidden;
}
#calc_loader .content .statustext ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 13px;
}
#calc_loader .content .statustext ul li {
margin-bottom: 5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 0;
position: relative;
top: 20px;
}
#calc_loader .content .statustext ul li.show {
opacity: 1;
top: 0;
}
body.calcloading #calc_loader {
display: block;
}
/*---------------------------------------------------*/
.kerdoiv_panel {
line-height: 1.3;
font-size: 15px;
margin: 15px 0;
width: 220px;
float: right;
}
.kerdoiv_panel .header {
display: block;
font-family: "Cronos";
font-size: 18px;
font-weight: normal;
margin-bottom: 5px;
}
.kerdoiv_panel .tw_btn {
margin: 10px 0;
display: block;
}
.font_br_logo {
font-family: 'Cronos';
font-size: 16px;
color: #1A6EAB;
display: inline-block;
font-weight: normal;
text-transform: none;
}
.font_br_logo strong {
color: #41484E;
font-weight: 600;
}
/*---------------------------------------------------*/
.adverticum_tapeta {
}
.adverticum_tapeta .banner {
width: 509px;
height: 892px;
top: 124px;
}
.adverticum_tapeta .left_banner {
position: absolute;
left: 50%;
margin-left: -1004px;
z-index: 2;
text-align: right;
}
.adverticum_tapeta .right_banner {
position: absolute;
right: 50%;
margin-right: -1004px;
z-index: 2;
text-align: left;
}
.adverticum_tapeta .promotiontext {
color: #A4A4A4;
display: block;
font-size: 12px;
position: absolute;
top: 5px;
right: 5px;
z-index: 3;
}
body.brand_hitel_icom .adverticum_tapeta .banner,
body.brand_kolcson_icom .adverticum_tapeta .banner {
top: 47px;
}
body.brand_domain.brand_biztositas_hu .adverticum_tapeta .banner {
top: 151px;
}
body.brand_domain.brand_kirakat_hu .adverticum_tapeta .banner {
top: 128px;
}
body.brand_domain.brand_haszon_hu .adverticum_tapeta .banner {
top: 0;
}
body.brand_domain.brand_kiszamolo_hu .adverticum_tapeta .banner {
top: 30px;
}
body.brand_domain.brand_kiszamolo_hu .adverticum_tapeta .left_banner {
margin-left: -1034px;
}
body.brand_domain.brand_kiszamolo_hu .adverticum_tapeta .right_banner {
margin-right: -1034px;
}
body.brand_domain.brand_vg_hu .adverticum_tapeta .banner {
top: 0;
}
body.brand_domain.brand_vg_hu .adverticum_tapeta .left_banner {
margin-left: -1058px;
}
body.brand_domain.brand_vg_hu .adverticum_tapeta .right_banner {
margin-right: -1058px;
}
body.brand_domain.brand_gasz_hu .adverticum_tapeta .banner {
top: 162px;
}
body.brand_domain.brand_hitelkozvetito_hu .adverticum_tapeta .banner {
top: 87px;
}
body.brand_domain.brand_penzcentrum_hu .adverticum_tapeta .banner {
top: 201px;
}
#reg_form span.info_ico {
display: inline-block;
vertical-align: middle;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
border-radius: 8px;
color: white;
font-weight: bold;
cursor: help;
background-color: #dadada;
position: relative;
font-size: 14px;
line-height: 16px;
width: 15px;
height: 15px;
text-shadow: none;
margin-left: 5px;
}
/*---------------------------------------------------*/
.tapeta {
pointer-events: none;
position: fixed;
left: calc(50% - 623px);
top: 0;
width: 1246px;
height: 100%;
z-index: 1;
}
.tapeta .left_banner {
width: 50%;
position: absolute;
left: 0;
top: 134px;
}
.tapeta .left_banner a, .tapeta .right_banner a {
pointer-events: auto;
width: auto;
}
.tapeta .right_banner {
width: 50%;
position: absolute;
right: 0;
top: 134px;
display: flex;
justify-content: flex-end;
}
.tapeta .promotiontext {
bottom: 6px;
position: absolute;
}
body.brand_domain.brand_biztositas_hu .tapeta .left_banner,
body.brand_domain.brand_biztositas_hu .tapeta .right_banner {
top: 161px;
}
body.brand_domain.brand_kiszamolo_hu .tapeta .left_banner,
body.brand_domain.brand_kiszamolo_hu .tapeta .right_banner {
top: 240px;
}
body.brand_domain.brand_teszvesz_hu .tapeta .left_banner,
body.brand_domain.brand_teszvesz_hu .tapeta .right_banner {
top: 143px;
}
body.brand_domain.brand_vg_hu .tapeta .left_banner,
body.brand_domain.brand_vg_hu .tapeta .right_banner {
top: 192px;
}
body.brand_domain.brand_gasz_hu .tapeta .left_banner,
body.brand_domain.brand_gasz_hu .tapeta .right_banner {
top: 159px;
}
body.brand_domain.brand_penzcentrum_hu .tapeta .left_banner,
body.brand_domain.brand_penzcentrum_hu .tapeta .right_banner {
top: 201px;
}
/*---------------------------------------------------*/
@media (max-width: 1000px) {
#top nav.main_menu .wrapper{
padding: 0 0 0 10px;
}
#top .section1 .logo {
margin: 0 0 0 10px;
}
#top nav.main_menu .wrapper > ul {
max-width: 950px;
}
#top nav.main_menu .wrapper > ul > li.has_submenu > a {
padding: 0 10px 0 0;
}
#top nav.main_menu .wrapper > ul > li.has_submenu > a:after {
right: -8px;
}
#top nav.main_menu .wrapper > ul > li.miert {
margin-right: 30px;
}
.dashboard__wrapper {
box-sizing: border-box;
padding: 0 10px;
}
.dashboard__item {
width: 213px;
}
.tabset3 {
margin: 38px 10px 0;
width: 990px;
}
.banklogos {
margin: 10px 10px 56px 10px;
}
}
.popup_template_wrapper {
display: none;
}
.regpasssuccess {
margin: 0 auto;
width: 1000px;
}