body {min-width:750px;font-family:Arial, Helvetica, sans-serif;	font-size: 83%; background: #ffffff; margin:0; padding:0; text-align: center;}
img {border:0}
* {margin:0; padding:0}
.left {text-align:left}
.right {text-align:right}
.center {text-align:center}
.leftf {float:left}
.rightf {float:right}
.both {clear:both;}
a {color:#01709c; font-weight:bold;}
a:hover {text-decoration:none}
#wrap {margin:0 auto;	width:850px;}
#header { height:110px; width:850px; background:#FFFFFF; position:relative;}
#header .logo { float:left  }
#header .menu { 
  position:absolute; 
  right:0; 
  top:0;
  width:625px; 
  height:143px; 
  background:url(../img/bg_menu.gif) left bottom repeat-x;
}

#header .menu ul {margin: 0px; padding: 0px; list-style-type: none; text-align: left;}
#header .menu ul li { float: left; padding:54px 9px 0 9px; border-right:1px solid #a0a0a0;}
#header .menu ul li span { display:none}

#header .menu ul li.sluzby a {width: 42px; height: 16px; float:left; background: url(../img/m_sluzby.gif) 0  -17px no-repeat; }
#header .menu ul li.sluzby a:hover {background: url(../img/m_sluzby.gif) top left no-repeat;}

#header .menu ul li.ukazky a {width: 107px; height: 16px; float:left; background: url(../img/m_ukazky.gif) 0  -17px no-repeat; }
#header .menu ul li.ukazky a:hover {background: url(../img/m_ukazky.gif) top left no-repeat;}

#header .menu ul li.prehled a {width: 107px; height: 16px; float:left; background: url(../img/m_prehled.gif) 0  -17px no-repeat; }
#header .menu ul li.prehled a:hover {background: url(../img/m_prehled.gif) top left no-repeat;}

#header .menu ul li.kalkulace a {width: 60px; height: 16px; float:left; background: url(../img/m_kalkulace.gif) 0  -17px no-repeat; }
#header .menu ul li.kalkulace a:hover {background: url(../img/m_kalkulace.gif) top left no-repeat;}

#header .menu ul li.poptavka a {width: 59px; height: 16px; float:left; background: url(../img/m_poptavka.gif) 0  -17px no-repeat; }
#header .menu ul li.poptavka a:hover {background: url(../img/m_poptavka.gif) top left no-repeat;}

#header .menu ul li.reference a {width: 60px; height: 16px; float:left; background: url(../img/m_reference.gif) 0  -17px no-repeat; }
#header .menu ul li.reference a:hover {background: url(../img/m_reference.gif) top left no-repeat;}

#header .menu ul li.kontakty a {width: 56px; height: 16px; float:left; background: url(../img/m_kontakty.gif) 0  -17px no-repeat; }
#header .menu ul li.kontakty a:hover {background: url(../img/m_kontakty.gif) top left no-repeat;}
#header ul.shop_menu {
  margin-left: 12px;
  color: #fff;
  font-weight: bold;
}
#header ul.shop_menu li{
 padding: 0;
 margin: 0;
 border-right:1px solid #fff;
 border: none;
 margin-top: 15px;
 padding-right: 12px;
}
#header ul.shop_menu li a {
 color: #fff;
} 

#middle { border-top:3px solid #fff;  background:url(../img/middle_bg_y.gif) right top repeat-y;}
#levo { float:left;	width:222px;}
#levo .box { width:208px; _height:105px; min-height:105px; margin-bottom:3px; padding-bottom:5px; text-align:center; background:#f4f5f5 url(../img/box_top_bg.jpg)  top left repeat-x; border-left:14px solid #ff6600;}
#levo .box .nadpis { margin:10px 0 0 0px;}
#levo .box .linka { color:#1f9f01; font-size:24px; font-weight:bold; margin:13px 0 0 0;}
#levo .box .zel {color:#1f9f01; font-weight:bold; letter-spacing:1px;}
#levo .box .ukazka { margin:10px 0 5px 0;}
#levo .box .dalsi  { text-align:right;}
#levo .box .dalsi a { text-align:right; font-size:0.8em; margin:5px 5px 7px 0;}
#levo .button { margin:0px 0 1px 0;}

#content {background:#f4f4f4;float:right;	width:625px; text-align:left; font-size: 12px;margin-top: 15px;} 
#content .in { background:#ededed; margin:5px; padding:15px;}
#content .in p{
 font-family: Tahoma;
 font-size: 13px;
 margin-bottom: 10px;

}
#content .in h1 { font-size:16px; font-weight:bold; margin:0px 0 10px 0; color:#ff6600;}
#content .in h2 { font-size:1.4em; font-weight:normal; margin:0px 0 10px 0; color:#ff6600;}
#content .in ul { margin:0 0 0 16px;}
#content .in ul li { list-style-image:url(../img/li.gif); margin:12px 0; color:#2a2a2a; letter-spacing:1px;}

#content .in2 {  margin:5px; padding:15px;}
#content .in2 h1 { font-size:1.4em; font-weight:normal; margin:0px 0 10px 0; color:#ff6600;}
#content .in2 h2 { font-size:1.4em; font-weight:normal; margin:0px 0 10px 0; color:#ff6600;}
#content .in2 .obr { border:3px solid #e7e6e6}
#content .in2 h3 { clear:both; font-size:1em; font-weight:bold; padding:15px 0 0  0;  margin:0 0 10px 0; color:#ff6600;}

#content .in2 ul { margin:0 0 20px 25px;}
#content .in2 ul li { font-size:0.8em; list-style-image:url(../img/li.gif); margin:8px 0; color:#2a2a2a; }
#content .in2 p { font-size:0.8em;}

#content .in2 table.vlast { float:left; font-size:0.83em; margin-left:10px; background:#e0eef5;}
#content .in2 table.vlast td { padding:4px 3px; border-bottom:1px solid #666666; }
#content .in2 table.vlast .nad { background:#01709c; color:#FFFFFF; font-weight:bold; }
#content .in2 table.vlast .l { background:#d6e3e9; }
#content .in2 table.vlast .cena { background:#ffe5d4; font-weight:bold; }
#content .in2 table.vlast .koupit { margin:2px 0 0 0 ; }

#content .in2 table.vlast select { font-size:0.8em; width:130px}



table.balicky2 {background:url(../img/delic.jpg) center top no-repeat}
table.balicky1 td { text-align:center; padding:5px;}
table.balicky2 td { text-align:center; padding:8px 5px 5px 5px;}
table .ba-l {background:url(../img/delic_y.jpg) right bottom no-repeat;}
table .ba-s {background:url(../img/delic_y.jpg) right bottom no-repeat;}
table .ba-l2 {background:url(../img/delic_y2.jpg) right bottom no-repeat;}
table .ba-s2 {background:url(../img/delic_y2.jpg) right bottom no-repeat;}
table p { font-size:0.8em; color:01709c;}
table p a {  color:#ff6600; font-weight:bold;}




#footer {background:#01709c;clear:both; height:17px; padding:6px 10px 0 0;  text-align:right;}
#footer p { color:#ededed; font-size:0.7em;  }

table.kontakt_table {
 font-size: 16px;
 margin-bottom: 20px;
}

table.kontakty_mail td{
 border: 1px solid #ccc;
 padding-left: 5px;
 padding-right: 2px;
 font-size: 12px;
}
.none {
 display: none;
}