div.hr-clear {
	clear:both;
	margin:0px; padding:0px;
	height:1px;	font-size:1px; line-height:1px;
	border:0px;
	visibility:hidden;
}
div.hr-clear.gap-10{height:10px;}

/* -------------------------------------------------------------------------- */
div#page {
	margin:0px auto; padding:0px;
	width: 930px;
	overflow:hidden;
}

/* TOP */
div#top {
	position: relative;
	margin:0px; padding:5px 0px 5px 40px;
	width:890px;	height:230px;
	background:#fff url('/images/bg-header.jpg') no-repeat left top;
}

p#skipbar-top{
  position:absolute; 
  top:24px; left:40px; 
  width: 200px;
  z-index:1000;
}

/* LANGSELECT */
ul#lang-selection {
  float:right; display:block; 
  margin:25px 5px 0px 0px; padding:0px;
  list-style-type:none; 
  height:15px;
}
ul#lang-selection li{
  float:left; display:block;
  padding:0px; margin:0px; margin-left:10px;
  height:15px; width:22px;
}
ul#lang-selection li a,
ul#lang-selection li span {
  display:block; 
  margin:0px; padding:0px;
  border:0px none;
  height:15px; width:22px;
}
ul#lang-selection li img {border:none;}

a#ci-logo {
  display:block; position:relative;
  margin:0px; padding:0px;
  text-decoration:none; border:none;
  width:122px; height:111px;
  background:transparent url('/images/ci/ci-logo.gif') no-repeat left top;
  z-index:10;
}


/* SLOGAN */
div#top p.slogan {
  clear:both; position:relative; 
  padding:0px; margin:50px 0px 0px 0px;
  color:#212a2c; font-size:166.7%;
}
div#top p.slogan em {
  font-size:150%; color:#000;
  font-style:normal; font-weight:bold;
}

/* MENUBAR */
div#menu-bar {
  margin:0px; padding:0px;
  width:930px; height:35px;
  background:#313131 url('/images/bg-mnu.png') repeat-x left top;
  overflow:hidden;
}
div#menu-bar ul#main-menu {
  float:left; display:block; 
  margin:0px; padding:0px 0px 0px 10px;
  list-style-type:none; 
  width:720px; height:35px;
  background:transparent url('/images/bg-mnubar-left.gif') no-repeat left top;
  overflow:hidden;
}
div#menu-bar ul#main-menu li {display:block; float:left; padding:0px; margin:0px;}
div#menu-bar ul#main-menu li a, 
div#menu-bar ul#main-menu li a:visited {
  display:block; 
  padding:8px 15px 2px 15px; margin:0px;
  height:25px; text-align:center;
  color:#fff; font-weight:bold; font-size:116.7%;
  text-decoration:none; font-variant:small-caps;
  border:none; 
}
div#menu-bar ul#main-menu li:hover a, 
div#menu-bar ul#main-menu li a:hover,
div#menu-bar ul#main-menu li.selected a,
div#menu-bar ul#main-menu li.selected:hover a,
div#menu-bar ul#main-menu li.selected a:hover {
  padding:8px 15px 2px 15px; margin:0px;
  color:#40cee7; background:none;
  background:#515151 url('/images/bg-mnu.png') repeat-x left bottom;
}

/* SEARCHBOX */
div#menu-bar div#search-box {
  float:right;
  margin:0px; padding:8px 10px 2px 0px;
  height:25px; width:170px;
  background:transparent url('/images/bg-mnubar-right.gif') no-repeat right top;
}
div#menu-bar div#search-box p {
  display:block; margin:0px; padding:0px; overflow:hidden;
}
div#menu-bar div#search-box input {
  float:left; padding:1px;
  width:142px;
  border:1px solid #616161;
  background:#fff none;
}
div#menu-bar div#search-box input.search-button {
  margin-left:4px; margin-top:1px;
  cursor:pointer; font-size:0;
  width:18px; height:18px; 
  border:medium none;
  background:transparent url('/images/btn-searchbox.png') no-repeat center top; 
}
div#menu-bar div#search-box input.search-button:hover {background-position:center bottom;}

/** PRIMARY Homepage ------------------------------------------------ **/
div#primary,
div#primary-home {
  float:left; position:relative;
  margin:10px 0px; padding:0px; 
  width:695px;
  overflow:hidden;
}

