html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.cf:before, .cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

body {
	padding-top: 100px;
	background: #fff;
	color: #7e868d;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
}

p {
	margin-bottom: 15px;
}

a {
	color: #f60;
}

a:hover {
	text-decoration: none;
}

ol, ul { 
    padding-left: 30px;
}

ol {
    list-style: decimal;
}

ul {
    list-style: inherit;
}

strong, b {
	color: #000;
	font-weight: 600;
}

em {
	font-style: italic;
}

img {
	max-width: 100%;
	border: 0;
}

textarea, input, select {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;	
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

#page-header {
	position: fixed;
	top: 0;
	z-index: 999;
	width: 100%;
	min-height: 95px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
	border-bottom: 5px solid #f60;
}

#header-inner {
	max-width: 1160px;
	margin: 0 auto;
}

#page-header h1 {
	float: left;
	width: 245px;
	height: 62px;
	margin: 19px 0 0 0;
	background: url('../images/logo.png') no-repeat;
	text-indent: -9999px;
}

#page-header h1 a {
	display: block;
	width: 100%;
	height: 100%;
}

#navigation {
	float: right;
	max-width: 900px;
	margin: 44px 10px 0 0;
}

#navigation ul {
	margin: 0;
	list-style: none;
}

#navigation ul li {
	display: inline-block;
	margin-left: 10px;
}

#navigation ul li a {
	color: #696969;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	transition: color .5s, border .2s;
}

#navigation ul li.active a, #navigation ul li a:hover {
	border-bottom: 3px solid #f60;
	color: #f60;
	transition: color .5s, border .2s;
}

#headerpic {
	height: 261px;
	background: #232e43 url('../images/headerpic.jpg') 50% 100px no-repeat fixed;
}

#headerpic-inner {
	max-width: 1160px;
	margin: 0 auto;
}

#search {
	float: right;
	margin: 200px 10px 0 0;
	background: #fff;
	-webkit-border-radius: 12px;
	-mtoz-border-radius: 12px;
	border-radius: 12px;
}

#search input {
	float: right;
	width: 160px;
	height: 28px;
	background: none;
	border: 0;
	outline: none;
}

#search button {
	float: left;
	width: 30px;
	height: 28px;
	background: url('../images/search.png') no-repeat center;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
}

#page-content {
	background: #e1e1e1; /* Old browsers */
	background: -moz-linear-gradient(top,  #e1e1e1 0%, #ffffff 80px, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(80px,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e1e1e1 0%,#ffffff 80px,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e1e1e1 0%,#ffffff 80px,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e1e1e1 0%,#ffffff 80px,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e1e1e1 0%,#ffffff 80px,#ffffff 100%); /* W3C */
}

#content-inner {
	padding: 50px 0;
}

.wrap {
	max-width: 1160px;
	margin: 0 auto;	
}

.col-4-container {
	margin-bottom: 30px;
	font-size: 0;
}

.col-4 {
	display: inline-block;
	width: 23%;
	padding: 0 1%;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
}

.icon-sw {
	padding-top: 95px;
	background: url('../images/icon-sw.png') no-repeat top;
}

.icon-erp {
	padding-top: 95px;
	background: url('../images/icon-erp.png') no-repeat top;
}

.icon-sup {
	padding-top: 95px;
	background: url('../images/icon-sup.png') no-repeat center 10px;
}

.icon-help {
	padding-top: 95px;
	background: url('../images/icon-help.png') no-repeat top;
}

.col-4 h2 {
	margin-bottom: 15px;
	color: #3f4251;
	font-size: 18px;
	text-transform: uppercase;
}

.col-4 h2:after {
	content: ' ';
	display: block;
	width: 80px;
	margin: 15px auto;
	border-bottom: 2px solid #e0e0e0;
}

a.button {
	display: inline-block;
	cursor: pointer;
	text-decoration: none;
}

.button-gray {
	margin-bottom: 30px;
	padding: 18px 30px;
	border: 2px solid #e0e0e0;
	color: #a4adb6;
	font-weight: bold;
	text-transform: uppercase;
}

.center {
	text-align: center;
}

hr {
	height: 1px;
	margin-bottom: 30px;
	background: #e0e0e0;
	border: 0;
}

h2.bu {
	margin-bottom: 30px;
	color: #3f4251;
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
}

h2.bu:after {
	content: ' ';
	display: block;
	width: 80px;
	margin: 15px auto;
	border-bottom: 2px solid #f60;
}

.slider {
	position: relative;
	padding: 0 90px;
	text-align: center;
}

.slider h3 {
	margin-bottom: 20px;
	color: #3f4251;
	font-size: 18px;
}

