@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500&subset=latin,latin-ext);

body{
	font-family:Roboto;
	font-weight:400;
	line-height:150%;
	color:#333;
	background-color:#0f486b;
}

.link{
	color:#0f486b;
	text-decoration:underline;
}
.link:hover{
	text-decoration:none;
	font-weight:500;
}
/*
#sorid{
	display:var(--sorid-display);
}
*/

header{
	padding-top:50px;
	padding-bottom:50px;
/*
	padding-left:15%;
	padding-right:15%;
*/
	background-color:#fff;	
}

/*
.logo{
	width:var(--logo-width);
	height:var(--logo-height);
}
*/
#content{
/*
	padding-top:50px;
	padding-bottom:50px;
*/
	padding-top:5%;
	background-color:#fff;
	border-color:#0f486b;
	border-style:dotted;
	border-bottom:0px;
	border-right:0px;
	border-top:0px;
/*
	background-image:url(../img/hatter4.gif);
	background-repeat:repeat;
*/	
}

.spacerdiv{
	padding-bottom:20px;
}

.tetejerenyil{
	cursor:pointer;
}

.tetejerenyil:hover{
	cursor:pointer;
}

.szolgszoveg{
	padding-right:5%;
}

ol{
	padding-left:5%;
}
ol li{
	list-style: disc;
}

.clearfix{
	width:100%;
	margin-left:-5%;
	padding-left:5%;
	padding-top:5%;
	padding-bottom:5%;
	padding-right:-5%;
	background-color: #F0F0F0;
	border-style:dotted;
	border-color:#ffffff;
}

.clearfix:after {
   content: " "; 
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}


.grey{
/*
	background-color:#DDD;	
*/
}

.hasab50, .hasab33{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}


.hasab50 {
	padding-right:5%;
    float:left;
}

.hasab33 {
	padding-right:5%;
	float:left;
}

.tetejere{
	display:marker;
	padding-right:20px;
}

nav{
	text-align:center;
	padding-bottom:20px;
	width:100%;
}
nav ul{
	width:100%;
}

nav ul li{
	
	display:inline-block;
	font-weight:400;
	color:#0f486b;
}

nav ul li:hover{
	display:inline-block;
	font-weight:700;
	color:#0f486b;
	cursor:pointer;
}

.cim{
	font-weight:500;
	color:#0f486b;
	padding-bottom:30px;
}

.alcim{
	font-weight:500;
	color:#0f486b;
	padding-bottom:15px;
}

@media screen and (min-width: 1px) and (max-width: 320px) {
body{
	font-size: 10px;
	margin-left:4%;
	margin-right:4%;	
	margin-top:10px;
	margin-bottom:10px;
}
nav ul li{
	font-size: 12px;
	padding-top:14px;
	padding-bottom:4px;
	padding-left:14px;
	padding-right:14px;
}
nav ul li:hover{
	font-size: 12px;
	padding-top:14px;
	padding-bottom:4px;
	padding-left:14px;
	padding-right:14px;
}
.cim{
	font-size: 14px;
}
.alcim{
	font-size: 10px;
}
.logo{
	width:100px;
	height:auto;
}
#content{
	border-radius:8px;	
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;	
	border-width:7px;
	padding-left:3%;	
	padding-right:3%;
}
.clearfix{
	border-width:2px;	
}
#sorid{
	display:none;
}
}

@media screen and (min-width: 321px) and (max-width: 640px) {
body{
	font-size: 12px;
	margin-left:8%;
	margin-right:8%;	
	margin-top:20px;
	margin-bottom:20px;
}
nav ul li{
	font-size: 12px;
	padding-top:18px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
}
nav ul li:hover{
	font-size: 12px;
	padding-top:18px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px;
}
.cim{
	font-size: 16px;
}
.alcim{
	font-size: 12px;
}
.logo{
	width:200px;
	height:auto;
}
#content{
	border-radius:8px;	
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;	
	border-width:9px;
	padding-left:10%;	
	padding-right:10%;
}
.clearfix{
	border-width:3px;	
}
.hasab33{
	width:33.3%;
}
.hasab50{
	width:50%;
}
#sorid{
	display:none;
}
}

