﻿
/* INICIALIZÁLÁS */

html, body, form, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, address, div, a, img {
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #403e3c;
	margin: 0; padding: 0; border: 0;}

a {
	color: #615d5a;
	text-decoration: none;}

a:hover {
	color: black;}
	
body {
	background-color: #ffffff;}
	
sup {
	font-size: 8px;}
	
.bold {
	font-weight: bold;}
	
.initial::first-letter {
      font-size: 150%;
      font-weight: bold;
      float: left;     
      line-height: 1;  
      padding-right: 2px;
    }

div.clear, span.clear {
	clear: both;}
	
div.container {
	width: 980px; height: 560px;
	margin: 0 auto;
	color: black; background-color: white;}

/* FEJLÉC  */ 

div#top_container {
	width: 980px;
	height: 70px;
	border-bottom: 5px solid #817c78;}
	
div.logo {
	float: left; 
	width: 110px; height: 30px;
	border: 20px solid white;}
	
div.top_menu {
	float: left;
	width: 600px; height: 16px;
	padding: 2px 0 0 0;
	margin: 26px 0;
	text-align: center;}	

div.top_menu ul {
	list-style: none;}
	
div.top_menu ul li {
	display: inline;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0 6px 0 8px;
	border-left: 1px solid #817c78;}
	
div.top_menu ul li:first-child {
	border-left: 0;}
	
div.search {
	float: right;
	text-align: right;
	width: 210px; height: 23px;
	margin: 20px 0 20px 0;
	padding-top: 7px;}
	
div.search input.search_text, div.search input.inactive {
	width: 150px;
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #403e3c; background-color: #ffffff;
	vertical-align: middle;
	border: solid 1px #817c78; padding: 1px; margin: 0;}

div.search input.inactive {
	color: #b5b8bb;}
	
div.search input.search_button {
	width: 22px; height: 16px;
	vertical-align:middle;
	margin: 0 20px 0 5px;}

/* MENÜ */

div#menu_container {
	width: 959px;
	height: 23px;
	border-top:    5px solid white;
	border-bottom: 5px solid white;
	padding-left: 21px;
	background: url('images/menu_back.png');}
	
div#menu_container ul {
	list-style: none;}
	
div#menu_container ul li {
	display: inline; 
	float:left;}

/*TARTALOM */

div#content_container {
	font-size: 10px;
	width: 980px;
	height: 400px;
	border-bottom: 5px solid white;}

/* Főoldal */
div.main_picture {
	float: left;
	width: 600px; height: 400px;
	background: url('images/korhinta.jpg');}
	
div.main_new {
	float: right;
	width: 373px; height: 300px;
	border: 1px solid #817c78;}

/* Aloldal */
div.left_menu {
	float: left;
	width: 180px; height: 400px;
	text-align: center;}
	
div.left_menu ul {
	list-style: none;}
	
div.left_menu ul li {
	width: 180px; /*height: 16px;*/
	margin: 0 0 2px 0;
	text-align: left;}
	
div.left_menu ul li a {
	display: block;
	font-size: 10px;
	width: 155px; /*height: 14px;*/
	padding: 2px 0 1px 3px;
	color: #403e3c;
	background: #eaeced;
	border-left: 22px solid #817c78;}
	
div.left_menu ul li a:hover, div.left_menu ul li a.act {
	color: black;
	border-left: 22px solid #8292ad;}

div.left_menu img {
	margin-top: 50px;}
	
div.content, div.content_full {
	float: right;
	width: 795px; height: 400px;
	background: #eaeced;}

div.content h1, div.content_full h1, div.content div.downloads, div.content_full div.downloads {
	width: 780px; height: 16px;
	font-size: 10px;
	font-weight: bold;
	margin: 16px 0 0 0;
	color: white;
	padding: 4px 0 0 15px;
	background: #817c78;}

div.content_full {
	width: 980px;}

div.content_full h1, div.content_full div.downloads {
	width: 965px;}
	
div.content div.downloads, div.content_full div.downloads{
	margin: 0 0 16px 0;
	clear: both;}
	
div.downloads a {
	color: #ffffff;
	font-size: 10px;}

div.downloads a:hover {
	color: #e0e0e0;}

/*LÁBLÉC */

div#bottom_container {
	width: 980px;
	height: 70px;
	border-top: 5px solid #817c78;}

div.external_logo {
	width: 150px;
	float: left;
	padding: 3px 0 0 0;}
	
div.external_logo a {
	color: #e7e3e0; background-color: #ffffff;}

div.external_logo a:hover {
	color: black;}

div.external_logo a img {
	display: block;
	margin: 3px 0 0 0;
	opacity: 0.1;}

div.bottom_menu {
	float: right;
	width: 800px; height: 16px;
	padding: 5px 0 0 0;
	text-align: right;}	
	
div.bottom_menu ul {
	list-style: none;}
	
div.bottom_menu ul li {
	display: inline;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0 6px 0 8px;
	color: #b5b8bb;
	border-left: 1px solid #817c78;}
	
div.bottom_menu ul li:first-child {
	border-left: 0;}
	