body {background:#FFFFFF url(../images/page_bg.jpg) repeat-x left top;
        font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
        font-size:12px; color:#000000; margin: 0px auto;}
.noCSS {display: none;}

.noCSS {display: none;}
.printOnly {display: none;}
.clearer {clear:both;}
div.clearer {height: 0px;overflow: hidden;width: 1%;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.just {text-align:justify;}
.red {color: #dd0000;}
a:link, a:visited {color: #222222;	text-decoration:none;}
a.under:link, a.under:visited {text-decoration:underline;}
a:hover {color: #000000; text-decoration:underline;}
a img {border: none;}
ul {margin-top:0.8em; margin-bottom:0.8em; margin-left:0.8em; padding-left:1em; line-height: 150%;}
ol {line-height: 140%;}
li {margin-bottom:0.3em;}
p {margin-top: 0em;  margin-bottom: 0.4em;  text-align: left;  line-height: 170%;  text-indent: 0px;}
.noIndent {text-indent: 0;}
span {line-height: 170%;}
h1 {font-size: 150%; line-height: 115%; font-weight: bold; margin-top:5px; margin-bottom: 5px;}
h2 {font-size: 130%; font-weight: bold; margin-top: 12px; margin-bottom: 7px;}
h3 {font-size: 110%; margin-top: 0px; margin-bottom: 5px; margin-top: 7px;}
h2 em, h3 em {font-style: normal; font-weight: normal}
legend {font-size: 110%; font-weight: bold; margin-top: 0px; margin-left: 3px; margin-bottom: 5px;  padding-left: 2px;  color:#000000;}
fieldset {margin-top: 0px;  margin-bottom: 10px;  padding: 0px 0px 2px 0px;}
fieldset div.fieldsetContent {margin: 0px 20px;}
label {font-weight: bold;}
.help {cursor: help; border-bottom: 1px dashed #638EB5;}
.fleft { float: left; margin: 0 20px 15px 0; }
.fright { float: right; margin: 0 0 15px 20px; }
/*-------------------------------------------------------------------------------------------------------
	layout stranky
---------------------------------------------------------------------------------------------------------*/
div#page {margin: 0 auto;width: 968px;	background-color: #FFFFFF;	position: relative; overflow:visible;}
div#page-left {position: absolute; left: -114px; top:0; width: 114px; height: 511px;
    background: url(../images/page_left.jpg) no-repeat left top;}
div#page-right {position: absolute; left: 968px; top:0; width: 68px; height: 511px;
    background: url(../images/page_right.jpg) no-repeat left top; }
div#left-column {float: left; width: 214px; background: url(../images/left_column_bg.jpg) no-repeat left top;
        min-height:512px; height:512px;}
div[id]#left-column {height:auto;}
div#left-column h1 {height: 87px; overflow:hidden; background:#4C4C4E; color: #FFFFFF; margin:0; padding: 10px 0 0 10px;
        position:relative;}
div#left-column h1 span {position: absolute; left: 0; top: 0; width:214px; height:116px;
        background: url(../images/left_column_bg.jpg) no-repeat left top;}
div#right-column {float: left; width:754px; background:url(../images/right_column_bg.jpg) no-repeat left top; padding-top: 32px; overflow: hidden;}
div#footer-wrap {height:58px; background: url(../images/footer_wrap_bg.gif) repeat-x left bottom;}
div#footer {margin: 0 auto; width: 953px; height:48px; background: #515151 url(../images/footer_bg.gif) no-repeat left top;
    font-weight: bold; color: #c1c1c1; text-align:right; line-height:48px; padding-right: 15px;}
div#footer a:link, div#footer a:visited {color:#E1E1E1}
a#home {position:absolute; left: 4px; top: 13px; width: 186px; height: 60px;z-index:999;
    background:transparent;}
/*-------------------------------------------------------------------------------------------------------
	navigace
---------------------------------------------------------------------------------------------------------*/
div#navigation {width: 200px; background: url(../images/navigace_bg.gif) no-repeat left top; padding:10px 0 0 0;
margin-left: 4px;}
ul#menu {margin:0; padding:0;  padding-left: 0px; width: 189px; font-weight: bold; color: #FFFFFF; list-style-type: none;  font-size: 14px; background:#2A2B2C;}
ul#menu li {}
ul#menu li { width: 175px; float: left; display:block; line-height:36px; padding-left: 14px; margin: 0 0 1px 0; clear: both; }
ul#menu li strong em { display: none; }
ul#menu li.selected { margin: 0 0 1px 0; }
ul#menu li.selected strong { display: block; height: 36px; background-position: 0px -36px; background-repeat: no-repeat; }
ul#menu li.selected strong a, ul#menu li.selected strong a:visited { display: block; line-height: 36px; background-position: 0px -36px; background-repeat: no-repeat; }
ul#menu li a:link, ul#menu li a:visited { display: block; width: auto; background-position: 0 bottom; background-repeat: no-repeat; text-decoration: none; }
ul#menu li a:hover { background-position: 0 top; }
ul#menu li a:link span, ul#menu li a:visited span { display: none; }
ul#menu li ul { margin: 0 0 10px 0; padding: 0 0 0 10px; }
ul#menu li ul li { width: 150px; line-height: 20px; margin:0;}
ul#menu li ul li strong { background: none; }
ul#menu li ul li a, ul#menu li ul li a:visited { background: none;  height: auto; line-height: 20px; color: #ffffff; font-size: 80%; }
ul#menu li ul li a:hover { text-decoration: underline; }
ul#menu li ul li.selected {font-weight: bold; background:none;color:#FD8606; font-size: 90%; margin:0;}
ul#menu li ul li.selected strong {padding:0; background:none; line-height: 20px; display: inline; float:none;}
ul#menu .selected strong#cz-uvodni-strana, ul#menu  a#cz-uvodni-strana:link, ul#menu a#cz-uvodni-strana:visited { background-image: url(../images/btn_home.gif); width:165px;  }
ul#menu .selected strong#cz-oblasti-reseni, ul#menu a#cz-oblasti-reseni:link, ul#menu a#cz-oblasti-reseni:visited { background-image: url(../images/btn_oblastiReseni.gif); width:165px;  }
ul#menu .selected strong#cz-mobix, ul#menu a#cz-mobix:link, ul#menu a#cz-mobix:visited { background-image: url(../images/btn_mobix.jpg); width:165px;  }
ul#menu .selected strong#cz-nabidka-hardware, ul#menu a#cz-nabidka-hardware:link, ul#menu a#cz-nabidka-hardware:visited { background-image: url(../images/btn_hardware.gif); width:165px;  }
ul#menu .selected strong#cz-o-nas, ul#menu a#cz-o-nas:link, ul#menu a#cz-o-nas:visited { background-image: url(../images/btn_oNas.gif); width:165px;  }
ul#menu .selected strong#cz-video, ul#menu a#cz-video:link, ul#menu a#cz-video:visited { background-image: url(../images/btn_video.gif); width:165px;  }
ul#menu .selected strong#cz-software, ul#menu a#cz-software:link, ul#menu a#cz-software:visited { background-image: url(../images/btn_software.gif); width:165px;  }
ul#menu .selected strong#en-home, ul#menu a#en-home:link, ul#menu a#en-home:visited { background-image: url(../images/en_btn_home.gif); width:165px;  }
div#navigation-bottom {height: 10px; overflow: hidden; background: url(../images/navigation_bottom_bg.gif) no-repeat left top;}
/*-------------------------------------------------------------------------------------------------------
	lang-bar
---------------------------------------------------------------------------------------------------------*/
div#right-column div#lang-bar {height: 40px; line-height: 40px; margin-bottom: 25px; position:relative;
        background: #FD9B08 url(../images/right_column_bg.jpg) no-repeat 0 -32px;}
