/*
 * Schindhelm - Client management
 * @author Jiří Hýbek <jiri.hybek@cryonix.cz> / Cryonix Innovations <www.cryonix.cz>
 */

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "Segoe UI", "Ubuntu", Arial, sans-serif, Helvetica;
	font-size: 12px;
	line-height: 1.0;
	color: #ffffff;
	background: #181e1b;
}

.center {
	float: left;
	width: 910px;
}

.left, .folders {
	float: left;
	width: 250px;
	margin-right: 40px;
}

.clear {
	clear: both;
}

a {
	color: #003974;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/*
 * HEADER
 */
header {
	position: relative;
	margin-bottom: 20px;
}

 /* LOGO */
#logo {
	width: 1200px;
	height: 1px;
	margin: auto;
}

#logo .wrapper {
	float: left;
	width: 250px;
	height: 210px;
	line-height: 210px;
	text-align: center;
	margin-right: 40px;
}

#logo .wrapper img {
	vertical-align: bottom;
}

/* TOP BAR */
#top-bar {
	height: 32px;
	width: 1200px;
	padding: 16px 16px 16px 0px;
	margin: auto;
	line-height: 16px;
}

#top-bar .helpline {
	float: left;
	line-height: 32px;
	background: url('images/helpline.png') no-repeat left;
	padding-left: 42px;
	color: #f5ef99;
	font-size: 14px;
	margin-left: 58px;
}

#top-bar .release {
	text-transform: uppercase;
	color: #384d43;
	font-size: 14px;
	float: left;
	padding-left: 30px;
	line-height: 32px;
}

/* ACCOUNT */
#top-bar .account {
	float: right;
	line-height: 16px;
	padding-top: 8px;
}

#top-bar .account .user {
	float: left;
	color: #899991;
	font-size: 14px;
}

#top-bar .account .user span {
	color: #f9ed83;
}

#top-bar .account .links {
	float: left;
	list-style: none;
	margin-left: 20px;
}

#top-bar .account .links li {
	float: left;
	margin-left: 20px;
}

#top-bar .account .links li a {
	font-size: 11px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}

#top-bar .account .links li a:hover {
	color: #f9ed83;
	text-decoration: underline;
}

/* NAVIGATION: PRIMARY */
header nav {
	background: #33463d;
	height: 76px;
	width: 100%;
	box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2);
	margin-bottom: 37px;
}

header nav .primary {
	width: 1200px;
	margin: auto;
}

/* NAVIGATION: PRIAMRY - MODULES */
header nav ul.modules {
	list-style: none;
}

header nav ul.modules li {
	float: left;
	margin-right: 10px;
}

header nav ul.modules li a {
	display: block;
	padding: 22px 30px 22px 80px;
	height: 32px;
	line-height: 34px;
	color: #ffffff;
	text-decoration: none;

	font-size: 17px;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: 30px 22px;
}

header nav ul.modules li a:hover {
	background-color: #1f2c26;
}

header nav ul.modules li a.active {
	background-color: #1f2c26;
	box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.2);
	background-position: 30px -55px;
	color: #e4da92;
}

header nav ul.modules li a.icon-account 	{ background-image: url('images/icon-nav-account.gif') }
header nav ul.modules li a.icon-stock 		{ background-image: url('images/icon-nav-stock.gif') }
header nav ul.modules li a.icon-hotels 		{ background-image: url('images/icon-nav-hotels.gif') }
header nav ul.modules li a.icon-settings	{ background-image: url('images/icon-nav-settings.gif') }
header nav ul.modules li a.icon-reception 	{ background-image: url('images/icon-nav-reception.gif') }
header nav ul.modules li a.icon-history 	{ background-image: url('images/icon-nav-history.gif') }
header nav ul.modules li a.icon-history2 	{ background-image: url('images/icon-nav-history2.gif') }
header nav ul.modules li a.icon-billing 	{ background-image: url('images/icon-nav-billing.gif') }
header nav ul.modules li a.icon-stats	 	{ background-image: url('images/icon-nav-stats.gif') }

/* NAVIGATION: PRIMARY - LANGUAGES */
header nav ul.languages {
	list-style: none;
	float: right;
	padding: 24px 10px;
}

header nav ul.languages li {
	float: left;
	margin-left: 5px;
}

header nav ul.languages li a {
	display: inline-block;
	line-height: 30px;
	height: 28px;
	padding: 0px 6px;
	border-radius: 4px;

	color: #f9ed83;
	text-decoration: none;
}

header nav ul.languages li a:hover {
	text-decoration: underline;
}

header nav ul.languages li.current a {
	background: #1f2c26;
	color: #ffffff;
}

/* BREADCRUMBS */
#breadcrumbs {
	width: 1200px;
	margin: auto;	
}

