/*
 * written by Rivendel Kft
 * http://www.rivendel.hu
 * ODF Alliance
 */

html, body {
	margin: 0;
	padding: 0;
	width: 100%; 
	height: 100%;
	}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0;
	padding: 0;
	background: #014294;
	background-image: url(../images/bg_footer.gif);
	background-repeat: repeat;
	background-position: bottom;
	background-attachment: fixed;
	}

h1, h2, h3, h4, h5, h6{
	font-weight: bold;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	letter-spacing: 0.06em;
	text-transform: none;
	text-align:  left;
	padding:0;
}		
h1 {
	font-size: 200%;
	color:  #003399;
	text-transform: uppercase;
}
h2 {
 font-size: 120%;
}
h3 {
 font-size: 100%;
 background-color: #f3f3f3;
}
h4 {
 font-size: 100%;
}
h5 {
 font-size: 100%;
 color: #000000;
}
h6 {
 font-size: 100%;
 color: #000000;
}
p {
 font-size: 100%;
 margin-bottom: 0.8em;;
}
td, th {
 padding: 4px 4px 4px 4px;
}

ol{
padding-left: 20px;
margin: 0;
}

ul{
padding-left: 20px;
margin: 0;
}
/********************************************************
* Site
********************************************************/
div#header{
	width: 100%;
	height: 165px;
	background: #014294;
	background-image: url(../images/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	text-align: left;
	position: fixed;
	z-index: 10;
	}
div#container{
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	}
	div#logo{
		width: 100%;
		height: 165px;
		padding: 0;
		margin: 0;
		background: transparent url(../images/bg_logo.gif) repeat-x bottom center; 
		}
	div#main_content{
		width: 100%;
		background-color: #ffffff;
		padding: 0;
		margin-bottom: 100px;
		}
/********************************************************
* Menu
********************************************************/		
	div#menu{
		width: 100%;
		height: 28px;
		margin: 0;
		padding: 0;
		border-top: 10px solid #ffffff;
		text-align: left;
		background-color: #014294;
		}
		div#menu ul{
			display: block;
			width: 670px;
			padding: 0;
			margin: 0 auto;
			list-style-type: none;
			}	
			div#menu ul li{
				float: left;
	/*			height: 16px; */
				margin: 6px 0;
				padding: 0 10px;
				border-left: 2px solid #339933;
				text-transform: uppercase;
				}
				div#menu ul li:first-child{
					border: none;
					}
				li.selector span{
					color: white;
					padding-left: 4px;
					}
				div#menu ul li a{
					display: block;
					margin: 0;
					padding: 0 4px;
					color: white;
					text-decoration: none;
					font-weight: bold;
					text-align: left;
					}
				div#menu ul li:hover ul {
					display:block;
					}
					#menu ul ul {
						position: absolute;
						z-index: 101;
						top: auto;
						display: none;
						padding-top: 1px;
						border: none;
						}
						div#menu ul li ul li{
							display: block;
							clear: both;
		/*					height: 20px;  */
							width: 250px;
							margin: 0;
							padding: 0;
							border: none;
							background: #014294;
							}
						div#menu ul li ul li ul{
							position: static;
							}
						div#menu ul li ul li ul li{
							width: 240px;
							padding-left: 10px;
							text-transform: none;
							}
						div#menu ul li ul li a:hover  {
							background: blue;
							}
/********************************************************
* Content
********************************************************/
	div#content{
//		width: 670px;
		width: 780px;
//		padding: 10px;
		padding: 10px 10px 10px 130px;
		margin: 0 auto;
		}
		div#title{
			float: left;
			width: 500px;
			padding-left: 10px;
			}
		div#fontsize{
			float: left;
			width: 42px;
			height: 20px;
			text-align: right;
			font-weight: bold;
			padding: 7px 7px 0px 0px;
			}
			div#fontsize a{
				padding: 0;
				margin: 0;
				text-decoration: none;
				color: #aecc3f;
				}
			div#fontsize a#normal {
				font-size: 12px;
				}
			div#fontsize a#large {
				font-size: 14px;
				}
			div#fontsize a#larger {
				font-size: 16px;
				}
		div#real_content{
