@charset "utf-8";
@import "fonts.css";
@import "html.css?v=2";

html {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
    /*background: url('/Images/d5/bg.png');*/
    font-size: 1em;
    color: rgba(0,0,0,0.45);
    background-color:#f7f7f7;
    font-family: trebuc, Calibri, Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    height: 100%;
}

/* header
----------------------------------------------------------*/
.site-header {
    height: 50px;
    width:100%;
    background:#000;
    padding:0;
    margin:0;
    background: url('/Images/d5/header_bg.gif');
}

#topmenu-holder, #main {
    margin:auto;
    width:1010px;
    max-width:1010px;
    /*outline:1px solid red;*/ 
}
#toplogo {
    position:absolute;
    display:block;
    margin:10px 0 0 50px;
    z-index:2;
    
}
    #toplogo img {
        box-shadow:rgba(0,0,0,.3) 6px 6px 5px;
        border:0;
    }

#topMenu {
    max-height:40px;
    margin:0 30px 0 0;
    padding-top:10px;
    font-size:.8em;
    float:right;
}
#topMenu a {
    display:inline-block;
    width:75px;
    height:40px;
    text-decoration:none;
    color:white;
    padding:0 5px 0 5px;
    margin:0;
    vertical-align:top;
    text-align:center;
    overflow:hidden;
}
    #topMenu a:hover {
        text-shadow:0 0 10px #fff;
    }

    #topMenu a.active {
        background: url('/Images/d5/bg.png') 0 -7px;
        border:2px solid white;
        border-bottom:none;
        padding-top:5px;
        margin-top:-7px;
        border-radius:6px 6px 0 0;
    }
/* -----------------------------------------------
    Nyelv választó flags*/
.header-flags {
    float:left;
    margin: 0 0 0 280px;
    padding-top:15px;
}

    .header-flags a {
        display: block;
        width: 28px;
        height: 18px;
        background: url("../Images/d5/flags_sprite.png") 0 18px;
        float: left;
        margin: 0 0 0 8px;
    }
            .header-flags a[hreflang="hu"] { background-position: 0 -18px; }
            .header-flags a[hreflang="hu"]:hover { background-position: 0 -36px; }
            .header-flags a[hreflang="hu"].cur { background-position: 0 0; }
            .header-flags a[hreflang="hu"].cur:hover { background-position: 0 18px; }
            .header-flags a[hreflang="en"] { background-position: -28px -18px; }
            .header-flags a[hreflang="en"]:hover { background-position: -28px -36px; }
            .header-flags a[hreflang="en"].cur { background-position: -28px 0; }
            .header-flags a[hreflang="en"].cur:hover { background-position: -28px 18px; }
            .header-flags a[hreflang="de"] { background-position: 56px -18px; }
            .header-flags a[hreflang="de"]:hover { background-position: 56px -36px; }
            .header-flags a[hreflang="de"].cur { background-position: 56px 0; }
            .header-flags a[hreflang="de"].cur:hover { background-position: 56px 18px; }
            .header-flags a[hreflang="ru"] { background-position: 28px -18px; }
            .header-flags a[hreflang="ru"]:hover { background-position: 28px -36px; }
            .header-flags a[hreflang="ru"].cur { background-position: 28px 0; }
            .header-flags a[hreflang="ru"].cur:hover { background-position: 28px 18px; }

/* top-slider
----------------------------------------------------------*/
.top-slider {
    position:relative;
    z-index:0;
    margin:20px 25px 25px 30px;
    cursor: pointer;
    display:inline-block;
    float:left;
}

    .top-slider .sav {
        position: absolute;
        margin-top: -60px;
        height: 40px;
        width: 615px;
        background-color: rgba(0,0,0,0.75);
        z-index: 18;
        padding-left: 10px;
        
    }

        .top-slider .sav > h2 {
            font-size: 1.0em;
            font-weight: 700;
            letter-spacing: 1px;
            margin-top: 8px;
        }

            .top-slider .sav > h2 span {
                color: #7c9ee0;
            }

/*----------------------------------------------------------*/
#topSlider-ImageHolder {   
    overflow: hidden;
}

