/*betutipus*/
.menu,
.bemutatkozas,
.projekt,
.muszaki,
.ertek_cim,
.elonyok,
.lakastabla,
.epuletlista,
.sargamobil,
.mobil_cim,
h3,
h2 {
	font-family: 'Hammersmith One', sans-serif;
}

h2 {

}

h3 {
	font-family: 'Hammersmith One', sans-serif;
	/*font-family: 'Raleway', sans-serif;*/
    font-size: 21px;
    text-transform: uppercase;
    margin: 30px 0 20px 0;
    background: #ddd;
    padding: 10px 20px 6px 20px;
    display: table;
    border-radius: 0 20px 20px 0;
}
h3.line2 {
	margin-top: -10px;
}

big {
	display: block;
	margin-bottom: 10px;
}
b, strong {
	font-weight: 700;
}

.bemutatkozas,
.projekt,
.muszaki {
	cursor: pointer;
	padding: 5px;
}
body{
	/*font-family: 'Hammersmith One', sans-serif;*/
	font-family: 'Raleway', sans-serif;
}

.mobil_cim{
	margin-top: 60px;
    font-size: 1.6em;
    text-align: center;
    color: gray;
}
/*Főoldal */


/*responsive dolgok*/

/*responsive vege */
/*SLIDER*/

