/*
Copyright 2009, JT WebDesign Studio - http://www.jtwds.cz
*/


/* @screen */ @media screen {

/* @group Global */

/* Global > Reset */

body, h1, h2, h3, address, blockquote, div, hr, iframe, object, p, dl, dt, dd, ul, ol, li, table, caption, col, colgroup, thead, tfoot, tbody, tr, th, td, form, fieldset, legend, label, img, a {
	border: none;
	margin: 0;
	padding: 0;
}

body, input, textarea, select {
	font: 70%/1.5 Tahoma, sans-serif;
}

/* Global > Base */

body {
	text-align: center;
	color: #56616E;
	background: #E7EAEE url(/images/bg_body.gif) repeat-x 0 0;
	min-width: 960px;
}

/* Global > Heading */

h1 {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	font: normal 1.9em Tahoma, sans-serif;
	color: #3570AC;
	margin: 0 0 1.5em 0;
	font-variant: small-caps;
	letter-spacing: .05em;
}

h2 {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	font: bold 1.2em Tahoma, sans-serif;
	color: #56616E;
	margin: 1.2em 0 .4em 0;
}

h3 {
	font: normal 1em Tahoma, sans-serif;
	margin: 1.2em 0 .4em 0;
	color: #56616E;
}

/* Global > Block */

address {
	margin: .8em 0;
}

blockquote {
	margin: .8em 20px;
}

hr {
	display: block;
	height: 1px;
	overflow: hidden;
	border: solid #B2B2B2;
	border-width: 1px 0 0 0;
	margin: 1em 0;
}

p {
	margin: .8em 0;
}

.alert {
	--bs-alert-bg: transparent;
	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 1rem;
	--bs-alert-color: inherit;
	--bs-alert-border-color: transparent;
	--bs-alert-border: 2px solid var(--bs-alert-border-color);
	--bs-alert-border-radius: 0.375rem;
	position: relative;
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	margin-bottom: var(--bs-alert-margin-bottom);
	color: var(--bs-alert-color);
	background-color: var(--bs-alert-bg);
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius);
	font-weight: bold;
}

.alert-success {
	--bs-alert-color: #0f5132;
	--bs-alert-bg: #d1e7dd;
	--bs-alert-border-color: #badbcc;
}

.alert-warning {
	--bs-alert-color: #664d03;
	--bs-alert-bg: #fff3cd;
	--bs-alert-border-color: #ffecb5;
}

.alert-danger {
	--bs-alert-color: #842029;
	--bs-alert-bg: #f8d7da;
	--bs-alert-border-color: #f5c2c7;
}

/* Global > List */

dl {
	margin: .8em 0;
}

dt {
	margin: .2em 0;
}

dd {
	margin: .2em 0 .2em 20px;
}

ul {
	display: block;
	list-style: none;
	margin: .8em 0;
}

ul li, ol ul li {
	display: block;
	list-style: none;
	margin: .2em 0;
	padding: 0 0 0 20px;
	background: url(/images/bullet-1.gif) no-repeat 0 .3em;
}

ol {
	display: block;
	list-style: decimal;
	margin: .8em 0 .8em 30px;
}

ol li, ul ol li {
	display: list-item;
	list-style: decimal;
	margin: .2em 0;
	padding: 0;
	background: none;
}

/* Global > Table */

table {
	border-collapse: collapse;
	margin: 1em 0;
	border-bottom: 1px solid #DEE1E5;
}

caption {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	font-style: italic;
	color: #56616E;
}

* html caption {
	padding-bottom: 10px;
}

*+html caption {
	padding-bottom: 10px;
}

th {
	border: none;
	border-top: 1px solid #DEE1E5;
	padding: 5px 10px;
	vertical-align: middle;
	text-align: center;
	background: transparent none;
	font-weight: bold;
}

td {
	border: none;
	border-top: 1px solid #DEE1E5;
	padding: 5px 10px;
	vertical-align: middle;
	text-align: center;
	background: transparent none;
}

/* Global > Form */

form {
	margin: 1em 0;
}

fieldset {
	border: 1px solid #B2B2B2;
	margin: 1em 0 .8em 0;
	padding: 9px;
}

legend {
	margin: .8em 0;
	padding: 0 .8em;
	color: #56616E;
}

button {
	cursor: pointer;
}

button:disabled img {
	filter: grayscale(100%);
}

input, textarea, select {
	font-size: 1em;
}

