/*
name:   style.css
author: maKACS
date:   2010.01
font-family: Georgia,"Times New Roman",Times,serif;
Helvetica,Arial,sans-serif;
*/

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

html, body {margin: 0px; padding: 0px; height: 100%;}

BODY {
background: url(img/body_bg.jpg) top left repeat-x #FEFFF1;
font-family: Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: normal;
color: #3C1311;
}

img.foto {
border: 1px solid #EEE7C0;
}

a,a:visited {
color: #751F0E;
}

a:hover {
color: #DAC984;
}

.holder {
width: 800px;
margin-left: -400px!important;
margin-right: 0px!important;
margin-left: auto;
margin-right: auto;
position: relative;
left: 50%!important;
left: auto;
float: left!important;
float: none;
clear: both;
}

.header {
background: #3C1311;
height: 126px;
width: 800px;
color: #DAC984;
margin-top: 15px;
border-left: 1px solid #DAC984;
border-right: 1px solid #DAC984;
border-top: 1px solid #DAC984;
}

.header h1 a {
color: #DAC984;
}

.header A {
font: 22px Verdana, Arial, sans;
font-weight: bold;
color: #000000;
display: block;
cursor: pointer;
text-align: left;
height: 126px;
position: relative;
overflow: hidden;
}

.header A span {
width: 800px;
height: 126px;
position: absolute;
background-image: url(img/head_bg.jpg);
background-position: 0 0;
background-repeat: no-repeat;
display:block;
}

ul{

}

ul li{
list-style-position: outside;
list-style-type: circle;
margin-left: 16px;
}

.menu {
background: url(img/menu_bg.jpg) top left no-repeat #DAC984;
height:56px;
width:800px;
padding:0px 0 0 0px;
text-align:right;
clear:both;
border-left: 1px solid #DAC984;
border-right: 1px solid #DAC984;
}

.menu ul {
display:block;
float:right;
list-style-type:none;
position:relative;
margin:0px;
padding:0px 0px 0px 0px;
height:27px;
right: 55px;
}

.menu ul li{
background: none;
display: block;
float: left;
height: 27px;
margin: 0px;
padding: 0px;
position: relative;
text-align: right;
*width: 117px;
}

.menu ul li a {
color: #3C1311;
display: block;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: bold;
height: 27px;
line-height: 27px;
padding: 0px 0px 0px 22px;
text-align: right;
text-decoration: none;
*width: 117px;
*padding: 0px 0px 0px 0px;
text-shadow:0 1px 1px #FDFFF1;
}

