@charset "utf-8";
/* CSS Document Gyermektapéta */

body {
	margin: 0px;
	background: #fff url('grafix/bodybg.jpg') repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	}

img { border: none; }

div#container {
	position: absolute;
	width: 770px;
	left: 50%;
	top: 0px;
	margin-left: -385px;
	padding: 0px;
	background: #fff url('grafix/flbg.jpg') no-repeat center top;
	}
	div#headmenu {
		position: absolute;
		height: 28px;
		top: 0px;
		display: block;
		z-index: 1;
		}
		
		/* horizontal menu bar */
		ul.mbh {
			margin: 0;
			padding: 0;
			list-style: none;
			width: 100%;
		}
		ul.mbh li {
			float: left;
			padding: 0;
			margin: 0;
			z-index: 1;
		}
		ul.mbh ul li {
			float: none;
			position: relative;
			margin-bottom: 1px;
		}

		ul.mbh li ul {
			margin: 0;
			padding: 0;
			list-style: none;
			position: relative;
			top: 0;
			left: 0;
			z-index: 2;
		}
		ul.mbh ul ul {
			margin-left: .2em;
			position: absolute;
			top: 0;
			left: 9em;
		}
		
		ul.mbh li.main a {
			display: block;
			text-decoration: none;
			text-align: center;
			font-weight: bold;
			width: 116px;
			height: 20px;
			padding-top: 5px;
			margin-right: 2px;
			background: url('grafix/hmbg.jpg') no-repeat left bottom;
			color: #000;
		}
		ul.mbh li.main a:hover {
			color: #000;
			background: url('grafix/hmbg.jpg') no-repeat left -8px;
			}
		ul.mbh li ul li a.sub {
			display: block;
			width: 115px;
			overflow: visible;
			height: 20px;
			text-align: left;
			font-weight: bold;
			background: none;
			color: #000;
			background: none;
			margin-top: 0px;
			padding-left: 3px;
			cursor: pointer;
			overflow: visible;
			}
		ul.mbh li ul li a.sub:hover {
			text-align: left;
			font-weight: bold;
			color: #090;
			padding-left: 0px;
			width: 118px;
			background: none;
			cursor: pointer;
		}
		

	div#headfl{
		z-index: 0;
		}
	
	div#main {
		width: 760px;
		background: #61B324;
		padding: 5px;
		overflow: hidden;
		}
		div#marq {
			text-align: center;
			width: 740px;
			height: 30px;
			margin-left: 10px;
			}
			div#marq marquee a {
				color: #fff;
				text-decoration: underline;
				}
				div#marq marquee a:hover {
					color: #fff;
					text-decoration: none;
					}
		
		div#leftmenu {
			width: 200px;
			float: left;
			}
			
			
			div#leftmenu h1 {
				margin: 0px;
				margin-left: 10px;
				font-size: 14px;
				}
			
			div.box {
				width: 160px;
				margin-left: 10px;
				margin-top: 0px;
				padding: 5px;
				}
				div.box input {
					margin: 2px;
					font-size: 10px;
					color: #000;
					}
					div.box input.left {
						width: 150px;
						border: 1px dashed #000;
						background: #ABE680;
						}
			
			div#katal {
				margin-bottom: 30px;
				}
			
			div#leftmenu div#katal a {
				display: block;
				width: 150px;
				height: 20px;
				padding-top: 5px;
				padding-left: 30px;
				margin-bottom: 2px;
				margin-top: 2px;
				color: #000;
				font-weight: bold;
				text-decoration: none;
				background: #61B324 url('grafix/menubg.jpg') no-repeat left top;
				}
				div#leftmenu div#katal a:hover {
					color: #fff;
					width: 150px;
					height: 20px;
					padding-top: 5px;
					padding-left: 30px;
					margin-bottom: 2px;
					margin-top: 2px;
					font-weight: bold;
					text-decoration: none;
					background: #61B324 url('grafix/menubg.jpg') no-repeat left bottom;
					}
						
		div#content {
			float: left;
			width: 550px;
			overflow: hidden;
			margin-bottom: 10px;
			}
			
			div.cbox, div.c2box {
				padding: 0px;
				width: 550px;
				margin: 0px;
				margin-bottom: 10px;
				overflow: hidden;
				}
				
				div.cbox div.title, div.c2box div.title {
					display: inline;
					float: left;
					padding: 5px;
					padding-left: 10px;
					font-weight: bold;
					font-size: 14px;
					}
					div.cbox div.title { background: #ABE680 url('grafix/cboxbgleft.jpg') no-repeat left top; color: #000; }
					div.c2box div.title { background: #417917 url('grafix/c2boxbgleft.jpg') no-repeat left top; color: #fff; }
					
				div.cbox div.tend, div.c2box div.tend {
					display: inline;
					float: left;
					padding: 5px;
					font-weight: bold;
					font-size: 14px;
					}
					div.cbox div.tend { background: #61B324 url('grafix/cboxbgright.jpg') no-repeat left top; }
					div.c2box div.tend { background: #61B324 url('grafix/c2boxbgright.jpg') no-repeat left top; }
					
				div.cbox div.content, div.c2box div.content {
					clear: both;
					overflow: hidden;
					padding: 5px;
					}
					div.cbox div.content { background: #ABE680 url('grafix/cboxbg.jpg') no-repeat right top; color: #000; }
					div.c2box div.content { background: #417917 url('grafix/c2boxbg.jpg') no-repeat right top; color: #fff; }
					
					div.cbox div.content img {
						margin-top: 5px;
						}
					
				div.cbox div.bottom, div.c2box div.bottom {
					padding: 0px;
					padding-bottom: 10px;
					}
					div.cbox div.bottom div.bleft, div.cbox div.bottom div.bright, div.c2box div.bottom div.bleft, div.c2box div.bottom div.bright {
						width: 50%;
						height: 10px;
						float: left;
						padding: 0px;
						margin: 0px;
						}
						div.cbox div.bottom div.bleft { background: #ABE680 url('grafix/cboxbleft.jpg') no-repeat left bottom; }
						div.cbox div.bottom div.bright { background: #ABE680 url('grafix/cboxbright.jpg') no-repeat right bottom; }
						div.c2box div.bottom div.bleft { background: #417917 url('grafix/c2boxbleft.jpg') no-repeat left bottom; }
						div.c2box div.bottom div.bright { background: #417917 url('grafix/c2boxbright.jpg') no-repeat right bottom; }
		
		
	div#footim {
		clear: both;
		background: #fff url('grafix/botbg.jpg') no-repeat bottom center;
		width: 770px;
		height: 30px;
		}
	div#foot {
		padding: 5px;
		text-align: center;
		font-size: 10px;
		color: #999;
		}
		div#foot a {
			color: #417917;
			text-decoration: none;
			}
			div#foot a:hover {
				color: #417917;
				text-decoration: underline;
				}
	
	a.szmenu, a.szmenu1 {
		display: block;
		width: 130px;
		margin-left: 3px;
		margin-top: 5px;
		padding-top: 4px;
		color: #000;
		font-weight: bold;
		text-decoration: none;
		height: 20px;
		text-align: center;
		background: #417917 url('grafix/szmenu.jpg') no-repeat left top;
		}
		a.szmenu:hover, a.szmenu1 {
			text-decoration: none;
			background: #417917 url('grafix/szmenu.jpg') no-repeat left bottom;
			}
	a.szmenu { float: left; }
	a.szmenu1 { clear: both; }