/** (c)2010-03 mnk (support@in-web.cz) **/

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-30{height:30px;}
div.hr-clear.border{visibility:visible; background-color:#fff;}

/* -------------------------------------------------------------------------- */
div#decor {
  margin:0;padding:0;
  width:100%; height:100%;
  min-height:700px;
  background: transparent url('/images/bg-decor-full.png') no-repeat 50% 0%;
}

div#page {
	margin:0px auto; padding:0px 0px 15px 0px;
	width: 840px;
        background-color:#fff;
	overflow:hidden;
}

/* TOP -------------------------------------- */
p#skipbar-top{
  position:absolute; 
  top:24px; left:40px; 
  width: 200px;
  z-index:1000;
}
div#logo {
        margin:0px; padding:10px 20px;
	width:800px; height:80px;
        background:transparent url('/images/ci/ci-logo-noventis.jpg') no-repeat 390px 0px;
        overflow:hidden;
}
a#ci-logo {
  display:block; margin:0px; padding:0px;
  text-decoration:none; border:none;
  width:162px; height:56px; 
  background:transparent url('/images/ci/ci-logo.gif') no-repeat left top;
}

p#top {  
  position:relative; display:block; 
  margin:0px; padding:10px;
  width:820px; height:258px; 
  color:#000; font-size:166.7%; text-align:center;
  overflow:hidden;
}
p#top span.bitmap {
  position:absolute; display:block; top:0px; left:0px;
  margin:0px; padding:0px; 
  width:840px; height:278px;
  background:transparent url('/images/bg-top.jpg') no-repeat left top;
}

/* MENUBAR ------------------------------------ */
div#menu-bar {
  margin:0px; padding:0px; margin-bottom:1px;
  width:840px;
  background:#24292e;
  border-top:#ffffff 1px solid;
  overflow:hidden; 
}
div#menu-bar ul#main-menu {
  float:left; display:block; 
  margin:0px; padding:0px;
  list-style-type:none; 
  width:840px;
  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:13px 20px 13px 20px; margin:0px;
  text-align:center;
  color:#ffffff; font-weight:normal; font-size:108%;
  text-decoration:none;
  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:13px 20px 13px 20px; margin:0px;
  color:#fff; background:#ec6900;
}


/** PRIMARY ---------------------------------------------------- **/
div#primary {
  float:left; 
  margin:30px 0px 10px 0px; padding:0px; padding-left:25px; 
  width:485px;
}

div#primary.o-nas img{
  float: left; margin:0px 10px 0px 5px;
}

div#primary.o-nas h1{
  padding-right:120px;
  background: transparent url('/images/bg-o-nas_h1.png') no-repeat right -2px; 
} 


div#primary h2.gallery-top {
 margin:0px; padding: 5px 0px;
 color:#fff; font-variant:normal; font-weight:normal; font-size:116%; text-align:center;
 background-color:#0365a6;
}
div#primary p#uri {
  margin:0px; padding:9px 5px 20px;
  height:30px; color:#404040;
  font-size:91.7%; line-height:2;
  border-top:#fff 1px solid;
}
div#primary p#uri a{color:#404040; border-color:#404040;}
div#primary p#uri a:hover {background-color:transparent;color:#df4900; border-color:#df4900;}

div#primary p {text-align:justify;}

div#primary  p.banner {
  position: relative; display:block; 
  padding:20px 15px; margin: 10px 5px;
  /** padding:15px 240px 5px 20px;**/
  width: 445px; height:55px;
  color: #FFFFFF; font-weight:bold; font-size:116%;
  background-color:#F4B7BE;
  overflow:hidden;
}
div#primary p.banner span {
   display:block; position:absolute;
   top:0px; left:0px; padding:0px; margin:0px;
   width:475px; height:95px; 
   background: transparent url('/images/banners/ban-kolostrum.png') no-repeat left top;
}

div#primary ul.tipy{
  display:block; margin:10px 0px; padding:5px; 
  list-style-type:none; 
  width:470px; overflow:hidden;
}
div#primary ul.tipy li {
  display:block; margin:0px 0px 1px 0px; padding:15px 20px;
  width:430px;
  background-color:#e1f3fd;
}
ul.odrazky-home {
  padding:0px 0px 10px 140px; margin: 0px;
  list-style-type: none;
  color: #df4400; 
  }
