@charset "utf-8";
/* CSS Document */

body {margin: 0; font-family: Arial, Helvetica, sans-serif; background: #ebd8ae;}
a {text-decoration: none; color: #66851e;} a:hover {color: #666;} a img {border: none;}
div.maxwidth {position: relative; float: left; width: 100%;}
div.center {position: relative; margin: 0 auto; width: 1000px; min-height: 100%;}
#ui-datepicker-div {display: none;}

div.foglalas {background: url(../images/bg_felso.jpg) repeat-x center; height: 541px; margin-top: -526px;}
div.foglalas ul, div.top div#menubox div.content div#kereses ul, div.kapcsolat ul {
        list-style: none;
        padding: 0;
        margin: 0;
      }
      div.foglalas li, div.top div#menubox div.content div#kereses li, div.kapcsolat li {
        margin-bottom: 16px;
        clear: both;
      }
      div.foglalas label, div.top div#menubox div.content div#kereses label, div.kapcsolat label {
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        display: block;
        margin-bottom: 3px;
        clear: both;
      }
#ui-datepicker-div {font-size: 10pt;}
.hidden {display: none;}
div.foglalas div.viragok {position: absolute; left: 0; bottom: 16px; background: url(../images/level_felso_bg.png) no-repeat; width: 458px; height: 78px;}
div.foglalas div.form1 {position: relative; float: left; clear: both; width: 400px;}
div.foglalas div.form2 {position: relative; float: left; width: 250px; margin-left: 15px;}
div.foglalas div.form3 {position: relative; float: right; width: 318px;}
div.foglalas div.form3 div.text {position: relative; float: left; width: 298px; padding: 10px; font-size: 10pt; line-height: 16pt; color: #888; background: #fff; margin-top: -2px;}
div.foglalas div.form3 div.bg {position: absolute; left: -5px; bottom: -20px; width: 330px; height: 128px; background: url(../images/bg_captcha.png) no-repeat;}
div.foglalas div.form3 div.text div.virag_bg {position: absolute; left: -25px; bottom: 67px; width: 49px; height: 78px; background: url(../images/level_felso_captcha_bg.png) no-repeat;}
div.foglalas div.form4 {position: relative; float: right; width: 318px; margin-top: 10px;}
div.foglalas div.form4 div.bg {position: absolute; left: -20px; top: 0; width: 220px; height: 62px; background: url(../images/level_felso_gombok_bg.png) no-repeat;}
div.foglalas div.form4 div.button_elkuld {position: absolute; left: 28px; top: 10px; width: 105px; height: 33px; background: url(../images/gomb_elkuld1.png) no-repeat; text-align: center; color: #fff; text-shadow: 1px 1px 1px #000; padding: 10px 5px 0 0; font-size: 12pt; cursor: pointer; font-family: Verdana, Geneva, sans-serif;}
div.foglalas div.form4 div.button_elkuld:hover {background: url(../images/gomb_elkuld2.png) no-repeat;}
div.foglalas div.form4 div.button_megsem {position: absolute; left: 140px; top: 10px; width: 105px; height: 33px; background: url(../images/gomb_torol1.png) no-repeat; text-align: center; color: #fff; text-shadow: 1px 1px 1px #000; padding: 10px 5px 0 0; font-size: 12pt; cursor: pointer; font-family: Verdana, Geneva, sans-serif;}
div.foglalas div.form4 div.button_megsem:hover {background: url(../images/gomb_torol2.png) no-repeat;}


div.center img.title {margin: 24px 0 36px 0;}
div.top {background: url(../images/bg_banner.jpg) repeat-x center top; min-height: 500px;}

div.top div.szoba_bg {position: absolute; bottom: 4px; left: 50%; margin-left: -500px; background: url(../images/bg_tartalom.png) no-repeat bottom center; width: 1000px; height: 391px; z-index: -1;}
div.top div.elvalaszto {position: absolute; bottom: 0; left: 50%; margin-left: -500px; background: url(../images/elvalaszto.png) no-repeat center; width: 1000px; height: 4px; z-index: -1;}

div.top div#banner {position: absolute; top: 20px; right: 0; width: 760px; height: 380px;}
div.top div#banner div#bannermenu {position: absolute; bottom: 20px; right: 20px; width: 200px; text-align: right; text-transform: uppercase; color: #fff; font-size: 9pt; z-index: 1011; letter-spacing: 1px;}
div.top div#banner div.level {position: absolute; bottom: -79px; right: 0px; width: 720px; height: 79px; background: url(../images/level_banner.png) no-repeat right top; z-index: 1;}
div.top div#banner div#bannermenu a {color: #fff;} div.top div#banner div#bannermenu a:hover {color: #8bac13;}
div.top div#banner div.pix_diapo div.text {position: absolute; top: 160px; right: 20px; width: 300px; font-size: 11pt; color: #b5c571; text-shadow: 0px 0px 3px #000; line-height: 18pt;}
div.top div#banner div.pix_diapo div.olvassa {position: absolute; top: 130px; right: 20px; width: 300px; font-size: 11pt;text-align: right;} div.top div#banner div.pix_diapo div.olvassa a {color: #fff; text-transform: uppercase; font-size: 9pt;} div.top div#banner div.pix_diapo div.olvassa a:hover {color: #8bac13;}
div.top div#banner div.pix_diapo div.atfedes {position: absolute; top: 0; right: -33px; width: 378px; height: 360px; background: url(../images/banner_jobb.png) no-repeat;}
div.top div#banner div.pix_diapo div.banner_nev {position: absolute; top: 79px; right: 20px; height: 55px; width: auto; background: url(../images/banner_text_bg.png) no-repeat left top; padding-top: 6px; padding-left: 40px;}
div.top div#banner div#atfedes {position: absolute; top: 10px; right: -23px; width: 23px; height: 360px; background: url(../images/banner_jobb.png) no-repeat right top; z-index: 10;}


div.top div#menubox {position: relative; float: left; z-index: 2; margin-left: 10px; width: 278px;}
div.top div#menubox div#menubg {position: absolute; top: 0; left: -6px; width: 289px; height: 100%; background: url(../images/menu_arnyek_bg.png) repeat-y center;}
div.top div#menubox div#menubgarnyek {position: absolute; bottom: -8px; left: -6px; width: 289px; height: 8px; background: url(../images/menu_arnyek_bg_bottom.png) no-repeat center bottom;}
div.top div#menubox div.content {position: relative; float: left; width: 100%; background: url(../images/menu_bg1.jpg) repeat-y;}
div.top div#menubox div.content a.menu {position: relative; float: left; width: 238px; padding: 13px 10px 13px 30px; color: #000; text-shadow: 1px 1px 1px #fff; font-size: 11pt; background: none;}
div.top div#menubox div.content a.menu:hover {background: url(../images/bg_kereses.png) no-repeat; padding: 13px 10px 13px 16px; width: 252px; color: #fff; text-shadow: 2px 2px 2px #000;}
div.top div#menubox div.content a.menu.selected {background: url(../images/bg_kereses.png) no-repeat;}
div.top div#menubox div.content div#kereses {position: relative; float: left; width: 278px; height: 111px; background: url(../images/bg_kereses.png) no-repeat;}
div.top div#menubox div.content div#kereses p {color: #000; text-shadow: 0px 0px 3px #fff; font-size: 10pt; text-transform: uppercase; text-align: center; margin-top: 24px;}
div.top div#menubox div.content div#kereses table a {color: #000; text-shadow: 0px 0px 3px #fff; font-size: 10pt;}
div.top div#menubox div.content div#kereses table a:hover {color: #fff;}
div.top div#menubox div.content div#kereses input.text {width: 130px; height: 23px;}
div.top div#menubox div.content div#kereses div.inp {float: left; margin-left: 28px;}
div.top div#menubox div.content div#kereses div.button_ok {float: left; width: 68px; height: 32px; background: url(../images/gomb_kereses_ok1.png) no-repeat; text-align: center; color: #fff; text-shadow: 1px 1px 1px #000; padding: 6px 3px 0 0; font-size: 10pt; cursor: pointer; font-family: Verdana, Geneva, sans-serif;}
div.top div#menubox div.content div#kereses div.button_ok:hover {background: url(../images/gomb_kereses_ok2.png) no-repeat;}

div.top div#menubox div.content div#kereses div.menuarnyek {position: absolute; top: 0; left: 0; width: 276px; height: 10px; background: url(../images/menu_also_arnyek.png) no-repeat center;}


div.top div#balbox {position: relative; float: left; width: 300px; margin-top: 30px; background: #f3e9d3; color: #42473f; padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index: 0;
	margin-bottom: 20px;
}
div.top div#balbox div.level {position: absolute; top: -40px; left: -10px; background: url(../images/level_menu_alatt.png) no-repeat; width: 126px; height: 125px;}
div.top div#balbox h2 {color: #68841e; font-weight: normal; font-size: 14pt; font-family: Verdana, Geneva, sans-serif; margin-bottom: 24px; margin-left: 46px;}
div.top div#balbox p {font-size: 10pt; line-height: 16pt;}
div.top div#balbox img.right {float: right; margin: 8px 0 8px 16px;}
div.top div#balbox img.left {float: left; margin: 8px 16px 8px 0;}
div.top div#balbox img {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  box-sizing: border-box;
  box-shadow: 0px 0px 0px 6px #fff;
}
div.top div#balbox div.bg {position: absolute; bottom: -12px; left: -9px; z-index: -1;}
div.top div#balbox div.bg img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;}
 
 
div.top div#contentload {position: relative; float: right; width: 600px; margin-top: 439px; background: #f3e9d3; color: #42473f; padding: 10px 20px 10px 20px; min-height: 500px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 0;
  margin-bottom: 200px;
 }
