body {
	font-family: Verdana, "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	font-size:0.72em;
	color:#005fba;
	margin: 0px auto;
	background: #FFF url(../images/corn.jpg) right bottom no-repeat;
}
.noCSS {
  display: none;
}
.printOnly {
	display: none;
}
.clearer {
   clear:both;
}
div.clearer {
	height: 1px;
	overflow: hidden;
}
.left {
  text-align:left;
}
.right {
  text-align:right;
}
.center {
  text-align:center;
}
.just {
  text-align:justify;
}
.red {
  color: #dd0000;
}
a:link, a:visited {
	color: #000000;
	text-decoration:none;
}
a:hover {
	color: #000000;
	text-decoration:underline;
}
a img { 
  border: none;
}
img.fleft {
  float: left;
  margin-right: 20px;
}
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;
}

  p.home_about_1 {
    display: block;
    width: 310px;
    float: left;
    margin: 0 0px 0 5px;
    text-align: justify;
    color: #000;
  }
  
  p.home_about_2 {
    display: block;
    width: 305px;
    float: left;
    margin: 0 0px 0 20px;
    text-align: justify;
    color: #000;
  }
.noIndent {
 text-indent: 0;
}
span {
    line-height: 170%;
}
h1 {
  font-size: 150%;
  line-height: 115%;
  font-weight: normal;
  margin-top:5px;
  margin-bottom: 0px;
}
h2 {
  font-size: 130%;
  font-weight: bold;
  margin-top:15px;
  margin-bottom: 0px;
}

h2.agrola {
  font-size: 140%;
  font-weight: bold;
  margin-top: 12px;
  margin-bottom: 7px;
  margin-left: 5px;
}

h3 {
  font-size: 110%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-top: 10px;
}
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;
  border: 1px solid #000000;
}
fieldset div.fieldsetContent {
  margin: 0px 20px;
}
label {
  font-weight: bold;
}
.help {
	cursor: help;
	border-bottom: 1px dashed #638EB5;
}
#page {
  background: url(../images/header_bg.jpg) repeat-x top;
	margin: 0 auto;
	width: 100%;
	position: relative;
}
div#header {
  position: relative;
  width: 968px;
  margin: 0px auto;
  height: 100px;
  z-index: 100;
}
div#top-bar {
  height: 14px;
  background: #003985 url(../images/top_bar_bg.gif) repeat-x left top;
}
div#header h1 {
  position: absolute;
  width: 131px;
  height: 52px;
  top: 0px;
  left: 16px;
  background-color: #f3f3f3;
  font-size: 180%;
  margin: 0;
  padding: 0;
  padding-top: 30px;
  z-index: 10000;
  text-align: center;
}
div#header a#home{
  position: absolute;
  display: block;
  width: 120px;
  height: 94px;
  top: 0px;
  left: 0px;
  background: url(../images/logo_3.jpg) no-repeat bottom;
  z-index: 999;
}
div#content {
  position: relative;
  width: 968px;
  margin: -30px auto;
  background: url(../images/content_bg.jpg) repeat-y right top;
  padding: 20px 0 30px 0; 
}

#teasery{
  position: relative;
  width: 100%;
  overflow: hidden;
}
  .teaser_home{
    position: relative;
    border: 0px solid;
    width: 315px;
    height: 180px;
    margin: 0px;
    float: left;
    margin: 0px 10px 6px 0px;
  }
    .teaser_home h2 {
      margin: 0px;
    }
      .teaser_home h2 a{
        display: block;
        width: 180px;
        height: 33px;
        padding: 0 0 0 10px;
        margin: 0px;
        float: right;
        margin: 3px;
        color: #1C77C6;
        font-weight: bold;
        line-height: 33px;
        text-decoration: none;
      }
    .teaser_home p{
      color: #FFF;
      margin: 10px 10px 0 130px;
      font-size: 95%;
      line-height: 15px;
    }
    
    #laboratorni_sluzby{
      background: url(../images/laboratorni_sluzby.jpg);
    }
    #obchodni_cinnost{
      background: url(../images/obchodni_cinnost.jpg);
    }
    #poradenstvi{
      background: url(../images/poradenstvi.jpg);
    }
    #zivne_pudy{
      background: url(../images/zivne_pudy.jpg);
    }
    #jogurty{
      background: url(../images/jogurty.jpg);
    }
    #novinky{
      background: url(../images/novinky.jpg);
    }
    
