/*CSS*/
@font-face {
    font-family: font_normal;
    src: url('../font/PT_Sans-Narrow-Web-Regular.woff2') format('woff2'),
         url('../font/PT_Sans-Narrow-Web-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: font_bold;
    src: url('../font/PT_Sans-Narrow-Web-Bold.woff2') format('woff2'),
         url('../font/PT_Sans-Narrow-Web-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* The Modal (background) */
.modal {
  font-size: 20pt;
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 50px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 16px;
  border: 1px solid #888;
  width: 750px;
}

/* The Close Button */
.modal-close {
  float: right;
  padding: 0;
  margin: 0;
}

.modal-close:hover,
.modal-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.bold {
	font-family: font_bold;
}

.white {
	color: white;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: white;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -150px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: white transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
html, body {
height: 100%;
margin: 0 0 1px;
padding:0px;
background:#E6E6E6;
font-family: font_normal;
font-size:12pt;
}

.container {
margin:0 auto;
padding:0px;
text-align:left;
width:1000px;
}

a:link,
a:visited {
	text-decoration: none; 
	color: #2481b2
}

a:hover,
a:active {
	text-decoration: underline;
	color: #2481b2
}	

.top {
background-image: url('images/bk-top.png');
background-repeat: no-repeat;
color: #fff;
padding: 2px 0px 0px 10px;
float:left;
width:1000px;
height:32px;
}

.top-left {
color: #fff;
padding: 0px 0px 0px 10px;
float:left;
position:relative;
width:400px;
height:32px;
}

.top-right {
color: #fff;
padding: 0px 10px 0px 0px;
font-size: 10px;
text-align: right;
position:relative;
float:left;
width:335px;
height:32px;
}

.bottom {
background-image: url('images/bk-content-footer.png');
background-repeat: no-repeat;
float:left;
width:1000px;
height:38px;
color: #fff;
padding: 8px 0px 0px 10px;
font-size: 12pt;
/*border: 1px red solid;*/
}

.bottom-left {
color: #fff;
padding: 0px 0px 0px 10px;
float:left;
position:relative;
width:500px;
height:32px;
/*border: 1px blue solid;*/
}

.bottom-right {
color: #fff;
padding: 0px 10px 0px 0px;
text-align: right;
position:relative;
float:left;
width:460px;
height:32px;
/*border: 1px green solid;*/
}

.firstmenu {
	margin-left: 20px;
}

.menu-top {

background-image: url('images/bk-menu-top.png');

background-repeat: no-repeat;
float:left;
width:1000px;
height:149px;
}

.menu {

background-image: url('images/bk-menu.png');

background-repeat: no-repeat;
float:left;
width:1000px;
height:34px;
}

.content-top {
background-image: url('images/bk-content-top.png');
background-repeat: no-repeat;
float:left;
width:1000px;
height:18px;
}

.content-footer {
background-image: url('images/bk-content-footer.png');
background-repeat: no-repeat;
clear: both;
float:left;
width:597px;
height:61px;
}

.content-bk {
background-image: url('images/bk-content-bk.png');
background-repeat: repeat-y;
float:left;
width:1000px;
/*border:1px blue solid;*/
}

.content-top-mp3edit {
background-image: url('images/bk-content-top-mp3edit.png');
background-repeat: no-repeat;
float:left;
width:597px;
height:18px;
}

.content-footer-mp3edit {
background-image: url('images/bk-content-footer-mp3edit.png');
background-repeat: no-repeat;
float:left;
width:597px;
height:34px;
}

.content-bk-mp3edit {
background-image: url('images/bk-content-bk-mp3edit.png');
background-repeat: repeat-y;
float:left;
width:597px;
}

.content-top-mp3player {
background-image: url('images/bk-content-top-mp3player.png');
background-repeat: no-repeat;
float:left;
width:597px;
height:18px;
}

.content-footer-mp3player {
background-image: url('images/bk-content-footer-mp3player.png');
background-repeat: no-repeat;
float:left;
width:597px;
height:34px;
}

.content-bk-mp3player {
background-image: url('images/bk-content-bk-mp3player.png');
background-repeat: repeat-y;
float:left;
width:597px;
}

.content-top-szamlazo {
background-image: url('images/bk-content-top-szamlazo.png');
background-repeat: no-repeat;
float:left;
width:597px;
height:18px;
}

.content-footer-szamlazo {
background-image: url('images/bk-content-footer-szamlazo.png');
background-repeat: no-repeat;
float:left;
width:597px;
height:34px;
}

.content-bk-szamlazo {
background-image: url('images/bk-content-bk-szamlazo.png');
background-repeat: repeat-y;
float:left;
width:597px;
}

.content {
position:relative;
float:left;
left:15px;
width:565px;
text-align: justify;
padding:1px 0px 0px 0px;
/*border: 1px solid red;*/
}

.news {
background-image: url('images/bk-news-top.png');
background-repeat: no-repeat;
position:relative;
float:left;
left:15px;
width:100px;
text-align: justify;
padding:1px 0px 0px 0px;
/*border: 5px solid red;*/
}

.menutitle {
margin:10px 0px 0px 0px;
font-size: 20px;
/*border:1px blue solid;*/
}

.menuline {
width:565px;
margin:0px;
/*border:1px green solid;*/
}

.menusep {
width:1000px;
height:18px;
clear: both;
/*border:1px green solid;*/
}

.menucontent {
width:555px;
margin:0px 0px 0px 4px;
padding:7px 0px 0px 5px;
/*border:1px blue solid;*/
}

.menucontent_new {
	float:left;
width:1000px;
margin:0;
padding:0;
/*border:1px red solid;*/
}

.termekbox {
float:left;
width:134px;
height:134px;
/*border:1px blue solid;*/
}

.termekinfo-top {
font-size:14px;
font-weight:bold;
color:#63ACBF;
float:left;
width:421px;
height:18px;
padding:4px 0px 0px 10px;
/*border:1px red solid;*/
}

.termekinfo-text {
background-image: url('images/termek-gradient.png');
background-repeat: no-repeat;
line-height:13px;
font-size:11px;
color:black;
float:left;
width:405px;
height:85px;
padding:5px 5px 0px 15px;
/*border:1px red solid;*/
}

.termekinfo-bottom {
font-size:13px;
color:#adb3b4;
float:left;
width:415px;
height:17px;
padding:1px 0px 0px 15px;
/*border:1px red solid;*/
}

.termek-line {
width:570px;
margin:0px 0px 0px -3px;
/*border:1px green solid;*/
}

.termek-alap {
float:left;
width:564px;
height:200px;
text-align: justify;
/*border: 1px solid red;*/
}

.termek-blokk-alap {
float:left;
width:564px;
height:59px;
text-align: justify;
/*border: 1px solid red;*/
}

.termek-blokk-bal {
position:relative;
float:left;
width:400px;
text-align: justify;
/*border: 1px solid blue;*/
}

.termek-blokk-jobb {
position:relative;
float:right;
width:25px;
text-align: justify;
padding:27px 14px 0px 0px;
/*border: 1px solid green;*/
}

.termek-blokk-hatter-felso {
float:left;
width:560px;
text-align: justify;
/*border: 1px solid red;*/
}

.termek-blokk-hatter-kozep {
background-image: url('images/termek_alap_kozep.png');
background-repeat: repeat-y;
float:left;
width:545px;
text-align: justify;
line-height:13px;
font-size:11px;
color:black;
padding:8px 10px 8px 10px;
/*border: 1px solid cyan;*/
}

.termek-blokk-hatter-also {
float:left;
width:560px;
text-align: justify;
/*border: 1px solid green;*/
}

.termek-kepernyok {
float:left;
width:560px;
text-align:center;
border: 1px red red;
}

.termek-also1 {
background-image: url('images/termek_alsohatter1.png');
background-repeat: no-repeat;
float:left;
width:564px;
text-align: justify;
/*border: 1px solid green;*/
}

.termek-also2 {
background-image: url('images/termek_alsohatter2.png');
background-repeat: no-repeat;
float:left;
width:564px;
text-align: justify;
/*border: 1px solid green;*/
}

.termek-also-tartalom {
position:relative;
float:left;
font-size:11px;
line-height:13px;
width:545px;
text-align: justify;
/*border: 1px solid blue;*/
}




.szolg-blockgroup-alap {
position:relative;
left:0px;
width:520px;
height:18px;
font-weight: bold;
font-size:13px;
color: #999;
text-align: justify;
padding-bottom:5px;
padding-left:18px;
/*border: 2px solid red;*/
}

.szolg-blockgroup-bal {
position:relative;
float:left;
width:400px;
text-align: justify;
/*border: 1px solid blue;*/
}

.szolg-blockgroup-jobb {
position:relative;
float:right;
width:25px;
text-align: justify;
padding:5px 14px 0px 0px;
/*border: 1px solid green;*/
}

.szolg-blocktitle {
position:relative;
left:0px;
width:544px;
padding: 7px 5px 7px 0px;
font-weight: bold;
color: #666;
text-align: justify;
/*border: 2px solid magenta;*/
height:17px;
}

.szolg-blockdetails1 {
background-image: url('images/menu_referenciak_hatter_1sor.png');
background-repeat: no-repeat;
position:relative;
left:0px;
width:555px;
height:15px;
margin: 0px 0px 0px -5px;
padding: 4px 0px 5px 12px;
font-size: 11px;
text-align: justify;
/*border: 1px solid red;*/
}

.szolg-blockdetails2 {
background-image: url('images/menu_referenciak_hatter_felso.png');
background-repeat: no-repeat;
position:relative;
left:0px;
width:532px;
margin: 0px 0px 0px -5px;
padding: 4px 12px 1px 12px;
font-size: 11px;
text-align: justify;
/*border: 1px solid red;*/
}

.szolg-blockbottom {
background-image: url('images/menu_referenciak_hatter_also.png');
background-repeat: no-repeat;
position:relative;
left:0px;
width:555px;
margin: 5px 0px 0px -5px;
padding: 0px;
height: 1px;
}




.ref-blockgroup-alap {
position:relative;
left:0px;
width:520px;
height:18px;
font-weight: bold;
font-size:13px;
color: #999;
text-align: justify;
padding-bottom:5px;
padding-left:18px;
/*border: 1px solid red;*/
}

.ref-blockgroup-bal {
position:relative;
float:left;
width:400px;
text-align: justify;
/*border: 1px solid blue;*/
}

.ref-blockgroup-jobb {
position:relative;
float:right;
width:25px;
text-align: justify;
padding:5px 14px 0px 0px;
/*border: 1px solid green;*/
}

.ref-blocktitle {
position:relative;
left:0px;
width:544px;
padding: 11px 5px 7px 0px;
font-weight: bold;
color: #666;
text-align: justify;
/*border: 2px solid magenta;*/
height:17px;
}

.ref-blockdetails1 {
background-image: url('images/menu_referenciak_hatter_1sor.png');
background-repeat: no-repeat;
position:relative;
left:0px;
width:555px;
height:15px;
margin: 0px 0px 0px -5px;
padding: 4px 0px 5px 12px;
font-size: 11px;
text-align: justify;
/*border: 1px solid red;*/
}

.ref-blockdetails2 {
background-image: url('images/menu_referenciak_hatter_felso.png');
background-repeat: no-repeat;
position:relative;
left:0px;
width:532px;
margin: 0px 0px 0px -5px;
padding: 4px 12px 1px 12px;
font-size: 11px;
text-align: justify;
/*border: 1px solid red;*/
}

.ref-blockbottom {
background-image: url('images/menu_referenciak_hatter_also.png');
background-repeat: no-repeat;
position:relative;
left:0px;
width:555px;
margin: 5px 0px 0px -5px;
padding: 0px;
height: 1px;
}

.download-left {
float:left;
position:relative;
left:15px;
width:480px;
text-align: justify;
}

.download-right {
float:left;
position:relative;
left:35px;
width:65px;
text-align: justify;
}

.clear {
clear: both;
/*height: 12px;*/
}


.media-left {
float:left;
position:relative;
left:0px;
width:275px;
text-align: justify;
/*border: 1px blue solid;*/
}

.media-right {
float:left;
position:relative;
left:25px;
width:240px;
text-align: justify;
/*border: 1px red solid;*/
}


.myform {
/*border: 1px red solid;*/
}

.form-left {
float:left;
position:relative;
width:150px;
height: 20px auto;  
text-align:right;
padding:0px 0px 0px 0px;
/*border: 1px blue solid;*/
}

.form-right {
float:left;
position:relative;
width:380px;
height: 20px;  
text-align:left;
padding:0px 0px 0px 10px;
/*border: 1px green solid;*/
}

.form-sep {
float:left;
position:relative;
width:560px;
height: 20px auto;
color:#f00;
font-weight:bold;  
text-align:left;
padding:0px 0px 0px 0px;
/*border: 1px cyan solid;*/
}

.form-text {
float:left;
position:relative;
width:560px;
height: 20px auto;
font-weight:bold;  
text-align:left;
padding:0px 0px 0px 0px;
/*border: 1px cyan solid;*/
}

.form-right-text {
float:left;
position:relative;
width:380px;
font-weight:bold;
color:#008;
height: 20px auto;  
text-align:left;
padding:0px 0px 0px 10px;
/*border: 1px green solid;*/
}

.form-right2 {
float:left;
position:relative;
width:380px;
height: 36px auto;  
text-align:left;
padding:0px 0px 0px 10px;
/*border: 1px green solid;*/
}

.inputfield {
width: 365px;
font-weight: bold;
background-color:#eee;
color:#008;
height: 16px;  
border: 1px solid #aaa;  
margin: 0;
padding: 0;
}

/*
#header {
position:relative;
top:0px;
left:0px;
height:80px;
width:650px;
margin:0;
padding:0;
background-color:#3399FF;
}

#left {
position:relative;
float:left;
top:0px;
left:0px;
width:150px;
background-color:#66CC66;
margin:0;
padding:0;
}

#content {
position:relative;
float:left;
top:0px;
left:0px;
width:350px;
background-color:#FFFF33;
}

#right {
position:relative;
width:150px;
margin:0;
padding:0;
float:left;
background-color:#CCCCCC;
}

#footer {
position:relative;
top:0px;
left:0px;
clear:both;
background-color:#FF99FF;
}
*/

.fooldal_bkimage,
.rolunk_bkimage,
.portal_bkimage,
.hirek_bkimage,
.szoftverek_bkimage,
.eitp_bkimage,
.winidoki_bkimage,
.gyogyinf_bkimage,
.kapcsolat_bkimage {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid gray;
  width: 992px;
  height: 700px;
  margin-left: 3px;
}

.fooldal_bkimage {
  background: url(/images/fooldal_background.png);
}

.rolunk_bkimage {
  background: url(/images/rolunk_background.png);
}

.portal_bkimage {
  background: url(/images/rolunk_background.png);
}

.hirek_bkimage {
  background: url(/images/hirek_background.png);
}

.szoftverek_bkimage {
  background: url(/images/szoftverek_background.png);
}

.eitp_bkimage {
  background: url(/images/eitp_background.png);
}

.winidoki_bkimage {
  background: url(/images/winidoki_background.png);
}

.gyogyinf_bkimage {
  background: url(/images/gyogyinf_background.png);
}

.kapcsolat_bkimage {
  background: url(/images/kapcsolat_background.png);
}

.details_white {
	color: white;
	border: none;
}

.rolunk_padding {
	float: left;
	margin: 70px 50px 0 100px;
}

.rolunk_details_title {
	font-size: 24pt;
}

.rolunk_details_text {
	padding: 20px;
	height: 460px;
	font-size: 14pt;
	line-height: 22px;
	border: 1px solid #00306c;
	background: rgba(0,0,0, 0.4);
	overflow: auto;
}

.portal_padding {
	float: left;
	margin: 40px 20px 0 50px;
	max-height: 630px;
	overflow: auto;
}

.portal_details_title {
	font-size: 24pt;
}

.portal_text {
	font-size: 16pt;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.float-clear {
	clear: both;
}

.login_block {
	border: 1px solid #00ffff;
	background: rgba(0,0,0, 0.4);
	float: left;
	width: 350px;
	padding: 20px;
	margin-right: 50px;
	height: 280px;
}

.login_title {
	font-size: 24pt;
}

.login_text {
	font-family: font_normal;
	font-size: 14pt;
}

.login {
	font-size: 14pt;
}

.login_left {
	float: left;
	width: 130px;
	text-align: right;
	margin-right: 10px;
	margin-top: 2px;
}

.login_right {
	float: left;
}

.login_button {
	clear: both;
	font-family: font_normal;
	font-size: 14pt;
	margin-top: 20px;
	padding: 5px 10px;
	cursor: pointer;
}

.next_button, .nextunit_button {
	clear: both;
	float: right;
	font-family: font_normal;
	font-size: 14pt;
	margin-top: 20px;
	padding: 5px 10px;
	cursor: pointer;
}

.prev_button {
	clear: both;
	float: left;
	font-family: font_normal;
	font-size: 14pt;
	margin-top: 20px;
	padding: 5px 10px;
	cursor: pointer;
}

.next_step {
	float: left;
	margin-top: 5px;
	padding-left: 330px;
}

.final_step {
	float: left;
	margin-top: 5px;
	padding-left: 295px;
}

.next_step2 {
	float: left;
	margin-top: 5px;
	padding-left: 165px;
}

.next_unitid {
	float: left;
	margin-top: 5px;
	width: 165px;
}

.logout_button {
	clear: both;
	font-family: font_normal;
	font-size: 14pt;
	padding: 5px 10px;
	cursor: pointer;
}

.order_left {
	float: left;
	width: 300px;
	text-align: right;
	margin-right: 10px;
	margin-top: 7px;
}

.order_right{
	float: left;
	margin-top: 5px;
}

.order_text {
	font-family: font_normal;
	font-size: 14pt;
	width: 400px;
}

.order_text_mobil1 {
	font-family: font_normal;
	font-size: 14pt;
	width: 35px;
}

.order_text_mobil2 {
	font-family: font_normal;
	font-size: 14pt;
	width: 40px;
}

.order_select {
	font-family: font_normal;
	font-size: 14pt;
	width: 410px;
}

.order_select2 {
	font-family: font_normal;
	font-size: 14pt;
	width: 600px;
}

.order_select3 {
	font-family: font_normal;
	font-size: 14pt;
	width: 100px;
}

.order_select4 {
	font-family: font_normal;
	font-size: 14pt;
	width: 150px;
}

.order_select_mobil {
	font-family: font_normal;
	font-size: 14pt;
	width: 50px;
}

.order_summary {
	width: 850px;
	height: 430px;
	padding: 20px;
	border: 1px solid #00ffff;
	font-size: 14pt;
	overflow: auto;
	background: rgba(0,0,0, 0.4);
}

.order_summary_block {
	font-weight: 999;
	font-size: 18pt;
	margin: 0 0 20px 0;
}

.order_summary_left {
	float: left;
	width: 300px;
	text-align: right;
	margin-right: 10px;
}

.order_summary_right{
	float: left;
}

.welcome {
	font-size: 24pt;
	float: left;
	width: 750px;
	text-align: left;
}

.info {
	border: 1px solid white;
	position: relative;
	top: 3px;
}

.portal {
	font-size: 24pt;
	float: left;
	width: 890px;
	text-align: left;
/*	border: 1px solid red;*/
}

.portal_button {
	clear: both;
	font-family: font_normal;
	font-size: 14pt;
	padding: 0px 5px;
	margin-right: 0px;
	cursor: pointer;
	background: #e0e0e0;
	border: 1px solid #e0e0e0;
}

.portal_sub_button {
	clear: both;
	font-family: font_normal;
	font-size: 14pt;
	padding: 0px 5px;
	margin-right: 0px;
	cursor: pointer;
	background: #e0e0e0;
	border: 1px solid #e0e0e0;
}

.portal_content_button {
	clear: both;
	font-family: font_normal;
	font-size: 14pt;
	padding: 0px 5px;
	margin-right: 0px;
	cursor: pointer;
}

.portal_menu_active {
	background: #102040;
	color: white;
	border: 1px solid white;
}

.portal_button:hover, .portal_sub_button:hover {
	background: #306090;
	color: white;
	border: 1px solid white;
}

.portal_content {
	float: left;
	width: 870px;
	text-align: left;
	margin-top: 20px;
	height: 490px;
	padding: 10px;
	border: 1px solid #00306c;
	font-size: 14pt;
	overflow: auto;
	background: rgba(0,0,0, 0.4);
}

.portal_content a,
.portal_content a:link,
.portal_content a:hover,
.portal_content a:visited {
	color: #0cd0ff;
}

.portal_content_cim {
	font-size: 20pt;
	float: left;
	margin-bottom: 20px;
}

.portal_table_left {
	clear: both;
	float: left;
	width: 200px;
	text-align: right;
	margin-right: 20px;
}

.portal_table_right {
	float: left;
}

.portal_table_left2 {
	clear: both;
	float: left;
	width: 600px;
	text-align: right;
	margin-right: 20px;
}

.portal_table_right2 {
	float: left;
}

.portal_table_fullrow {
	max-width: 890px;
	padding: 1px 5px;
}

.portal_table_row,
.portal_table_szamlak {
	clear: both;
	float: left;
	padding: 1px 5px;
}

.portal_table_row:nth-child(odd),
.portal_table_szamlak:nth-child(odd) {
	background: #306090;
}

.portal_table_ugyintezesek {
	float: left;
	width: 840px;
	text-align: left;
	height: 32px;
	padding-top: 5px;
	border-bottom: 1px solid #bbb;
}

.portal_table_ugyintezesek div:nth-child(1) {
	float: left;
	width: 160px;
	text-align: left;
}

.portal_table_ugyintezesek div:nth-child(2) {
	float: left;
	width: 160px;
	text-align: left;
}

.portal_table_ugyintezesek div:nth-child(3) {
	float: left;
	width: 430px;
	text-align: left;
}

.portal_table_ugyintezesek div:nth-child(4) {
	float: left;
	width: 90px;
	text-align: left;
}

.portal_table_szerzodesek {
	float: left;
	width: 840px;
	text-align: left;
	height: 32px;
	padding-top: 5px;
	border-bottom: 1px solid #bbb;
}

.portal_table_szerzodesek div:nth-child(1) {
	float: left;
	width: 140px;
	text-align: left;
}

.portal_table_szerzodesek div:nth-child(2) {
	float: left;
	width: 500px;
	text-align: left;
}

.portal_table_szerzodesek div:nth-child(3) {
	float: left;
	width: 200px;
	text-align: left;
}

.portal_table_szamlak {
	float: left;
	width: 840px;
	text-align: left;
	height: 32px;
	padding-top: 5px;
	border-bottom: 1px solid #bbb;
}

.portal_table_szamlak div:nth-child(1) {
	float: left;
	width: 150px;
	text-align: left;
}

.portal_table_szamlak div:nth-child(2) {
	float: left;
	width: 120px;
	text-align: center;
}

.portal_table_szamlak div:nth-child(3) {
	float: left;
	width: 120px;
	text-align: center;
}

.portal_table_szamlak div:nth-child(4) {
	float: left;
	width: 130px;
	text-align: center;
}

.portal_table_szamlak div:nth-child(5) {
	float: left;
	width: 150px;
	text-align: center;
}

.portal_table_szamlak div:nth-child(6) {
	float: left;
	width: 170px;
	text-align: left;
}

.red {
	color: white;
	background: red;
	padding: 0 10px;
	font-weight: 999;
}

.orange {
	color: white;
	background: orange;
	padding: 0 10px;
	font-weight: 999;
}

.green {
	color: white;
	background: green;
	padding: 0 10px;
	font-weight: 999;
}

.logout {
	float: right;
	width: 150px;
	text-align: right;
}

.button-back {
	margin-top: 5px;
	text-align: left;
}

.space-10 {
	margin-right: 10px;
}

.hirekimg {
	border: 1px solid white;
}

.hirek_padding {
	float: left;
	margin: 20px 50px 0 50px;
}

.hirek_hirek {
	width: 850px;
	height: 520px;
	padding: 20px;
	border: 1px solid #00306c;
	font-size: 14pt;
	overflow: auto;
	background: rgba(0,0,0, 0.4);
}

.hirek_details_title {
	font-size: 24pt;
}

.hirek_details_text {
	clear: both;
	text-align: left;
	margin: 0px 0 0 0px;
	padding: 0;
}

.hirek_details_text a,
.hirek_details_text a:link,
.hirek_details_text a:hover,
.hirek_details_text a:visited {
	color: #0cd0ff;
}

.hirek_details_text_q {
	color: white;
	margin: 0 0 20px 95px;
    text-indent: -95px;
}

.hirek_details_text_datum {
	font-family: font_normal;
	font-size: 11pt;
	padding-left: 20px;
	padding: 10px 0 0 20px;
	margin: 0;
}

.color-cyan {
	color: #0cd0ff;
}

.hirek_details_text_a {
	font-family: font_normal;
	padding-left: 20px;
	padding: 10px 0 20px 20px;
	margin: 0;
	color: #0cd0ff;
}

.hirek_details_text_q a,
.hirek_details_text_q a:link,
.hirek_details_text_q a:hover,
.hirek_details_text_q a:visited {
	color: #0cd0ff;
}

.hirek_details_text_a a,
.hirek_details_text_a a:link,
.hirek_details_text_a a:hover,
.hirek_details_text_a a:visited {
	color: #0cd0ff;
}


.textalign_justify {
	text-align: justify;
}

.textalign_right {
	text-align: right;
}

.textalign_center {
	text-align: center;
}

.kapcsolat_padding {
	float: left;
	margin: 302px 50px 0 500px;
}

.kapcsolat_details_company {
	font-size: 32pt;
}

.kapcsolat_details_text {
	margin-top: 30px;
	font-size: 20pt;
	line-height: 31px;
}

.kapcsolat_details_text a,
.kapcsolat_details_text a:link,
.kapcsolat_details_text a:hover,
.kapcsolat_details_text a:visited {
	color: white;
}

.fooldal_eeszt_logo {
	width: 195px;
	height: 95px;
	margin-bottom: 30px;
}

.fooldal_details_title {
	font-size: 24pt;
}

.fooldal_termekek {
	float: left;
	width: 900px;
}

.fooldal_kiemelt {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0;
}

.fooldal_prg_title {
	float: left;
	font-size: 18pt;
	width: 200px;
	height: 100px;
	border: 1px solid #00ffff;
	background: #002048;
	color: white;
	padding: 10px 0 0 0;
	margin: 0 10px;
}

.fooldal_prg_title:hover {
	background: #888;
	color: #002048;
	border: 1px solid #888;
}

.fooldal_prg_description {
	float: left;
	font-size: 12pt;
	margin-top: 20px;
	width: 220px;
}

.fooldal_padding {
	margin: 40px 50px 0 50px;
}

.fooldal_koszonjuk {
	float: left;
	width: 100%;
	font-size: 24pt;
	margin-top: 50px;
}

.eitp_details_title {
	width: 550px;
	text-align: center;
	margin-top: 30px;
	font-size: 24pt;
}

.eitp_details_subtitle {
	width: 550px;
	margin-top: 20px;
	text-align: center;
	font-size: 12pt;
}

.eitp_details_subtitle a,
.eitp_details_subtitle a:link,
.eitp_details_subtitle a:hover,
.eitp_details_subtitle a:visited {
	color: white;
}

.eitp_details_text {
	clear: both;
	text-align: left;
	padding: 40px 0 0 40px;
	font-size: 18pt;
}

.eitp_details_text {
	line-height: 22pt;
}

.eitp_details_text a,
.eitp_details_text a:link,
.eitp_details_text a:hover,
.eitp_details_text a:visited {
	color: white;
}

.eitp_stat_box {
	float: left;
	border: 1px solid #00D0FF;
	text-align: center;
	margin: 5px;
}

.eitp_stat_box:first-child {
	margin-left: 40px;
}

.eitp_stat_number {
	background: #00D0FF;
	color: black;
	font-size: 18pt;
	font-weight: bold;
	padding: 0px 10px;
}

.eitp_stat_info {
	padding: 3px 10px;
}

.eitp_gyik_kerdesek {
	width: 870px;
	height: 480px;
	margin: 30px 0 0 40px;
	padding: 20px;
	border: 1px solid #00306c;
	font-size: 14pt;
	overflow: auto;
	background: rgba(0,0,0, 0.4);
}

.eitp_gyik_details_text {
	clear: both;
	text-align: left;
	margin: 0px 0 0 0px;
	padding: 0;
}

.eitp_gyik_details_text_q {
	font-family: font_bold;
	color: #0cd0ff;
	margin: 0 0 20px 0;
}

.eitp_gyik_details_text_a {
	font-family: font_normal;
	padding-left: 20px;
}

.eitp_gyik_details_text_a a,
.eitp_gyik_details_text_a a:link,
.eitp_gyik_details_text_a a:hover,
.eitp_gyik_details_text_a a:visited {
	color: #0cd0ff;
}

.eitp_gyik_details_text p {
	margin: 0 0 20px 0;
}

.eitp_elonyok_kerdesek {
	width: 870px;
	height: 480px;
	margin: 30px 0 0 40px;
	padding: 20px;
	border: 1px solid #00306c;
	font-size: 14pt;
	overflow: auto;
	background: rgba(0,0,0, 0.4);
}

.eitp_elonyok_details_text {
	clear: both;
	text-align: left;
	margin: 0px 0 0 0px;
	padding: 0;
}

.eitp_elonyok_details_text_q {
	font-family: font_bold;
	color: #0cd0ff;
	margin: 0 0 20px 0;
}

.eitp_elonyok_details_text_cap {
	font-family: font_bold;
	color: white;
	border: 1px solid #00ffff;
	margin: 0px 0 20px 0;
	padding: 4px 0 4px 10px;
	background: rgba(160,160,160, 0.4);
}

.eitp_elonyok_details_text_a {
	font-family: font_normal;
	padding-left: 20px;
}


.eitp_elonyok_details_text_a a,
.eitp_elonyok_details_text_a a:link,
.eitp_elonyok_details_text_a a:hover,
.eitp_elonyok_details_text_a a:visited {
	color: #0cd0ff;
}

.eitp_elonyok_details_text p {
	margin: 0 0 20px 0;
}

.eitp_videok_kerdesek {
	width: 870px;
	height: 480px;
	margin: 30px 0 0 40px;
	padding: 20px;
	border: 1px solid #00306c;
	font-size: 14pt;
	overflow: auto;
	background: rgba(0,0,0, 0.4);
}

.eitp_videok_details_text a,
.eitp_videok_details_text a:link,
.eitp_videok_details_text a:hover,
.eitp_videok_details_text a:visited {
	text-decoration: none;
}

.eitp_videok_details_text_q {
	font-family: font_bold;
	color: #0cd0ff;
	margin: 0 0 20px 0;
}

.eitp_videok_details_text_a {
	font-family: font_normal;
	padding-left: 20px;
}

.back a,
.back a:link,
.back a:hover,
.back a:visited {
	color: #0cd0ff;
}

.winidoki_padding {
	margin: 20px 50px 0 50px;
	text-align: center;
}

.winidoki_details_title {
	font-size: 40pt;
}

.winidoki_details_subtitle {
	font-size: 14pt;
}

.winidoki_details_subtitle a,
.winidoki_details_subtitle a:link,
.winidoki_details_subtitle a:hover,
.winidoki_details_subtitle a:visited {
	color: white;
}

.winidoki_footer a,
.winidoki_footer a:link,
.winidoki_footer a:hover,
.winidoki_footer a:visited {
	color: white;
}

.winidoki_footer {
	clear: both;
}

.winidoki_footer_left {
	float: left;
	font-size: 24pt;
	padding-left: 50px;
}

.winidoki_footer_middle {
	float: left;
	font-size: 24pt;
	padding-left: 75px;
}

.winidoki_footer_right {
	float: right;
	font-size: 24pt;
	padding-right: 50px;
}

.gyogyinf_padding {
	margin: 40px 50px 0 50px;
	text-align: center;
}

.gyogyinf_details_title {
	font-size: 36pt;
}

.gyogyinf_details_subtitle {
	font-size: 14pt;
}

.gyogyinf_details_subtitle a,
.gyogyinf_details_subtitle a:link,
.gyogyinf_details_subtitle a:hover,
.gyogyinf_details_subtitle a:visited {
	color: white;
}

.gyogyinf_details_text {
	font-size: 24pt;
}

.gyogyinf_footer {
	font-size: 20pt;
}

.gyogyinf_footer a,
.gyogyinf_footer a:link,
.gyogyinf_footer a:hover,
.gyogyinf_footer a:visited {
	color: white;
}

.aszf {
	font-family: font_bold;
	color: white;
	margin: 0 0 20px 0;
}

.aszf_padding {
	margin: 20px 50px 0 50px;
	text-align: left;
}

.aszf_details {
	width: 850px;
	height: 530px;
	padding: 20px;
	border: 1px solid #00306c;
	font-size: 14pt;
	overflow: auto;
	background: rgba(0,0,0, 0.4);
}

.aszf_details_title {
	font-size: 24pt;
}

.aszf_details_text {
	clear: both;
	text-align: left;
	margin: 0px 0 0 0px;
	padding: 0;
}


.szoftverek_padding {
	margin: 20px 50px 0 50px;
	text-align: center;
}

.szoftverek_szoftverek {
	width: 850px;
	height: 480px;
	padding: 20px;
	border: 1px solid #00306c;
	font-size: 14pt;
	overflow: auto;
	background: rgba(0,0,0, 0.4);
}

.szoftverek_details_title {
	font-size: 24pt;
}

.szoftverek_details_text {
	clear: both;
	text-align: left;
	margin: 0px 0 0 0px;
	padding: 0;
}

.szoftverek_details_text_q {
	font-family: font_bold;
	color: #0cd0ff;
	margin: 0 0 20px 0;
}

.szoftverek_details_text_a {
	font-family: font_normal;
	padding-left: 20px;
}

.szoftverek_details_text_a a,
.szoftverek_details_text_a a:link,
.szoftverek_details_text_a a:hover,
.szoftverek_details_text_a a:visited {
	color: #0cd0ff;
}

.szoftverek_details_text_q a,
.szoftverek_details_text_q a:link,
.szoftverek_details_text_q a:hover,
.szoftverek_details_text_q a:visited {
	color: #0cd0ff;
}

.szoftverek_details_text p {
	margin: 0 0 20px 0;
}

.topmargin-2 {
	margin-top: 2px;
}

.topmargin-10 {
	margin-top: 10px;
}

.topmargin-20 {
	margin-top: 20px;
}

.topmargin-22 {
	margin-top: 22px;
}

.topmargin-30 {
	margin-top: 30px;
}

.topmargin-40 {
	margin-top: 40px;
}

.topmargin-50 {
	margin-top: 50px;
}

.topmargin-70 {
	margin-top: 70px;
}

.topmargin-80 {
	margin-top: 80px;
}

.topmargin-100 {
	margin-top: 100px;
}

.ip_foglalas_button, .ip_naptar_button {
	clear: both;
	font-family: font_normal;
	font-size: 14pt;
	padding: 5px 10px;
	cursor: pointer;
}

.ip_idoszak {
	font-size: 20pt;
}

.ip_table {
	float: left;
	margin-top: 15px;
	width: 840px;
}

.ip_table .ip_column {
	float: left;
	width: 120px;
	text-align: center;
	height: 20px;
	font-size: 12pt;
	border: 1px solid green;
}

.ip_table .ip_column div {
	border-bottom: 1px solid white;
	height: 19px;
	font-size: 12pt;
	cursor: pointer;
}

.ip_table .ip_column div:first-child {
	border: 1px solid white;
	background: white;
	color: black;
	text-align: center;
	font-weight: 900;
	margin-bottom: 2px;
	border-right: 1px solid black;
}

.ip_table .ip_info {
	float: left;
	margin: 0 0 0 15px;
	padding: 10px;
	height: 242px;
	width: 170px;
	border: 1px solid cyan;
	font-size: 11pt;
	background: rgba(0,0,0, 0.6);
	line-height: 18px;
}

.ip_table .ip_column .free:hover {
	color: black;
	background: lime;
}

.ip_selected {
	color: white;
	background: #00a000;
	text-align: center;
	padding: 8px;
	font-weight: 900;
	font-size: 14pt;
	margin: 10px 0 0 0;
}

.ip_table .ip_column .busy {
	background: red;
	cursor: default;
}

.ip_table .ip_column .reserved {
	background: #00a000;
	font-weight: 900;
}

.ip_table .ip_column .reserved:hover {
	color: black;
	background: lime;
}

.ip_table .ip_column .otherreserved {
	color: black;
	background: #b0b0b0;
	cursor: default;
}

.ip_contact .block1 {
	float: left;
	width: 350px;
}

.ip_contact .block2 {
	float: left;
	width: 350px;
}

.ip_contact-left {
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 10px;
	margin-top: 7px;
}

.ip_contact-right {
	width: 100px;
	float: left;
	margin-top: 5px;
}

.ip_contact_text {
	font-family: font_normal;
	font-size: 14pt;
	width: 200px;
}

.ip_contact_select {
	font-family: font_normal;
	font-size: 14pt;
	width: 200px;
}

.ip_fullrow {
	width: 600px;
	font-size: 20pt;
	margin-left: 40px;
}

.kalkulator_calc {
	line-height: 24pt;
	font-size: 14pt;
	float: left;
	width: 450px;
}

.kalkulator_calc input {
	width: 80px;
	font-size: 12pt;
}

.kalkulator_left {
	float: left;
	width: 330px;
}

.kalkulator_right {
	float: left;
	width: 120px;
}

#calc_old2, #calc_new, #calc_new2 {
	background: #ddd;
}

/*
.chat_avatar {
	position: absolute;
	right: 50px;
	bottom: 570px;
}

.chat_avatar img {
	height: 100px;
}
*/

.chat {
	position: fixed;
	top: 100%;
	right: 0%;
	-webkit-transform: translateY(calc(-100% - 20px));
	-ms-transform: translateYcalc(-100% - 20px));
	transform: translateY(calc(-100% - 20px));
	width: 150px;
	height: 56px;
	background: #fff;
	border-radius: 15px;
	font-size: 14pt;
	padding: 0px;
	overflow-y: hidden;
	overflow-x: hidden;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
*/
}


@keyframes chatbox_zoom {
  from {right:20px; width: 150px; height: 56px; overflow-y: hidden;}
  to {right:20px; width: 300px; height: 500px; overflow-y: auto;}
}

@keyframes chatbox_shrink {
  from {right:20px; width: 300px; height: 500px; overflow-y: auto;}
  to {right:20px; width: 150px; height: 56px; overflow-y: hidden;}
}

.chat_header {
	float: left;
	font-family: font_bold;
	margin: 0 0 0 0;
	padding: 16px 10px 0px 10px;
	height: 40px;
	width: 290px;
	font-size: 18px;
	text-align: center;
	background: #5fa3b8;
	color: white;
	text-align: left;
	cursor: pointer;
}

.chat_header_title {
	float: left;
	width: 90px;
}

.chat_header_icon {
	float: right;
	margin-right: 15px;
	background: url('../../chat/icons/chat_box1.png') no-repeat;
	width: 182px;
	height: 30px;
	max-height: 30px;
	display: block;
}

.chat_header_icon2 {
	float: right;
	margin-right: 15px;
	background: url('../../chat/icons/chat_minimize.png') no-repeat;
	width: 32px;
	height: 30px;
	max-height: 30px;
	display: none;
}

.chat_content {
	float: left;
	border-bottom: 1px solid #cec8cb;
	height: 360px;
	width: 280px;
	padding: 10px;
	overflow-y: auto;
	overflow-x: hidden;
	color: black;
}

.chat_szoveg {
	float: left;
	background: #ececeb;
	margin-bottom: 10px;
	width: 260px;
	padding: 10px;
	border-radius: 0px 15px 15px 15px;
}

.chat_kerdes {
	float: left;
	background: #ececeb;
	width: 260px;
	padding: 10px 10px 0 10px;
	font-weight: bold;
	border-radius: 0px 15px 0px 0px;
}

.chat_valasz {
	float: left;
	background: #ececeb;
	width: 260px;
	padding: 0px 10px 10px 10px;
	border-radius: 0px 0px 15px 15px;
}

.chat_valasz2 {
	float: left;
	width: 260px;
	background: #ececeb;
	padding: 0px 10px 10px 10px;
	border-radius: 0px 0px 15px 15px;
}

.chat_footer {
	float: left;
	width: 280px;
	padding: 15px 10px 0 10px;
}

.chat img {
	max-height: 20px;
}

.chat .chat_selection {
	text-indent: -22px;
	margin: 4px 0 0 22px;
}

.chat .chat_selection input[type=radio], label {
	cursor: pointer;
	padding: 0px 5px;
}

.chat .chat_selection label:hover {
	background: #5fa3b8;
	color: white;
}

.chat .chat_btn {
	font-family: font_normal;
	font-size: 14pt;
	padding: 5px 20px;
	cursor: pointer;
}

.chat .chat_tovabb, .chat .chat_vissza
 {
	width: 20px; 
	height: 30px; 
	max-height: 30px;
	cursor: pointer;
}

.chat_print
 {
	cursor: pointer;
}

.chat .chat_jump
 {
	width: 133px; 
	height: 38px; 
	max-height: 38px;
	cursor: pointer;
}

.chat .chat_vote, .chat .chat_novote
 {
	width: 126px; 
	height: 38px; 
	max-height: 38px;
	cursor: pointer;
}

.chat .chat_vote_buttons {
	float: left;
	width: 280px;
	padding: 5px 0 0 0;
}

.chat .chat_right {
	float: right;
}

.chat .chat_mustselect {
	color: red;
	font-weight: bold;
	font-size: 12pt;
	display: none;
}

.chat .chat_feedback {
	padding: 6px;
	height: 40px;
	max-height: 40px;
	cursor: pointer;
}

.vote1 {
	background: url('/chat/icons/chat_vote1.png') no-repeat;
}

.vote2 {
	background: url('/chat/icons/chat_vote2.png') no-repeat;
}

.vote3 {
	background: url('/chat/icons/chat_vote3.png') no-repeat;
}

.vote4 {
	background: url('/chat/icons/chat_vote4.png') no-repeat;
}

.vote5 {
	background: url('/chat/icons/chat_vote5.png') no-repeat;
}

.vote1, .vote2, .vote3, .vote4, .vote5 {
	float: left;
	width: 37px;
	height: 30px;
}

.vote1 {
	margin-left: 10px;
}

.qc {
	float: left;
	border: 1px solid #888;
}

.qc_body {
	padding: 10px;
	background: #d0d0d0;
}

.qc_body h1 {
	margin: 0px;
}

.qc_body p {
	font-size: 14pt;
}

.qc_row {
	clear: both;
	font-size: 14pt;
	float: left;
	border-top: 1px solid #888;
}

.qc_row:first-child {
	border-top: none;
	font-weight: 999;
}

.qc_row:last-child {
	border-bottom: none;
}

.qc_row:nth-child(odd) {
	background: #f8f8f8;
}

.qc_row:nth-child(even) {
	background: #e8e8e8;
}

.qc_col1 {
	float: left;
	width: 50px;
	padding: 10px;
}

.qc_col2 {
	float: left;
	width: 300px;
	padding: 10px 30px 10px 10px;
}

.qc_col3 {
	float: left;
	width: 400px;
	overflow-y: auto;
	padding: 10px;
}