* {padding: 0; margin: 0;}
img {border: 0;}
html, body {height: 100%; background-color: #290801; color: black;}
body {font-size: 12px; text-align: center; font-family: Verdana, lucida, sans-serif; min-width: 750px;}
body>#topdown {height: auto;}
#topdown {width: 750px; margin: 0 auto; text-align: left; background: white url("./images/topdown.gif") repeat-y; min-height: 100%; height: 100%; position: relative;}
#topbackground {width: 750px; height: 20px; background-color: #290801;}
h1 a {display: block; float: left; height: 59px; width: 760px; margin-right: -10px; padding: 0; background: url("./images/logo_1.jpg") no-repeat;}
h1 a span {display: none;}
/*h1 {position: relative; float: left; width: 760px; height: 59px; overflow: hidden;}
h1 a {margin-right: -10px;}
h1 span {display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 760px; height: 59px; cursor: pointer; background: url("./images/logo_1.jpg") no-repeat;}*/
#logo {float: left; height: 130px; width: 789px; margin-right: -39px; padding: 0; background: url("./images/logo_2.jpg") no-repeat;}
#mainleft {float: left; margin-left: 47px; width: 512px; font-size: 13px; line-height: 1.6;}
#mainright {float: right; margin-right: 4px; width: 166px; text-align: left;}
#bottom-no {height: 95px; clear: both; width: 100%;}
#bottom {padding-top: 10px; font-size: 11px; width: 750px; height: 47px; line-height: 1.7; color: white; overflow: hidden; font-weight: bold; position: absolute; bottom: 20px; left: 0; text-align: center; background: url("./images/bottom.jpg") no-repeat;}
#bottombackground {width: 750px; height: 20px; background-color: #290801; position: absolute; bottom: 0; left: 0;}

#mainleft h2 {text-transform: uppercase; height: 14px; letter-spacing: 3px; line-height: 1.1; font-size: 12px; color: white; font-weight: bold; text-align: right; background-color: #df3900; padding: 2px 10px 2px 10px; margin: 15px 0 10px 0;}
.motyl {width: 41px; height: 39px; background: url("./images/motyl.gif") no-repeat; float: left; margin: 4px 0 0 -10px;}
#mainright h2 {width: 125px; height: 14px; font-size: 12px; font-weight: bold; color: white; float: right; text-align: right; background-color: #df3900; padding: 2px 10px 3px 0; margin: 15px 0 9px 0;}
#mainleft h3 {font-size: 14px; margin: 0 0 5px 10px;}
#mainleft h4 {font-size: 12px; margin: 0 0 5px 10px;}

#mainright ul {padding: 0; margin: 0; list-style-type: none; float: left; width: 160px;}
#mainleft ul {padding: 0; margin: 0; list-style-type: none;}
#mainright ul li, #mainleft ul li {background: url("./images/puntik.gif") no-repeat 2px 6px;}
#mainleft ul li {padding-left: 15px; display: block;}
#mainright ul li a {display: block; text-decoration: none; color: #df3900; line-height: 1.7; padding-left: 15px;}
#mainright ul li a span {float: right; font-size: 10px; font-weight: bold; font-style: italic;}
#mainright ul li a:hover, .a a:hover {color: black;}
.a a {text-decoration: none; color: #df3900;}
p {padding: 5px 0;}
.r {float: right;}
.l {float: left;}
.l10 {margin-left: 10px;}
.t5 {margin-top: 5px;}
.t10 {margin-top: 10px;}
.t20 {margin-top: 20px;}
.no-t20 {margin-bottom: -20px;}
.b10 {margin-bottom: 10px;}
.wmax {width: 512px;}
.w400 {width: 380px;}
.rmax {width: 155px;}
.center {text-align: center;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.suda {background-color: #eed15b;}
.text-r {text-align: right;}
#mainright .kontakt {float: left; line-height: 1.7;}
#mainright .kontakt div {float: right; margin-right: 10px;}
#mainright .kontakt div a, #bottom a:hover {text-decoration: none; color: #df3900;}
#mainright .kontakt div a:hover, #bottom a {color: black; text-decoration: none;}
input, textarea {border: 1px solid #e76c43; background-color: #FFEFAF;}
.upozorneni {border: 1px solid #e76c43; float: left; width: 508px; margin-top: 15px; background-color: #eed15b; padding: 2px;}
.error {color: red; font-weight: bold; text-align: center;}
.lib {margin-bottom: -3px;}
.hidden {display: none;}
.hr {float: left; height: 1px; background-color: #e76c43; width: 160px; margin: 5px 0;}
.minitext {font-size: 10px;}
.bigtext {font-size: 14px;}
.underline {text-decoration: underline;}

#mainleft a {text-decoration: none; color: #df3900;}
#mainleft a:hover {color: black;}

.imgtext {font-size: 11px; margin: 6px 0 11px 1px; text-align: center; font-weight: bold; width: 126px; float: left;}
.img100x80 {float: left; margin: 0 0 0 7px; padding: 6px 6px 6px 6px; font-weight: normal; width: 102px; background: url("./images/img100x80.jpg") no-repeat; position: relative;}
.upozorneni .img100x80 {background: url("./images/img100x80_II.jpg") no-repeat;}
.lupa {position: absolute; top: 58px; right: 10px; width: 27px; height: 24px; background: url("./images/lupa.png") no-repeat;}

#mainright .reklama {float: left; width: 145px; height: 250px;}

table {font-size: 11px; text-align: center; border: 1px solid #E76C43; margin: 15px 0;}
th {background-color: #DF3900; padding: 0 2px;}
th.normal {font-weight: normal;}
td {background-color: #eed15b; padding: 0 2px;}
tr.border td {border: 1px solid #E76C43;}

td.td1 {padding-top: 4px; width: 55px;}
td.td3 {width: 40px;}
td.td4, td.td5 {width: 55px;}

h3.shop {float: left; margin-left: 5px; padding-left: 5px; border-bottom: 1px solid #e76c43; width: 370px;}
p.shop {float: left; margin-left: 5px; padding: 0; width: 370px;}
.cena {font-weight: bold; float: right; margin-top: 5px;}
.cena span {font-weight: normal; font-size: 10px;}
.stara {color: red; font-weight: bold; font-size: 12px; text-decoration: line-through;}
form label {display: block;}
form label span {display: block; float: left; width: 100px; text-align: right; padding-right: 5px;}
