@charset "utf-8";

/* PIK stilus */



h1 {

	font-family: "Times New Roman", Times, serif;

	font-size: 24px;

	font-weight: bold;

}



h2 {

	font-family: "Times New Roman", Times, serif;

	font-size: 16px;

	font-weight: bold;

	color: #556B2F;

}



body {

	margin: 0;

	padding: 0;

	background-color: #F1F1F1;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .8em;

	color: #000000;

}



p {color: #000000;}

p.kozep {text-align: center;}

p.jobb {text-align: right;}

p.szokoz {white-space: pre; margin-top: -15px;}

p.info {	font-size: .8em;}



a {color: #0000CD;}

a:link {color: #0000CD;text-decoration: none;}

a:active {text-decoration: none;}

a:hover {color: #FF0000;	text-decoration: none;}

a:visited {text-decoration: none;}



.cimsor {

	width: 630px;

	height: 18px;

	float: left;

	margin: 0 -5px 1px -5px;

	padding: 2px 0 0 0;

	background-color: #3F3F87;

	text-align: center;

	font-weight: bold;

	color: #FFFFFF;

}



.cimsor2 {

	width: 370px;

	height: 18px;

	float: left;

	margin: 0;

	padding: 2px 0 0 0;

	background-color: #3F3F87;

	text-align: center;

	font-weight: bold;

	color: #FFFFFF;

}



.box1 {

	width: 370px;

	height: 150px;

	float: left;

	margin: 0;

	padding: 5px 0 0 0;

}



.tamogatoink, .adomanyozas {

	float: left;

	width: 185px;

	

}



.box2 {

	width: 190px;

	height: 370px;

	float: left;

	margin: 0;	

	padding: 0 5px 0 5px;

	background-image: url(../hatter_kepek/hir_hatter2.jpg);

}



.box3 {

	width: 300px;

	height: 220px;

	float: left;

	margin: 0;

	padding: 0;

	text-align: center;	

}



.box4 {

	width: 365px;

	height: 120px;

	float: left;

	margin: 0;

	padding: 25px 5px 0 0;

}





.valaszto {

	width: 4px;

	height: 370px;

	float: left;

	margin: 0;

	padding: 0;

	background-image: url(../hatter_kepek/valaszto.jpg);

}



.kep1 {

	width: 145px;

	height: 140px;

	float: right;

	margin: 0 0 1px 0;

}



.kep2 {

	width: 145px;

	height: 140px;

	float: left;

	margin: 0 0 1px 0;

}



.kep3 {

	width: 143px;

	height: 140px;

	border: 1px solid #3F3F87;

	float: left;

	margin: 0 0 1px 0;

}



.kep4 {

	width: 200px;

	height: 180px;

	float: left;

	margin: 0;

}



.kepjobb {

/*	width: 200px;

	height: 200px; */

	float: right;

	margin: 0;

}



/* Header */

#header {

	width: 780px;

	height: 145px;

	margin: auto;

	background: transparent;

}



/* Content */

#content {

	width: 780px;

	margin: 0 auto;

	padding: 0;

}

#baloszlop {

	float: left;

	width: 140px;

	margin: 1px 0 0 0;	

	padding: 0;

}



#balbox {

	float: left;

	width: 370px;

	margin: 0;	

	padding: 0;

}



#jobboszlop {

	float: right;

	width: 620px;

	min-height: 545px;

	height: auto !important;

	height: 565px;

	margin: 1px 0 0 0;	

	padding: 0 5px 0 5px;

	background-color: #FFFFFF;

	border-left: solid 2px #3F3F87;

	border-right: solid 2px #3F3F87;	

}



/*

#jobboszlop1 {

	float: right;

	width: 620px;

	margin: 1px 0 0 0;	

	padding: 0 5px 0 5px;

	background-color: #FFFFFF;

	border-left: solid 2px #3F3F87;

	border-right: solid 2px #3F3F87;	

}



#album {

	float: right;

	width: 625px;

	margin: 0 0 0 0;	

	padding: 0 5px 0 0;

	background-color: #FFFFFF;

	border-left: solid 2px #3F3F87;

	border-right: solid 2px #3F3F87;	

}

*/



/* Menu */

#fomenu {

	width: 139px;

	height: 140px;

	margin: 0;

	padding: 0;

}

#fomenu ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

#fomenu li {

	display: inline;

}

#fomenu a {

	display: block;

	float: left;

	width: 139px;

	height: 16px;

	margin: 0 0 1px 0;	

	padding: 2px 0 0 6px;

	background: #3F3F87;

	text-decoration: none;

	color: #FFFFFF;

	font-size: 11px;

	font-weight: bold;

}

#fomenu a:hover, #fomenu .active a  {

	text-decoration: none;

}



#almenu {

	width: 610px;

	height: 16px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	padding: 0;

}

#almenu ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

#almenu li {

	display: inline;

}

#almenu a {

	display: block;

	float: left;

	width: 121px;

	height: 16px;

	margin: 0 1px 0 0;	

	padding: 2px 0 0 0;

	background: #3F3F87;

	text-decoration: none;

	color: #FFFFFF;

	font-size: 11px;

	font-weight: bold;

	text-align: center;

}



#almenu a.archiv { width: 100px }



#almenu a:hover {

	text-decoration: none;

}

#almenu  .active a  {

	color: #3F3F87;

	background: #C9C9FF;

}



#almenu2 {

	width: 510px;

	height: 24px;

	position: relative;

	margin-left: auto;

	margin-right: auto;

	padding: 0;

}

#almenu2 ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

#almenu2 li {

	display: inline;

}

#almenu2 a {

	display: block;

	float: left;

	width: 121px;

	height: 24px;

	margin: 0 6px 0 0;	

	padding: 10px 0 0 0;

	background: #3F3F87;

	text-decoration: none;

	color: #FFFFFF;

	font-size: 10px;

	font-weight: bold;

	text-align: center;

}

#almenu2 a:hover {

	text-decoration: none;

}

#almenu2 .active a  {

	color: #3F3F87;

	background: #C9C9FF;

}



/* Footer */

#footer {

	clear: both;

	width: 780px;

	margin: 0 auto;

	padding: 5px 0;

	background: #3F3F87;

	font-family: "Times New Roman", Times, serif;

}

#footer p {

	margin: 0;

	text-align: center;

	font-size: 11px;	

	font-weight: bold;

	color: #FFFFFF;

}