body, table, tr, td, form { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0; color: #666; }
html, body { height: 100%; overflow: hidden;} /* footer dole */
body {text-align: center;}
h1, h2, h3 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}
h1, h2 {color: #666;line-height: 26px;margin: 0;padding: 0 0 0 5px; height: 26px;}
table { border-collapse: collapse }

#content h1, #content h2 {background-color: #e7e7e7;border-left: 3px solid #C6C6C6;margin-bottom: 2px;background-image: url(../img/h2_bckg.gif);background-repeat: no-repeat;background-position: center right; position: relative;}
#content { padding: 130px 0 30px 0;  width: 760px; margin: 0 auto 0 auto; text-align: left;}
a {color: #df151e;text-decoration: underline;}
a:hover {text-decoration: none;}
a.gray{color:#666;text-decoration:none}


p {margin: 0;padding: 0.7em 0.5em;line-height: 130%;}

#centering {text-align: center;margin: 0 auto 0 auto;padding: 0;overflow: scroll; height: 100%;}

#header {font-size: 10px;height: 100px;background:#fff url(../img/header_bckg.gif);position: fixed; left: 50%; top: 0px; _position:absolute; width: 760px; margin: 0 0 0 -389px; _margin: 0 0 0 -380px; text-align: left;}
#header img {float: left;border: none;}
#address {float: right;background: url(../img/address.gif) no-repeat;padding: 5px 0 0 5px;line-height: 150%;white-space: nowrap;}

#news {border: 1px solid #c6c6c6;float: right;font-size: 10px;width: 210px;}
#news h1, h2 {color: #df151e;background-color: #e7e7e7;border: 1px solid #fff;}

.new {display: block;padding: 5px 5px 5px 15px;border-top: 1px solid #c6c6c6;margin: 0px 1px 0 1px;background: url(../img/news.gif) no-repeat;}
.new2 {display: block;padding: 5px 5px 5px 15px;margin: 0px 1px 0 1px;background: url(../img/news.gif) no-repeat;}
.date {display: block;font-weight: bold;}

.old {background-color: #e7e7e7;color: #df151e;padding: 3px 3px 3px 7px;}

.aktPopis {font-weight: bold;display: block;}

.picA {text-decoration: none;color: #666;}
.picA img {display: block;border: 1px solid #C6C6C6;margin: 2px 0;}

.box {float: left;width: 170px;margin-right: 12px;}
.box h1, .box h2 {background-color: #e7e7e7;border-left: 3px solid #C6C6C6;margin-bottom: 2px;background-image: url(../img/h2_bckg.gif);background-repeat:  no-repeat;background-position: center right;}
.box p {margin: 0;padding: 0.5em 0.5em;background: url(../img/box_bckg.gif) repeat-y;}
.box img {display: block;border: 1px solid #C6C6C6;margin: 2px 0;}
.box a {display: block;text-decoration: none;color: #666;}
.box a:hover {display: block;text-decoration: underline;color: #666;}

#motto {font-family: Trebuchet MS;color: #df151e;font-size: 24px;text-align: center;line-height: 80px;background-image: url(../img/motto.gif);background-position: center;background-repeat: no-repeat;}

#footer {font-size: 10px;background: url(../img/footer.gif) repeat-x;color: #df151e;width: 760px; height: 35px; position: fixed; bottom: 0; _position:absolute; left: 50%; margin: 0 0 0 -389px;}
#footer img {border: none;}
#footer a { top: 4px; }
#footer .copyright {float: right; padding-top: 4px;}

/* pull-down menu */
#menu {font-family: Arial, Helvetica, sans-serif; background-color: #df151e; width: 760px; height: 22px; position: fixed; top: 100px; _position:absolute; left: 50%;  margin: 0 0 0 -389px; _margin: 0 0 0 -380px; text-align: left;}
#menu ul { padding: 0; margin: 0; list-style: none; }
#menu li { position: relative; display: block; font-weight: bold; color: #fff; line-height: 20px;}
.menu li { float: left; }
.menu a {color: #fff;font-weight: bold;display: block;padding: 0px 12px;text-decoration: none;line-height: 22px;}
.menu a:hover {text-decoration: underline;}
.submenu {display: none;position: absolute;top: 22px;}
.submenu li {float: none;}
.submenu a {background-color: #e7e7e7;color: #df151e;border-top: 1px solid #fff;border-left: 3px solid #df151e;padding-left: 15px;font-size: 10px;display: block;text-decoration: none;width: 12em; /* nastavení šířky !!! */}
li:hover ul, li.over ul {display: block;}

.img_border img {border: 1px solid #C6C6C6;margin: 2px 0;margin-left: 5px;margin-right: 5px;margin-bottom: 10px;}

.hoverNone {text-decoration: none;color: #666;}
.hoverGrey {color: #666;}
.hoverGrey a {color: #666;}

.rucka {cursor: pointer;}
.greyBox {margin: 15px 0px 20px 0px;padding: 6px 6px 6px 6px;border: 1px solid #c6c6c6;}
.formTD {text-align: right;padding-right: 10px;}
.partDiv {width: 190px;float: left;text-align: left;margin: 20px 0px 20px 0px;}
.tabHeader {background-color: #e7e7e7;color: #df151e;font-weight: bold;padding: 5px 20px 5px 13px;border: 1px solid #c6c6c6;}
.tabCell {color: #666;padding: 10px 15px 10px 15px;border: 1px solid #c6c6c6;margin: 0px 0px 0px 0px;}

.catalogue table { width: 100%; border-left: 1px solid #ccc; border-top: 1px solid #ccc; clear: left; margin-top: 10px; }
.catalogue a.my {width:100%;margin:0px;float:none}
.catalogue a.item {width:100%;margin:0px;float:none;color:#666;text-decoration:none}
.catalogue a.item:hover{text-decoration:underline}
.catalogue a { float: left; margin: 0 0px 10px 0; text-align: center; width: 105px; text-align: center;}
.catalogue a img { border: none; }
.catalogue td { vertical-align: top }
.number { width: 50px; }
.price { width: 150px; }
.note { width: 50px; }
.cat { width: 30px; }
.basket { background: #D7D3CB url(../images/kosik.gif) no-repeat center; width: 30px; height: 24px; border: none; cursor: pointer }
.tobasket { width: 70px; }

.categories { margin: 10px 0; }
.categories td { padding: 2px 0; }

th {  font-size: 10px; background: #eee; }
.catalogue th, .catalogue td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 3px 5px; }

.edit textarea { width: 500px; }
.edit2 textarea { width: 220px; }

.catalogue .hledacek-v-kosiku {border: 0px solid #fff;}
.catalogue .hledacek-v-kosiku td {border: 0px solid #fff; padding: 0px;}

#category a {display: block; position: relative; width:100%}
#category a span {position: absolute; top: -3500px; right: 0; width: 250px; height: 75px; background: url(../img/shadow.gif) no-repeat; padding: 7px 15px 15px 7px; border: 0; z-index:1;}
#category .over span { display: block; top: -35px}
#category img { border: 0 }

.over, .over td { background: #FF9999 }

img.specarrow {float:left;border:0px;position:relative;top:-6px;left:-3px}