@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');


*{
margin:0;
padding:0;
border:0;
}
#top-right{
	position: relative;
}
#top-right img{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 0;
}

body{
	font-family: Roboto;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5;
	background: #fff url(../images/hatter.png) repeat top left ;
	
}
a:link, a:visited {
	text-decoration: none;
	color: #106399;
}

div#teljes_oldal{
	margin: 0 auto;
	width: 950px;
	
}
/* --------------------------------FEJL�C------------------------------------------------*/

div#fejlec {
	width: 100%;
	height: 90px;
	color:#000000;
	font-family: Roboto;
	line-height: 1;
	background: #fff url(../images/tfejlec.png);
	text-align: center;
}

	div#fejlec h1 {
	padding: 3px;
	font-size: 30px;
	letter-spacing: 2px;
	color: #9900CC;
	}
	div#fejlec h2{
	padding:1px;
	font-size: 20px;
	letter-spacing: 2px;
	color: #9900CC;
	}
	div#fejlec h3{
	padding: 1px;
	font-size: 15px;
	letter-spacing: 1px;
	color: #9900CC;
	}
	
	/*----------------------------K�Z�P---------------------------------------------*/
	
	div#kozep{
	padding-top: 1em;
	width: 100%;
	color: 08324d;
	}
	
	
/*----------------------------BAL PANEL---------------------------------------------*/	
	
	
	div#bal_panel{
		padding: 6px;
		width: 180px;
		float: left;
	}
	
/*---------------------------JOBB PANEL---------------------------------------------*/	
	
	
	div#jobb_panel{
		margin-left: 200px;
		border-left:1px solid #CCCCCC;
		padding: 6px;
		width: 734px;	
	}
	
/*--------------------------L�BL�C---------------------------------------------*/	

div#lablec{
		padding: 6px;
		font-size:12px ;
		text-align: center;
		color: #000080;
		clear: both;
	}
	ul#lmenu a:hover
	{
		border-bottom:1px solid #CCCCCC ;
		background-color: #f5f5f5; 
		color: #0066CC;
	}
	
		ul#lmenu a{
		background-color: #f5f5f5;
		font-size: 14px; 
		color: #000080;;
	}

	
/*--------------------------MEN�---------------------------------------------*/	


ul#menu
{
list-style-type: none;
}
	
	ul#menu li a
	{
		padding: 4px;
		border-top:1px solid #FFFFFF;
		border-bottom:1px solid #CCCCCC ;		
		display: block;
		color: #9933FF;
		font-size:14px;
		font-weight: bold; 
	}
	
	ul#menu li a:hover
	{
		border-bottom:1px solid #CCCCCC ;
		background-color: #f5f5f5;
	}
	/*--------------------------H�R A MEN�BEN---------------------------------------------*/	
	
	div.bphir{
			font-family:Roboto;
			font-size: 13px;
			color: #000080;
			letter-spacing: 0.5px;
			border-top:1px solid #FFFFFF;			
	}
	
	div.bphir h3{
		font-family:Roboto;
		font-size: 20px;
		text-align:center;
		font-style: italic;
		font-weight: bold;
		color: #483d8b;
		border-bottom:1px solid #CCCCCC ;
	}
	
	/*---------------------------H�REK C�G HTMLBEN---------------------------------------------*/	
	
.blokk{
	margin-top:15px;
	margin-left:255px;
}	
.gyarto{
	margin-top:30px;
	color: #483d8b;
	
}
.gyartoblokk {
	color:#0066CC;
	font-size: 16px;
	letter-spacing: 1px;
	}


div.hir{
	width: 734px;
	color:#000000;
}

/*---------------------------H�REK �LLTAL�NOS---------------------------------------------*/	

	div.hir h3{
		border-bottom: 1px solid #CCCCCC;
		font-family:Roboto;
		font-size: 24px;
		font-style: italic;
		font-weight: bold;
		text-align: center;
		color:#483d8b;
	}
	
		div.hir p a:hover {
			text-decoration: underline;
		}
		
		div.hir p a.out{
			padding: 0 14px 4px 0;
			background: transparent url(../images/icon_out.gif) no-repeat bottom right;	
			}
			
		div.hir li {
			color:#0066CC;
			font-size: 12px;
			letter-spacing: 1px;
			margin-left:20px;
		}
		
		div.hir p {
			color:#0066CC;
			font-size: 12px;
			letter-spacing: 1px;
		}
		
		/*--------------------------KAPCSOLAT HTML---------------------------------------------*/	
		
		
		div.hirkap h3{
		border-bottom: 1px solid #CCCCCC;
		font-family:Roboto;
		font-size: 24px;
		font-style: italic;
		font-weight: bold;
		text-align: center;
		color:#483d8b;
	}
	
			div.hirkap p {
			color:#0066CC;
			font-size: 14px;
			letter-spacing: 1px;
			font-style: italic;
	}
	
/*--------------------------TERM�K HTML---------------------------------------------*/		
	
	
	div.hirtermek h3{
		border-bottom: 1px solid #CCCCCC;
		font-family:Roboto;
		font-size: 24px;
		font-style: italic;
		font-weight: bold;
		text-align: center;
		color:#483d8b;
	}
	
			div.hirtermek p {
			color:#0066CC;
			font-size:18px;
			font-weight: bold;
			text-align: center;
			letter-spacing: 1px;
			font-style: italic;
	}