/* BLOCK BOXOK */
html, div, form { display: block; }
body {
	display:block;
	margin: 0;
	padding: 0;
	background: #ccdeec url(../images/topBackground.jpg) repeat-x top left;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #2e3f4b;
	}
p{ display:block; margin: 0 0 10px 0; }
h1 { display: block; font-size:1.5em; font-family: verdana, sans-serif; font-weight: normal; color: #2773ad; margin: 0 0 10px 0; }
h2{ display: block; font-family: verdana, sans-serif; font-size: 15px; font-weight: bold; margin: 0 0 10px 0; }
h3 { display: block; font-size:1.125em; font-weight:bold; margin:1em 0; }

img { margin: 0; border: 0; display: block;}
a { color: #2e3f4b; outline: none; text-decoration: none; }
a:hover { color: #000; text-decoration: none; outline: none; }

.clearfix { clear: both; }
	
/*TOP MENU*/

#container {
	width: 100%;
	background: transparent url(../images/bottomBackground.jpg) repeat-x bottom left;
	overflow: hidden;
	}
	
	#headerContainer {
		width: 940px;
		height: 227px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		}
		
		#logo {
			position: absolute;
			top: 0;
			left: 0;
			width: 188px;
			height: 134px;
			background: url(../images/logo.png);
			text-indent: -1000em;
			z-index: 20;
			}
			
			#logo a {
				display: block;
				width: 188px;
				height: 134px;
				}
				
		#topNav {
			margin: 0 0 0 188px;
			padding: 0;
			list-style-type: none;
			}
			
			#topNav li {
				display: block;
				float: left;
				margin: 23px 0 0 25px;
				font-size: 9px;
				font-weight: bold;
				}
				
				#topNav li a { color: #fff; }
				#topNav li a:hover { color: #f6b802; }
				
		#nameDate {
			float: right;
			margin: 23px 0 0 0;
			font-size: 9px;
			font-weight: bold;
			color: #fff;
			}
			
			#nameDate span { color: #f6b802; }
			
		#header {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 940px;
			height: 177px;
			background: #fff;
			z-index: 10;
			}
			
			#headerMask {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 940px;
				height: 177px;
				background: url(../images/header.png);
				z-index: 15;
				}
			
	#contentContainer {
		width: 940px;
		margin: 0 auto;
		padding: 0;
		border-top: 3px solid #fff;
		border-bottom: 3px solid #fff;
		background: url(../images/content.jpg);
		}
		
	.fullContainer {
		background: url(../images/fullcontent.jpg) !important;
		}
		
		#leftSide {
			width: 220px;
			margin: 0 3px;
			float: left;
			}
			
			#nav {
				width: 220px;
				margin: 0;
				padding: 0;
				}
				
				.navItem {
					width: 220px;
					height: 40px;
					margin: 0 0 1px 0;
					background: url(../images/modulHeader.jpg) top left repeat-x;
					}
					
				.navItem a{
					display: block;
					width: 185px;
					height: 40px;
					line-height: 40px;
					padding: 0 0 0 35px;
					background: url(../images/arrow.png) 10px center no-repeat;
					font-weight: bold;
					color: #fff;
					}
					
					.navItem a:hover {
						width: 165px;
						padding: 0 0 0 55px;
						background: url(../images/arrow.png) 30px center no-repeat;
						color: #f6b802;
						}
						
				.subNavContainer {
					padding: 10px 0;
					}
						
					.subNavItem a {
						display: block;
						width: 165px;
						line-height: 25px;
						padding: 0 0 0 55px;
						background: url(../images/arrow.png) 30px 5px no-repeat;
						color: #000;
						}
						
						.subNavItem a:hover {
							width: 145px;
							padding: 0 0 0 75px;
							background: url(../images/arrow.png) 50px 5px no-repeat;
							color: #000;
							}
			
		#content {
			width: 460px;
			float: left;
			padding: 14px;
			}
			
		.fullContent {
			width: 686px !important;
			}
			
		#rightSide {
			width: 220px;
			margin: 0 3px;
			float: left;
			}
			
			.modulHeader {
				width: 200px;
				height: 40px;
				line-height: 40px;
				padding: 0 0 0 20px;
				background: url(../images/modulHeader.jpg) top left repeat-x;
				font-weight: bold;
				color: #fff;
				}
				
			#loginForm, #searchForm  {
				padding: 20px;
				}
				
				#loginForm label, #searchForm  label {
					display: block;
					font-weight: bold;
					margin: 0 0 5px 0;
					}
					
				#loginForm input[type="text"], #loginForm input[type="password"], #searchForm input[type="text"], #searchForm input[type="password"] {
					width: 158px;
					margin: 0 0 10px 0;
					padding: 5px 10px;
					height: 14px;
					border: 1px solid #2673ac;
					background: #fff;
					}
					
				input[type="submit"] {
					padding: 0 10px;
					border: 0;
					height: 24px;
					background: #2673ac;
					color: #fff;
					font-weight: bold;
					cursor: pointer;
					}
					
					input[type="submit"]:hover {
						color: #f6b802;
						}

				.more a{
					display: block;
					width: 185px;
					height: 40px;
					line-height: 40px;
					padding: 0 0 0 35px;
					background: url(../images/arrow.png) 10px center no-repeat;
					font-weight: bold;
					color: #000000;
					}
					
					.more a:hover {
						width: 165px;
						padding: 0 0 0 55px;
						background: url(../images/arrow.png) 30px center no-repeat;
						color: #000000;
						}
	
	#footerContainer {
		width: 940px;
		height: 154px;
		margin: 0 auto;
		overflow: hidden;
		}
		
		#topFooter {
			width: 940px;
			height: 114px;
			overflow: hidden;
			background: url(../images/footer.jpg);
			font-size: 9px;
			color: #fff;
			}
			
			#topFooter .left, #topFooter .center  {
				float: left;
				margin: 20px 0 0 20px;
				padding: 0 0 0 5px;
				border-left: 5px solid #a4c7e2;
				list-style-type: none;
				font-size: 10px;
				}
				
			#topFooter .right {
				float: right;
				}
			
		#bottomFooter {
			width: 940px;
			height: 40px;
			line-height: 40px;
			overflow: hidden;
			font-size: 9px;
			color: #fff;
			}
			
			#bottomFooter .left {
				float: left;
				}
				
			#bottomFooter .right {
				float: right;
				}
				
				#bottomFooter .right a {
					font-weight: bold;
					color: #ccdeec;
					}
					
					
/********** HÍREK **********/

.newsCat {
	width: 460px;
	height: 18px;
	}
	
.fullContent .newsCat, .fullContent .newsHeader {
	width: 686px !important;
	}
	
	.newsCat span {
		float: right;
		padding: 4px 8px 2px 8px;
		background: #bfcddd;
		font-size: 10px;
		font-weight: bold;
		}
	
.newsHeader {
	width: 460px;
	line-height:25px;
	background: #93b3d8;
	color: #fff;
	}
	
	.newsHeader .date {
		float: left;
		padding: 0 0 0 10px;
		}
		
	.newsHeader .author {
		float: right;
		padding: 0 10px 0 0;
		}
		
.newsContent {
	padding: 10px 0;
	text-align: left;
	border-bottom: 1px dotted #bfcddd;
	margin: 0 0 10px 0;
	}
	
	.newsContent p {
		
		}