div#right-column div#lang-bar a:link, div#right-column div#lang-bar a:visited {color: #000000; font-weight: bold;
    height:28px; line-height:28px; display:block; position: absolute; top:6px;}
div#right-column div#lang-bar a#helpdesk {left: 7px; width:91px; text-align: center;
    background: url(../images/helpdesk_bg.gif) no-repeat left top;}
div#right-column div#lang-bar a#napiste-nam {left: 102px; width:91px; text-align: center;
    background: url(../images/helpdesk_bg.gif) no-repeat left top;}
div#right-column div#lang-bar a#psion-community {left: 198px; width:160px; text-align: center;
    background: url(../images/psion_comm_bg.gif) no-repeat left top;}
div#right-column div#lang-bar a#cz, div#right-column div#lang-bar a#en {width: 19px; padding-left: 34px; left:633px;}
div#right-column div#lang-bar a#cz {background: url(../images/cz_bg.gif) no-repeat left top;}
div#right-column div#lang-bar a#cz.selected {background: #FC6305 url(../images/cz_sel_bg.gif) no-repeat left top;}
div#right-column div#lang-bar a#en {left: 691px; background: url(../images/en_bg.gif) no-repeat left top;}
div#right-column div#lang-bar a#en.selected {background: #FC6305 url(../images/en_sel_bg.gif) no-repeat left top;}
/*-------------------------------------------------------------------------------------------------------
	homepage
---------------------------------------------------------------------------------------------------------*/
div#home-main-image {height: 293px; background: url(../images/home_main.jpg) no-repeat left top;}
div#home-main-text {float: left; width: 430px; padding: 0  17px 5px 10px; color: #383838;
        }
