html
{
	height:101%;
	min-height:101%;
	}
	
	
body {
	font-family: "Arial";
	font-size: 50%;
	background-color:#ffffff;
	margin: 0;
	padding:0;
	height:101%;
	min-height:101%;

	}

#container {
	width: 100%;
	height:100%;
	background:transparent;
	

	}

#nav {
	font-size: 20px;
	width: 1050px;
	height:100px;
	background:purple ;

	border-bottom-left-radius: 50px;
	border-top-right-radius: 50px;

	border-top-left-radius: 50px;
	border-bottom-right-radius: 50px;
	
	position:relative;

	}	

.levendula

{
width:2%;
position: absolute;
top:100%;
left:100%;
	}	

.pillango
{
width:2%;

position: absolute;
top:0px;
left:50px;

	}	

#kiskepek
{
width:96%;
height:96%;




	}	


#doboz1
{
width:100%;
height:100%;


	}	

#kisdoboz

{

width:24.8%;
height:48.8%;
min-height:48.8%;

border:1px dotted #FFFFFF;

float:left;

background: #FFFFFF;

border-radius: 25px;


	}	

#kisdoboz2

{

width:49.6%;
height:48.8%;
min-height:48.8%;

border:1px dotted #FFFFFF;

float:left;

background: blue;

border-radius: 25px;


	}	

#kisdoboz3

{
position:relative;
width:49.9%;
height:100%;
min-height:100%;



float:left;

background: blue;

border-radius: 25px;


	}	

.szam
{
	position:absolute;
	top:0px;
	left:20px;
	font-family : "Arial";
	font-size : 19px;
	color: purple;
	text-decoration: none;
	

	}	




#kep01
{
	height:50%;
	width:100%;
	}	


#szoveg01
{

	height:50%;
	width:100%;
	float:left;
	
	}	

#szoveg01belso
{
	margin:20px;

	}	

.arukep
{
	margin:20px;

	}	

.arukep2
{
	width:100%;
	height:100%;
	border-radius: 25px;

	}	



#menudoboz1

{

width:50%;
height:50%;
min-height:50%;

border:0px dotted #FFFFFF;

float:left;

background: green;

border-radius: 25px;


	}	

#menudoboz2

{

width:50%;
height:50%;
min-height:50%;

border:0px dotted #FFFFFF;

float:left;

background: red;

border-radius: 25px;


	}	
#menudoboz3

{

width:50%;
height:50%;
min-height:50%;

border:0px dotted #FFFFFF;

float:left;

background: lightgreen;

border-radius: 25px;


	}	
#menudoboz4

{

width:50%;
height:50%;
min-height:50%;

border:0px dotted #FFFFFF;

float:left;

background: #ac7ec9;

border-radius: 25px;


	}	

#menudoboz5

{

width:100%;
height:50%;
min-height:50%;



float:left;

background: green;

border-radius: 25px;


	}	

#belso

{

width:96%;
height:92%;
min-height:92%;

float:left;

background: white;

border-radius: 25px;

position:relative;
top:4%;
left:2%;

	}

	
#megrendeles

{

width:100%;
height:50%;
min-height:50%;

border:0px dotted #FFFFFF;

float:left;

background: white;

border-radius: 25px;


	}	
	
#menudoboz6

{

width:50%;
height:50%;
min-height:50%;

border:0px dotted #FFFFFF;

float:left;

background: blue;

border-radius: 25px;


	}	
#menudoboz7

{

width:50%;
height:50%;
min-height:50%;

border:0px dotted #FFFFFF;

float:left;

background: lightblue;

border-radius: 25px;


	}	

#menudoboz8

{

width:100%;
height:100%;
min-height:100%;

border:0px dotted #FFFFFF;

float:left;

background: white;

border-radius: 25px;


	}	
	
.refkep

{

width:95%;
height:90%;
position:relative;
top:5%;
left:2.5%;
border-radius: 25px;
	}	