.slider
{
 min-height:300px;
}
 .slider-doboz {
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.slider-doboz div {
  width: 100%;
  display: inline-block;
  display: none;

}
.slider-doboz img {
  width: 100%;
  height: auto;
}


 /******************************************** uj menu */
 
 nav ul ul {
	visibility: hidden;
	opacity: 0;
  	transition: visibility 0s, opacity 0.1s linear;
}

	nav ul li:hover > ul {
		 visibility: visible;
  		opacity: 1;
	}
	
	nav ul {
	padding: 0 15px;
	border-radius: 10px;  
	list-style: none;
	position: relative;
	display: inline-table;
	padding-top: 30px;
	cursor:pointer;
	}
	
	nav ul:after {
		content: "";
		clear: both;
		display: block;
	}

	nav ul li {
		float: left;
	}

	nav ul li a {
		display: block;
		padding: 5px 20px;
		color: #757575;
		text-decoration: none;
	}
	
	nav ul ul {
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 100;
    margin-left: -100px;
    width: 180px;
}
	nav ul ul li {
		float: none; 
    	background: rgba(0,0,0,.7);
    	border: 1px solid rgba(0,0,0,.15);
		position: relative;
		font-size:1.2;
 		 transition:.15s;	
		 margin-bottom: -1px;
	}
		 
	nav ul ul li:last-child {
		border-radius: 0 0 20px 20px;
	}
	nav ul ul li a {
		padding: 10px 20px;
		color: #fff !important;
	}	
		nav ul ul li a:hover {
		text-decoration:none;
		color: #fff;
	}	
	nav ul ul li:hover {
		background: #4cb1ac;
			}
			
	nav ul ul ul {
	position: absolute;
	left: 100%;
	top:0;
	z-index:100;
}	

/*ragacsos*/
	.stickytop{
     margin-bottom: 0; 
     padding-top: 0; 
 
	}
	
	.stickylist{
	padding-top: 0px;
	}
	.stickyimg{
	padding-top:30px;
	}
	
	
	/*kiegeszitok*/
	
	.gomb{
    background-color: #4cb1ac;
    padding: 8px 15px;
    color: white;
    margin-left: 5px;
    float: right;
    position: absolute;
    bottom: 10px;
    border-radius: 20px;
    left: 5px;
		
	}
	
	.bemutatkozo_szoveg .gomb,
	.projekt_szoveg .gomb,
	.muszaki_szoveg .gomb	{
		bottom: 20px;
		left: 2%;
	}
	
	.gomb:hover{
		background: #2c9b96;
		color: white;
		text-decoration: none;
	}
	
	th {
	cursor:pointer;}
	
	/* lakasok aloldal */
	
	
	.email{
		background-color: rgba(0,0,0, 0.1);
	    border-radius: 20px;
	  /*  text-align: center;*/
	    padding:15px;
	    margin-bottom: 5px;
	}
	
	.email label{
	    /*color: rgb(249,169,70);*/
	    padding-left: 20px;
		font-size: 80%;
		font-weight: normal;
	}
	.email input[type="text"],
	 .email input[type="email"]{
	border-radius: 20px;
    border: 2px solid rgb(80,179,174);
    width:100%;
    margin-bottom: 10px;
	padding: 2px 15px;
	}
	
	.emailgomb{
	background-color: rgb(249,169,70);
    color: white;
    border: none;
    border-radius: 30px;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
	}
	
	.ajanlat{
    font-size: 130%;
    color: rgb(80,179,174);
    font-weight: 700;	
	}
	.ajanlat_box{
	    text-align: right;
	}
	.adat_box{
	    text-align: center;
	}
	.ajanlatlakas{
		/*
	font-size: 1.2em;
    text-transform: uppercase;
	*/
	display: table;
	}
	.lakas_felso{
	margin-bottom:50px;
	}
	.lakasoklista{
	list-style: none;
	}

	.lakasoklista li{
		border-radius: 20px;
	    border: 2px solid rgb(80,179,174);
	    text-align:center;
	    margin:5px;
	    font-size:1.2em;
	}
	.lakasoklista li a{
	text-decoration:none;
	color:black;
	}
	.lakasoklista li a:hover {

	color:white;

	}
	
	
	
	
	

	
	.lakasoklista li:hover {
	background-color: rgb(249,169,70);
	border:2px solid rgb(249,169,70);
	}
	
	.lakasadatai td{
	text-align:right;
	padding:5px;
	color:rgb(80,179,174);
	}
	
	.lakasadatai th{
	padding: 10px;
    border-bottom: 1px solid white;
    text-align:center;
	}
    
    .lakasadatai td {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	}
	.lakasadatai td:first-child {
	border-left: none;
	}
	
	.lakasadatai td:last-child {
	border-right: none;
	}	
    
    
    
    
    
    
	.lakasadatai{
	background-color: rgba(0,0,0, 0.1);
	border-radius: 20px;
	  /*  text-align: center;*/
	padding:15px;
	width:100%;
	}
	
	.padd{
	margin-top:20px;
	}
	
	.lakasterv{
		border: 2px solid rgba(0,0,0, 0.1);
	    border-radius: 20px;
	    padding: 10px;
	}



/*SLIDER VEGE*/
.lablec
{
	margin-top:50px;
 	background-color:gray;
 	min-height:0px;
}

/*elönyők*/
.elony_doboz
{
    margin-top: 30px;
    position:relative;
}

.elony_kep {
    margin-top: 15px;
}

.bemutatkozo_szoveg,
.projekt_szoveg,
.muszaki_szoveg,
.szovegek
{
	width:96%;
	padding:2%;
	border: solid black 2px;
    border-radius: 10px;
    border-color:#f9a946;
    margin:10px;
    display:none;
    
    
}

.bemutatkozo_szoveg,
.projekt_szoveg,
.muszaki_szoveg{
	padding-bottom: 60px;
}


.elonyok
{
	color:#4cb1ac;
}
/*.elony_kep{
 transition: all .2s ease-in-out;
}
.elony_kep:hover{
	-ms-transform: scale(1.05); 
    -webkit-transform: scale(1.05); 
    transform: scale(1.05);
}*/

/*ertekesitoink + csikok*/



.korok img
{
 display: block;
 margin: 0 auto;
 transition: all 0.15s ease-in-out;
}
.korok:hover img{
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
}
.korok {
padding:70px;
}

.ertekesitok {	
	padding: 50px 10px;
}

.ertekesitok DIV{
	margin-bottom:10px;
}

.ertekesitok img {
	width: 500px;
	max-width: 100%;
	margin: 0 auto;
}

.csik
{	
    background: #f9a946;
    height: 5px; 
}

.csik2
{	
    background: #4cb1ac;
    height: 5px; 
}

/*Főoldal főmenü*/

.mobilmenu{

	padding-bottom:20px;
	border-bottom: medium dashed #f9a946;
	margin: 20px;
}
.menu DIV
{
    text-align: center;
padding-right: 10px;
    padding-left: 10px;
}
}

/*.menu_elem{
	padding-top: 70px;
}*/
.dropdown{
	padding-top: 60px;
}

.tartalom{
	margin-top:200px;
	font-size: 130%;
}

.menu{
	margin-bottom: 30px;
	padding-top: 15px;
	background: white;
	position:fixed;
	top: 0;
	    margin: 0 auto;
    width: 100%;
    z-index: 1;
   /* box-shadow: 0px 3px 3px -3px #888888;   */
}

.menu:before {
  content : "";
  position: absolute;
  left    : 0;
  right:	0;
  bottom  : 0;
  height  : 1px;
  margin: 0 auto;
  width   : 70%;  
  min-width:1200px;
  border-bottom:1px solid rgba(0,0,0,0.2);
/*box-shadow: 0px 3px 3px -3px #888888; */  
}

