@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700&subset=latin,latin-ext);
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
body {width:100%; height:auto;margin:0;padding:0;overflow-x:hidden; background-color:#ffffff;font-family: 'Lato', Arial, sans-serif;font-size: 15px;color: #333333;	line-height: 130%;overflow-x: hidden; height:100%;margin:0;padding:0;width:100%;}
p {font-size:1.0rem; line-height: 150%; text-align:justify}
a{text-decoration:none;color: #90AE1C;}
a:hover{text-decoration:none;color: #546510;}
.paddt{padding-top:20px;}
h1 {color: #3F3949; font-size:23px; line-height:130%	}
h2 {font-size: 18px;color: #333333;	padding-top:8px;padding-bottom:8px;}
h3 {font-size: 15px;color: #5C546B;letter-spacing: 2px;margin: 0px 0px 10px 0px;}
h5 {font-size: 15px;margin: 0px 0px 10px 0px;}
li {font-size:1.0rem; padding: 0px 0px 0px 0px;line-height: 150%;}
img{border:none;}
.torzs-kek-inf{background-color:#E9EFF3;	height: auto;margin: 10px 0px 0px 0px;}
.torzs-feher-950{width:100%;max-width: 950px;height: auto;padding: 0 0 0 0;	margin: auto auto 25px auto;}
.torzs-informacio-floatbox{	display:block;width: 190px;height: 200px;padding: 110px 20px 0px 20px;	margin: 25px 0px 20px 25px;background-image:url(tata-elemek/informacio-bg.png);background-size:190px 250px;background-position: 0 0 ; background-repeat:no-repeat; text-align:center; }
a.torzs-informacio-floatbox, a.torzs-informacio-floatbox:hover, a.torzs-informacio-floatbox-foto, a.torzs-informacio-floatbox-foto:hover{color:#333;}
.torzs-informacio-floatbox-foto{display:block;width: 190px;height: 348px;padding: 110px 20px 0px 20px;margin: 25px 0px 20px 25px;background-image:url(tata-elemek/informacio-bg-foto.png);background-size:190px 328px;background-position: 0 0; background-repeat:no-repeat;text-align:center;
}
.float-right{float:right}
.float-left{float:left}
.clear{clear:both}
table { margin-top:25px;margin-bottom:25px;font-size: 14px;text-align: center;border-collapse: collapse;border-color: #FFF;background-color: #FCFCFC; border-style: solid; border-width:1px}
td {border-color: #998;border-style: solid; border-width:1px; padding:7px 10px 7px 10px}
.elso-oszlop{width:200px;}
.masodik{width:100px;}
.negyedik{width:100px;}
.tablazat1{width:100%; max-width:400px;}
.tablazat2{width:100%; max-width:600px;}
.besorolasiskala-table{width:100%; max-width:480px;}
.fontos{font-weight: bold; font-size:15px}
.netto-dij {background-color: #F0FECD;}
.brutto-dij {background-color: #BDFA1E;font-weight: bold;}
ul {padding: 0px 0px 0px 50px;}

/* HEAD */
#head-legfelso-inf {background-color:#D9E3EA;background-image:url(tata-elemek/legfelso-sav-bg.png);background-size:950px 30px;background-position:bottom;background-repeat:no-repeat;height: 40px;margin: 0px;}
#head-feher-box950 {height: 70px;width:100%;max-width: 950px;margin: 0px auto 0px auto;font-size:23px;color:#666666;}

#head-et-box {height: auto;width: 451px;padding: 20px 25px 0px 0px;text-align:right; line-height:150%}
#head-logo-box {display:block; height: 48px;width: 48px;padding: 0px 0px 0px 0px; margin-top:15px; background-image:url(tata-elemek/tatabanya-logo.png);background-size:48px 48px;background-repeat:no-repeat;background-position:center;}
#head-tatabanya-box {height: auto;width: 451px;padding: 20px 0px 0px 25px; line-height:150%}

#head-menu-950 {background-color:#E9EFF3;background-image:url(tata-elemek/menusor-bg.png);background-size:950px 45px;height: 45px;width:100%;max-width: 950px;margin: 0px auto 0px auto;}
#head-menu-950 a{color:#453F4F;font-size:13px;}
#head-menu-950 a:hover{color:#728143}
.activemp {color:#AAA !important}
.head-menup-box-mainpage {height: 18px;width: 305px;margin: 11px 0px 3px 0px;padding: 2px 30px 2px 20px;float:left;}	
.head-menup-box {height: 18px;width: 168px;margin: 11px 0px 3px 0px;padding: 2px 40px 2px 40px;float:left;text-align:center;border-left:solid;border-left-color:#AAA4B7;border-left-width:1px;}
.head-menup-box-szabaly {height: 18px;width: 290px;margin: 11px 0px 3px 0px;padding: 2px 30px 2px 30px;float:left;text-align:center;border-left:solid;border-left-color:#AAA4B7;border-left-width:1px;}
.head-menup-box-kapcsolat {height: 18px;width: 170px;margin: 11px 0px 3px 0px;padding: 2px 20px 2px 50px;float:left;text-align:center;border-left-color:#AAA4B7;border-left-width:1px;border-left-style: solid;
}
#head-menu-950 .active-head-menup-box {color:#999;
}


/* MAIN PAGE */


#main-bevezet-950{	width:100%;max-width: 950px;height: auto;padding: 20px 0px 0px 0px;	margin: auto auto 25px auto; position:relative;
}
.mainpage-tele{	width: 230px;height: 60px;	margin: 8px auto 15px auto; background:url(tata-elemek/mainpage-tele.png) right top no-repeat; background-size:218px 56px; }
#main-bevezet-selector-box{	width: calc(100%-100px);height: auto;padding: 20px 50px 20px 50px;	margin: 0px auto 30px auto;background-color:#ECE7DF;}

#main-bevezet-selector-csaladi{	width: 240px;height: 175px;padding: 0px 0px 0px 0px;	margin: 15px 20px 0px 15px;background-image:url(tata-elemek/csaladi-haz.png);background-size:240px 150px;background-repeat:no-repeat;
	background-position:0 25px;display:block; text-align:left}
#main-bevezet-selector-box a:hover{opacity:0.7;}
#main-bevezet-selector-box a{color: #333}
#main-bevezet-selector-tarsashazi-lakas{width: 240px;height: 175px;padding: 0px 0px 0px 0px;	margin: 15px 20px 0px 20px;background-image:url(tata-elemek/tarsashazi-lakas.png);background-size:240px 150px;background-repeat:no-repeat;background-position:0 25px;display:block;
 text-align:center;}
#main-bevezet-selector-egyeb-ingatlan{display:block;	width: 240px;height: 175px;padding: 0px 0px 0px 0px;	margin: 15px 10px 0px 20px;background-image:url(tata-elemek/egyeb-ingatlan.png);background-size:240px 150px;background-repeat:no-repeat;background-position:0 25px;
 text-align:right}

#main-bevezet-balszoveg-box{max-width: 600px; width:100%; height: auto;padding: 10px 30px 0px 20px;	margin: 0px 0px 0px 0px;}

#main-bevezet-milyen-jellegu{	width: auto; max-width:460px; height: auto;padding: 10px 0px 10px 20px;	margin: 50px auto 10px auto;background-color: #ECE7DF;font-size:16px; text-align:center }
#menete-950box{	width:100%;max-width: 950px;height: auto;margin: 0px auto 0px auto;padding: 10px 0px 20px 0px;background-color:#E9EFF3;}
#menete-1, #menete-2, #menete-3{position:relative; display:block; width:100%; height:170px; margin:0 0 15px 0; padding:75px 5px 0 25px; background-color:#FFF; background-repeat:no-repeat; background-size:42px 42px; background-position:22px 12px; border-bottom:10px solid #ECE7DF;}
#menete-1{background-image:url(tata-elemek/menet-szam-1.png); max-width:290px; margin-right:35px;}
#menete-2{background-image:url(tata-elemek/menet-szam-2.png); max-width:290px; margin-right:35px; padding-right:25px;}
#menete-3{background-image:url(tata-elemek/menet-szam-3.png); max-width:289px; margin-right:11px; padding-right:34px;}
#menete-1:before, #menete-2:before, #menete-3:before{content:""; position:absolute; left:25px; right:25px; top:61px; height:1px; background:linear-gradient(to right, rgba(236,231,223,0), #ECE7DF 12px, #ECE7DF calc(100% - 12px), rgba(236,231,223,0));}
#menete-1:after, #menete-2:after{content:""; position:absolute; left:100%; top:40px; width:0; height:0; border-top:40px solid transparent; border-bottom:40px solid transparent; border-left:30px solid #FFF;}
#besorolas-skala{width:100%;max-width:330px;height:auto; margin-top:10px;}
.kiemelt{font-weight: bold;}
.szurke-inf {background-color:#ECE7DF;height: auto;}
.padding {padding:10px 0 20px 0}
.minmagas{min-height:72vh}
form{background-color:#E9EFF3;  height:auto; width:100%; padding:2% 0 2% 0;  border: 1px solid #BBB;  margin:20px 0 60px 0; color:#333 }
.forminner{height:auto; width:44%; padding:2% 3% 2% 3%;  }
form.kerdesfel{width:94%;max-width:440px; padding:2% 3% 2% 3%;  }
input[type=text]{ width: 96%; height:30px;  border: 1px solid #BBB; color: #555;  padding: 1px 2% 1px 2%; background-color:#FFF; border-radius:3px; margin-bottom:7px;}
input[type=submit] {cursor:pointer; height : auto; width:auto; background-color:#3F3949;  border: solid 1px #AAA; padding:5px 5px 5px 5px; text-align:center; margin:20px 0 13px 0; font-weight:bold; font-size:0.9rem; color:#FFF; border-radius:3px; -moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease;}
textarea{width:96%; padding:5px 2% 5px 2%; border:1px solid #BBB; height:90px; border-radius:3px; margin-bottom:10px; font-family:"Arial",sans-serif; color:#555; font-size:13px;}
select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; width: 200px; height:35px; border: 1px solid #AAA; color: #666; padding: 1px 32px 1px 8px; background: #FFF url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23666' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 10px center; background-size:12px 8px; border-radius:3px; margin-bottom:7px; font-size:16px; line-height:normal; cursor:pointer;}
select::-ms-expand{display:none;}
input#areamegrendel{ width: 60px;}
input#areaarajanlatkeres{ width: 60px;}
.nemvalid {background-color:  #FCC !important;}
/* FOOT */
#foot-szurke-inf {background-color:#ECE7DF;}
#foot-szurke-950box {height: auto;width:100%;max-width: 950px;margin: 0px auto 0px auto;}
#foot-szurke-ikon-box {height: 89px;width: 240px;margin: 0px auto 0px auto;padding: 20px 20px 20px 20px;}
#foot-szurke-ikon-box img {padding: 10px 10px 0px 0px;width:44px;height:44px;}
.foot-link-box{height: auto; width: auto; margin: 20px 0px 0px 0px; padding: 18px 30px 17px 30px;font-size:11px; border-left:solid;border-left-color:#3F3949;border-left-width:1px;}
.foot-link-box a{color:#3F3949;}
.foot-link-box a:hover{color: #999;}
#foot-sotet-inf {background-color:#3F3949;height: auto;width: auto;margin: 0px 0 0px 0;
}
#foot-sotet-950box {height: auto; width:100%;max-width: 950px;margin: 0px auto 0px auto;padding: 15px 0 10px 0;color:#999;font-size:12px;}

.button1{clear:both; height:auto;width:auto; max-width:300px; display:block;margin:10px auto 30px auto; padding:7px 15px 7px 15px; background-color:#2184A9; cursor:pointer; border-radius:3px; display:block; line-height:normal; border: solid 3px #0F3E4F; font-weight:bold; font-size:1.1rem; color:#FFF;  text-align:center;-moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; }
.button1:hover{ background-color:#FFF;}
.button1 span:after{ width:14px; height:13px; background:url(tata-elemek/arrow.png) 0px 0px no-repeat;background-size:11px 14px;display:inline-block; content:""; margin:0 0 0 10px; }
.button2{clear:both; height:auto;width:auto; max-width:300px; display:block;margin:20px auto 40px auto; padding:7px 15px 7px 15px; background-color:#BDFA1E; cursor:pointer; border-radius:3px; display:block; line-height:normal; border: solid 3px #0F3E4F; font-weight:bold; font-size:1.1rem; color:#666;  text-align:center;-moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; }
.button2:hover{ background-color:#FFF;}
.button2 span:after{ width:14px; height:13px; background:url(tata-elemek/arrow.png) 0px 0px no-repeat;background-size:11px 14px; display:inline-block; content:""; margin:0 0 0 10px; }

.button3{clear:both; height:auto;width:auto; max-width:300px; display:block;margin:20px auto 40px auto; padding:7px 15px 7px 15px; background-color:#DDDDDD; cursor:pointer; border-radius:3px; display:block; line-height:normal; border: solid 3px #0F3E4F; font-weight:bold; font-size:1.1rem; color:#666;  text-align:center;-moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; }
.button3:hover{ background-color:#FFF;}
.button3 span:after{ width:14px; height:13px; background:url(tata-elemek/arrow.png) 0px 0px no-repeat;background-size:11px 14px; display:inline-block; content:""; margin:0 0 0 10px; }

.buttonsm1{clear:both; height:auto;width:auto; max-width:300px; display:block;margin:20px 20px 0 0; padding:4px 10px 4px 10px; background-color:#2184A9; cursor:pointer; border-radius:3px; display:inline-block; line-height:normal; border: solid 1px #0F3E4F; font-weight:bold; font-size:1.0rem; color:#FFF;  text-align:center;-moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; }
.buttonsm1:hover{ background-color:#FFF;}
.buttonsm1 span:after{ width:10px; height:10px; background:url(tata-elemek/arrowsm.png) 0px 0px no-repeat;background-size:8px 11px;display:inline-block; content:""; margin:0 0 0 10px; }
.buttonsm2{clear:both; height:auto;width:auto; max-width:300px; display:block;margin:20px 20px 0 0; padding:4px 10px 4px 10px; background-color:#BDFA1E; cursor:pointer; border-radius:3px; display:inline-block; line-height:normal; border: solid 1px #0F3E4F; font-weight:bold; font-size:1.0rem; color:#666;  text-align:center;-moz-transition: background-color 0.25s ease; -ms-transition: background-color 0.25s ease; -o-transition: background-color 0.25s ease; transition: background-color 0.25s ease; }
.buttonsm2:hover{ background-color:#FFF;}
.buttonsm2 span:after{ width:10px; height:10px; background:url(tata-elemek/arrowsm.png) 0px 0px no-repeat;background-size:8px 11px;display:inline-block; content:""; margin:0 0 0 10px; }

.lenyilo-inactive{ color:#BBB; background-color:#FFF }
.lenyilo form{display:none}
.lenyilo p{display:none}
.button1.lenyilo-inactive{ color:#BBB; background-color:#FFF; border: solid 3px #BBB; }

.csak-mobil{display:none;}

@media screen and (max-width: 950px) {
h1 {font-size:20px;}
h2 {font-size: 17px;}
p {font-size:0.9rem}
li {font-size:0.9rem}
.torzs-feher-950 {padding-left: 4px;padding-right: 4px;}
#foot-sotet-950box {height: auto;padding-left: 4px;padding-right: 4px; text-align:center}
#menete-950box {padding-left: 4px;padding-right: 4px;}
#menete-1, #menete-2, #menete-3{max-width:none; height:auto; min-height:170px; margin:0 0 25px 0; padding:75px 25px 20px 25px;}
#menete-1:after, #menete-2:after{left:50%; top:auto; bottom:-24px; margin-left:-24px; border-left:24px solid transparent; border-right:24px solid transparent; border-top:14px solid #ECE7DF; border-bottom:0;}
.tablazat1{width:43.75%; max-width:262px;}
.tablazat1 .elso-oszlop{width:57%;}
.tablazat1 .negyedik{width:43%;}
.minmagas{display:flex; flex-direction:column;}
.minmagas > p{margin-top:0;}
.minmagas .torzs-informacio-floatbox-foto{order:9; margin-top:10px;}
.minmagas > .buttonsm1, .minmagas > .buttonsm2{align-self:flex-start;}
.csak-asztali{display:none;}
.csak-mobil{display:block;}
.float-left{float:none}
.float-right{float:none}
#foot-szurke-950box {height: auto;}
#foot-szurke-ikon-box{text-align:center}
#foot-szurke-ikon-box img {padding: 10px 5px 0px 5px;}
.foot-link-box{height:auto; border:none; margin-top:0; text-align:center}

#head-legfelso-inf {height: 20px;}
#head-feher-box950 {height: auto;}
#head-et-box {width: 100%;padding: 15px 0 0px 0px;text-align:center; font-size:20px;}
#head-logo-box {height: 48px;width: 48px;padding: 15px 0px 0px 0px; margin:10px auto 1px auto}
#head-tatabanya-box {width: 100%;padding: 10px 0px 0px 0;text-align:center;font-size:20px;}
#head-menu-950 {background-image:none;height: auto;width:100%;max-width: 950px;margin: 10px auto 0px auto; padding-top:5px; padding-bottom:10px;}
.displnone{display:none}
.head-menup-box-mainpage {margin: 11px auto 3px auto;padding: 2px 0 2px 0;float:none; text-align:center; width:auto}
.head-menup-box {margin: 11px 0px 3px 0px;padding: 2px 0 2px 0;float:none;border-left:none; width:auto}
.head-menup-box-szabaly {margin: 11px 0px 3px 0px;padding: 2px 0 2px 0;float:none;border-left:none; width:auto;}
.head-menup-box-kapcsolat {margin: 11px 0px 3px 0px;padding: 2px 0 2px 0;float:none;border-left-style: none;; width:auto}
#main-bevezet-selector-box{width:100%; padding: 2px 0 2px 0;}
#main-bevezet-selector-csaladi{	margin: 15px auto 0px auto;}
#main-bevezet-selector-tarsashazi-lakas{margin: 15px auto 0px auto;}
#main-bevezet-selector-egyeb-ingatlan{margin: 15px auto 0px auto;}
.torzs-informacio-floatbox{	margin: 25px auto 20px auto;}
.torzs-informacio-floatbox-foto{margin: 25px auto 20px auto;}
#besorolas-skala{margin:20px auto 20px auto;}
table {font-size: 11px;}
td {padding:5px 2px 5px 2px}
.fontos{font-size:11px}
.elso-oszlop{width:20%;}
.masodik{width:30%;}
.negyedik{width:15%;}
.forminner{height:auto; width:94%; padding:2% 3% 2% 3%;  }
}