@font-face {
	font-family: 'CalibriLight';
	src: url('/fonts/calibri_light.eot');
	src: url('/fonts/calibri_light.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/calibri_light.woff') format('woff'),
		 url('/fonts/calibri_light.ttf') format('truetype'),
		 url('/fonts/calibri_light.svg#CalibriLight') format('svg');
}

@font-face {
	font-family: 'CalibriRegular';
	src: url('/fonts/calibri_regular.eot');
	src: url('/fonts/calibri_regular.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/calibri_regular.woff') format('woff'),
		 url('/fonts/calibri_regular.ttf') format('truetype'),
		 url('/fonts/calibri_regular.svg#CalibriRegular') format('svg');
}




img{border:none;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;text-align:left;font-family:'CalibriRegular', Calibri;}
.cf:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cf{
	display: inline-block;
}

.right {
    float: right;
}

.left {
    float: left;
}

html .cf{
	height: 1%;
}

.cf{
	display: block;
}

.row {
	clear:both;
}
.layout_content .row{
    margin:0;
}

.cell {
	display:inline;
	float:left;
	clear:none;
}

form{
	display:inline;
}

a {
	text-decoration:none;
	color: #121212;
}

a:hover {
	color:#333333;
}

.center {
	text-align:center;
}

body {
	margin:0;
	padding:0;
	background-color: #fff;
	font-family: 'CalibriRegular', Calibri;
	font-size:10pt;
	color:#333333;
}

.layout {
	width:100%;
	position:relative;
}

.layout_header {
	height: 220px;
	margin: 0;
	overflow: hidden;
	width: 100%;
}

.layout_header .header_container {
	width:980px;
	height:220px;
	margin:0 auto;
	position:relative;
}

.layout_header .header_background {
	background:url('/images/design/landing/logo_main.png') no-repeat;
    background-position: center center;
    height:100%;
	
}

.layout_header .header_container a.header{
    display: block;
    height: 125px;
    left: 335px;
    position: relative;
    top: 46px;
    width: 315px;
}

.layout_header .header .title {
	padding:45px 0 0 19px;
	font-size: 25px;
}

.layout_container {
	width:100%;
	display:block;
}

.layout_body {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	min-height:100px;
    background-color: #F0F0F0;
}

.layout_leftside {
	float:left;
	width:175px;
	background:lightgray;
}

.layout_content {
	width: 960px;
    padding:0px 10px;
	margin:0 auto;
	margin-bottom: 20px;
}

.layout_content .content {
	min-height:485px;
}

.layout_content div.not_logged {
	min-height:300px;
}

.layout_content .title {
    margin: 60px 0px 20px 0px;
}

.layout_content .title h1 {
    margin: 0px;
    color: #121212;
    font-family: 'CalibriLight';
    font-size: 36px;
    letter-spacing: -1px;
}

.layout_content .content .title {
    margin: 0;
    padding: 0 0 10px;
}

.layout_content .content .title h2 {
	font-size:24px;
	font-family: 'CalibriLight';
}

.layout_content .content .row label {
    font-family: 'CalibriLight'!important;
    font-size: 16px!important;
    font-weight: normal!important;
    color: #666!important;
    margin: 10px 0px 0px 0px!important;
}

.layout_content .content .row input[type="text"], .layout_content .content .row input[type="password"] {
    border:1px solid #CCC!important;
    height: 50px!important;
    border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    width:100%!important;
    padding:0 0 0 10px!important;
    color: #666!important;
} 

input[type="text"], input[type="password"], textarea, select {   
  outline: none;  
} 

.layout_content .content .row .box {
    width: 300px!important;
    margin-right: 20px!important;
}

.layout_content .content .row input[type="text"]:focus, .layout_content .content .row input[type="password"]:focus {
    border:1px solid #66C5FB!important;
}

.layout_content .content .row .error {
    color: #E74C3C!important;
    font-family: 'CalibriLight'!important;
    background: none!important;
}

.layout_content .content .row .notice {
    border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    display:none;
    width: 99%!important;
    font-family: 'CalibriLight'!important;
    color: #666!important;
    padding:4px 0 4px 7px!important;
    border:1px solid #66C5FB!important;
    border-top: 0px!important;
    background-color:#fff!important;
    margin:0 6px!important;
}

.layout_footer {
	width:100%;
    background-color: #fff;
    padding-top: 10px;
}

#newsletter_btn {
	width:100px;
	height:30px;
	background: url('/images/design/subscribe_btn.png') no-repeat;
	border:none;
	cursor:pointer;
}

#newsletter_btn:hover {
	background: url('/images/design/subscribe_btn_hover.png') no-repeat;
}


