body {
    background: url(../img/body_background.png) repeat-y scroll center #e6e6e6;
    font: 12px/1.15em Verdana,Arial,sans-serif;
    position: relative;
}
img {
	border-width: 0;
}

.clbo {
	clear: both;
	line-height: 1px;
	height: 1px;
}

.disno {
	display: none;
}

a {
	color: #3f62a2;
}

#container {
	width: 980px;
	margin: auto;
}

#container .topad {
	position: relative;
}

#container div.topad__advWrapper > div {
    padding-bottom: 5px;
}

#container .topad div.advlabel{
	height: 64px;
    left: -16px;
    position: absolute;
    top: 18px;
    width: 10px;
	background: url(../img/header/hu/advlabel.png) no-repeat;
	display: none;
}

#container .topad div.advlabel.en{
	top: 2px;
	height: 96px;
	background: url(../img/header/en/advlabel.png) no-repeat;
}

#masthead {
	z-index: 110;
}

body:not(#advertisement) #masthead{
	position: relative;
}


#search {
	background: url(../img/searchbar/background.png) #293248;
	height: 87px;
	color: #d4e0f2;
	font-size: 11px;
	position: relative;
}

#search label {
	font-size: 16px;
	font-weight: bold;
	display: block;
	float: left;
	margin: 20px 0 0 7px;
}

#search div {
	float: left;
	margin-top: 9px;
}

#search a.more {
	display: block;
	float: right;
	margin: 21px 15px 0 0;
	color: #ffffff;
	font-size: 12px;
}

#search div.input {
	background: url(../img/searchbar/input_background.png) no-repeat left top transparent;
	width: 300px;
	height: 39px;
	padding: 3px 0 0 4px;
}

#search div.input input {
	border: none;
	background: transparent;
	padding: 6px;
	margin: 0;
	display: block;
	height: 19px;
	line-height: 19px;
	width: 279px;
	font-size: 14px;
	color: #415a81;
}

#search div.input input.empty {
	color: #aaaaaa;
}

#search .img {
	margin-top: 7px;
	display: block;
	float: left;
}

#search .keywords {
	margin: 13px 0 0 15px;
	clear: both;
}

#search .keywords a {
	color: #ffffff;
}

#search .topkeywords {
	margin: 13px 0 0 18px;
}

#search .topkeywords a {
	color: #D4E0F2;
}

#search .stat {
	float: right;
	margin: 12px 15px 0;
}

#search .stat a{
	color: #d4e0f2;
}


.ui-autocomplete,
.ui-autocomplete.ui-widget-content {
	display: none;
	position: absolute;
	left: 400px;
	top: 43px;
	background: #ffffff;
	border: 2px solid #57709b;
	padding: 6px;
	z-index: 100 !important;
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

.ui-autocomplete.ui-corner-all,
.ui-autocomplete .ui-corner-all {
	border-radius: 0;
}

.ui-autocomplete .ui-state-hover, .ui-autocomplete.ui-widget-content .ui-state-hover, .ui-autocomplete .ui-state-focus, .ui-autocomplete.ui-widget-content .ui-state-focus {
	border: none;
	background: none;
	font-weight: normal;
	color: inherit;
}

.ui-autocomplete li a {
	display: block;
	color: #415a81;
    margin: -4px;
    padding: 5px;
	text-decoration: none !important;
	cursor: pointer;
}

.ui-autocomplete li span {
	display: block;
	color: #aaaaaa;
    margin: -4px;
    padding: 5px;
	cursor: auto;
}

.ui-autocomplete li span.faq_highlight{
    display: inline;
    color: #9c0059;
    font-weight: bold;
}

.ui-autocomplete li a:hover, #ui-active-menuitem {
	color: #d4e0f2;
	background-color: #2d3a6e;
}

#content {
	background: #ffffff;
	z-index: 1;
}

#main, div.main {
	float: left;
	margin: 20px 0 20px 21px;
	width: 630px;
    color: #555555;
}

#side, div.side {
	float: right;
	margin: 10px 10px 0 0;
	width: 300px;
}

#ad_block_id h2 {
	font-size: 11px;
	padding: 12px 0 5px 8px;
	border-bottom: 1px dotted #c7c7c7;
	color: #7f7f7f;
	margin-bottom: 10px;
	font-weight: normal;
}

.ad_block_id h2 {
	font-size: 11px;
	padding: 12px 0 5px 8px;
	border-bottom: 1px dotted #c7c7c7;
	color: #7f7f7f;
	margin-bottom: 10px;
	font-weight: normal;
}

div.ad {
	padding-bottom: 10px;
}
.listbox div.ad {
	padding:10px 0 5px;
}

#footer {
	background: url(../img/footer/background.png);
	height: 70px;
	position: relative;
    margin-top: 0px;
    padding-top: 1px;
}

#footer ul {
	padding:11px 0 10px;
	text-align: center;
}

#footer li {
	display: inline;
	margin-right: 16px;
	padding-right: 17px;
	border-right: 1px solid #b7ccea;
}

#footer ul.bottom li {
	border-color: #4c638c;
}
#footer li.last {
	border: none;
}