div#content-column {
  float: left;
  width: 680px;
  overflow: hidden;
  padding: 10px 15px 20px 0px;
  margin: 0 0 0 0;
  position: relative;
}

  div.sluzby_nav {
    position: relative;
    font-size: 100%;
    left: 102px;
    z-index: 999;
  }

  a.sluzby_nav {
    color: #005fba;
    border-left: 5px;
    font-size: 100%;
    font-weight: bold;
  }
  
    div.sluzby_nav_left {
      position: relative;
      width: 4px;
      height: 26px;
      background: url(../images/submenu_l.gif);
      float: left;
      margin: 0 0 0 1px;
    }
    
    div.sluzby_nav_right {
      position: relative;
      width: 4px;
      height: 26px;
      background: url(../images/submenu_r.gif);
      float: left;
    }
    
    a.sluzby_nav {
      position: relative;
      /*color: #385B00;*/
      color: #000;
      display: block;
      height: 26px;
      line-height: 26px;
      padding: 0 5px 0 5px;
      font-size: 100%;
      font-weight: bold;
      background: url(../images/submenu_bg.gif);
      float: left;
    }
    
    a.sluzby_nav_sel {
      position: relative;
      /*color: #385B00;*/
      color: #005fba;
      display: block;
      height: 26px;
      line-height: 26px;
      padding: 0 5px 0 5px;
      font-size: 100%;
      font-weight: bold;
      background: url(../images/submenu_bg.gif);
      float: left;
    }
    
    #prodejna {
      position: relative;
      width: 100%;
      border: 1px solid;
      margin: 5px 0 0 0; 
    }
      #left_prodejna {
        position: relative;
        width: 330px;
        float: left;
        padding: 5px 5px 0 5px;
      }
      
        #left_prodejna h2{
          margin: 0 0 10px 0;
          padding: 0px;
        }
      #right_prodejna {
        position: relative;
        width: 330px;      
        float: right;
        font-size: 110%;
        font-weight: bold;
        padding: 5px 5px 0 5px;
      }
        #right_prodejna p.cena{
          position: relative;
          display: block;
          right: 0px;
          width: 150px;
          line-height: 30px;
          height: 30px;
          padding: 5px;    
          background: #E5ECF4;
        }
        #right_prodejna p.cena_bily{
          position: relative;
          display: block;
          right: 0px;
          width: 150px;
          line-height: 30px;
          height: 30px;
          padding: 5px;    
          background: #FFF;
        }
    #quick_kontakt {
      position: relative;
      width: 678px;
      padding: 5px 5px 10px 10px;
      background: #EFEFEF;
    }

div#right-column {
  float: right;
  width: 250px;
  padding-left: 11px;
  padding-top: 11px;
  background: #F8F8F8;
  overflow: hidden;
}

div#page-bottom {
  position: relative;
  width: 978px;
  margin: 0px auto;
  padding: 0 20px 0 0;
  text-align: right;
  height: 44px;
  background: #f8f8f8 url(../images/page_bottom_bg.gif) repeat-x left top;
  border-top: 0px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  line-height: 44px;
  position: relative;
  color: #000000;
}

