* {padding: 0; margin: 0;}
html, body {height: 100%;}
body {background: #fff; color: #44342b; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 14px;}
a {color: #44342B; }
a img {border: none;}

br.clear { clear:both;}

img.left {float: left;}
img.right {float: right;}
img.center { display: block; margin: auto; }



/* CÍMSOROK */
h1, h2, h3, h4, h5, h6 {font-family: 'Myriad Pro', 'Trebuchet MS', Arial, Helvetica, sans-serif;}
h1 {font-size: 33px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 17px;}

/* FELÉPÍTÉS */

#header { width: 100%; background: url('images/header.gif') repeat-x top; height: 87px;}
#header_inner { margin:auto; width: 950px; padding: 13px 0 0 0;}
.facebook #header_inner { width: 520px;}

#bigmid { width: 100%; background: #aabd3d url('images/bigmid_grad.gif') repeat-y center; height: 420px; position: padding: 1px 0 0 0; border-top: 1px solid #cedb71;}
#bigmid_inner { z-index: 20; width: 950px; margin: auto;  padding: 15px 0 15px 0; height: 400px; }
.facebook #bigmid_inner { width: 520px;}

#houses {background: #aabd3d url('images/bigmid_grad.gif') repeat-y center; width: 100%; height: 97px; bottom: 0; z-index: 15; }
#houses_inner {background: url('images/houses.gif') repeat-x bottom; width: 100%; height: 97px; bottom: 0; z-index: 15; }

#whitecont {background: #fff; width: 100%; padding: 0 0 35px 0; }
#whitecont_inner { margin:auto;  width: 950px;  padding: 15px 0 15px 0; }
#whitecont p {line-height: 20px;}
.gl {border-top: 2px solid #c4d364;}

.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -77px 0; padding: 0;}

#footer { width: 100%; background: url('images/footer.gif') repeat-x top; height: 77px; color: #cccccc; font-size: 12px;}
#footer_inner { margin:auto; width: 976px; padding: 30px 0 15px 0;}

/* HEADER */

img.logo {float:left; width: 413px;}
.facebook img.logo {float:right;}
ul.nav {float:right; text-align: right;}
ul.nav li {list-style-type: none; float:left; padding: 36px 0 0 20px;}
ul.nav li a {color: #fff; text-decoration: none;}
ul.nav li a:hover {color: #aabd3d; text-decoration: underline;}
.velem {color: #fff;  margin: 17px 20px 0 50px; width: 300px; float:left; }
.velem p span { color: #fff; width: 230px; display: block; float: left;}
.velem p strong {color: #cedb72;}

/* BIGMID */ 

.flashcont {width: 541px; height: 383px; float:left; background: url('images/flashbg.png') no-repeat top left; padding: 17px 0 0 16px; /* IE6 */ _background: url('images/flashbg.gif') no-repeat top left;  }
.szovegescont { padding: 30px; width: 498px; height: 340px;}
.szovegescont ul {margin: 25px 15px; list-style-type: none;}
.szovegescont ul li { padding: 0 0 8px 25px; background: url('images/white_libg.gif') top left no-repeat; margin: 0 0 0 10px; float: none;}
.szovegescont p.kiemel {font-size: 18px; padding:0 0 0 80px; background:url('images/white_h2.gif') 0 -67px no-repeat; height: 67px; margin-bottom: 30px; }

.formcont_vel {width: 360px; padding: 0 205px 0 10px; margin: 20px 0 0 0;  float:left; text-align: left; background: url('images/postsign.gif') right top no-repeat; /* IE6 */ _padding-right: 195px; }
.formcont_vel h2 {color: #fff; font-weight: normal; padding: 0 0 20px 0; margin: 0; position: relative; width: 360px; height: 63px; float: left;  /* IE6 */ _width: 350px; _font-size: 30px; _float: none; _padding: 0;}
.formcont_vel h2 span {background: url('images/form_head_vel.png') top right no-repeat; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;  /* IE6*/  _background: none;}
.formcont_vel h2 b {position: absolute; top: 0; left: -9999px; /* IE6*/ _position: relative; _left: 0; }
.formcont_vel h3 {font-size: 18px; padding-bottom: 15px;}

.formcont_vel form {padding: 20px 0 0 0;}
.formcont_vel form p {clear:both;}
.formcont_vel form p label {display: block; width: 85px; font-weight: bold; font-size: 18px; line-height: 30px; float:left; padding: 0 15px 0 0; text-align: right; _text-align: left;}
.formcont_vel form p input.texty {position: relative; float: right; border: none; padding: 8px; margin: 0 0 7px 0; background: url('images/textinput.gif') no-repeat top left; width: 244px; height: 17px; font-size: 14px;}
.formcont_vel form p input.submity {position: relative; border: none; margin: 30px 0 0 25px; background: url('images/submitgomb_vel.gif') no-repeat top left; width: 303px; height: 56px; cursor: pointer;}

.landingkozepre form p input.submity {margin: 30px 25px 0 0 !important;}


.formcont {width: 360px; padding: 0 0 0 10px; margin: 20px 0 0 0;  float:right; text-align: right; /* IE6 */ _width: 370px;}
.facebook .formcont { padding: 0 28px 0 10px;}
.formcont h2 {color: #fff; font-weight: normal; padding: 0 0 20px 0; margin: 0; position: relative; width: 280px; height: 63px; float: right;  /* IE6 */ _width: 350px; _font-size: 30px; _float: none; _padding: 0;}
.formcont h2 span {background: url('images/form_head.png') top right no-repeat; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;  /* IE6*/  _background: none;}
.formcont h2 b {position: absolute; top: 0; left: -9999px; /* IE6*/ _position: relative; _left: 0; }
.formcont h3 {font-size: 18px; padding-bottom: 15px;}

.formcont form {padding: 20px 0 0 0;}
.formcont form p {clear:both;}
.formcont form p label {display: block; width: 85px; font-weight: bold; font-size: 18px; line-height: 30px; float:left; padding: 0 15px 0 0; _text-align: left;}
.formcont form p input.texty {position: relative; float: right; border: none; padding: 8px; margin: 0 0 7px 0; background: url('images/textinput.gif') no-repeat top left; width: 244px; height: 17px; font-size: 14px;}
.formcont form p input.submity {position: relative; border: none; margin: 30px 0 0 0; background: url('images/submitgomb.gif') no-repeat top left; width: 303px; height: 56px; cursor: pointer; }

.vel2 form p input.submity {background: url('images/submitgomb_vel.gif') no-repeat top left;}
.vel2 h2 {width: 360px; float: left; /* IE6 */ _width: 350px; _font-size: 30px; _float: none; _padding: 0;}
.vel2 h2 span {background: url('images/form_head_vel2.png') top right no-repeat;  width: 360px; float: left; /* IE6 */ _width: 350px; _background: none;}

/* WHITECONT */
.wide  {font-size: 15px; padding: 0 0 0 23px;}
.wide a {color:#7F9118}
.wide h2 {font-size: 33px; padding: 0 0 15px 0; color: #aabd3d;}
.wide h2 small {font-size: 11px ; }
.wide h3 {padding: 0 0 20px 0; font-size: 25px;}
.wide p  {padding-bottom: 20px; text-align: justify; }
.wide ul  {padding: 0 0 20px 20px; list-style-type: none;}
.wide ul li { padding-bottom: 5px; padding: 0 0 5px 25px; background: url('images/white_libg.gif') top left no-repeat; margin: 0 0 0 10px; float: none;}
.wide .miezikon {  padding: 20px 0; }
.wide .miezikon img {display: block; margin: auto;}
.wide .miezikon p {text-align: right; padding-top: 20px;}

form.ebook {background: url(images/borito-konyv.png) top left no-repeat; padding: 20px 0 30px 300px;}
form.ebook p {border-bottom:1px dotted #DDDDDD; padding: 5px;}
form.ebook p input.text {border:1px solid #BDCE5A; margin:8px; padding:2px; width: 200px;}
form.ebook  input.nextbutton {border:none; background: url(images/ingell_next.jpg) top left no-repeat; width: 134px; height: 34px; margin:8px 0; cursor: pointer;}
form.ebook p label { width: 180px; display: block; float:left; padding: 8px;}
form.ebook p span.marketing {font-size: 11px; line-height: 14px;}
form.ebook p span.error{color:#CE3206; font-size:10px;}
form.ebook p img {margin:  0 0 5px 7px;}

ul.boxes {margin: 0; padding: 0;}
ul.boxes li {list-style-type: none; width: 300px; float: left; padding: 10px 0 20px 0; margin: 0 20px 0 0; /* IE6 */ _padding: 10px 15px 20px 0; _margin: 0;}
ul.boxes li.wide {width: 607px; float: left; padding-left: 23px;  /* IE6 */ _width: 575px;}
ul.boxes li.last {margin: 0; /* IE6 */ _margin: 0 0 0 0;}
ul.boxes li h2 {background: url('images/white_h2.gif') no-repeat 0 0; padding: 0 0 0 80px; margin: 0 0 30px 0; }
ul.boxes li h2.col1 {background-position: 0 0;}
ul.boxes li h2.col2 {background-position: 0 -67px;}
ul.boxes li h2.col3 {background-position: 0 -134px;}
ul.boxes li .colcont {height: 240px;}
ul.boxes li .colcont ul li {width: 250px;}
ul.boxes li p {margin-bottom: 15px; font-size: 13px;}
ul.boxes li p.link a {color: #7f9118; font-size: 17px; font-weight: bold;}
ul.boxes li ul {padding-bottom: 10px; }
ul.boxes li ul li { padding: 0 0 5px 25px; background: url('images/white_libg.gif') top left no-repeat; margin: 0 0 0 10px; float: none;}
ul.boxes li.wide ul li { padding: 0 0 5px 5px; }


form.register {margin: 0 0 30px 0;}
form.register p {font-family: Arial, Helvetica, sans-serif; font-size: 14px; clear:both; border-bottom: 1px dotted #ddd; padding: 8px !important; margin: 0 25px 0 25px;}
form.register p.noborder {border: none; text-align: center;}
form.register p label {width: 500px; font-weight: bold; display: block; float: left; padding: 3px 0 0 10px;}
form.register p input.texty {padding: 4px; background: #e8eec5; border: 1px solid #bdce5a; width: 330px; }
form.register p input.submity {border: none; margin: 30px 0 0 0; background: url('images/submitgomb.gif') no-repeat top left; width: 303px; height: 56px; cursor: pointer; }

/* FOOTER */ 
#footer a {color: #ccc;}
#footer p.home {width: 400px; float: left; text-align: left;}
#footer p.data {width: 550px; float: right; text-align: right;}


/* AUTOCOMPLETER */
div.autocomplete { background: #fff; border:1px solid #44342B; margin: 5px 0 0 0; padding:0; white-space: nowrap; position: relative; max-height: 195px; height: auto !important; height: 195px; overflow-y: scroll; overflow-x: none; z-index: 25;}
div.autocomplete ul {list-style-type:none; margin:0; padding:0;}
div.autocomplete ul li.selected { background-color: #4f3f35 !important; color: #aabd3d; font-weight: bold;}
div.autocomplete ul li { background: none !important; list-style-type:none; display:block; margin:0; padding:3px; cursor:pointer; float: none; text-align: left;}