.slider-prev {
	position: absolute;
	left: 0;
	top: 35px;
	display: block;
	width: 63px;
	height: 63px;
	background: url('../images/slider-prev.png') no-repeat;
	cursor: pointer;
}

.slider-next {
	position: absolute;
	right: 0;
	top: 35px;
	display: block;
	width: 63px;
	height: 63px;
	background: url('../images/slider-next.png') no-repeat;
	cursor: pointer;
}

.slider-nav {
	margin-bottom: 30px;
}

.slider-nav ul {
	margin: 30px 0 0 0;
	text-align: center;
	list-style: none;
}

.slider-nav ul li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 3px;
	background: #e2e6ef;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-indent: -9999px;
}

.slider-nav ul li.current {
	background: #f60;
}

.contacts {
	height: 286px;
	margin-bottom: 30px;
	padding-top: 30px;
	text-align: center;
}

.contacts h2 {
	margin-bottom: 30px;
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
}


.contacts h2:after {
	content: ' ';
	display: block;
	width: 80px;
	margin: 15px auto;
	border-bottom: 2px solid #f60;
}

#main_page_contact_form .contact-form {
	position: relative;
}

#main_page_contact_form .contact-form textarea {
    float: left;
    width: 47%;
    height: 120px;
    padding: 1%;
    margin-bottom: 8px;
}

#main_page_contact_form .contact-form input[type="text"] {
    width: 95%;
    height: 16px;
    margin-bottom: 8px;
    padding: 2%;
}

.contact-form {
	position: relative;
	margin: 30px 0;
}

.contact-form textarea {
	float: left;
	width: 47%;
	height: 120px;
	padding: 1%;
	margin-bottom: 8px;
}

.contact-form .inputs {
	float: right;
	clear: right;
	width: 50%;
}

.contact-form input[type="text"] {
	width: 100%;
	height: 16px;
	margin-bottom: 8px;
	padding: 2%;
}

.contact-form input[type="button"] {
	clear: both;
	display: block;
	margin: 0 auto 30px auto;
	padding: 18px 30px;
	background: #fff;
	border: 2px solid #e0e0e0;
	color: #a4adb6;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}

.contact-form ::-webkit-input-placeholder { text-transform: uppercase; }
.contact-form ::-moz-placeholder { text-transform: uppercase; }
.contact-form :-ms-input-placeholder { text-transform: uppercase; }
.contact-form input:-moz-placeholder { text-transform: uppercase; }

#page-footer {
	background: #e0e0e0;
}

#footer-inner {
	max-width: 1160px;
	margin: 0 auto;	
	padding: 22px 10px;
	overflow: hidden;
}

#footer-inner img {
	float: left;
}

#footer-inner ul {
	float: left;
	margin: 3px 0 19px 15px;
	list-style: none;
}

#footer-inner ul li {
	display: inline;
	margin-left: 30px;
}

#footer-inner ul li a {
	color: #7c7c7c;
	font-weight: 600;
	text-decoration: none;
}

#footer-inner p {
	clear: left;
	float: left;
	max-width: 900px;
	font-size: 12px;
}

#footer-inner > a {
	float: right;
	display: block;
	padding: 5px 15px;
}

#content {
	float: left;
	width: 69%;
}

#sidebar {
	float: right;
	width: 29%;
}

#sidebar h2 {
	margin-bottom: 30px;
	color: #3f4251;
	font-size: 30px;
	text-transform: uppercase;
}

#sidebar h2:after {
	content: ' ';
	display: block;
	width: 80px;
	margin: 15px 0 0;
	border-bottom: 2px solid #f60;
}

#sidebar form textarea {
	width: 97%;
	height: 121px;
	padding: 1%;
}

#sidebar form input[type="text"] {
	width: 97%;
	height: 16px;
	margin-bottom: 8px;
	padding: 1%;
}

#sidebar form input[type="submit"] {
	clear: both;
	display: block;
	margin: 0 auto 30px auto;
	padding: 18px 30px;
	background: #fff;
	border: 2px solid #e0e0e0;
	color: #a4adb6;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}

#sidebar .inputs {
    width: 100%;
}

#sidebar form ::-webkit-input-placeholder { text-transform: uppercase; }
#sidebar form ::-moz-placeholder { text-transform: uppercase; }
#sidebar form :-ms-input-placeholder { text-transform: uppercase; }
#sidebar form input:-moz-placeholder { text-transform: uppercase; }

#content h2 {
	margin-bottom: 20px;
	color: #3f4251;
	font-size: 36px;
}

ul.results {
	margin: 0 0 15px 30px;
	list-style: none;
}

ul.results li h3 {
	font-size: 14px;
	font-weight: normal;
}