#footer ul.bottom li a {
	color: #b7ccea;
	font-size: 11px;
}

#footer ul.top li a {
	font-weight: bold;
	color: #ffffff;
}

#footer div{
	position: absolute;
}
#footer .logos {
	top: 8px;
	right: 12px;
}
#footer .logos a {
	margin-right: 4px;
}
/* nyelvv�laszt� */
#footer .lang {
	position: absolute;
	top: 45px;
	left: 0;
}
#footer .lang a {
	background: url(../img/header/flags.png);
	width: 29px;
	height: 20px;
	display: block;
	float: left;
}
#footer .lang .hu {
	background-position: left 0;
}
#footer .lang .hu.active, #footer .lang a.hu:hover {
	background-position: left -21px;
}
#footer .lang .en {
	background-position: left -42px;
}
#footer .lang .en.active, #footer .lang a.en:hover {
	background-position: left -64px;
}









.jqifade{
	position: absolute;
	/*background-color: #aaaaaa;*/
    background-color: #000000;
}
div.jqi{
	/*max-width: 446px;*/
    max-width: 483px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 3px #c0d2ec;
	padding: 5px;
}
div.jqi .jqiclose{
	display: none;
}
.layer_hide_x div.jqi .jqiclose {
    display: none;
}
div.jqi .jqimessage{
	padding: 12px;
	/*color: #7f7f7f;*/
	color: #555555;
	font-size: 13px;
    line-height:15px;
}
div.jqi .jqititle{
    font-size: 12px;
    font-weight:bold;
}
div.jqi b {
    color: #9c0059;
    font-weight:bold;
}
div.jqi .jqibuttons{
	text-align: center;
	padding: 5px 0 5px 0;
}
div.jqi button{
	border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 4px 10px;
	margin: 0 5px;
	background: url(../img/buttons/jqi_bg.png) repeat-x scroll left top #748bb1;
	border: 1px solid #5B739B;
	color: #ffffff !important;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana;
}
div.jqi button.jqidefaultbutton{
	background: url(../img/buttons/jqi_bg.png) repeat-x scroll left top #748bb1;
}

div.kesobbFizetekLayer button.wcs-prompt-button {
	border: 1px solid #850053;
	background: url(../img/buttons/jqi_bg_purple.png) repeat-x scroll left top #98005e;
	width: auto !important;
	font-size: 12px;
}

div.jqi .layer_header {
	margin: -17px -15px 16px -17px;
}

div.jqi .jqimessage .jqiinnerbox {
    border: 1px solid #859abe;
    background-color: #eff3fa;
    margin: 19px 0px 0px 0px;
    padding: 7px 9px 9px 9px;
}

div.jqi .jqimessage .jqiinnerbox ul {
    margin: 0px 0px 15px 0px;
}

div.jqi .jqimessage .jqiinnerbox ul li {
    background: transparent url(../img/layer/list-style-disc-a4b8d9.png) no-repeat 2px 12px;
    padding: 5px 0px 0px 12px;
}

div.jqi .jqimessage .jqiinnerbox.jqiinnerbox_no_style {
    background: none;
    border: none;
}

div.jqi .jqimessage .actions {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0;
}

div.jqi .jqibuttons input.wcs-prompt-button {
    vertical-align: middle;
    margin:0px 2px 0px 2px;
}

div.jqi .jqimessage img.center {
	display: block;
	margin:  10px auto;
}

.kesobbFizetekLayer div.jqi button
{
    width:230px;
}

div.jqi .jqicontainer .normal_font{
	font-weight: normal;
}

.layer-half {
    width: 210px;
    float: left;
    font-size: 12px;
    border-left: 1px dotted #C7C7C7;
    padding-left: 10px;
}

.layer-half b {
    font-size: 13px;
}

.layer-half.left {
    margin-right: 10px;
    border: none;
    padding-left: 0;
}

.layer-half span {
    color: #777;
}

.m10l {
    margin-left: 10px;
}

.box3d {
  width: 300px;
  height: 250px;

  margin: 0px auto;
  position: relative;
  -webkit-transform-style: preserve-3d;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;

  transform: translateZ(1000px);
  transform-style: preserve-3d;
}

.box3d div {
  position: absolute;
  left: 0;
  top: 0;
  width: 300px;
  height: 250px;
  transform-origin: 50% 50% -150px;		/* -200px: -a teljes sz�less�g fele */

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background-color: #555;
  background-size: 300px auto;
  font-family: Arial;
  font-size: 100px;
}

.box3d div a {
    width: 100%;
    height: 100%;
    display: block;
}

.box3d div a {
    text-decoration: none;
}

.box3d .p1 {
  background-image: url("https://www.profession.hu/images/co_design/4/2/42131/1.jpg");
}

.box3d .p2 {
  background-image: url("https://www.profession.hu/images/co_design/4/2/42131/2.jpg");
}

.box3d .p3 {
  background-image: url("https://www.profession.hu/images/co_design/4/2/42131/3.jpg");
}

.box3d .p4 {
  background-image: url("https://www.profession.hu/images/co_design/4/2/42131/4.jpg");
}