#topSlider-ImageHolder, #topSlider-anchorn {
    display: block;
    height: 360px;
    width: 625px;
    padding: 0;
    margin: 0;
}

    #topSlider-ImageHolder img {
        z-index: -1;
        border: 0;
        width: 625px;
        height: 360px;
    }

#nav-TopSlider {
    float: right;
    margin: -32px 10px;
    padding: 0;
    height: 40px;
}

    #nav-TopSlider a {
        display: inline-block;
        text-decoration: none;
        text-align: center;
        margin: 0;
        font-size:.7em;
        width: 22px;
        color: rgba(250, 250, 250, 0.8);
    }

        #nav-TopSlider a.activeSlide {
            text-shadow:0 0 18px #fff, 0 0 18px #fff, 0 0 14px #fff, 0 0 14px #fff, 0 0 6px #fff,0 0 18px #fff, 0 0 18px #fff, 0 0 14px #fff, 0 0 14px #fff, 0 0 6px #fff;
            color:white;
        }

/* main
----------------------------------------------------------*/
#main {
    position:relative;
    
}
/* oldal sávok
----------------------------------------------------------*/
.banner-holder {
    position:absolute;
    width:180px;
    height:100%;
    top:14px;
    padding-top:420px;
    /*display:none;
    opacity:.01;*/
}
    .banner-holder a {
        display:block;
        position:relative;
        margin-bottom:30px;
        color:white;
        text-decoration:none;
        overflow:hidden;
        width:180px;
        height:200px;
    }
        .banner-holder a img {
            max-width:180px;
            min-height:150px;
            border:0;
        }
        .banner-holder a div {
            width:180px;
            min-height:140px;
            margin:0;
            top:130px;
            position:absolute;
            background-color:rgba(0, 0, 0, 0.70);
        }
            .banner-holder a div h1 {
                margin:0;
                padding:2px 4px 0 4px;
                text-align:center;
                font-size:.9em;
                font-weight:200;
            }
            .banner-holder a div p {
                font-size:.8em;
                padding:0 5px 0 10px;
                white-space: pre-line;
            }
.left-banner-holder {
    left:-190px;
}
.right-banner-holder {
    left:1019px;
}

/* Top right box
----------------------------------------------------------*/
#top-right-holder {
    width:300px;
    /*height:360px;*/
    display:inline-block;
    float:right;
    margin:20px 30px 0 0;
}
.info-box {
    width:100%;
    min-height:160px;
    position:relative;
    background:  
        url("/Images/d5/box_top_small.gif") repeat-x, 
        url("/Images/d5/box_bg2.png") content-box 0 30px;
    box-shadow: rgba(0,0,0,.4) 0 0 6px;
}
    .info-box h1 {
    margin: 0;
    padding: 7px;
    padding-left:20px;
    font-size: .85em;
    font-weight:100;
    font-family: Arial;
    text-transform: uppercase;
    color:#fff;
}
    .info-box ul {
        font-size:.83em;
        font-weight:100;
        color:rgba(255, 255, 255, 0.84);
        list-style:none;
        margin:13px 0;
        padding:0 0 0 20px;
    }
        .info-box ul.kiemelt {
            color:white;
            font-weight:400;
        }
    .info-box .box-footer {
        position:absolute;
        width:260px;
        height:25px;
        bottom:25px;
        margin-bottom:-25px;
        padding:0 20px 0 20px;
        border-top:1px solid rgba(255, 255, 255, 0.6);
        background-color:#0d2759;
    }
        .info-box .box-footer a {
            font-size:.8em;
            color:rgba(147, 214, 156, 0.9);
            text-decoration:none;
            display:block;
            margin: 0;
            padding:4px 0;
        }
            .info-box .box-footer a:hover {
                color:rgb(161, 233, 222);
            }
.reax-box {
    background:  
        url("/Images/d5/reax_logo_small.png") no-repeat 210px 35px,
        url("/Images/d5/box_top_small.gif") repeat-x, 
        url("/Images/d5/box_bg.png") content-box 0 30px;
}
.lakaskereso {
    height:180px;
    margin-top:20px;
    overflow:hidden;
    z-index:1000;
}
    

