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



* { 
	padding: 0px; 
	margin: 0px;
	border:none;
}

a, a:hover, a:active, a:visited { text-decoration:none; outline:none;}

a, a strong {
	color:#2173AF;
	text-decoration:none;
}

html,body  {
	margin:0;
	padding:0;  
	color:#636B75;
	font-family:Arial,sans-serif;
	font-size:13px; 
	/*background:#f5f7f6;*/
}


div#container_big {
	width:100%;
	background:url(../img/bg_main.jpg) top center no-repeat;
	float:left;
}

div#container_sub {
	width:100%;
	background:url(../img/bg_main_sub.jpg) top center no-repeat;
	float:left;
}

div#container {
	width:980px;
	text-align:left;
	margin:0px auto;
	font-family: tahoma;
}

	
	

/*************************************************************************/
	
	div#logo_box{
		float:right;
		width:100%;
		height:421px;
		overflow:hidden;
	}
	
		
		
		div#logo_box h2{
			text-indent:-9999px;
		}
		
		
	#szlogen{
		text-indent:-9999px;
		float:left;
		width:479px;
		height:119px;
		overflow: hidden;
		background:url(../img/szlogen.png) left no-repeat;
	}
	
	#container_sub #szlogen{
		float:right;
		margin-right:20px;
		display:inline;
	}
	
	div#sub_logo_box{
		float:right;
		width:100%;
		height:180px;
		overflow:hidden;
	}
/*************************************************************************/

	div.reference_box{
		float:right;
		width:470px;
		height:298px;
		margin:32px 9px 0px 0px;
		overflow:hidden;
	}
	
	div.reference_box2{
		float:left;
		width:699px;
		height:298px;
		margin:0px auto;
		overflow:hidden;
		position:relative;
		padding:0px 3px;
		background:url(../img/bg_ref_big_box.jpg) left top no-repeat;
	}
	
	.slider_wrap{ float:left; width:659px; overflow:hidden; position:relative;}
	
	.reference_box2 #slider{ width:20000px; position:relative; left:0px;}
	.reference_box2 #slider li{ float:left; width:659px; }
	
	.reference_box2 #slider li a{ }
	.reference_box2 img{ padding:15px; background:url(../img/bg_ref_img.jpg) left top no-repeat; float:right; }
	.reference_box2 p{ text-align:justify; float:left; padding:5px; width:210px; }
	
	.ref_link{ float: left; margin:10px 5px; font-size:14px; width:210px; cursor:pointer;}	
		
	.prev_link{
		float:left;
		width:14px;
		height:28px;
		background:url(../img/nyil1.jpg) left no-repeat; 
		overflow:hidden;
		margin:130px 3px 0px 3px;
	}	
	
	.next_link{
		float:right;
		width:14px;
		height:28px;
		background:url(../img/nyil2.jpg) left no-repeat; 
		overflow:hidden;
		margin:130px 3px 0px 3px;
	}	
		
/*************************************************************************/
	
	.small_reference{
		float:left;
		width:100%;
		background:url(../img/bg_small_reference.jpg) left top no-repeat;
		margin-top:50px;
	}
	
	.small_reference ul{
		list-style:none;
		padding-left:0px !important;
		float:left;
	}
	
	.small_reference ul li{ float:left; }
	
	.small_reference a {  float:left; outline:none; }
	.small_reference a img{ margin:15px; border:1px solid #CCCCCC;}
	
	.small_reference a:hover img{
		border:1px solid #57b9fc;
	}
		

/*************************************************************************/
		
		
		
		div.menu_box{
			float:right;		
			text-align:left;
			overflow:hidden;
			height:37px;
			padding-top:17px;
		}
		
		
		div.menu_box ul{
			list-style:none;
			float:left;
		}
		
		div.menu_box ul li{
			float:left;				
		}
		
		div.menu_box ul a{
			font-size:13px;
			color:#FFFFFF;
			height:21px;
			overflow:hidden;
			text-indent:-9999px;
			float:left;
			width:auto;
		}
		
		#menu_1 a{ width:72px; background:url(../img/bg_menu.png) 0px 0px no-repeat;}
		#menu_1 a:hover{ width:72px; background:url(../img/bg_menu.png) 0px -21px no-repeat;}
		#menu_1 a.menu_active{ width:72px; background:url(../img/bg_menu.png) 0px bottom no-repeat;}
		
		#menu_2 a{ width:83px; background:url(../img/bg_menu.png) -82px 0px no-repeat;}
		#menu_2 a:hover{ width:83px; background:url(../img/bg_menu.png) -82px -21px no-repeat;}
		#menu_2 a.menu_active{ width:83px; background:url(../img/bg_menu.png) -82px bottom no-repeat;}
		
		#menu_3 a{ width:119px; background:url(../img/bg_menu.png) -176px 0px no-repeat;}
		#menu_3 a:hover{ width:119px; background:url(../img/bg_menu.png) -176px -21px no-repeat;}
		#menu_3 a.menu_active{ width:119px; background:url(../img/bg_menu.png) -176px bottom no-repeat;}
		
		#menu_4 a{ width:119px; background:url(../img/bg_menu.png) -308px 0px no-repeat;}
		#menu_4 a:hover{ width:119px; background:url(../img/bg_menu.png) -308px -21px no-repeat;}
		#menu_4 a.menu_active{ width:119px; background:url(../img/bg_menu.png) -308px bottom no-repeat;}
		
		#menu_5 a{ width:97px; background:url(../img/bg_menu.png) -437px 0px no-repeat;}
		#menu_5 a:hover{ width:97px; background:url(../img/bg_menu.png) -437px -21px no-repeat;}
		#menu_5 a.menu_active{ width:97px; background:url(../img/bg_menu.png) -437px bottom no-repeat;}
		
		#menu_6 a{ width:109px; background:url(../img/bg_menu.png) -545px 0px no-repeat;}
		#menu_6 a:hover{ width:109px; background:url(../img/bg_menu.png) -545px -21px no-repeat;}
		#menu_6 a.menu_active{ width:109px; background:url(../img/bg_menu.png) -545px bottom no-repeat;}
		
		
	#logo{
		float:left;
		overflow:hidden;
		width:380px;
		height:175px;
		text-indent:-9999px;
		background:url(../img/logo.png) left top no-repeat;
	}
	
	#header_buttons{
		float:left;
		padding:50px 0px 0px 5px;	
	}
	
	#header_buttons a{ margin-right:20px; }
		

