body { background: #fff; color: #7d785b; text-align: center; margin: 0 }
body, textarea, input { font: normal 0.8em sans-serif; }
th { font-weight: bold }
a { color: #8b2015 }
a:hover { text-decoration: none }
ul, ol { text-align: left; }
li { margin-top: 5px; }
img { border-width: 0;}
h1, h2, h3 { color: #93261a; font-weight: bold }
h1 { font-size: 1.6em }
h2 { font-size: 1.1em }
h3 { font-size: 1.05em }

#page { width: 925px; margin: 0 auto; text-align: left; }

#top { height: 224px; position: relative; }
#top #logo { width: 142px; height: 53px; position: absolute; top: 17px; left: 17px; background: url("../images/logo.gif") no-repeat }
#top #logo-exch { width: 223px; height: 40px; position: absolute; right: 10px; top: 25px; background: url("../images/exchange.jpg") no-repeat }
#top #top-motiv { height: 70px; background: url("../images/top-motiv.jpg") right top no-repeat } 
#top #motiv { height: 154px; background: url("../images/motiv.jpg") top no-repeat } 
#top #page-motiv { height: 154px; background: url("../images/page-motiv.jpg") top no-repeat } 
#top #top-navi { position: absolute; right: 20px; top: 30px; text-align: right; font-size: .9em; font-weight: bold; display: none }
#top #top-navi a { text-transform: uppercase; text-decoration: none; display: block; padding: 3px 0 }
#top #top-navi a.gray { color: #666 }

#middle { background: url("../images/web-bg.gif") left repeat-y; width: 100% }

#middle #left { float: left; width: 184px; background: #8b2015 url("../images/left-top.gif") top no-repeat; min-height: 300px; _height: 300px }
#middle #left #navi { margin: 45px 1px 20px 1px}
#middle #left #navi a { display: block; padding: 8px 0 8px 20px; color: #fff; text-transform: uppercase; text-decoration: none; font-size: .9em; margin-bottom: 1px }

#middle #left #navi a.active, #middle #left #navi a:hover { background: #b26c65 }
#middle #left #navi a.sub { background: #9c4138; padding-left: 25px }
#middle #left #navi a.sub-active { color: #e0deca; background: #9c4138; padding-left: 35px }

#middle #left #navi-img { text-align: center; padding-bottom: 15px;}
#middle #left #navi-img a#demo { display: none; height: 110px; background: url("../images/demo.jpg") top no-repeat; margin: 20px 0 }
#middle #left #navi-img a#htc { }

#middle #news { float: right; width: 184px; /*background: url("../images/news-bg.gif") top repeat-y; */}
#middle #news div { padding: 10px 10px; font-size: .88em; text-align: left; }
#middle #news h1 { color: #5e5a44; text-transform: uppercase; font-size: 1em; text-align: center;  }
#middle #news p span { color: #8b2015; display: block; font-weight: bold }
#middle #news p { text-align: left }

#middle #main h2.tarif span { display: none }
#middle #main h2.trial  { background: url("../images/trial-w.gif") left top no-repeat; height: 20px }
#middle #main h2.standard  { background: url("../images/standard-w.gif") left top no-repeat; height: 20px }
#middle #main h2.standard-plus  { background: url("../images/standard-plus-w.gif") left top no-repeat; height: 40px }
#middle #main h2.extra  { background: url("../images/extra-w.gif") left top no-repeat; height: 20px }

#middle #main { margin-left: 185px; margin-right: 190px; padding: 20px; background: url("../images/main-bg.gif") left top no-repeat; text-align: justify }
#middle #main p.price { text-align: right }
#middle #main p.price span.small { color: #7d785b; font-weight: normal; font-size: .7em }
#middle #main p.price span { color: #93261a; font-weight: bold; font-size: 1.8em }

#middle #main table#prehled .style1 { text-align: left; } 
#middle #main table#prehled .style2 { text-align: center; }
#middle #main table#prehled .style3 { text-align: center; background-color: #efeee3; width: 80px} 
#middle #main table#prehled .style4 { text-align: left; background-color: #efeee3; }
#middle #main table#prehled .style5 { text-align: center; background-color: #e0decb; width: 80px}
#middle #main table#prehled .style6 { text-align: left; background-color: #e0decb; }
#middle #main table#prehled .style7 { text-align: center; background-color: #eeeeee; }
#middle #main table#prehled .style8 { text-align: left; background-color: #eeeeee; }
#middle #main table#prehled .price { color: #93261a; font-weight: bold }

#middle #main table .thdr { text-align: center; background-color: #e0decb; width: 80px}
#middle #main table .tclld { text-align: left; background-color: #eeeeee; }
#middle #main table .tclcd { text-align: center; background-color: #eeeeee; }
#middle #main table .tcll { text-align: left; } 
#middle #main table .tclc { text-align: center; }

#middle #main table#ostatni .popis { text-align: left; background-color: #efeee3; width: 380px} 
#middle #main table#ostatni .cena { color: #93261a; text-align: center; background-color: #efeee3; width: 120px} 

#middle #main h2.lines { color: #5e5a44; border: 1px solid #c1beb1; border-left: 0; border-right: 0; font-size: 1.2em; padding: 5px 0 5px 5px; }
#middle #main table.gallery td { text-align: center; font-size: .75em; vertical-align: top }

ul.red, ol.red { color: #ab4336; font-weight: bold }
ul.red span, ol.red span { color: #7d785b; font-weight: normal }

#foot { background: #efeee7; padding: 10px 20px; font-size: .85em; text-align: right; border-top: 2px solid #fff }

table.form th { text-align: left; }
table.form input.textbox { width: 200px; font-size: 1em;}

div.info, div.error {padding-top: 5px; padding-bottom: 5px; margin-top: 10px; margin-bottom: 10px; text-align: center; border: solid 1px Gray;}
div.info { color: Blue; background-color: #e0ffff; }
div.error { color: Red; background-color: #ffdab9; }
div.note { color: Gray; padding-bottom: 5px; padding-top: 5px; font-size: 0.9em;}


/* html #middle #navi {
	margin-right: 0px;
}
*/
/* html #middle #main {
	height: 1%;
	margin-left: 0;
	_height: 500px; 
}
*/
.clr { clear: both; }
.right { text-align: right }
.center { text-align: center }

.tbPrHead { background: #ccc; font-weight: bold }
th.lightBg { background: #c0c0c0 }
.lightBg { background: #eee }
.small { font-size: .85em }

.LoginTextBox {width: 200px; margin: 3px 0 3px 0; font-size: 12px;}