.lakaskereso:hover {
        background: url("/Images/d5/box_top_small.gif") repeat-x;
        background-color:#0d2759;
}
    .lakaskereso .leftBox {
        float:left;
        padding-left:20px;
        width:180px;
    }

    .lakaskereso .rightBox {
        float: right;
        width: 100px;

    }

    .lakaskereso h3 {
        font-size: .7em;
        margin-top:10px;
    }

    .lakaskereso .checkbox {
        width: 19px;
        height: 25px;
        margin-top: 4px;
        padding: 0 5px 0 0;
        background: url('/Images/d5/jelolo_negyzet.png') no-repeat;
        display: block;
        clear: left;
        float: left;
    }

    .lakaskereso .checkbox {
        width: 17px;
        height: 14px;
    }

    .lakaskereso ul {
        list-style: none;
        padding: 0;
        margin-top:8px;
        cursor: pointer;
    }

        .lakaskereso ul li {
            line-height: 20px;
            
        }
#btn-StartKereso1 {
    /*position:relative;*/
   float:right; 
   /*margin-right:10px;*/
   cursor:pointer;
   margin-top:3px;
   background:none;
   border:none;
   color:rgba(147, 214, 156, 0.9);
   /*z-index:10;*/
}
    #btn-StartKereso1:hover {
        color:rgb(161, 233, 222);
    }

    /* Cikkek
----------------------------------------------------------*/
.hasablistazo-box {
    margin:0;
}
.cikk {
    width: 300px;
    height: 300px;
    float: left;
    margin: 25px 25px -80px 0;
    position: relative;
}
    .cikk img {
        border:0;
        width:300px;
        height:200px;
    }
    .cikk .cgroup {
        position:absolute;
        width:300px;
        height:50px;
        opacity:.85;
    }

        .leftCikk .cgroup {
            background:url("/Images/d5/box_top.gif");
        }

        .rightCikk .cgroup {
            background:url("/Images/d5/box_top_r.gif");
        }

        .cikk .cgroup h1 {
            color:white;
            text-decoration:none;
            font-size:1em;
            font-weight:600;
            margin:0 0 0 20px;
            padding-top:5px;
        }
        .cikk .cgroup span {
            width:280px;
            height:18px;
            color:white;
            text-decoration:none;
            font-weight:200;
            font-size:.92em;
            margin: 0 0 0 20px;
            padding-top:1px;
            overflow:hidden;
        }
    .cikk h2 {
        width:280px;
        height:20px;
        color:white;
        text-decoration:none;
        font-weight:200;
        font-size:.8em;
        background:rgba(0,0,0,.6);
        position:absolute;
        top:164px;
        padding:3px 0 0 20px;
    }


    /* Footer
----------------------------------------------------------*/
footer {
    display:inline-table;
    height: 250px;
    width:100%;
    border-top: 1px solid #05132f;

    padding:0;
    margin:0;
    z-index: 1000;
}

    footer > section {
        width: 973px;
        margin:auto;
        padding:10px;
        text-align:center;
    }

        footer > section a {
            display:inline-block;
            color:#4f72b6;
            text-decoration:none;
            border-right:2px solid #2532b7;
            padding:0 5px 0 5px;
        }
            footer > section a:last-of-type {
                border-right:none;
            }

            footer > section a:hover {
                color:#cececf;
            }
        footer > section .active {
            color:#86b38b;
        }

.stevenSeo {
    display:none;
}











.html5-reaxrent .holder{
	position:absolute;
	top:0px;
	left:0;
	width: 300px;
	height: 190px;
	overflow: hidden;
}


.html5-reaxrent .image{

	position: absolute;
	top:0;
	left:0;
	border:none;

}

.html5-reaxrent #slide01{
	position:absolute;
	top:0px;
	left:0;
	width: 300px;
	height: 190px;
	overflow: hidden;
	background-color: transparent;
}
	
