/* ----- RESET ----- */
.list-reset {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
}
.list-reset > li {
	list-style-type: none;
	padding-left: 0;
}

.iframe-reset {
	border-style: none;
}
/* ----- // RESET ----- */


/* ----- SVG ----- */
.design-svg-element {
	display: inline-block;
	position: relative;
}

/* [workaround] for IE's to not scale the SVG according to parent element dimensions (both width and height have to be explicitely set on the SVG) */
/*	see more at http://nicolasgallagher.com/canvas-fix-svg-scaling-in-internet-explorer/ */
.design-svg-element__canvas {
	display: block;
	width: 100%;
	visibility: hidden;
	vertical-align: baseline;
}
.js-inactive .design-svg-element__canvas {
	display: none;
}

.js-active .design-svg-element__content {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden; /* [workaround] for [IE11] [TU-2075] */
	width: 100%;
	height: 100%;
}
/* // see above */
/* ----- // SVG ----- */


/* ----- BUTTONs ----- */
.design-buttons {
	display: block;
}
.design-buttons--default {
	margin-top: 1em;
}

.design-button {
	display: inline-block;
	border: 1px solid transparent;
	text-decoration: none;
	text-align: center;
}

.design-button--medium {
	padding: 6px 12px;
	border-radius: 8px;
}

