/* OBECNA PRAVIDLA */

body, img, form, object, embed {
	margin: 0; padding: 0; border: 0;
}

body, td, input, button, select, textarea {
	font-family: Verdana;
	font-size: 11px;
	color: #fff;
	line-height: 1.5em;
}

body {
	text-align: center;
}

#body-bg-title { /* bilej titulka clanky */
	background: #293040 url("../img/body-bg-title.gif") center top repeat-y;
}
#body-bg-2 { /* dvousloupcovej modrej */
	background: #293040 url("../img/body-bg-2.gif") center top repeat-y;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.noCss {
	font-size: 0; line-height: 0;
	display: none;
}

.clnr {
	clear: both;
	font-size: 0; line-height: 0;
	height: 1px;
}

.sysMsg {
	font-weight: bold;
}

.error {
	color: red;
}

.ok {
	color: green;
}

/* ZAKLADNI LAYOUT */

#pageHolder {
	text-align: center;
}

#page {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	margin-bottom: 16px;
}

html>body #page {
	margin-bottom: 32px;
}

/* PATICKA */

#footerHolder {
	position: fixed;
	bottom: 0; left: 0;
	text-align: center;
	width: 100%;
}

#footer {
	width: 760px;
	margin: 0 auto;
	height: 31px;
	background: url("../img/footer-bg.gif") left top repeat-x;
}

#footerText {
	padding: 6px 0 0 0; margin: 0;
	font-size: 10px;
	color: #fff;
	line-height: 25px;
}
#footerText a {
	color: #fff;
	text-decoration: underline;
}
#footerText a:hover {
	text-decoration: none;
}

#footerText img {
	vertical-align: middle;
	margin: 0 4px 0 0;
}


/* HLAVICKA */

#header {
	background: transparent url("../img/header-bg.jpg") left top no-repeat;
	height: 83px;
	border-bottom: 1px solid #232936;
/*	margin: 0 0 0 */
}
#header-border {
	background: transparent url("../img/header-border-bg.gif") left top repeat-x;
	height: 5px;
	line-height: 1px;
	font-size: 1px;
	border-bottom: 1px solid #1F2430;
}
#menu {
	padding-left: 11px;
}
#menu a{
  background-image:url("../img/menu_1.gif");
  width: 167px;
  display: block;
  float: left;
  height: 0px;
  padding-top: 30px;
  _padding-top: 15px;
  overflow: hidden;
}
#menu a:hover{
  background-position: 0 -30px;
}
#menu a.menu-o_systemu_webjump{
  background-image:url("../img/menu_1.gif");
  width: 167px;
}
#menu a.menu-moduly{
  background-image:url("../img/menu_2.gif");
  width: 145px;
}
#menu a.menu-faq{
  background-image:url("../img/menu_3.gif");
  width: 52px;
}
#menu a.menu-kontakt{
  background-image:url("../img/menu_4.gif");
  width: 78px;
}
#menu a.menu-spoluprace{
  background-image:url("../img/menu_5.gif");
  width: 102px;
}
#home {
}
#home a {
	display: block;
	float: right;
	height: 70px;
	width: 190px;
}
html>body #home a {
	top: -25px;
}

/* OBSAH */

#main-content-holder {
	float: left;
	width: 486px;
}
#main-content {
	padding: 26px 21px 26px 26px;
}
#main-content h1 {
	font-size: 16px;
	margin: 0 0 0 0;
	padding: 0 0 16px 0;
}
#main-content h1 span {
	color: #9FB8DA;
}
#main-content h2 {
	font-size: 12px;
	margin: 0 0 0 0;
	color: #FFAE00;
}
#main-content h2 span {
	color: #fff;
}
#main-content p {
	margin: 0 0 16px 0;
	text-align: justify;
}
#main-content ol {
	margin: 0 0 16px 0;
	padding: 0;
	list-style: none;
}
#main-content li {
	clear: both;
}
#main-content li div {
	float: left;
	width: 20px;
	text-align: right;
	font-weight: bold;
	color: #FFAE00;
}
#main-content li p {
	margin: 0 0 0 6px;
	float: left; /* explorer je fakt pica neschopna */
	width: 410px; /* explorer je fakt pica neschopna */
}