/** productbar HOME ---------------------------------------------------- **/
div.navig-panel {
  margin:0px 0px 20px 0px; padding:0px 5px 5px 5px;
  width:685px;
  background:#efefef url('/images/bg-pbar-home-top.gif') repeat-x left top; 
  overflow:hidden;
}

ul.pbar-home {
  display:block; list-style-type:none;
  margin:0px; padding:0px;
  width:685px; 
  background:transparent url('/images/bg-pbar-home.gif') repeat-y left top; 
  overflow:hidden;
}
ul.pbar-home li.mobilni,
ul.pbar-home li.jeraby,
ul.pbar-home li.servis {
  display:block; float:left; 
  padding:0px; margin:0px;
  background-color:transparent;
}
ul.pbar-home li.mobilni {width:245px;}
ul.pbar-home li.jeraby {width:240px;}
ul.pbar-home li.servis {width:200px;}

ul.pbar-home li h2 {
  position:relative;
  padding:16px 10px 10px 10px; margin:0px;
  height:130px;
  overflow:hidden;
}
ul.pbar-home li.mobilni h2 {width:225px;}
ul.pbar-home li.jeraby h2 {width:215px; padding-right:15px;}
ul.pbar-home li.servis h2 {width:180px;}

ul.pbar-home li.mobilni h2 span.img-sub {background-image:url('/images/bg-pbar-home-mobilni.png');}
ul.pbar-home li.jeraby h2 span.img-sub {background-image:url('/images/bg-pbar-home-jeraby.png');}
ul.pbar-home li.servis h2 span.img-sub {background-image:url('/images/bg-pbar-home-servis.png');}

div.lang-de ul.pbar-home li.mobilni h2 span.img-sub {background-image:url('/images/bg-pbar-home-mobilni-de.png');}
div.lang-de ul.pbar-home li.jeraby h2 span.img-sub {background-image:url('/images/bg-pbar-home-jeraby-de.png');}
div.lang-de ul.pbar-home li.servis h2 span.img-sub {background-image:url('/images/bg-pbar-home-servis-de.png');}

div.lang-pl ul.pbar-home li.mobilni h2 span.img-sub {background-image:url('/images/bg-pbar-home-mobilni-pl.png');}
div.lang-pl ul.pbar-home li.jeraby h2 span.img-sub {background-image:url('/images/bg-pbar-home-jeraby-pl.png');}
div.lang-pl ul.pbar-home li.servis h2 span.img-sub {background-image:url('/images/bg-pbar-home-servis-pl.png');}

ul.pbar-home ul.plist {
  display:block; list-style-type:none;
  padding:10px; margin:0px; 
  background-color:transparent; 
}
ul.pbar-home li.mobilni ul.plist {width:225px;}
ul.pbar-home li.jeraby ul.plist {width:215px; padding-right:15px;}

ul.pbar-home li ul.plist li {
  margin:0px; margin-bottom:5px; padding:0px; padding-left:13px;
  background:transparent url('/images/icons/icon-pbar-link-blue.png') no-repeat left -96px;
}

ul.pbar-home li ul.plist li:hover{background-position: left 4px;}
ul.pbar-home li ul.plist li a{
  margin:0px; padding:0px; 
  color:#004350; 
  border-color:#004350;
}
ul.pbar-home li ul.plist li a:hover,
ul.pbar-home li ul.plist li:hover a{
  margin:0px; padding:0px; 
  color:#ec4400; 
  border-color:#ec4400; 
  background-color:transparent;
}

ul.pbar-home li.servis p.legend {
  display:block; padding:10px; margin:0px; 
  width:180px; 
  color:#bbb; text-align:left !important;
  background-color:transparent; 
}
ul.pbar-home li.servis p.legend span.pbarMorelink {
  display:block; float:right;
  margin:5px 0px; padding:0px; padding-right:13px;
  background:transparent url('/images/icons/icon-pbar-link-black.png') no-repeat right -96px;
}
ul.pbar-home li.servis p.legend span.pbarMorelink:hover{background-position: right 4px;}

ul.pbar-home li.servis p.legend span.pbarMorelink a{
  margin:0px; padding:0px;
  color:#fff; border-color:#fff;
}
ul.pbar-home li.servis p.legend span.pbarMorelink a:hover,
ul.pbar-home li.servis p.legend span.pbarMorelink:hover a{
  margin:0px; padding:0px;
  color:#fecd23; border-color:#fecd23;
  background-color:transparent; 
}