//			clear: both;
			width: 528px;
			padding: 0px 12px 10px 10px;
			float: left;
			}
		div#social_icons{
			width: 200px;
			padding: 2px 12px 10px 10px;
			float: right;
			text-align: center;
			}
		div#social_icons img{
			margin: 0 4px;
			}

		div#content img.center, 
		div#content img.right, 
		div#content img.left{
			border: 1px solid #666666;
			background-color: white;
			}
		div#content img.left, 
		div#content img.left_nb{
			margin: 8px;
			margin-left: 0px;
			padding: 3px;
			float: left;
			}
		div#content img.right,
		div#content img.right_nb{
			margin: 8px;
			margin-right: 0px;
			padding: 3px;
			float: right;
			}
		div#content img.center, 
		div#content img.center_nb{
			margin: 8px;
			margin-left: auto;
			margin-right: auto;
			display: block;
			padding: 3px;
			}
		div#content .quotecenter {
			margin: 8px;
			margin-left: auto;
			margin-right: auto;
			display: block;
			padding: 10px;
			background-color: #f6f6f6;
			quotes: "\201C" "\201D";
			}
			div#content .quotecenter:before {
				content: open-quote; 
				font-weight: bold;
				}
			div#content .quotecenter:after {
				content: close-quote; 
				font-weight: bold;
				}
		div#content .quoteleft {
			width: 250px;
			float: left;
			margin: 8px;
			margin-left: 0px;
			display: block;
			padding: 10px;
			background-color: #f6f6f6;
			quotes: "\201C" "\201D";
			}
			div#content .quoteleft:before {
				content: open-quote; 
				font-weight: bold;
				}
			div#content .quoteleft:after {
				content: close-quote; 
				font-weight: bold;
				}
		div#content .quoteright {
			width: 250px;
			float: right;
			margin: 8px;
			margin-right: 0px;
			display: block;
			padding: 10px;
			background-color: #f6f6f6;
			quotes: "\201C" "\201D";
			}
			div#content .quoteright:before {
				content: open-quote; 
				font-weight: bold;
				}
			div#content .quoteright:after {
				content: close-quote; 
				font-weight: bold;
				}
		div#content .importantcenter {
			color: white;
			margin: 8px;
			margin-left: auto;
			margin-right: auto;
			display: block;
			padding: 10px;
			background-color: #ff1919;
			}
		div#content .importantleft {
			color: white;
			width: 250px;
			float: left;
			margin: 8px;
			margin-left: 0px;
			display: block;
			padding: 10px;
			background-color: #ff1919;
			}
		div#content .importantright {
			color: white;
			width: 250px;
			float: right;
			margin: 8px;
			margin-right: 0px;
			display: block;
			padding: 10px;
			background-color: #ff1919;
			}

	div#sidebar{
		float: right;
		width: 200px;
		padding: 0;
		text-align: center;
	}
	div#egyszazalek{
		background-color: 	#B6C8E1;
		width: 200px;
		padding: 20px 5px;
		text-align: center;
	}
	div#egyszazalek span{
		font-size: 24px;	
	}
	div#logooo{
		background-color: 	white;
		width: 200px;
		text-align: center;
		margin: 10px 0;
	}
	div#logooo img{
		border: none;
	}
	
	div#clear,
	.clear{
		clear: both;
		}
/********************************************************
* News
********************************************************/
div#news ul{
	padding: 0;
	list-style: none;
	}
	div#news ul li{
		padding-bottom: 10px;
		background: url(../images/bcg_content.gif) no-repeat right bottom;
		}
		div#news ul li h3{
			padding: 0;
			margin: 0;
			}
div#news .date{
	display:block;
   	font-size: 10px;
   	font-weight: bold;
	text-align: right;
   	color: #aecc3f;
	padding-bottom: 5px;
	}
	
.news_more{
	display:block;
	text-align: right;
	padding-top: 10px;
	padding-right: 10px;
}
a.news_more {
	font-weight: bold;
	text-decoration: none;
}
/********************************************************
* Footer
********************************************************/
	div#footer_container{
		clear: both;
		width: 100%;
		height: 81px;
		margin: 0;
		padding: 0;
		background: white url(../images/footer_bcg.gif) repeat-x left top;
		}
			div#licence{
				clear: both;
				padding: 30px;
				margin: 0 auto;
				text-align: left;
				width: 670px;
				color: grey;
				}
				div#licence img{
					border: none;
					margin-right: 6px;
					float: left;
					}
				div#licence p{
					margin: 0;
					padding: 5px 0px 0px 7px;
					}
				div#licence a{
					text-decoration: none;
					}