input[type="submit"], input[type="button"] {
	color: #008000;
	font-weight: bold;
	padding: 5px 10px;
	cursor: pointer;
}

input[type="text"], textarea {
	border: 1px solid #a7bbcf;
	background-color: #f9f9f9;
}

textarea {
	resize: vertical;
}

.grecaptcha-badge {
	visibility: hidden;
}

/* Global > Inline */

abbr, acronym {
	border-bottom: 1px dotted;
	font-variant: small-caps;
	cursor: help;
}

dfn {
	border-bottom: 1px dotted;
	cursor: help;
}

cite, em, q, var {
	font-style: italic;
}

code, kbd, samp, pre, .monospace {
	font: 1em "Lucida Console", "Andale Mono", monospace;
	letter-spacing: -1px;
}

sub {
	font-size: smaller;
	text-decoration: none !important;
	vertical-align: sub;
}

sup {
	font-size: smaller;
	text-decoration: none !important;
	vertical-align: super;
}

del {
	text-decoration: line-through;
}

ins {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

/* Global > Link */

a {
	color: #7A9A1F;
}

a:hover, a:active {
	color: #FF7D00;
}

h1 a {
	color: #3570AC !important;
}

h2 a, h3 a {
	color: #56616E !important;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	text-decoration: none;
}

/* @end */

/* @group Universal */

/* Universal > Display */

.fix-after {
	height: 1%;
	overflow: visible;
}

.fix, .fix-after:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	clear: both;
}

.float-left {
	float: left;
	margin: .8em 10px .8em 0;
}

.float-right {
	float: right;
	margin: .8em 0 .8em 10px;
}

.hr {
	border-bottom: 1px dotted #929292;
}

.nowrap {
	white-space: nowrap;
}

.invisible {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	overflow: hidden;
	text-indent: -5000px;
}

.noscreen, .noshow {
	display: none;
}

/* Universal > Table (T) */

/* -- table-form */

.t-form {
	border-collapse: separate;
	border-spacing: 0;
	margin: 1em 0;
	border: none;
}

.t-form th {
	border: none;
	padding: 5px 10px 5px 0;
	vertical-align: top;
	text-align: left;
}

.t-form td {
	border: none;
	padding: 5px 10px 5px 0;
	vertical-align: top;
	text-align: left;
}

/* -- tablegroup/tablerow-odd/even */

.t-even, .t-background .t-even td, .t-grid .t-even td {
	background-color: #DEE1E5;
}

/* Universal > Border (B) */

.b-none {
	border: none !important;
}

/* Universal > Margin (M) */

.m-none {
	margin: 0 !important;
}

.m-top-none {
	margin-top: 0 !important;
}

.m-top-1x {
	margin-top: .8em;
}

.m-top-2x {
	margin-top: 1.6em;
}

.m-bottom-none {
	margin-bottom: 0 !important;
}

.m-bottom-1x {
	margin-bottom: .8em;
}

.m-bottom-2x {
	margin-bottom: 1.6em;
}

/* Universal > Background (BG) */

.bg-none {
	background: none !important;
}

ul.bg-none li {
	background: none;
	padding-left: 0;
}

/* Universal > Width (W) */

.w-auto {
	width: auto;
}

.w-100-pct {
	width: 100%;
}

/* Universal > Align (A) */

.a-left {
	text-align: left !important;
}

.a-center {
	text-align: center !important;
}

.a-right {
	text-align: right !important;
}

.a-middle, .a-middle th, .a-middle td, th.a-middle, td.a-middle, .a-middle label, .a-middle input, .a-middle select, .a-middle img {
	vertical-align: middle;
}

/* Universal > Font (F) */

.f-bold {
	font-weight: bold !important;
}

.f-italic {
	font-style: italic;
}

.f-normal {
	font-weight: normal !important;
	font-style: normal !important;
}

.f-larger {
	font-size: larger;
}

.f-smaller {
	font-size: smaller;
}

.f-extra {
	color: #D95700;
}

.f-note {
	color: #595959;
}

.f-underline {
	text-decoration: underline;
}

/* @end */

/* @group Layout */

/* Layout > Header */

#header {
	position: relative;
	width: 960px;
	height: 125px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
	background: url(/images/bg_header.gif) no-repeat 100% 0;
}

#logo {
	position: absolute;
	width: 275px;
	height: 85px;
	top: 40px;
	left: 10px;
	overflow: hidden;
	margin: 0;
}

