﻿* {
	margin: 0;
	padding: 0;
}

body {
	background: #464646;
	background-repeat: no-repeat;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
}

h2 {
	padding-right: 10px;
	color: #000000;
	font: 22px "Century Gothic";	
	text-decoration: none;
}

h3 {
	padding: 5px 0 0 0;
	color: #000000;
	font: 16px "Century Gothic";
	text-decoration: none;

}

h4 {
	padding: 5px 10px 5px 10px;
	color: #000000;
	font: 10px "Century Gothic";
	text-decoration: none;
}

h5 {
	padding: 5px 10px 0 10px;
	color: #ffffff;
	font: 14px "Century Gothic";
	text-decoration: none;
}

h6 {
	padding: 0 0 0 18px;
	color: #E58628;
	font: 12px "Century Gothic";
	text-decoration: none;
}

h7 {
	padding: 5px 0 0 0;
	color: #ffffff;
	font: 16px "Century Gothic";
	text-decoration: none;

}

#wrapper { 
margin: 20px auto 20px auto;
width: 950px; 
overflow: auto;
height: auto;
color: #fff; 
font: 13px "Century Gothic"; 
background: #8F7860;
border: 2px solid #EEB02C;
}
#menu {
	float: right;
	width: 769px; 
	height: 30px;
	background: #E2C89E;
}

#content { 
	float: right;
	width: 769px; 
	min-height: 600px;
	background: #666666;
}


#content_jobb {
	float: right;
	width: 283px;
	height: 316px;
	margin: 20px 20px 10px 0;
	background-image: url(../images/energeto_1.jpg);
	background-repeat: no-repeat;
}

#content_bal { 
	float: left;
	width: 400px;
	height: 370px; 
	background: #666666;
}

#content_kapcsolat {
	float: right;
	width: 769px; 
	height: 510px;
	background-image: url(../images/kapcsolat.jpg);
	background-repeat: no-repeat;
}

#header {
	width: 950px;
	height: 100px;
	background: #464646 url(../images/logo.jpg) no-repeat; 
}

#footer { 
float:right;
width: 950px;
height: 30px;
background-color: #E2C89E;
}

#nav{
float: left;
width: 170px;
height: 370px; 
padding-left: 10px;
background: #8F7860;
}

#nav ul { 
list-style-type: none;  
}  

#nav ul li {  
float: left;  
width: 170px;  
      
}  
    
#nav ul li a {  
float: left;  
width: 150px;  
height: 16px; 
}
 
#nav ul li a {  
float: left;  
width: 150px;  
height: 16px; 
}
 
#nav ul ul {  
position: relative;
width: 150px;  
float: left;
display: none;
height: 100%;
}  
   
#nav ul li:hover ul{  
display: block;
		   
} 
 
#nav ul li ul a:hover{  
display: block;
}  

#nav a:hover { 
				font: "Century Gothic";
				font-size: 16px;
				text-decoration: none;
				color: #b2b2b2;
				padding: 0 0 5px 0; 
 }  
   
#nav a {  
				font: "Century Gothic";
				font-size: 16px;
         		display: block;  
         		margin: 0;  
         		padding: 0 0 5px 0;  
        		color: #000000;  
         		text-decoration: none;  
}  
   
#nav li {  
         position:relative;  
         float: left;  
         width: 150px;  
}  
   
a:link {
	font: "Century Gothic";
	font-size: 16px;
	text-decoration: none;
	color: #ffffff;
	
}

a:visited {
	font: "Century Gothic";
	font-size: 16px;
	text-decoration: none;
	color: #ffffff;
	
}
a:hover {
	font: "Century Gothic";
	font-size: 16px;
	text-decoration: none;
	color: #b2b2b2;
}

a:active {
	font: "Century Gothic";
	font-size: 16px;
	text-decoration: none;
	color: #b2b2b2;
}

#Nev {
	background: #464646;  
	border: 1px #000000 solid;  
}

#Email {
	background: #464646;  
	border: 1px #000000 solid;  
}

#Targy {
	background: #464646;  
	border: 1px #000000 solid;  
}

#Szoveg {
	background: #464646;  
	border: 1px #000000 solid;  
}

/* BUTTON */

#submit{
	font: "Century gothic";
	font-size: 14px;
   	padding: 2px 5px 2px 5px;
    margin: 10px 10px 10px 10px;
	color:#ffffff;
    border:2px solid #000000;
    background-color:#464646;
}
#submit a:hover, #submit:hover{
    background-color:#797878;
    border:2px solid #EEB02C;
    color:#EEB02C;
}
#submit a:active{
    background-color:#797878;
    border:2px solid #EEB02C;
    color:#EEB02C;
}

#error {
	width: 250px;
	margin-left: 10px;
}

#error ul {
	width: 250px;
	list-style-type: none;
	}
	
#error li {  
	width: 250px;
	font: 10px "Century gothic";
	color:#660000;
}  

   
#heves {   
    background-image: url("../images/heveslogo.jpg");   
	background-repeat: no-repeat; 
	width: 200px; 
	height: 120px;
}  
 
#heves:hover{   
    background-image: url("../images/heveslogosz.jpg");   
	background-repeat: no-repeat; 
	width: 200px; 
	height: 120px;
}   

#aluplast {   
    background-image: url("../images/aluplastlogo.jpg");   
	background-repeat: no-repeat; 
	width: 200px; 
	height: 120px;
}  
 
#aluplast:hover{   
    background-image: url("../images/aluplastlogosz.jpg");   
	background-repeat: no-repeat; 
	width: 200px; 
	height: 120px;
}   

