@import url('https://fonts.googleapis.com/css?family=Work+Sans');
@charset "utf-8";
/*
This document generated for ARUHITELEZES.HU on Jul 13 17:51 2023
*/
	
body {
	margin: 0;
	padding: 0;
	font-family: 'Work Sans', sans-serif;
	font-size: 1em;
	color: #333;
	font-style: normal;
	background-color: #FFFFFF;
	text-align: center;
	float: center;
	font-weight: 400;
	position: relative;
}

/* Főmenü feletti sor */
#felsosor {
    text-align: center;
    margin: 0 auto;
    vertical-align: top;
    line-height: 150%;
	float: center;
	width: 100%;
}

#felsosor a {
    padding: 0px 0px;
    line-height: 150%;
	text-decoration: none;
	color: #333;
}

#header {
}

#footer {
    clear: both;
}

div.box {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
}

#menu {
	background-color: #333;
	text-align: center;
	line-height: 200%;
	float: center;
	color: #FFFFFF;
	padding: 10px 15px 10px 15px;
	font-size: larger;
}

#menu a {
	color: #ACACAC;
	text-decoration: none;
	padding: 10px 15px 10px 15px;
}

#menu a:hover {
	background: #0E9922;
	color: #FFFFFF;
	line-height: 200%;
	padding: 10px 15px 10px 15px;
}

span.spanmenu {
    background-color: #0E9922;
	line-height: 200%;
	padding: 10px 15px 10px 15px;
}

span.bannersor1 {
	font-size: 1.5em;
}

span.bannersor2 {
	font-size: 2em;
}

span.bannersor3 {
	font-size: 2.45em;
}

span.bannersor4 {
	font-size: 2.25em;
	color: #093;
}

#levelek {
	font-size: 1.5em;
	color: #333;
	line-height: 100%;
}

#levelek a {
	text-decoration: none;
	line-height: 100%;
}

#levelek a:hover {
	background: #0E9922;
}

#main {
    text-align: center;
    margin: 0 auto;
    width: 78em;
    max-width: 100%;
    min-width: 30%;
    background-color: #FFFFFF;
	background-image: url('kep/banner.jpg');
    background-repeat: repeat-y;
    vertical-align: top;
	position: relative;
}

#col1 {
	width: 20em;
    max-width: 100%;
    min-width: 30%;
    float: left;
    text-align: left;
	position: relative;
}

#col2 {
	width: 20em;
    max-width: 100%;
    min-width: 30%;
    float: left;
    vertical-align: bottom;
    text-align: left;
	position: relative;
}

#vonal1 {
   background-color: #0E9922;
   height: 2px;
}

#vonal10 {
   background-color: #0E9922;
   height: 6px;
}

span.zoldbetu {
	color: #0E9922;
}

#szeles {
	width: 78em;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    min-width: 30%;
    background-color: #FFFFFF;
    vertical-align: top;
}

#partnerek {
    text-align: center;
    margin: 0 auto;
	max-width: 100%;
    min-width: 30%;
    vertical-align: top;
	font-size: 1.5em;
}

#partnerek a {
	color: #ACACAC;
	text-decoration: none;
}

#partnerek a:hover {
	background: #0E9922;
	color: #FFFFFF;
}

#partnerfej {
	text-align: left;
}

#torzs {
	background-color: #EFEFEF;
	width: 78em;
	text-align: center;
	margin: 0 auto;
    max-width: 100%;
    min-width: 30%;
    vertical-align: top;
	position: relative;
}

/* Oldalak alatti sor, impresszum */
#alsosor {
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    background-color: #333;
    color: #EFEFEF;
    font-size: normal;
    vertical-align: top;
    line-height: 125%;
}

#alsosor a {
    background-color: #333;
    padding: 0px 0px;
    color: EFEFEF;
    font-size: normal;
    vertical-align: top;
    text-align: center;
    line-height: 125%;
}

#kapcsolat2 {
	max-width: 300px;
	margin: 0 auto;
	text-align: center;
	float: center;
	vertical-align: top;
	border: 2px solid #0E9922;
}

/* Dinamikus iFrame - KEZD */
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}

/* 1x1 Aspect Ratio */
.intrinsic-container-1x1 {
  padding-bottom: 100%;
}

.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

img.keret {
	border: 2px solid #0E9922;
	max-width: 100%;
}

img.keretotp {
	border: 2px solid #0E9922;
	max-height: 150px;
}

img.egyutt {
	max-width: 100%;
}

img.banner1 {
	max-width: 90%;
}

#kapcsolat {
}

#kapcsolat a {
	color: #ACACAC;
	text-decoration: none;
}

#kapcsolat a:hover {
	background: #0E9922;
	color: #FFFFFF;
}

#fooldal {
	width: 60em;
	max-width: 100%;
	min-width: 30%;
	text-align: left;
	margin: 0 auto;
	float: center;
	vertical-align: top;
}

#foszoveg {
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-size: 1.2em;
}

#urlapszoveg {
	margin-left: 1em;
	margin-right: 1em;
}

#rolunk {
	width: 60em;
	max-width: 100%;
	min-width: 30%;
	text-align: justify;
	margin: 0 auto;
	float: center;
	vertical-align: top;
}

#levelkuldes {
    text-align: center;
	display: block;
    margin: 0 auto;
    max-width: 50em;
    min-width: 20%;
	background-color: #FFFFFF;
    vertical-align: top;
	position: relative;
	color: #0E9922;
}

#adatbeker {
	text-align: left;
    margin: 0 auto;
    max-width: 100%;
	min-width: 30%;
	line-height: 150%;
}

form br {
    clear: left;
}

fieldset {
    display: block;
    border: none;
    padding: 0.5em;
	border-radius: 0.5em;
	background-color: #353736;
}

legend {
    font-weight: bold;
    color: #0E9922;
    padding: 0em;
	text-align: left;
	border-radius: 0.5em;
}

input {
	text-align: left;
	float: right;
}

input[type=submit] {
  background-color: #0E9922;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 0.5em;
  cursor: pointer;
  float: right;
}

textarea {
   resize: both;
   float: right;
   margin: 0.5em;
   border-radius: 0.5em;
}

input, textarea {
    border: 0.125em solid #0E9922;
    background: #EFEFEF;
	margin: 0.5em;
	border-radius: 0.5em;
}

input:focus, textarea:focus {
    border: 0.125em solid #0E9922;
    background: #EFEFEF;
	margin: 0.5em;
	border-radius: 0.5em;
}

input:radio {
	float: right;
}

form li, div > p {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.5em;
	list-style-type: none;
	float: left;
}

imgform {
	order: 1;
	float: left;
	text-align: left;
	padding: 0.3125em;
}

form p {
	line-height: 2em;
	padding-left: 0.5em;
}

form label:hover, form button:hover {
	background-color: #EFEFEF;
	color: #0E9922;
}

form label:active, form button:active {
	background-color: #EFEFEF;
	color: #0E9922;
}

form textarea:hover, form button:hover {
	background-color: #EFEFEF;
	color: #0E9922;
	float: right;
}

form textarea:active, form button:active {
	background-color: #EFEFEF;
	color: #0E9922;
	float: right;
}

span.igen {
	text-align: left;
}

#provident-frame {
    width: 100%;
    min-height: 78em;
    border: 0;
    margin-top: 20px;
}

#content {
    text-align: left;
    margin: 15px auto;
	vertical-align: bottom;
}

#col11 {
	width: 25%;
    float: left;
    text-align: right;
	position: relative;
}

#col12 {
	width: 75%;
    float: left;
    vertical-align: bottom;
    text-align: left;
	position: relative;
}