﻿html {
	width:100%;
	height:100%;
}

 body{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(images/bg.jpg);
     background-position: center;
     background-repeat: no-repeat;
     background-color: #D5D3D4;
	color:#333;
	margin:0 0 0px; height:100%; 
	line-height: 1.5;
}

A:link {  text-decoration: none; color: #000000; }
A:visited {  text-decoration: none;  color: #000000; }
A:active {  text-decoration: none;  color: #000000; }
A:hover {  text-decoration: none;  color: #000000; }

.containerfejlec {
    width:1212px;
    height: 160px;
    margin: 0 auto;
	background-color:transparent;
	color:#333;    
	position: relative;
}
.containerfejlec img {border: 0px;display: block;}

.menu{
    width: 1212px;
    margin: 0 auto;
    height: 348px;	
}

.autojavitas {
    background:transparent url('menu/autojavitas1.jpg') center top no-repeat;
    width: 201px;
    height: 334px;
    display: block;
}
.autojavitas:hover { background-image: url('menu/autojavitas2.jpg'); }

.gumiszerviz {
    background:transparent url('menu/gumiszerviz1.jpg') center top no-repeat;
    width: 203px;
    height: 334px;
    display: block;
}
.gumiszerviz:hover { background-image: url('menu/gumiszerviz2.jpg'); }

.muszakivizsga {
    background:transparent url('menu/muszakivizsga1.jpg') center top no-repeat;
    width: 202px;
    height: 334px;
    display: block;
}
.muszakivizsga:hover { background-image: url('menu/muszakivizsga2.jpg'); }

.futomu {
    background:transparent url('menu/futomu1.jpg') center top no-repeat;
    width: 202px;
    height: 334px;
    display: block;
}
.futomu:hover { background-image: url('menu/futomu2.jpg'); }

.motordiagnosztika {
    background:transparent url('menu/motordiagnosztika1.jpg') center top no-repeat;
    width: 202px;
    height: 334px;
    display: block;
}
.motordiagnosztika:hover { background-image: url('menu/motordiagnosztika2.jpg'); }

.elerhetoseg {
    background:transparent url('menu/elerhetoseg1.jpg') center top no-repeat;
    width: 202px;
    height: 334px;
    display: block;
}
.elerhetoseg:hover { background-image: url('menu/elerhetoseg2.jpg'); }


#wrapper {
    width: 1212px;
    margin: 0 auto;
    padding: 15px;
    color: #000000;
}
#wrapper h1 { color: #98851c;font-size: 22px;}
#wrapper h2 { color: #98851c;font-size: 16px; font-weight: bold}
#wrapper h3 { color: #000000;font-size: 14px; font-weight: bold}








/************************ Navigation Menu ************************/
aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}

nav{
    width:1212px;    	
	margin: 0 auto;		
}

nav li a:link {
    border: 0px;
}

nav li a:hover{
    
}

nav ul li{
	
}

footer {
    background-color: #999898;
    height: 90px;
}
.containerlablec {
    width:1212px;
    margin: 0 auto;
	position: relative;
    padding-top: 40px;
}

.clearing{
	clear: both;
	display: inline;
	width: 100%;
	height: 0;
	overflow:hidden;
}