ul.results li h3 a {
	color: #000;
}

.wt_messages_error, .wt_messages_warning, .wt_messages_notice {
	margin: 0;
}

.wt_messages_error li, .wt_messages_warning li, .wt_messages_notice li {
	margin-bottom: 10px;
	padding: 15px 20px;
	color: #fff;
}

.wt_messages_error li {
	background: #c50000; /* Old browsers */
	background: -moz-linear-gradient(top,  #c50000 0%, #d40000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c50000), color-stop(100%,#d40000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c50000 0%,#d40000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c50000 0%,#d40000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c50000 0%,#d40000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c50000 0%,#d40000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c50000', endColorstr='#d40000',GradientType=0 ); /* IE6-9 */
}

.wt_messages_warning li {
	background: #737373; /* Old browsers */
	background: -moz-linear-gradient(top,  #737373 0%, #7c7c7c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#737373), color-stop(100%,#7c7c7c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #737373 0%,#7c7c7c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #737373 0%,#7c7c7c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #737373 0%,#7c7c7c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #737373 0%,#7c7c7c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737373', endColorstr='#7c7c7c',GradientType=0 ); /* IE6-9 */
}

.wt_messages_notice li {
	background: #198600; /* Old browsers */
	background: -moz-linear-gradient(top,  #198600 0%, #1b9000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#198600), color-stop(100%,#1b9000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #198600 0%,#1b9000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #198600 0%,#1b9000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #198600 0%,#1b9000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #198600 0%,#1b9000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#198600', endColorstr='#1b9000',GradientType=0 ); /* IE6-9 */
}

table.simple {
	margin-bottom: 15px;
}

table.simple th {
	padding: 2px 5px;
	color: #000;
	font-weight: bold;
	text-align: left;
}

table.simple td {
	padding: 2px 5px;
}

span.error {
	display: block;
	margin-bottom: 5px;
	color: #c00;
}

@media (max-width: 1159px) {
	.wrap {
		margin: 0 1%;
	}
}

@media (max-width: 1089px) {
	body {
		padding-top: 110px;
	}

	#page-header {
		padding-top: 10px;
	}

	#page-header h1 {
		float: none;
		margin: 0 auto;
	}

	#navigation {
		float: none;
		margin: 20px auto 0;
	}

	#footer-inner ul {
		float: none;
	}

	#footer-inner ul li {
		display: inline-block;
		margin-bottom: 5px;
	}

	#footer-inner > img {
		display: none;
	}

	#footer-inner p {
		max-width: 100%;
	}

	#footer-inner > a {
		clear: both;
		float: none;
		width: 80px;
		margin: 0 auto;
	}
}

@media (max-width: 899px) {
	body {
		padding-top: 0;
	}

	#page-header {
		position: static;
	}

	#navigation ul {
		text-align: center;
	}

	#navigation ul li {
		margin-bottom: 5px;
	}

	#headerpic {
		height: auto;
		background: none;
	}

	#search {
		float: none;
		width: 190px;
		margin: 10px auto;
		border: 1px solid #777;
		overflow: hidden;
	}

	.col-4 {
		display: block;
		width: 98%;
		padding: 95px 1% 1%;
	}

	.slider {
		padding: 1%;
	}

	.slider-prev {
		position: static;
		float: left;
	}

	.slider-next {
		position: static;
		float: right;
	}

	#content, #sidebar {
		float: none;
		width: 100%;
	}
}

@media (max-width: 599px) {
	.contact-form textarea, .contact-form input[type="text"], .contact-form input[type="submit"] {
		position: static;
		float: none;
		width: 97%;
		margin: 0 auto 5px;
	}
}

/*****************/

.slider_content {
    height: 130px;
    width: 100%;
    overflow: hidden;
}

.slider_page {
    height: 130px;
    width: 980px;
    float: left;
    display: block;
    text-decoration: none;
    color: #7e868d;
}

#sf_admin_content .sf_admin_form_field_wt_simple_content_i18n_hu_scci_value .content {
    padding-left: 0;
}

.service-row {
    text-align: center;
}

/****************/

#captcha-block {
    clear: both;
}

#captcha-block span.error {
    text-align: center;
}

#main_page_contact_form #sf_simple_cms_default_contact_form_captcha {
    width: 194px;
    height: 29px;
    margin: 8px auto;
    display: block;
    padding: 5px;
}

a.sfCaptchaImage{
    display: block;
    text-align: center;
}

a.sfCaptchaImage img{
    text-align: center;
}

#sidebar #sf_simple_cms_default_contact_form_captcha {
    width: 197px;
    margin: 8px auto;
    display: block;
}

