/* CSS Document */
body {
  background: url('../img/body.gif') repeat-x #00354e;
  margin: 0px auto;
  text-align: center;
  font-family: Tahoma;
  width: 1380px;
}

#pokus  {
  margin: 0px auto;
  width: 1130px;
}

#table_out {
  background: url('../img/table_bottom.gif') repeat-y white;
  width: 877px;
  float: right
}

#table_in  {
  margin: 0px auto;
  background: url('../img/table_top.gif') no-repeat;
  width: 877px;
  
}

#table  {
  float: left;
  width: 831px;
  padding-bottom: 20px
}

#head {
  position: relative;
}

#head p, #head p span {
  width: 409px;
  height: 37px;
  margin: 0px;
  padding: 0px;
}

#head p {
  float: right;
  overflow: hidden;
}

#head p span  {
  background: url('../img/popisek.jpg') no-repeat;
  position: absolute;
  right: 0px;
  top: 0px;
}

#head strong, #head strong span {
  width: 429px;
  height: 89px;
  margin: 0px;
  padding: 0px;
}

#head strong  {
  float: left;
  overflow: hidden;
  text-align: left
}

#head strong span {
  background: url('../img/titulek2.png') no-repeat;
  position: absolute;
  left: 0px;
}

#head ul  {
  float: left;
  padding-left: 25px;
  margin-top: 1px;
  margin-bottom: 0px;
}

#head ul li {
  float: left;
  text-transform: uppercase;
  font-size: 90%;
  width: 71px;
  height: 42px;
  list-style-type: none;
  padding-top: 20px;
}

#head ul li.active_uvod  {
  background: url('../img/active_uvod.gif') no-repeat;
}

#head ul li.active, #head ul li:hover {
  background: url('../img/active.gif') no-repeat;
}

#head ul li.active_uvod a, #head ul li.active a, #head ul li:hover, #head ul li a:hover {
  color: white;
}

#head ul li a {
  color: #032551;
  text-decoration: none;
}

#head ul li a.uvod  {
  padding: 20px 18px 25px 18px;
}

#head ul li a.firma {
  padding: 20px 10px 25px 6px;
}

#head ul li a.typy  {
  padding: 20px 20px 25px 16px;
}

#head ul li a.cenik {
  padding: 20px 17px 25px 14px;
}

#head ul li a.shop  {
  padding: 20px 12px 25px 8px;
}

#head ul li a.kontakt {
  padding: 20px 8px 25px 3px;
}

#head ul li a.udrzba {
   padding: 20px 8px 25px 3px;
}

#obsah  {
  float: left;
  width: 515px;
  margin-left: 33px;
  padding: 5px;
  text-align: left; 
}

#obsah img.mapa  {
  border: 1px solid #cdcdcd
}

#obsah h1, #obsah h2, .polozka h3  {
  text-align: left;
  font-weight: normal;
}

#obsah h1, #obsah h2, #obsah p  {
  padding-left: 5px;
  padding-right: 5px;
}

#obsah h1 {
  border-bottom: 1px solid #140202;
  color: #140202;
  font-size: 100%;
}

#obsah h2 {
  color: #00354e;
  font-size: 95%;
}

#obsah p  {
  text-align: left;
  font-size: 80%;
  line-height: 170%;
  color: #474747 ;
}

#vyber  {
  border: 1px solid #acacac;
  background: #ffffff;
  width: 499px;
  padding: 20px 7px 20px 7px; 
}

.polozka  {
  height: 220px;  
  width: 242px;
  float: left;
  margin-right: 0px;
  
  border: solid 2px silver;
}

.polozka_left{
  width: 46%;
  float: left
}

.polozka a img  {
  float: left;
  border: 0px;
  max-width:101px;
  padding-bottom: 10px;
}

.polozka h3   {
  font-size: 85%;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.polozka h3 a {
  color: #00354e;
  text-decoration: none;
}

#obsah .polozka a.detail, #obsah .polozka a.pridat, #right a.detail {
  text-decoration: none;
  font-size: 70%;
  color: white;
  margin-left: 0px;
  float: left;

}

#obsah .polozka a.detail, #right a.detail  {
  background: url('../img/detail_vyrobku.gif') no-repeat;
  padding: 5px 30px 5px 5px
}

#obsah .polozka a.pridat  {
  background: url('../img/pridat.gif') no-repeat;
  padding: 5px 23px 5px 5px;
}

#obsah .polozka .text {
  float: right;
  width: 50%;
  padding-right: 5px;
}