#accesslink {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	overflow: hidden;
	text-indent: -5000px;
}

/* Layout > Global */

#global-out {
	width: 100%;
	height: 105px;
	background: #4B5562 url(/images/bg_global.gif) repeat-x 0 0;
	border-bottom: 4px solid #B2B2B2;
	color: white;
	text-align: center;
}

#global {
	position: relative;
	width: 960px;
	height: 105px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
}

#nav {
	position: absolute;
	left: 20px;
	bottom: 10px;
	width: 690px;
	margin: 0;
}

#nav li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	background: transparent none;
}

#nav a, #nav strong {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	font-size: 1.6em;
	font-variant: small-caps;
	color: white;
	text-decoration: none;
	font-weight: normal;
}

#nav a:hover {
	text-decoration: underline;
}

#nav a.selected, #nav strong.selected {
	color: #CED8E1;
}

#news {
	position: absolute;
	top: 9px;
	right: 3px;
	width: 238px;
	height: 87px;
	background: url(/images/bg_news.gif) no-repeat 0 0;
}

#news h2 {
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	line-height: 0;
	margin: 0;
	overflow: hidden;
	text-indent: -5000px;
}

#news ul {
	margin: 0;
}

#news ul li {
	margin: 0;
	padding: 0;
	background: transparent none;
}

#slider_1 {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 202px;
	height: 67px;
	overflow: hidden;
	margin: 0;
}

#news #slider_1 ul, #news #slider_1 li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#news #slider_1 li { 
	/* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ 
	width: 202px;
	height: 67px;
	overflow: hidden; 
}

#news span#news_previous {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 12px;
	overflow: hidden;
	background: url(/images/button_news-prev.png) no-repeat 0 0;
	cursor: pointer;
}

#news span#news_next {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 12px;
	height: 12px;
	overflow: hidden;
	background: url(/images/button_news-next.png) no-repeat 0 0;
	cursor: pointer;
}

#news span#news_previous a, #news span#news_next a {
	display: block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	text-indent: -5000px;
}

#news h3 {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	font-weight: bold;
	color: #D1E52C;
	margin: 0;
}

.news-date {
	color: #CED8E1;
	margin: 0 0 .4em 0;
}

.news-content {
	margin: 0;
}

/* Layout > Content */

#content {
	width: 920px;
	margin: 10px auto 0 auto;
	text-align: justify;
	background: url(/images/bg_content.gif) repeat-y 0 0;
	padding: 10px 20px 20px 20px;
}

#content h2 {
	margin: 40px 0 10px 0;
	background: url(/images/bg_h-h2.gif) no-repeat 0 50%;
	padding-left: 15px;
}

#content h3 {
	margin: 20px 0 10px 0;
}

#content p, #content ul, #content dl, #content table {
	margin: 20px 0;
}

#content ul li {
	margin: 0 0;
}

.cols {
	clear: both;
	width: 920px;
}

.cols .col-left {
	float: left;
	width: 453px;
	overflow: hidden;
	margin: 0;
}

.cols .col-right {
	float: right;
	width: 453px;
	overflow: hidden;
	margin: 0;
}

.cols .txt-left {
	float: left;
	width: 205px;
	overflow: hidden;
	margin: 0;
}

.cols .txt-right {
	float: right;
	width: 205px;
	overflow: hidden;
	margin: 0;
}

.screenhide {
	color: #E7EAEE;
}

#refs dt {
	font: bold 1.2em Tahoma, sans-serif;
	color: #56616E;
	margin: 40px 0 10px 0;
	background: url(/images/bg_h-h2.gif) no-repeat 0 50%;
	padding-left: 15px;
}

#refs dd {
	margin: 1em 0 0 0;
	width: 910px;
	height: 157px;
	line-height: 1px;
	padding: 5px;
	background: #E7EAEE url(/images/bg_refs.gif) no-repeat 0 0;
}

#refs dd img {
	width: 910px;
	height: 157px;
}

#content #price {
	margin: 0;
}

#price .price-label {
	width: 228px;
}

#price .price-item {
	width: 173px;
}

#price thead th {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	font: normal 1.9em Tahoma, sans-serif;
	font-variant: small-caps;
	color: #8aa500;
	letter-spacing: .05em;
	padding-bottom: 10px;
	border-top: none;
}

#price tbody th {
	font-weight: normal;
	text-align: right;
}

#price tbody th span {
	border-bottom: 1px dotted #a8a8a8;
	cursor: help;
}