#kiskepek li a.at2{
	
	font-family : "Arial";
	font-size : 20px;
	text-decoration: none;
	align="center";
	vertical-align: middle;
	position : absolute;
	left:50%;
	top:0px;
	
	
	color:#1A4E80;
	display:block;
	width:50%;
	height:10%;
	background: #ffffff;
	opacity: 0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	padding-left:0px;
	padding-top:0%;
	padding-bottom:0%;
	overflow: hidden;

	}	

 a {
	font-family : "Arial";
	font-weight: bold;
	font-size : 1.0em;
	color: white;
	text-decoration: none;
	text-align: center;
	position:relative;
	top:0px;


	
	}




 a div:hover {
	border-radius: 50px;
	position:relative;
	top:10px;
	background:grey;

	
	}

.fel {
	font-family : "Arial";
	font-weight: bold;
	font-size : 21px;
	color: purple;
	text-decoration: none;
	text-align: center;
	position:relative;
	top:0px;
	left:0px;
	
	}


.cim1 {
	font-family : "Arial";
	font-weight: bold;
	font-size : 1.3125em;
	color: purple;
	text-decoration: none;
	text-align: center;
	position:relative;
	top:35px;

	
	}

.cim1feher {
	font-family : "Arial";
	font-weight: bold;
	font-size : 1.3125em;
	color: white;
	text-decoration: underline;
	text-align: center;
	position:relative;
	top:35px;

	
	}

.cim1kek {
	font-family : "Arial";
	font-weight: bold;
	font-size : 1.3125em;
	color: lightblue;
	text-decoration: none;
	text-align: center;
	position:relative;
	top:35px;

	
	}



.cim1kiv {
	font-family : "Arial";
	font-weight: bold;
	font-size : 1.3125em;
	color: blue;
	text-decoration: none;
	text-align: center;
	position:relative;
	top:35px;

	
	}


.cim2 {
	font-family : "Arial";
	font-size : 25px;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
	vertical-align: middle;
	margin:40px;
	text-align: left;
	}
	

.b1{
	height: 100%;
	margin: 0 auto 0 auto;
	background:transparent;
	display:block;


	}


.b2{
	height: 100%;
	background:transparent;
	overflow:hidden;
	display:none;
	}


#b {
		width:100%;
		position:absolute;
		top:0px;
		left:0px;
		overflow-x:hidden;
	}


#zene {
	width: 200px;
	height:60px;
	background:transparent;
	overflow:hidden;
	border: 0px solid #3399CC;
	position: relative;
	top:5px;
	left:55px;
	text-decoration:none;
	font-family : "Arial";
	font-weight: bold;
	font-size : 21px;
	color:#3399CC;
	z-index: 2;
	}


.cim9 {
	font-family : "Arial";
	font-weight: bold;
	font-size : 21px;
	color: #0088A5;
	text-decoration: none;
	align="center";
	position: relative;
	top:-25px;
	}
	
.logokep {
	position : relative;
	left:60px;
	top: -40px;
	text-decoration:none;
	border:0;
	
	}




.flyingbirds {
	position : relative;
	top:-8px;
	left:1050px;
	text-decoration:none;
	border:0;
	
	}


.swallows {
	position : relative;
	top:-135px;
	left:350px;
	width:137px;
	height:100px;
	text-decoration:none;
	border:0;
	
	}


.pillango2 {
	position : absolute;
	top:600px;
	left:1000px;
	text-decoration:none;
	border:0;
	
	}



