body {
	font-family: "Open Sans", "Arial", sans-serif;
	margin: 0 0 0 0 !important;
	padding: 0.01px;;
}

.fl { float: left; }
.fr { float: right; }
.cl:before,
.cl:after {
  display: table;
  line-height: 0;
  content: "";
  clear: both;
}

.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.ib { display: inline-block; }

.ml5 { margin-left: 5px; }

a { color: #FF8000; }
a, a:active, a:hover, a:link, a:visited, a:focus {
	text-decoration: none;
	outline:0px !important;
	-webkit-appearance:none;
}

h1 {
	color: #FF8000;
}

.body { clear: both; margin: 0 auto; width: 98% !important; text-align: left; }

#banner {
/*	background-color: #454545; */
	background-color: #0057a3;
	background-image: -moz-linear-gradient(top, #0468be, #0057a3);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0468be), to(#0057a3));
	background-image: -webkit-linear-gradient(top, #0468be, #0057a3);
	background-image: -o-linear-gradient(top, #0468be, #0057a3);
	background-image: linear-gradient(to bottom, #0468be, #0057a3);
	background-repeat: repeat-x;
	border-color: #252525;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0468be', endColorstr='#ff0057a3', GradientType=0);
	
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
	-moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
	box-shadow: 0 2px 10px rgba(0,0,0,.25);
	
	/* border-bottom: 1px solid #252525; */
	margin: 0;
	height: 60px;
	position: fixed;
	width: 100%;
	z-index: 10;
}

#banner h1 {
	padding-top: 5px;
	font-size: 22px;
	line-height: 30px;
	text-align: left;
	width: 600px;
}

#banner h1 a {
	color: #ff8000 !important;
}

#banner h1 a:hover {
/*	color: #000 !important;
	text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
	color: #FF8000 !important; */
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
}

#banner a {
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4);
}

#banner div.fr {
	padding-top: 5px;
	width: 300px;
	text-align: right;
}

#banner div.logo {
	text-align: center;
	position: absolute;
	top: 5px;
	margin: 0 auto;
	width: 100%;
	z-index: -1;
}

article {
	padding: 0;
	margin: auto 15px;
}

article h1 {
	color: #FF8000;

/*	color: #FF8000; */
	font-size: 20px;
/*	text-shadow: 0px 1px 0px #eee; */
	font-weight: normal;
}

article h2 {
	color: #FF8000;
	font-size: 16px;
	font-weight: normal;
	line-height: 28px;
}

article ul {
	font-size: 14px;
} 

article p {
	font-size: 14px;
	text-align: justify;
}

form {
/*	padding-left: 10px; */
	margin-bottom: 0 !important;
	width: auto;
}

label {
	font-size: 14px;
	display: block;
	padding-top: 9px;
	width: 100%;
	line-height: 24px;
	vertical-align: top;
	
}