/*************************************************************************/

	.left{ float:left;}
	.right{ float:right;}


/*************************************************************************/
	div#left_col{
			float:left;
			width:330px;
			overflow:hidden;
	}
	
	
	
	div#content{
		float:right;
		width:100%;
		padding:20px 0px 20px 0px;
	}
	
	#container_sub #content{
		background:url(../img/bg_sub_content.jpg) left top no-repeat;
	}
	
	.page_content {
		float:right;
		margin-bottom:36px;
		width:705px;
	}
	
	.page_content a:hover{
		text-decoration:underline;
	}
	
	.page_content ul{
		padding-left:30px;
	}
	
	.leader {
		color:#7B8188;
		font-family:Arial,Helvetica;
		font-size:15px;
		font-size-adjust:none;
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:23px;
		padding-bottom:20px;
		text-align:justify;
	}
	
	.page_content h3{
		font-size:15px;
		font-weight:bold;
		margin:10px 0px 20px 0px;
	}
	
	.page_content p {
		margin-bottom:20px;
	}
	
/*************************************************************************/

	#sub-content{
		float:left;
		width:222px;
		padding:0px 0px 0px 12px;
	}
	
		#sub-content ul{
			list-style:none;
			
			border-bottom:1px solid #FFFFFF;
			margin:0px 0px 18px 0px;
			padding:1px 0px 0px 0px;
		}
		
		#nav-02 .current a {
			background:#49B2FF url(../img/bg_nav-01-current.png) scroll left center no-repeat;
			border:medium none;
			color:#FFFFFF;
			padding-right:11px;
			text-shadow:-1px -1px 0 #3293D6;
		}
		
		#nav-02 li a {
			border-bottom:1px solid #DCDDDE;
			border-top:1px solid #FFFFFF;
			color:#797C80;
			display:block;
			font-size:14px;
			font-weight:bold;
			padding:10px 0px 10px 40px;
			position:relative;
			width:171px;
		}
		
		#nav-02 a img {
			left:10px;
			margin-top:-12px;
			position:absolute;
			top:50%;
		}
		

/*************************************************************************/

	.right_pic{
		float:right;
		margin:0px 10px 10px 10px;
		border:1px solid #CCCCCC;
		display:inline;
	}		
		
/*************************************************************************/
	
	.home_main_box{
		float:left;
		width:100%;
		border-bottom:1px solid #C6C6C6;
	}
	
	
	.elegedett{
		float:left;
		width:470px;
		line-height:18px;
		margin:0px 5px 10px 0px;
		padding:0px 10px 10px 0px;
	}
	
	.post_box{
		float:left;
		width:465px;
		line-height:18px;
	}
	
	.post_box ul{ list-style:none;}
	.post_box li{ padding-bottom:8px; }
	
	.post_box p{ margin-bottom:4px;}
	
	.post_box a { margin-bottom:5px;}
	.post_box .title{ font-weight:bold;}
	.post_box .comment{
		padding-left:20px;
		background:url(../img/icon_comment.png) left no-repeat;
	}

