.clearfix:before, .clearfix:after { content: " ";	display: table; }
.clearfix:after { clear: both; }
html, body { height: 100%; }
* { outline: none;}
body { color: #4d4d4d; font-size: 20px; line-height: normal; width: 100%; height: 100%; margin: 0px; padding: 0px; position: relative; min-width: 900px; }
.container { width: 100%; height: 100%; position: relative;  }
#header { width: 100%; height: 390px; background: url(../img/clouds_repeat_start_full.png) repeat-x bottom left transparent; }
.wrapper { width: 900px; margin: 0 auto; height: 340px; text-align: center; }
.alsos  { display: inline-block; float:left; margin-top: 90px; width: 149px; height: 164px; background: url(../img/btn_start_alsos.jpg?2) no-repeat top left transparent; text-indent: -20000px;  }
.felsos { display: inline-block; float:right; margin-top: 90px; width: 153px; height: 164px; background: url(../img/btn_start_felsos.jpg?2) no-repeat top left transparent; text-indent: -20000px; }
.logo   { display: inline-block; width: 493px; height: 181px; background: url(../img/logo_start.jpg) no-repeat top left transparent; margin-top: 64px; float: left;	margin-left: 51px; }
.cities { width: 100%; height: 100%; position: absolute; top:0; left:0; right:0; z-index: -2; background-image: url(../img/Terkep_Alap.jpg); background-image: url(../img/Terkep_Alap.svg),none; background-color:  #3CAF57; background-position: bottom right; background-repeat: no-repeat; background-size: inherit; -ms-behavior: url(trip/src/webroot/css/backgroundsize.min.htc); }
.ie8 .cities { background-position: center center; background-size: 100%; }
.cities .overlay { position: absolute;top: 0; left:0; width: 100%;height: 100%; background: url(../img/texture.png) repeat scroll 0 0 transparent; z-index: -1; }
.cities .left { width: 50%; height: 100%; background: url(../img/bg_start_alsos_full.jpg) no-repeat scroll bottom left transparent; float:left; }
.cities .right {  }