div#home-main-text h2 {text-transform: uppercase;}
div#home-teaser {float: left; width: 297px; height: 225px; position:relative; overflow:hidden;
        background: url(../images/home_teaser_bg.gif) no-repeat left top; padding-top: 47px;}
a#mobix { display: block; width: 327px; height: 38px; background: url(../images/mobixTeaser.jpg) top left no-repeat; margin: 0 0 20px 0; }
a#mobix span { display: none; }
div#home-teaser h2, div#home-news h2 {color: #555555; text-transform:uppercase; vertical-align: text-bottom; margin:0;
        padding:0; height: 15px; line-height:15px; position: absolute; left: 10px; top: -3px;}
       
div#home-teaser h2 {top: 24px;}
div#home-teaser h3 {text-align:center;}
div#home-teaser div.img-container {padding: 2px; width:240px; height:180px; margin:0 auto; overflow: hidden; border: 1px solid #cecfcf;}
div#home-teaser div.img-container img {margin:0 auto; display:block;}
div#home-news {width:754px; background: #cdcdcd url(../images/home_news_bg.gif) repeat-y left bottom; height:auto; position:relative;}
div#home-news-top {width:754px; background: url(../images/home_news_top.gif) no-repeat left top;}
div#home-news-bottom {width:754px; background: url(../images/home_news_bottom.gif) no-repeat left top; height:9px; overflow:hidden;}
div.new {width: 222px; float: left; padding-left:20px; padding-top: 25px; overflow:hidden}
div.new h3 {text-transform:uppercase; line-height: 150%; margin:0 0 7px 0; padding:0;}
div.new h3 em {display: block;}
div.new p a {text-decoration: underline;}
div#home-banner-mobix {height: 42px; overflow: hidden; width: 750px; margin-bottom: 0px;}
div#home-content { background: url(../images/home_main_text_bg.gif) repeat-x left top; width: 754px;}
/*-------------------------------------------------------------------------------------------------------
	oblasti reseni
---------------------------------------------------------------------------------------------------------*/
/*div#oblastiSubnav { float: right; margin: 0; width: 340px; }
div#oblastiSubnav a:link,div#oblastiSubnav a:visited { display: block; float: left; margin: 0 5px 5px 0; width: 165px; height: 94px; background-position: top left; background-repeat: no-repeat; }
div#oblastiSubnav a:hover { background-position: bottom left; }
div#oblastiSubnav a:link span,div#oblastiSubnav a:visited span { display: none; }
a#logistika { background-image: url(../images/oblasti-logistika-button.jpg); border: none; }
a#fieldService { background-image: url(../images/oblasti-field-service-button.jpg); border: none; }
a#fleetManagement { background-image: url(../images/oblasti-fleet-management-button.jpg); border: none; }
a#izs { background-image: url(../images/oblasti-izs-button.jpg); border: none; }*/
/*-------------------------------------------------------------------------------------------------------
	hardware
---------------------------------------------------------------------------------------------------------*/
/*div#hardwareSubnav { float: right; margin: 0; width: 340px; }
div#hardwareSubnav a:link,div#hardwareSubnav a:visited { display: block; float: left; margin: 0 5px 5px 0; width: 165px; height: 94px; background-position: top left; background-repeat: no-repeat; }
div#hardwareSubnav a:hover { background-position: bottom left; }
div#hardwareSubnav a:link span,div#hardwareSubnav a:visited span { display: none; }
a#rucniTerminaly { background-image: url(../images/hardware-rucni-terminaly-button.jpg); border: none; }
a#tiskarnyEtiket { background-image: url(../images/hardware-tiskarny-etiket-button.jpg); border: none; }
a#vozikoveTerminaly { background-image: url(../images/hardware-vozikove-terminaly-button.jpg); border: none; }
a#rfid { background-image: url(../images/hardware-rfid-button.jpg); border: none; }
a#hlasoveTerminaly { background-image: url(../images/hardware-hlasove-terminaly-button.jpg); border: none; }
a#radioveSite { background-image: url(../images/hardware-radiove-site-button.jpg); border: none; }*/
/*-------------------------------------------------------------------------------------------------------
	rozcestniky
---------------------------------------------------------------------------------------------------------*/
div#oblastiSubnav, div#hardwareSubnav, div#oNasSubnav { float: right; margin: 0; width: 340px; }
a.button:link, a.button:visited {display: block; float: left; margin: 0 5px 5px 0; width: 145px; height: 59px; background: url(../images/button_bg.gif) no-repeat left top; padding: 25px 10px 10px 10px; font-weight: bold;
text-align: center; font-size: 160%; color: #FFFFFF;}
a.button:hover {background-position: left bottom; text-decoration: none; color: #000000;}
a#hlas_term {font-size: 130%;}
/*-------------------------------------------------------------------------------------------------------
	produkt
---------------------------------------------------------------------------------------------------------*/
div.produkt { border: 10px solid #c6c6c6; padding: 20px 20px 0 20px; margin: 0 0 20px 0; width: 650px; background: #FFFFFF;}
div.produkt h3 { font-size: 160%; margin: 0 0 15px 0; padding-bottom: 10px; border-bottom: 1px solid #c6c6c6; }
div.produkt img {  }
div.produkt img.nomargin { margin: 0; }
div.produkt .produktIcons { margin: 15px 0 15px 0; padding-top: 10px; width: 660px; border-top: 1px solid #c6c6c6; clear: both; }
div.produkt .produktIcons img { float: left; margin: 0 0 0 5px; }
div.produkt div.col {float: left; width: 185px; margin-right: 45px;}
div.produkt div.col-right {margin-right: 0px;}
div.produkt div.col h4 {text-align: center; margin: 0  0 10px 0;}
div.produkt div.col p {font-size: 11px;}
/*-------------------------------------------------------------------------------------------------------
	o nas
---------------------------------------------------------------------------------------------------------*/
/*div#onasSubnav { float: right; margin: 0; width: 340px; }
div#onasSubnav a:link,div#oblastiSubnav a:visited { display: block; float: left; margin: 0 5px 5px 0; width: 165px; height: 94px; background-position: top left; background-repeat: no-repeat; }
div#onasSubnav a:hover { background-position: bottom left; }
div#onasSubnav a:link span,div#oblastiSubnav a:visited span { display: none; }
a#logistika { background-image: url(../images/oblasti-logistika-button.jpg); border: none; }
a#fieldService { background-image: url(../images/oblasti-field-service-button.jpg); border: none; }
a#fleetManagement { background-image: url(../images/oblasti-fleet-management-button.jpg); border: none; }
a#izs { background-image: url(../images/oblasti-izs-button.jpg); border: none; }*/
/*-------------------------------------------------------------------------------------------------------
	kontaktni formulare
---------------------------------------------------------------------------------------------------------*/
table.kontakty { width: 100%; }
table.kontakty td.onethird, table.kontakty th.onethird { width: 33%; vertical-align: top; }
fieldset input.text, fieldset input.text3, fieldset textarea{ width: 300px; border: 1px solid #777777;}
fieldset .message { width: auto; padding: 20px; background: #CBCBCB; font-size:120%; color: #000; }
textarea { font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;  font-size: 12px;}
td, th { text-align: left;vertical-align: top;}
ul#mainBullets { font-size: 145%; list-style: square; color: #2A2B2C; }
ul#mainBullets h3 { color: #2A2B2C !important; font-style: italic; font-family: "Trebuchet MS", arial, sans-serif; }
ul#mainBullets h3 a:link, ul#mainBullets h3 a:visited {color:#587AB0; text-decoration:underline;}
ul#mainBullets h4 { color: #2A2B2C !important; font-style: italic; font-family: "Trebuchet MS", arial, sans-serif;
    margin: 0; font-size: 90%;}
ul#mainBullets h4 a:link, ul#mainBullets h4 a:visited {color:#587AB0; text-decoration:underline;}
ul#mainBullets p {font-size: 0.8em; line-height: 140%;}
/*-------------------------------------------------------------------------------------------------------
	other pages
---------------------------------------------------------------------------------------------------------*/
div#page-content, div#page-content-en {padding: 13px 20px 20px 20px; width:714px; background: url(../images/page_content_bg.jpg) no-repeat left top;
        min-height:381px; height:381px;}
div[id]#page-content, div[id]#page-content-en {height: auto;}
div#page-content h2, div#page-content-en h2 {margin:15px 0 20px 0; padding:0; font-size: 220%; color:#587AB0; font-weight: bold;}
div#page-content-en h2 {font-size: 160%; margin:20px 0 10px 0;}
div#page-content h3, div#page-content h3 {color: #587AB0; font-weight: bold;}
div#flash {float: left; margin-right: 45px;}
div#page-content div.reference {float: left; margin: 0 5px 5px 0; border: 1px solid #94A6B0; width: 130px; padding: 20px 20px; text-align: center; overflow: hidden; height: 112px;}
div#page-content div.reference p { text-align: center; }
div#page-content div.reference img { margin: 10px auto 0 auto; }
img.pinpad1 {float: left; margin-top: 30px;}
div.pinpad-center {float:left; width: 255px; text-align: center; padding-top: 80px;}
div.pinpad-right {float:right; width: 204px; text-align: center;}
.column {float: left; width: 310px; margin-right: 15px;}
/*-------------------------------------------------------------------------------------------------------
	video
---------------------------------------------------------------------------------------------------------*/
.box {margin-bottom: 20px;}
/*-------------------------------------------------------------------------------------------------------
	video
---------------------------------------------------------------------------------------------------------*/
span.actual {font-weight: bold; color: #FC8006;}