* { margin: 0px; padding: 0px; }

html, body { height: 100%; }

body {
    color: #646464;
    font-size: 13px;
    text-align: center;
    font-family: Arial, Verdana, sans-serif;
	background:url(images/body_bg.jpg) top left repeat-x;
}

td, div, p {
    font-size: 13px;
    line-height: 20px;
    font-family: Arial, Verdana, sans-serif;
	color:#333333;
}

label{
font-weight:bold;
color:#787a7c;
}


a.menu, a.menu:active, a.menu:visited{
 text-decoration: none;
 display:block;
 float:left;
 width:100%;
 height:79px;
}

a, a:active, a:visited {
    color: #317ba6;
    outline: none;
    font-weight: bold;
    text-decoration: none;
}

a:hover { text-decoration: underline; }

h1 ,h3 ,h4 ,h5 ,h6 {
    font-size: 22px;
    font-weight: bold;
	color:#646464;
}

h2{
    font-size: 18px;
    font-weight: bold;
	color:#646464;
}

img { border: none; }

div.clearfix{
clear:both;
font-size:0px;
}

div.kiemeles{
float:right;
width:180px;
height:300px;
border-left:2px solid #7293af;
margin-left:35px;
margin-bottom:20px;
padding-top:20px;
padding-bottom:20px;
}

div.kiemeles li{
list-style:none;
font-size:14px;
line-height:30px;
padding-left:15px;
font-weight:bold;
color:#616161;
}

/*******logo********/

div.logo_holder{
width:337px;
float:left;
}

div.logo_top{
background:url(images/logo_top.jpg) top left no-repeat;
width:337px;
height:25px;
}

div.logo{
background:url(images/logo.jpg) top left no-repeat;
width:337px;
height:62px;
}

div.logo h1{
font-size:20px;
font-weight:bold;
padding:12px 2px 0 0px;
text-align:right;
}

div.logo_bottom{
background:url(images/logo_bottom.jpg) top left no-repeat;
width:337px;
height:47px;
}

/**************main******************/

div.container{
width:999px;
margin:auto;
}

div.left{
width:330px;
background:#f2f2f2;
float:left;
margin-bottom:10px;
}

div.left form{
font-size:0px;
}

td.left{width:336px;
background:url(images/left_td.jpg) top left repeat-y;
border:none;
}

td.right{width:659px;}

div.right{
width:659px;

}
/*************** left form **********************/

div.time_header{
width:330px;
height:122px;
background:url(images/time_header.jpg) top left no-repeat;
padding:0px;
margin:0px;
}

div.time_header_text{
color:#ffffff;
text-align:right;
font-size:14px;
width:200px;
float:right;
margin-top:32px;
font-weight:bold;
padding-right:12px;
}

div.time_left_shadow{
width:3px;
height:284px;
background:url(images/time_left_shadow.jpg) top left no-repeat;
float:left;
font-size:0px;
}

div.time_right_shadow{
width:3px;
height:284px;
background:url(images/time_right_shadow.jpg) top left no-repeat;
float:right;
font-size:0px;
}

div.form_head1{
background:url(images/form_head1.jpg) top left no-repeat;
width:320px;
height:31px;
margin:0 auto;
}

div.form_head2{
background:url(images/form_head2.jpg) top left no-repeat;
width:320px;
height:31px;
margin:0 auto;
}

div.form_head3{
background:url(images/form_head3.jpg) top left no-repeat;
width:320px;
height:31px;
margin:0 auto;
}

div.form_field{
width:300px;
margin:0 auto;
background:#ffffff;
margin-bottom:6px;
text-align:left;
padding-left:20px;
}

div.form_field label{
width:120px;
display:block;
float:left;}

div.form_field input.box, div.form_field select.box{
width:150px;
}

div.form_field textarea{
width:270px;
}

div.input{
padding:9px 0 9px 0;
}

input.button{
background:url(images/submit.gif) top left no-repeat;
width:102px;
height:29px;
border:none;
cursor:pointer;
margin-top:25px;
}

div.form_bottom{
background:url(images/form_bottom.jpg)  top left no-repeat;
width:337px;
height:40px;
}

/************right side***************/

