.clear{clear:both;}
img{max-width: 100%; height: auto;}
html,body{width: 100%; height: 100%;}
body{margin: 0px; padding: 0px; background: #333333; color:#000000; font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 20px;}
.float-left{float: left;}
.float-right{float:right;}

h1{font-size: 18px; color: #BD9032;}
p{color:#94989C; font-size: 14px; line-height: 18px; padding: 5px 0px 10px 0px;}
a{text-decoration: none; color: #BD9032;}
a:hover{text-decoration: underline; color: #BD9032;}
#top-header-black{background: #000000;}

.page-max{width: 100%; transition: width 0.20s ease-in-out; -moz-transition: width 0.20s ease-in-out; -o-transition: width 0.20s ease-in-out; -webkit-transition: width 0.20s ease-in-out;}
.page-width{max-width: 1178px; width: 100%; margin: auto; }
.line{min-height: 1px; padding: 15px 0px; background: url('../design/bgr-gold.png') repeat-x center center; text-align: center;}
.line-3{min-height: 1px; padding: 15px 0px; background: url('../design/bgr-white.png') repeat-x center center; text-align: center;}
.line h1{width: auto; margin: auto; background: #333333; padding: 0px 10px; display: inline-block;}
#header{padding-top:10px; padding-bottom: 15px;}
#slider_contener{ padding-bottom: 10px; padding-top: 20px; background: url(../design/transparent-line.png) no-repeat center bottom;}
.ul_0{list-style: none; overflow: hidden; margin-top: 30px; float: right;}
.ul_0 li{float: left; margin-left: 77px; font-weight: bold; transition: margin-left 0.20s ease-in-out; -moz-transition: margin-left 0.20s ease-in-out; -o-transition: margin-left 0.20s ease-in-out; -webkit-transition: margin-left 0.20s ease-in-out;}
.ul_0 li:first-child{margin-left: 0px;}
.bgr-white{background: #ffffff; padding-top: 20px; padding-bottom:20px;}
.products{width: 25%; float: left; padding: 15px; transition: width 0.20s ease-in-out; -moz-transition: width 0.20s ease-in-out; -o-transition: width 0.20s ease-in-out; -webkit-transition: width 0.20s ease-in-out;}
.products-inner{background:#ffffff; box-shadow: 0px 0px 10px grey; -webkit-box-shadow: 0px 0px 10px grey; -moz-box-shadow: 0px 0px 10px grey; transition: box-shadow,background 0.20s ease-in-out; -moz-transition: box-shadow,background 0.20s ease-in-out; -o-transition: box-shadow,background 0.20s ease-in-out; -webkit-transition: box-shadow,background 0.20s ease-in-out;}
.products-inner:hover{background:#C8A74A; box-shadow: 0px 0px 10px #BD9032; -webkit-box-shadow: 0px 0px 10px #BD9032; -moz-box-shadow: 0px 0px 10px #BD9032;}
.products-thumb{line-height: 0px; width: 100%; height: auto; background-repeat: no-repeat!important; background-size: cover!important; background-position: 50% 50%!important;}
.products-desc{padding: 15px 10px;}
.products-desc h1{font-size: 12px; line-height: 16px; min-height: 70px; text-align: center; padding: 10px;}
.products-desc p{font-size: 12px; line-height: 16px; min-height: 70px; text-align: center;}
.products-inner:hover .products-desc h1, .products-inner:hover .products-desc p{color:#ffffff!important;}
#content-left{width: 65%; padding-right: 15px;}
#content-right{width: 35%;}
.lila{background: #BD9032; color: #f5f5f5; padding: 10px 15px; text-transform: uppercase; text-align: center; font-size: 17px; }
.szurke{background: #333333;}
#info{padding: 10px;}
#info2{padding: 10px;}
#info2 p{ color: #BD9032;}
.kiemelt{color: #BD9032; font-family: "Times New Roman"; font-size: 24px; line-height: 28px; font-weight: normal; padding: 0px 5px;}
#megtekint{color: #ffffff; text-decoration: none; cursor: pointer;}
#megtekint:hover{color: #ffffff; text-decoration: underline;}
#no-result{color: #ffffff;}

.footer-img{width: 100%; text-align: center; padding: 10px 0px;}
.footer-social{margin-top: 30px; text-align: center; padding-bottom: 15px;}
.footer-social .fb-like{line-height: 12px;}
#footer-2 a{font-size: 14px; font-weight: bold; display: inline-block;}
#footer-2 a:first-child{margin-right: 20px;}
#social-links-contener{text-align: center;}
.social-links{width: auto; margin: 0px 10px; display: inline-block;}
.social-links tr td{vertical-align: middle; padding: 0px 2px;}
.social-links tr td span{font-weight: bold;}

.termek-leiras{}
.termek-leiras h1{color: #BD9032; font-family: "Times New Roman"; font-size: 24px; line-height: 28px;}
.termek-leiras h2{color: #BD9032; font-size: 16px; line-height: 22px;}
.termek-leiras ul, .termek-leiras ol{margin: 20px 30px;}
.termek-leiras ul li{}

.show-more-pictures{text-align: center; padding: 5px 10px; background: #555555; cursor: pointer; margin-bottom: 10px; color: #ffffff;}
.show-more-pictures:hover{background: #BD9032;}


#search{}
#filter-contener{margin-bottom: 10px;box-shadow: 0px 0px 10px grey; -webkit-box-shadow: 0px 0px 10px grey; -moz-box-shadow: 0px 0px 10px grey;}
#filter-title{background: #BD9032; padding: 10px 15px; margin-top:20px;}
#filter-title-angle{background: url('../design/filter-triangle.png') no-repeat center top; height: 24px; margin-bottom: 10px;}
#filter-title h1{font-size: 32px; line-height: 36px; font-family: "Times New Roman"; color: #f5f5f5; font-weight: normal; text-align: center;}
#filters{background: #f5f5f5; padding: 0px 0px 10px 0px;}
#filters h2{font-size: 24px; line-height: 28px; text-align: center; color: #555; margin-top: 10px; margin-bottom: 5px;}
.filter-box{float: left; width: 20%; min-height: 68px; padding: 5px; position: relative;}
.filter-box label{display: block; border-bottom: 1px solid #BD9032; color: #BD9032; font-size: 14px; padding: 5px 10px;}
.filter-box input, .filter-box select{width: 100%; color: #333; cursor: pointer; padding: 5px 10px; outline: none; border: none; background: #f5f5f5;}
.filter-box #submit{position: absolute; max-width: 225px; margin-top: -20px; top: 50%; background: #BD9032; color: #f5f5f5; font-weight: bold; font-size: 16px; font-weight: bold; border-radius: 3px; padding: 10px 15px; text-align: center;}
.filter-box #submit:hover{background: #666;}
.minmax{float: left; width: 40%!important; text-align: center;}
.minmaxv{float: left; width: 20%; text-align: center;}

.articles{border-top:1px dotted #cccccc; padding-top: 10px; margin-top: 10px;}
.articles:first-child{margin-top: 0px; border-top: 0px;}

#haz-informaciok-lista{list-style: none; padding: 5px;}
#haz-informaciok-lista li{border-top: 1px solid #666; padding: 5px 0px; color: #ffffff; overflow: hidden;}
#haz-informaciok-lista li span{position: relative; float: right; width: 50%; text-align: right;}
#haz-informaciok-lista li span a {color: #fff; font-size: 10px; position: relative; top: -5px; text-decoration: none;}
.extra-pipe{display: inline-block; background: url('../design/pipe.png') no-repeat left center; padding-left: 18px; margin: 2px 20px 2px 0px;}

.galeria-inner{padding: 5px; float: left; width: 33.33%;}
.galeria-thumb{border: 1px solid #94989C; background-position: 50% 50%!important; background-size: cover!important; background-repeat: no-repeat!important;transition: border 0.20s ease-in-out; -moz-transition: border 0.20s ease-in-out; -o-transition: border 0.20s ease-in-out; -webkit-transition: border 0.20s ease-in-out;}
.galeria-thumb:hover{border:1px solid #BD9032;}

#onlinemail{padding: 5px;}
.form-row{width: 100%; padding-top: 5px; margin-top: 5px; border-top: 1px solid #cccccc;}
.form-row input, .form-row textarea{width: 100%;}
.form-row:first-child{border-top: none; padding-top: 0px;}
.form-row .label-txt{width: 35%; float: left;}
.form-row .input-txt{width: 65%; float: left;}
.form-row .label-txt label, .form-row .label-txt2 label{font-weight: bold; line-height: 28px;}
.form-row .input-txt input{width: 100%; padding: 5px 10px;}
.form-row .input-txt2 textarea{width: 100%; height: 70px; padding: 5px 10px; resize: none;}
#sendmail{background: #BD9032; color: #f5f5f5; font-weight: bold; cursor: pointer; border:none; font-size: 14px; font-weight: bold; border-radius: 3px; padding: 10px 15px; text-align: center;}
#sendmail:hover{background: #666;}

#make-contact{display: none; width: 100%; height: 100%; background: url('../design/transparent-black.png') repeat; position: fixed; z-index: 9999; top:0; left: 0;}                                   
#onlinemail2{width: 300px; margin-left: 50%; left: -150px; background: #ffffff; top: 50%; margin-top: -250px; position: absolute;}
#onlinemail2 .padding-10{padding: 5px 10px;}
#onlinemail2 .padding-10 .form-row .label-txt{width: 100%;}
#onlinemail2 .padding-10 .form-row .label-txt label, #onlinemail2 .padding-10 .form-row .label-txt2 label{font-weight: normal; line-height: 24px; color: #BD9032;}
#onlinemail2 .padding-10 .form-row .input-txt{width: 100%;}
#onlinemail2 #sendmail{width: 100%; border: none; outline: none; border-radius: 0px;}
#onlinemail2 #sendmail:hover{width: 100%; border: none; outline: none; border-radius: 0px;}
#close{width: 30px; height: 30px; background: url('../design/close.png') no-repeat center center; cursor: pointer; position: absolute; margin-left: 50%; left: 110px; margin-top: -246px; z-index: 99999; top: 50%;}
#close:hover{width: 30px; height: 30px; background: url('../design/close-b.png') no-repeat center center; }
.error{color: #d90000; font-size: 12px;}

@media only screen and (max-width : 1178px) {
    .page-max{padding: 0px 10px;}
    .ul_0 li{margin-left: 75px;}
}

@media only screen and (max-width : 1040px) {
    .ul_0 li{margin-left: 50px;}
    .products{width: 33.33%;}
}

@media only screen and (max-width : 950px) {
    .ul_0 li{margin-left: 25px;}
    .ul_0 li:first-child{margin-left: 0px;}
}

@media only screen and (max-width : 850px) {
    #header .float-left{width: 100%;}
    #header .float-right{width: 100%; text-align: center; clear: both;}
    .ul_0{margin: 10px 0px;}
    #content-left{width: 100%; padding-right: 0px;}
    #content-right{width: 100%; margin-left: 0px; margin-top: 10px;}
}


@media only screen and (max-width : 750px) {
    .products{width: 50%;}
    .filter-box{width: 50%;}
}

@media only screen and (max-width : 600px) {
    #header .float-left{text-align: center;}
    #slider_contener{display: none;}
    .ul_0{margin: 10px 0px; clear: both; width: 100%;}
    .ul_0 li{clear: both; width: 100%; text-align: center; margin: 0px; border-top: 1px dotted grey;}
    .footer-social .fb-like{display: block!important; overflow: hidden!important;}
}

@media only screen and (max-width : 550px) {
    #slider_contener{display: none;}
    .products{width: 100%;}
    .filter-box{width: 100%;}
    .galeria-inner{width: 50%;}
}

/*
.main-contener{max-width: 1230px; margin: auto; padding: 10px; background: #ffffff;}
.header{width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #000000; display: table;}
.header-left{display: table-cell; vertical-align: top; width: 15%;}
.header-right{display: table-cell; max-width: 85%; width: 100%; text-align:center; vertical-align: middle;}

.ul_0{display: inline-block; overflow: hidden; list-style: none; margin: auto;}
.ul_0 li{float: left; padding: 0px 20px; font-size: 18px; font-weight: bold; border-left: 1px solid #555555;}
.ul_0 li:first-child{border-left: none;}


.content{width: 100%;}

.termek-content{width: 33.33%; padding: 0px 10px; margin-bottom: 10px; float: left;}
.termek-content-inner{display: table; width: 100%; padding: 0px; border-spacing: 0px; border-collapse: collapse;}
.termek-content-inner-thumb{width: 45%; display: table-cell; vertical-align: top; background-size: cover!important; background-repeat: no-repeat!important; background-position: 50% 50%!important;}
.termek-content-inner-desc{width: 55%; position: relative; background: #efefef; padding: 5px 10px 30px 10px; display: table-cell; vertical-align: top;}
.termek-content-inner-desc h2{color: #6380aa; min-height: 60px; line-height: 20px;}
.termek-content-inner-desc .ar{color: #1f9fef; font-weight: bold;}
.termek-content-inner-desc-visit{position: absolute; bottom: 0; right: 0; width: 30px; height: 30px; background: url('../design/estate/transparent-termek-arrow-background.png') right bottom;}
.termek-content-inner-desc-visit a{display: inline-block; position: relative; width: 30px; height: 30px;}
.termek-content-inner-desc-visit a img{position: absolute; right: 0; bottom: 4px;}

.socials{width: 100%; margin-top: 10px;}
.social{float: left; line-height: 0px; margin-left: 10px;}
.social:first-child{margin-left: 0px;}
.footer{width: 100%; margin-top: 10px; padding-top: 10px; border-top: 1px solid #000000;}
.footer-left{float: left; }
.footer-right{float: right;}








*/