div.top div#contentload div#idetoltjukbe {position: relative; float: right; width: 100%;}
div.top div#contentload div.bg {position: absolute; bottom: -12px; left: -8px; z-index: -1;}
div.top div#contentload div.bg img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;}
 
div.top div#contentload h1 {font-weight: normal; font-size: 12pt; font-family: Verdana, Geneva, sans-serif; padding-bottom: 10px; background: url(../images/bg_h1.jpg) no-repeat center bottom;}
div.top div#contentload .zold {color: #68841e; font-size: 14pt;}
div.top div#contentload div.almenu {position: relative; float: left; width: 220px; margin-left: -10px; background: url(../images/tartalom_fuggoleges_vonal.jpg) right repeat-y; margin-top: -10px; padding-top: 16px;}
div.top div#contentload div.almenu a {position: relative; float: left; width: 233px; padding-top: 18px; padding-left: 30px; background: none; height: 35px; margin-left: -18px; margin-bottom: 3px; color: #68841e; font-size: 12pt; font-family: Verdana, Geneva, sans-serif; margin-top: -8px; background: url(../images/almenu_pontok.png) no-repeat left top;}
div.top div#contentload div.almenu a:hover, div.top div#contentload div.almenu a.selected {background: url(../images/almenu_nyil.png) no-repeat left top; color: #42473f;}
div.top div#contentload div.almenu a.nincsbg {background: none;}
div.top div#contentload div.almenu a.nincsbg.selected {background: url(../images/almenu_nyil_pontok_nelkul.png) no-repeat left top;}
div.top div#contentload div.almenu a.nincsbg:hover {background: url(../images/almenu_nyil_pontok_nelkul.png) no-repeat left top;}
div.top div#contentload div.tartalom {position: relative; float: right; width: 360px; padding-bottom: 24px;}
div.top div#contentload div.tartalom table.arak {margin-left: 60px; width: 500px; margin-bottom: 36px;}
div.top div#contentload div.tartalom table.szobak {border-top: 1px dotted #999; border-left: 1px dotted #999;}
div.top div#contentload div.tartalom table.szobak td {border-bottom: 1px dotted #999; border-right: 1px dotted #999;}
div.top div#contentload div.tartalom h2 {color: #68841e; font-weight: normal; font-size: 14pt; font-family: Verdana, Geneva, sans-serif; margin-top: 12px; margin-bottom: 24px;}
div.top div#contentload div.tartalom h2.arak {margin-bottom: 12px;}
div.top div#contentload div.tartalom p, div.top div#contentload div.tartalom li, div.top div#contentload div.tartalom table tr td {font-size: 10pt; line-height: 16pt;}
div.top div#contentload div.tartalom img {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  box-sizing: border-box;
  box-shadow: 0px 0px 0px 6px #fff;
  margin: 10px;
}
div.top div#contentload div.tartalom img.loading {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: 0px 0px 0px 0px #fff;
}
div.top div#contentload div.tartalom_100 {width: 100%;}


