body {
	margin: 0 0 30px 0;
	padding: 0;
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

a {color: #FC7C44;}
a:hover {color: #5691E1;}
h1 {height: 29px; background: url(h1.gif) top left no-repeat; font-size: 1.6em; color: #FC7C44; margin: 0 0 1em 0; padding-left: 35px; font-weight: normal;}
h2.h2-index {height: 29px; background: url(h2-index.gif) top left no-repeat; font-size: 1.6em; color: #FC7C44; margin: 0 0 1em 0; padding-left: 35px; font-weight: normal;}
h1 span {color: #848484;}
h2 {font-size: 1.3em; color: #FC7C44; font-weight: normal;}
h3 {font-size: 1.1em; color: #5691E1; margin: 1em 0;}
.bold {font-weight: bold;}
.clear {display: table; width: 100%;}
.align-right {text-align: right;}
.float-right {float: right;}
.clear {display: table; width: 100%;}

#page {width: 970px; margin: auto;}
#top {width: 100%; height: 130px; background: url(back-top.gif) top right no-repeat;}

#logo-smart-4-web {width: 191px; height: 53px; background: url(logo-smart-4-web.gif) no-repeat; float: left; margin: 45px 0 0 20px;}
#logo-smart-4-web a {width: 191px; height: 53px; display: block;}
#logo-smart-4-web span {display: none;}

#search-box {width: 349px; height: 29px; margin: 40px 21px 0 0; background: #EFEFEE; float: right;}
#search {margin: 3px 20px 0 0; float: right;}
#search form {margin: 0; padding: 0; float: right;}
#search .input-text {width: 180px; height: 15px; background: #FFF; border: 1px solid #848484; color: #848484; float: left; margin-right: 8px; font-style: italic; padding: 4px 0 0 4px; font-size: 0.8em;}

#navigace {width: 100%; height: 69px; background: url(back-navi.gif) repeat-x; margin-bottom: 35px;}
#navi {float: left; margin: 46px 0 0 22px; font-size: 80%;}

#text-left {width: 230px; float: left;}
#text-right {width: 740px; float: left;}
#in-text-left {padding: 0 10px 0 22px;}
#in-text-right {padding: 0 30px;}

#menu {margin-bottom: 15px;}
#menu ul {margin: 0; padding: 0; list-style-type: none;}
#menu li {width: 230px; height: 29px; line-height: 29px; border-bottom: 1px solid #FFF; background: #5691E1; float: left;}
#menu li a {background: url(back-menu-off.gif) top left no-repeat; color: #FFF; display: block; padding-left: 22px; font-weight: bold; text-decoration: none;}
#menu li a.sub {
	padding-left: 35px;
	font-weight: normal;
}
#menu li a:hover {background: #FC7C44;}

#phone {height: 21px; background: url(phone.gif) top left no-repeat; font-size: 1.2em; padding-left: 35px; font-weight: bold;}

#uvod {background: url(back-line-index.gif) top center repeat-y;}
#uvod-left {width: 320px; float: left; margin-right: 40px;}
#uvod-right {width: 320px; float: left;}

.product-item {padding-left: 70px; margin-bottom: 20px;}
.product-item h2 {margin: 0 0 0.3em 0;}
.product-item p {margin: 0.5em 0;}
.groupware {background: url(icon-groupware.gif) top left no-repeat;}
.erp {background: url(icon-erp.gif) top left no-repeat;}
.content {background: url(icon-content.gif) top left no-repeat;}

#demo-box {background: #F9F9F9; font-size: 0.9em;}
#demo-box p {margin: 0 0 1em 0;}
#in-demo-box {padding: 15px 15px;}
.prihl-udaje {color: #5691E1; font-weight: bold;}
#demo-box ul {list-style-type: none; padding-left: 10px;}

.news-item {margin-bottom: 20px;}
.news-item h3 {font-size: 1em;}
.news-item img {display: block; margin-left: auto; margin-right: auto;}
.news-item p {margin: 0.8em 0;}
.next {background: url(dart1.gif) 0 3px no-repeat; padding-left: 17px;}

#footer {width: 100%; height: 100px; border-top: 1px solid #D5D5D4; background: url(logo-m2000.gif) #EFEFEE 24px 34px no-repeat; margin-top: 20px;}
#in-footer {padding: 17px 20px 0 260px;}
#copy {float: left; border-left: 1px solid #D5D5D4; color: #777777; font-size: 0.8em; padding: 15px 0 21px 20px;}

.sitemap {background: url(icon-sitemap.gif) 0 3px no-repeat; padding-left: 20px; color: #777777; margin-right: 20px;}
.print {background: url(icon-print.gif) 0 2px no-repeat; padding-left: 20px; color: #777777;}

#links {float: right; margin-top: 17px;}

div.search-results span {
	background-color: #FED3C0;
}

/** tabulka dat ve veřejné části **/
table.data {border: 0; width: 100%;}
table.data th {background: #D5D5D4; color: #7F7F7F; font-weight: bold; text-align: left; padding: 4px 4px;}
table.data td {background: #EFEFEE; padding: 4px 4px;}
/** tabulka dat ve veřejné části **/

.reference-item {border-bottom: 1px solid #EFEFEE; padding-bottom: 20px;}