.menu DIV a
{
    text-decoration: none;
    color: rgba(0,0,0, 0.6);
    font-size: 130%;
    transition: .15s;
    line-height: 130%;
}
.menu img{
	padding-bottom:3px;

}

.menu DIV a:hover
{
	color:#f9a946;
}

.aktiv
{
	color:#f9a946;
}
/*menu */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}
/*PROBA*/
/*.dropdown-submenu {
    position: relative;
    /* border: solid 1px; 
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 20px;
    background-color: white;
    margin-bottom: 2px;
}*/
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
     background-color: transparent; 
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
     border: 0; 
    /* border: 1px solid rgba(0,0,0,.15); */
    /* border-radius: 4px; */
     -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.0);
     box-shadow: 0 6px 12px rgba(0,0,0,.0);
}
.dropdown-menu>li>a{
    background: white;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 20px;
    margin-bottom: 2px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #f9a946;
    text-decoration: none;
    background-color: white;
    background-image:none;
    
    }
/*Lakasok*/

/*helyisegtabla */

.helyisegtabla{
    border-collapse: separate;
    border: solid #4cb1ac 2px;
    margin-top: 30px;
	}
.helyisegtabla tbody tr:hover
{
	background-color:#f9a946; 
	color:white;
}

.helyisegek a{
	text-decoration: none;
	
}
/*LAKAS LLISTA TABLAZAT */


.lakastabla>thead>tr>th {
    vertical-align: bottom;
   border-bottom: 2px solid white;
    
}
.lakastabla img {
    max-width: 25px;
}
.lakastabla{
    border-collapse: separate;
    border: solid gray 1px;
    border-radius: 10px 10px 0 0;
    margin-top: 30px;
    text-align:center;

    color:gray;
    background-color: rgba(0,0,0, 0.2);
	}
.lakastabla th{

}
	
.lakastabla th, td {
  /*  border: 2px solid gray;*/
    text-align:center;
}	
	
.lakastabla td {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

.lakastabla td:nth-child(6),
.lakastabla td:nth-child(7) {
    text-align: right;
    padding-right: 30px;
}

table {
	border-color:none;
}
.lakastabla td:first-child {
border-left: none;
}

.lakastabla td:last-child {
border-right: none;
}	

.lakastabla tbody tr.akcio {
	background: #ffca89;
	color: #76470c;
}
.lakastabla tbody tr.akcio td span {
	background: #f9a946;
    padding: 2px 10px;
    color: #fff;
    border: 2px solid;
}
	
.lakastabla tbody tr:hover,
.hovered
{
	background-color:#f9a946; 
	color:white;
}
.lakastabla tbody tr.akcio:hover td span {
	background: #76470c;
}


.lakastabla a{
	text-decoration: none;
	color:black;
}
.lakastabla tr:hover a,
.hovered a{
	color:white;
}

.lakastabla tr:hover img,
.hovered img{
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
}

.zold
{	
    background: #4cb1ac;
    color: white;
    margin-top: 5px;
    border-radius: 0px 30px 30px 0px;
    height: 50px;
    line-height: 50px;
    font-size: 150%;
    padding: 10px 25px 8px 20px;
    margin-top: 5px;
    display: table;
    line-height: 120%;
}

.bemutatkozas.zold:hover,
.projekt.zold:hover,
.muszaki.zold:hover,
.epuletek.zold:hover {
	background: #2c9b96;
}

.sarga
{	
	background: #f9a946;
    color: white;
    margin-top: 5px;
    border-radius: 0px 30px 30px 0px;
    height: 50px;
    line-height: 50px;
    font-size: 150%;
    padding: 10px 25px 8px 20px;
    margin-bottom: 40px;
    display: table;
    line-height: 120%;
}
.sargamobil
{	
    background: #f9a946;
    color: white;
    margin-top: 5px;
    border-radius: 0px 30px 30px 0px;
    height: 50px;
    line-height: 50px;
    font-size: 150%;
    padding-left: 80px;
     text-align: left;
}
.sargamobil a{
	text-decoration:none;
	color:white;
}
.epuletek{
	width:80%;
	position:relative;
	/*
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
	*/
	
	}
/*	
.epuletek:hover	{
	width:90%;
	}
*/	
	
.epuletlista a{
	text-decoration: none;
	}
	
	
	
/*.elado:hover .elado_almenu {
    display: block;
}

.bank:hover .bank_almenu {
    display: block;
}

.hasznos:hover .hasznos_almenu {
    display: block;
}
*/

.lakas_lista div {
   	border-style: solid;
	border-color:#4cb1ac;
    border-width: 1px 1px 1px 1px;
}
.lakas_fejlec div {
   	border-style: solid;
	border-color:#4cb1ac;
    border-width: 1px 1px 1px 1px;
}
.ertek_cim {
	text-align:center;
    margin-top: 40px;
    color:#f9a946;
}
.elonyok{
	color: #4cb1ac;

	}


	
	
/*-------------------------------------------------------------------
roland		*/	

a.epuletgomb {
	display: block;
	width: 120px;
	height: 120px;
	position: absolute;
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
a.epuletgomb:hover {
	-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}
a#a { 
	background-image: url(../images/hazak/a_.png);
	left: 50px;
    top: 135px;
}
a#b { 
	background-image: url(../images/hazak/b_.png);
	top: 210px;
    left: 360px;
}
a#c { 
	background-image: url(../images/hazak/c_.png);
	left: 200px;
    top: 75px;	
}
a#d { 
	background-image: url(../images/hazak/d_.png);
	top: 110px;
    left: 420px;
}
a#e { 
	background-image: url(../images/hazak/e_.png);
	top: 33px;
    left: 320px;	
}
a#f { 
	background-image: url(../images/hazak/f_.png);
	top: 20px;
    left: 460px;	
}

