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

@import url(reset.css);
@font-face { font-family: Myriad; src: url('MyriadPro-Regular.otf'); }

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	line-height: 1.5em;
	background: #131313;
	color: #FFF;
}
a, a:visited {
	text-decoration: none;
	color: #FFF;
}
p { text-align: justify; }
a:active, a:hover {
	text-decoration: none;
	color: #CCC;
}
#wrap {
	width: 960px;
	margin: 0 auto;
}
#header {
	width: inherit;
	height: 168px;
	position: relative;
	font-family: Myriad, Verdana, Geneva, sans-serif;
}
	#language {
		position: absolute;
		right: 0;
		top: 5px; 
		width: 210px;
		letter-spacing: 0.7pt;}
	#language li {
		float: left;
		margin-left: 7px;}
	#language a {
		width: 20px;
		height: 15px;
		display: block;
		text-indent: -9999px;
	}
	#language #HU { background: url(../images/btn_lang_hu.gif); margin-top: 2px; }
	#language #EN { background: url(../images/btn_lang_en.gif); margin-top: 2px; }
	#menuLeft, #menuRight, #logo {
		float: left;}
	#menuLeft, #menuRight {
/*		width: 279px;*/
		width: 319px;
		margin-top: 100px;
		border-top: 1px solid #FFF;
		padding-top: 10px;}
	#header #menuRight {
		width: 239px;
	}
	#menuLeft li, #menuRight li {
		float: left;
/*		padding: 0 10px 0 30px;*/
		padding: 0 13px;
	}
	#menuLeft a, #menuRight a {
		font-size: 16px;
		text-transform: uppercase;
	}
	#logo {
		margin: 15px 10px 0 10px;
		border: 1px solid #FFF;
	}
	#logo a {
		text-indent: -9999px;
		width: 380px;
		height: 120px;
		display: block;
		background: url(../images/logo.png);
	}
#footer {
	clear: both;
	margin-top: 15px;
	border-top: 1px solid #FFF;
	font-family: Myriad, Verdana, Geneva, sans-serif;
	letter-spacing: 0.7pt;
}
	#footer .credit {
		float: left;
		padding: 10px 0 0 20px;}
	#footer .logo {
		background: url(../images/logo-footer.png) no-repeat left center;
		padding: 10px 20px 10px 35px;
		float: right;}
		
		
#content { 
	padding: 25px 15px;}
#content h2 {
	font-size: 16pt;
	text-transform: uppercase;
	padding-bottom: 16px;}
#content h3 {
	font-size: 16pt;
	text-transform: uppercase;
	padding-bottom: 30px;
}
#content h4 {
	font-size: 13pt;
	text-transform: uppercase;
	padding-bottom: 15px;
}
#content p { padding-bottom: 10px;}


/*#slider, #sliderFrame {
}*/
#sliderFrame { 
	z-index: 1000;
	background: url(../images/slider-frame.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 960px;
	height: 600px;}
.main {
	padding: 0 !important;
	position: relative;}
#slider li { 
	width: 960px;
	height: 600px;
	overflow: hidden; 
}
span#prevBtn, span#nextBtn {
	position: absolute;
	top: 230px;}
span#prevBtn a, span#nextBtn a {
	text-indent: -9999px;
	width: 80px;
	height: 140px;
	display: block;}
span#prevBtn { 
	left: -80px;
	background: url(../images/btn_left.png); }
span#nextBtn { 
	right: -80px;
	background: url(../images/btn_right.png); }


.contact {}
	.contact .symbol {
		width: 225px;
		height: 530px;
		float: left;
		background: url(../images/symbol-contact.jpg);}
	.contact .text { padding: 70px 0 0 260px;}
	.contact .textContact {
		font-size: 13pt;
		padding-bottom: 20px;}
	.contact #email {
		width: 210px;
		height: 20px;
		background: url(../images/email.png) no-repeat left center;
		text-indent: -9999px;
		display: block;}
	
.technology {}
	.technology .symbol {
		width: 110px;
		height: 580px;
		float: left;
		background: url(../images/symbol-technology.jpg);}
	.technology .text { padding: 30px 0 0 145px;}
	.technology p { line-height: 18pt; }

.about, .products { padding: 10px 0;}
	#contentMenu {
		width: 270px;
		padding: 50px 5px 0 5px;
		float: left;
		}
		#contentMenu ul li { padding: 0 0 10px 10px;}
		#contentMenu ul li a {
			padding: 0 0 0 15px;
			font-size: 11pt;}
		#contentMenu a {
			text-transform: uppercase;}
		#contentMenu ul ul { padding: 5px 0 0 15px; display: none;}
		#contentMenu ul ul li { padding: 5px 0 0 0;}
		#contentMenu ul ul li a {
			font-size: 10pt;}
	.products #contentMenu { width: 190px;}
	#actualContent {
		padding: 56px 0 25px 30px;
		border-left: 1px solid #5a5a5a;
		margin-left: 280px;
		height: 460px;}
	.products #actualContent { 
		height: 560px; 
		margin-left: 200px;}
	#comp .symbol {
		background: url(../images/symbol-company.jpg);
		width: 270px;
		height: 400px;
		margin-top: -20px;
		float: right}
	#comp p {margin-right: 300px;}
	#abou .symbol {
		background: url(../images/symbol-about.jpg);
		width: 620px;
		height: 180px;
		margin-top: 40px;}
	#phil .symbol {
		background: url(../images/symbol-philosophy.jpg);
		width: 620px;
		height: 215px;
		margin-top: 40px;}
	#team .symbol {
		background: url(../images/symbol-team.jpg);
		width: 220px;
		height: 490px;
		margin-top: -20px;
		float: right}
	#team p {margin-right: 250px;}
	#kaspo .symbol {
		width: 460px;
		height: 540px;
		/*margin-top: -35px;*/
		float: right;}
	#bor p span {
		float: right;
		width: 400px;}
	#bor .symbol {
		width: 460px;
		height: 537px;
		float: right;}
	#kep {
		position: relative;
		top: -20px;}
	#kep .symbol {
/*		width: 700px;
		height: 400px;*/
		margin-top: 20px;
		}
	#kep p span {
		float: right;
		width: 320px;}
/*	#asztal .symbol {
		width: 742px;
		height: 300px;}*/
	#disz .symbol {
		float: right;}
	#mary .symbol {
/*		width: 460px;
		height: 577px;*/
		float: right;
		margin-top: -20px;}
	#tal .symbol {
/*		width: 460px;
		height: 577px;*/
		float: right;
		margin-top: -20px;}
	#pad {
		margin-top: 30px;}
	#pad .symbol {
/*		width: 700px;
		height: 280px;*/
		margin-top: 20px;}
	#pad p span {
		float: right;
		width: 320px;}

	
.selected { 
	color: #5a5a5a !important;
	background: url(../images/square.gif) left center no-repeat;
}
#facebook {
	background: url(../images/facebook.png) no-repeat left bottom;
	padding: 52px 0 5px 60px !important;
}

.gap { margin-top: 20px}