.szoveg
	{
	font-family : "Arial";
	font-size : 19px;
	color: #1A4E80;
	text-decoration: none;
	align="center";
	vertical-align: middle;
	}
	
	.szovegf
	{
	font-family : "Arial";
	font-size : 19px;
	color: #FFFFFF;
	text-decoration: none;
	align="center";
	vertical-align: middle;
	position:relative;
	top:-7px;
	margin:20px;
	}

	.szovegfm 
	{
	font-family : "Arial";
	font-size : 19px;
	color:purple;
	text-decoration: underline;
	align="center";
	vertical-align: middle;
	position:relative;
	top:-7px;
	margin:20px;
	}


	.szovegf2
	{
	font-family : "Arial";
	font-size : 19px;
	color: #FFFFFF;
	text-decoration: none;
	align="center";
	vertical-align: middle;
	position:absolute;
	top:150px;
	margin:20px;
	left:50px;
	}

	.szovegf3
	{
	font-family : "Arial";
	font-size : 1.1875em;
	color: #FFFFFF;
	text-decoration: none;
	align="center";
	vertical-align: middle;
	position:relative;
	top:-7px;
	margin:5%;

	}

	.szovegf3bold
	{
	font-family : "Arial";
	font-size : 1.1875em;
	color: #FFFFFF;
	text-decoration: none;
	align="center";
	vertical-align: middle;
	position:relative;
	top:-7px;
	margin:5%;
	font-weight: bold;
	line-height: 1em;
	}


.foszoveg
	{
	float:left;
	font-family : "Arial";
	font-size : 15px;
	color: #565051;
	text-decoration: none;
	align="center";
	vertical-align: middle;
	position:relative;
	top:0px;
	}
	
	.foszoveg2
	{
	float:left;
	font-family : "Arial";
	font-size : 15px;
	font-style:Italic;
	color: #565051;
	text-decoration: none;
	align="center";
	vertical-align: middle;
	position:relative;
	top:-8px;
	}


#nyilfel {
	text-align : center;
	position : relative;
	left:0px;
	top:0px;
	display:block;
	height:28px   ;
	width:21px   ;
	background-image:url("img/nyil-fel-01.gif");
	
}

#nyilfel:hover {
	background-image:url("img/nyil-fel-01-hover.gif");
	
}	

.me{
	font-family : "Arial";
	font-size : 20px;
	color: #1A4E80;
	text-decoration: none;
	align="right";
	vertical-align: middle;
	position : relative;
	left:0px;
	top:0px;
	
}
.me1{
	font-family : "Arial";
	font-size : 20px;
	color: #3399CC;
	text-decoration: none;
	align="center";
	vertical-align: middle;
	position : relative;
	left:0px;
	top:0px;
	
}

.img3{
	position : relative;
	left:0px;
	top:25px;
}

.img4{
	position : relative;
	left: 0px;
	top: 33px;
}
	




#nav3 {
	font-size: 20px;
	float:left;
	width: 270px;
	height:640px;
	background: transparent ;

	}	

#nav3 li a.at{
	
	font-family : "Arial";
	font-size : 20px;
	text-decoration: none;
	align="center";
	vertical-align: middle;
	position : relative;
	left:0px;
	top:0px;
	
	
	color:#1A4E80;
	display:block;
	width:210px;
	height:27px;
	background: #ffffff;
	opacity: 0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	padding-left:0px;
	padding-top:9px;
	overflow: hidden;

	}	


#nav3 li a:hover {
	
	color: #3399CC;
	background-color: #ffffff;
	opacity: 0.95;
	filter:alpha(opacity=95); /* For IE8 and earlier */
   overflow: hidden;
}

#nav3 li a.kiv {	
	
	font-family : "Arial";
	font-size : 20px;
	text-decoration: none;
	align="center";
	vertical-align: middle;
	position : relative;
	left:0px;
	top:0px;
	
	
	display:block;
	width:210px;
	height:27px;
	
	color: #3399CC;
	background-color: #ffffff;
	
	padding-left:0px;
	padding-top:9px;   
    overflow: hidden;
}



#nav3 li {
	background: transparent ;
	color: #FFFFFF;
	font-size:30px;
	text-align: center;
}

#nav3 ul {
	background: transparent ;
	color: #FFFFFF;
	width:210px;
	font-size:30px;
	list-style-type: none;
	list-style-position: inside ;
	position:relative;
	left:0px;
    
}
	
	
#menu { 
	width:210px;
	height:288px;
	position:relative;
	left:45px;
	top:-40px;
	border: 1px solid white;
   
 	z-index: 1;
}

