html, body {
    height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background-color: #767070;
}


* {
	box-sizing: border-box;
    outline: none;
}

a{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#tartalom {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
}

#tartalom_belso {
	background-image: url('../images/hatter.jpg');
	width: 1280px;
	height: 720px;
    position: relative;

}

#kerek {
	width: 558px;
	margin-left: 217px;
	margin-top: 123px;
}

.ikon_szamlalo {
	position: absolute;
	width: 39px;
	height: 39px;
	border-radius: 40px;
	line-height: 39px;
	text-align: center;
	color: #fff;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.ikon_szamlalo_1 {
	top: 123px;
	left: 614px;
}

.ikon_szamlalo_2 {
	top: 347px;
	left: 737px;
}

.ikon_szamlalo_3 {
	top: 571px;
	left: 614px;
}

.ikon_szamlalo_4 {
	top: 574px;
	left: 356px;
}

.ikon_szamlalo_5 {
	top: 347px;
	left: 217px;
}

.ikon_szamlalo_6 {
	top: 124px;
	left: 345px;
}





.szoveg {
	position: absolute;
    color: #fff;
    opacity: 0.5;
}

.szoveg.aktiv{
    opacity: 1;
}

.szoveg h2 {
	font-family: Arial;
	font-size: 19px;
	font-weight: bold;
	margin: 0px;
}

.szoveg p {
	font-family: Arial;
	font-size: 16px;
	margin: 0px;
	margin-top: 6px;
}


.szoveg_1 {
	top: 130px;
	left: 720px;
	max-width: 310px;
}

.szoveg_2 {
	top: 317px;
	left: 784px;
	max-width: 228px;
}

.szoveg_3 {
	top: 500px;
	left: 706px;
	max-width: 333px;
}

.szoveg_4 {
	top: 506px;
	left: 94px;
	max-width: 239px;
}

.szoveg_5 {
	top: 314px;
	left: 31px;
	max-width: 209px;
}

.szoveg_6 {
	top: 129px;
	left: 88px;
	max-width: 234px;
}







#menupontok {
	position: absolute;
	right: 13px;
	top: 94px;
}

.menupont {
	display: block;
	width: 202px;
	height: 81px;
	color: #fff;
	background-image: url('../images/menu_2.png');
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	line-height: 62px;
	padding-left: 63px;
	padding-top: 4px;
	padding-bottom: 15px;
    opacity: 0.8;
    cursor: pointer;
    margin-bottom: 11px;
    position: relative;
    text-decoration: none;
}

.menupont:hover {
    opacity: 1;
}

.menupont_jelzo {
	position: absolute;
	color: #c00000;
	left: 7px;
	width: 38px;
	text-align: center;
	top: 3px;
}








#kapcsolok {
	position: absolute;
	top: 651px;
	left: 447px;
}

.kapcsolo {
	height: 50px;
	line-height: 44px;
	display: inline-block;
	margin: 0px;
	border: 3px solid #fff;
	color: #fff;
	text-decoration: none;
    font-family: Arial;
	font-size: 16px;
	font-weight: bold;
    padding-left: 10px;
	padding-right: 10px;
    float: left;
    cursor: pointer;
}

.kapcsolo:first-of-type {
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;

}

.kapcsolo:last-of-type {
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;

}

.kapcsolo.aktiv {
	color: #4d6390;
	background: #fff;
}