.html5-reaxrent 	.btn {
display:block;
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.html5-reaxrent  .btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.html5-reaxrent  .btn {


  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

#button1{
	position:absolute;
	bottom:10px;
	left:5px;
}
#button2{
	position:absolute;
	bottom:10px;
	right:5px;
}

#text01{
 top: 20px;
 left: 20px;
}

  #text02{
 top: 20px;
 left: 20px;

}

.html5-reaxrent {
    position:relative;
}

.blink-kedvezmeny{
    position:absolute;
    top:80px;
    padding:5px;
    background:rgb(19, 54, 122);
    color:white;
    width:97%;
    text-align:center;
    font-size:large;
    visibility:hidden;
}

.reax-jubileum{
    margin:0;
    padding-top:.7em;
    width:100%;
    text-align:center;
    font-family: 'Quicksand', sans-serif;

    font-size:xx-large;
    color:rgba(247, 220, 141, 0.84);
}
.reax-jubileum-img{
    /*outline:2px solid white;*/
    border:1px solid white;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.45);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.45);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.45);
}

.bannerholder-bottom{

    display:inline-table;
    text-align:center;
    height: 50px;
    width:100%;
}

.top-slider .referenciainfo {
        position: absolute;
        margin-top: -60px;
        height: 40px;
        width: 615px;
        background-color: rgba(0,0,0,0.55);
        z-index: 18;
        padding-left: 10px;
        
    }

.top-slider .referenciainfo > h2 {
            font-size: 1.5em;
            font-weight: 700;
            letter-spacing: 1px;
            margin-top: 4px;
            text-align:center;
        }

.epitesalatt{
    position:absolute;
    width:80px!important;
    height:80px!important;
    /*opacity:0.9;*/
    bottom:130px;
}

.epitesalatt-buble{
    position:absolute;
    width:300px!important;
    height:200px!important;
    /*opacity:0.9;*/
    top:0;
    z-index:1;
}

.img-stefi{
    position:absolute;
    height:105px!important;
    width:80%!important;
    top:20%;
    left:5px;
    /*z-index:2;*/
}

.img-stefi-main {
    position: absolute;
    top:-83px;
    left:25px;
}

#felhivas2020{
    max-width:70%;
    color:#161616;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #felhivas2020 {
        max-width: 92%;
        vertical-align:top;
        top:150px;
    }
}

.felhivaspr9{
    padding:1.4em;
    background-color:#3f873e;
    font-size:1.1em;
    color:white;
    text-align:center;
    border:1px double #fffa00;
}
.felhivaspr8{
    padding:1.4em;
    background-color:#32a78a;
    font-size:1.5em;
    color:white;
    text-align:center;
    border:2px double #58ff00;
}



.bystefi-animation {
    animation: animationStefi ease 1s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-delay:2s;
    animation-fill-mode: forwards; /*when the spec is finished*/
    -webkit-animation: animationStefi ease 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode: forwards; /*Chrome 16+, Safari 4+*/
    -webkit-animation-delay:2s;
    -moz-animation: animationStefi ease 1s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode: forwards; /*FF 5+*/
    -moz-animation-delay:2s;
    -o-animation: animationStefi ease 1s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode: forwards; /*Not implemented yet*/
    -o-animation-delay:2s;
    -ms-animation: animationStefi ease 1s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode: forwards; /*IE 10+*/
    
}

@keyframes animationStefi {
    0% {
        opacity: 0;
        transform: translate(-1500px,0px);
    }

    60% {
        opacity: 1;
        transform: translate(30px,0px);
    }

    80% {
        transform: translate(-10px,0px);
    }

    100% {
        opacity: 1;
        transform: translate(0px,0px);
    }
}

@-moz-keyframes animationStefi {
    0% {
        opacity: 0;
        -moz-transform: translate(-1500px,0px);
    }

    60% {
        opacity: 1;
        -moz-transform: translate(30px,0px);
    }

    80% {
        -moz-transform: translate(-10px,0px);
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0px,0px);
    }
}

