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

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(63,68,70);
	overflow: hidden;
	background: #000;}

a {text-decoration: none; color: rgb(0,124,195);} a:hover {color: #85c226;}
.opacity {opacity: 0.3; cursor: pointer;}
a img {border: none;}

img.bgimg {position: fixed; top: 0; left: 0;}

div.container, div.bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;}
div.bg {overflow: hidden;}

div.left_bg {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 240px;
	background: rgb(0,171,217);
	background: rgba(0,171,217,0.6);
}
div.left {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: 240px;
}

div.logo {
	position: relative;
	float: left;
	width: 240px;
	margin-top: 60px;
	text-align: center;
}
div.menu {
	position: relative;
	float: left;
	width: 240px;
	margin-top: 70px;
}
a.menu {
	position: relative;
	display: block;
	padding: 20px 20px;
	width: 200px;
	font-size: 12px;
	line-height: 16px;
	color: #036076;}
a.menu p:first-child {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;}
a.menu p {margin: 0;}
a.menu p span {font-size: 16px;}
a.menu:hover {
	background: rgba(255,255,255,0.3);}
a.menu div.nyil {
	content: "";
	position: absolute;
	top: 10px;
	right: 0;
	width: 22px;
	height: 45px;
	background: url(/images/haromszog.png) no-repeat;
	background-position: 23px;}
a.menu div.nyil.nyilaktiv {
	background-position: 0;
}
	
div.content {
	position: fixed;
	top: 0;
	left: 240px;
	right: auto;
	bottom: 0;
	width: 400px;
	overflow: hidden;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.8);
	color: #1b7f99;
	font-size: 12px;
	line-height: 16px;
	padding: 30px 20px 20px 20px;
	/*
	width: 0;
	padding: 0;
	padding-top: 30px;
	padding-bottom: 20px;*/
	}
div.content table {
	color: #1b7f99;
	font-size: 12px;
	line-height: 16px;}
div.content h1 {
	font-size: 24px;
	line-height: normal;
	font-weight: normal;}
#content {opacity: 1;}
ul li {list-style-image: url(/images/list_bg_b.png); line-height: 16px; margin: 3px 0;}

#maincontent {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 28%;
	width: 670px;
	opacity: 1;}
#maincontent #maintext {
	position: absolute;
	bottom: 250px;
	left: 0;
	height: auto;
	width: 670px;
	text-align: right;
	color: #036076;
	font-size: 16px;
	line-height: 22px;
	text-shadow: 0 0 1px #fff;}
#maincontent #maintext p {
	margin: 6px 0;}
#maincontent #maintext p.title {
	font-size: 56px;
	color: #fff;
	font-weight: normal;
	margin: 0 0 6px 0;
	line-height: normal;}
#mainslider {
	position: absolute;
	bottom: 70px;
	right: 0;
	width: 550px;
	background: rgb(0,171,217);
	background: rgba(0,171,217,0.6);
	color: #fff;
	font-size: 12px;}
#mainslider table {
	color: #fff;
	font-size: 12px;}
#mainslider p.title {
	font-size: 18px;
	text-transform: uppercase;}
#mainslider p.title span {
	font-size: 20px;}
#mainslider ul li {list-style-image: url(/images/list_bg.png);}

#content img {
	max-width: 400px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
#wclose {
	position: absolute;
	top: 20px;
	right: 30px;}