body { font-size: 0.75em; color: #4f4f4f; font-family: 'trebuchet MS', Georgia,New York CE,utopia,serif !important; }

img { border: 0; }

a { color: #304582; }
a:hover { text-decoration: none; }
a.zone { text-decoration: none; margin-left: 10px; }
body { background: url('images/bg/bg.gif') repeat-x; margin: 0; padding: 0; }
#header,#main,#breadcrumbContent,#footerContent { margin: 0 auto; position: relative; width: 960px; }

#logo { text-align: center; padding: 0; }

#clientZone { position: absolute; top: 135px; left: 10px; font-size: 0.9em; }	
#facebook { position: absolute; top: 60px; right: 120px; }
#eshop { position: absolute; top: 60px; right: 0; }
#langs { position: absolute; top: 130px; right: 10px; }

#homepageFlash { text-align: center; position: relative; margin: 1px auto; margin: 5px 0; background: url("images/homepage_flash.jpg") top center no-repeat; height: 500px; text-align: center; overflow: hidden; }

#breadcrumb { clear: both; margin-top: 6px; //margin-top: 4px; background: url('images/bg/breadcrumb.gif') repeat-x; color: #fff; height: 13px; padding: 6px 0 18px 0; font-family: Tahoma, ‘Lucida Grande CE’, lucida, sans-serif; font-size: 0.9em; }
#breadcrumbContent { font: Tahoma, ‘Lucida Grande CE’, lucida, sans-serif; }
#breadcrumb span { margin: 0 10px; } #breadcrumb a { color: #fff; }

ul#submenu { position: absolute; top: 25px; margin-bottom: 15px; left: 0; width: 550px; list-style-type: none; padding: 0; margin: 0; }
ul#submenu li { float: left; }
ul#submenu li a { display: block; background: url("images/bg/submenu.gif") no-repeat; text-align: center; color: #fff; padding: 12px 12px 12px 2px; width: 104px; height: 16px; text-decoration: none; }
ul#submenu li a:hover { display: block; background: url("images/bg/submenu.gif") 0 107% no-repeat; color: #304582; z-index: 0; }
ul#submenu li a:hover,ul#submenu li a.active { display: block; background: url("images/bg/submenu.gif") 0 107% no-repeat; color: #304582; z-index: 100; }
ul#submenu li a.last { display: block; background: url("images/bg/submenu.gif") no-repeat; text-align: center; color: #fff; padding: 12px 12px 12px 2px; width: 120px; height: 16px; }
ul#submenu li a.last:hover,ul#submenu li a.lastactive  { display: block; background: url("images/bg/submenu.gif") 0 107% no-repeat; color: #304582; z-index: 100; width: 127px; }

ul#submenu li a.long { display: block; background: url("images/bg/submenu_long.gif") no-repeat; text-align: center; color: #fff; padding: 12px 17px 12px 0; width: 143px; height: 16px;}
ul#submenu li a.long:hover { display: block; background: url("images/bg/submenu_long.gif") 0 107% no-repeat; text-align: center; color: #304582; padding: 12px 17px 12px 0; width: 143px; height: 16px;}

ul#submenu li a.longactive { display: block; background: url("images/bg/submenu_long.gif") 0 107% no-repeat; text-align: center; color: #304582; padding: 12px 17px 12px 0; width: 143px; height: 16px;}

#left { float: left; width: 332px; padding-bottom: 30px; }
#right { float: right; width: 595px; padding-bottom: 30px; } 

#leftBig { float: left; width: 595px; padding-bottom: 30px; }
#rightSmall { float: right; width: 332px; padding-bottom: 30px; } 

h1 { font-size: 46px; letter-spacing: -2px; margin: 0; padding: 15px 0; //padding: 20px 0; color: #22397A; border-bottom: 1px solid #22397A; font-weight: normal; }
h2 { font-size: 2em; padding: 5px 0; color: #22397A; font-weight: normal; }
h1.right { text-align: right; font-weight: normal;  }
h1.noborder { padding: 0; margin: 20px 0 0 0; border: 0; }
#logo h1 { margin: 0; padding: 0; color: #fff; border: 0; font-size: 0.7em; }

h3 { font-size: 21px; padding: 5px 0; color: #4F4F4F; border-bottom: 1px solid #22397A; font-style: italic; font-weight: normal; }
h3.right { }

.note { font-size: 1.5em; font-style: italic; margin-top: 15px; }
.quote,.quote_en { margin-top: 15px; font-size: 18px; line-height: 24px; font-style: italic; font-weight: normal; }
.contact { line-height: 1.6em; } .contact p { margin-bottom: 25px; }
.text { line-height: 1.7em; }

.sutaz { float: left; width: 160px; min-height: 270px; height: 270px; margin-right: 5px; //margin-right: 0; }
.spoty { float: left; width: 160px; min-height: 140px; height: 140px; margin-top: 15px; margin-right: 5px; //margin-right: 0; }
.sutaz a, .spoty a { font-weight: bold; text-decoration: none; font-size: 12px; display: block; width: 140px; }
.spoty a { font-weight: normal; }
.sutaz p { margin: 0; padding: 3px 0; }
p.date { font-family: Arial, Tahoma, ‘Lucida Grande CE’, lucida, sans-serif; font-size: 11px; }
.sutaz a:hover,.spoty a:hover { text-decoration: underline; }
.sutaz img,.spoty img { padding: 7px;  border: 1px solid #979797; }

#napoje { float: left; width: 100%; margin: -40px 0 20px 0; }
.napoj { margin-top: 10px; }
.napoj img { float: left; margin-right: 20px; }
.napoj a { display: block; margin: 10px 0; font-size: 1.5em; line-height: 25px; }  
.napoj p { line-height: 1.5em; }

table#kontakt { margin: 20px 0; }
#kontakt td { padding-right: 20px; vertical-align: top; }
#kontakt input.text { width: 267px; height: 18px; padding: 5px; background: url("images/forms/input.gif") no-repeat; border: 0px; font-weight: bold; color: #fff; }
#kontakt textarea.textarea { width: 491px; height: 82px; padding: 5px; background: url("images/forms/textarea.gif") no-repeat; border: 0px; font-weight: bold; color: #fff; overflow: hidden; }

table#ponuka { font-weight: normal; }
#ponuka td { padding: 2px 20px 2px 0; vertical-align: top; }
#ponuka input.text { width: 267px; height: 22px; padding: 5px; //padding: 3px 5px; background: url("images/forms/input.gif") no-repeat; border: 0px; font-weight: bold; color: #fff; }
#ponuka textarea.textarea { width: 430px; height: 82px; padding: 5px; background: url("images/forms/textarea2.gif") no-repeat; border: 0px; font-weight: bold; color: #fff; overflow: hidden; }
span.req { font-weight: bold; color: red; } 

#footer { background: url('images/bg/footer.gif') repeat-x; margin-bottom: 15px; }
#footerContent { width: 960px; height: 130px; }
#footerContent p { margin: 0; padding: 10px 0; }
#footerContent h2 { color: #22397A; margin: 0; padding: 0; font-size: 1.5em; }
#footerContent .item { float: left; width: 317px; margin: 25px 2px 0 0px; }
#footerContent .item img.image { float: left; background: #fff; padding: 7px; margin-right: 10px; border: 1px solid #979797; }

#links { background: url('images/bg/links.gif') no-repeat; margin: 0 auto; position: relative; width: 960px; text-align: center; padding: 25px 0px; font-size: 0.9em; }
#links span { margin: 0 5px; }
#links a { color: #4F4F4F; }
#links p { margin: 0; padding: 2px 0; }

.cleaner { clear: both; font-size: 1px; }
.middle { vertical-align: middle; }

ul.shadetabs { list-style-type: none; margin: 0; margin-left: 35px; padding: 0; position: relative; left: 300px; top: 20px; width: 300px;}
ul.shadetabs li a { display: block; background: url("../images/bg/thickMenu.gif") center left no-repeat;  height: 20px; padding: 5px 20px; border-bottom: 1px dotted #000; text-decoration: none; font-weight: bold; }
ul.shadetabs li a.selected { color: red; }
ul.shadetabs li a:hover { background: url("../images/bg/thickMenuActive.gif") center left no-repeat; display: block; padding: 5px 20px; border-bottom: 1px dotted #000; text-decoration: none; font-weight: bold; }

.hold_height{height: 540px; overflow: auto; position: absolute; width: 675px;}

ul#zona { position: absolute; top: 15px; left: 0; width: 500px; list-style-type: none; padding: 0; margin: 0; }
ul#zona li { float: left; }
ul#zona li a { display: block; background: url("images/bg/zona.gif") no-repeat; text-align: center; color: #fff; padding: 12px 12px 12px 2px; width: 134px; height: 16px; text-decoration: none; }
ul#zona li a:hover { display: block; background: url("images/bg/zona.gif") 0 107% no-repeat; color: #304582; z-index: 0; }
ul#zona li a:hover,ul#zona li a.active { display: block; background: url("images/bg/zona.gif") 0 107% no-repeat; color: #304582; z-index: 100; }
ul#zona li a.last { display: block; background: url("images/bg/zona.gif") no-repeat; text-align: center; color: #fff; padding: 12px 12px 12px 2px; width: 150px; height: 16px; }
ul#zona li a.last:hover,ul#zona li a.lastactive  { display: block; background: url("images/bg/zona.gif") 0 107% no-repeat; color: #304582; z-index: 100; width: 157px; }

.napoj span { display: none; }
.napoj { float: left; width: 290px; padding: 15px 0; border-bottom: 1px solid #E5E5E5; margin-right: 25px; min-height: 165px; height: 165px; line-height: 15px; }
.napoj a { text-decoration: none; font-size: 21px; font-style: italic; display: block; //padding: 10px 0; }  
.napoj.hover span { display: block; position: relative; top: -70px; left: 35px; height: 1px; //top: -100px; }
.thickNapoj { float: left; padding: 0 20px; background: #fff; width: 610px; height: 100%; color: #4f4f4f; font-size: 12px; }
.thickNapoj h2 { font-size: 30px; font-style: italic; margin: 40px 0 10px 0; padding: 0; line-height: 25px; }
.thickNapojBox { float: left; width: 100%; height: 100%; display: none; background: #fff; }
.obrazokNapoja { float: left; width: 150px; }
.suroviny { float: left; width: 200px; line-height: 15px; }
.postup { float: left; padding-left: 30px; width: 230px; line-height: 15px; }

#IndexFlash { margin: 6px 0 0 0; //margin: 5px 0 0 0; }
.product { display: none; width: 650px; height: 530px; overflow: hidden; }
.productImage { position:absolute; background: #fff; width: 320px; height: 460px; overflow: hidden; text-align: center; padding-top: 45px; }
.productBox { position: relative; float:right; width: 310px; overflow: hidden; }
.productBox h2 { padding: 0 10px; line-height: 1.3em; }
.productBox .text { padding-left: 10px; }
.shadetab { position: absolute; left: 330px; top: 50px; padding: 10px; }

#events { font-size: 17px; margin-top: 20px; }
#events td { height: 29px; }
#events .head { font-size: 21px; color: #22397A; }
#events .head td {border-bottom: 1px solid #22397A; }
.tablerow { width: 100%; background: url("../design/images/bg/events.gif") top left no-repeat; }
.tablerowover {  background: #22397a url("../design/images/bg/events.gif") bottom left no-repeat; color: #fff; }

table.positions { border-collapse: collapse; color: #4F4F4F; margin-top: 15px; }
table.positions td.bg1 { background: #4f4f4f; text-align: center; font-size: 30px; color: #fff; padding: 25px 35px; border-bottom: 20px solid #fff; }
table.positions td.bg2 { background: #f2f2f2; text-align: left; padding: 5px 20px; border-bottom: 20px solid #fff; line-height: 24px; }
table.positions td.bg2 h2 { margin: 0; padding: 0; font-size: 21px; }
strong.date { margin-left: 20px; }

#frontbanner{width:100%;height:40px;text-align:center;background:url('../design/images/banner_bg.jpg') repeat-x;}

/******* produkty ******/
ul#menuminiatury{

}

 /******* client Zone ******/
#zone_items{
clear: both;
float: none;
width: 595px;
}
#zone_items .image{
  float: left;
  height: 120px;
  text-align: center;
  width: 90px;
}
.zone_item{
  margin-top: 20px;
  width: 220px;
  float:left; 
}
.zone_item img{
   margin: 10px auto;
}