#breadcrumbs ul {
	list-style: none;
	padding-left: 320px;
}

#breadcrumbs ul li {
	float: left;
	height: 24px;
	line-height: 26px;
	margin-right: 14px;
	color: #ffffff;
	font-size: 15px;
	padding-left: 17px;
	background: url('images/breadcrumbs-arrow.gif') no-repeat;
	background-position: 0px 8px;
}

#breadcrumbs ul li a {
	text-decoration: none;
	color: #ffffff;
}

#breadcrumbs ul li a:hover {
	color: #f3ef9c;
	text-decoration: underline;
}

#breadcrumbs ul li span {
	color: #95b1a3;
}

#breadcrumbs ul li.home {
	padding-left: 0px;
	background: none;
}

#breadcrumbs ul li.home a {
	display: block;
	width: 24px;
	height: 24px;
	background: url("images/breadcrumbs-home.gif") no-repeat top left;
	text-decoration: none;
}

#breadcrumbs ul li.home a:hover {
	background-position: bottom left;
}

/*
 * FOOTER
 */
footer {
	background: #0e1210;
	padding: 40px 30px;
	color: #506058;
}

footer p {
	text-align: center;
}

footer p.generated {
	display: none;
}

footer p.eet {
	padding-top: 14px;
	line-height: 1.4;
	max-width: 50%;
	margin: auto;
}

footer span {
	color: #f9ed83;
}

footer a {
	color: #8aac9b;
	text-decoration: none;
}

footer a:hover {
	color: #f9ed83;
	text-decoration: underline;
}

/*
 * PAGE
 */
#page {
	width: 1200px;
	margin: auto;
	min-height: 350px;
	padding-bottom: 40px;
}

/*
 * CMS
 */
.cms h1,
.cms h2,
.cms h3
.cms h4 {
	line-height: 1.0;
	color: #ffffff;
	font-weight: normal;
	padding-top: 20px;
	margin-bottom: 16px;
	color: #c1d0c8;
}

.cms h1 {
	padding-top: 0px;
	font-size: 30px;
}

.cms h2 { font-size: 26px; }
.cms h3 { font-size: 21px; }
.cms h4 { font-size: 17px; }

.cms p {
	line-height: 1.8;
	color: #95b1a3;
	font-size: 14px;
}

/* ARTICLE STYLES */
.cms.centered {
	text-align: center;
	padding: 50px;
	border-top: 1px solid #33463d;
	border-bottom: 1px solid #33463d;
}

/*
 * FOLDERS
 */
.folders ul {
	list-style: none;
}

.folders ul li.pad {
	margin-bottom: 20px;
}

.folders ul li a {
	display: block;
	padding: 16px 22px 16px 50px;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: 22px 16px;
}

.folders ul li a:hover {
	background-position: 22px -48px;
	color: #f9ed83;
}

.folders ul li.active a {
	background-color: #080b0a;
	background-position: 22px -48px;
	color: #f9ed83;
}

.folders ul li.icon-account a 		{ background-image: url('images/icon-folder-account.gif') }
.folders ul li.icon-restore a 		{ background-image: url('images/icon-folder-restore.gif') }
.folders ul li.icon-overview a 		{ background-image: url('images/icon-folder-overview.gif') }
.folders ul li.icon-showcase a 		{ background-image: url('images/icon-folder-showcase.gif') }
.folders ul li.icon-history a 		{ background-image: url('images/icon-folder-history.gif') }
.folders ul li.icon-in a 			{ background-image: url('images/icon-folder-in.gif') }
.folders ul li.icon-up a 			{ background-image: url('images/icon-folder-up.gif') }
.folders ul li.icon-tag a 			{ background-image: url('images/icon-folder-tag.gif') }
.folders ul li.icon-add a 			{ background-image: url('images/icon-folder-add.gif') }
.folders ul li.icon-asterisk a 		{ background-image: url('images/icon-folder-asterisk.gif') }
.folders ul li.icon-invoice a 		{ background-image: url('images/icon-folder-invoice.gif') }
.folders ul li.icon-package a 		{ background-image: url('images/icon-folder-package.gif') }
.folders ul li.icon-user a 			{ background-image: url('images/icon-folder-user.gif') }
.folders ul li.icon-history2 a 		{ background-image: url('images/icon-folder-history2.gif') }
.folders ul li.icon-audit a 		{ background-image: url('images/icon-folder-audit.gif') }

/*
 * LOYALTY
 */
.loyalty.payoff strong {
	color: #f9ed83;
	font-weight: bold;
}

.loyalty.payoff .super {
	font-size: 1.5em;
	font-weight: 100;
}

.loyalty.payoff a {
	color: #f9ed83;
}

.loyalty.payoff .currency {
	text-transform: uppercase;
}