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



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

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


html,body  {
	margin:0;
	padding:0;  
	font-size: 12px; 
	font-family: "trebuchet MS"; 
	color:111111; 
	/*background:#6e1116;*/
	background: url(../img/bg_body.jpg) top repeat-x #ffffff;
}



div#container {
	float:left; 
	width:980px;
	text-align:left;
}
	
	

/*************************************************************************/
	
	div#logo_box{
		float:left;
		width:100%;
		height:125px;
	}
	
		a#quanta_logo{
			float:left;
			width:510px;
			height:130px;
			margin:0px 79px 0px 0px;
			display:inline;
			text-indent:-9999px;
			background:url(../img/quanta_logo.jpg) left no-repeat;
			overflow:hidden;
		}
		
		div#logo_box h1{
			color:111111;
			font-family: "trebuchet MS";
			font-size:26px;
			border-top:4px solid #111111;
			padding-top:10px;
			float:right;
			margin:7px 10px 0px 0px;
			line-height:26px;
		}
		
		div#logo_box h2{
			color:111111;
			font-family: "trebuchet MS";
			font-size:15px;
			float:right;
			margin:2px 30px 0px 0px;
		}
			
/*************************************************************************/
		div#menu_box{
			float:left;		
			text-align:left;
			overflow:hidden;
		}
		
		div#menu_box ul{
			list-style:none;
			float:left;
			padding:6px 0px 0px 10px;
		}
		
		div#menu_box ul li{
			display:inline;
					
		}
		
		div#menu_box ul a{
			font-size:13px;
			color:#FFFFFF;
			font-weight:bold;
			width:82px;
			float:left;
			text-align:center;
			margin:0px 6px;	
		}
		
			div#menu_box a:hover{
				background:url(../img/bg_menu_link.jpg) center no-repeat;
				color:#d71d1d;
			}

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

	div.content_menu{
		float:left;
		height:21px;
		background:url(../img/bg_content_menu.jpg) top repeat-x;
		border:1px solid #b5b5b5;
		margin:10px 20px;
	}
	
	div.content_menu ul{ list-style:none; }
	
	div.content_menu li{ display:inline;}
	
	div.content_menu a { color:#000000; font-size:11px; float:left; height:18px; padding:3px 19px 0px 19px; font-weight:bold;}
	
	div.content_menu a:hover { color:#FFFFFF; background:url(../img/bg_content_menu.jpg) bottom repeat-x;}
			
/*************************************************************************/

	div.left_col{
		float:left;
		width:204px;
		padding:20px 8px;
		margin-left:20px;
		display:inline;
	}


	div#content{
		float:left;
		width:100%;
		background:url(../img/bg_content.jpg) 20px top repeat-y;
	}
	
	
	.sub_menu_box{
		float:left;
		width:204px;
		padding-bottom:10px;
		background:url(../img/bg_submenu_box_bottom.jpg) left bottom no-repeat #FFFFFF;
		margin:5px 0px;
	}
	
		.sub_menu_box a{ 
			color:#000000;
			width:100%;
			padding:0px 0px 0px 10px;
			margin:0px 3px;
			float:left;
			font-weight:bold;
			width:175px;
		}
		
		.sub_menu_box a:hover{color:#ca0119; text-decoration:underline; font-weight:bold; }
	
		.sub_menu_box div{
			float:left;
			width:202px;
			border-right:1px solid #cdcdcd;
			border-left:1px solid #cdcdcd;	
		}
	
	.sub_menu_box h3{
		background:url(../img/bg_submenu_box.jpg) top no-repeat;
		padding:6px 7px 10px 9px;
		color:#ca0119;
		font-size:14px;
	}
	
	.sub_menu_box ul{
		list-style:none;
	}
/*************************************************************************/
	.small_machines{
		float:right;
		padding:0px 20px 15px 0px;
		background:url(../img/small_machines_name.jpg) left 170px no-repeat;
	}

	.small_machines a{
		float:left;
		height:170px;
		overflow:hidden;
		text-indent:-9999px;
		margin-top:20px;
	}
	
		.small_machines ul{ list-style:none;}
		.small_machines li{ display:inline;}
	
		#small_machine_1{
			width:110px;
			background:url(../img/small_machines.jpg) 0px top no-repeat;
		}
		
		#small_machine_2{
			width:125px;
			background:url(../img/small_machines.jpg) -110px top no-repeat;
		}
		
		#small_machine_3{
			width:125px;
			background:url(../img/small_machines.jpg) -235px top no-repeat;
		}
		
		#small_machine_4{
			width:90px;
			background:url(../img/small_machines.jpg) -360px top no-repeat;
		}
		
		#small_machine_5{
			width:105px;
			background:url(../img/small_machines.jpg) -450px top no-repeat;
		}
		
		#small_machine_6{
			width:140px;
			background:url(../img/small_machines.jpg) -555px top no-repeat;
		}