textarea, 
input {
	font-family: "Open Sans", "Arial", sans-serif;
	/*margin: 5px;*/
	font-size: 14px;
	line-height: 24px;
	padding: 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

textarea {
	width: 90%;
	height: 200px;
}

/*
.btn input[type=button] {
	color: #fff;
	background-color: #FF8000;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 12px;
	margin: 5px;
	line-height: 24px;
	padding: 5px;
	text-align: center;
	
	background-color: #FF8000;
	background-image: -webkit-linear-gradient(top, #FF8000, #339900);
	background-image: -moz-linear-gradient(top, #FF8000, #339900);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset -1px 0 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(255, 255, 255, 0.2), inset 1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
	border: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
*/

.ownbtn:focus,
.ownbtn:active,
.ownbtn {
	margin: 0 auto;
	cursor: pointer;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	border: 0;
	background-color: #FF8000;
	font-size: 14px;
	line-height: 24px;
}

.ownbtn:hover {
	background-color: #bbb;
	color: #fff;
}

/* Main Nav */
nav {
	background-size: cover;
	height: 100px;
/*	background-color: #ccc; */
	font-size: 14px;
	line-height: 30px;
	margin: 0 auto 0;
	padding: 10px 0 !important;
	text-align: center;
}
nav ul {list-style: none; margin: 0 auto; width: 100%; padding: 0; width: 400px !important;}
nav li {height: 40px; float: none; display: block; margin: 0; line-height: 30px; width: 400px; margin-bottom: 10px;}

nav span.i,
nav .m {
	-webkit-transition: background-color 0.25s ease-out;
	-moz-transition: background-color 0.25s ease-out;
	-o-transition: background-color 0.25s ease-out;
	-ms-transition: background-color 0.25s ease-out;
	transition: background-color 0.25s ease-out;
}

nav .m, nav .m:link, nav .m:visited, nav span.i {
	background-color: #178eee; /* ccc */
	color: #fff;
	display: block;
	height: 30px;
	padding: 5px 20px;
	text-decoration: none;
	width: 360px;
}

nav li.h { height: 80px; }
nav span {
	background-color: transparent;
	color: #000;
}

nav span.i {
	background-color: #6096cb;
	color: #fff;
}

nav div.h {
	font-size: 12px;
	line-height: 18px;
}

nav span.album {
	width: 245px;
	padding: 5px 10px;
	display: inline-block;
	float: left;
	text-align: left;
	line-height: 47px;
	font-size: 13px;
	height: 47px;
	margin-top: 3px;
	background-color: #eee;
}

nav span.album.red { background-color: #b00; color: white; }
nav span.album.orange { background-color: orange; color: black; }
nav span.album.green { background-color: green; color: white; }

nav .m:hover, nav .m:active {
	background-color: #ff8000;
	color: #fff;
	text-shadow: none !important;
}

nav .active a:link, nav .active a:visited {
	background-color: #FF8000;
}

.message
{
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	background-size: 40px 40px;
	
	background-image: -webkit-gradient(linear, left top, right bottom,
		color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
		color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
		color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
		to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
		transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
		transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
		transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
		transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
		transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
		transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
		transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
		transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
		transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
		transparent 75%, transparent);
/*	
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
*/
	text-shadow: 0 1px 0 rgba(0,0,0,.5);

	-webkit-animation: animate-bg 5s linear infinite;
	-moz-animation: animate-bg 5s linear infinite;

	text-align: center;
	width: auto;
	border: 1px solid;
	color: #fff;
	margin: 10px;
	padding: 10px;
}

.info
{
	 background-color: #4ea5cd;
	 border-color: #3b8eb5;
}

.error
{
	 background-color: #de4343;
	 border-color: #c43d3d;
}
		 
.warning
{
	 background-color: #eaaf51;
	 border-color: #d99a36;
}

.success
{
	 background-color: #61b832;
	 border-color: #55a12c;
}

@-webkit-keyframes animate-bg
{
	from {
		background-position: 0 0;
	}
	to {
		background-position: -80px 0;
	}
}

@-moz-keyframes animate-bg 
{
	from {
		background-position: 0 0;
	}
	to {
		background-position: -80px 0;
	}
}

.c-red { background-color: #5b0d63; color: #fff; } /*db0f00*/
.c-yellow { background-color: #ffad14; color: #fff; } /*ffad14*/
.c-green { background-color: #FF8000; color: #fff; }

.std-form-1 .id {
	float: right;
}

.kapcsolat label,
.std-form-1 label {
	padding-top: 6px;
	line-height: 20px;
}

.std-form-1 span.iradio {
	display: inline-block;
	line-height: 20px;
	width: 20px;
	padding-top: 3px;
	padding-bottom: 5px;
}

.std-form-1 span.iradio input[type="radio"] {
	margin: 0;
	line-height: 20px;
	vertical-align: top;
}

.std-form-1 .ownbtn {
	margin: 7px 4px 11px;
}

.std-form-1 input[type="checkbox"] { margin-left: 10px; }
.std-form-1 label.aszf {
	padding: 4px 10px;
	width: auto;
}

ol.aszf,
ol.aszf ol { counter-reset: item; padding: 10px 0; text-align: justify; }
ol.aszf li { display: block; }
ol.aszf > li { font-weight: bold; }
ol.aszf > li > ol { font-weight: normal; }
ol.aszf li:before { content: counters(item, ".") ". "; counter-increment: item; font-weight: bold; }

header form {
	margin: 0;
	padding: 0 0 0 0;
	font-size: 14px;
}
header label {
	width: auto;
	text-align: right;
}

header input {
	width: 200px !important;
	line-height: 18px;
}

.control-label {
	color: #000;
}

header .backbtn:active,
header .backbtn:focus,
header .backbtn,
header .nextbtn:active,
header .nextbtn:focus,
header .nextbtn {
	background-color: #FF8000;
	margin: 8px 0 0;
	color: #fff;
}

footer {
	color: #fff;
	background: #0057a3;
	text-align: center;
	padding: 10px 0;
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.1), 0px 1px 1px rgba(255,255,255,0.4);
}

/* sticky footer */
html, body { height: 100%; }
#wrap { min-height: 100%; }
#main { overflow:auto; padding-bottom: 40px; }
#footer { position: relative; margin-top: -40px; height: 20px; clear:both; }
body:before { content:""; height: 100%; float: left; width: 0; margin-top: -32767px; }
/**/

.std-form-info {
	display: inline-block;
	background: url('images/icon_info.png') no-repeat top left;
	width: 16px;
	height: 16px;
}

.rimg {
	float: right;
	padding-left: 15px;
}

.loginbox {
	width: 420px;
	margin: 0 auto;
}

input[type="text"], input[type="password"] {
	width: 100%;
}

.ps {
	width: 49.5%;
	margin: 0;
	border: 1px solid #ccc;
	border-top: 0;
}

.ps h2 {
	margin: 0 auto;
	text-align: center;
	font-size: 14px;
	padding: 5px 0;
	line-height: 24	px;
	margin: 0;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.imgbox {
	margin: 5px;
	padding: 5px;
	border: 1px solid #ccc;
	display: inline-block;
	width: 160px;
	height: 190px;
	float: left;
	text-align: center;
}
.imgbox img {
	padding: 0;
	max-width: 150px;
	max-height: 150px;
}

.imgboxc {
	padding: 5px;
	margin: 0;
	width: 150px;
	height: 160px;
	display: block;
}

.mini:hover,
.mini:active,
.mini:focus,
.mini {
	width: 140px;
	padding: 2px 10px;
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;

	margin-bottom: 2px;
	vertical-align: middle;
}

.mini.plus, 
.mini.minus {
	width: 10px;
	margin-bottom: 2px;
	vertical-align: middle;
	font-size: 16px;
}

.imgbox input[type=text] {
	padding: 2px !important;
	width: 20px !important;
	font-size: 12px !important;
	line-height: 16px;
	height: 14px;
	margin: 1px auto 0;
	vertical-align: top;
	text-align: center;
}

header input[type="checkbox"] {
	width: 16px !important;
	line-height: 14px;
	padding-top: 12px;
	margin: 0;
}
header label {
	width: auto;
	height: 16px;
	line-height: 16px;
	padding: 17px 50px 0 0;
	color: #ccc;
}

table.albumlist {
	margin: 10px auto;
	border: 1px solid #0057a3;
}

table.albumlist th {
	text-align: left;
	border-bottom: 1px solid #0057a3;
	background-color: #0057a3;
	color: #fff;
}

table.albumlist th,
table.albumlist td
{
	border: 1px solid #0057a3;
	padding: 2px 10px;
}

table.albumlist th {
	text-align: center;
}

nav .mini, nav .mini:hover, nav .mini:focus, nav .mini:active {
	width: 120px;
	padding: 5px !important;
}

nav li.album {
	height: 52px;
}

/* Preloader */

#preloader {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(/media/images/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

#progressbar {
    width:50%;
    height:10px;
    position:absolute;
    top:60%;
    left:25%;
    margin:0 auto;
    text-align: center;
}

#progresstxt {
    width:50%;
    height:10px;
    position:absolute;
    top:65%;
    left:25%;
    margin:0 auto;
    text-align: center;
}

.warn {
	color: #b00;
	font-size: 16px;
	text-align: center;
	padding: 5px;
	margin: 0;
}

.buttons {
	margin: 10px;
}

div.h span.h_label, div.h span.h_value {
	height: 20px;
	padding: 0 5px;
	line-height: 16px;
	text-align: left;
}
div.h span.h_label {
	width: 130px;
	float: left;
	font-weight: bold;
}

div.h span.h_value {
	width: 160px;
	float: left;
}

table.albumlist2 {
	width: 990px;
}

.tick, .cross, .warning, .warning2 {
	height: 20px;
	width: 20px;
	display: block;
	background-size: 20px 20px;
	margin: 0 auto;
}

.tick { background: url('/media/images/tick.png') no-repeat top left; background-size: 20px 20px; }
.cross { background: url('/media/images/cross.png') no-repeat top left; background-size: 20px 20px; }
.warning { background: url('/media/images/warn.png') no-repeat top left; background-size: 20px 20px; }
.warning2 { background: url('/media/images/warn2.png') no-repeat top left; background-size: 20px 20px; }

.inactive { background-color: #bbb; cursor: default; }

.aclose {
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	padding: 15px;
}

label.inline {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	vertical-align: top;
}

.imgboxc a {
	height: auto;
	width: auto;
}

table.postorder {
	margin: 0 auto;
}

table.postorder thead {
	position: fixed;
	top: 51px;
	background-color: #444;
	color : #fff;
	padding: 0;
	border-top: 10px solid #fff;
	z-index: 1;
}

table.postorder tbody {
 	position: relative;
	z-index: 0;
}

table.postorder th, 
table.postorder td {
	text-align: center;
	vertical-align: middle;
	height: auto;
	font-weight: normal;
	border: 1px solid #ccc;
}

table.postorder input {
	width: 20px;
}

table.postorder .imgboxc { margin: 0 auto; height: auto; }


table.postorder tbody td,
table.postorder thead th {
	width: 90px;
}

table.postorder tbody tr td:first-child,
table.postorder thead tr th:first-child {
	width: 160px;
}

table.postorder tbody tr td:last-child,
table.postorder thead tr th:last-child {
	width: 110px;
	padding: 15px;
}

table.postorder thead tr.s th {
	background-color: #ccc;
	color: #000;
	
}

table.albumlist2 td {
	line-height: 28px;
}

table.albumlist2 td img,
table.albumlist2 td a img {
	margin-top: -7px;
}

aside h2,
aside h3 {
	font-size: 16px;
	text-align: center;
	line-height: auto;
	padding: 5px;
	margin: 0;
	text-decoration: underline;
}
aside h3 { font-size: 14px; }

.w50p { width: 50%; margin: 0 auto; }

#footer p { padding: 0; }

table.csomagok {
	margin: 0 auto;
}
table.csomagok td {
	padding: 5px 10px;
	color: #fff;
	text-align: center;
}
table.csomagok tbody td {
	border: 1px solid #000;
}
table.csomagok thead tr {
	background-color: #ff8000;
}

table.csomagok thead tr td {
	font-weight: bold;
	color: #000;
	border: 1px solid #000;
}
table.csomagok thead tr td.nobg { background-color: white; border-left: 0; border-top: 0;}
table.csomagok tbody tr.even { background-color: #0070c0; }
table.csomagok tbody tr.odd { background-color: #538ed5; }
table.csomagok td.link:hover,
table.csomagok td.link:active {
	background-color: #444;
	font-weight: bold;
	cursor: pointer;
}
label.aszf {
	float: left;
	width: 250px !important;
}
input.aszf {
	float: left;
	margin-top: 8px !important;
	margin-left: 0px !important;
}