#price tbody tr.prices th, #price tbody tr.prices td {
	background-color: #DDE0E4;
	font-weight: bold;
}

#price tbody tr:hover {
	background-color: #DDE0E4 !important;
}

*+html #price tbody tr:hover th, *+html #price tbody tr:hover td {
	background-color: #DDE0E4;
}

#advantages .col-left, #advantages .col-right, #demoversion .col-left, #demoversion .col-right, #contact .col-right, #features .col-right {
	width: 433px;
	padding: 10px 10px 0 10px;
	background: url(/images/bg_advantages.gif) repeat-x 0 0;
}

#content #advantages .col-left h2 {
	font: normal 21px Tahoma, sans-serif;
	background: url(/images/ico_plus.png) no-repeat 0 100%;
	color: #5A7D86;
	margin: 5px 0 15px 0;
	padding: 0 0 0 30px;
}

#content #advantages .col-right h2 {
	font: normal 21px Tahoma, sans-serif;
	background: url(/images/ico_cross.png) no-repeat 0 100%;
	color: #5A7D86;
	margin: 5px 0 15px 0;
	padding: 0 0 0 30px;
}

#content #advantages .col-right li span {
	border-bottom: 1px dotted #a8a8a8;
	cursor: help;
}

#advantages h2 strong {
	font-weight: bold;
	color: #3570AC;
}

#advantages ul {
	margin-top: 0;
}

#content #advantages .highlightbox {
	background-color: #EBEEF1;
	border: 1px solid #CFD9E2;
	padding: 9px;
	color: #56616E;
	margin-bottom: 0;
}

#content #advantages .highlightbox p {
	margin: 0;
}

#content #demoversion .col-left h2 {
	font: normal 21px Tahoma, sans-serif;
	background: url(/images/xxx.gif) no-repeat 0 100%;
	color: #5A7D86;
	margin: 5px 0 15px 0;
	padding: 0 0 0 30px;
}

#content #demoversion .col-right h2 {
	font: normal 21px Tahoma, sans-serif;
	background: url(/images/xxx.gif) no-repeat 0 100%;
	color: #5A7D86;
	margin: 5px 0 15px 0;
	padding: 0 0 0 30px;
}

#contact .col-left p {
	margin-top: 0;
}

#content #contact .col-right h2 {
	font: normal 21px Tahoma, sans-serif;
	background: url(/images/ico_book.png) no-repeat 0 100%;
	color: #5A7D86;
	margin: 5px 0 15px 0;
	padding: 0 0 0 30px;
}

#contact .col-right h2 strong {
	font-weight: bold;
	color: #3570AC;
}

#content #contact .t-form {
	margin: 0;
}

#contact .t-form th {
	font-weight: bold;
}

#contact textarea {
	width: 300px;
	height: 100px;
}

#contact-logo {
	font-size: smaller;
	font-weight: bold;
	text-align: center;
}

#features .col-left {
	padding-top: 10px;
}

#content #features h2 {
	font: normal 21px Tahoma, sans-serif;
	background: transparent none;
	color: #5A7D86;
	margin: 5px 0 15px 0;
	padding: 0;
}

#features h2 strong {
	font-weight: bold;
	color: #3570AC;
}

#features .col-right-in {
	position: relative;
	width: 433px;
	padding-bottom: 70px;
	background: url(/images/bg_features-pager.gif) repeat-x 0 100%;
}

#slider_2 {
	width: 433px;
}

#slider_2 ul {
	display: block;
	float: none;
	list-style: none;
	width: 433px;
	margin: 0;
}

#slider_2 ul li {
	display: block;
	float: none;
	list-style: none;
	width: 433px;
	height: 210px; /* nastavit podle nejvyssiho obsahu boxu */
	margin: 0;
	padding: 0;
	background: url(/images/bg_features-1.png) no-repeat 100% 100%;
}

#slider_2 ul li.bg-2 {
	background: url(/images/bg_features-2.png) no-repeat 100% 100%;
}

#slider_2 ul li p {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(/images/bullet-1.gif) no-repeat 0 .3em;
}

#features .col-right-in span#pager_previous {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 33px;
	height: 32px;
	overflow: hidden;
	background: url(/images/button_features-prev.png) no-repeat 0 0;
	cursor: pointer;
}

#features .col-right-in span#pager_next {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 33px;
	height: 32px;
	overflow: hidden;
	background: url(/images/button_features-next.png) no-repeat 0 0;
	cursor: pointer;
}

