@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin-ext,latin);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic&subset=latin-ext,latin);

html, body {
	font: 100%/1.4 'Ubuntu', Helvetica, Arial, sans-serif;
	margin:auto;
	text-align:center;
	background-color:#0f3656;
	color:#333;	
	width:100%;
	height:100%;

}
#wrapper{
	background-color:#FFF;
	background:#FFF url(../img/body_grad_bg.jpg) repeat-x center 0;
	background: url(../img/body_cloud_bg.jpg) center top no-repeat,  #FFF url(../img/body_grad_bg.jpg) repeat-x center 0;
	-webkit-background-size:1924px 1200px;
	overflow:hidden;
}
#wrapper #lang{
	position:relative;
	top:-135px;
	left:393px;
	color:white;
	text-decoration:none;
	font-size:13px;
			text-shadow: 0px 1px  rgba(0,0,0,.2);
}
#wrapper #lang a{
	color:#1ACBFF;
	text-decoration:none;
	font-size:13px;
	margin:0px 2px;


	
}
#wrapper #container {
	margin:auto;
	width:860px;
	display:table;
}
#wrapper #container nav {
	font-size:14px;
	text-align:left;
	text-transform:uppercase;
	width:235px;
	margin-top:50px;
	margin-left:2px;
	float:left;
}
#wrapper #container nav li a {
	text-decoration:none;
	display:block;
	text-shadow: 0px 1px rgba(255,255,255,.8);
	color: #2d6184;
	font-weight:700;
	padding: 11px 12px 9px 30px;
	text-transform:uppercase;
	font-size:16px;
}
#wrapper #container nav li.active {
	background-color:#FFF;
	color:#2b2626;
-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, .1); 
z-index:1000;
position:relative;

}
#wrapper #container nav li a.active:hover {
	background-color:#FFF;
}
#wrapper #container nav li {
	border-top:1px solid rgba(255,255,255,.5);
	border-bottom:1px solid rgba(0,0,0,.1);
}
#wrapper #container nav li:first-child {
	border-top:none
}
#wrapper #container nav li:last-child {
	border-bottom:none
}
#wrapper #container nav li a:last-child {
	border-bottom:none
}
#wrapper #container nav li a:hover {
	background: rgba(255,255,255,.5);
}
#wrapper #container nav #banner {

	margin-top:20px;
	margin-left:30px;
	float:left;
	width:170px;
	height:230px;
	display:block;
}
#wrapper #container #content {
	text-align:left;
	width:540px;
	min-height:500px;
	display:inline-block;
	margin-top:50px;
	margin-bottom:100px;
	font-size:14px;
	line-height:20px;
	background-color:#FFF;
	position:relative;
}
#wrapper #container #content h1{
	font-size:24px;
	color:#00B7F1;
	margin-top:9px;
	margin-bottom:30px;
}
#wrapper #container #content p{
	margin-bottom:20px
}
#wrapper #container #content a{
	color:#00A0EA;
	text-decoration:none;
}
#wrapper #container #content a:hover{
	text-decoration:underline
}


#wrapper #container #content img.align_left{
	float:left;
	margin-right:10px;
	margin-bottom:0px;
}
#wrapper #container #content ul li {
	display:block;
	border:none;
	background-image:url(../img/bullet.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:12px;
	margin-bottom:5px;
}
footer {
	background-color:#0f3656;
	background-image:url(../img/footer_bg.png);
	background-position:top;
	background-repeat:repeat-x;
	height:200px;
	display:block;
	overflow:hidden;
}
footer .wrapper {
	background-color:#0f3656;
	background-image:url(../img/footer_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	display:table;
	margin:auto;
	height:100%;
	width:100%;
	overflow:hidden.
}
footer .wrapper p {
	font-size:10px;
	color:#7097B8;
	padding-top:28px;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}
img.termek{
	position:absolute;
	top:-20px;
	left:245px;
	display:block;
}
h2{
	font-size:24px;
	color:#999;
	margin-bottom:20px;
}
h3{
	font-size:18px;
	color:#999;
	margin-bottom:20px;
}

li.termek_lista{
	background:none !important;
		
	background-image:none;
	padding-left:0 !important;
	margin-bottom:0px !important;
}
li.termek_lista a{

	width:200px;
	display:block;
	padding:5px 10px;
	text-decoration:none;
	
		text-shadow: 1px 1px rgba(255,255,255,.8);
		
	border-bottom:1px solid #F0F0F0;
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 

}
li.termek_lista a:hover{
	background-color:#f8f8f8;
	color:#1681CF;
	text-decoration:none !important;
}
li.termek_lista a.subactive,
li.termek_lista a.subactive:hover{
	color:#CCC !important;
	font-size:14px;
	cursor:default;
		background-color:#F5F5F5;
}

a.pdf{
	text-decoration:none;
	display:table-cell;
	vertical-align:middle;
	font-size:15px;
	padding:5px;
	background-image:url(../img/pdf.png);
	background-repeat:no-repeat;
	padding-left:40px;
}
a.pdf:hover{
	color:#458FC0 !important;
}
table.kapcsolat strong{
	font-size:18px;
}
table.kapcsolat td{
	padding:5px;
	border-bottom:1px solid #EEE;
}
table.kapcsolat .label{
	color:#666;
	letter-spacing:normal;
}
.kiszereles{
	font-size:12px;
	margin-top:-15px;
	display:block;
	color:#666;
}
#anim{
	height:140px;
	width:500px;
	margin:auto;
	position:relative;
	display:inline-block;
	margin-left:150px;
}
#anim ul{
	position:relative;
	text-align:center;
	top:78px;
	display:block;
}
#anim ul li,
#anim h3{
	color:white;
	background-color:rgba(0,0,0,.1);
	padding:5px 0;
	margin:auto;
	position:absolute;
	width:500px;
	text-align:center;
	top:0px;
	font-style:italic;
	font-size:15px;
			text-shadow: 1px 1px rgba(0,0,0,.8);
}
#anim h3{
		top:72px;
		-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
}

.leiras{
		display:table;
		margin-top:30px;
		margin-bottom:30px;
		position:relative;
}