/* inicializálás

/* alap beallitasok, margin-ok es padding-ok nullazasa */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, li, dl, address {
	font-size: 10px; 
	font-family: Verdana; 
	color: #000000;
	margin: 0; padding: 0; border: 0;}
	
body {
	background-color: #ffffff;}

div.clear, span.clear {
	clear: both;}
	
div.container {
	z-index: 1;
	position: absolute;
	left: 50%;
	width:  975px;
	height: 560px;
	margin-left: -487px;
	background: url('images/index.jpg');
	color: #0000ff;}
	
div.logo {
	float: left;
	background: url('images/logo.png') no-repeat right top;
	width: 180px; height: 56px;
	margin: 27px 21px 0 0;
	padding-left: 38px;}
	
div.welcome {
	float: left;
	font-size: 11px;
	color: #918b87; 
	margin: 66px 0 11px 0; 
	padding: 0 0 0 5px;
	border-left: 2px solid #f49021;
	width: 200px; height: 13px;}
	
div.anniversary {
	float: left;
	background: url('images/ann_25.png') no-repeat right top;
	width: 120px; height: 75px;
	margin: 25px 10px 0 0;
	padding: 47px 0 0 70px;
	color: #605d5c; 
	font-weight: bold;
	text-align: center;}

div.slogan {
	float: left;
	width: 230px; height: 50px;
	margin: 65px 0 0 0;}

div.slogan p {
	font-size: 11px;
	color: #615d5a;
	font-style: italic;
	margin: 5px;}
	
p.left {
	text-align: left;}

p.right {
	text-align: right;}
	
div#box1 {
	z-index: 2;
	position: absolute;
	left: 700px; top: 375px;
	width: 80px; height: 80px;
	text-align: center;
	font-weight: bold;
	color: #615d5a;
	background: #ffffff;
	border: 2px solid #f49021;}

div#box2 {
	z-index: 4;
	position: absolute;
	left: 830px; top: 375px;
	width: 80px; height: 80px;
	text-align: center;
	font-weight: bold;
	color: #615d5a;
	background: #ffffff;
	border: 2px solid #f49021;}

div#box1 h1, div#box2 h1 {
	font-weight: bold;
	color: #615d5a;
	margin-top: 3px;}
	
div#box1 img {
	margin: 12px 0 0 0;}

div#box2 img {
	margin: 12px 0 0 0;}
	
div#bigbox1 {
	z-index: 3;
	position: absolute;
	left: 700px; top: 375px;
	width: 80px; height: 80px;
	color: black;
	background: #ffffff;
	margin: 2px;
	overflow: hidden;
	opacity: 0;}

div#bigbox2 {
	z-index: 5;
	position: absolute;
	left: 830px; top: 375px;
	width: 80px; height: 80px;
	background: #ffffff;
	border: 2px solid #f49021;
	overflow: hidden;
	opacity: 0;}

div#bigbox1 h1, div#bigbox2 h1 {
	text-align: center;
	font-weight: bold;
	width: 280px;
	height: 15px;
	color: #615d5a;
	background: #fff;
	padding: 3px 0 10px 0;}
	
div#bigbox1 h2, div#bigbox2 h2 {
	padding: 0 0 5px 0;}
	
div#bigbox1 a.products, div#bigbox2 a.products {
	display: block;
	width: 260px; height: 64px;
	color: #615d5a;
	background: #fff;
	padding: 10px;
	text-decoration: none;}

div#bigbox1 a.products:hover, div#bigbox2 a.products:hover {
	background: #eee;
	color: black;}
	
div#bigbox1 a.products img, div#bigbox2 a.products img {
	float: left;
	border: 0;
	width:  50px;
	height: 58px;
	margin: 0 10px 0 0;}

div#bigbox2 a.news {
	display: block;
	width: 260px; height: 230px;
	color: #615d5a;
	background: #fff;
	padding: 10px;
	text-decoration: none;}

div#bigbox2 a.news:hover {
	background: #eee;
	color: black;}

div#bigbox2 a.news img {
	display: block;
	border: 0;
	margin: 0 auto 10px auto;}

div.external_logo {
	position: absolute;
	z-index: 2;
	width: 150px;
	left: 0; top: 538px;
	padding: 3px 0 0 0;}
	
div.external_logo a {
	color: #e7e3e0; background-color: inherit;
	text-decoration: none;
	border: 0;}

div.external_logo a:hover {
	color: black;}

div.external_logo a img {
	display: block;
	border: 0;
	margin: 3px 0 0 0;
	opacity: 0.1;}

div.external_logo a:hover img {
	opacity: 1;}

div.footer {
	position: absolute;
	z-index: 2;
	width: 600px; height: 15px;
	left: 375px; top: 538px;
	text-align: right;}

div.footer ul {
	list-style: none;}
	
div.footer ul li {
	display: inline;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 6px 0 8px;
	border-left: 1px solid #918b87;}
	
div.footer ul li:first-child {
	border-left: 0;}

div.footer ul li a, div.footer ul li a:hover {
	color: #918b87; background-color: #ffffff;
	text-decoration: none;}

div.footer ul li a:hover {
	color: #000000;}
	
	
span.bold {
	font-weight: bold;}