*{
font-family: Garamond;	
}


h1{
color: #aecfbb;
font-family:Copperplate;	
text-align: center;
}

body{
background-color:black;
}

.crs{
width:100px;	
}


#frame{
margin-left: auto;
margin-right: auto;	
width : 90%;
height: auto;
background-color: #fafcff;

}

#kozepsav{
margin-left: auto;
margin-right: auto;
width: 68%;
height:1000px;
overflow-y:scroll;

background-color: #e6eaf0;
/* border: 1px solid; */
/*box-shadow: 3px 3px 3px 3px darkgray;*/
border-radius: 12px;
border:1px solid gray;
}


#balszel{
float: left;	
width: 15%;
height: 100%;	
/* background-color:blue; */
/*background-image:
	url(hatterkepek/07.jpg),
	url(hatterkepek/08.jpg),
	url(hatterkepek/09.jpg),
	url(hatterkepek/10.jpg),
	url(hatterkepek/11.jpg),
	url(hatterkepek/12.jpg);
background-position:
	top 10px  left 20px,
	top 200px left 20px,
	top 390px left 20px,
	top 580px left 20px,
	top 770px left 20px,
	top 960px left 20px;
background-repeat:
    no-repeat; 
background-size: 130px,130px,130px,130px,130px,130px;*/

}

#jobbszel{
float:right;
width:15%;
height: 100%;
/* background-color:red; */
/*background-image: 
    url(hatterkepek/01.jpg),
    url(hatterkepek/02.jpg),
	url(hatterkepek/03.jpg),
	url(hatterkepek/04.jpg),
	url(hatterkepek/05.jpg),
	url(hatterkepek/06.jpg);
background-position: 
    top 10px right  20px, 
    top 200px right 20px,
	top 390px right 20px,
	top 580px right 20px,
	top 770px right 20px,
	top 960px right 20px;
	
background-repeat:
    no-repeat; 
background-size: 130px,130px,130px,130px,130px,130px;*/
}

.szelesseg{
max-width:20%;
}

.szelesseg2{
width:90%;	
padding-bottom:40%;
}

.szelesseg3{
max-width:90%;
padding-bottom:1%;
}

.szelesseg4{
max-width:50%;
padding-bottom:1%;   
}

#gombsor{
color: black;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 10%;
padding: 3%;
}

p{
padding: 2%;	
}

h4{
padding: 2%;
font-family:bold;	
}
.balra{
float : left;	
}