/* sendmail ********************************************************/
div#sendmail_bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-color: #000000;
	-moz-opacity: 0.6;
	opacity: 0.6;
	z-index: 999;
	}
div#sendmail {
	display: none;
	position: absolute;
	top: 210px;
	left: 103px;
	width: 600px;
	height: 360px;
	background-color: #434343;
	color: #ffffff;
	border: 2px solid #ffffff;
	z-index: 1000;
	padding: 0;
	}
	div#sendmail a {
		color: #666666;
		}		
		div#sendmail a:hover {
			color: #000000;
			}
	span#showemail {
			display: block;
			margin: 0;
			padding: 0;
			padding-top: 6px;
		}
	#sendmailheader {
		width: 600px;
		height:27px;
		margin: 0 0 6px 0;
		background-color:#e8e8e8;
		font: 12px Arial, Helvetica, sans-serif;
		color: #333333;
		border: none;
		}
		#sendmailtitle{
			float:left;
			padding:7px 0 5px 10px;
			margin-bottom:1px;
			}
		#sendmailclose {
			padding:5px 10px 7px 0;
			margin-bottom:1px;
			text-align:right;
			float:right;
			}
	
a, 
span.email {
	color: #66cc66;
	text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
		}
/********************************************************
* pagination
********************************************************/
.pagination{
	padding: 2px;
	font-family: verdana,arial, sans-serif;
	font-size: 12px;
	text-align: center;
	clear: both;
	}
	div#content .pagination span{
		font-size: 10px;
		}
	div#content .pagination ul{
		margin: 0;
		padding: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align: center;
		}
		.pagination li{
			list-style-type: none;
			display: inline;
			padding-bottom: 1px;
			}
	.pagination a, .pagination a:visited{
		padding: 0 5px;
		border: 1px solid #a9d44e;
		text-decoration: none; 
		color: #5aac22;
		}
	.pagination a:hover, .pagination a:active{
		border: 1px solid #5aac22;
		color: #5aac22;
		background-color: white;
		}
	.pagination li.disablepagestep{
		padding: 0 5px;
		border: 1px solid #c9e968;
		color: #c9e968;
		}
	.pagination li.enablepagestep{
		font-weight: bold;
		}
	* html .pagination, * html .pagination li.disablepagestep{
		margin-right: 5px;
		padding-right: 0;
		}
	.pagination strong{
		padding-right: 32px;
		}

/********************************************************
* infobox
********************************************************/
div#infobox_items{
	clear: both;
	margin: 0;
	padding: 0;
	}
	div.infobox_item{
		margin: 0;
		padding: 10px 0px 10px 0px;
		background: url(../images/bcg_content.gif) no-repeat right bottom;
		}
		div.infobox_item img.highlight{
			float: right;
			border: none;
			margin: 0;
			padding: 0;
			}
		div.infobox_item img{
			margin: 10px;
			margin-left: 0px;
			padding: 2px;
			border: 1px solid #124C94;
			background-color: white;
			float: left;
			}
		div#infobox_detail img{
			margin: 10px;
			margin-left: 0px;
			padding: 2px;
			border: 1px solid #124C94;
			background-color: white;
			float: left;
			}
		div#infobox_detail div.listlink,
		div.infobox_item div.listlink{
			clear: both;
			margin: 0;
			padding: 6px 10px 0 0;
			text-align: right;
			font-weight: bold;
			}
		div.infobox_content{
			clear: both;
			}
div#infobox_index{
	margin: 0;
	padding: 0;
	}
	div#infobox_index ul{
		margin: 0;
		padding: 0;
		list-style: none;
		}
	div#infobox_index ul li{
		font-size: 10px;
		float: left;
		margin: 0;
		padding: 0;
		padding-right: 7px;
		}
		
/* belepesi nyilatkozat */

span.formtitle{
	display: block;
	font-weight: bold;
	text-align: right;
	width: 40%;
	}

select.longselect{
	width: 50%;
	}