.kapcsolatfelvetel {
	display: table;
	width: 100%;
	margin-top: 20px;
}

.kapcsolatfelvetel input{
	border-radius: 20px;
	border: 2px solid rgb(80,179,174);
	width: 100%;
	margin-bottom: 10px;
	padding: 2px 15px;	
}
.kapcsolatfelvetel label{
	margin-top: 10px;
    padding-left: 20px;
    font-size: 80%;
    font-weight: normal;	
}

input:focus, textarea:focus {
	outline: none;
}

img.ertekesito {
	margin-right: 145px;
	float: right;
	clear: both;
	max-width: 100%;
	margin-top: -50px;
	
}
img.mohacsitakarek {
    margin-right: 3px;
    float: right;
    clear: both;
    margin-top: -58px;	
}



.stickytop img.ertekesito {
	margin-bottom: 10px;
}
.stickytop img.mohacsitakarek {
	margin-top: -83px;
}

.bank,
.white {
	background: #eee;
    padding: 40px;
    box-shadow: inset 0 0 0 10px #fff;
    border-radius: 25px;
	min-height: 230px;
}
.white {
	background: #fff;
}

.white h3 {
	margin-top: 0;
}

.bank img {
	float: right;
	margin: 0 0 30px 30px;
	border-radius: 8px;
}

.leiras {
	margin-bottom: 50px;
}

.more {
    padding: 5px 15px;
    background: #4cb1ac;
    border-radius: 20px;
    color: #fff;
    font-weight: 700;
    display: table;
}
.bank .more {
    position: absolute;
    bottom: 40px;
}

.more:hover {
    background: #333;
    text-decoration: none;
	color: #fff;
}
.info {
	margin-top: 10px;
}

p li {
	margin-top: 15px;
}
.csok td {
	border: 5px solid #fff;
    background: #eee;
    padding: 5px 10px;
}

.csok tr.head td{
	background: #ddd;
}

p.lead {
	background: #eee;
    padding: 20px 30px;
    font-size: 20px;
    margin: 30px 0;
}

/*-------------------------------------------------------------------*/	




/* Responsive*/

@media only screen and (max-width: 1200px) {
	a.epuletgomb {
		width: 85px;
		height: 85px;
		background-size: 85px;
	}
	a#a { 
		left: 50px;
		top: 115px;
	}
	a#b { 
		top: 180px;
		left: 303px;
	}
	a#c { 
		left: 175px;
		top: 67px;
	}
	a#d { 
		top: 100px;
		left: 355px;
	}
	a#e { 
		top: 33px;
		left: 272px;	
	}
	a#f { 
		top: 25px;
		left: 385px;	
	}
}

@media only screen and (max-width:990px) {
	.table-responsive {

    border: none; 
}
	
	.sarga
{	
    font-size: 1.5em;
}
	
	.ajanlat_box {
    text-align: center;
}
	
	
.dropdown{
	padding-top: 10px;
}
.tartalom{
	margin-top:0;
}

/*.menu_elem {
    padding-top: 10px;
}*/

.menu{
	display:none;
	position:relative;
}
	nav ul li {
		width:100%;
	}


.korok {
    padding: 10px;
}



.lakastabla{
    font-size:0.7em; 

	}
.lakastabla th{
	font-size:0.8em;
}



nav ul ul {
     top: auto !important; 
    right: 0;

 }
}
 
 @media only screen and (max-width:990px) {
 
 .mobil_cim {

    font-size: 1.2em;

}
}