div.mainpic{
background:url(mainpic.jpg) top left no-repeat;
width:660px;
height:280px;
}

div.mainpic2{
border:10px solid #d5d5d5;
background:url(images/mainpic2.jpg) top left no-repeat;
width:244px;
height:156px;
float:right;
margin-top:20px;
}

div.mainpic3{
border:10px solid #d5d5d5;
background:url(images/terkep.jpg) top left no-repeat;
width:244px;
height:156px;
float:right;
margin-top:20px;
}

a.mainpic3{
display:block;
width:244px;
height:156px;
}

div.mainpic5{
background:url(images/shop.jpg) top left no-repeat;
width:264px;
height:174px;
float:right;
margin-top:20px;
}div.mainpic_sale{background:url(images/monday_sale2.gif) top left no-repeat;width:264px;height:174px;float:right;margin-top:20px;}

div.mainpic6{
background:url(images/olajcsere.jpg) top left no-repeat;
width:264px;
height:165px;
float:right;
margin-top:20px;
}

h1.red{
color:#ee3836;
}h1.blinker{text-decoration:blink;color:#ee3836;}

a.mainpic5{
display:block;
width:100%;
height:100%;
}

div.mainpic4{
border:10px solid #d5d5d5;
background:url(images/autovaltoszerviz.jpg) top left no-repeat;
width:253px;
height:127px;
float:right;
margin:0 10px 10px 0;
}

/************menu***************/

div.home{
float:left;
width:142px;
height:79px;
border-left:1px solid #eaeaea;
background:url(images/home.gif) top left no-repeat;
margin-top:5px;
margin-left:25px;
cursor:pointer;
}

div.service{
float:left;
width:153px;
height:79px;
border-left:1px solid #eaeaea;
background:url(images/service.gif) top left no-repeat;
margin-top:5px;
cursor:pointer;
}

div.time{
float:left;
width:154px;
height:79px;
border-left:1px solid #eaeaea;
background:url(images/time.gif) top left no-repeat;
margin-top:5px;
cursor:pointer;
}

div.contact{
float:left;
width:157px;
height:79px;
border-left:1px solid #eaeaea;
background:url(images/contact.gif) top left no-repeat;
margin-top:5px;
cursor:pointer;
}

div.home:hover, div.service:hover, div.time:hover, div.contact:hover{
background-position:0px -79px;
} 

div.main{
width:631px;
text-align:left;
margin-left:30px;
border-bottom:1px solid #eaeaea;
margin:25px 0 10px 30px;
padding-bottom:19px;
}

div.main3{
width:631px;
text-align:left;
border-bottom:1px solid #eaeaea;
margin:25px 0 5px 30px;
padding-bottom:4px;
}

div.mainalt{
width:631px;
text-align:left;
margin-left:30px;
margin-top:15px;
}

div.main2{
width:631px;
height:232px;
text-align:left;
margin-left:30px;
}

div.mainintro{
width:320px;
height:150px;
margin-top:20px;
float:left;
}

div.mainintro2{
width:308px;
float:left;
padding-right:5px;
border-right:1px solid #eaeaea;
padding-top:5px;
height:225px;
margin-top:15px;
}

div.mainintro3{
width:275px;
margin-top:15px;
float:left;
padding-right:5px;
padding-left:35px;
padding-top:5px;
height:250px;
}

div.mainintro4{
width:600px;
margin-top:25px;
float:left;
padding-right:5px;
padding-top:20px;
height:250px;
}

div.forkpic{
background:url(images/forklift.jpg) bottom right no-repeat;
float:right;
height:132px;
width:136px;
margin-top:25px;
}

div.mainintro2 p, div.mainintro3 p{
margin-top:10px;
margin-bottom:10px;}

/************footer***************/

div.footer{
width:100%;
background:#cccccc url(images/footer_bg.jpg) top left repeat-x;
}

div.form_bottom{
background:url(form_bottom.jpg) top left no-repeat;
margin:auto;
width:996px;
height:40px;
}

div.footer ul{
display:inline;
float:left;}

div.footer ul li{
display:inline;
list-style:none;
text-align:center;
border-left:1px solid #ffffff;
}

div.footer li a, div.footer li a:visited, div.footer li a:active{
color:#ffffff;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
padding-right:30px;
text-align:center;
padding-left:25px;
}

div.footermenu{
width:996px;
height:40px;
margin:auto;
text-align:left;
position:relative;
}

div.copyright{
position:absolute;
right:0px;
top:-15px;
color:#ffffff;
font-family:Arial, Verdana, sans-serif;
font-size:12px;
text-align:right;
}

div.palyazat{
margin-top:15px;
font-size:10px;
padding-top:10px;
line-height:15px;
background:url(images/palyazat.gif) center right no-repeat;
}

/*********loading********/

div#loading{
background:#ffffff;
height:100%;
width:330px;
padding-top:35px;
margin-top:-15px;
}

