html, body{ 
	margin:0; 
	padding:0;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#012655;
	background-image: url(img/main_back.gif);
} 
 
#pagewidth{ 
	width:778px;  
} 

#header{
	position:relative; 
	height:394px; 
	background-color:#fff; 
	width:100%;
} 
 
#leftcol{
	width:225px; 
	float:left; 
	position:relative; 
	background-color:#fafafa; 
}
 
#maincol{
	border-left: 1px dotted #a9a9a9;
	background-color: #FFF;  
	float: right; 
	display:inline; 
	position: relative; 
	width:500px;
	padding: 15px 20px 20px 30px; 
}
 
.bar{
	height:36px; 
	background-image: url(img/bar_back_light.gif);
	/*background-color:#FFAF00; */
	clear:both;
} 

.bar_right{
	float:right;
	background-image:url(img/bar_back_dark.gif);
	height:26px;
	width:420px;
	text-align:right;
	padding:10px 20px 0px 0px;
	color:#FFF;
	background-color:#2B5395;
	font-weight:bold;
	font-size:11px;
}

.bar_right a{
	color: #fff;
	text-decoration:none;
}

.bar_right a:hover{
	color: #0064A6;
}

.bar_grad{
	float:right;
	background-image:url(img/bar_gradient.gif);
	height:36px;
	width:38px;
}

.bar_company{
	height:26px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #fff;
	background-color:#FFAF00;
	background-image: url(img/bar_back_light.gif);
	padding:10px 0px 0px 20px;
	overflow: hidden;
}

#white_line{
	height:23px;
	border-bottom: 2px solid #c4c4c4;
	padding: 5px 0px 0px 20px; 
	font-size:16px;
	font-weight:bold;
	color: #0064A6;
	background-color:#fff;
}

h1{
	font-size:16px;
	font-weight:bold;
	color: #0064A6;
	border-bottom: 1px dotted #145CC0;
}

h2{
	font-size:14px;
	font-style: italic;
	color: #0064A6;
	border-bottom: 1px dotted #145CC0;
}

#menu{
	margin: 10px 0px 10px 0px;
	border-left: 4px solid #329ED4;
	padding: 10px 10px 20px 10px;

	
}

#menu a{
	text-decoration:none;
	color: #0756BA;
}

#menu a:hover{
	text-decoration:underline;
	color: #ABC8ED;
}

.menu_1{
	padding: 5px 0px 0px 0px;
}

.menu_2{
	padding: 5px 0px 0px 15px;
}

.menu_3{
	padding: 5px 0px 0px 30px;
}

.reszletek{
	text-align:right;
}

.reszletek a {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
	color:#203662;
}

.reszletek a:hover {
	color:#516897;
	text-decoration:none;
}

a {
	text-decoration:underline;
	color: #203662;
}

a:hover {
	color:#516897;
}
 
#head_top{
	color: #203662;
	background-color: #fff;
	width:778px;
	height:146px;
	background-image: url(img/head.jpg);
}

#head_explain{
	float: right;
	width: 440px;
	height: 146px;
	background-image: url(img/explain.jpg);
}

#content_explain{
	float: left;
	overflow:hidden;
	width:300px;
	height:123px;
	padding: 10px 10px 10px 10px;
}

#head_line{
	border-top: 1px solid #a3a3a3;
	clear:both;
	font-size: 0.1em;
	height:2px;
}

 label
{
	width: 4em;
	float: left;
	text-align: right;
	margin: 2px 0px 0px 0px;
	display: block;
	font-size: 12px;
}

input{
	color:#FF3A00;
	font-size: 10px;
	border: 1px solid #B7E2F5;
	margin: 0px 3px 0px 3px;
}

form{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

.button{
	border: none;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}

.clearfix{
	display: block;
}
/* End hide from IE-mac */  

 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{
	display:none;
} 

#twocols, #maincol{
	width:100%;
	float:none;
}
}