/* general elements */

body {margin: 0px; padding: 0px; font-family: "Arial CE", Arial, "Verdana CE", Verdana, "Helvetica CE", Tahoma, Helvetica; background: url('../pic/layout/body-bck.gif') center 457px no-repeat #ffffff; font-size: 12px;  color: #282720; }
a, a:active, a:visited {color: #5b5a4c; text-decoration: none; outline: none;}
a:hover {text-decoration: underline; outline: none;}
img, a img, a:active img, a:visited img, a:hover img {border: none; outline: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;}
input {vertical-align: middle;}
form {margin: 0px; padding: 0px;}

.left {float: left;}
.right {float: right;}
.clear  {clear: both;}

.text-right {text-align: right; padding-right: 15px;}

.bold {font-weight: bold;}
.no-border {border: none !important;}

h1 {font-size: 19px; margin: 0px;}
h2 {font-size: 15px; line-height: 14px; margin: 0px;}
h3 {font-size: 13px; line-height: 14px; margin: 0px;}
h4 {font-size: 13px; font-weight: normal; line-height: 14px; margin: 0px 0px 0px 0px;}

.relative {position: relative;}

/* layout */

#body-container {width: 100%; display: block; text-align: center; min-height: 1024px; }
#main-container {display: block; width: 984px; text-align: left; margin-left: auto; margin-right: auto; position: relative;}

/* homepage boxes */

#homepage-topbar {display: block; width: 338px; height: 150px; position: absolute; top: 0px; left: 0px;}
#homepage-topbar h1 {margin: 0px; padding: 0px; position: relative;}
#homepage-topbar h1 a {position: absolute; top: 20px; left: 0px; display: block; width: 220px; height: 125px; text-indent:-9999em; overflow: hidden; background: url('../pic/layout/logo-nakupni-software.gif') left top no-repeat;}

#homepage-box-01-outer {display: block; width: 338px; _height: 707px; min-height: 707px; float: left; background: url('../pic/layout/body-lightpart-bck.gif') left 469px no-repeat; }
#homepage-box-01-inner {padding: 155px 10px 8px 75px; }
#homepage-box-01-inner h1, #homepage-box-01-inner h2 {font-size: 34px; line-height: 34px; margin: 0px; padding: 10px;}
#homepage-box-01-inner h1 a { color: #282720 !important; text-decoration: none !important;}
#homepage-box-01-inner h3 {font-size: 20px; line-height: 23px; font-weight: normal; margin: 0px; padding: 10px;}

#homepage-box-01-inner h4 {font-size: 18px; line-height: 18px; color: #00bfe4; font-weight: bold; margin: 7px 0px 12px 0px;}
#homepage-box-01-inner ul {margin: 0px; padding: 0px; list-style-type: none;}


#homepage-box-01-inner ul li {background: url('../pic/layout/box-02-li-bck.gif') left 3px no-repeat; padding: 0px 0px 0px 12px; margin: 0px 0px 10px 0px;}
#homepage-box-01-inner ul.square {margin: 0px; padding: 0px; list-style-type: none;}
#homepage-box-01-inner ul.square li {padding: 0px 0px 0px 35px; margin: 0px 0px 7px 0px;}
#homepage-box-01-inner ul.square li.first {background: url('../pic/layout/square-01-bck.gif') left top no-repeat; }
#homepage-box-01-inner ul.square li.second {background: url('../pic/layout/square-02-bck.gif') left top no-repeat; }
#homepage-box-01-inner ul.square li.third {background: url('../pic/layout/square-03-bck.gif') left top no-repeat; }
#homepage-box-01-inner ul.square li.fourth {background: url('../pic/layout/square-04-bck.gif') left top no-repeat; }
#homepage-box-01-inner ul.square li.fifth {background: url('../pic/layout/square-05-bck.gif') left top no-repeat; }


#homepage-box-02-outer {display: block;  width: 352px; _height: 707px; min-height: 707px; float: left;}
#homepage-box-02-inner {padding: 0px 0px 4px 0px;}

/* article page boxes */

#article-topbar {display: block; width: 690px; height: 140px; position: absolute; top: 0px; left: 0px;}
#article-topbar h1 {margin: 0px; padding: 0px; position: relative;}
#article-topbar h1 a {position: absolute; top: 20px; left: 0px; display: block; width: 220px; height: 125px; text-indent:-9999em; overflow: hidden; background: url('../pic/layout/logo-nakupni-software.gif') left top no-repeat;}
#article-topbar h2 {color: #999780; position: absolute; top: 63px; left: 230px; font-size: 18px; line-height: 21px; margin: 0px; padding: 0px;}

#article-outer {display: block; width: 690px; min-height: 707px; float: left; background: url('../pic/layout/body-lightpart-bck.gif') left 469px no-repeat; }
#article-inner {padding: 180px 10px 38px 85px; }
#article-inner h1, #article-inner h2 {font-size: 34px; line-height: 34px; margin: 0px; padding: 10px 10px 10px 0px;;}
#article-inner h3 {font-size: 20px; line-height: 23px; font-weight: normal; margin: 0px; padding: 10px 10px 10px 0px;}
#article-inner h4 {font-size: 16px; font-weight: bold;}
#article-inner h5 {font-size: 13px; font-weight: bold;}

#article-inner p {padding: 7px 10px 7px 0px; margin: 0px;}
#article-inner a {color: #00bfe4;  text-decoration: underline;}

#article-inner form  {background-color: #e6f7fb; padding-top: 15px; padding-bottom: 15px;}
/* 
#article-inner form label {display: block; float: left; width: 100px; height: 25px; line-height: 25px; text-align: right; padding-right: 15px; } 
#article-inner form div.form-delimiter {clear: both; margin-bottom: 2px; display: block; width: 300px; height: 1px;}
*/
#article-inner form input.submit {margin-left: 115px; }
.input-text-01 {border: 1px solid #a8a693; height: 19px; width: 150px;}
.input-textarea-01 {border: 1px solid #a8a693; height: 19px; width: 300px; height: 150px; overflow: auto;}

#article-inner table {border-collapse: collapse; border: 1px solid #01c8ef; }
#article-inner table th {border: 1px solid #01c8ef; background-color: #01c8ef; text-align: left; padding: 3px;}
#article-inner table td {border: 1px solid #01c8ef; padding: 3px;}

#breadcrumb-navigation {display: block; width: 690px; height: 20px; position: absolute; top: 150px; left: 87px; font-size: 11px; color: #999780;}
#breadcrumb-navigation a {color: #01c8ef; text-decoration: underline;}

/* common sidebar */
#sidebar {display: block; width: 250px; float: left;}

.box-01-outer {display: block; width: 250px; overflow-x: hidden; background-color: #b4b2a3;}
.box-01-inner {padding: 10px 10px 10px 20px;}
.box-01-inner h4 {font-size: 18px; line-height: 18px; color: #ffffff; font-weight: normal; margin: 7px 0px 7px 0px;}
.box-01-inner h5 {font-size: 14px; line-height: 16px; color: #282720; font-weight: bold; margin: 0px 0px 7px 0px;}
.box-01-inner p {margin: 0px 0px 10px 0px;}

.box-01-inner ul {margin: 0px; padding: 0px; list-style-type: none;}
.box-01-inner ul li {background: url('../pic/layout/box-01-li-bck.gif') left 3px no-repeat; padding: 0px 0px 0px 12px; margin: 0px 0px 10px 0px;}

.box-02-outer {display: block; width: 250px; _height: 190px; min-height: 190px; overflow-x: hidden; background: url('../pic/layout/box-02-bck.gif') left top no-repeat;}
.box-02-inner {padding: 20px;}
.box-02-inner h4 {font-size: 18px; line-height: 18px; color: #00bfe4; font-weight: bold; margin: 7px 0px 14px 0px;}
.box-02-inner h4 a {color: #00bfe4 !important; text-decoration: none;}
.box-02-inner p {color: #878571;}

.box-02-inner ul {margin: 0px; padding: 0px; list-style-type: none;}
.box-02-inner ul li {background: url('../pic/layout/box-02-li-bck.gif') left 3px no-repeat; padding: 0px 0px 0px 12px; margin: 0px 0px 10px 0px;}


a.link-01 {color: #ffffff; padding-right: 12px; text-decoration: underline; background: url('../pic/layout/link-01-bck.gif') right center no-repeat;}
a.link-02 {color: #00bfe4; padding-right: 12px; text-decoration: underline; background: url('../pic/layout/link-02-bck.gif') right center no-repeat;}

/* footer */

#footer {clear: both; text-align: right;  font-size: 10px; color: #999780; margin-top: 10px; padding-right: 50px;}
#footer a {text-decoration: none; color: #999780;}
#footer a:hover {text-decoration: underline; color: #999780;}

/* system menu */

#system-menu {display: block; width: 250px; height: 30px; border-bottom: 8px solid #a8a693; text-align: right; z-index: 1000;}
#system-menu ul {margin: 0px; padding: 0px; list-style-type:none; z-index: 1000;}
#system-menu ul li {margin: 0px; padding: 0px 7px 0px 7px; display: inline; line-height: 30px; font-size: 12px; z-index: 1000;}

/* language box */

#lang-box-outer {position: relative; display: none; }
#lang-box-inner {position: absolute; top: 0px; left: 250px; background-color: #ebeae6; width: 32px; height:  185px;}
#lang-box-inner a {display: block; width: 32px; text-indent:-9999em; overflow: hidden}
.cz-active {height: 42px; background: url('../pic/layout/lang-cz-active.gif') left top no-repeat;}
.en-active {height: 33px; background: url('../pic/layout/lang-en-active.gif') left top no-repeat;}
.de-active {height: 33px; background: url('../pic/layout/lang-de-active.gif') left top no-repeat;}
.ru-active {height: 33px; background: url('../pic/layout/lang-ru-active.gif') left top no-repeat;}
.fr-active {height: 41px; background: url('../pic/layout/lang-fr-active.gif') left top no-repeat;}
.cz-nonactive {height: 42px; background: url('../pic/layout/lang-cz-nonactive.gif') left top no-repeat;}
.en-nonactive {height: 33px; background: url('../pic/layout/lang-en-nonactive.gif') left top no-repeat;}
.de-nonactive {height: 33px; background: url('../pic/layout/lang-de-nonactive.gif') left top no-repeat;}
.ru-nonactive {height: 33px; background: url('../pic/layout/lang-ru-nonactive.gif') left top no-repeat;}
.fr-nonactive {height: 41px; background: url('../pic/layout/lang-fr-nonactive.gif') left top no-repeat;}

/* search box */

#search-box-outer {display: block; background-color: #888773; width: 250px; height: 40px;}
#search-box-inner {padding: 8px 0px 8px 18px;}
#search-box-inner form {margin: 0px;}
#search-box-inner input.text {border: 1px solid #888773; width: 135px; line-height: 18px; font-size: 12px; vertical-align: middle; height: 18px; padding-left: 5px;}

/* main menu with hover-on submenus */

#main-menu ul {margin: 20px 0px 40px 0px; padding: 0px; z-index: 1000; }
#main-menu ul li {list-style-type:none; line-height: 20px; font-size: 19px; font-weight: bold; display: block; z-index: 1000;}
#main-menu ul li a {color: #999780; padding-left: 20px; text-decoration: none; z-index: 1000; text-transform: uppercase; }
#main-menu ul li a:hover, #main-menu ul li:hover a, #main-menu ul li.hover a {background: url('../pic/layout/main-menu-item-active-bck.gif') left center no-repeat; color: #00bfe4; text-decoration: none; z-index: 1000;}

#main-menu ul ul {position:absolute; visibility:hidden; top: 50px; right: 294px; text-align: right; display: block; width: 265px; min-height: 110px; overflow: hidden; margin: 0px; padding: 7px 0px 7px 0px; line-height: 20px; white-space:nowrap; background: url('../pic/layout/submenu-bck.gif') left top repeat-x;}
#main-menu ul ul li {margin: 0px; padding: 0px;}
#main-menu ul li:hover ul, #main-menu ul li.hover ul { visibility:visible; }
#main-menu ul li ul li a {color: #282720 !important; background: none !important; text-decoration: none; font-size: 14px; display: block; padding-right: 15px; }
#main-menu ul li ul li a:hover {background: url('../pic/layout/submenu-item-active-bck.gif') left center no-repeat !important;  color: #ffffff !important;  text-decoration: none;}
#main-menu  ul li {behavior: url(hover.htc);}