.topround { 
	border-top: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-radius: 30px;	
}    

	
#kep {
	font-size: 20px;
	float:left;
	width: 930px;
	height:640px;
	background: transparent;
	position: relative;
	}

#kep2 {
	font-size: 20px;
	float:left;
	width: 930px;
	height:640px;
	background: transparent;
	position: relative;
	overflow: scroll;
	}
	

.me2{
	font-family : "Arial";
	font-size : 20px;
	color: #ABE1FA;
	text-decoration: none;
	text-align : center;
	vertical-align : middle;
	position : relative;
	left:0px;
	top:30px;
	
}
.me3{
	font-family : "Arial";
	font-size : 20px;
	color: #FFFFFF;
	text-decoration: none;
	align="right";
	vertical-align: middle;
	position : relative;
	left: 0px;
	top: 30px;
}

	

#lakas {
	font-size: 20px;
	float:left;
	width: 1040px;
	height:320px;
	background: transparent;
	}

#lakasbal {
	font-size: 20px;
	float:left;
	width: 520px;
	height:320px;
	background: transparent;
	}



#lakasjobb {
	font-size: 20px;
	float:left;
	width: 510px;
	height:320px;
	}

#lakasjobbbelso {
	font-size: 20px;
	float:left;
	width: 450px;
	height:270px;
	position: relative;
	top:27px;
	left:-20px;
	background: #3399CC;
	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	}

.szovegf a:hover{
	color:#3399CC;
	background: #FFFFFF;
	}
	
#butor {
	font-size: 20px;
	float:left;
	width: 1040px;
	height:320px;
	background: transparent;
	}

#butorbal {
	font-size: 20px;
	float:left;
	width: 520px;
	height:320px;
	background: transparent;
	}

.framepos{
	position:relative;
	top:27px;
	left:40px;
	}


#butorjobb {
	font-size: 20px;
	float:left;
	width: 510px;
	height:320px;
	background: transparent;
	}

#butorjobbbelso {
	font-size: 20px;
	float:left;
	width: 450px;
	height:270px;
	background: transparent;
	position:relative;
	top:27px;
	left:-20px;
	background: #3399CC;
	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	
	
	}

#webshop {
	font-size: 20px;
	float:left;
	width: 1040px;
	height:320px;
	background: transparent;
	}

#webshopbal {
	font-size: 20px;
	float:left;
	width: 520px;
	height:320px;
	background: transparent;
	}



#webshopjobb {
	font-size: 20px;
	float:left;
	width: 510px;
	height:320px;
	background: transparent;
	}

#webshopjobbbelso {
	font-size: 20px;
	float:left;
	width: 450px;
	height:270px;
	background: transparent;
	position:relative;
	top:27px;
	left:-20px;
	background: #3399CC;
	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	
	
	}

	
.lakaskep {
	float:left;
	text-decoration:none;
	border:0;
	position:relative;
	top:27px;
	left:40px;
	
	}

.butorkep {
	float:left;
	text-decoration:none;
	border:0;
	position:relative;
	top:27px;
	left:40px;
	
	}

#megrendelo{
	font-size: 20px;
	float:left;
	width: 690px;
	height:290px;
	background: transparent;
	position:absolute;
	top:20px;
	left:280px;
	background: #3399CC;
	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	
	
	}

#megrendelo-cim{
	font-size: 20px;
	float:left;
	width: 690px;
	height:20px;
	background: transparent;
	position:relative;
	top:0px;
	left:0px;
	
	
	}

.megrendeles-focim
	{
	font-family : "Arial";
	font-size : 20px;
	color: #FFFFFF;
	text-decoration: none;
	position:relative;
	top:-10px;
	left:10px;
	clear:both;
	
	}


	.megrendeles
	{
	font-family : "Arial";
	font-size : 20px;
	color: #FFFFFF;
	text-decoration: none;
	position:relative;
	top:0px;
	left:0px;
	clear:both;
	
	}