/*************************************************************************/
			
	div#machines{
		float:left;
		width:100%;
		padding:10px 0px;
	}
	
	div#machines a{
		float:left;
		width:156px;
		height:221px;
		overflow:hidden;
		text-indent:-9999px;
		margin:0px 2px;
	}
	
		#machine_1{ background:url(../img/gep_1.jpg) left no-repeat;}
		#machine_2{ background:url(../img/gep_2.jpg) left no-repeat;}
		#machine_3{ background:url(../img/gep_3.jpg) left no-repeat;}
		#machine_4{ background:url(../img/gep_4.jpg) left no-repeat;}
		#machine_5{ background:url(../img/gep_5.jpg) left no-repeat;}
		#machine_6{ background:url(../img/gep_6.jpg) left no-repeat;}
		
	.machine_image{ float:right;}
	.machine_image2{ float:left; padding-top:100px} 

/*************************************************************************/
	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;
	}
	
/*************************************************************************/
	
	
	
	
	.content_box {
		float:right;
		width:700px;
		padding:10px 10px 20px 25px;
		text-align:justify;
		font-family:tahoma;
	}
	
		.content_box a {
			color:#CA0119;
		}
	
		.content_box p{
			padding-bottom:10px;
		}
		
		.content_box h1{
			font-size:20px;
			font-family: tahoma; 
			border-bottom:1px solid;
			padding-bottom:2px;
			margin-bottom:10px;
		}
		
		.content_box h2{
			font-size:18px;
			font-family: tahoma; 
			border-bottom:1px solid;
			padding-bottom:2px;
			margin-bottom:10px;
		}
		
		.content_box h3{
			font-size:14px;
			font-family: tahoma; 
			padding-bottom:0px;
			margin-bottom:10px;
		}
		
		.blue h1, .blue h2{ color:#1464ab; border-color:#1464ab;}
		.purple h1, .purple h2{ color:#67518f; border-color:#67518f;}
		.blue2 h1, .blue2 h2{ color:#2e4f86; border-color:#2e4f86;}
		.gray h1, .gray h2{ color:#818284; border-color:#818284;}
		.orange h1, .orange h2{ color:#f58222; border-color:#f58222;}
		.green h1, .green h2{ color:#23b500; border-color:#23b500;}
		.red h1, .red h2{ color:#cf1a1a; border-color:#cf1a1a;}
		
		
		.orange .content_menu{ margin:0px;}
		
		#banner{ position:relative; bottom:20px;}


/*************************************************************************/
	.termek_table {
		border:1px solid #000000;
		width:100%;
	}

	.termek_table td, .termek_table th{
		padding:3px 4px;
	}
	
	.termek_table td {font-size:11px;}
	
	.termek_table span{ float:right;}
	
	.pdf { padding:0px 20px 0px 25px; background:url(../img/pdf.jpg) left no-repeat; color:#000000; font-weight:bold;}
	
	
	
	#dioda_table {border:3px solid #CF1A1A;}
	#dioda_table th{ color:#FFFFFF; background:#CF1A1A; }
	#dioda_table td{ border:1px solid #CF1A1A; border-top:none; border-right:none; color:#FFFFFF; background:#ff6262;}
	
	#matisse_table {border:3px solid #1464AB;}
	#matisse_table th{ color:#FFFFFF; background:#1464AB; }
	#matisse_table td{ border:1px solid #1464AB; border-top:none; border-right:none; color:#FFFFFF; background:#388ad3;}
	
	#light_table {border:3px solid #F58222;}
	#light_table th{ color:#FFFFFF; background:#F58222; border-right:1px solid #CCCCCC; }
	#light_table td{ border:1px solid #F58222; border-top:none; border-right:none; color:#FFFFFF; background:#ffa254;}
	
	#qkapcsolt_table {border:3px solid #818284;}
	#qkapcsolt_table th{ color:#FFFFFF; background:#818284; }
	#qkapcsolt_table td{ border:1px solid #818284; border-top:none; border-right:none; color:#FFFFFF; background:#acacac;}
	
	#qkapcsolt_table2 {border:3px solid #818284;}
	#qkapcsolt_table2 th{ color:#FFFFFF; background:#818284; }
	#qkapcsolt_table2 td{ border:1px solid #818284; border-top:none; border-right:none; color:#FFFFFF; background:#acacac;}
	
	.pulse_box h2{ text-decoration:none; color:#D71D1E; border:none; font-size:19px; text-align:center;}
	
/***************************************************************************/	
	
	.gepeinkrol_light{
		float:left;
		background:url(../img/gepeinkrol_light.jpg) left no-repeat;
		width:325px;
		height:513px;
	}
	
		.gepeinkrol_light .zoom_1{ float:left; width:68px; height:69px; margin:35px 0 0 156px;}
		.gepeinkrol_light .zoom_2{ float:left; width:74px; height:74px; margin:8px 0 0 110px;}
		.gepeinkrol_light .zoom_3{ float:left; width:56px; height:56px; margin:78px 0 0 0px;}
		.gepeinkrol_light .zoom_4{ float:right; width:54px; height:53px; margin:0px 58px 0 158px;}
		.gepeinkrol_light .zoom_5{ float:left; width:45px; height:45px; margin:26px 0 0 101px;}
		.gepeinkrol_light .zoom_6{ float:left; width:66px; height:66px; margin:33px 0 0 18px;}
		.gepeinkrol_light .zoom_7{ float:left; width:48px; height:49px; margin:5px 0 0 136px;}
		.gepeinkrol_light .zoom_8{ float:left; width:39px; height:39px; margin:6px 0 0 16px;}
		.gepeinkrol_light .zoom_9{ float:left; width:47px; height:47px; margin:22px 0 0 92px;}
		.gepeinkrol_light .zoom_10{ float:left; width:32px; height:32px; margin:50px 0 0 180px;}
	
	.big_light{
		border:1px solid #E5E5E5;
		width:325px;
		height:325px;
		float:right;
		margin:45px 0px 25px 0px;
		background:url(../img/zoom_light.jpg) left top no-repeat;
	}
	
	.big_light_text{
		width:325px;
		float:right;
	}
	
	
	.zoom_text { display:none;}
/*************************************************************************/
	
	.form{
		float:left;
		background:#e5e5e5;	
		border:1px solid #CCCCCC;
		width:300px;
		padding:15px;
	}
	
	.form label{
		float:left;
		width:100px;
	}
	
	.form div{
		float:left;
		width:100%;
		margin:3px 0px;		
	}
	
	.form .text input{
		float:left;
		padding:2px;
		border:1px solid #ccc;	
		width:180px;
		
	}
	
	.form .submit input{
		border:1px solid #ccc;
		background:#CA0119;
		color:#FFFFFF;
		-moz-border-radius:4px 4px 4px 4px;
		padding:2px;
		cursor:pointer;
	}
	
	.error-message{ font-weight:bold; color:#FF0000; }

/*************************************************************************/
	
#footer{ 
	width:100%; 
	float:left;
	height:53px;
	font-size:12px;
	margin-bottom:10px;
	font-weight:bold;
}

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

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

	#footer_main a{
		color:#6e1116;
		font-weight:bold;
	}
	
	#footer_main p{
		padding:5px 0px 0px 15px;
		float:left;
	}

	#sharky{
		float:right;
	}