/** NOVINKY ---------------------------------------------------- **/
div.NewsSummary {
  padding:10px 15px;
  width:665px; overflow:hidden;
}
h2.NewsHeading {
  padding:0px 15px; margin:0px;
  font-size: 133.4%;  /* ~16px */ 
  line-height:1.6; 
}
h2.NewsHeading a {
  padding-top:2px; margin-right:4px; 
  color:#005b6d; border-color:#005b6d;
}
h2.NewsHeading a:hover {
  padding-top:2px; padding-right:4px; 
  color:#fff; border-color:transparent;
}
div.NewsImage {
  float:left; padding:1px; margin:0px;
  width:120px; height:90px;
  border:2px solid #a4a4a4;
  overflow:hidden;
}
div.NewsImage img {
  margin:0px; padding:0px;
  width:120px; height:auto;
  border:none; 
}
div.NewsSummarySummary {
  float:right; padding:0px; margin:0px;
  width:535px;
}
div.NewsSummarySummary p {margin:0px;}

span.NewsSummaryMorelink {
  float:right; display:block;
  padding:0px 16px 0px 3px;
  background:transparent url('/images/icons/icon-news-detail.png') no-repeat right -100px;
}
span.NewsSummaryMorelink a {
  margin:0px; padding:0px;
  color:#009AB7; text-decoration:none;
  border-bottom:1px dotted #009AB7;
}
span.NewsSummaryMorelink:hover {
  background-position:right 0px;
  background-color:#009AB7;
}
span.NewsSummaryMorelink a:hover,
span.NewsSummaryMorelink:hover a {
  margin:0px; padding:0px;
  border:none;
  background-color:#009AB7;
  color:#FFFFFF;
}


/** PRIMARY ---------------------------------------------------- **/

div#primary{
  padding:10px;
  width:675px;
}
div#primary p{text-align:justify;}


/** PRODUKTY ---------------------------------------------------- **/
ul.productsbar {
  display:block; margin:0px; padding:5px 0px;
  list-style-type:none;
  width:675px;
  overflow:hidden;
}
ul.productsbar li.productbox {
  display:block; float:left;
  margin:10px;  padding:0px; 
  width:203px; text-align:center;  
  border:solid 1px #dedede;
}

ul.productsbar li.productbox h3 {padding:0px; margin:0px;}
ul.productsbar li.productbox h3 a,
ul.productsbar li.productbox a.img{
  display:block; padding:5px;  margin:0px;
  width:193px; 
  text-align:center; color:#005B6D;
  border:none;
}

ul.productsbar li.productbox a.img{
 overflow:hidden;
 height:122px;
}
ul.productsbar li.productbox a.img img{
  margin:0px auto;
  border-color:transparent;
}

ul.productsbar li.productbox:hover {border-color:#009AB7;}
ul.productsbar li.productbox:hover h3 a {
  color:#fff; background-color:#009AB7;
}
ul.productsbar li.productbox:hover a.img {
  border-color:transparent; 
  background-color:transparent;
}

ul.productsbar li.productbox p.legend {
  margin:0px; padding:10px; 
  color:#555; text-align:center !important; 
}

div.ProductImage {
   float:right;
   margin:0px; padding:10px;
   width:230px;
   overflow:hidden;
   border:none;
}

p.ProductDownload span {float:left; display:block; padding:0px 3px;}
p.ProductDownload span a {
  border-bottom:1px dotted #009ab7;
  color:#009ab7; margin:0px; padding:0px;
  text-decoration:none;
}
p.ProductDownload span:hover a,
p.ProductDownload span a:hover {
  margin:0px; padding:0px;
  color:#fff; border-color:transparent;
  background:#009ab7;
}
p.ProductDownload span{
  padding-left:16px;
  background:transparent url('/images/icons/icon-download.gif') no-repeat 3px -96px;
}
p.ProductDownload span:hover{
  background:#009ab7 url('/images/icons/icon-download.gif') no-repeat 3px 4px;
}

p.rotatory {
  display:block;
  margin:10px 0px; padding:0px;
  width:675px;
  overflow:hidden;
}
p.rotatory a, p.rotatory a:hover {
 margin:0px; padding:2px;
 border:none;
}

/** SECONDARY ------------------------------------------------ **/
div#secondary {
  float:right; position:relative;
  margin:20px 0px; padding:0px; padding-left:10px;
  width:220px;
}