@media screen and (min-width: 321px) and (max-width: 640px) and (max-height: 640px) {
.hasab33{
	width:100%;
}
.hasab50{
	width:100%;
}
#sorid{
	display:inline;
}
}

@media screen and (min-width: 641px) and (max-width: 768px) {
body{
	font-size: 12px;
	margin-left:12%;
	margin-right:12%;	
	margin-top:30px;
	margin-bottom:30px;
}
nav ul li{
	font-size: 14px;
	padding-top:22px;
	padding-bottom:12px;
	padding-left:9px;
	padding-right:9px;
}
nav ul li:hover{
	font-size: 14px;
	padding-top:22px;
	padding-bottom:12px;
	padding-left:9px;
	padding-right:9px;
}
.cim{
	font-size: 16px;
}
.alcim{
	font-size: 12px;
}
.logo{
	width:250px;
	height:auto;
}
#content{
	border-radius:12px;	
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;	
	border-width:11px;
	padding-left:8%;	
	padding-right:8%;
}
.clearfix{
	border-width:4px;	
}
.hasab33{
	width:33.3%;
}
.hasab50{
	width:50%;
}
#sorid{
	display:none;
}
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
body{
	font-size: 16px;
	margin-left:5%;
	margin-right:5%;	
	margin-top:40px;
	margin-bottom:40px;
}
nav ul li{	
	font-size: 18px;
	padding-top:26px;
	padding-bottom:16px;
	padding-left:26px;
	padding-right:26px;
}
nav ul li:hover{
	font-size: 18px;
	padding-top:26px;
	padding-bottom:16px;
	padding-left:26px;
	padding-right:26px;
}
.cim{
	font-size: 20px;
}
.alcim{
	font-size: 16px;
}
.logo{
	width:300px;
	height:auto;
}
#content{
	border-radius:16px;	
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;	
	border-width:13px;
	padding-left:10%;	
	padding-right:10%;
}
.clearfix{
	border-width:5px;	
}
.hasab33{
	width:33.3%;
}
.hasab50{
	width:50%;
}
#sorid{
	display:none;
}
}

@media (min-width: 1025px) and (max-width: 1440px) { 
body{
	font-size: 16px;
	margin-left:12%;
	margin-right:12%;	
	margin-top:50px;
	margin-bottom:50px;
}
nav ul li{
	font-size: 18px;
	padding-top:30px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
}
nav ul li:hover{
	font-size: 18px;
	padding-top:30px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
}
.cim{
	font-size: 20px;
}
.alcim{
	font-size: 16px;
}
.logo{
	width:300px;
	height:auto;
}
#content{
	border-radius:20px;	
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;	
	border-width:15px;
	padding-left:15%;	
	padding-right:15%;
}
.clearfix{
	border-width:5px;	
}
.hasab33{
	width:33.3%;
}
.hasab50{
	width:50%;
}
#sorid{
	display:none;
}
}

@media (min-width: 1441px) { 
body{
	font-size: 16px;
	margin-left:20%;
	margin-right:20%;	
	margin-top:50px;
	margin-bottom:50px;
}
nav ul li{
	font-size: 18px;
	padding-top:30px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
}
nav ul li:hover{
	font-size: 18px;
	padding-top:30px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
}
.cim{
	font-size: 20px;
}
.alcim{
	font-size: 16px;
}
.logo{
	width:300px;
	height:auto;
}
#content{
	border-radius:20px;	
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;	
	border-width:15px;
	padding-left:15%;	
	padding-right:15%;
}
.clearfix{
	border-width:5px;	
}
.hasab33{
	width:33.3%;
}
.hasab50{
	width:50%;
}
#sorid{
	display:none;
}
}