/* Důležité */
.a_100 a{width: 100px; height: 100px;}
*{margin: 0; border: 0; padding: 0;list-style-type: none;}
br.clear{float: none;clear: both;font-size: 1px;line-height: 1px;}
br.lclear{float: none;clear: left;font-size: 1px;line-height: 1px;}
br.rclear{float: none;clear: right;font-size: 1px;line-height: 1px;}

body{font-family: Verdana;text-align: center;font-size: 12px;background: url('./images/pozadi.jpg') left top repeat-x #FFF;color: #3f3f3f;}
div.body {width: 666px; margin: auto; border: thin rgb(0,0,0) solid;}
.stin_left{background-image: url(./images/stin_left_back.jpg); background-repeat: repeat-y; width: 12px; background-position: right top;}
.stin_right{background-image: url(./images/stin_right_back.jpg); background-repeat: repeat-y; width: 12px; background-position: right top;}
.bottom_back{background-image: url(images/bottom_back.jpg); background-repeat: no-repeat; background-position: top; }
div.hlavni{width: 940px;text-align: left;margin: auto;}

/* Hlavička */
h1{text-align: center;height: 119px;line-height: 119px;background: #0f7c0f;position: relative;}
h1 a{color: #FFF;}

.top_header {display: block;width: 940px;height: 119px;background: url('./images/header.jpg') left top no-repeat; text-align: right;}
/* Menu */
ul.menu{height: 33px;overflow: hidden;background: #555;font-family: Arial;}
ul.menu li{float: left;text-align: center;}
ul.menu li a{color: #FFF;text-decoration: none;display: block;height: 33px;line-height: 33px;font-size: 12px;text-transform: uppercase;font-weight: bold;}

ul.menu li#home{}
ul.menu li#home a span{}
ul.menu li#home a:hover span{}

/* Úvodní stránka */

p.zvyraznene{color: #4455c6;font-weight: bold;}

div.uvodni{background: url('./images/uvodni_pozadi.jpg') right top repeat-y #e8e8e8;}

div.uvodni div#vyrabime-a-opravujeme{width: 340px;float: left; height: 530px; }
div.uvodni div#vyrabime-a-opravujeme h2{color: #dce1ff;font-size: 20px;font-weight: bold;text-align: center;height: 91px;line-height: 91px;background: #1e265e;position: relative;}
#vyrabime-a-opravujeme_h2{display: block;width: 340px;height: 91px;left: 0;top: 0;background: url('./images/h2-vyrabime-a-opravujeme.jpg') left top no-repeat; z-index: 0px;}
div.uvodni div#vyrabime-a-opravujeme div.odsazeni{margin: 0 10px 0 10px;background: url('./images/vyrabime-a-opravujeme-pozadi.jpg') left top no-repeat #FFF;text-align: left;padding: 20px 15px 0 35px; }
div.uvodni div#vyrabime-a-opravujeme div.odsazeni p{line-height: 15px;padding: 0 0 10px 0;}

div.uvodni div#vyrabime-a-opravujeme div.ramecek{background: url('./images/zeleny_ramecek.jpg') left top no-repeat #217d21;border: 2px solid #FFF;margin: 0 10px 0 10px;color: #FFF;width: 316px;height: 151px;overflow: hidden;}
div.uvodni div#vyrabime-a-opravujeme div.ramecek div.odsazenii p{line-height: 16px;}
div.uvodni div#vyrabime-a-opravujeme div.ramecek div.odsazenii h3{color: #005200;font-size: 17px;font-weight: bold;margin: 0 0 15px 0;}
div.uvodni div#vyrabime-a-opravujeme div.ramecek div.odsazenii{padding: 10px;}
div.uvodni div#vyrabime-a-opravujeme div.ramecek div.odsazenii a{font-weight: bold;color: #b5c628;font-style: italic;float: right;padding: 5px 0 0 0;}

div.uvodni div#historie-a-soucasnost{width: 339px;float: left;background: #f9d5b3; height: 530px;}
div.uvodni div#historie-a-soucasnost h2{color: #ffbc85;font-size: 20px;font-weight: bold;text-align: center;height: 91px;line-height: 91px;background: #af2b1a;position: relative;}
#historie-a-soucasnost_h2{display: block;width: 339px;height: 111px;left: 0;top: 0;background: url('./images/h2-historie-a-soucasnost.jpg') left top no-repeat;}
div.uvodni div#historie-a-soucasnost div.odsazeni{padding: 0px 20px 0 20px;}
div.uvodni div#historie-a-soucasnost div.odsazeni p{line-height: 18px;padding: 0 0 15px 0;}

div.uvodni div#kontakt{width: 261px;float: left;background: #BFD6BA}
div.uvodni div#kontakt h2{color: #9aff84;font-size: 20px;font-weight: bold;text-align: center;height: 91px;line-height: 91px;background: #366f2c;position: relative;}
#kontakt_h2{display: block;width: 261px;height: 91px;left: 0;top: 0;background: url('./images/h2-kontakt.jpg') left top no-repeat;}
div.uvodni div#kontakt div.odsazeni{padding: 20px 20px 0 20px;}
div.uvodni div#kontakt div.odsazeni p{line-height: 16px;padding: 0 0 15px 0;}
div.uvodni div#kontakt a.vice{font-weight: bold;color: #2b346d;font-style: italic;}

div.uvodni div#kontakt div#reference h2{margin: 20px 0 0 0;color: #282e55;font-size: 20px;font-weight: bold;text-align: center;height: 91px;line-height: 91px;background: #8e99dd;position: relative;}
div.uvodni div#kontakt div#reference h2 span{display: block;width: 261px;height: 91px;position: absolute;left: 0;top: 0;background: url('./images/h2-reference.jpg') left top no-repeat;}
div.uvodni div#kontakt div#reference div.pozadi{height: 169px;padding: 0 5px 0 5px;background: url('./images/reference-pozadi.jpg') left top no-repeat #1c3293;color: #FFF;text-align: center;}
div.uvodni div#kontakt div#reference div.pozadi img{margin: 15px 0 0 0;}
div.uvodni div#kontakt div#reference div.pozadi a{font-weight: bold;color: #e4e7f3;font-style: italic;float: right;padding: 10px 10px 0 0;}

/* Copyright */
div.spodek{width: 920px;height: 70px;overflow: hidden;background: url('./images/spodek_pozadi.jpg') left top no-repeat #0f7c0f;margin: auto;color: #eeedb1;text-align: left; }
div.spodek strong{color: #b5c628;float: left;display: block;height: 30px;width: 80px;}

div.spodek #telefon strong {height:auto;}

div.spodek p#adresa, div.spodek p#telefon{width: 310px;margin: 10px;float: left; margin-bottom:0}
div.spodek p#copyright{width: 251px;float: right;line-height: 70px;position: relative;text-align: center;}
div.spodek p#copyright a span{position: absolute;left: 0;top: 0;display: block;width: 251px;height: 70px;background: url('./images/created.jpg') left top no-repeat;cursor: pointer;}
.copyright{ float: right; display: block;width: 251px;height: 70px;background: url('./images/created.jpg') right top no-repeat;cursor: pointer;}
div.spodek p#copyright a{color: #b5c628;font-weight: bold;}

a#link-pouzite-stroje {
  margin-left: 30px;
  margin-top: 35px;
  display: block;
  color:#B5C628;
  text-decoration: underline;
  font-weight: bolder;
  text-transform: uppercase;
}
a#link-pouzite-stroje:hover {
  text-decoration: none;
}

a#stroje-naprodej {
  color: #005200;
  margin-left:15px;
  padding: 3px 0px 10px 38px; 
  /*padding-left: 36px;*/
  font-weight: bolder;
  
  background: url('./images/pdf_icon.jpg') left top no-repeat;
}

.a_begin{background-image: url(images/a_begin.jpg); background-repeat: no-repeat; height: 33px; width: 20px; }
.a_end{background-image: url(images/a_end.jpg); background-repeat: no-repeat; height: 33px; width: 24px;}
.menu12 {background-image: url(images/menu_back.jpg); background-repeat: no-repeat;}

.home{background-image: url(images/home.jpg); background-repeat: no-repeat; width: 88px; height: 33px; display: block; cursor: pointer; float: left;}
.home:hover{background-image: url(images/home_hover.jpg); background-repeat: no-repeat; width: 88px; height: 33px; display: block; cursor: pointer; float: left;}
.konzervarenske{background-image: url(images/konzervarenske.jpg); background-repeat: no-repeat; width: 249px; height: 33px; cursor: pointer; display: block; float: left;}
.konzervarenske:hover{background-image: url(images/konzervarenske_hover.jpg); background-repeat: no-repeat; width: 249px; height: 33px; float: left; cursor: pointer; display: block;}
.dopravniky{background-image: url(images/dopravniky.jpg); width: 146px; height: 33px; background-repeat: no-repeat; cursor: pointer; display: block; float: left;}
.dopravniky:hover{background-image: url(images/dopravniky_hover.jpg); width: 146px; height: 33px; background-repeat: no-repeat; cursor: pointer; display: block; float: left;}
.ostatni{background-image: url(images/ostatni_vyroba.jpg); width: 179px; background-repeat: no-repeat; height: 33px; cursor: pointer; display: block; float: left;}
.ostatni:hover{background-image: url(images/ostatni_vyroba_hover.jpg); width: 179px; background-repeat: no-repeat; height: 33px; cursor: pointer; display: block; float: left;}
.reference{background-image: url(images/reference.jpg); height: 33px; width: 122px; background-repeat: no-repeat; display: block; cursor: pointer; float: left;}
.reference:hover{background-image: url(images/reference_hover.jpg); height: 33px; width: 122px; background-repeat: no-repeat; display: block; cursor: pointer; float: left;}
.kontakt{background-image: url(images/kontakt.jpg); height: 33px; width: 112px; background-repeat: no-repeat; display: block; cursor: pointer; float: left;}
.kontakt:hover{background-image: url(images/kontakt_hover.jpg); height: 33px; width: 112px; background-repeat: no-repeat; display: block; cursor: pointer; float: left;}

.hr_suub_menu{height: 1px; background-image: url(images/hr_sub_menu_kon.jpg); padding-left: 15px; width: 239px; background-color: rgb(102,102,102); background-position: center center;}
.hr_sub_menu{ height: 1px; width: 275px; border-top: 1px rgb(255,255,255) dotted; height: 1px; margin-left: 10px; margin-right: 10px;}
.hr_sub_menu3{ height: 1px; width: 200px;}
.hr_sub_menu5{ height: 1px; width: 150px;}
.hr_sub_menu1{border-top: 1px rgb(255,255,255) dotted; height: 1px; width: 100%; margin-left: 10px; margin-right: 10px;}
/*
.kon_sub{background-image: url(images/back_sub_menu.jpg); background-repeat: repeat-x; background-position: top; background-color:  rgb(102,102,102);}
.ost_sub{ width: 220px;background-image: url(images/back_sub_menu.jpg); background-repeat: repeat-x; background-position: top; background-color:  rgb(102,102,102);}
.dop_sub{ width: 165px;background-image: url(images/back_sub_menu.jpg); background-repeat: repeat-x; background-position: top; background-color:  rgb(102,102,102);}
.home{background-image: url(images/home.jpg); background-repeat: no-repeat; width: 88px; height: 33px; position: relative; display: block; cursor: pointer;}
.home:hover{background-image: url(images/home_hover.jpg); background-repeat: no-repeat; width: 88px; height: 33px; position: relative; display: block; cursor: pointer;}

.Konzervarenske{background-image: url(images/konzervarenske.jpg); background-repeat: no-repeat; width: 249px; height: 33px; cursor: pointer; display: block;}
.Konzervarenske:hover{background-image: url(images/konzervarenske_hover.jpg); background-repeat: no-repeat; width: 249px; height: 33px; cursor: pointer; display: block;}
#menu ul li.Konzervarenske {position: relative; }
#menu ul li.Konzervarenske:hover ul.kon_sub {visibility: visible; }
#menu ul li > ul.kon_sub {position: absolute; z-index:1; visibility: hidden; font-size: 14px; font-family: verdana; color: rgb(255,255,255);}
#menu ul a.Konzervarenske:hover ul.kon_sub {visibility: visible; }
#menu ul li > ul.kon_sub {position: absolute; z-index:1; visibility: hidden; }
#menu ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
#menu ul.kon_sub li a {display: block; margin: 0; width: 270px; padding-left: 15px; padding-right: 15px;}
#menu ul.kon_sub li > a {color: rgb(255,255,255); text-decoration: none; padding-top: 3px; padding-bottom: 3px;}
#menu ul.kon_sub li a:hover {background-color: rgb(153,154,155);}

.dopravniky{background-image: url(images/dopravniky.jpg); width: 146px; height: 33px; background-repeat: no-repeat; cursor: pointer; display: block;}
.dopravniky:hover{background-image: url(images/dopravniky_hover.jpg); width: 146px; height: 33px; background-repeat: no-repeat; cursor: pointer; display: block;} 
#menu ul li.dopravniky {position: relative; }
#menu ul li.dopravniky:hover ul.dop_sub {visibility: visible; }
#menu ul li > ul.dop_sub {position: absolute; z-index:1; visibility: hidden; font-size: 14px; font-family: verdana; color: rgb(255,255,255);}
#menu ul li.main:hover ul.dop_sub {visibility: visible;}
#menu ul li > ul.dop_sub {position: absolute; z-index:1; visibility: hidden;}
#menu ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
#menu ul.dop_sub li a {display: block; margin: 0; width: 135px; padding-left: 15px; padding-right: 15px;}
#menu ul.dop_sub li > a {color: rgb(255,255,255); text-decoration: none; padding-top: 3px; padding-bottom: 3px;}
#menu ul.dop_sub li a:hover {background-color: rgb(153,154,155);}

.ostatni{background-image: url(images/ostatni_vyroba.jpg); width: 179px; background-repeat: no-repeat; height: 33px; cursor: pointer; display: block;}
.ostatni:hover{background-image: url(images/ostatni_vyroba_hover.jpg); width: 179px; background-repeat: no-repeat; height: 33px; cursor: pointer; display: block;}
#menu ul li.ostatni {position: relative; }
#menu ul li.ostatni:hover ul.ost_sub {visibility: visible; }
#menu ul li > ul.ost_sub {position: absolute; z-index:1; visibility: hidden; font-size: 14px; font-family: verdana; color: rgb(255,255,255);}
#menu ul li.main:hover ul.ost_sub {visibility: visible;}
#menu ul li > ul.ost_sub {position: absolute; z-index:1; visibility: hidden;}
#menu ul.sub li {display: block; width: 100%; margin:0; padding: 0;}
#menu ul.ost_sub li a {display: block; margin: 0; width: 190px; padding-left: 15px; padding-right: 15px;}
#menu ul.ost_sub li > a {color: rgb(255,255,255); text-decoration: none; padding-top: 3px; padding-bottom: 3px;}
#menu ul.ost_sub li a:hover {background-color: rgb(153,154,155);}


.reference{background-image: url(images/reference.jpg); height: 33px; width: 122px; background-repeat: no-repeat; display: block; cursor: pointer;}
.reference:hover{background-image: url(images/reference_hover.jpg); height: 33px; width: 122px; background-repeat: no-repeat; display: block; cursor: pointer;}
.kontakt{background-image: url(images/kontakt.jpg); height: 33px; width: 112px; background-repeat: no-repeat; display: block; cursor: pointer;}
.kontakt:hover{background-image: url(images/kontakt_hover.jpg); height: 33px; width: 112px; background-repeat: no-repeat; display: block; cursor: pointer;}


#menu {font:0.83em Verdana; width: 100%; float: left; clear: right;}
#menu ul, #menu ul.sub {list-style-type:none; margin: 0; padding: 0;}
#menu li {float: left;}
*/	

	
.produkt_hr{ background-image: url(images/produkt_hr.jpg); display: block; height: 10px; width: 610px; margin-left: 15px; margin-top: 10px; margin-bottom: 10px;}

.img_ref {}
/* width 200 height 150*/
.brown_border {width: 215px; height: 160px; background-color: rgb(208,215,208); padding-top: 5px; padding-left: 5px; padding-bottom: 5px; text-align: left;}
.white_border {width: 205px; height: 155px; background-color: rgb(255,255,255); display: block; padding-left: 5px; padding-top: 5px; text-align: left;}
/* width 150 height 200*/
.brown_border1 {width: 160px; height: 210px; background-color: rgb(208,215,208); padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;}
.white_border1 {width: 155px; height: 205px; background-color: rgb(255,255,255); display: block; padding-top: 5px; padding-left: 5px; text-align: left;}