div#secondary a.to-form {
  display:block; position:relative;
  margin:10px 0px; padding:5px;
  width:210px; height:70px;
  border:0px none;
  background-color:#00cee2;
}
div#secondary a.to-form span.img-sub{
  background-image:url('/images/btn-to-form.png');
  background-position:left bottom;
  cursor:pointer;
}
div.lang-pl div#secondary a.to-form span.img-sub{background-image:url('/images/btn-to-form-pl.png');}
div.lang-de div#secondary a.to-form span.img-sub{background-image:url('/images/btn-to-form-de.png');}
div#secondary a.to-form:hover span.img-sub,
div#secondary a.to-form span.img-sub:hover {
  background-position:left top;
}

div.pbar-vyroba {
    position:relative;
    margin:0px; padding:0px; padding-bottom:70px; 
    width:220px; color:#fff;
    background:#009ab7 url('/images/bg-sbar-vyroba-h.gif') no-repeat left bottom;
}
div.lang-pl div.pbar-vyroba {background:#009ab7 url('/images/bg-sbar-vyroba-h-pl.gif') no-repeat left bottom;}
div.lang-de div.pbar-vyroba {background:#009ab7 url('/images/bg-sbar-vyroba-h-de.gif') no-repeat left bottom;}
div.pbar-vyroba h2 {
    position:absolute;
    z-index:1;
}
div.pbar-vyroba p.legend {
    position:relative; display:block; margin:0px; padding:15px 20px 15px 25px;
    width:175px; min-height:60px;
    color:#7af6fd; text-align:right;   
    background:transparent url('/images/bg-sbar-vyroba.png') no-repeat left top;
    z-index:10;
}

div.pbar-vyroba p.legend span.pbarMorelink {
  display:block; float:right;
  margin:5px 0px; padding:0px; padding-right:13px;
  background:transparent url('/images/icons/icon-pbar-link-black.png') no-repeat right -96px;
}
div.pbar-vyroba p.legend span.pbarMorelink:hover{background-position: right 4px;}

div.pbar-vyroba p.legend span.pbarMorelink a{
  margin:0px; padding:0px;
  color:#fff; border-color:#fff;
}
div.pbar-vyroba p.legend span.pbarMorelink a:hover,
div.pbar-vyroba p.legend span.pbarMorelink:hover a{
  margin:0px; padding:0px;
  color:#fecd23; border-color:#fecd23;
  background-color:transparent; 
}

/** KONTAKTY ---------------- **/
ul.kontakty {
  display:block; margin:0px; padding:5px 0px;
  list-style-type:none;
  width:675px;
  overflow:hidden;
}
ul.kontakty li{
  display:block; float:left;
  margin:0px;  padding:10px 0px; 
  width:335px;
}
ul.kontakty li.gmap{width:660px;}

/** Google Map --------------------- **/
div.google-map {
  float:right; position:relative;
  margin:10px 0px; padding:0px;
  height:400px; width:650px;
  border: 1px solid #ddd;
  overflow:hidden;
}
div.google-map span {color:#555 !important;}
div.google-map img{background-color:transparent;}


/* FOOTER -------------------------------------------------------------- */

ul#service-menu {
  clear:both;
  float:right; display:block; 
  margin:0px; padding:10px 5px 20px 0px; 
  list-style-type:none;
  text-align:right;
}
ul#service-menu li {
  float:left; display:block;
  margin:0px 0px 5px 20px; padding:0px 3px;
}
ul#service-menu li a {
  border-bottom:1px dotted #009ab7;
  color:#009ab7; margin:0px; padding:0px;
  text-decoration:none;
}
ul#service-menu li:hover a,
ul#service-menu li a:hover {
  margin:0px; padding:0px;
  color:#fff; border-color:transparent;
  background:#009ab7;
}
ul#service-menu li.lnk-totop {
  padding-right:16px; 
  background:transparent url('/images/icons/icon-totop.gif') no-repeat right 50%;
}
ul#service-menu li.lnk-totop:hover {
  background:#009ab7 url('/images/icons/icon-totop-hover.gif') no-repeat right 50%;
}

/** tiraz **/
div#copy {clear:both; margin:0px; padding:5px; border-top:1px solid #999;}
div#copy p {font-size:91.7%; color:#999;}
div#copy a {color:#999; border-color:#999;}
div#copy a:hover {color:#dadada; border-color:transparent; background-color:#999;}

/** Anotace --------------------- **/
div.thumb {
  padding:5px 15px 5px 5px;
  text-align:right; font-size:91.7%;
}
div.thumb img {background-color:transparent;}