﻿

body {
	width: 899px;
	background: url(hatter_body.gif) repeat-x #004C77;
	margin: 0 auto 0 auto;
}

body, p, div, span, b, ul, li {
	color: #666666;
}

a {
	text-decoration: none;
}

a img {
	border: 0px;
}
a:hover {
	text-decoration: underline;
}
/*--------------------------------fejlec---------------------------------*/

.fejlec {
	padding-left: 22px;
	padding-right: 22px;
	width: 855px;
	margin-top: 20px;
	margin-bottom: 32px;
}
:root .fejlec {
	height:50px;
}

*html .fejlec {
	margin-bottom: 16px;
}

*:first-child+html .fejlec {
	margin-bottom: 16px;
}

.fejlec a img {
	float: left;
}

.fejlec a {
	text-decoration: none;
}

.fejlec a:hover {
	text-decoration: underline;
}

a.oszto {
	padding-left: 5px;
	padding-right: 5px;
}

.fejlec .felso_sor {
	margin-top: 10px;
}

.fejlec .felso_sor a {
	font: 12px Helvetica;
	color: #BEBEBE;
	display: block;
	float: right;
}

.fejlec .felso_sor a.aktiv {
	font: bold 12px Helvetica;
	color: #FFFFFF;
}

.fejlec .also_sor a {
	font: 12px Helvetica;
	color: #F39B02;
	display: block;
	float: right;
}

/*------------------------------------lablec----------------------------------------*/

.lablec {
	width: 855px;
	padding-left: 22px;
	padding-right: 22px;
	background: #E3E3E2;
	padding-top: 35px;
	padding-bottom: 8px;
	border-bottom: 1px solid #FFFFFF;
}

.lablec a {
	display: block;
	float: left;
	font: 12px Helvetica;
	color: #666666;
}

.lablec .jobbra {
	font: 12px Helvetica;
}


.jobbra a {
	color: #692722;
	text-decoration: underline;
	float: right;
}

#copy {
	color: #666666;
	text-decoration: none;
	margin-right: 10px;
}
/*------------------------------------tartalom--------------------------------------*/

.tartalom {
	width: 855px;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 22px;
	background: url(hatter_tartalom.gif) repeat-x #F5F6F5;
}


/*-----------------------dobozok-----------------------*/


div.dobozok {
	margin-top:0;
}

:root div.dobozok {
	margin-top:-5px;
}

.doboz1,.doboz2,.doboz3 {
	float: left;
	margin-top: 5px;
	width: 265px;
	height: 151px;
	padding-top: 18px;
	padding-left: 16px;
}

div.doboz1 p, div.doboz2 p, div.doboz3 p {
	font: 12px Helvetica;
	margin-top: 25px;
	color: #000000;
	margin-bottom: 8px;
}


:root div.doboz1 p, :root div.doboz2 p, :root div.doboz3 p {
	margin-top: 30px;
}

.doboz1 a,.doboz2 a,.doboz3 a {
	font: 12px Helvetica;
	margin-top: 0px;
	display: block;
	margin-left: 167px;
}

.doboz1 a {
	color: #5D5A43;
}

.doboz2 a {
	color: #74542E;
}

.doboz3 a {
	color: #5B271D;
}
.doboz1 {
	background: url(doboz1.gif);
}

.doboz2 {
	margin-left: 5px;
	margin-right: 5px;
	background: url(doboz2.gif);
}

.doboz3 {
	background: url(doboz3.gif);
}


/*--------------------------------------------FOLDAL------------------------------------------*/
/*--------------------bal oszlop-------------------*/

.bal {
	width: 231px;
	border: 1px solid #DCDCDC;
	background: #EBEBEB;
	margin-top: 5px;
	height: 100%;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 28px;
	margin-right: 5px;
	float: left;
	margin-bottom: 11px;
}

.bal img {
	margin-bottom: 10px;
}

.bal a {
	float: right;
}

.aktualis {
	margin-top: 10px;
	margin-bottom: 10px;
	
}
.aktualis a {
	font: bold 12px Helvetica;
	color: #692722;
	margin-top: 0px;
	margin-bottom: 0px;
	float: none;
	display: block;
}

.aktualis p {
   font: bold 12px Helvetica;
	color: #4B4C45;
	margin-top: 0px;
	margin-bottom: 0px;
}


/*--------------------------jobb oszlop----------------------*/

.jobb {
	float: left;
	width: 542px;
	margin-top: 5px;
	padding-top: 20px;
	padding-left: 25px;
}

.vallalatunkrol {
	margin-top: 20px;
}