p.bizalom{
font-size:11px;
width:300px;
display:block;
padding:15px 0 15px 0;
}

div#captchaimage img{
border:1px solid #a7a6aa;}

a.readmore, a.readmore:visited, a.readmore:active {
display:block;
background:url(images/readmore.gif) center left no-repeat;
text-indent:18px;
margin:10px 0px 10px 0;
text-decoration:none;
}
p.captcha{
font-size:10px;
text-align:right;
padding-right:25px;
}

div.warn{
margin-top:25px;
text-align:right;
padding-right:16px;
font-size:12px;
font-weight:normal;}

span.red{
color:#d40000;
}

/**********tervezo***********/

ul.rightlist{
list-style:none;
float:right;
width:280px;
margin:5px 0 20px 0;
}

ul.leftlist{
list-style:none;
float:left;
width:320px;
margin:5px 0 20px 0;
}

ul.nyitva{
list-style:none;
margin:5px 0 20px 0;
}

div.directions{
margin-top:30px;
margin-bottom:30px;
}

ul li label{
width:105px;
display:block;
float:left;
font-weight:bold;
color:#646464;
font-size:13px;
font-weight:normal;
}

ul li {
padding:2px 0;
}

div.tervezo{
padding:5px 0;
width:300px;
}

div.tervezo label{
float:left;
color:#646464;
font-weight:normal;
}

div.tervezo input{
float:right;
}

div.directions div.main3{
width:631px;
text-align:left;
border-bottom:1px solid #eaeaea;
margin:25px 0 5px 0px;
padding-bottom:4px;
}

div#map_canvas{
border:10px solid #d5d5d5;
margin-left:30px;
}

div#test{
margin-top:10px;
}

input.plain{
background:url(images/plain.gif) center left no-repeat;
width:91px;
height:25px;
border:none;
cursor:pointer;
}

p.listname{
padding:5px 0;
font-size:15px;
font-weight:bold;
color:#646464;
}


/*****************scroller*****************/

#container #content #scroller {
	background-color: #000000;
	position: absolute;
	width: 980px;
	margin-top: 270px;
	left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
}
#container #footer {
	padding: 10px;
	height: 30px;
	width: 960px;
	background-image: url(../images/footer_bg.jpg);
	line-height: 50px;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
}

#container #content #left {
	position: relative;
	width: 450px;
	color: #BEBEBE;
	float: left;
	margin-right: 40px;
}

#container #content #right p {
	margin-right: 20px;
}

#container #content a{
color:#fec607;
text-decoration:none;
padding-bottom:3px;
border-bottom: 1px dotted #fec607;
}
#container #content img{
border:none;
}




.fadein {
	visibility: hidden;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a .fadein{
	border:none;
}

.clear {
	clear: both;
	margin-bottom: 30px;
}
.headers{
color:#fec408;
}

#leftControl {
	float: left;
	width: 20px;
	text-align: center;
	line-height: 178px;
	display: block;
	height: 178px;
	padding-top: 20px;
}
#rightControl {
	float: left;
	width: 20px;
	text-align: center;
	line-height: 233px;
	display: block;
	height: 178px;
	padding-top: 20px;
}
#outerScroller {
	float: left;
	width: 932px;
	overflow: hidden;
	height: 233px;
	display: block;
	position:relative;


}
#innerScroller {
	width: 5992px;
	height: 233px;
	position: relative;
	text-align: center;
}

#innerScroller img{
	float:left;
}

#rototest{
background:url(rototest.jpg) top left no-repeat;
width:631px;
height:151px;
}