.main-content-line {
	clear: both;
	border-bottom: 1px solid #374A77;
	margin-bottom: 16px;
}
#main-content ul {
	margin: 0 0 0 0;
	padding: 0 0 16px 28px;
}
/* dar area */
/*
.dark-area { z ieckem ztraceny...
	margin: 16px 0;
}
.da-tb {
	background: #203056 url("../img/dark-area-tb.gif") top left repeat-x;
}
.da-rb {
	background: transparent url("../img/dark-area-rb.gif") top right repeat-y;
}
.da-bb {
	background: transparent url("../img/dark-area-bb.gif") bottom left repeat-x;
}
.da-lb {
	background: transparent url("../img/dark-area-lb.gif") top left repeat-y;
}
.da-ltc {
	background: transparent url("../img/dark-area-ltc.gif") top left no-repeat;
}
.da-rtc {
	background: transparent url("../img/dark-area-rtc.gif") top right no-repeat;
}
.da-rbc {
	background: transparent url("../img/dark-area-rbc.gif") bottom right no-repeat;
}
.da-lbc {
	background: transparent url("../img/dark-area-lbc.gif") bottom left no-repeat;
}
.da-msie {
	padding: 7px;
}
*/
.dark-area {
	background: #203056 url("../img/dark-area-bg.gif") top left repeat-y;
	margin: 6px 0 16px 0;
}
.dark-area-tb {
	background: transparent url("../img/dark-area-tb.gif") top left no-repeat;
	height: 8px;
	line-height: 1px;
	font-size: 1px;
}
.dark-area-bb {
	background: transparent url("../img/dark-area-bb.gif") top left no-repeat;
	height: 8px;
	line-height: 1px;
	font-size: 1px;
}
.dark-area-content {
	padding: 10px 18px;
}
.dark-area-content img{
	float:left;
}
.dark-area-content div.text{
	margin-left: 137px;
}
.dark-area-img {
	float: left;
	margin: 0 12px 12px 0;
	border: 2px solid #9FB8DA;
}
.dark-area-more {
	text-align: right;
	margin-top: 6px;
}
.dark-area-more span {
	background: url("../img/da-more.gif") 0 3px no-repeat;
	padding: 0 0 0 12px;
	color: #FFAE00;
	border-bottom: 1px solid #FFAE00;
}
.dark-area-more a {
	color: #FFAE00;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	top: 1px;
}
.dark-area-more a:hover {
	color: #fff;
	text-decoration: none;
}

#secondary-content {
	margin: 0 0 0 486px;
	font-size: 10px;
	line-height: 15px;
}
#secondary-content p {
	margin: 0 0 6px 0;
	text-align: justify;
}

/* semidarkarea */
.semidark-area-1 {
	background: #2B3C63 url("../img/sa-bg-top.gif") top left repeat-x;
	border-top: 1px solid #374A77;
	border-bottom: 1px solid #243458;
}
.semidark-area-2 {
	background: transparent url("../img/sa-bg-bottom.gif") bottom left repeat-x;
	padding: 15px 20px 9px 20px;
}

.like-anchor {
	color: #FFAE00;
}
.image {
	margin: 0 0 3px 0;
	text-align: center;
}
.image img {
	margin: auto;
}

/* otazka - odpoved */
.question img {
	float: left;
}
.question div {
	margin: 0 0 6px 30px;
	text-align: justify;
}

/* moduly */
.modules-box {
	border-top: 1px solid #2C3D64;
	float: left;
	width: 185px;
}
.modules-box div {
	border-bottom: 1px solid #2C3D64;
	padding: 3px 6px 3px 26px;
	background: 6px 4px no-repeat;
}
.modules-box-left {
	margin: 0 28px 0 0;
}

/* kontakty */
.contact {
	border-bottom: 1px solid #2F4068;
	padding: 12px 12px 12px 24px;
	margin: 0px;
}
.contact span {
	font-size: 10px;
}
.contact a {
	font-weight: bold;
}

