/* CSS Document */

/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro Foodish
	Author:			 e-invent s.r.o., www.e-invent.eu, e-mail: nachod(@)e-invent.eu
	Modified:	   26. 5. 2009

	==[ TOC ]==
  1. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (třídy pro vše platící - .clear, .float-x ..)
  4. Container  (rozvržení celé stránky)
  5. Header     (Hlavička)
  6. Navigace
  7. Sidebar
      7.1 Sidebar right
      7.2 Sidebar left
  8. Content    (obsah)
  9. Footer     (patička)
  10. Other      (ostatní)

	==[ Colors ]==
 
----------------------------------------------------------------------------*/

/* 1. Body -----------------------------------------------------------------*/
body {
    font-family: Tahoma, Arial, 'Arial CE', sans-serif;
    text-align: left;    
    margin: 0 auto;
    padding: 0px;
    font-size: 10pt;
    color: #000;
    background: #fff url(../images/bg_all.jpg) no-repeat top center;
}

/* 2. Tags -----------------------------------------------------------------*/
p {text-align: left; margin: 0px; padding: 0px;}

img {border: none;}

a img {text-decoration: none;}

a span {cursor: pointer;}

fieldset {border: 0 none; padding: 0px; margin: 0px;}

a {color: #6ebb1f;}
a:hover {text-decoration: none;}

h1 {font-size: 16pt; padding: 0; margin: 0;}
h2 {font-size: 11pt; padding: 0px; margin: 22px 0px 10px 10px; color: #000; text-align: left;}
h3 {font-size: 105%; float: left; color: #636262; margin: 7px 0px 0px 12px;}
h5 {font-size: 100%; margin: 0px 0px 2px 0px; padding: 5px 0px 3px 0px;}
/* 3. Classes --------------------------------------------------------------*/
#sidebar-l p, #sidebar-r p {color: #4a4a4a; padding: 0px 0px; margin-bottom: 0px;}

br.clear-l {clear: left;}
br.clear-b {clear: both;}

.f-left {float: left;}
/* 4. Container ------------------------------------------------------------*/
#main-container {
    position: relative;
    width: 1017px;
    margin: 0 auto;
}

/* drobeckova navigace */ 
body #top1 #drobeckova-navigace {position: relative; top: 5px; left: 2px; width: 977px; height: 21px; padding: 4px 0px 0px 10px; background: url(../images/drobecek.png) no-repeat scroll left; color: #555;}
body #top1 #drobeckova-navigace strong {float: left;  margin-right: 15px;}
body #top1 #drobeckova-navigace a, body #top1 #drobeckova-navigace span {float: left; color: #e5e5e5; text-decoration: underline; display: block; height: 21px; }
body #top1 #drobeckova-navigace a:hover {text-decoration: none;}
body #top1 #drobeckova-navigace span.sipka {
background: url(../images/sipka.png) no-repeat scroll left center; display: block; 
width: 8px; height: 9px; margin-top: 5px; margin-left: 8px; margin-right: 8px;}

/* 5. Header   -------------------------------------------------------------*/


#top-navigation {position: absolute;  left: 10px; height: 39px;  width: 997px; top: 96px; text-align: left;}
#top-navigation ul {list-style-type: none; color: #fff; font-size: 10pt;}
#top-navigation ul li { float: left; height: 46px; padding: 0px 15px 0px 15px; background: url(../images/top_navigation_dot.png) no-repeat scroll right 15px; display: block;}
#top-navigation ul li.last {background: none;}
#top-navigation ul li a {display: block; width: 100%; height: 100%; text-decoration: none; color: #fff;}
#top-navigation ul li a:hover {background: url(../images/menu_a.png) repeat-x scroll; z-index: 100;}
#top-navigation ul li.selected a {background: url(../images/menu_a.png) repeat-x scroll; z-index: 100;}
#top-navigation ul li a span.line {border-bottom: 4px solid #d1c72e; padding: 0px 10px 23px 10px; z-index: -100;}
#top-navigation ul li a:hover span.line {border: none;}
#top-navigation ul li.selected a span.line {border: none;}
#top-navigation ul li span.text {position: relative; top: 12px;}


#language {position: absolute; right: 0; width: 242px; height: 109px; background: url(../images/language.png) no-repeat; z-index: 1000;}
#language a {color: #fff; text-decoration: none;}
#language .cs {width: 50px; position: absolute; left: 115px; top: 46px; }
#language .en {width: 45px; position: absolute; left: 172px; top: 46px; }

#slogan {position: relative; height: 100px; top: 20px; left: 40px; font-size: 14pt; color: #fff;}

#top1 {
    width: 998px;
    height: 155px;
    padding: 0px;
    position: relative;
    text-align: left;
    z-index: 0;
    
}