#obsah .polozka .text p  {
  font-size: 70%;
  margin-top: 0px;
  width: 100%;
  height: 80px;
}

#obsah .polozka .text strong, #obsah .polozka .text span, #obsah .polozka .text normal {
  text-align: left;
  font-size: 70%;
  display: block
}

#obsah .polozka .text strong  {
  position: relative; left:-5px;top: -17px;
  width: 150px;
  color: #5a7d8d;
  font-size: 75%;
}

#obsah .polozka .text span  {
  position: relative; left:-5px;top: -17px;
  color: #414141;
  text-decoration: line-through;
}

#obsah .polozka .text normal  {
  color: #5a7d8d;
}

/* eshop veci */

#obsah .pages{
  font-size: 80%;
  margin-top: 10px;
  width: 100%;
  height: 10px;
  color: #414141;
  text-align:center;
}

#obsah .pages a{
  color: #414141;
  text-decoration: none;  
}

#obsah .pages a:hover{
  color: #414141;
  font-weight:bold;  
}

.dsR2 /*agl rulekind: base;*/ { color: rgb(255,255,255); font-family: "Arial Black";  background-color: #000; text-align: center; }
.dsR3 /*agl rulekind: base;*/ { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: left; }
.dsR4 /*agl rulekind: base;*/ { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  text-align: center; width: 219px; }
.dsR5 /*agl rulekind: base;*/ { color: rgb(255,255,255); font-family: "Arial Black";  background-color: #000; text-align: center; width: 219px; }
#FormName { width: 449px; height: 100%; }
.dsR6 /*agl rulekind: base;*/ { width: 187px; height: auto; }
.dsR7 /*agl rulekind: base;*/ { width: 100%; }
.dsR8 /*agl rulekind: base;*/ { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-align: right; width: 219px; }

#obsah .detailPolozka .text {
  float: left;
  width: 100%;
  padding-right: 5px;
}

#obsah .detailPolozka .text p  {
  font-size: 70%;
  margin-top: 0px;
  width: 100%;
}

#obsah .detailPolozka .text strong, #obsah .detailPolozka .text span, #obsah .detailPolozka .text normal {
  text-align: left;
  font-size: 100%;
  display: block
}

#obsah .detailPolozka .text strong  {
  color: #5a7d8d;
}

#obsah .detailPolozka .text span  {
  color: #414141;
  text-decoration: line-through;
}

#obsah .detailPolozka .text normal  {
  color: #5a7d8d;
}
.detailPolozka  {
  width: 100%;
  float: left;
  margin-right: 5px;
}

#obsah .detailPolozka .pridat {
  text-decoration: none;
  font-size: 70%;
  color: white;
  margin: 0px 0px 15px 5px;
  float: left;
}

#obsah .detailPolozka .pridat  {
  background: url('../img/pridat.gif') no-repeat;
  padding: 5px 23px 5px 5px;
}

/* konec hlaseni */

#obsah #vyber a.odkaz {
  float: right;
  color: #00354e;
  font-size: 70%;
  margin-top: 10px
}

#obsah ul {
  text-align: left;
  padding-left: 20px
}

#obsah ul li  {
  font-size: 80%;
  color: #474747;
  list-style-type: none;
  list-style-image: url('../img/pomlcka.gif');
}

#obsah ul li.red  {
  color: #ff0007;
}

#obsah ul li span {
  color: black
}

#menu, #kosik {
  width: 251px;
  float: right;
  margin-top: 30px
}

#kosik  {
  background: url('../img/kosik_pozadi.gif') repeat-x bottom left;
  border-left: 1px solid #cbcbcb;
  margin-right: 2px
}

#kosik ul {
 background: #00354e;
  text-align: right;
  padding-right: 10px;
  margin-top: 0px;
}

#kosik ul li  {
  display: inline;
  color: white;
  font-size: 80%;
}

#kosik ul li a  {
  color: white;
  text-decoration: none
}

#kosik p  {
  font-size: 80%;
  color: #616263;
  float: left;
}

#kosik p.kosik {
  float: left;
  padding-left: 10px
} 

#kosik p.pokladna {
   float: right;
   padding-right: 10px
}


#kosik p a  {
  color: #104259;
}

#kosik p a.kosik {
  background: url('../img/kosik.gif') no-repeat left;
  padding-left: 25px;
}

#kosik p.kosik_active {
  float: left
}

#kosik p#kosik_active2 {
    background: url('../img/kosik2.jpg') no-repeat left;
  padding-left: 25px;
  margin-bottom: 0px
}

#kosik p#kosik_active3  {
  padding-left: 25px;
  margin-top: 0px
}