#css .design-button--default { /* "#css" is [workaround] for "a:link" */
	border-color: currentColor;
	background: #fafafa;
	background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
	background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
	background: linear-gradient(to bottom, #fafafa 0%, #eee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eee', GradientType=0 );
	color: #3c67c1;
}
#css .design-button--default:hover {
	border-color: currentColor;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 0%, #fafafa 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #fafafa 100%);
	background: linear-gradient(to bottom, #fff 0%, #fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fafafa', GradientType=0 );
}
#css .design-button--primary { /* "#css" is [workaround] for "a:link" */
	border-color: #234c80;
	background: #234c80;
	background: -moz-linear-gradient(top, #3a7eaf 0%, #234c80 100%);
	background: -webkit-linear-gradient(top, #3a7eaf 0%, #234c80 100%);
	background: linear-gradient(to bottom, #3a7eaf 0%, #234c80 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a7eaf', endColorstr='#234c80', GradientType=0 );
	color: #fff;
}
#css .design-button--primary:hover {
	border-color: #234c80;
	background: #26528a;
	background: -moz-linear-gradient(top, #3d84b8 0%, #26528a 100%);
	background: -webkit-linear-gradient(top, #3d84b8 0%, #26528a 100%);
	background: linear-gradient(to bottom, #3d84b8 0%, #26528a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d84b8', endColorstr='#26528a', GradientType=0 );
	color: #fff;
}
#css .design-button--highlighted { /* "#css" is [workaround] for "a:link" */
	border-color: #de1f24;
	background: #dd262b;
	background: -moz-linear-gradient(top, #ff6500 0%, #dd262b 100%);
	background: -webkit-linear-gradient(top, #ff6500 0%, #dd262b 100%);
	background: linear-gradient(to bottom, #ff6500 0%, #dd262b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6500', endColorstr='#dd262b', GradientType=0 );
	color: #fff;
}
#css .design-button--highlighted:hover {
	border-color: #de1f24;
	background: #e62c31;
	background: -moz-linear-gradient(top, #ff6b0a 0%, #e62c31 100%);
	background: -webkit-linear-gradient(top, #ff6b0a 0%, #e62c31 100%);
	background: linear-gradient(to bottom, #ff6b0a 0%, #e62c31 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6b0a', endColorstr='#e62c31', GradientType=0 );
	color: #fff;
}

.design-button .element-strong-reset {
	color: inherit;
	font-weight: 700;
	font-size: inherit;
}
/* ----- // BUTTONs ----- */



/* ----- LISTS ----- */

	/* ----- lists SERVER-LOGOS ----- */
	.design-list--server-logos {
		text-align: center;
	}

	.design-list--server-logos .design-list__item {
		display: inline-block;
		height: 2.2em;
		padding-right: 0;
		margin: 0 10px 20px 0;
		vertical-align: middle;
	}

	.design-list--server-logos .design-list__link {
		height: 100%;
	}

	.design-list--server-logos .design-list__image,
	.design-list--server-logos .design-list__image {
		width: auto;
		height: 100%;
		margin-bottom: 0;
		vertical-align: middle;
	}

	.design-list--server-logos .design-list__item--root-cz .design-list__image {
		top: 1px;
	}
	.js-inactive .design-list--server-logos .design-list__item--root-cz .design-list__image {
		position: relative
	}

	.design-list--server-logos .design-list__item--mesec-cz {
		height: 2.3em;
	}

	.design-list--server-logos .design-list__item--vitalia-cz {
		height: 3em;
	}

	.design-list--server-logos .design-list__item--slunecnice-cz {
		height: 2.8em;
	}
	.design-list--server-logos .design-list__item--slunecnice-cz .design-list__image {
		top: 2px;
	}
	.js-inactive .design-list--server-logos .design-list__item--slunecnice-cz .design-list__image {
		position: relative
	}

	.design-list--server-logos .design-list__item--sw-cz {
		height: 3.7em;
	}

	.design-list--server-logos .design-list__item--navrcholu-cz {
		height: 2.3em;
	}

	.design-list--server-logos .design-list__item--business-center-cz {
		height: 3.5em;
	}
	.design-list--server-logos .design-list__item--business-center-cz .design-list__image {
		top: -4px;
	}
	.js-inactive .design-list--server-logos .design-list__item--business-center-cz .design-list__image {
		position: relative
	}

	.design-list--server-logos .design-list__item--tuesday-cz {
		height: 3.4em;
	}
	/* ----- // lists SERVER-LOGOS ----- */

/* ----- // LISTS ----- */


/* ----- ADVERTs ----- */
.design-advert:not(.design-advert--reset) {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.hr + .design-advert--default,
.box + .design-advert--default {
	margin-top: 1.5em;
}
.design-advert--default--top {
	margin-top: 1.5em !important;
}
.design-advert--default--bottom {
	margin-bottom: 1.5em !important;
}
.design-advert--leaderboard {
	margin-top: 20px;
	margin-bottom: 20px;
}
.design-advert--megaboard {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}
#css #box-software-list .design-advert--3rd-party-search {
	padding-left: 5px; /* the same as "#box-software-list .first-col" */
}

.design-advert:not(.design-advert--reset) > div {
	display: inline-block;
}

	/* ----- advert BACKGROUND ----- */
	body.js-advert-background--active {
		background-position-x: center !important;
		background-position-y: 25px;
	}

	.js-advert-background--active .iinfobar-wrapper {
		position: fixed;
	}

	.js-advert-background--active .js-advert-leaderboard .design-advert--leaderboard {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	body.js-advert-background--active #body-c {
		pointer-events: none;
	}

	body.js-advert-background--active #body-c .page,
	body.js-advert-background--active #body-c #capaign-fireplace {
		pointer-events: all;
	}

	#css .js-advert-background--active #main-area {
		background-color: #fff;
	}

	#css body.js-advert-background--active #fb-panel-fixed,
	#css body.js-advert-background--active #hp-ico {
		display: none;
	}
	/* ----- // advert BACKGROUND ----- */

/* ----- // ADVERTs ----- */


/* ----- bars IINFO ----- */
body {
	padding-top: 25px; /* [reset] */
}

#sefa .iinfobar__link {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	height: 25px;
	padding: .5em 10px;
	line-height: 1.25;
	color: #000;
	font-size: inherit;
	text-decoration: none;
	white-space: nowrap
}
#sefa .iinfobar__link:hover {
	background-color: #d2d2d2;
	background-color: rgba(0, 0, 0, .1);
	color: #000;
	text-decoration: none
}
.iinfobar-wrapper {
	position: absolute;
	z-index: 4000;
	top: 0;
	left: 0;
	box-sizing: border-box; /* only on #ST */
	min-width: 990px;
	width: 100%;
	height: 25px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #bfbfbf;
	background-color: #fff;
	font-size: 0.6875rem;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: uppercase
}
@media (min-width:768px) {
	.iinfobar-wrapper {
		display: block
	}
}
#sefa.iinfobar-wrapper:after {
	content: ""!important;
	display: block!important;
	height: 0!important;
	visibility: hidden!important;
	clear: both!important
}
#sefa .iinfobar__content-outer {
	width: 990px;
	margin: -1px auto;
	padding-right: 0;
	padding-left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
#sefa .iinfobar__content {
	position: relative;
	z-index: 4000;
	overflow: visible;
}
#sefa .iinfobar__link--logo {
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 0;
	overflow: hidden;
	max-width: 11em;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis
}
#sefa .iinfobar__logo__content {
	color: #003d78
}
#sefa .iinfobar__servers {
	position: relative;
	overflow: hidden;
	height: 25px;
	padding-left: 10em
}
#sefa .iinfobar__server {
	float: left;
	font-size: inherit
}
#sefa .iinfobar__button--see-more {
	display: none;
	position: absolute;
	z-index: 3000000;
	right: 0;
	top: 0;
	width: 70px;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 9px .5em;
	text-align: left;
	cursor: pointer
}
#sefa .iinfobar__servers--added-to-menu {
	position: absolute;
	z-index: 2000000;
	right: 0;
	top: 100%;
	width: 150px;
	border-style: none;
	background-color: #fff;
	-webkit-box-shadow: 0 0 2px 0 #bfbfbf;
	box-shadow: 0 0 2px 0 #bfbfbf
}
#sefa .iinfobar__servers--added-to-menu .iinfobar__server {
	display: block;
	float: none
}
#sefa .iinfobar__servers--added-to-menu .iinfobar__link--server {
	display: block;
	overflow: hidden;
	width: 100%;
	text-overflow: ellipsis
}
#sefa .iinfobar__servers--added-to-menu .iinfobar__link--server:hover:before {
	display: none
}
/* ----- // bars IINFO ----- */


