@import "site.css";

body{
	margin:0;
	padding:0;
	margin-bottom:20px;
	background-color:#D3D3D3;
	background-image:url(body_bg.jpg);
	background-repeat:repeat-x;
	color:#4f4b6a;
	font-size:12px;
	font-family:"Century Gothic";
	line-height: 125%;
	letter-spacing: 110%;
}

	.inputRed {
		border:1px solid #70baa9;
		background-color:#fcfcfc;
		color:#70baa9;
		font-size:11px;
		font-family:"Century Gothic";
		background-image:url(input_bg_red.gif);
		padding-left:6px;
		width:119px;
	}
	
	.inputRedTextarea {
		border:1px solid #70baa9;
		background-color:#fcfcfc;
		color:#70baa9;
		font-size:11px;
		font-family:"Century Gothic";
		background-image:url(input_bg_red_textarea.gif);
		padding-left:6px;
	}
		
	.inputButton{
		background-color:#70baa9;
		color:#ffffff;
		font-weight:bold;
		font-size:12px;
		font-family:"Century Gothic";
		padding:1px;
		text-decoration:underline;
		
	}
	
	.inputTextarea{
		background-image:url(textarea_bg_red.gif);
		background-repeat:repeat-y;
		width:220px;
		padding-left:6px;
		border:1px solid #70baa9;
		background-color:#fcfcfc;
		color:#70baa9;
		font-size:11px;
		font-family:"Century Gothic";
	}

form {
	padding:0px; margin:0px;

}
div#mainCont {
	margin:0px auto;
	width:950px;
	padding-top:20px;
	height:auto;
}
	div#headerLogo{
		width:260px;
		height:137px;
		float:left;
		margin-right:6px;
		background-image:url(header_logo.jpg);
		background-repeat:no-repeat;
		text-align:center;
	}
	div#headerImage{
		width:680px;
		height:133px;
		border:2px solid #f7f7f9;
		float:left;
	}
	
	div#menu {
		height:61px;
		width:950px;
		display:block;
		/*overflow:hidden;*/
		background-image:url(menu_bg.gif);
		background-repeat:repeat-x;
		font-weight:bold;
		clear:both;
		}
		
		#menu ul{ 
				display:block;
				list-style-type:none;
				width:950px;;
				margin:0px;	
				height:61px;
				padding:0px;
				}
				
				li.leftEdge{
					display:block;
					float:left;
					margin:0px;
					height:61px;
					width:20px;
					background-image:url(left_edge.gif);
					background-repeat:no-repeat;
				}
					li.leftEdgeSelected{
					display:block;
					float:left;
					margin:0px;
					height:61px;
					width:20px;
					background-image:url(left_edge_selected.gif);
					background-repeat:no-repeat;
				}
				li.rightEdge{
					display:block;
					float:left;
					margin:0px;
					height:61px;
					width:20px;
					background-image:url(right_edge.gif);
					background-repeat:no-repeat;
				}
					li.rightEdgeSelected{
					display:block;
					float:left;
					margin:0px;
					height:61px;
					width:20px;
					background-image:url(right_edge_selected.gif);
					background-repeat:no-repeat;
				}
				li.body{
					display:block;
					float:left;
					margin:0px;
					height:61px;
					background-image:url(tab_body.gif);
					background-repeat:repeat-x;
					line-height:60px;
					padding-left:4px;
					padding-right:4px;
				}
					li.bodySelected{
					display:block;
					float:left;
					margin:0px;
					height:61px;
					background-image:url(tab_body_selected.gif);
					background-repeat:repeat-x;
					line-height:60px;
					padding-left:4px;
					padding-right:4px;
				}
				li.rightLezaro{
					display:block;
					float:left;
					margin:0px;
					height:61px;
					width:10px;
					background-image:url(menu_right_lezaro.gif);
					background-repeat:no-repeat;
				}
			
				
	div#footer {
		font-size:11px;
		clear:both;
		background-image:url(container_bottom_bg.gif);
		background-repeat:no-repeat;
		height:57px;
		width:750px;
		text-align:center;
		padding-top:38px;
		padding-left:75px;
		padding-right:125px;
	}

	div#katalogus {
		width:313px;
		padding-bottom:15px;
		float:left;
	}

div#rightContainer {
	padding:0px; 
	margin:0px;
	float:right;
	width:635px;
}
	div#rightContainer p {
		padding:6px; 
		margin:0px;
	}

	div#rightContainer h1 {
		padding:15px 30px 8px 15px;
		margin:0px;
		font-size:16px;
		text-align:left;
		font-weight:bold;
		color:#1E71B6;
		text-transform:uppercase;
	}

	.kategoriaBox {
		padding:0px;
		margin:0px;
		width:311px;
		margin-left:3px;
		margin-top:3px;
		padding-bottom:20px;
	}
	
	.termek {
		padding-top:25px;
		float:none;
		clear:both;
	}			
		div#frissHirBox img{
				padding:0;
				margin:0;
				border-top:1px solid #AED5EF;
				border-left:1px solid #AED5EF;
				border-right:3px solid #CCCCCC;
				border-bottom:3px solid #CCCCCC;
				float:right;
			}
			
		
	.hirLista .datum{
		color:#90C2E2;
		font-size:10px;	
		line-height:20px;
		height:20px;
		float:left;
		padding-left:20px;
	}

	.hirLista p{
		margin:0px; 
		padding:0px;
		padding-left:12px;
		padding-bottom:10px;
	}