div#page_footer {
  position: relative;
  height: 44px;
  background: #f8f8f8 url(../images/page_bottom_bg.gif) repeat-x left top;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  line-height: 44px;
  position: relative;
  color: #000000;
}
div#breadcrumbs {
  position: absolute;
  height: 46px;
  line-height: 46px;
  left: 0;
  top: -1px;
  background: url(../images/breadcrumbs_bg.gif) no-repeat right top;
  padding: 0 66px 0 35px;
}
div#breadcrumbs a:link, div#breadcrumbs a:visited {
  color: #000000;
}
div#page-bottom span.mezi {
  position: absolute;
  display: block;
  width: 3px;
  height: 44px;
  left: 682px;
  top: 0;
  background: url(../images/page_bottom_mezi.gif) no-repeat left top;
}
div#page-bottom a img {
  position: absolute;
  margin: 0 0 0 -20px;
  top: 12px;
}
div#page-bottom a.tisk:link, div#page-bottom a.tisk:visited {
  position: relative;
  top: 0px;
  margin: 0 20px 0 0;
  font-weight: bold;
  color: #000000;
}
div#footer {
  width: 978px;
  padding: 0 20px 0 0;
  margin: 0px auto;
  text-align: right;
}
a#dotaz, a#doporucit, a#forum {
  display: block;
  position: relative;
  width: 271px;
  height: 80px;
  line-height: 80px;
  padding-left: 20px;
  margin-bottom: 5px;
  background: #dcdcdc;
}
a#forum {
  height: 31px;
  line-height: 31px;
}
a#dotaz span, a#doporucit span, a#forum span {
  position: absolute;
  left: 0;
  top: 0;
  width: 291px;
  height: 80px;
  background: url(../images/button_dotaz.jpg) no-repeat left top;
  cursor: pointer;
}
a#doporucit span {
  background: url(../images/button_doporucit.jpg) no-repeat left top;
}
a#forum span {
  height: 31px;
  background: url(../images/button_forum.jpg) no-repeat left top;
}
/*-------------------------------------------------------------------------------------------------------
	navigace        
---------------------------------------------------------------------------------------------------------*/
div#menu_container {
  height: 85px;
  background: url(../images/navigace_bg.gif) repeat-x left top;
  color: #FFFFFF;
  position: relative;
  width: 930px;
  margin: 0px auto;
}
div#menu_container ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding-left: 130px;
  height: 45px;
  padding-top: 9px;
  font-weight: bold;
}
div#menu_container ul li {
  float: left;
  margin: 0;
  padding: 0;
  background: url(../images/menu_item_right.gif) no-repeat right top;
  padding-right: 3px;
}
div#menu_container ul li a:link, div#menu_container ul li a:visited {
  color: #FFFFFF;
  display: block;
  height: 28px;
  padding: 17px 16px 0 16px;
  float: left;
}
div#menu_container ul li a:hover {
  text-decoration: none;
}
div#menu_container ul li.selected {
  background: #FFFFFF url(../images/menu_itemSel_right.gif) no-repeat right top;
}
div#menu_container ul li.selected a:link, div#menu_container ul li.selected a:visited{
  color: #000000;
  background:  url(../images/menu_itemSel_left.gif) no-repeat left top;
}
div#nav-right {
  position: absolute;
  background: #003985 url(../images/support_navigace_bg.gif) repeat-x left top;
  top: 0;
  right: 0px;
  height: 16px;
  padding: 2px 10px 0 10px;
  overflow: hidden;
}
div#nav-right a:link, div#nav-right a:visited {
    color: #FFFFFF;
  margin: 0 5px;
}
div#nav-right span.left, div#nav-right span.right {
  position: absolute;
  width: 4px;
  height: 18px;
  left: 0;
  top: 0;
  background: url(../images/support_navigace_left.gif) no-repeat left top;
}
div#nav-right span.right {
  left: auto;
  right: -1px;
  background: url(../images/support_navigace_right.gif) no-repeat left top;
}
div#nav-right a img{
  margin: 0;
  padding: 0;
}
/*-------------------------------------------------------------------------------------------------------
	homepage        
---------------------------------------------------------------------------------------------------------*/

div#microsites {
position: relative;
width: 652px;
height: auto;
}
div.microsite {
  position: relative;
  width: 207px;
  float: left;
  margin-right: 14px;
  margin-top: 0;
}
  div.microsite h2 {
    height: 36px;
    line-height: 36px;
    background: #f0f0f0 url(../images/right_h2.gif);
    position: relative;
    margin-bottom: 15px;
    margin-top: 0;
  }
  
  div#microsites img#klasa {
  margin: 0 0 0 80px;
  }
  