/* ----- FOOTER ----- */
#projectInfo *,
#projectInfo *::after,
#projectInfo *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#projectInfo{
	color: #444;
	box-sizing: border-box;
	font-family: "Source Sans Pro",sans-serif;
	font-size: 100%;
}
.design-project {
	line-height: 1.3;
	font-size: .875em;
}
.design-project a {
	background-color: transparent;
}
.design-project b, strong {
	font-weight: 700;
}

.design-project__row--details {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}
.design-project__row {
	margin-top: 0;
	margin-bottom: 0;
}
.design-project .design-logo--iinfo-cz {
	position: relative;
	top: 4px;
}
.design-project .design-logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-right: 15px;
	text-decoration: none;
}
#projectInfo svg:not(:root) {
	overflow: hidden;
}
.element-blind-user {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0 0 0 0);
}
.design-project .design-logo--iinfo-cz > .design-image {
	max-width: 100%;
	width: 116px;
	height: auto;
}

.design-project--colors-default .design-link {
	color: #0070ba;
}

.design-project--colors-default .design-link {
	color: #0070ba;
}
.design-project__server-name {
	margin-right: .25em;
	font-size: 1.25em;
}
.design-project__row--details + .design-project__row {
	margin-top: .75em;
}
.design-project__row--copyright {
	margin-top: .125em;
}
.design-project--colors-default .design-link {
	color: #0070ba;
}
.design-project__row--links {
	margin-top: .75em;
}
#projectInfo .list-reset {
	padding-left: 0;
}
#projectInfo .list-reset > li {
	list-style-type: none;
	background-image: none;
	padding-left: 0;
	padding-right: 8px;
}
.design-project--colors-default .design-list__item {
	color: #222;
}
.design-list--inline > dt, .design-list--inline > li {
	display: inline;
}
.design-project--colors-default .design-list__link {
	color: #0070ba;
}
/* ----- // FOOTER ----- */


/* ----- DETAIL ----- */
#column-detail #box-related-software,
#column-detail #box-zive-import-box {
	margin-top: 1em;
}
/* ----- // DETAIL ----- */


/* ----- DOWNLOAD ----- */
.download-box-links {
}
/* ----- // DOWNLOAD ----- */


/* ----- LAYOUT ----- */ /* as [workaround] for [ST-167] */
.page,
div.ch-corporate-footer {
	width: 1060px;
}

#menu0,
.servis,
#main-area .iframe-reset {
	box-sizing: border-box;
	width: 100%;
}

#menu0 {
	padding-right: 13px;
}

.content,
#area,
#menux-miton,
div.ch-corporate-footer,
#box-nadpis-sekce,
#box-detail-software-nadpis,
#box-lista-zpet {
	background-size: contain;
}

#header-k,
#header-m,
#homepageTop .home-articles {
	background-size: cover;
}

#homepageTop .home-articles,
#inbox1,
#column2-312 #workspace,
#column-detail #workspace,
#box-tiny-rating div,
.servis .servis-stranky,

#box-magazin-articles-home {
	width: 690px;
}

#homepageTop #box-tip {
	width: 330px;
}
#homepageTop #box-last-article {
	width: 350px;
}

div.articles-home-small-box div.article-teaser {
	width: 295px;
}
div.articles-home-small-box.active div.article-teaser {
	background-image: url(magazin/articles-home-small-box-selected.png), url(magazin/articles-home-small-box-selected.png);
	background-position: 0 center, 90px center;
}
#box-magazin-articles-home {
	background-size: 100% 148px;
}

@media screen and (max-width: 1340px) {

	#fb-panel-fixed { display: none; }
}

#workspace .box-content #formitem-questionTitle {
	display: block;
}

/* ----- Poradna ----- */
#css #workspace .box-content textarea,
#css #workspace .box-content #formitem-questionTitle {
	box-sizing: border-box;
	width: 100%;
}
/* ----- // Poradna ----- */

/* ----- // LAYOUT ----- */