#kosik p.pokladna_active  {
  margin-top: -10px;
  margin-right: 10px;
  float: right
}

#menu h3 /*nadpisy menu*/ {
  background: url('../img/menu.gif') no-repeat;
  width: 246px;
  height: 42px;
  text-align: left;
  color: #063f5b;
  font-size: 80%;
  font-weight: normal;
  padding: 5px 0px 0px 5px;
  margin-left: -1px;
  margin-bottom: 0px;
}

#menu h3.akce   {
  background: url('../img/menu_akce.gif') no-repeat;
  height: 48px;
    padding: 40px 0px 0px 5px;
  margin-left: -0px
}

#menu table {
  font-size: 75%;
  color: #3e3e3e;
  padding-top: 0px;
  text-align: left;
}

#menu table.akce  {
  margin: 0px auto;
  margin-left: 0px;
  width: 100%;
}



#menu table.oteviracka  {
  float: left;
  margin-left: 10px;
}

#menu table.oteviracka td {
  text-align: left;
  padding-right: 20px;
  
}

#menu table.akce td  {
  text-align: center;
  padding-right: 20px;
  padding-left: 20px;
}

#menu p {
  font-size: 75%;
  text-align: left;
  padding-left: 10px;
  color: #3e3e3e;
  line-height: 140%
}

#menu p span  {
  color: #00354e;
  font-size: 90%;
}

#menu a img {
  border: 0px;
  margin: 0px auto;
  display: block
}

#menu a {
  text-align: center ;
  color: #00354e;
  font-size: 75%
}

#paticka  {
  background: #396f89;
  width: 778px;
  height: 38px;
  margin-left: 30px;
  padding-top: 0px;
}

#paticka ul {
  padding-top: 10px
}

#paticka ul li {
  display: inline;
  color: white;
  font-size: 80%;
}

#paticka ul li a  {
  position: relative;
  color: #396f89;
}

#paticka ul li a span {
  background: url('../img/beonline.jpg') no-repeat;
  position: absolute;
  left: 5px;
  top: -5px;  
  width: 88px;
  height: 24px; 
}

/*typy*/

#obsah .typ {
  float: left;
  width: 250px;
  /*border: solid 1px;*/
  height: 350px;
  padding-bottom: 30px;

}

#obsah .typ img  {
  border: 0px;
}

#obsah .typ ul, #obsah .typ p  {
  margin-top: 0px;
  margin-bottom: 0px
}

/*e-shop*/
#obsah fieldset {
  border: 0px;
  float: right;
    
}

#obsah fieldset label {
  font-size: 75%;
  color: #616263;
  margin-right: 5px
}

#obsah fieldset input:focus, #obsah fieldset input {
  font-size: 75%;
  color: #616263;
  margin-left: 5px
}

#obsah fieldset input#submit  {
  background: url('../img/submit.gif') no-repeat;
  border: 0px;
  padding: 3px 5px 5px 5px;

}

#obsah table td {
  padding: 5px 5px 20px 5px
}

#obsah a.kontakt  {
  float: right;
  font-size: 75%;
  padding-right: 10px;
  color: #01354e;
}






.clear  {
  clear: both;
}

.noborder {border: 0px;}

/*right*/

#right  {
  width: 251px;
  float: left;
  background: white;
  border: 2px solid #B7BCD4;
  border-right: 0px;
  font-size: 90%;
  margin-top: 134px;
  position: relative;
  left: 3px;
  text-align: left
}

#right h1 {
  font-family: MyRiad Pro;
  font-weight: bolder;
  border: 0px;
  font-size: 200%;
  text-transform: uppercase;
  background: #063F5C;
  margin: 0px;
  padding: 14px 5px 13px 5px;
  text-align: center
}

#right h1 a {
  color: #C6E8F4;
  text-decoration: none;
  display: block;
}

#right h3 {
  background: url('../img/right.jpg') no-repeat;
  width: 241px;
  height: 42px;
  text-align: right;
  font-size: 80%;
  font-weight: normal;
  padding: 5px 5px 0px 5px;
  margin: 0px;
  color: #00354E;
}

#right h3 a {
  color: #00354E;
  text-decoration: none
}

#right ul li  {
  list-style-type: none;
  list-style-image: none;
  padding-top: 5px
}

#right ul li a  {
  color: #00354E;
  text-decoration: none;
  font-weight: bolder;
}

#right .polozka {
  width: 103px;
  margin: 0px 0px 5px 22px;
  height: 160px;
}

#right .polozka img {
  width: 106px;
  height: 114px;
}