body {color:#333; background:#E9E9E9;}
body, div, span, img, table, td, h1, h2, h3, h4, h5, h6, ul, ol, p, a, em, form {margin:0; padding:0; font-size:12px; line-height:18px; font-family:Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;}
input, textarea, select {font-size:12px; line-height:16px; color:#333; font-family:Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;}

#pageHP		{width:100%; background:url(Images/bgHP.gif) #FFF left top repeat-x;}
#pageHPC	{width:960px; margin:0 auto;}
#page			{width:100%; background:url(Images/bgPage.gif) #FFF left top repeat-x;}
#pageC		{width:960px; margin:0 auto;}
#header		{height:138px;}
#headerC	{}
#main	  	{position:relative; background:url(Images/bgMain.jpg) left top no-repeat; border-top:solid #6abd4f 1px;}
#mainC	  {}
#left	  	{float:left; width:680px; padding:27px 0 25px;}
#leftC	  {}
#right  	{float:right; width:260px; padding:32px 0 25px 0;}
#rightC	  {}
#mainCont	  	{float:left; width:960px; padding:25px 0;}
#mainContC	  {}
#footer		{width:100%; background:url(Images/line1.gif) #E9E9E9 left top repeat-x;}
#footerC	{width:960px; margin:15px auto;}

a {color:#284580; text-decoration:underline;}
a.bold {color:#284580; font-weight:bold;}
a:hover {text-decoration:none;}

em {color:#284580; font-weight:bold; font-style:normal;}

h1 {font-size:28px; margin-bottom:17px; letter-spacing:-1px;}
h2 {font-size:14px; margin-bottom:5px;}

ol {padding-left:40px;}
ul {list-style-type:none;}
ul li {padding-left:40px; background:url(Images/li2.gif) 20px 6px no-repeat;}

div.line2 {clear:both; height:1px; margin:0; padding:0; font-size:0; line-height:0; background:url(Images/line2.gif) left top repeat-x;}

.clearer {clear:both; display:block; height:0; font-size:0; line-height:0; visibility:hidden;}

img.logo {float:left; margin-top:28px;}
img.title {margin-bottom:10px;}

div.linksTop {float:right; margin-top:39px; position:relative;}
div.linksTop div {float:left;}
div.linksTop div.sep {height:30px; margin:-5px 20px 0 20px; font-size:1px; border-left:solid #CCC 1px;}
div.linksTop input.search {width:150px; background:#e8f0fa; border:solid #8996a7 1px;}
div.linksTop input.searchBtn {width:60px; margin-left:5px; color:#FFF; background:#000; border:none;}
div.login {position:absolute; clear:both; margin-left:405px; top:24px}

ul.menuTop {float:right; margin-top:40px; list-style-type:none;}
ul.menuTop li {float:left; padding:0; background:transparent;}
ul.menuTop li.sep {padding:0 15px; color:#FFF;}
ul.menuTop li a {color:#FFF;}

ul.menuFooter {list-style-type:none;}
ul.menuFooter li {float:left; padding:0; background:transparent;}
ul.menuFooter li.sep {padding:0 10px; color:#333;}
ul.menuFooter li a {color:#333;}

#footerC div.text {float:left; clear:left; margin-top:20px; color:#999; font-size:11px;}
#footerC img.logo {float:right; margin-top:20px;}

#bannerHP {height:360px; position:relative; display:block; z-index:1000;}

table.form td, table.form th {padding:2px 0;}
table.form th {padding:3px 5px 0 0; vertical-align:top;}
table.form input.txt {width:150px;}
table.form input.button {margin-top:15px;}

/* screenshoty */
table.screens td {padding:15px; text-align:center; border-right:solid #DDD 1px; border-bottom:solid #DDD 1px;}
table.screens tr.bott td {border-bottom:none;}
table.screens td.right {border-right:none;}
/***************/

/* přepínání jazyků */
div.lang {position:relative; z-index:10; padding-bottom:10px;}
div.lang div.hidden {display:none; position:absolute; left:-22px; top:20px; width:200px; background:#FFF; border:solid #CCC 1px; border-top:none;}
div.lang div.hidden div {padding:10px;}
/********************/

/* adkaz jako button */
div.btn {float:left; height:26px; margin-top:15px; background:url(Images/bgButton.gif) left top no-repeat;}
div.btn div {float:left; height:26px; padding:3px 15px 0 0; margin-left:15px; _margin-left:8px; background:url(Images/bgButton.gif) right top no-repeat;}
div.btn div a {color:#000; font-weight:bold;}

div.btnBig {height:34px; background:url(Images/bgButton2.gif) left top no-repeat;}
div.btnBig div {padding:8px 0 0 48px;}
div.btnBig div a {color:#16165f; font-size:14px; font-weight:bold;}
/*********************/

/* linky s modrým podkladem */
ul.links {margin:-7px 0; list-style-type:none;}
ul.links li {height:30px; padding:0; background:url(Images/bgLink.gif) left top no-repeat; border-left:solid #b3d0db 1px; border-right:solid #b3d0db 1px;}
ul.links li.top {position:relative; top:7px; height:7px; font-size:0; line-height:0; background:url(Images/bgLinkTop.gif) left top no-repeat; border:none;}
ul.links li.bott {position:relative; top:-7px; height:7px; font-size:0; line-height:0; background:url(Images/bgLinkBott.gif) left top no-repeat; border:none;}
ul.links li div {padding:5px 0 0 50px;}
ul.links li a {color:#2e2e8f; font-weight:bold;}
/****************************/

/* menu na HP */
ul.menuTabs {position:absolute; left:8px; top:300px; z-index:1000; width:944px; list-style-type:none;}
ul.menuTabs li {float:left; height:44px; margin:0; padding:13px 0 0 0; text-align:center; background:url(Images/bgLinks.gif) left top repeat-x;}
ul.menuTabs li a {color:#333; font-weight:bold;}
ul.menuTabs li.active {background:url(Images/bgLinksActive.gif) left top repeat-x;}
ul.menuTabs li.active a {color:#FFF;}

div#linksLeft {position:absolute; left:0; top:300px; width:8px; height:44px; background:url(Images/bgLinksLeft.gif) left top no-repeat;}
div#linksRight {position:absolute; left:952px; top:300px; width:8px; height:44px; background:url(Images/bgLinksRight.gif) right top no-repeat;}

div.linksLeftActive {background-image:url(Images/bgLinksLeftActive.gif) !important;}
div.linksRightActive {background-image:url(Images/bgLinksRightActive.gif) !important;}

li#item1 {width:175px;}
li#item2 {width:190px;}
li#item3 {width:175px;}
li#item4 {width:194px;}
li#item5 {width:210px;}
/**************/

/* informace na HP */
a.btn {display:block; height:42px;}

div.hpItem1 {position:absolute; top:0; left:0; width:960px;}
div.hpItem1 img {float:left; margin:20px 40px 0 30px;/* position:relative; top:20px;*/}
div.hpItem1 h2 {color:#FFF; font-size:35px; margin:30px 0 20px 0;}
div.hpItem1 h3 {color:#FFF; font-size:23px; line-height:28px; font-weight:normal;}
div.hpItem1 a.btnDownloadFreeEdition {float:left; width:190px; margin-top:30px; background:url(Images/btnDownloadFreeEdition.gif) left top no-repeat;}
div.hpItem1 a.btnBuySprinxCRM {float:left; width:123px; margin:30px 0 0 20px; background:url(Images/btnBuySprinxCRM.gif) left top no-repeat;}

div.hpItem2 div.left {float:left; width:466px;}
div.hpItem2 div.right {float:right; width:466px;}
div.hpItem2 h2 {padding-bottom:10px; margin-bottom:17px; color:#FFF; font-size:24px; border-bottom:solid #6abd4f 1px;}
div.hpItem2 h3 {color:#d7d240; font-size:18px; margin-bottom:8px;}
div.hpItem2 h3.bott {margin-top:20px;}
div.hpItem2 p {color:#FFF; font-size:14px;}
div.hpItem2 a.btnLearnMore {float:right; width:198px; margin-top:30px; background:url(Images/btnLearnMore.gif) left top no-repeat;}

div.hpItem3 div.left {float:left; width:466px;}
div.hpItem3 div.right {float:right; width:466px;}
div.hpItem3 h2 {padding-bottom:10px; margin-bottom:17px; color:#FFF; font-size:24px; border-bottom:solid #6abd4f 1px;}
div.hpItem3 h3 {color:#d7d240; font-size:18px; margin-bottom:8px;}
div.hpItem3 h3.bott {margin-top:20px;}
div.hpItem3 p {color:#FFF; font-size:14px;}
div.hpItem3 a.btnLearnMore {float:right; width:198px; margin-top:30px; background:url(Images/btnLearnMore.gif) left top no-repeat;}

div.hpItem4 h2 {padding-bottom:10px; margin-bottom:17px; color:#FFF; font-size:24px; border-bottom:solid #6abd4f 1px;}
div.hpItem4 a.btnLearnMore {float:right; width:198px; margin-top:108px; background:url(Images/btnLearnMore.gif) left top no-repeat;}
div.hpItem4 div.screens {float:left; margin:12px 0 0 10px;}

div.hpItem5 div.left {float:left; width:466px;}
div.hpItem5 div.right {float:right; width:466px;}
div.hpItem5 h2 {padding-bottom:10px; margin-bottom:17px; color:#FFF; font-size:24px; border-bottom:solid #6abd4f 1px;}
div.hpItem5 h3 {color:#d7d240; font-size:18px; margin-bottom:8px;}
div.hpItem5 p, div.hpItem5 td {color:#FFF; font-size:14px;}
div.hpItem5 th {width:40px; background:url(Images/li2.gif) 20px 6px no-repeat;}
div.hpItem5 a.btnDownloadFreeEdition {float:left; width:220px; margin-top:25px; background:url(Images/btnDownloadFreeEdition.gif) left top no-repeat;}
div.hpItem5 a.btnOnline {float:left; width:198px; margin:25px 0 0 20px; background:url(Images/btnOnline.gif) left top no-repeat;}
/*******************/

/* box Success Stories */
div.box {float:left; width:363px; position:relative; overflow:hidden;}
div.box div.top {width:363px; height:36px; background:url(Images/boxTop.gif) left top no-repeat;}
div.box div.top div.topC {padding:10px 0 0 15px;}
div.box div.mid {background:url(Images/boxMid.gif) left top repeat-y;}
div.box div.mid div.midC {height:165px; padding:15px;}
div.box div.bott {width:363px; height:45px; background:url(Images/boxBott.gif) left top no-repeat;}
div.box div.bott div.bottC {padding:12px 0 0 15px;}
div.box div.bott div.bottC a {font-weight:bold;}

div.story {position:absolute; top:-1000px; width:330px;}
/***********************/

/* box s linky */
div.links {float:left; width:260px;}
div.links img.title {margin-bottom:8px;}
div.links div.item {padding-top:12px;}
div.links div.li {padding-left:18px; background:url(Images/li1.gif) left 18px no-repeat;}
/***************/

/* novinky */
div.newsItem {padding:15px 0; overflow:auto; background:url(Images/line2.gif) left bottom repeat-x;}
div.newsItem div.image {float:left; margin:10px 15px 0 0; border:solid #a7bacd 1px;}
div.newsItem img {border:solid #ccdbeb 4px !important;}
div.newsItem p {margin-top:6px;}
/***********/

/* tabulka - 2 sloupce */
table.col2 {width:100%;}
table.col2 tr {vertical-align:top;}
table.col2 td {width:50%;}
table.col2 td.left {padding-right:20px; border-right:solid #ccdbec 1px;}
table.col2 td.right {padding-left:20px;}
/***********************/

/* tabulka - 3 sloupce */
table.col3 {width:70%; border-top:solid #ccdbec 1px; border-left:solid #ccdbec 1px;}
table.col3 tr {vertical-align:top;}
table.col3 td {width:33%;}
table.col3 td {padding-left:10px; border-right:solid #ccdbec 1px; border-bottom:solid #ccdbec 1px;}
/***********************/

/* Google search */
#searchResults form.gsc-search-box {display:none;}
#searchResults .gsc-control {width:100%;}
#searchResults .gsc-tabHeader {border-top-color:#34811c !important;}
/*****************/