div.ajanlo div.elvalaszto {position: absolute; bottom: 0; left: 50%; margin-left: -500px; background: url(../images/elvalaszto.png) no-repeat center; width: 1000px; height: 4px;}
div.ajanlo {background: url(../images/bg_ajanlo.jpg) repeat-x center top; min-height: 293px;}
div.ajanlo #ajanlo {position: relative; float: left; clear: both; width: 1000px; padding-top: 18px; padding-left: 10px; background: url(../images/ajanlo_felso_cim_hu.png) no-repeat 120px 33px;}
div.ajanlo #ajanlo div.gal_div {position: relative; float: left; width: 140px; margin: 0 10px; font-size: 9pt; line-height: 15pt; text-align: center;}
div.ajanlo #ajanlo div.gal_banner_div {width: 300px; text-align: center;}
div.ajanlo #ajanlo div.gal_div img {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  box-sizing: border-box;
  box-shadow: 0px 0px 0px 6px #fff;
}
div.ajanlo #ajanlo div.bal_level {position: absolute; top: 0; left: 0; width: 126px; height: 125px; background: url(../images/level_menu_alatt.png) no-repeat;}
div.ajanlo #ajanlo div.jobb_level {position: absolute; top: 0; right: 50px; width: 331px; height: 79px; background: url(../images/level_ajanlo.png) no-repeat;}
div.ajanlo #ajanlo div.coda-nav-left {position: absolute; top: 131px; left: 14px; z-index: 1000;}
div.ajanlo #ajanlo div.coda-nav-right {position: absolute; top: 131px; right: 24px; z-index: 1000;}