.vallalatunkrol a img {
	float: left;
	margin-right: 12px;
}

.vallalatunkrol p {
	font: 12px Helvetica;
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
}

.vallalatunkrol p span {
	color: #000000;
}

a.tovabb {
	float: right;
	background: url(gomb_tovabb.gif);
	width: 67px;
	height: 19px;
	text-align: center;
	font: 12px Arial;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 5px;
}

.tovabb:hover {
	text-decoration: underline; 
}


/*----------------------------------------SZOLGLTATSOK-------------------------------------*/

/*---------------------------------bal------------------------------*/

.bal_alold {
	width: 231px;
	border: 1px solid #D7D7D7;
	background: #DFDFDF;
	margin-top: 5px;
	height: 100%;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 28px;
	margin-right: 5px;
	float: left;
	margin-bottom: 11px;
	padding-bottom:15px;
}

.bal_alold a img {
	margin-bottom: -20px;
}

*html .bal_alold a img {
	margin-bottom: 0px;
}

.bal_alold p {
	font: 12px Helvetica;
	margin-top: 0px;
}

.bal_alold a {
	font: 12px Helvetica;
	color: #692722;
	text-decoration: underline;
	margin-bottom: 50px;
	width: 223px;
	display: block;
}

.bal_alold a.tovabb {
	color: #FFFFFF;
	text-decoration: none;
	background: url(gomb_tovabb_vasuti.gif);
	width: 67px;
	font: 12px Arial;
	margin-bottom: 5px;
	margin-top: 36px;
}

*html .bal_alold a.tovabb {
	margin-top: 23px;
}

*:first-child+html .bal_alold a.tovabb {
	margin-top: 33px;
}

.bal_alold a.tovabb:hover {
	text-decoration: underline;
}

/*----------------------------------kozep---------------------------*/

.kozep_alold {
	width: 233px;
	border: 1px solid #D7D7D7;
	background: #EDEDED;
	margin-top: 5px;
	height: 100%;
	padding-top: 20px;
	padding-left: 18px;
	padding-right: 28px;
	margin-right: 5px;
	float: left;
	margin-bottom: 11px;
}

*html .kozep_alold {
	width: 213px;
	padding-right: 18px;
}

ul {
	margin-top: 25px;
	margin-bottom: -10px;
}

ul li {
	font: 12px Helvetica;
	margin-left: -20px;
	margin-bottom: 10px;
}

.kozep_alold a.tovabb {
	background: url(gomb_tovabb_szallit.gif);
	margin-bottom: 5px;
}

.kozep_alold p {
	font: 12px Helvetica;
	float: left;
	margin-left: 10px;
}

*html .kozep_alold p {
	margin-top: 10px;
}

*:first-child+html .kozep_alold p {
	margin-top: 12px;
}

a.mail {
	display: block;
	font: 12px Helvetica;
	color: #59A0CE;
	float: left;
	margin-top: 12px;
	margin-left: 5px;
	margin-bottom: 20px;
	width: 100px;
}

*html a.mail {
	margin-top: 10px;
}

*:first-child+html .kozep_alold a.tovabb {
	margin-top: 35px;
}
/*-------------------------------------jobb------------------------------------*/

.jobb_alold {
	width: 231px;
	border: 1px solid #D7D7D7;
	background: #DFDFDF;
	margin-top: 5px;
	height: 100%;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 28px;
	margin-right: 0px;
	float: left;
	margin-bottom: 11px;
	padding-bottom:15px;
}

*html .jobb_alold {
	padding-left: 20px;
}

*html .jobb_alold p {
	margin-top: 10px;
}

*:first-child+html .jobb_alold p {
	margin-top: 12px;
}

.jobb_alold p {
	font: 12px Helvetica;
	float: left;
	margin-left: 10px;
}

#alsomail {
	margin-left: 73px;
	display: block;
	margin-top: -20px;
}

*html #alsomail {
	margin-left: 42px;
}

*:first-child+html #alsomail {
	margin-left: 72px;
}

.jobb_alold a.tovabb {
	background: url(gomb_tovabb_vasuti.gif);
	margin-bottom: 5px;
	margin-top: 15px;
}

*:first-child+html .jobb_alold a.tovabb {
	margin-top: 17px;
}

/*-----------------------------------------CGNKRL------------------------------------------*/

/*----------------------------bal------------------------*/

.bal_alold_cegunkrol {
	width: 519px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 28px;
	margin-right: 5px;
	float: left;
	margin-bottom: 11px;
}

.bal_alold_cegunkrol p span {
	font: bold 12px Helvetica;
}