.layout_footer #facebook_btn {
	display:block;
	width:202px;
	height:31px;
	background: url('/images/design/facebook_btn.png') no-repeat;
	margin:25px 0 0;

}

.layout_footer .footer .center {
	width:215px;
	margin-right: 20px;
	text-align: left;
}

.layout_footer .footer .center .text {
	margin: 0 0 5px;
}

.layout_footer .footer .center .row a {
	display:block;
	width:101px;
	height:56px;
	background:url('/images/design/test_btn1.png') no-repeat;
}

.layout_footer .footer .center .row a:hover {
	background:url('/images/design/test_btn1_hover.png') no-repeat;
}

.layout_footer .footer .right {
	width:210px;
}

.layout_footer .footer .right .text ul {
	padding: 0 0 0 20px;
	list-style: none;
}

.layout_footer .footer .right .text a {
	color:#64c9d3;
	font-style:italic;
}

.layout_footer .footer .right .text p {
	font-size:11px;
	color:#f4f4f4;
	padding:0 0 0 20px;
}

/******* -- GOMBOK --**************************************************************************************************/

.button1,
.button2,
.button3,
.button4,
.button6,
.button7,
.button_turquoise, 
.button_amethyst
{
    height: 50px!important;
    font-family: 'CalibriLight', Calibri!important;
    font-size: 18px!important;
    color: #fff!important;
    border:none!important;
    margin-left: 5px!important;
}

.button1, .button3, .button6 {
	background-color: #66c5fb;
}

.button2, .button4 {
	background-color: #E74C3C;
}

.button7 {
	background-color: #F1C40F;
}

.button_turquoise {
   background-color: #1ABC9C;
}

.button_amethyst {
    background-color:  #9B59B6;
}

a.button1,
a.button2,
a.button3,
a.button4,
a.button6,
a.button7,
a.button_turquoise, 
a.button_amethyst
{
    display: inline-block;
    text-decoration: none;
}

a.button1:hover,
a.button2:hover,
a.button3:hover,
a.button4:hover,
a.button6:hover,
a.button7:hover,
a.button_turquoise:hover, 
a.button_amethyst:hover
{
    color: #fff;
}

.button1:hover, .button3:hover, .button6:hover {
	background-color: #57A8D6;
}

.button2:hover,
.button4:hover {
	background: #EA6153;
}

.button7:hover {
    background: #F2CA27;
}

.button_turquoise:hover {
    background-color: #1DD2AF;
}

.button_amethyst:hover {
    background-color: #A66BBE;
}

.button1 span,
.button2 span,
.button3 span,
.button4 span,
.button6 span,
.button7 span,
.button_turquoise span, 
.button_amethyst span
{
	display:block;
	padding: 0 20px;
}

a.button1 span,
a.button2 span,
a.button3 span,
a.button4 span,
a.button6 span,
a.button7 span,
a.button_turquoise span,
a.button_amethyst
{ 
	padding-top:14px;
}

.button5 {
	display:block;
	width:350px;
	height:56px;
	background:url('/images/design/test_btn2.png') no-repeat;
}

.button5:hover {
	background:url('/images/design/test_btn2_hover.png') no-repeat;
}

/******* -- GOMBOK --**************************************************************************************************/


/******* -- TOOLTIP--**************************************************************************************************/

.tooltip1 {
	width:64px;
	height:200px;
	margin:0 auto;
	position:relative;
}
.tooltip1 .tip span {
	display:-moz-inline-box;
	display:inline-block;
	margin-left: 6px;
	background: url('/images/design/icon_black_arrow_small.png') no-repeat;
	width:10px;
	height:8px;
}

.tooltip1 .tip_box {
	position:absolute;
	top:20px;
	left:-90px;
	width:242px;
	min-height:150px;
	background:#FFFFFF;
	border:1px solid #cccccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	margin:0 auto;
}

.tooltip1 .tip_box .arrow {
	width:20px;
	height:9px;
	position:absolute;
	top:-9px;
	left:111px;
	background:url('/images/design/arrow.png') no-repeat;
}

.tooltip1 .tip_box .inner {
	margin:13px 8px;
	min-height:137px;
	text-align:left;
	font-size:11px;
	line-height: 18px;
}

.tooltip1 .tip_box  ul {
	margin: 20px 0 0;
	padding-left:25px;
	line-height:20px;
}

.tooltip1 .tip_box .video {
	list-style-image: url('/images/design/icon_video_small.png');
}

.tooltip1 .tip_box .help {
	list-style-image: url('/images/design/icon_help_small.png');
}

.tooltip1 .tip_box .people {
	list-style-image: url('/images/design/icon_people_small.png');
}

.tooltip1 .tip_box  ul a {
	color:#b64f1d;
	text-decoration:none;
}

.tooltip1 .tip_box ul a:hover {
	color:#333333;
}