div#gyik {
	padding-top:10px;
	padding-right:40px;
}
	div#gyik h2 {
		background-color:#E2F2FB;
		margin:0;
		padding:0;
		height:25px;
		line-height:25px;
		font-size:14px;
		padding-left:20px;
		margin-top:20px;
		margin-bottom:20px;
	}
	
div#szakszer {
	padding-top:10px;
	padding-right:40px;
}
	#nevjegy {
		display:block;
		border: 1px dashed #70BAA9;
		margin-top: 20px;
		margin-right: 20px;
		width: 480px;
		height:120px;
		float: left;
		padding:10px;
	}
	.nevjegyIdent{
		padding-left:70px;
	}


.floatingMenu {
	background-color:#ffffff;
	border:1px solid #DEDEDE;
	text-transform:none;
	display:none;
	position:absolute;
	margin:0; 
	margin-top:22px;
	padding-top:15px;
	padding-left:20px;
	padding-bottom:20px;
	padding-right:20px;
	z-index:1000;
	width:190px;
	font-weight:100;
}

	div#floatingKatalogus  {
		width:180px;
	
	}
	div#floatingKatalogus a {
		white-space:nowrap;
		float:none;
		height:20px;
		margin:0px;
		padding:0;
		background-image:none;
		text-decoration:underline;
	}
		div#floatingKatalogus a:hover {
			color:#e49e7b;
			text-decoration:none;
		}
	div#floatingSzakuzlet a {
		white-space:nowrap;
		float:none;
		height:20px;
		margin:0px;
		padding:0;
		background-image:none;
		text-decoration:underline;
	}
		div#floatingSzakuzlet a:hover {
			color:#e49e7b;
			text-decoration:none;
		}
	div#floatingSzerviz a {
		white-space:nowrap;
		float:none;
		height:20px;
		margin:0px;
		padding:0;
		background-image:none;
		text-decoration:underline;
	}
		div#floatingSzerviz a:hover {
			color:#e49e7b;
			text-decoration:none;
		}
	div#floatingVszolg a {
		white-space:nowrap;
		float:none;
		height:20px;
		margin:0px;
		padding:0;
		background-image:none;
		text-decoration:underline;
	}
		div#floatingVszolg a:hover {
			color:#e49e7b;
			text-decoration:none;
		}

div#column1{
	width:260px;
	margin-right:6px;
	float:left;
}

	.leftBoxes{
		background-image:url(column1_box_bg.gif);
		background-repeat:no-repeat;
		width:258px;
		border:1px solid #fcfcfc;
		background-color:#FFFFFF;
		margin-bottom:6px;
		padding-bottom:30px;
		overflow:hidden;
	}

div#aktualisBox{
	width:417px;
	border:1px solid #fcfcfc;
	margin-right:5px;
	float:left;
	background-image:url(aktualis_box_bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding-bottom:50px;
}	

div#katalogusBoxok{
	width:682px;
	border:1px solid #fcfcfc;
	float:left;
	background-image:url(katalogus_box_bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding-bottom:0px;	
}
	.termekIdent{
		padding-left:28px;
	}
	
	.termekBox{
		float:left;
		background-image:url(column1_box_bg.gif);
		background-repeat:repeat-x;
		width:305px;
		border:1px solid #fcfcfc;
		background-color:#FFFFFF;
		margin:0px;
		margin-right:13px;
		margin-bottom:6px;
		padding-bottom:0px;
		overflow:hidden;
	}
	.termekDetailIdent{
		padding-left:21px;
	}
	
	.termekDetails{
		float:left;
		background-image:url(column1_box_bg.gif);
		background-repeat:repeat-x;
		width:640px;
		border:1px solid #fcfcfc;
		background-color:#FFFFFF;
		margin-bottom:6px;
		padding-bottom:30px;
		overflow:hidden;
	}


div#column3{
	width:260px;
	float:left;
}

.rightBoxes{
		background-image:url(column3_box_bg.gif);
		background-repeat:no-repeat;
		width:258px;
		border:1px solid #fcfcfc;
		background-color:#FFFFFF;
		margin-bottom:6px;
		padding-bottom:30px;
		overflow:hidden;
}	
	
.rightBoxesGreen{
		background-image:url(column1_box_bg.gif);
		background-repeat:no-repeat;
		width:258px;
		border:1px solid #fcfcfc;
		background-color:#FFFFFF;
		margin-bottom:6px;
		padding-bottom:30px;
		overflow:hidden;
	}	
		
div#akcios{
	width:311px;
	padding-bottom:15px;
}

	div#akcioCont {
		padding-right:40px;
		padding-left:40px;
		padding-top:15px;
		margin-top:19px;
	}
		div#akcios h1{
			padding-top:0;
			margin-top:0;
			color:#90C2E2;
			font-size:20px;
			font-weight:normal;
			text-align:right;
		}
		
		div#akcios h2{
			padding-top:0;
			margin-top:0;
			color:#90C2E2;
			font-size:14px;
			font-weight:bold;
		}

.top20{ width:258px; float:left; text-align:left;}    
.top20 ul{ width:258px;}    
.top20 li{ width:100px; float:left; display:block;}