html { height: 100%; }
body {
	height: 100%;
	text-align: center;
	color: #FFF;
    background: #566D15 url( '../images/body_bg.gif') repeat-x top center;
}
body, textarea, select {
	font-size: 0.8em;
    font-family: Arial, Verdana, sans-serif;	
}
body, p, ul, h1, h2, h3, h4, h5, h6, form, dd, dl, dt {
    margin: 0;
    padding: 0;	    
}
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
img { border: 0; }
a {
	text-decoration: none;
	color: #5D5D5D;
	background: #FFF;
}
a:hover {
	color: #000;
	background: #FFF;	
	text-decoration: underline;
}
ul { list-style: none; }
label {display: block; }
input, select, textarea {
	border: 1px solid #000;
}
textarea {
	width: 50%;
	height: 150px;
	font-size: 0.9em;
}
#container {
	margin: 0 auto;
	width: 780px;
    min-height: 100%;
    text-align: center;
    color: #5D5D5D;
    background: #FFF url( '../images/container_bg.gif') repeat-y left top; 
}
	#wrap { padding-bottom: 44px; }	
		#header {
			height: 117px;
			text-align: left;
			background: transparent url("../images/header_bg.jpg") no-repeat left top;
		}
			#header object {
				float: left;
				margin-left: 30px;
			}
			#logo {
				float: left;
				margin: 39px 0 0 52px;
			}
			#header #branding {
				float:right;
				margin: 30px 43px 0 0;
			}			
			#navigation {			
				float: right;
				padding-right: 43px;
				width: 477px;
			}
				#navigation li {float: left;}				
					#navigation a {
						display: block;
						height: 33px;
						background-position: left top;
						background-color: #FFF;						
						text-indent: -1000em;
						outline: none;
					}	
									
					#navigation a:hover {background-position: left bottom;}
					#navigation a.active {background-position: left bottom;}						
						
						
						#nav-cegunkrol {
							width: 92px;
							background-image: url("../images/cegunkrol_btn.jpg");
						}
						#nav-arlista {
							width: 54px;
							background-image: url("../images/arlista_btn.jpg");
						}
						#nav-hirek {
							width: 46px;
							background-image: url("../images/hirek_btn.jpg");
						}
						#nav-webmail {
							width: 71px;
							background-image: url("../images/webmail_btn.jpg");
						}
						#nav-letoltes {
							width: 63px;
							background-image: url("../images/letoltes_btn.jpg");
						}
						#nav-internet {
							width: 66px;
							background-image: url("../images/internet_btn.jpg");
						}
						#nav-webshop {
							width: 85px;
							background-image: url("../images/webshop_btn.jpg");
						}									
		#content {
			width: 680px;
			margin: 0 auto;
			color: #5D5D5D;
			background: #FFF;
			text-align: left;
			overflow: hidden;
		}
			#content h1 {
				font-size: 1.4em;
				font-weight: normal;
				padding-bottom: 5px;
				border-bottom: 1px dashed #000;
			}
			#content h2 {
				margin-bottom: 10px;
				padding: 10px 5px;
				
				font-size: 1.3em;
				
				color: #222;
				background: #FFF;
				border-bottom: 1px solid #DBDBDB;				
			}							
			#content h3 {
				font-size: 1.1em;
				padding: 5px;
			}			
			#content hr {
				height: 1px;
				margin: 5px 0;
				border: 0;
				border-top: 1px dashed black;				
			}			
			#content p {padding: 0 0 10px;}
			
			#content span.date {
				display: block;
				font-size: 0.9em;
				padding: 5px 0;
			}			
				#latest-news h4 {
					padding: 5px 0 5px 15px;
					background: #FFF url("../images/news_header_bg.gif") no-repeat left center;
					border-bottom: 1px dashed #494949;
				}
					#latest-news h4 a {
						color: #5D5D5D;
						background: #FFF;
					}
					
					#latest-news h4 a:hover {
						color: #000;
						background: #FFF;
					}
				#latest-news p {padding: 0;}				
				#more-news li {
					float: left;
					width: 335px;
					padding-bottom: 10px;
				}				
					#more-news h5 a {
						color: #8C9D5B;
						background: #FFF;
						font-size: 0.95em;					
					}
					#more-news h5 a:hover {
						color: #47561B;
						background: #FFF;				
					}										
					#more-news p {
						font-size: 0.85em;
						padding: 0;
					}			
				#products-list {
					float: left;
					width: 150px;
				}	
				#products {
					float: left;
					width: 524px;

					padding-left: 5px;
					border-left: 1px solid #5D5D5D;
				}
					#products table {width: 100%;}
					#products th {
						padding: 5px 0;
						margin-bottom: 10px;
						
						font-weight: normal;
						
						border-top: 1px dashed #5D5D5D;
						border-bottom: 1px dashed #5D5D5D;						
					}					
					#products td {
						padding: 3px 0;
						font-size: 0.85em;					
						border-bottom: 1px solid #5D5D5D;	
					}					
					#products .price {
						width: 100px;
						text-align: center;
					}
				#internet table {
					margin: 0 auto 20px;
					width: 90%;
					border-bottom: 2px solid #99BA50;
				}
					#internet th {
						color: #2E2D2D;
						background: #99BA50;
					}
					#internet .price {
						text-align: center;
						width: 80px;
					}
					
					#internet .row1 {
						background: #E8E8E8;
					}
						#internet h3 {
							padding: 2px;
							margin: 0;
						}			
#footer {
	position: relative;
	height: 17px;		
	margin: -44px 0 0;
	padding-top: 27px;
	color: #ABC75E;
	background: transparent url("../images/footer_bg.gif") no-repeat center bottom;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}