#top1 #logotype {
     position: relative;
     display: block;
     float: left;
     width: 408px;
     height: 109px;    
     background: url(../images/logotype.png) no-repeat scroll;
}
.clickhome {width: 408px; display: block; height: 109px;}
#top1 #logotype span {display: none;}



/* 6. Navigace -------------------------------------------------------------*/
#navigation {width: 960px; height: 41px; margin-left: 5px;}

#menu {margin-right: 5px; float: right; width: 725px; height: 41px; background: url(../images/menu_bg.png) repeat-x scroll;
}

/* 7 Sidebar -----------------------------------------------------------------*/

#sidebar-l {width: 323px; position: relative; top: 10px; left: 10px; float: left; margin-bottom: 20px;}
#sidebar-l h3 {padding: 10px 30px;}
#sidebar-l .head-potraviny {position: relative; margin-left: 10px; width: 300px; height: 60px; background: url(../images/head_potraviny.png) no-repeat scroll;}
#sidebar-l .head-sluzby {position: relative; margin-left: 10px; width: 300px; height: 60px; background: url(../images/head_sluzby.png) no-repeat scroll;}
#sidebar-l .head-znacky {position: relative; margin-left: 10px; width: 300px; height: 60px; background: url(../images/head_znacky.png) no-repeat scroll;}
#sidebar-l ul.submenu {list-style-type: none; margin: 0 0 0 20px; padding: 0;}
#sidebar-l ul.submenu li {width: 296px; background: url(../images/submenu_bg.png) repeat-y scroll; border-bottom: 2px solid #fff;}
#sidebar-l ul.submenu li a {display: block; width: 255px; height: 100%; text-decoration: none; color: #000; padding: 8px 0 8px 40px; text-decoration: underline; font-weight: bold; color: #000;} 
#sidebar-l ul.submenu li a:hover  {color: #fff; text-decoration: none;}
#sidebar-l ul.submenu li a:hover span {border: none;}
#sidebar-l table {margin-top: 10px;}
#sidebar-l table td.first {text-align: right;}

#sidebar-l ul.submenu.green li a {background: url(../images/submenu_green.png) no-repeat scroll 20px center;}
#sidebar-l ul.submenu.green li a:hover {background: #786f52 url(../images/submenu_green_a.png) no-repeat scroll 20px center;}
#sidebar-l ul.submenu.green li.selected a {background: #786f52 url(../images/submenu_green_a.png) no-repeat scroll 20px center;}

#sidebar-l ul.submenu.yellow li a {background: url(../images/submenu_yellow.png) no-repeat scroll 20px center;}
#sidebar-l ul.submenu.yellow li a:hover {background: #786f52 url(../images/submenu_yellow_a.png) no-repeat 20px center;}
#sidebar-l ul.submenu.yellow li.selected a {background: #786f52 url(../images/submenu_green_a.png) no-repeat scroll 20px center;}

#sidebar-l ul.submenu.brown li a {background: url(../images/submenu_brown.png) no-repeat scroll 20px center;}
#sidebar-l ul.submenu.brown li a:hover {background: #786f52 url(../images/submenu_brown_a.png) no-repeat 20px center; }
#sidebar-l ul.submenu.brown li.selected a {background: #786f52 url(../images/submenu_green_a.png) no-repeat scroll 20px center;}

#sidebar-l .kontakt {width: 297px; height: 297px; background: url(../images/kontakt.png) no-repeat scroll; margin: 20px 0 0 20px; line-height: 21px;}
#sidebar-l .kontakt .text {width: 250px; margin-left: 40px;}
#sidebar-l .kontakt h3 {margin-left: 0; width: 260px;}
#sidebar-l strong {color: #6ebb1f;}
#sidebar-l .kontakt p {padding: 10px 0 0 10px;}
#sidebar-l img {margin-left: -15px;}
#sidebar-l .fax {margin-left: -25px;}

/* 8. Content    (obsah) ----------------------------------------------------*/


#wrapper-content {position: relative; margin-top: 10px; width: 1017px;background: transparent url(../images/bg_main.png) repeat-y scroll;}
#wrapper-content .top {position: relative; width: 1017px; height: 14px; top: -14px; background: url(../images/bg_main_top.png) no-repeat scroll;}
#content {position: relative; margin-top: 10px; right: 10px; width: 630px; padding: 0 20px 20px 20px; float: right;}
#content p {padding: 5px 10px; line-height: 20px;}
#content .content-home p {padding-bottom: 0px; line-height: 15px;}

/*#content ul {width: 300px; float: left;}*/
#content ul li {padding-bottom: 5px;}

