body 
  {
  font-family: Verdana, 'Geneva CE', lucida, sans-serif; margin: 0;padding: 0;color: #000000;background-color: #ffffcc;text-align: center;font-size: 9pt;
  }
/* Tabulky */

label { cursor:pointer }

table td 
  {
  vertical-align:top;
  }

.fm td {
 padding:2px;
}  

/* odkazy */

#zonetocenter a:link, #zonetocenter a:visited, #zonetocenter a:active {
  color:#68acbe;text-decoration:none;font-weight:bold;
}

#zonetocenter a:hover {
  color:#ff6600;text-decoration:none;font-weight:bold;
}

h1 {
   padding:0;margin:0;font-weight:bold;font-size:12pt;color:#000000;
   }

h2 {
   font-style:none;text-align:left;padding:5px;margin:5px;font-weight:bold;font-size:12pt;color:#87bc30;cursor:default;
   }

h3 {
   font-style:none;text-align:left;padding:0px;margin:5px;font-weight:bold;font-size:11pt;color:#000000;cursor:default;padding-left:15px;
   }
   
p {
  padding:0px;margin:5px;
  }   

.topbar {
  background:#A5DBFD;
  border-bottom:#069;
  height:30px;
  line-height:30px;
  text-align: center;
  border-bottom:1px solid #06c;
}

.topbar a {
  color:#06c;
  background:#ffc;
  font-size:12px;
  padding:5px 20px;
  font-weight:normal;
  text-decoration:none;
}

.topbar a:hover {
  color:#f00;
  background:#fc0;
  text-decoration:underline;
}  
/* ------------------------------------------------------------------------------------- */   
/* --------------------------------- zone ---------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
#zonebox{
 width:100%;text-align:center;margin-top:0px;
}

#zoneswitch{
 width:800px;margin-left:auto;margin-right:auto;margin-top:0px;
}

#header {
	width:800px;
	height:230px;
	vertical-align:bottom;
	background-image:url(../_sys/main.jpg);
	background-repeat:no-repeat;
	position:relative;
}

#header_low {
	width:800px;
	height:130px;
	vertical-align:bottom;
	text-align:left;
	background-image:url(../_sys/main_low.jpg);
	background-repeat:no-repeat;
}

#vl
{
 position:absolute;
 top:0px;
 margin-left:550px;
 width:250px;
 height:120px;
 border:0px solid #ff0000;
}

#obsah {
	width:800px;
	background-image:url(../_sys/content.jpg);
	background-color:#ffffff;
         
}

#obsahie {
	width:800px;
	background-image:url(../_sys/content.jpg);
	background-color:#ffffff;
         margin-top:-4px;
}


#zonetoleft{
 width:220px;
 text-align: left; 
 vertical-align:top; 
 color:#000000;
 font-size:9pt;
 /*border-right:1px solid black;*/
}

#zonetocenter{
 width:580px;
 text-align: left;
}

#zonefoot{
 height:135px;background-image:url(../_sys/foot.jpg);text-align: center;
}

#rights {
 width:150px;
 position:relative;
 top:77px;
 right:75px;
 color:#003300;
 font-size:8pt;
 float:right;
 
}

#zonefoot a:link {
  color:#006600;text-decoration:none;font-weight:bold;
         }

#zonefoot a:visited {
  color:#006600;text-decoration:none;font-weight:bold;
         }

#zonefoot a:active {
  color:#006600;text-decoration:none;font-weight:bold;
         }

#zonefoot a:hover {
        color:#00aa00;text-decoration:none;font-weight:bold;
        }

#cartlogo {
 position:absolute;
 top:4px;
 right:40px;
}

#cartlogo img { border:0; }

.zonecat {
 height:25px;
 text-align: left;
 padding-right:2px;
 padding-left:2px;
}

.textbox{
 margin:0px;padding:0px;font-size: 9pt;
}

#pk {
 display:none;
}

#login_nameX, #login_pwX {
 width:140px;
}

/* Menu + head */
.inb {
color:#060;
} 
.menubox{
 width:100%; 
 margin-top:20px;
} 

