@charset "utf-8";
/* CSS Document */

.imgcontainer {
    text-align: center;
}
img.avatar {
    width: 100%;
}
@font-face {
 font-family:MyCustomFont;
 src:url("open-sans-regular.eot") /* EOT file for IE */
}
@font-face {
 font-family:MyCustomFont;
 src: url("open-sans-regular.ttf") /* TTF file for CSS3 browsers */
}
body {
	font-family: MyCustomFont, Verdana, Arial, sans-serif;
	color:#000000;
	background-color:#2a2a30;
	line-height:130%;
	padding:0;
	margin:0 auto;
}
.oulogoszov_bal {
	font-size:4vw;
	color:#7c5ccb;
	font-weight:bold;
}
.oulogoszov_jobb {
	font-size:4vw;
	color:#2a2b39;
	font-weight:bold;
}
#divfelso {
	margin:0;
	padding:1.8vw;
	padding-top:3vw;
	font-size:3.5vw;
	background-color:#FFFFFF;
	color:#747679;
}
#divtartalom_log {
	background:#dfe5e6;
	height:auto;
	padding:0;
	font-size:4vw;
	font-weight:normal;
	color:#7d7d7d;
	line-height:110%;
}
#divalso {
	color:#b6b6b6;
	font-size:3vw;
	padding:2vw;
	padding-top:4vw;
	line-height:150%;
}
h1 {
	font-size:6vw;
	text-align:center;
	color:#474749;
	font-weight:bold;
	padding:4vw;
	margin:0;
}
h2 {
	font-size:5vw;
	color:#764ebe;
	font-weight:normal;
	padding:0;
	margin:0;
	margin-bottom:2vw;
	margin-top:5vw;
}
.lilasgomb {
	padding:2vw;
	padding-left:4vw;
	padding-right:4vw;
	font-size:4vw;
	color:#FFFFFF;
	font-weight:normal;
	background:#764ebe;
	border-color:#764ebe;
	cursor:pointer;
	border-radius:0.7vw;
}
.hkekgomb {
	padding:2vw;
	padding-left:4vw;
	padding-right:4vw;
	font-size:4vw;
	color:#FFFFFF;
	font-weight:normal;
	background:#79d5ca;
	border-color:#79d5ca;
	cursor:pointer;
	border-radius:0.7vw;
}
.inpt1 {
	padding:2vw;
	padding-left:4vw;
	padding-right:4vw;
	margin:0;
	font-size:4vw;
	color:#555555;
	border: 1px solid #888888;
	border-radius:0.7vw;
	width:30vw;
}
.bejelent_login {
	background:#FFFFFF;
	text-align:center;
	margin:0 auto;
	padding:2vw;
	line-height:140%;
	width:60vw;
	border-radius:0.6vw;
	-webkit-box-shadow: 10px 13px 4px -5px rgba(0,0,0,0.37);
	-moz-box-shadow: 10px 13px 4px -5px rgba(0,0,0,0.37);
	box-shadow: 10px 13px 4px -5px rgba(0,0,0,0.37);
}
.divtart_dinam {
	background:#FFFFFF;
	text-align:left;
	margin:0 auto;
	padding:2vw;
	line-height:140%;
	width:90%;
	border-radius:0.6vw;
	-webkit-box-shadow: 10px 13px 4px -5px rgba(0,0,0,0.37);
	-moz-box-shadow: 10px 13px 4px -5px rgba(0,0,0,0.37);
	box-shadow: 10px 13px 4px -5px rgba(0,0,0,0.37);
}
.fehervon {
	background: linear-gradient(to left, #ffffff 0%, #764ebe 100%);
	border:0;
	height: 0.2vw;
	margin:0;
	margin-bottom:6vw;
	margin-top:4vw;
}
.tcl {
	border: 0.2vw solid #c8c8c8;
	background:#FFFFFF;
	padding:0.4vw;
} 
.tc2 {
	border: 0.2vw solid #c8c8c8;
	background:#F9F9F9;
	padding:0.4vw;
} 
#hibauz {
  position: fixed;
  top: 0;
  left: 0;
  width: 60vw;
  height:auto;
  padding:0;
  font-size:4vw;
  border: 3px solid #73AD21;
  background:#FF0000;
  color:#FFFFFF;
}
.felrtmn {
	border:1px solid #c8c8c8;
	margin:0;
	margin-left:1vw;
	padding:0;
	font-size:2vw;
	font-weight:normal;
	float:left;
	padding:0.2vw;
	position:relative;
	display:block;

}
.htelepki
{
/*	max-height:10em;*/
/*	width:10em;*/
	overflow-x:hidden;
	overflow-y:auto;
	background-color:#CCCCCC;
	color:#333333;
	display:none;
	z-index:1001;
/*	padding:4px;*/
/*	border:2px solid #FFFFFF;*/
	line-height:140%;
	background: transparent url(../img/transparent.png) repeat;
	clear:both;
}
.htelepki_list
{
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
	font-size:inherit;
	color:#3d3524;
	font-style:normal;
}
	.htelepki_list a
	{
/*		font-size:0.9em;*/
		color:#3d3524;
		font-style:normal;
	}
	.htelepki_list a:hover
	{
/*		font-size:0.9em;*/
		color:#6c491d;
		font-style:normal;
	}