.header {position: relative; width: 200px; height: 57px; background: url(../images/header_bg.png) repeat-x scroll;}
.header strong {position: relative; top: 21px; left: 5px; font-size: 12pt;}
.header .left {width: 28px; height: 57px; background: url(../images/header_left.png) no-repeat; float: left;}
.header .right {position: absolute; top: 0px; right: 0px; width: 4px; height: 57px; background: url(../images/header_right.png) no-repeat;}

.news {position: relative; width: 618px; background: url(../images/news_bg.png) repeat-y scroll; margin-bottom: 20px;}
.news .ntop {width: 618px; height: 11px; background: url(../images/news_top.png) no-repeat;}
.news .nbottom {position: absolute;  width: 618px; height: 10px; background: url(../images/news_bottom.png) no-repeat;}
.news .date {width: 48px; float: left; line-height: 23px; font-weight: bold; padding: 5px 0px 0 5px; color: #3e3208; text-align: right;}
.news .text {width: 540px; margin-left: 70px;}
 

.box-top {width: 997px; height: 295px; clear: both;}
.box-top .box-potraviny .head-potraviny h3, .box-top .box-sluzby h3, .box-top .box-znacky h3 {margin-top: 20px; margin-left: 25px; font-size: 12pt; color: #fff;}
.box-top a {color: #000; font-weight: bold;}
.box-top ul {position: relative; top: 25px; left: 10px; }
.box-top ul li {margin-bottom: 5px; margin-left: 3px; padding-left: 5px;}
.box-top .box-potraviny .head-potraviny, .box-top .box-sluzby .head-sluzby, .box-top .box-znacky .head-znacky {height: 40px;}
.box-top .box-potraviny {width: 295px; height: 295px; margin-left: 35px;float: left; background: url(../images/box_potraviny.png) no-repeat scroll;}
.box-top .box-potraviny ul.submenu {list-style-image: url(../images/list_green.png);}
.box-top .box-sluzby {width: 295px; height: 295px; margin-left: 30px; float: left; background: url(../images/box_sluzby.png) no-repeat scroll;}
.box-top .box-sluzby ul.submenu {list-style-image: url(../images/list_yellow.png);}
.box-top .box-znacky {width: 295px; height: 295px; margin-left: 30px; float: left; background: url(../images/box_znacky.png) no-repeat scroll;}
.box-top .box-znacky ul.submenu {list-style-image: url(../images/list_brown.png);}

.box-produkt {width: 295px; height: 295px; background: url(../images/box_subpage.png) no-repeat; float: left; margin:20px 0 0 20px; position: relative; padding-top: 0px;}
.box-produkt img {border: 5px solid #eae8e0; margin: 15px 0 0 20px; float: left;}
.box-produkt h4 {float: right; padding-top: 0px; padding-left: 5px; padding-right: 10px; width: 155px; color: #000; text-decoration: underline; cursor: pointer; font-size: 11pt;}
.box-produkt a {color: #000;}
.box-produkt a:hover h4  {text-decoration: none;}

.box-produkt p {float: right; padding: 0 10px 10px 10px !important; width: 145px; height: 200px;}
.box-produkt .baleni {width: 80px; height: 41px; position: absolute; top: 173px; left: 60px; font-size: 7pt; font-weight: bold; }
.box-produkt .zeme {width: 80px; position: absolute; top: 230px; left: 60px; font-size: 7pt; font-weight: bold;}

#produkt-box .baleni {height: 41px; background: url(../images/baleni.png) no-repeat scroll 3px; padding: 25px 0 0 60px; font-weight: bold;}
#produkt-box .zeme {height: 43px; background: url(../images/zeme.png) no-repeat scroll left; padding: 25px 0 0 60px; margin-top: -20px;  font-weight: bold;}
/* 9. Footer ----------------------------------------------------------------*/
#footer a {color: #6ebb1f; text-decoration: underline;}

#footer a:hover {text-decoration: none;}

#footer #box {width: 1017px; height: 87px; position: relative; top: 0px; margin: 0 auto; background: url(../images/footer_map.png) no-repeat scroll right; z-index: 20;}

#footer p {line-height: 18px;}

#footer p.left {float: left; width: 500px; margin: 15px 0px 0px 15px;}

#footer p.right {display: block; text-align: right; padding-top: 15px; padding-right: 15px;}

#footer {clear: both; height: 87px; width: 100%; background: url(../images/footer.png) repeat-x scroll bottom; color: #434343; font-size: 9pt;} 
#wrapper-footer {clear: both;}

/* LIGHT-BOX */
.aitom-pozadi{
  z-index: 900; 
  visibility: visible;
  left:0px;
  top:0px;
  background-color:#000000;
  width:100%;
  height:100%;
  display:block;
  position:fixed;
  filter:alpha(opacity=65);
  opacity: 0.65;
  -moz-opacity:0.65;
  
}
.aitom-hlaska-holder{
         position:absolute;
         top:100px;
         z-index:1000;
         width:100%;
         margin-left:-10px;
         margin-right:-10px;
}
      
.aitom-hlaska{
        position:relative;
        display:block;
         top:0px !important;
          width:95%;
         margin:0px auto 0px auto !important;
         max-width: 820px;
}
.aitom-hlaska  li{list-style:none; padding-left:15px; background:url(../img/li.gif) left center no-repeat; line-height:160%;} 
.aitom-hlaska .zaviraci{
     position:absolute;
     top:-16px;
     right:0px;
     margin-right:10px;
     width:28px;
     height:16px;
     background: transparent url(../images/btn-zavrit.gif) left top no-repeat;
}
.aitom-hlaska .zaviraci span{display:none;}

.strankovani {width: 100%; height: 25px; position: relative; text-align: center; padding-top: 15px;}
#movePrev {display: block; width: 28px; height: 16px; background: url(../images/galerie_left.png) no-repeat scroll; float: left;}
#movePrev a, #moveNext a {display: block; width: 100%; height: 100%;}
#moveNext {display: block; width: 28px; height: 16px; background: url(../images/galerie_right.png) no-repeat scroll; float: right;}

.aitom-hlaska .obsah{
     background-color:#fff;
     border:1px solid #6b6b6b;
     overflow:auto;
     /*overflow-y: auto; 
     overflow: -moz-scrollbars-vertical; */
}
.aitom-hlaska .obsah h3 {color:#777777; font-size:110%;}
.aitom-hlaska .obsah .sub-obsah{
    display:block;
    position:relative;
    padding:10px;
    }
.aitom-hlaska .obsah th, .aitom-hlaska .obsah td{
     padding-left:5px;
     padding-right:5px;
     vertical-align: top;
     width: 50px;
}
.aitom-hlaska h2 {
     background-color: #6b6b6b;
     color: #fff;
     font-size: 130%;
     padding: 5px 16px;
     vertical-align: middle;
    display:block;
    position:relative;
    margin-bottom: 0px;
}
.aitom-hlaska strong {color: #8e8c8c;margin-left:10px;padding-top:5px;float:left;}

.aitom-hlaska #uz {
  background: url(../img/btn-saveclose.png) left top no-repeat;
  width:136px;
  height:22px;  
  padding-left:12px;
  color:#fff;
  cursor:pointer;  
  border:none;
  text-align:left;
  margin: 0 7px;
}
.aitom-hlaska #zavriti{
  background: url(../img/btn-onlyclose.png) left top no-repeat;
  width:144px;
  height:22px;  
  padding-left:12px;
  color:#fff;
  cursor:pointer;
  border:none;
  text-align:left;    
}
.aitom-hlaska .aktadresar span {float:left;}
.aitom-hlaska .soubory{
    position:static;
     top:0px;
     left:0px;
  }
.aitom-hlaska .soubory .file{
      float:left;
  }
.aitom-hlaska  .soubory .buttons{
     margin-top:5px;
  }


p.imgs {
  padding: 0px !important;
}

p.imgs .img-r {margin-left: 10px;}

.fotoga img {float: left; margin-right: 10px;}

/* produkty */
.box_p{
	background-image: url(../images/baleni.png);
	background-repeat: no-repeat;
	background-position: left center;
	left:10px !important;
	top:153px !important;
	padding-left:50px;
	height:50px;
}

.globe_p{
	background-image: url(../images/zeme.png);
	background-repeat: no-repeat;
	background-position: left center;
	left:10px !important;
	top: 210px !important;
	padding-left:50px;
	padding-top:10px;
	height:40px;
}

.box_p_white{
	background-image: url("../images/baleni.png");
	background-repeat: no-repeat;
	background-position: left center;
	left:10px !important;
	top:153px !important;
	padding-left:60px;
	padding-top:10px;
	height:40px;
	font-weight:bold;
}

.globe_p_white{
	background-image: url("../images/zeme.png");
	background-repeat: no-repeat;
	background-position: left center;
	left:10px !important;
	top: 210px !important;
	padding-left:60px;
	padding-top:10px;
	height:40px;
	font-weight:bold;
}


#content .fotogalerieAktuality
{
	padding: 10px;
}

#content .fotogalerieAktuality a
{
	display: block;
	float: left;
	margin: 0px 10px 5px 0px;
}

#content .fotogalerieAktuality a img
{
	float: left;
	border: 3px solid #e4dfd0;
}

.clear
{
	clear: both;
	height: 1px;
	overflow: hidden;
}