.menu ul li.hover a,.header .menu ul li a:hover{color:#0C2A0F;}
.menu ul li.active a{color:#0C2A0F;}

.main {
background: #FDFFF0 url(img/main_bg.jpg) repeat-y;
border-left: 1px solid #DAC984;
border-right: 1px solid #DAC984;
padding-top: 22px;
padding-right: 55px;
padding-bottom: 0px;
padding-left: 55px;
width: 690px;
}

.main p {
margin-bottom: 22px;
}

.main p.center {
text-align: center;
}

.main p.small {
font-size: 10px;
line-height: 13px;
}

.main p sup {
font-size: 10px;
}

.main p.akcio {
margin-bottom: 22px;
font-size: 14px;
font-weight: bold;
text-align: center;
}

.main H2 {
font-size: 20px;
font-style: normal;
font-weight: bold;
line-height: 25px;
margin-bottom: 22px;
display: block;
position: relative;
overflow: hidden;
}

.main H2 span {
background: url(img/h2_bg.gif) no-repeat bottom left;
width: 690px;
height: 25px;
position: absolute;
background-position: 0 0;
background-repeat: no-repeat;
display:block;
}

.main H2.line {
background: url(img/tr_bg.jpg) no-repeat bottom right;
margin-bottom: 7px;
}

.main H2.magunkrol span {
background: url(img/h2_magunkrol.gif) no-repeat bottom left;
}

.main H2.munkatarsaink span {
background: url(img/h2_munkatarsaink.gif) no-repeat bottom left;
}

.main H2.szakteruleteink span {
background: url(img/h2_szakteruletunk.gif) no-repeat bottom left;
}

.main H2.elerhetosegeink span {
background: url(img/h2_elerhetosegeink.gif) no-repeat bottom left;
}

.main H2.emailcimeink span {
background: url(img/h2_emailcimeink.gif) no-repeat bottom left;
}

.main H2.jogitanacsadas span {
background: url(img/h2_jogitanacsadas.gif) no-repeat bottom left;
}

.main H2.racsai span {
background: url(img/h2_Racsai.gif) no-repeat bottom left;
}

.main H2.toth span {
background: url(img/h2_Toth.gif) no-repeat bottom left;
}

.main H2.gombkoto span {
background: url(img/h2_Gombkoto.gif) no-repeat bottom left;
}

.main H2.istvandi span {
background: url(img/h2_Istvandi.gif) no-repeat bottom left;
}

.main H2.fazekas span {
background: url(img/h2_Fazekas.gif) no-repeat bottom left;
}

.main H2.uzenet span {
background: url(img/h2_uzenet.gif) no-repeat bottom left;
}

.footer .copy {
position:absolute;
bottom: 12px;
height:28px;
left: 382px;
text-align:center;
clear:both;
}

.header .cegadat {
position:absolute;
top: 100px;
right: 55px;
text-align:right;
clear:both;
}

.cegadat p {
font-size: 11px;
font-weight: bold;
}

.footer .copy p {
font-size: 10px;
font-weight: normal;
color: #FEFFF1;
}

.footer .copy a {
color: #3C1311;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

.footer .copy a:hover {
color: #DAC984;
}

.footer p {
font-family: 'Arial',sans-serif;
font-size: 9px;
font-weight: normal;
}

.left {
float: left;
}

.right {
float: right;
}

.ml {margin-left: 20px;}

.mr {margin-right: 20px;}

.mt {margin-top: 20px;}

.mb {margin-bottom: 20px;}

.tlabel {
margin-top: 0px;
margin-bottom: 22px;
font-family: 'Arial',sans-serif;
font-size: 9px;
font-weight: normal;
border-bottom: 1px solid #e5e5e5;
}

div.hr {
  height: 25px;
  margin-bottom: 22px;
  background: #fff url(img/hr_bg.gif) no-repeat scroll center;
}

div.hr hr {
  display: none;
}

.clear {clear: both;}

.gu1 {
width: 156px;
}

.gu2 {
width: 334px;
}

.gu3 {
width: 512px;
}

.gu4 {
width: 690px;
}

table {
	border: none;
	text-align: left;
	width: 100%;
	margin-bottom: 44px;
	border-left: none;
	border-right: none;
}

caption{
background-color: #e5e5e5;
line-height: 14px;
margin: 0px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 7px;
text-align: left;
font: 14px Verdana, Arial, sans;
font-weight: bold;
color: #505A6E;
}

/*
table th {
	background-color: #efefef;
	border-color: #cccccc;
	border-style: inset;
	border-width: 1px;
	color: #000;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}*/

tr {
line-height: 14px;
margin: 0px;
padding-top: 7px;
padding-bottom: 7px;
background: url(img/tr_bg.jpg) no-repeat bottom left;
}


td {
line-height: 18px;
margin: 0px;
padding-top: 7px;
padding-bottom: 7px;
vertical-align: top;
}

td.l {
border-left: 1px none #ffffff;
border-right: 1px solid #e5e5e5;
padding-right: 14px;
padding-left: 0px;
}

td.lpic {
border-left: 1px none #ffffff;
border-right: 1px solid #ffffff;
padding-right: 14px;
padding-left: 0px;
}

td.m {
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
padding-right: 14px;
padding-left: 14px;
}

td.ml {
border-left: 1px solid #ffffff;
border-right: 1px solid #e5e5e5;
padding-right: 14px;
padding-left: 14px;
}

td.r {
border-left: 1px solid #e5e5e5;
border-right: 1px solid #ffffff;
padding-right: 0px;
padding-left: 14px;
}

col.o1_gu1 {
width: 110px;
}

col.o1r_gu1 {
width: 110px;
text-align: right;
}

col.o2_gu1 {
width: 124px;
}

col.o2r_gu1 {
width: 124px;
text-align: right;
}

col.o1_gu2 {
width: 234px;
}

input, textarea {
background-color: #FFFFDC;
border: 1px dotted #e5e5e5;
}

.foot{background:url(img/footer_bg.gif) 0px 0px repeat-x;font-family:Tahoma,Arial,Helvetica,sans-serif;height:57px;width:100%;margin-left:0px!important;margin-right:0px!important;position:relative;left:0%!important;left:auto;float:left!important;float:none;clear:both;}

.footer{top:0px;background:#FDFFF0 url(img/foot_bg.gif) 0px 0px no-repeat;height:40px;width:800px;margin-left:-400px!important;margin-right:0px!important;margin-left:auto;margin-right:auto;position:relative;left:50%!important;left:auto;float:left!important;float:none;clear:both;border-left: 1px solid #DAC984;border-right: 1px solid #DAC984;border-bottom: 1px solid #DAC984;}

em{
color: #952929;
}

div#terkep {
	width: 690px;
	height: 320px;
	margin-bottom: 20px;
	overflow: hidden;
	display:block;
}

.gotop {
	bottom:5px;
	color:#3C1311;
	display:block;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	padding:6px 10px;
	position:fixed;
	right:5px;
	text-decoration: none;
}


/*.header .menu ul li span.submenu{display:none;}
.header .menu ul li.active span.submenu,.header .menu ul li.active span.submenu ul,.header .menu ul li.hover span.submenu,.header .menu ul li.hover span.submenu ul{position:absolute;width:122px;*width:125px;padding:0px;height:auto;left:0px;padding-bottom:4px;}
.header .menu ul li.hover span.submenu,.header .menu ul li.hover span.submenu ul{display:block;}
.header .menu ul li.active span.submenu,.header .menu ul li.hover span.submenu{top:29px;height:auto;padding-top:5px;padding-bottom:8px;background:url(/img/menu_sub.png) center 0px no-repeat #650442;}
.header .menu ul li.active span.submenu ul,.header .menu ul li.hover span.submenu ul{position:relative;float:left;height:auto;padding-left:7px;width:114px;}
.header .menu ul li.active span.sub2,.header .menu ul li.hover span.sub2{width:137px;*width:125px;}
.header .menu ul li.active span.sub2 ul,.header .menu ul li.hover span.sub2 ul{width:122px;*width:111px;}
.header .menu ul li.active span.submenu ul li,.header .menu ul li.active span.submenu ul li.hover,.header .menu ul li.hover span.submenu ul li,.header .menu ul li.hover span.submenu ul li.hover{position:relative;margin:0px 2px 0px 0px;padding:0px;display:block;float:left;width:auto;_width:10px;white-space:nowrap;height:25px;background:none;clear:left;width:100%;}
.header .menu ul li.active span.submenu ul li a,.header .menu ul li.active span.submenu ul li a:hover,.header .menu ul li.hover span.submenu ul li a,.header .menu ul li.hover span.submenu ul li a:hover{width:100%;padding:8px 0px 5px 0px;height:12px;font-size:12px;color:#f8f6bc;text-align:center;font-weight:normal;}
.header .menu ul li.active span.submenu ul li.active a,.header .menu ul li.active span.submenu ul li a:hover,.header .menu ul li.hover span.submenu ul li.active a,.header .menu ul li.hover span.submenu ul li a:hover{color:#beae4d;}/*

/*

DIV#main_bg {
background: #ffffff url(images/bg_main.jpg) no-repeat bottom center;
width: 720px;
min-height: 330px;
height:auto !important;
height:330px;
}

DIV#foot {
background: #B22222 url(images/bg_foot.gif) no-repeat top left;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
width: 720px;
height: 30px;
}

#foot P {
color: #ffffff;
font: 9px Verdana, Arial, Helvetica, sans;
line-height: 12px;
font-weight: bold;
text-align: left;
}

#foot img.right {
float: right;
padding: 0px;
}



DIV#menu {
text-align: left;
width: 770px;
height: 30px;
font-family: 'Arial',sans-serif;
font-size: 12px;
font-weight: bold;
clear: both;
position: relative;	
margin:auto;
}

#menu UL {
list-style-type: none;
padding-left: 10px;
padding-right: 10px;
list-style-type: none;
width: 750px;
position: absolute;
}

#menu UL LI {
border: 0px;
margin: 0px;
padding: 0px;
font: 12px Verdana, Arial, sans;
font-weight: normal;
text-align: center;
overflow:hidden;
font-weight: bold;
float: left;
height:30px;
}

#menu li a {
display:block;
width:100%;
height:100%;
overflow:hidden;	
position:relative;
color: #ffffff;
background-color: #B22222;
}

#menu li a:hover	{
color: #ffffff;
}

#menu ul li a span {
height: 30px;
top: 0;
left: 0;
position: absolute;
z-index: 1;	
color: #ffffff;
cursor: pointer;
}

#menu li#menu_1, #menu li#menu_1 span {
width: 150px;
background: url(images/menu_1.gif) no-repeat top left;
}

#menu li#menu_1 a:hover span {
background: url(images/menu_1.gif) no-repeat top left;
}

#menu li#menu_2, #menu li#menu_2 span {
width: 150px;
background: url(images/menu_2.gif) no-repeat top left;
}

#menu li#menu_2 a:hover span {
background: url(images/menu_2.gif) no-repeat top left;
}

#menu li#menu_3, #menu li#menu_3 span {
width: 150px;
background: url(images/menu_3.gif) no-repeat top left;
}

#menu li#menu_3 a:hover span {
background: url(images/menu_3.gif) no-repeat top left;
}

#menu li#menu_4, #menu li#menu_4 span {
width: 150px;
background: url(images/menu_4.gif) no-repeat top left;
}

#menu li#menu_4 a:hover span {
background: url(images/menu_4.gif) no-repeat top left;
}

#menu li#menu_5, #menu li#menu_5 span {
width: 150px;
background: url(images/menu_5.gif) no-repeat top left;
}

#menu li#menu_5 a:hover span {
background: url(images/menu_5.gif) no-repeat top left;
}

#menu li {
text-align: center;
}

#menu a {
color: #ffffff;;
}

#main img.lp {
width: 27px;
height: 18px;
}

#main img.rightp1 {
float: right;
padding: 0px 0px 10px 10px;
width: 280px;
height: 191px;
}

#main img.rightp2 {
float: right;
padding: 0px 0px 10px 10px;
width: 280px;
height: 221px;
}

#galeria img {
border: 1px solid #000000;
height: 98px;
width: 130px;
}

#galeria .imgtn {
background: url(images/bg_tn.gif) no-repeat top left;
border: none;
height: 114px;
margin: 0px;
padding: 0px;
width: 146px;
float: left;
}

#galeria .imgtnl {
background: url(images/bg_tn.gif) no-repeat top left;
border: none;
height: 114px;
margin: 0px;
padding: 0px;
width: 136px;
float: left;
}

#main img.refp {
border: 0px;
margin: 0px;
padding: 0px 12px 15px 0px;
width: 170px;
height: 122px;
}

#main img.ref {
border: 0px;
margin: 0px;
padding: 0px 0px 15px 0px;
width: 170px;
height: 122px;
}

#main a.map {
background: #E8E8F0 url(images/map1.jpg) no-repeat;
width: 540px;
height: 450px;
display: block;
}

#main a.map:hover {
background: #E8E8F0 url(images/map2.jpg) no-repeat;
width: 540px;
height: 450px;
display: block;
}

#main P {
color: #4D4D4D;
font: 13px/19px Verdana, Arial, Helvetica, sans;
padding-bottom: 19px;
text-align: justify;
}

#main P.right {
text-align: right;
}

#main table a {
color: #4D4D4D;
font: 13px/19px Verdana, Arial, Helvetica, sans;
}

#main table a:hover {
color: #B33C76;
font: 13px/19px Verdana, Arial, Helvetica, sans;
}

#main table {
color: #4D4D4D;
font: 13px/19px Verdana, Arial, Helvetica, sans;
padding-bottom: 19px;
text-align: left;
width: 100%;
}

#main td.o1 {
width: 285px;
}

#main td.o2 {
width: 435px;
}

#main strong {
color: #B33C76;
font-weight: normal;
}

#main UL.roadsign {
color: #4D4D4D;
font: 13px/19px Verdana, Arial, Helvetica, sans;
text-align: justify;
padding-bottom: 19px;
}

#main UL.roadsign LI {
font: 13px/23px Verdana, Arial, Helvetica, sans;
list-style-type: none;
padding-left: 16px;
background: url(images/li.gif) no-repeat top left;
}

#main UL {
color: #4D4D4D;
font: 13px/19px Verdana, Arial, Helvetica, sans;
text-align: justify;
}

#main UL LI {
font: 13px/23px Verdana, Arial, Helvetica, sans;
list-style-type: none;
}

#main UL LI A {
color: #80ce00;
font-weight: bold;
text-decoration: none;
}

#main UL LI A:hover {
color: #444;
}

H1 {
background: url(images/bg_h1.gif) no-repeat bottom left;
color: #444;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
padding: 25px 0px 0px 0px;
}

H2 {
color: #444;
font: 2.4em Helvetica,Arial,sans-serif;
margin: 15px 0px 0px;
padding: 0px;
}

H3 {
color: #777;
font: 2em/1.4em "Times New Roman", Times, serif;
margin: 15px 0px 18px;
padding: 0px;
}

.clear {
	CLEAR: both; MARGIN: 0px
}

HR {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ccc; PADDING-TOP: 0px; HEIGHT: 1px; BACKGROUND-COLOR: #ccc; BORDER-RIGHT-WIDTH: 0px
}

input, textarea {
background-color: #FFFFFF;
overflow: hidden;
}

#submit {
background-color: #B33C76;
border-bottom: #899BB0 1px solid;
border-top: #899BB0 1px solid;
color: #E8E8F0;
cursor: pointer;
font: 12px Verdana, Arial, sans;
font-weight: bold;
height: 23px;
text-align: center;
width: 100px;
}*/


/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	/* background:#333 url(/img/global/gradient/h300.png) 0 0; */
	/* border:1px solid #333;	 */
	/* -background:#666; */
}

/* accordion header */
#accordion h2 {
	background: url(img/tr_bg.jpg) no-repeat left bottom;
	border: none;
	border-bottom: none;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 5px 15px;
}

/* currently active header */
#accordion h2.current {
	cursor:default;
	/* background-color:#fff; */
}

/* accordion pane */
#accordion div.pane {
	/*border:1px solid #fff;
	border-width:0 2px; */
	display:none;
	/* height:180px; */
	padding:15px;
	/* color:#fff; */
	/* font-size:12px; */
}

/* a title inside pane */
#accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}