.menubox td {
 text-align:right;
 height:25px;
 background-image:url(../_sys/bt_1.jpg);
 padding:0 30px 0 5px;
}
 
.menubox2 {
 float:left;
 position:absolute;
 top:100px;
 margin:0 0 0 20px;
} 

.menubox2 td {
 text-align:center;
 height:25px;
} 
 
.menui {
      font-family: 'Comic Sans MS', 'Sand CE', fantasy;padding:2px;color:#006699;font-size:10.0pt;cursor:pointer;
      }
.menu {
      font-family: 'Comic Sans MS', 'Sand CE', fantasy;padding:2px;color:#68acbe;font-size:10.0pt;cursor:pointer;
      }

.menu a:link, .menu a:visited, .menu a:active  {
  font-family: 'Comic Sans MS', 'Sand CE', fantasy;color:#68acbe;text-decoration:none;font-weight:bold;
         }

.menu a:hover {
  font-family: 'Comic Sans MS', 'Sand CE', fantasy;color:#006699;text-decoration:none;font-weight:bold;
        }

.menu2 {
      font-family: 'Comic Sans MS', 'Sand CE', fantasy;padding:2px;color:#0066cc;font-size:10.0pt;cursor:pointer;
      }

.menu2 a:link, .menu2 a:visited, .menu2 a:active  {
  font-family: 'Comic Sans MS', 'Sand CE', fantasy;color:#0066cc;text-decoration:none;font-weight:bold;background-color:#ffffff;
  border-left:5px solid #ffffff;border-right:5px solid #ffffff;	
         }

.menu2 a:hover {
  font-family: 'Comic Sans MS', 'Sand CE', fantasy;color:#006699;text-decoration:none;font-weight:bold;background-color:#ffcc00;	
  border-left:5px solid #ffcc00;border-right:5px solid #ffcc00;	
        }

.mcat{
  width:190px;
  margin: 0 0 0 11px; padding: 0;
  list-style-type: none;
  /*border-left:1px dashed #68acbe;*/
}        

.subcat{
  margin: 0 0 0 10px; padding: 0;
  list-style-type: none;
  border-left:1px dotted #87bc30;
}    
 
.mcat li{
  color:#006699;
  font-weight:bold;
  margin-top:1px;
  font-family: 'Comic Sans MS', 'Sand CE', fantasy;
  padding-left:15px; 
  background-image:url(../_sys/mcat.gif);
  background-repeat:no-repeat;
}

#mmcat
{
 background-image:url(../_sys/mmcat.gif) !important;
}

.mcat li:hover {
 background-image:url(../_sys/mmcat.gif);
}

.subcat li{
  color:#87bc30;
  font-weight:bold;
  margin:0px;
  font-family: 'Comic Sans MS', 'Sand CE', fantasy;
  /*border-left:1px solid #87bc30;*/
  padding-left:10px;
  background-image:url(../_sys/subcat.gif);
  background-repeat:no-repeat;
}        
        
.subcat li:hover {
 background-image:url(../_sys/subcat.gif);
}
        
.mcat a:link, .mcat a:visited, .mcat a:active{
  font-size:8pt;color:#006699;text-decoration:none;display:block;width:100%;margin:2px;
}

.mcat a:hover{
  font-size:8pt;color:#ff3300;text-decoration:none;display:block;width:100%;margin:2px; 
}

.subcat a:link, .subcat a:visited, .subcat a:active{
  color:#006600;text-decoration:none;display:block;width:100%;margin:2px;
}

.subcat a:hover{
  color:#ff6600;text-decoration:none;display:block;width:100%;margin:2px;
}
 
/* Content */
  
.conbody{
 margin:5px;padding:5px;
}
 
.popis 
   {
   font-size:8pt;font-weight:normal;
   }

.ipopis 
   {
   font-size:9pt;font-weight:normal;color:#000000;
   }

.nadpis 
   {
   font-size:10pt;font-weight:normal;color:#ffffff;
   }