#features .col-right-in span#pager_previous a, #features .col-right-in span#pager_next a {
	display: block;
	width: 33px;
	height: 32px;
	overflow: hidden;
	text-indent: -5000px;
}

#summary {
	width: 932px;
	margin: 0 -6px 15px -6px;
}

ul#summary-in {
	width: 932px;
	margin: 0 !important;
	height: 1%;
	overflow: visible;
}

ul#summary-in:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#content #summary-1 {
	float: left;
	width: 233px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: transparent none;
}

#summary-1 h2 {
	position: relative;
	width: 233px;
	height: 74px;
	margin: 0;
	padding: 0;
	background: transparent none;
}

#summary-1 h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 233px;
	height: 74px;
	background: url(/images/summary_1-header.gif) no-repeat 0 0;
}

#summary-1 .summary-in {
	width: 233px;
	background: url(/images/bg_summary.gif) no-repeat 0 100%;
}

#content #summary-2 {
	float: left;
	width: 233px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: transparent none;
}

#summary-2 h2 {
	position: relative;
	width: 233px;
	height: 74px;
	margin: 0;
	padding: 0;
	background: transparent none;
}

#summary-2 h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 233px;
	height: 74px;
	background: url(/images/summary_2-header.gif) no-repeat 0 0;
}

#summary-2 .summary-in {
	width: 233px;
	background: url(/images/bg_summary.gif) no-repeat 0 100%;
}

#content #summary-3 {
	float: left;
	width: 233px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: transparent none;
}

#summary-3 h2 {
	position: relative;
	width: 233px;
	height: 74px;
	margin: 0;
	padding: 0;
	background: transparent none;
}

#summary-3 h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 233px;
	height: 74px;
	background: url(/images/summary_3-header.gif) no-repeat 0 0;
}

#summary-3 .summary-in {
	width: 233px;
	background: url(/images/bg_summary.gif) no-repeat 0 100%;
}

#content #summary-4 {
	float: left;
	width: 233px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: transparent none;
}

#summary-4 h2 {
	position: relative;
	width: 233px;
	height: 74px;
	margin: 0;
	padding: 0;
	background: transparent none;
}

#summary-4 h2 span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 233px;
	height: 74px;
	background: url(/images/summary_4-header.gif) no-repeat 0 0;
}

#summary-4 .summary-in {
	width: 233px;
	background: url(/images/bg_summary.gif) no-repeat 0 100%;
}

#summary .summary-in ul {
	margin: 0;
	padding: 15px 16px 15px 16px;
}

#summary .summary-in ul li {
	background-image: url(/images/bullet-2.gif);
}

#summary .summary-in .order {
	margin: 0 16px;
	text-align: center;
}

#summary .summary-in {
	padding-bottom: 1px;
}

#summary .summary-in ul {
	min-height: 100px;
}

#summary .price {
	width: 200px;
	height: 26px;
	padding: 16px 16px 14px 16px;
	margin: 0;
}

#tooltip {
	background-color: #f8f8f8;
	border: 3px double #adbecd;
	text-align: justify;
	line-height: 130%;
	position: absolute;
	visibility: hidden;
	padding: 8px 10px;
	width: 310px;
	z-index: 100;
}

/* Layout > Footer */

#disclaimer {
	font-style: normal;
}

/* @end */

}

/* @print */

@media print {

body {
	font: 80%/1.5 verdana, georgia, serif;
	text-align: justify;
}

a, a:visited {
	color: #0a65ca;
}

h1, h2, h3 {
	text-align: left;
}

table {
	border: none;
	border-collapse: collapse;
	margin-bottom: 10pt;
}

th, td {
	border: 1px dotted;
}

img {
	border: none;
}

.noprint, .noshow, .fix, #accesslink, #disavantages-text, #global-out, #features .col-right, #faq-question, #contact .col-right, #contact-logos .txt-right {
	display: none;
}

#logo {
	position: relative;
	top: -10px;
	left: -10px;
}

#price {
	width: 100%;
}

#price tbody th {
	text-align: left;
}

#price tbody td {
	text-align: center;
}

#refs dt {
	font-weight: bold;
	margin-top: 1.2em;
}

#refs dd {
	margin: 0.5em 0 0 0;
}

#refs dd img {
	width: 637px;
	height: 110px;
	border: 1px dotted black;
}

}