* { margin:0; padding:0; }

body { text-align:center; }

a      { color:#000; text-decoration:none; }
h1     { color:#6085ab; font-size:2em; text-transform:uppercase; }
h2     { color:#6085ab; font-size:2.0em; }
h3     { color:#000; font-size:1.1em; text-transform:uppercase; }
h4     { color:#000; font-size:1em;   }
hr     { display:none; }

.black          { color:#000; }
.blue           { border-color:#6085ab; color:#6085ab; }
.blue a         { border-color:#6085ab; color:#6085ab; }
.gray           { border-color:#9d9d9d; color:#9d9d9d; }
.gray a         { border-color:#9d9d9d; color:#9d9d9d; }
.left           { float:left; }
.right          { float:right; }
.clear          { clear:both; height:0; font-size:0; line-height:0; }
.hidden         { display:none; }
.navigate span  { display:none; }

div#container       { width:963px; margin:0 auto; text-align:left; color:#000; 
                      font-family:"Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif; font-size:70%; }
div#head            { position:relative; }
div#head_pruh       { position:relative; background-color:#00468E; _height:51px; min-height:51px; border-bottom: 7px solid #FFB791}
div#head h1         { position:absolute; top:0px; right:0px; width:182px; height:100px; margin:82px -1px 0 0; }
div#head h1 a       { display:block; width:182px; height:100px; background:url('../img/bg_h1.gif') 0 0 no-repeat; }
div#head h1 a span  { display:none;  }
div#head h2         { display:none; }
div#head h3         { display:none; }

div#home            { position:absolute; top:20px; left:28px; text-transform:uppercase; }
div#home a          { color:#FFB791; /*font-weight: bold;*/}
div#home a:hover    { text-decoration:underline; }

ul#menu             { position:absolute; top:20px; right:9px; padding:0px 10px 3px 10px; background:#00468e; list-style:none; border:solid #fff; border-width:0 0 0px 0px; }
ul#menu li          { display:inline; margin:0; padding:0 5px; border-right:1px solid #fff;  }
ul#menu li a        { padding:0 5px; color:#fff;  }
ul#menu li a:hover  { text-decoration:underline; }
ul#menu li.last     { border:none; }

ul#lang             { float:right; width:178px; height:18px; margin:-22px 0 0 0; padding-top:4px; border:1px solid #e5e9ef; border-top:none; 
                      list-style-type:none; text-align:center; }
ul#lang li          { display:inline; }
ul#lang li a        { padding:0 10px 0 40px; background: 10px 0 no-repeat; color:#565656; }
ul#lang li.cs a     { background-image:url('../img/lang_CZ.gif'); border-right:1px solid #898989; }
ul#lang li.en a     { background-image:url('../img/lang_EN.gif'); }
ul#lang li.cs a.act { background-image:url('../img/lang_CZ_.gif'); color:#828282; }
ul#lang li.en a.act { background-image:url('../img/lang_EN_.gif'); color:#828282; }
ul#lang li a:hover  { text-decoration:underline; }

div#head p          { width:756px; height:167px; background:url('../img/bg_page_info.jpg') 0 0px no-repeat; }
div#head p.en       { width:756px; height:167px; background:url('../img/bg_page_info_EN.jpg') 0 0 no-repeat; }
div#head p span     { display:none; }

div#main            { margin-top:17px; }
div#main p          { margin:4px 0 2px 0; color:#000; }
div#main ul         { list-style:none; }
div#main li         { margin-bottom:1px; padding-left:10px; background:url('../img/li_blue.gif') 0 6px no-repeat; }
div#main ul.list_left          { }
div#main ul.list_left li       { padding-left:0; background-image:none; }
div#main ul.list_left li span  { float:left; display:inline; width:4px; height:1.55em; margin:0px 6px 0 1px; background:url('../img/li_blue.gif') 0 5px no-repeat; }
div#main a               { color:#000; text-decoration:none; }
div#main a:hover         { text-decoration:underline; }
div#main h2              { color:#6085ab; margin-top: 51px; height: 68px; text-transform:uppercase; }
div#main h2.navigate     { padding-left:115px; background:url('../img/bg_logo_ng.gif') 0 0 no-repeat; }
div#main h3              { color:#000; margin:0 0 3px 0; padding:7px 0 3px 0; border:solid; border-width:1px 1px 0 1px; letter-spacing:-.2px; }
div#main h3 a            { color:#000; }
div#main h3 a:hover      { text-decoration:underline; }
div#main h3 span         { display:none; }
div#main h4              { margin:12px 0 6px 0; color:#000; }
div#main h4 a            { color:#000; }

/*
div#main ul.content         { float:left; list-style:none; }
div#main ul.content l      { padding-left:0px; background-image:none; }   
div#main ul.content li span.outside    { display:inline; }
div#main ul.content li span.outside span { background:yellow; }
*/


div#main .blue           { color:#6085ab; }
div#main .upper          { text-transform:uppercase; }
div#main .box_left       { width:756px; font-size:1.1em; line-height:1.5em; }
div#main .box_half       { width:378px; }   
div#main .box_left a       { color:#000; text-decoration:underline; }
div#main .box_left a:hover { text-decoration:underline; }
div#main .box_right      { width:180px; }

div#main .box            { position:relative; float:left; display:inline; width:180px; margin-right:12px; 
                           border-bottom:1px solid; font-size:0.9em; line-height:14px; } 
div#main .box h3         { padding:0; text-align:center; color:#6085ab; }
div#main .box h3 a       { display:block; width:178px; padding:7px 0 3px 0; color:#6085ab; }
div#main .box h3 a:hover { text-decoration:none; }
div#main .box h4         { margin:9px 0 4px 0; color:#6085ab; text-transform:uppercase; }
div#main .box ul         { list-style:none; }
div#main .box li         { padding-left:10px; background:url('../img/li_blue.gif') 0 6px no-repeat; color:#000; }
div#main .box a          { color:#000; }
div#main .box a:hover    { text-decoration:underline; }
div#main .box_inside  { min-height:304px; _height:304px; padding:10px 10px 10px 10px; background:url('../img/bg_box.gif') 0 100% repeat-x; border:1px solid #6085ab; }

.more_info_blue       { position:absolute; top:100%; left:68px; display:block; width:42px; height:13px; margin-top:-19px; background:url('../img/bg_link_blue.gif') 0 0 no-repeat; }
.more_info_blue span  { display:none; }


div#main .more_info_top      { display:block; width:158px; height:88px;  }
div#main .more_info_top span { display:none; }
div#main div .box_caption a  { text-decoration: none; }
div#main div#maps_web        .more_info_top { background:url('../img/bg_box_maps_web.jpg') 0 0 no-repeat; }
div#main div#fleetservices   .more_info_top { background:url('../img/bg_box_fleetservices.jpg') 0 0 no-repeat; }
div#main div#maps_desktop    .more_info_top { background:url('../img/bg_box_desktop.jpg') 0 0 no-repeat; }
div#main div#monitoring      .more_info_top { background:url('../img/bg_box_cloud.jpg') 0 0 no-repeat; }
div#main div#roadcontrol     .more_info_top { background:url('../img/bg_box_roadcontrol3_new.jpg') 0 0 no-repeat; }
div#main div#roadcontrol     { margin-right:0; }
div#main div#reference       .more_info_top { background:url('../img/bg_box_reference.jpg') 0 0 no-repeat; }
div#main div#reference       { margin-right:0; }



div.box_img_left          { float:left;  margin:15px 15px 15px 0; }
div.box_img_right         { float:right; margin:15px 0 15px 15px; }
div.box_img_left, 
div.box_img_right         { width:213px;  border:1px solid #6684a6; }    

div.box_img_left.hover, 
div.box_img_left:hover, 
div.box_img_right.hover,
div.box_img_right:hover   { background-color:#e2e8f1; }    

div.box_img_left  br, 
div.box_img_right br,
div.box_img_left  em, 
div.box_img_right em      { display:none; }    
div.box_img_left  img, 
div.box_img_right img     { border:none; }    
div#main div.box_img_left  p, 
div#main div.box_img_right p       { margin:0; padding:9px 9px 15px 9px; background:url('../img/bg_box.gif') 0 100% repeat-x; }    


ul#submenu            { position: relative; width:180px; border-top:6px solid; border-bottom: 1px solid; margin-top: -25px; margin-bottom: 30px; text-align:center; }
ul#submenu li         { margin-bottom:3px; padding:0; border:solid; border-width:1px 1px 0 1px; background-image:none; }
ul#submenu li a       { position:relative; display:block; width:178px; padding:7px 0 3px 0; color:#6085ab; font-size:1.1em; font-weight:bold; text-transform:uppercase;  }
ul#submenu li a:hover { text-decoration:none; }
ul#submenu li a:hover, 
ul#submenu li a:hover span { background:#e2e8f1; }
ul#submenu li a span  { position:absolute; top:100%; left:-1px; width:180px; height:3px; overflow:hidden; }

ul#productmenu                { height:26px; position: relative; margin:0px 0 25px 0; border-bottom:1px solid #6085ab; }
ul#productmenu li             { display:inline; padding:0; background-image:none; }
ul#productmenu li a           { float:left; margin-right:6px; padding:7px 10px 3px 10px; background:#dfdfdf; 
                                border:1px solid #858585; border-bottom-color:#6085ab; 
                                color:#737373; font-size:1.1em; font-weight:bold; text-transform:uppercase; }
ul#productmenu li a:hover     { background:#fff; text-decoration:none; }
ul#productmenu li.act         { }
ul#productmenu li.act a       { background:#fff; border-color:#6085ab; border-bottom-color:#fff; color:#6085ab; }
ul#productmenu li.act a:hover { background-color:#e2e8f1; border-bottom-color:#e2e8f1; }

div#menu_want       { text-align:right; }
div#menu_want h3    { padding-right:20px; border:solid #dea061; border-width:1px 1px 0 1px; color:#c89561; text-align:right;  }
div#menu_want ul    { border:solid #dea061; border-width:0 1px 1px 1px; }
div#menu_want li    { margin-bottom:0; padding-left:0; background:none; border-top:1px solid #dea061; }
div#menu_want li a  { display:block; width:159px; padding:5px 19px 3px 0; background:#ffb971; border-top:1px solid #fbcea0; color:#fff; 
                      font-size:1.1em; font-weight:bold; }
div#menu_want li a:hover { color:#c89561; text-decoration:none; }                      

div.banner_right        { position:relative; width:178px; height:196px; margin-top:17px; border:1px solid #515151;}
div.banner_right span   { display:none; }
div.banner_right a      { position:absolute; top:0; left:0; display:block; width:180px; height:199px; }
div.banner_left      { float:left; position:relative; width:178px; height:196px; margin-top:17px; border:1px solid #515151; }
div.banner_left span { display:none; }
div.banner_left a    { position:absolute; top:0; left:0; display:block; width:180px; height:199px; }

div#main div#news         { position:relative; float:left; width:562px; height:196px; margin:17px 0 0 12px; 
                            border:1px solid #ffb971; }
div#main div#newscontent  { position: absolute; font-size:0.9em; line-height:14px; margin: 6px 10px 10px 10px; width: 542px; height: 175px; overflow: hidden; }
div#main div#newsscroll   { position:absolute; top:0px; }                          
div#main div#news:hover,
div#main div#news.hover   { background:#fbe9d8; }
div#main div#news h2      { display:none; }
div#main div#news p       { padding:0px 0 0px 0; }
div#main div#news span#bk       { position:absolute; top:100%; right:55px; display:block; width:31px; height:13px; margin-top:-13px; 
                            background:url('../img/bg_link_orangeb.gif') 0 0 no-repeat; cursor: pointer; visibility: hidden; }  
div#main div#news span#fw       { position:absolute; top:100%; right:20px; display:block; width:31px; height:13px; margin-top:-13px; 
                            background:url('../img/bg_link_orange.gif') 0 0 no-repeat; cursor: pointer; }  
div#main div#news span#fwd       { position:absolute; top:100%; right:20px; display:block; width:31px; height:13px; margin-top:-13px; 
                            background:url('../img/bg_link_dark.gif') 0 0 no-repeat; visibility: hidden; }  

div#main div.right div.box_info                     { position:relative; float:left; display:inline; margin-bottom:30px; border-bottom:1px solid #9d9d9d; }

div#main div.right div.box_info:hover,
div#main div.right div.box_info.hover,
div#main div.right div.box_info:hover .box_info_inside,
div#main div.right div.box_info.hover .box_info_inside  { background-color:#dfdfdf; }               

div#main div.right div.box_info h3                  { margin-bottom:0; padding:7px 0 3px 15px; border-color:#9d9d9d; color:#737373;  }
div#main div.right div.box_info span.blank_space    { display:block; width:180px; height:3px; overflow:hidden; }
div#main div.right div.box_info span.end_space      { display:block; width:178px; height:20px; overflow:hidden; }
div#main div.right div.box_info h3.link             { padding:0; }
div#main div.right div.box_info h3.link a           { display:block; width:163px; padding:7px 0 3px 15px; background:transparent; color:#737373; }
div#main div.right div.box_info h3.link a:hover     { text-decoration:none; }
div#main div.right div.box_info_inside              { line-height: 15px; position:relative; padding:0px 0 6px 0; background:#ffffff url('../img/bg_box_dark.gif') 0 100% repeat-x; border:1px solid #9d9d9d; border-bottom-width:0px; } 
div#main div.right div.box_info_inside a            { text-decoration: underline; }
div#main div.right div.box_info_inside a:hover      { text-decoration: underline; }
div#main div.right div.box_info_inside p,
div#main div.right div.box_info ul                  { margin:0; padding:10px 10px 0px 15px; }
div#main div.right div.box_info ul li               { background-image:url('../img/li_darkblue.gif'); }
div#main div.right div.box_info_inside a.more_info,
div#main div.right div.box_info_inside a.more_info_over        { display:block; width:31px; height:14px; background:url('../img/bg_link_dark.gif') 0 0 no-repeat; }
div#main div.right div.box_info_inside a.more_info span,
div#main div.right div.box_info_inside a.more_info_over span   { display:none; }
div#main div.right div.box_info_inside a.more_info             { position:relative; left:142px; padding-top:5px; background-position:0 5px; }
div#main div.right div.box_info_inside a.more_info_over        { position:absolute; left:142px; margin-top:-14px; } 
div#main div.right div.history                 { padding:10px 0px 0px 0px; }
div#main div.right div.history p               { padding:0px 0px 0px 15px; font-weight:bold; }
div#main div.right div.history ul              { padding:0px 10px 10px 15px; }

div#thumbs                      { position:relative; width:756px; padding-bottom:5px; overflow:auto; }
div#thumbs ul                   { display:table-row; white-space:nowrap; } 
div#thumbs li                   { display:table-cell; padding:10px 7px; text-align:center; vertical-align:middle; border:1px solid #fff; background-image:none; }
div#thumbs li.act               { background:#e2e8f1; border-color:#6085ab; }
div#thumbs a                    { } 
div#thumbs a img                { float:left; border:none; cursor:pointer; }
div#thumbs li p                 { display:none; }
div#screenshot p#photo_desc     { margin-top:15px; }
div#screenshot p#photo          { position:relative; margin-top:10px; text-align:center; background:url('../img/loader_blue.gif') 50% 35% no-repeat; }
div#screenshot p#photo img      { /*visibility:hidden;*/ }
/*
div#screenshot p#photo span     { position:absolute; left:50%; top:35%; display:none; width:187px; height:34px; margin-left:-93px; }
*/
div#screenshot p#photo_control  { position:relative; margin-top:10px; text-align:left; color:#737373; } 
p#photo_control a               { position:absolute; top:-5px; padding:5px 3px 3px 3px; color:#737373; font-weight:bold; }
p#photo_control a:hover         { background:#dfdfdf; text-decoration:underline; }
p#photo_control a.prev_page     { left:0; }
p#photo_control a.next_page     { right:0; }
p#photo_control span#info       { position:relative; left:50%; display:block; width:200px; margin-left:-100px; text-align:center; font-weight:bold; }

div#contact          { font-size:1.1em; line-height:1.5em; } 
div#contact br       { clear:left; }
div#contact h3       { margin-top:10px; padding:0; border:none; color:#6085ab; font-size:1.2em; text-transform:none; }
div#contact h4       { clear:left; margin:10px 0 0 0; padding:0; border:none; color:#6085ab; text-transform:none; }
div#contact strong   { float:left; width:130px; font-weight:normal; }
div#contact p,
div#contact ul       { margin:2px 0 0 0; }

div#contact .e_address      { position:relative; top:3px; }
div#contact .left           { width:500px; }
div#contact .left a         { color:#000; text-decoration:underline; }
div#contact .left a:hover   { text-decoration:underline; }
div#contact .left ul        { margin-bottom:7px; }
div#contact .right          { width:400px; }

div#map_head                    { margin-top:10px; border-bottom:1px solid #6085ab; }
div#map_head h3                 { float:left; margin:0 0 -1px 0; padding:4px 10px 3px 0; }
div#map_head p                  { float:left; margin:0 0 -1px 0; }
div#map_head h3,
div#map_head a                  { font-size:1em; font-weight:bold; text-transform:uppercase; }
div#map_head a                  { float:left; display:inline; margin:0 3px 0; padding:3px 10px 2px 10px; background:#dfdfdf; border:1px solid #858585; border-bottom-color:#6085ab; color:#737373; }
div#map_head a:hover            { background:#fff; text-decoration:none; }
div#map_head a.act              { background:#fff; border-color:#6085ab; border-bottom-color:#fff; color:#6085ab; }
div#map_head a.act:hover        { background:#e2e8f1; border-bottom-color:#e2e8f1; }
div#map_head p span             { display:none; }
div#map_bottom                  { margin-top:6px; border-bottom:1px solid #6085ab; }

div#map_box                     { position:relative; line-height:14px; }
div#map_box a.nav               { position:absolute; display:block; z-index:500; }
div#map_box h4,
div#map_box p span,
div#map_box a.nav span          { display:none; }
div#map_box a.zoom_out          { top:9px; left:9px; width:28px; height:28px; background:url('../img/bg_zoom_out.gif') 0 0 no-repeat; /*border:1px solid #749ac2;*/ }
div#map_box a.zoom_out:hover    { background-position:-28px 0; }
div#map_box a.zoom_in           { top:40px; left:9px; width:28px; height:28px; background:url('../img/bg_zoom_in.gif') 0 0 no-repeat; /*border:1px solid #749ac2;*/  }
div#map_box a.zoom_in:hover     { background-position:-28px 0; }
div#map_box a.arrow_up          { top:0px; left:50%; width:52px; height:18px; margin-left:-21px; background:url('../img/bg_map_up.gif') 0 0 no-repeat; /*border:1px solid #749ac2;*/ }  
div#map_box a.arrow_up:hover    { background-position:0 -18px; }
div#map_box a.arrow_right       { top:132px; right:0px; width:18px; height:52px; background:url('../img/bg_map_right.gif') 0 0 no-repeat; /*border:1px solid #749ac2;*/ }      
div#map_box a.arrow_right:hover { background-position:-18px 0; }
div#map_box a.arrow_down        { top:290px; left:50%; width:52px; height:18px; margin-left:-21px; background:url('../img/bg_map_down.gif') 0 0 no-repeat; /*border:1px solid #749ac2;*/ }  
div#map_box a.arrow_down:hover  { background-position:0 -18px; }
div#map_box a.arrow_left        { top:132px; left:0px; width:18px; height:52px; background:url('../img/bg_map_left.gif') 0 0 no-repeat; /*border:1px solid #749ac2;*/ }      
div#map_box a.arrow_left:hover  { background-position:-18px 0; }

div#map_box a.arrow_rightws       { top:157px; right:0px; width:18px; height:52px; background:url('../img/bg_map_right.gif') 0 0 no-repeat; /*border:1px solid #749ac2;*/ }      
div#map_box a.arrow_rightws:hover { background-position:-18px 0; }
div#map_box a.arrow_downws        { top:340px; left:50%; width:52px; height:18px; margin-left:-21px; background:url('../img/bg_map_down.gif') 0 0 no-repeat; /* border:1px solid #749ac2; */ }  
div#map_box a.arrow_downws:hover  { background-position:0 -18px; }
div#map_box a.arrow_leftws        { top:157px; left:0px; width:18px; height:52px; background:url('../img/bg_map_left.gif') 0 0 no-repeat; /*border:1px solid #749ac2;*/ }      
div#map_box a.arrow_leftws:hover  { background-position:-18px 0; }

div#map_box .contact            { position:relative; overflow:hidden; width:392px; height:300px; }
div#map_box .webserver          { position:relative; overflow:hidden; width:500px; height:350px; }
div#map_box .live               { position:relative; overflow:hidden; width:955px; height:640px; }
div#Map                     { margin-top:6px; border:4px solid #6085ab; }
div#Map .csMAPPopupFrame h3 { float:none; margin:0; padding:0; border-bottom:none; text-transform:none;  }
div#Map .csMAPPopupFrame p  { margin-left:0; }

img.ref_logo  { display:block; margin-top: 5px; margin-bottom:-10px; }

div#footer           { margin-top:30px; margin-bottom:25px; padding:5px 7px 3px 7px; text-align:right; background:#7097c0; color:#fff; font-size:0.95em; }
div#footer p         { color:#fff; }

div#main div.box:hover,
div#main div.box.hover                        { background-color:#e2e8f1; } 

div.sc_box { margin:0 25px 15px 0; display:inline; }