.inadpis 
   {
   font-size:10pt;font-weight:bold;color:#000000;
   }

/* Formulare a eshop */

.catalogPage:link, .catalogPage:active, .catalogPage:visited 
{
 background-color:#ffff22;
 color:#FF6BD3;
}

.catalogPage:hover
{
 background-color:#ffcc00;
 color:#FF0000;
}

.catalogActualPage
{
 background-color:#ffcc00;
 color:#FF0000;
}

.frmTab {
 width:560px;
  
}

.frmTab th {
 font-size:9pt;
 font-weight:bold;
 color:#006699;
 vertical-align:top;
 border-bottom:5px solid #C7E6FF;
 padding-bottom:5px;
 text-align:left;
}

.frmTab td {
 font-size:8pt;
 font-weight:normal;
 color:#006699;
 vertical-align:top;
 border-right:1px solid #cccccc;
 border-bottom:1px solid #cccccc;
 padding:5px;
}

.frmTab .mwp a:link, .frmTab .mwp a:active, .frmTab .mwp a:visited {
 color:#FF6BD3;
 font-size:11pt;
}

.frmTab .mwp a:hover {
 color:#ff0000;
}

.frmTab .mwp .prod {
margin-right:4px;float:left;width:150px;cursor:pointer;
}


.frmTab a:link, .frmTab a:visited, .frmTab a:active {
  color:#FF6BD3;text-decoration:none;font-weight:bold;
         }

.frmTab a:hover {
  color:#ff3300;text-decoration:none;font-weight:bold;
        }

.frmsumm
{
 width:550px;float:right;border-collapse:collapse;border:1px solid #cccccc;
}

.frmsumm th
{
 border-bottom:2px solid #cccccc;
 font-size:9pt;
 padding:2px;
}

.frmsumm td
{
 border:1px solid #cccccc;
 font-size:8pt;
 padding:2px;
}

/* Input prvky */
     
.in {
    font-size : 9pt;
    font-weight: normal;
    border:1px solid #68acbe;
    color:#006699;
    background-color:#ffffff;
    }

.bt{
   font-size: 9pt;
   font-weight: bold;
   color: #68acbe;
   border:1px solid #68acbe;
   text-align: center;
   background-color: #C7E6FF;
   }

/* Pomocne */  
   
.skryty
 {
  display:none;
 }
 
.cc { text-align:center !important; }
.rr { text-align:right !important; }
.ll { text-align:left !important; }

.imp
{
 background-color:#ffffaa;
 border:1px solid #0066cc;
}

.itemmode { display:block;padding-bottom:2px;margin-bottom:2px; }

.recommend { color:#f00; font-weight:bold; }

.sellout { color:#f60; font-weight:bold; } 
      
.p10 { font-size: 10%; }
.p20 { font-size: 20%; }
.p30 { font-size: 30%; }
.p40 { font-size: 40%; }
.p50 { font-size: 50%; }
.p60 { font-size: 60%; }
.p70 { font-size: 70%; }
.p80 { font-size: 80%; }
.p90 { font-size: 90%; }
.p100 { font-size: 100%; }
.p110 { font-size: 110%; }
.p120 { font-size: 120%; }
.p130 { font-size: 130%; }
.p140 { font-size: 140%; }
.p150 { font-size: 150%; }
.p160 { font-size: 160%; }
.p170 { font-size: 170%; }
.p180 { font-size: 180%; }
.p190 { font-size: 190%; }
.p200 { font-size: 200%; }

.redc { color:#ff0000; }
.greyc { color:#666666; }
.greenc { color:#006600; }
.blackc { color:#000000; }
.bluec { color:#0066cc; }
.yellowc { color:#ffff00; }
.whitec { color:#ffffff; }

.redb { background-color:#ff0000; }
.greyb { background-color:#444444; }
.greenb { background-color:#006600; }
.blackb { background-color:#000000; }
.blueb { background-color:#0066cc; }
.yellowb { background-color:#fcff8d; }
.whiteb { background-color:#ffffff; }
.orangeb { background-color:#fff2ba; }