.megrendeles a:hover{
	
	position:relative;
	top:0px;
	left:0px;
	color:#3399CC;
	background:#FFFFFF;
	
	}

	.megrendelesl
	{
	font-family : "Arial";
	font-size : 20px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: bottom;
	vertical-align: bottom;
	position:relative;
	top:115px;
	left:10px;

	}

.megrendelesl a:hover{
	
	position:relative;
	top:-81px;
	left:-10px;
	
	color:#3399CC;
	background:#FFFFFF;
	padding-left:10px;
	padding-top:81px;	
	padding-right:350px;	
	padding-bottom:10px;
	
	}

	.av
	{
	color:blue;
	}

.av a:hover{
	
	color:#FFFFFF;
	
	}


.megrendeleslb
	{
	font-family : "Arial";
	font-size : 20px;
	color: #3399CC;
	text-decoration: none;
	text-align: bottom;
	vertical-align: bottom;
	position:relative;
	top:115px;
	left:10px;

	}

.megrendeleslb a:hover{
	
	position:relative;
	top:-81px;
	left:-10px;
	
	color:#3399CC;
	background:#FFFFFF;
	padding-left:10px;
	padding-top:81px;	
	padding-right:350px;	
	padding-bottom:10px;
	
	}


#latvanyterv{
	font-size: 20px;
	float:left;
	width: 315px;
	height:105px;
	
	position:relative;
	top:0px;
	left:0px;
	margin-left:20px;
	margin-top: 20px;
	margin-right:10px;
	margin-bottom:10px;
	
	background:red;
	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	overflow:hidden;
	
	}

#latvanyterv a{
	display: block;
	width:315px;
	height:105px;
	padding-left:10px;
	padding-top:10px;
	position:absolute;
	top:-20px;
	left:0px;
	}


#honlap{
	font-size: 20px;
	float:left;
	width: 315px;
	height:105px;
	
	position:relative;
	top:0px;
	left:0px;
	margin-left:10px;
	margin-top: 20px;
	margin-right:20px;
	margin-bottom:10px;
	
	background:green;
	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	
	overflow:hidden;
	}

#honlap a{
	display: block;
	width:315px;
	height:105px;
	padding-left:10px;
	padding-top:10px;
	position:absolute;
	top:-20px;
	left:0px;
	}


#ingatlan{
	font-size: 20px;
	float:left;
	width: 315px;
	height:105px;
	
	position:relative;
	top:0px;
	left:0px;
	margin-left:20px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	
	background:blue;
	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	
	
overflow:hidden;
	}

#ingatlan a{
	display: block;
	width:315px;
	height:105px;
	padding-left:30px;
	padding-top:90px;
	position:absolute;
	top:-150px;
	left:-30px;
	
	}
	
#video{
	font-size: 20px;
	float:left;
	width: 315px;
	height:105px;
	
	position:relative;
	top:0px;
	left:0px;
	margin-left:10px;
	margin-top: 10px;
	margin-right:10px;
	margin-bottom:20px;
	
	background:yellow;
	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	
	
overflow:hidden;
	}

#video a{
	display: block;
	width:315px;
	height:105px;
	
	padding-left:30px;
	padding-top:90px;
	position:absolute;
	top:-150px;
	left:-30px;
	
	}
	
#zenedoboz{
	font-size: 20px;
	float:left;
	width: 315px;
	height:105px;
	
	position:absolute;
	top:93px;
	left:178px;
	margin-left:10px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	
	background:purple;
	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	z-index: 2;
	
	overflow:hidden;
	}

#zenedoboz a{
	display: block;
	width:315px;
	height:105px;
	padding-left:10px;
	padding-top:10px;
	position:absolute;
	top:-20px;
	left:0px;
	
	}