/* MODULY */
.moduly-vypis-kratce {
	border-bottom: 1px solid #2F4068;
	padding: 18px 20px 18px 56px;
	background: 10px 20px no-repeat;
}
#moduly-vypis h3 {
	margin: 0 0 6px 0;
}
#moduly-vypis h3 a {
	color: #FFAE00;
	font-size: 13px;
}
#moduly-vypis h3 a:hover {
	text-decoration: none;
}
#main-content .moduly-vypis-more {
	text-align: right;
	margin-top: -10px;
}
#main-content .moduly-vypis-more span {
	background: url("../img/da-more.gif") 0 3px no-repeat;
	padding: 0 0 0 12px;
	color: #FFAE00;
	border-bottom: 1px solid #FFAE00;
}
#main-content .moduly-vypis-more a {
	color: #FFAE00;
	text-decoration: none;
/*	font-weight: bold; */
	position: relative;
	top: 1px;
}
#main-content .moduly-vypis-more a:hover {
	color: #fff;
	text-decoration: none;
}
.moduly-vypis-detail {
	border-bottom: 1px solid #2F4068;
	padding: 18px 20px 18px 8px;
	background: 10px 20px no-repeat;
}
.moduly-vypis-detail-hlavicka {
	padding: 0 0 0 48px;
}

.moduly-menu {
	padding: 26px 26px 26px 20px;
}
.moduly-menu h2 {
	font-size: 12px;
	color: #FFAE00;
	margin: 0 0 0 0;
}
.moduly-menu-list {
	border-top: 1px solid #3A4B71;
	margin: 6px 0 0 0;
	padding: 0px;
}
.moduly-menu-list li {
	list-style: none;
	padding: 4px 0 4px 28px;
	border-bottom: 1px solid #3A4B71;
	font-size: 11px;
	background: 6px 4px no-repeat;
}

/* titulka */

#header-title-flash {
	background: url("../img/header-title-flash-bg.jpg") left top no-repeat;
	height: 267px;
	margin: 0px;
}

#title-header {
	color: #030B20;
	padding: 10px 10px 0 10px;
	text-align: center;
}
#title-header a.prev, a.next{
	display: block;
	width:30px;
	height:30px;
	background: url("../img/title-nav-prev.gif") left top no-repeat;
}
#title-header a.next{
	background: url("../img/title-nav-next.gif") left top no-repeat;
}
#title-header div.next{
	float: right;
	width:30px;
	height:30px;
	font-size: 9px;
	color: #CCCCCC;
}
#title-header div.prev{
	float: left;
	width:30px;
	height:30px;
	font-size: 9px;
	color: #CCCCCC;
}

#title-header a.prev:hover{
	background-position: 0 -30px;
}
#title-header a.next:hover{
	background-position: 0 -30px;
}


#title-navigation-prev {
	float: left;
}
#title-navigation-next {
	float: right;
}
#title-header h1 {
	text-align: center;
	width: 420px;
	margin: 10px auto 20px auto;
	font-size: 30px;
	padding: 0px;
	line-height: 40px;
}
#title-header p {
	text-align: justify;
	width: 420px;
	font-weight: bold;
	margin: 0 auto 0 auto;
}

#content-holder-title {
	color: #030B20;
	padding: 55px 55px 55px 55px;
}

#content-title-l {
	float: left;
	width: 312px;
	margin: 0 25px 0 0;
}
#content-title-r {
	float: left;
	width: 312px;
}
#content-holder-title p {
	text-align: justify;
	margin: 0 0 12px 0;
}
#content-holder-title ul {
	margin: 0 0 12px 0;
}
#content-holder-title p a, #content-holder-title ul a, #content-holder-title .like-anchor {
	color: #446AA1;
}
/*
#content-holder-title .like-anchor {
	text-decoration: underline;
}
*/
#content-holder-title .first-letter {
	float: left;
	font-size: 30px;
	font-weight: bold;
	line-height: 28px;
	letter-spacing: 4px;
}

#content-holder-title .vycet {
	margin: 0px;
	padding: 0 0 0 16px;
	list-style: square;
}
html>body #content-holder-title .vycet {
	padding: 0 0 0 13px;
}



#title-content-footer {
	clear: both;
	text-align: center;
	padding: 30px 0 0 0;
	font-size: 12px;
}
#title-content-footer strong{
	font-size: 13px;
}