/*************************************************************************/

	#content .copy {
		float:left;
		width:470px;
		overflow:hidden;
	}
	
	#domain_box{
		float:left;
		width:220px;
		padding:0px 20px 0px 10px;
	}
	
	#domain_box img{
		padding:0px 0px 20px 0px;	
	}
	
	.features {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0 0 0 -20px;
		padding:0;
		width:490px;
	}
	
	.features li {
		display:inline;
		float:left;
		margin:0 0 27px 20px;
		width:225px;
	}
	
	.features a {
		color:#2173AF;	
	}

/*************************************************************************/
	
	table {
		border:medium none;
		border-collapse:collapse;
		margin-bottom:35px;
	}
	
	td, th {
		border-bottom:1px solid #D7D7D7;
		color:#3E434A;
		padding:6px 12px;
	}
	
	th {
		background:transparent url(../img/bg_th.png) repeat-x scroll 0 0;
		text-shadow:1px 1px 0 #FFFFFF;
	}
	
	th.first {
		background:transparent url(../img/bg_th-left.png) no-repeat scroll 0 0;
	}
	
	th.last {
		background:transparent url(../img/bg_th-right.png) no-repeat scroll right top;
	}
	
	.last {
		margin-right:0 !important;
	}
	
/*************************************************************************/
	.form{ width:100%;}
	
	
	
	.form div{
		padding:3px 0px;
		float:left;
		width:100%;
	}	
	
	input{
		background:url(../img/bg_th.png) center top repeat-x #CFE8FA;
		padding:3px;
		border:1px solid #CCCCCC;
		width:55%;
	}
	
	input:focus{
		border:1px solid #3E434A;
	}
	
	textarea{
		background:url(../img/bg_th.png) center top repeat-x #CFE8FA;
		padding:3px;
		border:1px solid #CCCCCC;
		width:55%;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	select{
		background:url(../img/bg_th.png) center top repeat-x #CFE8FA;
		padding:3px;
		border:1px solid #CCCCCC;
		width:55%;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	label{ 
		width:35%; 
		float:left;
		padding:0px 12px 0px 0px;
	}
	
	.submit input{
		width:auto;
		padding:0px;
		border:none;
		background:none;
		margin:2px 0px 2px 0px;
	}
	
	.submit input:hover{
		margin:0px 0px 4px 0px;
	}
	
	.error-message {
		color:#FF0000;
	}
	
/*************************************************************************/
	
	#clients {
		float:left;
		width:240px;
	}
	
	#clients_header{
		text-indent:-9999px;
		overflow:hidden;
		float:left;
		width:100%;
		height:48px;
		background:url(../img/clients.jpg) left  no-repeat;	
	}
	
	#clients ul{
		list-style:none;
		padding:0px 0px 0px 7px;
	}
	
	#clients li {
		float:left;
		margin:0 2px 2px 0;
		padding:0;
	}
	
	#clients li a {
	background: url(../img/bg_partner.png) left no-repeat;
	display:block;
	height:62px;
	overflow:hidden;
	width:75px;
	}
	
	
	.contact img{ 
		float:right;
		padding:0px 200px 10px 10px;
	}
	
	.szolgaltatasaink img{ 
		float:left;
		padding:0px 20px 15px 0px;
	}
	
	.referenciak table{
		width:100%;	
	}
	
	
	
/*************************************************************************/

#footer{ 
	width:100%; 
	float:left;
	height:82px;
	font-size:12px;
	background:url(../img/bg_footer.jpg) center top no-repeat;
	text-align:left;
	line-height:22px;
	margin:0px 0px 10px 0px;
}

#footer img {
	float:left;
	padding-left:20px;
}

#footer p{
	float:left;
	padding:20px 0px 0px 20px;
}

	#footer a{ color:#636B75; text-decoration:underline; padding:0px 5px;}
	#footer a:hover{ color:#2173AF; text-decoration:none;}
	
	#footer span { padding-left:4px;}

	#sharky{
		float:right;
		margin:25px 5px 0px 0px;
		width:172px;
		height:40px;
		overflow:hidden;
		text-indent:-9999px;
		background:url(../img/sharky.jpg) left no-repeat;
	}
	
	
	
	.folyamatos_akcio{
		float:left;
		width:100%;
		background:url(../img/bg_menu.jpg) left bottom repeat-x;
		padding:10px 0px 15px 0px;
	}
	
	.folyamatos_akcio ul{ color:#eb6a04; font-weight:bold;}

/*************************************************************************/

#slider{ padding-top:11px;}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:470px;
	height:298px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:relative;
	bottom:200px;
	text-indent:-9999px;
	}	
#nextBtn{ 
	float:right;
	
	}	
	
#prevBtn{ 
	float:left;
	
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../img/btn_next2.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background:url(../img/btn_prev2.png) no-repeat 0 0;	
	}