@-webkit-keyframes animationStefi {
    0% {
        opacity: 0;
        -webkit-transform: translate(-1500px,0px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(30px,0px);
    }

    80% {
        -webkit-transform: translate(-10px,0px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px,0px);
    }
}

@-o-keyframes animationStefi {
    0% {
        opacity: 0;
        -o-transform: translate(-1500px,0px);
    }

    60% {
        opacity: 1;
        -o-transform: translate(30px,0px);
    }

    80% {
        -o-transform: translate(-10px,0px);
    }

    100% {
        opacity: 1;
        -o-transform: translate(0px,0px);
    }
}

@-ms-keyframes animationStefi {
    0% {
        opacity: 0;
        -ms-transform: translate(-1500px,0px);
    }

    60% {
        opacity: 1;
        -ms-transform: translate(30px,0px);
    }

    80% {
        -ms-transform: translate(-10px,0px);
    }

    100% {
        opacity: 1;
        -ms-transform: translate(0px,0px);
    }
}


.bystefi-animation-main {
    animation: animationStefi-main ease 1s;
    animation-iteration-count: 4;
    transform-origin: 50% 50%;
    -webkit-animation: animationStefi-main ease 1s;
    -webkit-animation-iteration-count: 4;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: animationStefi-main ease 1s;
    -moz-animation-iteration-count: 4;
    -moz-transform-origin: 50% 50%;
    -o-animation: animationStefi-main ease 1s;
    -o-animation-iteration-count: 4;
    -o-transform-origin: 50% 50%;
    -ms-animation: animationStefi-main ease 1s;
    -ms-animation-iteration-count: 4;
    -ms-transform-origin: 50% 50%;
}

@keyframes animationStefi-main {
    0% {
        opacity: 1;
        transform: scaleX(1.00) scaleY(1.00);
    }

    25% {
        opacity: 1;
        transform: scaleX(0.95) scaleY(0.95);
    }

    50% {
        opacity: 1;
        transform: scaleX(1.10) scaleY(1.10);
    }

    100% {
        opacity: 0;
        transform: scaleX(0.30) scaleY(0.30);
    }
}

@-moz-keyframes animationStefi-main {
    0% {
        opacity: 1;
        -moz-transform: scaleX(1.00) scaleY(1.00);
    }

    25% {
        opacity: 1;
        -moz-transform: scaleX(0.95) scaleY(0.95);
    }

    50% {
        opacity: 1;
        -moz-transform: scaleX(1.10) scaleY(1.10);
    }

    100% {
        opacity: 0;
        -moz-transform: scaleX(0.30) scaleY(0.30);
    }
}

@-webkit-keyframes animationStefi-main {
    0% {
        opacity: 1;
        -webkit-transform: scaleX(1.00) scaleY(1.00);
    }

    25% {
        opacity: 1;
        -webkit-transform: scaleX(0.95) scaleY(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scaleX(1.10) scaleY(1.10);
    }

    100% {
        opacity: 0;
        -webkit-transform: scaleX(0.30) scaleY(0.30);
    }
}

@-o-keyframes animationStefi-main {
    0% {
        opacity: 1;
        -o-transform: scaleX(1.00) scaleY(1.00);
    }

    25% {
        opacity: 1;
        -o-transform: scaleX(0.95) scaleY(0.95);
    }

    50% {
        opacity: 1;
        -o-transform: scaleX(1.10) scaleY(1.10);
    }

    100% {
        opacity: 0;
        -o-transform: scaleX(0.30) scaleY(0.30);
    }
}

@-ms-keyframes animationStefi-main {
    0% {
        opacity: 1;
        -ms-transform: scaleX(1.00) scaleY(1.00);
    }

    25% {
        opacity: 1;
        -ms-transform: scaleX(0.95) scaleY(0.95);
    }

    50% {
        opacity: 1;
        -ms-transform: scaleX(1.10) scaleY(1.10);
    }

    100% {
        opacity: 0;
        -ms-transform: scaleX(0.30) scaleY(0.30);
    }
}

.project-felirat{
    position:absolute;
    top:20px;
    left:0;
    background:rgba(0, 0, 0, 0.40);
    padding:10px;
    width:606px;
    text-align:center;
}

.project-Nev{
    margin:0;
    color:white;
}

.project-Alcim {
    margin: 0;
    color: white;
}