ul.odrazky-o-produktu {
  padding:0px 0px 10px 70px; margin: 0px;
  list-style-type: none;
  color: #df4400; 
  }

/** SECONDARY ------------------------------------------------ **/
div#secondary {
  float:right; margin:20px 0px; padding:200px 20px 10px 10px;
  width:275px;
  background:transparent url('/images/bg-secondary.jpg') no-repeat 40px 10px;
}
div#secondary  h2.banner {
  padding:0px; margin:0px;
   width:275px; height:114px;
}
div#secondary  h2.banner a#zvyhodnena-cena {
   display:block; position:relative;
   margin:0px;
   height:104px;
   text-decoration:none; 
   background-color:#FFF; border:0px none;
   overflow:hidden;
}
div#secondary  h2.banner a#zvyhodnena-cena span {
   display:block; position:absolute;
   top:0; left:0; margin:0; padding:0;
   height:104px; width:275px;
   cursor:pointer;
   background:transparent url('/images/banners/ban-stimodin.png') no-repeat left bottom;
}
div#secondary  p.ban-description {
  margin-bottom:30px; padding:0px 15px 0px 10px; 
  width:260px;
}

div#secondary h2.external-links {
 margin:0px; padding: 10px 20px;
 width:228px; 
 color:#fff; font-variant:normal; font-weight:normal; font-size:123.1%;
 background-color:#df4400;
}

/** SubMenu ------------------------------------------------ **/
ul#products-menu {
  display:block; margin:0px; padding:0px; 
  list-style-type:none; 
  width:268px; overflow:hidden;
}
ul#products-menu li {display:block; margin:0px; padding:1px 0px 0px 0px;}
ul#products-menu li a {
  display:block; margin:0px; padding:15px 20px;
  width:228px;
  line-height:100%; color:#fff;
  background-color:#ec6900;
  text-decoration:none; border:none;
}
ul#products-menu li a:hover,
ul#products-menu li.menuactive a {background-color:#df4400; color:#fff;}
ul#products-menu li.menuactive a.menuactive {cursor:default;}

/** productbar ---------------------------------------------------- **/
div.productbar {
  position:relative;
  clear:both; width:780px;
  margin: 1px 30px 20px 30px;
  overflow:hidden;
}

div.productbar h2 {
  padding: 0px; margin:0px;
  color:#BA5403;
  border-bottom:1px #BA5403 solid;
}
div.productbar div.jcarousel-clip{margin:5px; width:770px;}

div.productbar ul{
  display:block; clear:both;
  margin:0px; padding: 0px;
  height:180px;
  list-style-type:none; 
  overflow:hidden; 
}
div.productbar ul li.pbar-item {
  float:left; display:block; position:relative;
  margin:5px 0px 0px 0px; padding:0px;
  width:154px; height: 175px;
  background-color:#fff;
  background-position:left top;
  background-repeat:no-repeat;
  overflow:hidden;
}

div.productbar ul li.pbar-item a {
  display:block; margin:0px; padding: 0px;
  line-height:1; color:#000; 
  border:none; text-decoration:none;
}