.title-table {
	background: url("../img/title-table-bg-body.gif") left top repeat-y;
	padding: 0;
	margin: 0 0 16px 0;
}
.title-table-content {
	border: 1px solid #49659A;
	padding: 1px;
	width: 287px;
	margin: 0 10px;
}
html>body .title-table-content {
	width: 283px;
}
.title-table-content h3 {
	background-color: #8793B1;
	font-weight: bold;
	color: #fff;
	font-size: 9px;
	margin: 0px;
	padding: 2px 12px 2px 12px;
}
.title-table-t, .title-table-b {
	height: 8px; font-size: 0px; line-height: 0px;
}
.title-table-t {
	background: url("../img/title-table-bg-top.gif") left top no-repeat;
}
.title-table-b {
	background: url("../img/title-table-bg-bottom.gif") left top no-repeat;
}

.title-table-content ul {
	margin: 0px;
	padding: 10px 10px 6px 10px;
	list-style: none;
	font-size: 9px;
	color: #FF9000;
	font-weight: bold;
}
.title-table-content li {
	border-bottom: 1px solid #49659A;
	padding: 3px 0 3px 0;
}
.title-table-content a {
	font-weight: normal;
	color: #0F1D4C;
}

.screenshots {
	text-align: center;
}
.screenshots table {
	margin: auto;
	width: 370px;
	text-align: center; /* msie smrdi */
}
.dark-area-scrshots {
	background: #203056 url("../img/dark-area-scrshots-bg.gif") top left repeat-y;
	margin: 6px 0 16px 0;
}
.dark-area-tb-scrshots {
	background: transparent url("../img/dark-area-scrshots-tb.gif") top left no-repeat;
	height: 8px;
	line-height: 1px;
	font-size: 1px;
}
.dark-area-bb-scrshots {
	background: transparent url("../img/dark-area-scrshots-bb.gif") top left no-repeat;
	height: 8px;
	line-height: 1px;
	font-size: 1px;
}
.dark-area-content-scrshots {
	padding: 10px 18px;
}

.bilej-vycet div {
	color: white;
}


#add-question {
	background: url("../img/faq-form.gif") left top no-repeat;
	color: #23355F;
	margin: 0px;
	padding: 26px 16px 22px 16px;
}
#add-question p {
	font-weight: bold;
	padding: 0 0 6px 58px;
	line-height: 1.3em;
}
#add-question .form-fields-description {
	float: left;
	line-height: 20px;
	color: #23355F;
	width: 58px;
	font-weight: bold;
}
#add-question .form-fields-description span {
	color: #F7931E;
}
/* pro blbecky jako je iecko */
#add-question .form-fields {
	margin-top: -1px;
}
#add-question .form-fields input {
	margin-bottom: 1px;
	width: 140px;
	border: 1px solid #B1C7E8;
	background: #3B649A;
}
/* normalne pro mozillu */
html>body #add-question .form-fields {
	margin: auto;
	line-height: 20px;
}
html>body #add-question .form-fields input {
	margin: auto;
}
#add-question textarea {
	width: 195px;
	height: 72px;
	border: 1px solid #87A5D3;
	background: #3B649A url("../img/faq-form-texta-bg.gif") left top no-repeat;
	margin: 23px 0 6px 0;
	padding: 0 2px 0 2px;
}
html>body #add-question textarea {
	margin: 22px 0 6px 0;
}
#add-question .submit {
	border: 0px none;
	background-color: transparent;
	margin: 0 0 0 68px;
	text-align: right;
	color: #23355F;
	color: #F7931E;
	font-weight: bold;
	cursor: pointer;
}
html>body #add-question .submit {
	margin: 0 0 0 100px;
}
#add-question-result {
	margin: 0px;
	padding: 2px 4px 16px 4px;
	font-weight: bold;
	color: #FFAE00;
}
#add-question-result {
	margin: 0px;
	padding: 2px 4px 16px 4px;
	font-weight: bold;
	color: #FFAE00;
}
#add-question-result ul {
	margin: 0px;
	padding: 2px 0 0 30px;
	color: #FFAE00;
}

.pad15{
  padding: 15px;
  text-align: center;
  word-spacing: 8em;
}

.navtext {
width: 300px;
border:1px solid #293040;
background-color:#2B3C63;
layer-background-color:#2B3C63;
color:white;
}