.bal_alold_cegunkrol p {
	font: 12px Helvetica;
	color: #666666;
}

.bal_alold_cegunkrol a {
	color: #692722;
	font: 12px Helvetica;
	text-decoration: underline;
}

/*----------------------------jobb---------------------------*/

.jobb_alold_cegunkrol {
	width: 223px;
   border: 1px solid #D7D7D7;
	background: #DFDFDF;
	margin-top: 3px;
	height: 100%;
	padding-top: 20px;
	padding-left: 28px;
	padding-right: 28px;
	margin-right: 0px;
	float: left;
	margin-bottom: 11px;
}

.jobb_alold_cegunkrol p span {
	font: bold 12px Helvetica;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
}

.jobb_alold_cegunkrol p {
	font: bold 12px Helvetica;
	color: #434441;
	margin-top: 0px;
	margin-bottom: 0px;
}

.jobb_alold_cegunkrol a.tovabb {
	background: url(gomb_tovabb_vasuti.gif);
	margin-bottom: 11px;
	margin-top: 0px;
}

.jobb_alold_cegunkrol div.nev_beosztas {
	margin-top: 0px;
	margin-bottom: 10px;
}

/*-----------------------------------------CIKKOLDAL-------------------------------------------*/

.bal_alold_cikk p span {
	font: bold 12px Helvetica;
	color: #000000;
}

.bal_alold_cikk p {
	font: 12px Helvetica;
	color: #666666;
}

.bekezdes_keppel {
	margin-bottom: 20px;
	height: 100%;
}

.bekezdes_keppel p span {
    font: bold 12px Helvetica;
	 color: #000000;
}

.bekezdes_keppel p {
	font: 12px Helvetica;
	color: #434441;
	float: left;
	width: 680px;
	margin-left: 15px;
}

:root .bekezdes_keppel p {
	margin-top: -2px;
}

.bekezdes_keppel img {
	border: 1px solid #CFCFCF;
	float: left;
}

/*---------------------------------------REFERENCIK----------------------------------------*/

/*------------------bal----------------*/

.bal_alold_cegunkrol a.tovabb {
	color: #FFFFFF;
	text-decoration: none;
}

.bal_alold_cegunkrol a.tovabb:hover {
	text-decoration: underline;
}


/*--------------jobb-------------------*/

.referenciak {
	background: #EBEBEB;
	padding-left: 15px;
	width: 264px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.ref {
	width: 260px;
	padding-right: 4px;
	margin-bottom: 10px;
	margin-top: 0px;
}

.ref a span {
	font: bold 12px Helvetica;
	color: #000000;
	margin-top: -2px;
	display: block;
}
.ref a span:hover {
	text-decoration: underline;
	color: #000000;
}

.ref p {
	font: 12px Helvetica;
	color: #434441;
}

.ref a {
	font: 12px Helvetica;
	color: #0072BC;
	display: block;
	margin-top: -2px;
}

a.keplink {
	float: left;
	display: block;
	width: 48px;
	height: 48px;
	border: 1px solid #C0BDBD;
	margin-right: 5px;
	margin-top: 2px;
}

:root a.keplink {
	margin-top: 3px;
}

/*----------------------------------------KAPCS_ERROR--------------------------------*/

/*----------------------bal---------------------*/

input {
	width: 227px;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	padding-top: 4px;
	border: 1px solid #D7D7D7;
	margin-bottom: 10px;
}

textarea {
	float: right;
	margin-top: -148px;
	width: 252px;
	overflow: auto;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #D7D7D7;
	margin-left: 0px;
	height: 136px;
	font: 12px Helvetica;
}

*html textarea {
	margin-top: -155px;
	height: 140px;
}

*:first-child+html textarea {
	margin-top: -155px;
	height: 140px;
}


#mehet_gomb {
	border: 0px;
	float: right;
	width: 68px;
	height: 25px;
	margin-left: 5px;
}

*:first-child+html #mehet_gomb {
	margin-left: 438px;
}

*html #mehet_gomb {
	margin-left: 438px;
}

.error {
	font: 12px MyriadPro;
	color: #B0272D;
	text-transform: uppercase;
}


/*---------------------------------jobb----------------------*/

.terkep {
	margin-top: -20px;
	margin-left: -15px;
	border-bottom: 1px solid #D7D7D7;
	height: 100%;
	margin-bottom: 10px;
}


a.kapcsoldal {
	float: left;
	display: block;
	margin-top: -15px;
	margin-left: 39px;
}

*html a.kapcsoldal {
	margin-top: -15px;
	margin-left: 20px;
}