div.productbar ul li.pbar-item a.img {
  display:block; margin:0px; padding: 15px 10px 5px 10px;
  width:133px; height:103px;
  text-decoration:none; text-align: center;
  border:none; border-right:1px #cdcdcd solid; 
}
div.productbar ul li.pbar-item a.img img, 
div.productbar ul li.pbar-item a.img:hover img,
div.productbar ul li.pbar-item a.img img:hover {
  width:133px; height:103px;
  padding:0px; margin:0px; 
  border:none; background:transparent none;
}
div.productbar ul li.pbar-item h3 {
  padding:0px; margin:0px;
  font-size:91.7%; font-weight:bold;
  border:none; border-right:1px #cdcdcd solid; 
}
div.productbar ul li.pbar-item p {
  display:block; margin:0px; padding: 0px;
  line-height:1; font-size:91.7%; 
  color:#000; text-decoration:none;  
  border:none;
}
div.productbar ul li.pbar-item h3 a{
  display:block; 
  margin:0px; padding: 0px 9px 5px 20px; 
  width:125px; line-height:1;
  color:#000; text-decoration:none; 
  border:none;
}
div.productbar ul li.pbar-item p a,
div.productbar ul li.pbar-item:hover  p a,
div.productbar ul li.pbar-item p a:hover  {
  display:block; margin:0px; padding: 0px 9px 0px 20px;
  width:125px; line-height:1;
  color:#000; text-decoration:none;
  border:none;
}
div.productbar ul li.pbar-item p a:hover,
div.productbar ul li.pbar-item:hover p a {
  color:#f60; background:transparent; 
  border:none;
}
div.productbar ul li.pbar-item a.img:hover,
div.productbar ul li.pbar-item a.popis h3:hover,
div.productbar ul li.pbar-item:hover a.popis h3,
div.productbar ul li.pbar-item a.popis h3:hover {
  color:#306109;
  border:none;  border-right:1px #cdcdcd solid;
}

/** VIRAL MARKETING ---------------------------------------------------- **/
p.link-fb{
  margin:20px 10px; padding: 5px 0px 5px 25px;
  color:#6377CD; 
  background: transparent url('/images/icons/icon-facebook.gif') no-repeat 0px 50%;
}
p.link-fb a{color:#6377CD; border-color:#6377CD;}
p.link-fb a:hover{color:#e93c00; border-color:#e93c00;}


** ATTACHMENTS ---------------------------------------------------- **/
div.attach-files {
  margin:0px; padding:10px 5px;
}
div.attach-files h3 {
  margin:0px; padding:5px 0px;
  border-bottom:#61A22A 1px solid;
}
div.attach-files ul {
  display:block; 
  margin:0px; padding:10px;
  list-style-type:none; font-size:91.7%;
  background-color: #87CE4C;
}

/** HomePage EDITORIAL ---------------------------------------------------- **/
div#editorial {
  float:left;
  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
  width:525px;
  background:transparent url('/images/bg-editorial.png') repeat-x left top;
}
div#editorial p {
  text-align: justify;
  padding:0px 0px 15px 5px;
}
div#editorial h1{
 margin:0px; padding:2px 5px;
 height:35px;
 font-size:150%; line-height:1.8;
}
div#editorial img {
 padding:5px 0px 20px 7px;
}