div.microsite h2 a {
  height: 36px;
  line-height: 36px;
    background: #f0f0f0 url(../images/right_h2.gif);
  position: relative;
  display: block;
  padding-left: 16px;
}
div.microsite h3 {
  padding-left: 16px;
  color: #000000;
  margin-top: 6px;
  margin-bottom: 0px;
}
div.microsite p {
  margin-left: 16px;
/*  background: url(../images/menu_mezi.gif) repeat-x left bottom;*/
  margin-top: 3px;
  padding-bottom: 6px;
}
div.microsite p.no-bottom {
  background: none;
}
div#recepty {
  margin-right: 0;
}
div#dieta h2 a span, div#fitness h2 a span, div#recepty h2 a span {
  position: absolute;
  width: 207px;
  height: 36px;
  left: 0;
  top: 0;
  background: url(../images/head_dieta.jpg) no-repeat left top;
  cursor: pointer;
}
div#fitness h2 a span {
  background: url(../images/head_fitness.jpg) no-repeat left top;
}
div#recepty h2 a span {
  background: url(../images/head_recepty.jpg) no-repeat left top;
}
div#flash {
  position: relative;
  margin: 0px auto;
  width: 684px;
  height: 332px;
  z-index: 1000;
  font-family: Arial;
}
div.jogurt {
  position: absolute;
  margin: 0px auto;
  left: 50px;
  width: 684px;
  height: 332px;
  font-family: Arial;
}
div#jogurt1 { background: url(../images/home/1.jpg) no-repeat left top;visibility:visible;}
div#jogurt2 { background: url(../images/home/2.jpg) no-repeat left top;visibility:hidden;}
div#jogurt3 { background: url(../images/home/3.jpg) no-repeat left top;visibility:hidden;}
div#jogurt4 { background: url(../images/home/4.jpg) no-repeat left top;visibility:hidden;}
div#jogurt5 { background: url(../images/home/5.jpg) no-repeat left top;visibility:hidden;}
div#jogurt6 { background: url(../images/home/6.jpg) no-repeat left top;visibility:hidden;}
div#jogurt7 { background: url(../images/home/7.jpg) no-repeat left top;visibility:hidden;}
div#jogurt8 { background: url(../images/home/8.jpg) no-repeat left top;visibility:hidden;}
div#jogurt1-visible { background: url(../images/home/1.jpg) no-repeat left top;visibility:visible;}
div#jogurt2-visible { background: url(../images/home/2.jpg) no-repeat left top;visibility:visible;}
div#jogurt3-visible { background: url(../images/home/3.jpg) no-repeat left top;visibility:visible;}
div#jogurt4-visible { background: url(../images/home/4.jpg) no-repeat left top;visibility:visible;}
div#jogurt5-visible { background: url(../images/home/5.jpg) no-repeat left top;visibility:visible;}
div#jogurt6-visible { background: url(../images/home/6.jpg) no-repeat left top;visibility:visible;}
div#jogurt7-visible { background: url(../images/home/7.jpg) no-repeat left top;visibility:visible;}
div#jogurt8-visible { background: url(../images/home/8.jpg) no-repeat left top;visibility:visible;}
div.jogurt h2 {
  margin: 0;
  padding: 0;
  left: 100px;
  top: 30px;
  position: absolute;
  width: 222px;
  border-bottom: 8px solid #999999;
  padding-bottom: 3px;
  font-family: Arial;
}
div.jogurt p {
  position: absolute;
  left: 100px;
  top: 80px;
  width: 222px;
  color: #000000;
  font-family: Arial;
}
a.predchozi, a.dalsi {
  position: absolute;
  left: 0;
  top: 150px;
  width: 44px;
  height: 44px;
  overflow: hidden;
  font-size: 300%;
}

a#dalsi {
  left: auto;
  right: 15px;
}
a#dalsi span {
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: url(../images/home/arrow_right.gif) no-repeat left top;
  cursor: pointer;
}
a#predchozi span {
   position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  background: url(../images/home/arrow_left.gif) no-repeat left top;
  cursor: pointer;
}
/*-------------------------------------------------------------------------------------------------------
	kontaktni formulare
---------------------------------------------------------------------------------------------------------*/
fieldset input.text, fieldset input.text3, fieldset textarea{
	width: 300px;
	border: 1px solid #777777;

}
textarea {
  font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
  font-size: 12px;
}
textarea.text3 {
    height: 70px;
}
div.QA p.reply, div.QA-titul p.reply {
  color: #000000;
  margin-left: 20px;
  background: none;
}
div.QA-titul p {
  margin-right: 12px;
  background: url(../images/menu_mezi.gif) repeat-x left bottom;
}
div.QA {
  background: url(../images/menu_mezi.gif) repeat-x left bottom;
}
div.QA p.reply {
  padding-bottom: 10px;
}
h2.forum {
  border-bottom: 6px solid #dedede;
  margin-right: 12px;
}
table.kontakt td, table.kontakt th {
  vertical-align: top;
  text-align: left;
}
table.kontakt th {
  padding-right: 10px;
}
.fright {
  float: right;
  margin-left: 15px;
}
table.jogurt {
  margin-top: 5px;
}
p#forum-vyber {
  background-color: #f8f8f8;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 20px;
  margin-top: 10px;
}