/******* -- TOOLTIP--**************************************************************************************************/

#static {
	line-height: 20px;
}

#static ul {
	margin:0 0 40px;
	padding:0;
}

#static li {
	background: url("/images/design/bullet.png") no-repeat scroll 0 8px transparent;
	font-size: 13px;
	line-height: 31px;
	list-style: none outside none;
	padding: 0 0 0 25px;
}


#help_button a {
	float:right;
	color:#121212;
    font-family: 'CalibriLight';
}

#help_button a span {
	display:inline-block;
	display:-moz-inline-block;
	width:19px;
	height:17px;
	margin: 0 5px 0 0;
	/*background: url('/images/design/icon_help.png') no-repeat;*/
}

span.confirm_text {
	display: block;
	padding-top: 23px;
}

#layout_help {
	padding: 0 20px;
}

#content_szolgaltatas .text {
	margin:20px 0 30px;
	font-size: 12px;
	line-height: 20px;
}

#content_szolgaltatas .description_title, #content_szolgaltatas .description {
	line-height: 25px;
}

#content_szolgaltatas .text h2 {
	margin:15px 0 15px;
}

.layout_content .content .description_title {
	font-size:16px;
	padding:0 0 16px;
}

.layout_content .content .description {
	font-size:16px;
	padding:0 0 16px;
	margin:27px 0 0;
	color:#333333;
}

.layout_content .content .description h2 {
	font-size:22px;
	font-weight:normal;
	margin:0 0 15px;
}

.layout_content .content .description ul {
	margin:0 0 40px;
	padding:0;
}

.layout_content .content .description li {
	list-style:none;
	background:url('/images/design/bullet.png') no-repeat 0 8px scroll;
	padding:0 0 0 25px;
	line-height:31px;
	font-size:13px
}

#note_box, .note_box{
	border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    background: #2ecc71!important;
    color: #fff!important;
    font-family: 'CalibriRegular', Calibri;
    font-size: 16px;
    margin-bottom: 25px;
    padding: 25px 40px;
}

#note_box h3{
	font-size:22px;
	font-weight: normal;
}

#note_box p {
	margin:5px 0;
}

.content_980 {
    width:980px;
    margin:0px auto;
}

#footer {
    font-family: 'CalibriRegular';
    *font-family: Calibri;
    font-size: 16px;
    color: #666;
    margin-top: 20px;
    padding-bottom: 20px;
    padding-left:10px;
}

.ui-widget-overlay {
    z-index: 40000 !important;
}

.ui-dialog {
    z-index: 40001 !important;
}

/*********************************************/
.note_box{
	border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    background: #2ecc71!important;
    color: #fff!important;
    font-family: 'CalibriRegular', Calibri;
    font-size: 16px;
    margin-bottom: 25px;
    padding: 25px 40px;
}

.orange {
	color: #E74C3C!important;
}

.hasPlaceholder {
    color: #ccc;
}

.alert {
 	border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
}

.half_content {
    width: 450px;
    *width: 435px;
    padding:15px;
    background-color: #fff;
    border: 1px solid #C3C3C3;
    min-height: 262px;
}

.designed_table {
    font-family: 'CalibriLight', Calibri;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    margin-top: 15px;
}
.designed_table th {
    font-weight: bold;
}

.designed_table td, .designed_table th {
    margin-right: 5px;
    padding:5px;
}

.blue_text {
    color: #66c5fb!important;
}

.b {
    font-weight: bold;
}

input[type=checkbox].css-checkbox {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left:29px;
    padding-top: 4px;
    height:20px; 
    display:inline-block;
    line-height:15px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:15px;
    vertical-align:middle;
    cursor:pointer;
    font-weight: normal;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -20px;
}

.css-label{
    background-image:url('/images/design/checkbox_sprite.png');
}


input[type=radio].css-radio {
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=radio].css-radio + label.css-label {
    padding-left:29px;
    padding-top: 4px;
    height:20px; 
    display:inline-block;
    line-height:15px;
    background-repeat:no-repeat;
    background-position: 0 -60px;
    font-size:15px;
    vertical-align:middle;
    cursor:pointer;
    font-weight: normal;
}

input[type=radio].css-radio:checked + label.css-label {
    background-position: 0 -80px;
}

.google-visualization-table-table .gradient, .google-visualization-table-div-page .gradient {
    background: #66C5FB!important;
    color: #fff;
    font-family: 'CalibriLight';
    font-size: 14px;
}

.google-visualization-table-table {
    width:918px!important;
}

input.hasDatepicker[type="text"] {
    border: 1px solid #C3C3C3;
    height: 35px;
    padding: 0 0 0 10px;
    width: 200px;
}

form#person_form_search #search {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    width: 250px!important;
}