/** GALERIE ---------------- **/
div.NeoGallery.clear {
  clear:both;
  margin:20px 5px; padding:0px 0px 5px 0px;
  width:475px; overflow:hidden;
  background-color: #edf7ff;
  border-bottom: 2px solid #0365A6;
}
div.NeoGallery div.JMyCarousel {
  margin:0px 5px; padding:0px;
  width:465px;
  overflow:hidden;
}
div.NeoGallery div.JMyCarousel ul {
  padding:0; margin:0; display:block;
  list-style-type:none; height:190px;
  overflow:hidden;
}
div.NeoGallery div.JMyCarousel.carouselFake ul {width:465px; height:auto;}
div.NeoGallery div.JMyCarousel.carouselLite ul {height:120px;}
div.NeoGallery div.JMyCarousel li.lyteimagediv {
  float:left; display:block;
  margin:0px; padding:10px 6px 0px 6px; 
  height:180px; width:143px;  
  background-color: #edf7ff;
}
div.NeoGallery div.JMyCarousel.carouselFake li.lyteimagediv {height:auto; overflow:hidden;}
div.NeoGallery div.JMyCarousel.carouselLite li.lyteimagediv {height:110px;}
div.NeoGallery div.JMyCarousel li.lyteimagediv a {
  display:block; position:relative; 
  margin:0px; padding:0px; 
  height:107px; width:143px;  
  background-color: #fff;
  border:0px #fff solid;
  overflow:hidden;
}
div.NeoGallery div.JMyCarousel li.lyteimagediv a:hover {border-color:#777;}

div.NeoGallery div.JMyCarousel li.lyteimagediv a img,
div.NeoGallery div.JMyCarousel li.lyteimagediv img.lyteboximage  {
  display:block;
  margin:0px; padding:0px;
  height:auto; width:143px;  
  border:0px none;
}

div.NeoGallery div.JMyCarousel li.lyteimagediv p.description  {
  margin:0px; padding:10px 0px 20px 0px;
  position:relative;
  font-size:91.7%; width:133px; height:4.5em; 
  text-align:left !important; overflow:hidden;
}
div.NeoGallery div.JMyCarousel li.lyteimagediv p.description span.autor {
  display:block; position:absolute; padding-top:0px;
  top:5.5em; left:0px;
  width:133px; text-align:right !important; 
  color:#E57C00;
}
div.JMyCarousel input.prev{
  position: absolute; left: 0px; top: 55px;
  width:47px; height:61px;
  background: transparent url('/images/JMyCarousel/left.png') no-repeat 50% 50%;
  border:0px; z-index: 200; 
}

div.JMyCarousel input.next{
  position: absolute; left: 425px; top: 55px;
  width:40px; height:61px;
  background: transparent url('/images/JMyCarousel/right.png') no-repeat 50% 50%;
  border:0px; z-index: 200; 
}

#lbMain a {border:0px none;}

/** KONTAKTY ---------------- **/
ul.kontakty {
  display:block; margin:0px; padding:5px 0px;
  list-style-type:none;
  width:674px;
  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:left; position:relative;
  margin:10px 7px;
  height:340px; width:460px;
  border: 1px solid #ddd;
  overflow:hidden;
}
div.google-map span {color:#555 !important;}
div.google-map img{background-color:transparent;}


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

li.lnk-totop,
li.lnk-totop:visited {
  background: transparent url('/images/icons/icon-totop.gif') no-repeat right -100px;}
li.lnk-totop:hover { background-position: right 0px;}

/*  SERVISNI MENU */
ul#service-menu, 
ul#service-info {
  display:block; clear:both;
  padding:10px 20px; margin:0px auto;
  list-style-type:none; text-align:center;
  font-size:91.7%;
  background-color:#e0e0e0;
  overflow:hidden;
}
ul#service-menu li,
ul#service-info li {
  display:inline;
  padding:0px 15px;  line-height:1;
  border-left:1px #999 solid;
}
ul#service-menu li.first, 
ul#service-info li.first {padding-left:0px; border:none;}
ul#service-menu li a, 
ul#service-info li a {
  border-bottom:1px dotted #444;
  color:#444;
  text-decoration:none;
}
ul#service-menu li a:hover, ul#service-menu li:hover a,
ul#service-info li a:hover, ul#service-info li:hover a {color:#e93c00; border-color:#e93c00; background-color:transparent;}

div#footer {
  clear:both; display:block; 
  margin:0px auto; padding:0px 0px 0px; 
  width:840px;
  /** background:transparent url('/images/bg-footer.png') no-repeat left top;**/
}

/** tiraz **/
p#copy {
  clear:both; margin:0px auto; padding:10px 10px 30px;
  width:820px; text-align:right;
  text-align:right; font-size:91.7%; color:#999;
}
p#copy a, p#copy a:visited {color:#888; border-color:#888;}
p#copy a:hover {color:#e93c00; border-color:#e93c00;}
p#copy a.external,
p#copy a.external:visited {background-position:100% 0px; }
p#copy a.external:hover {background-position:100% -100px; }

/** SITEMAP --------------------- **/
ul.sitemap {
  padding:0px; margin:20px;
  list-style-type:none;
}
ul.sitemap li {
  margin-bottom:5px; padding:2px 5px 2px 15px;
  background:url('/images/icons/icon-ext.gif') no-repeat left -195px;
}
ul.sitemap li:hover {background-position:left -95px; }
ul.sitemap li a,
ul.sitemap li a:visited {
  font-weight:bold; font-variant:small-caps;
  font-size:116.7%; color: #61A22A; border-bottom:1px dotted #61A22A;
}
ul.sitemap li ul {padding-top:5px;}
ul.sitemap li ul li a {font-weight:normal; font-variant:normal; font-size:100%;}
ul.sitemap li a:hover , ul.sitemap li:hover a {color:#e93c00; border-color:#e93c00;}

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