div.elerhetosegek {background: url(../images/bg_banner.jpg) repeat-x center top; min-height: 375px;}
div.elerhetosegek div.terkep {position: relative; float: left; width: 600px; height: 300px; background: #fff; margin-top: 36px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.8);
	-moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.8);
	box-shadow: 3px 3px 6px rgba(0,0,0,0.8);
}
div.elerhetosegek div.terkep img.terkep {margin: 10px;}
div.elerhetosegek div.terkep div.gyujto {position: relative; width: 245px; float: right; margin-right: 20px; padding-bottom: 50px; background: url(../images/elerhetoseg_ferde_vonal.jpg) no-repeat right bottom;}
div.elerhetosegek div.terkep div.gyujto div.ikonok {position: absolute; bottom: 10px; right: 130px; width: 120px; text-align: center; z-index: 2;}

div.elerhetosegek div.terkep div.gyujto div.gomb {position: absolute; bottom: -10px; right: -5px; width: 123px; height: 42px; background: url(../images/gomb_tovabb1.png) no-repeat; text-align: center; color: #535552; text-shadow: 1px 1px 1px #fff; padding: 10px 5px 0 0; font-size: 12pt; cursor: pointer; font-family: Verdana, Geneva, sans-serif; z-index: 2;}
div.elerhetosegek div.terkep div.gyujto div.gomb:hover {background: url(../images/gomb_tovabb2.png) no-repeat;}
div.elerhetosegek div.terkep div.gyujto h2 {color: #68841e; font-weight: normal; font-size: 14pt; font-family: Verdana, Geneva, sans-serif; margin: 20px 0 0 0; padding: 0; background: url(../images/zold_nyil_jobbra.jpg) no-repeat right top; line-height: 18pt;}
div.elerhetosegek div.terkep div.gyujto h2 span.szurke {font-size: 10pt; color: #42473F;}
div.elerhetosegek div.terkep div.gyujto p.szaggatott_vonal {background: url(../images/elerhetoseg_szaggatott_vonal.png) right top no-repeat; margin: 6px 0 12px 0; font-size: 10pt; color: #42473F; padding: 18px 0 0 0; line-height: 16pt;}

div.elerhetosegek div.adatok {position: relative; float: right; width: 370px; height: 300px; background: #fff; margin-top: 36px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.8);
	-moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.8);
	box-shadow: 3px 3px 6px rgba(0,0,0,0.8);
}
div.elerhetosegek div.adatok div.adat {position: relative; float: left; width: 330px; padding: 10px 20px; border-top: 1px solid #999; background: none;}
div.elerhetosegek div.adatok div.adatelso {margin-top: 8px; border-top: none;}
/*div.elerhetosegek div.adatok div.adat:hover {background: #eee;}*/
div.elerhetosegek div.adatok div.adat h2 {color: #68841e; font-weight: normal; font-size: 12pt; font-family: Verdana, Geneva, sans-serif; margin: 0; line-height: 16pt;}
div.elerhetosegek div.adatok div.adat .szurke {font-size: 10pt; color: #42473F; margin: 6px 0; line-height: 16pt; margin-bottom: 0;}
div.elerhetosegek div.center div.viragok {position: absolute; bottom: -375px; left: 0; background: url(../images/level_elerhetosegek_bg.png) no-repeat; width: 1000px; height: 78px;}

div.oldalterkep {background: url(../images/bg_ajanlo.jpg) repeat-x center top; min-height: 280px;}
div.oldalterkep div.center {background: url(../images/elvalaszto.png) no-repeat center; width: 1000px; height: 4px;}
div.oldalterkep div.asztal {position: absolute; bottom: -280px; left: 0; background: url(../images/asztal.png) no-repeat top; width: 281px; height: 260px;}
div.oldalterkep div.menupontok {
	position: absolute;
	top: 30px;
}
div.oldalterkep div.menupontok p {margin: 0; border-bottom: 1px dotted #42473F; padding: 6px;}
div.oldalterkep div.menupontok p a {color: #42473F; font-size: 9pt; font-family: Verdana, Geneva, sans-serif;}
div.oldalterkep div.menupontok p a:hover {color: #68841e;}
div.oldalterkep div.menupontok h2 {color: #68841e; font-weight: normal; font-size: 12pt; font-family: Verdana, Geneva, sans-serif; margin: 0; padding: 6px; border-bottom: 1px dotted #42473F;}

div.oldalterkep div.menu1 {left: 170px; width: 150px;}
div.oldalterkep div.menu2 {left: 350px; width: 150px;}
div.oldalterkep div.menu3 {left: 530px; width: 180px;}
div.oldalterkep div.menu4 {left: 740px; width: 260px;}
div.oldalterkep div.menu4 img {border: 4px solid #999; margin: 0 10px 0 0;}
div.oldalterkep div.menu4 div {margin-top: 12px;}
div.oldalterkep div.menu4 div p {border: none; padding: 0;}
div.oldalterkep div.menu4 div p.feher {margin: 0 0 6px 0; font-size: 11pt;}
div.oldalterkep div.menu4 div p.feher a {color: #fff; text-shadow: 0px 0px 3px #000;}
div.oldalterkep div.menu4 div p.feher a:hover {color: #68841e; text-shadow: 0px 0px 3px #fff;}
div.oldalterkep div.menu4 div p.szurke {margin: 0; font-size: 8pt; line-height: 11pt; color: #42473F;}
div.oldalterkep div.menu4 div.border {padding-top: 12px; border-top: 1px dotted #42473F;}


div.kapcsolat {background: url(../images/bg_felso.jpg) repeat-x center top; min-height: 350px;}
div.kapcsolat img.terkep {position: absolute; top: 50px; right: 0;}
div.kapcsolat div.elvalaszto, div.kapcsolat div.bottom div.elvalaszto {position: absolute; top: -4px; left: 0; background: url(../images/elvalaszto_szaggatott.png) repeat-x; width: 100%; height: 7px;}
div.kapcsolat div.bottom {position: absolute; top: 300px; left: 0; background: url(../images/opacity_also.png); width: 100%; height: 35px;}
div.kapcsolat div.bal {position: absolute; top: 12px; left: 0; width: 600px; font-size: 9pt; color: #42473F;}
div.kapcsolat div.bal img.balatonweb_logo {margin-left: 10px; margin-right: 10px;}
div.kapcsolat div.jobb {position: absolute; top: 12px; right: 10px; width: 200px; font-size: 9pt; text-align: right;}
div.kapcsolat div.jobb a {color: #42473F;} div.kapcsolat div.jobb a:hover {color: #666;}



div.kapcsolat div.form1 {position: relative; float: left; width: 250px; clear: both;}
div.kapcsolat div.form1 li {margin-bottom: 15px;}
div.kapcsolat div.form2 {position: relative; float: left; width: 400px; margin-left: 15px;}
div.kapcsolat div.form2 div.viragok {position: absolute; right: 0; bottom: -58px; width: 268px; height: 78px; background: url(../images/level_also_gombok_bg.png) no-repeat;}
div.kapcsolat div.form2 div.button_elkuld {position: absolute; left: 168px; bottom: -5px; width: 105px; height: 33px; background: url(../images/gomb_elkuld1.png) no-repeat; text-align: center; color: #fff; text-shadow: 1px 1px 1px #000; padding: 10px 5px 0 0; font-size: 12pt; cursor: pointer; font-family: Verdana, Geneva, sans-serif;}
div.kapcsolat div.form2 div.button_elkuld:hover {background: url(../images/gomb_elkuld2.png) no-repeat;}
div.kapcsolat div.form2 div.button_megsem {position: absolute; left: 280px; bottom: -5px; width: 105px; height: 33px; background: url(../images/gomb_torol1.png) no-repeat; text-align: center; color: #fff; text-shadow: 1px 1px 1px #000; padding: 10px 5px 0 0; font-size: 12pt; cursor: pointer; font-family: Verdana, Geneva, sans-serif;}
div.kapcsolat div.form2 div.button_megsem:hover {background: url(../images/gomb_torol2.png) no-repeat;}

div#inline-tartalom {width:400px; height:130px; overflow:auto; font-size: 10pt; line-height: 16pt; color: #666; text-align: center;}
div#inline-tartalom span.green {color: #090; font-weight: bold;}
div#inline-tartalom span.red {color: #900; font-weight: bold;}