body {margin: 0; padding: 0; font: 11px Tahoma; color: #474747; font-size: 11px; background-color: #636363; line-height: 17px;}

.underline {text-decoration: underline;}
.kurziva {font-style: italic;}
.clr {clear: both; height: 1px;}
br {line-height: 17px;}  /* mozilla */
img {border: 0;}

#main {margin: 40px auto 0 auto; width: 781px; position: relative; display: table;}
#top {width: 781px; height: 214px; background: url(img/pozadi-top.jpg) no-repeat;}
a#buton-objednavka-inzeratu {width: 195px; height: 20px; background: url(img/buton-objednavka_inzeratu.gif) no-repeat 0 -20px; position: absolute; margin: 153px 0 0 577px;}
a:hover#buton-objednavka-inzeratu {background-position: 0 0;}
#middle {width: 781px; background: url(img/pozadi-middle.gif) repeat-y; display: table;}
#middle-left {width: 525px; float: left; padding: 20px 0 20px 43px;}
#middle-right {width: 208px; float: left; margin: 0 0 0 1px; padding: 15px 0 20px 0;}
#bottom {width: 781px; height: 14px; background: url(img/pozadi-bottom.gif) no-repeat;}
#bottom-copyright {position: absolute; margin: 17px 0 0 207px; width: 350px; padding-bottom: 10px; text-align: center; line-height: 12px; color: #ffffff;}
#bottom-copyright:first-line {color: #bbbbbb;}
#topmenu {width: 700px; height: 15px; position: absolute; margin: 189px 0 0 61px; overflow: hidden;}
#topmenu a {text-transform: uppercase; color: #ffffff; margin: 0 10px; text-decoration: none; background: url(img/pozadi-topmenu.gif) no-repeat left center; padding-left: 16px;}
#topmenu a:hover {color: #545454; border: 0;}
.nadpis-right {width: 204px; height: 25px; background: url(img/pozadi-nadpis-right.gif) no-repeat; color: #ffffff; position: relative; z-index: 999; margin: 30px 0 0 -13px; padding: 5px 0 0 20px; overflow: hidden; font-size: 15px; font-weight: bold; letter-spacing: -1px;}
.novinky2 {width: 191px; padding: 5px 10px; margin: 0 0 0 1px; color: #ffffff; background: #f36669; border-bottom: 1px solid #f89d9f;}
.novinky2 span {color: #082c39; text-align: right; display: block;}
.novinky2 p {margin: 0 0 8px 0;}
.novinky2 a {text-decoration: underline; color: #fff;}
.novinky2 a:hover {text-decoration: none;}
.novinky {width: 191px; padding: 5px 10px; margin: 0 0 0 1px; color: #ffffff; background: #f36669; border-bottom: 1px solid #f89d9f;}
.novinky a {text-decoration: none; color: #ffffff; display: block;}
.novinky a:hover {text-decoration: underline;}


#mesta {width: 440px; margin: 0 0 0 15px;}
#mesta-left {width: 210px; float: left; margin: 8px 0 5px 0;}
#mesta-right {width: 210px; float: left; margin: 8px 0 5px 20px;}
#mesta a:link, #mesta a:visited {color: #cf2527; text-decoration: none; font-size: 13px; padding: 2px; position: relative; margin: 0 0 0 0; display: block; text-align: center;}
#mesta a:hover {background: #cf2527; color: #ffffff;}
#mesta .pocet {color: #333333; font-size: 11px;}

#vypis {width: 440px; margin: 0 0 0 15px;}
#vypis h2 {color: #666666; border-bottom: 2px solid #959595; margin: 8px 0 12px 0;}
#vypis .inzerat {width: 440px; border-bottom: 1px solid #959595; margin: 0 0 15px 0;}
#vypis .inzerat h3 {color: #cf2527; text-transform: uppercase; margin: 5px 0 5px 0; font-weight: normal; font-size: 12px; font-weight: bold;}
#vypis .inzerat h3 a {color: #cf2527; text-decoration: none;}
#vypis .inzerat h3 a:hover {text-decoration: underline;}
#vypis .inzerat h3 span {color: #474747; font-size: 11px; text-transform: none; float: right; margin: -13px 0 0 0; font-weight: normal;}
#vypis .inzerat a.vice {text-transform: none; text-decoration: underline; font-size: 11px; font-weight: normal; color: #cf2527;}
#vypis .inzerat a:hover.vice {color: #000000;}
#vypis p {margin: 0 0 5px 0; text-align: justify;}
#vypis p:first-line {text-transform: uppercase; font-weight: bold;}
#vypis a img {float: right; margin: 0 0 2px 14px; border: 1px solid #959595;}

#normal-text {width: 440px; margin: 0 0 0 15px;}
#normal-text a {text-decoration: none; color: #cf2527; border-bottom: 1px solid #cf2527;}
#normal-text a:hover {text-decoration: none; border-bottom: 2px solid #cf2527;}
#normal-text h2 {color: #666666; font-size: 13px; font-weight: bold; margin: 8px 0 2px 0;}
#normal-text h3 {color: #222222; font-size: 12px; margin: 8px 0 8px 0;}


#cenik {widh: 350px; background: #eaeaea; font-size: 12px; border-left: 1px solid #888888; border-top: 1px solid #888888;}
#cenik td {padding: 6px 11px; border-bottom: 1px solid #888888; border-right: 1px solid #888888; text-align: center;}
.cenik-seda {background: #666666; color: #dddddd; font-weight: bold;}


#detail {width: 440px; margin: 0 0 0 15px;}
#detail-left {width: 194px; float: left; margin: 8px 0 5px 0;}
#detail-left span, #detail-right span {font-weight: bold; margin: 0 5px 0 0;}
#detail-left p {display: block; margin: 0; padding: 0;}
#detail-right {width: 194px; float: left; margin: 8px 0 5px 36px;}
#detail-right p {display: block; bold; margin: 0; padding: 0;}
#detail img {border: 1px solid #636363;}
#detail p {text-align: justify; padding: 0 10px;}

#linky {padding: 6px; line-height: 16px; text-align: center;}
#linky a {border-right: 1px solid #999999; padding-right: 5px; font-size: 9px;}

#tab-vlozeni input, #tab-vlozeni textarea {border: 1px solid #999999;}
#tab-vlozeni input:hover, #tab-vlozeni textarea:hover {border: 1px solid #000000; color: #cf2527;}

#stat {position: absolute; bottom: -28px; left: -25px; visibility: hidden;}


h1 {font-weight: bold; font-size: 15px; color: #cf2527; margin: 0 0 15px 0; padding: 3px 0 0 18px; width: 456px; height: 20px; background: url(img/pozadi-h1.gif) no-repeat;}
h2 {font-weight: bold; font-size: 14px; color: #ffffff;}
h3 {font-weight: bold; font-size: 14px; color: #ffffff; width: 450px;}