/* Main link styles */
p{ padding: 0px; margin: 5px; }

a { color: Maroon; padding: 0; text-decoration: none; }

a:link { color: Maroon; }

a:hover, a:focus { color: Red; }

form { margin: 5px; padding: 2px; }

/* Title styles */ { margin: 0; }

h1,h2,h3, h4, h5, h6 { margin: 5px 5px 0 10px; color: Gray; }

h3{ font-size: 14px; }

h4{ font-size: 11px; }

hr{ border: 1px solid Silver; margin: 10px; background-color: Silver; }

input { margin: 0px; padding: 0px; }

li { margin-bottom: 1px; padding-bottom: 1px; }

ul { list-style-position: inside; list-style-type: disc; margin: 0px; padding: 5px; text-align: left; }

.article { margin: 0px 0px 5px 0px; padding: 2px; background-color: Silver;}

.article h2 { color: White; font-size: 14px; margin: 0 0 0 5px; padding: 0px; }

.dalee{ float: left; font-weight: bold; margin-left: 5px; margin-top: 25px; }

.dir { border: none; float: left; width: 130px; height: 113px; margin: 0px 5px 0px 0px; padding: 5px; }

.dir-p { text-align: justify; margin: 8px 8px 55px 8px; font-size: 12px; font-family: "Courier New", Courier, monospace; }

.photo-dir { float: left; margin: 0px; padding: 0px; width: 140px; }

.text-dir { font-family: "Courier New", Courier, monospace; font-weight: bold; text-align: right; margin: 0px 0px 20px 0px; }

#about { margin: 10px; text-align: justify; text-indent: 15px; }

.aboutl { float: left; margin: 5px 10px 5px 0; padding: 5px; width: 130px; height: 130px; }

.aboutr { float: right; margin: 5px 0 5px 10px; padding: 5px; width: 130px; height: 130px; }

.gall-text { border: none; float: left; font-size: 12px; height: 150px; margin-bottom: -5px; text-align: center; width: 145px; }

.gall-thum { border: 1px dotted #ccc; float: left; margin: 5px 7px 5px 5px; padding: 5px; width: 150px; }

.grey { color: #58564f; font-size: 18px; font-weight: bold; }

.info-box { border: 1px; border-color: Silver; border-style: solid; margin: 0px; margin-bottom: 5px; padding: 0px; width: 168px; }

.info-box-content { background-position: bottom; background-repeat: repeat-x; margin: 0; padding: 6px; text-align: center; }

.links,.links a:link{ color: White; font-size: 11px; padding: 0px; text-transform: uppercase; font-weight: bold; padding: 3px 0 0 0; }

.links a:hover{ color: Silver; }

.links2{ color: Red; }

.bksm{ padding: 0px; margin: 0px; height: 5px; }

.nav-right{ border: 1px; float: right; margin: 5px; padding: 5px; }

.news { background-image: url(img/star.gif); background-position: left top; background-repeat: no-repeat; font-size: 12px; margin: 8px; text-align: justify; text-indent: 20px; }

.photo-left{ float: left; margin: 10px; text-align: center; width: 100px; font-size: 10px; border: 1px solid grey; }

.photo-right{ float: right; margin: 10px; text-align: center; width: 100px; font-size: 10px; border: 1px solid grey; }

.photo-sclad { border: 1px  solid Silver; float: left; height: 58px; margin: 3px; padding: 2px; width: 70px; }

.subtitle { color: Maroon; font-size: 12px; font-style: italic; margin: 0 0 0 5px; }

#foot-top, a:link.foot-top,a:visited.foot-top { color: Gray; float: left; font-size: 12px; margin: -20px 0 0 0px; padding: 0px; }

.foot-c { font-size: 10px; margin: 15px 0 0 0; padding: 0px; text-align: center; }

.foot-c a,.foot-c a:link{ color: ActiveCaption; }

.foot-c a:hover{ color: Background; }

.links-f,.links-f a:link{ color: Maroon; font-size: 11px; padding: 0px; text-transform: uppercase; border-bottom: 5px solid silver; }

.links-f a:hover{ color: Red; }

#hot { background: url(img/hot.gif) no-repeat; float: right; font-size: 11px; margin: 10px; padding: 0px; width: 200px; }

.hot-content { background: url(img/hot_f.gif) bottom repeat-x; border: 1px solid silver; margin: 35px 0 0 0; padding: 6px; text-align: center; background-color: #EDEDED; }

.p-hot{ background-image: url(img/star.gif); background-position: left top; background-repeat: no-repeat; text-align: left; text-indent: 15px; color: Black; }

#kontact { background-image: url(img/kontakt.gif); background-position: top; background-repeat: no-repeat; height: 40px; margin: 0px; padding: 0px; width: 170px; }

.kontact-content { background-image: url(img/foot.gif); background-position: bottom; background-repeat: no-repeat; border: 1px solid silver; border-top: none; margin-bottom: 5px; padding: 6px; text-align: center; }

.sity-photo { border: 1px dotted Silver; float: left; margin: 5px; padding: 5px; width: 120px; }

.sity-text { font-size: 11px; height: 70px; margin: 0px; text-align: center; width: 95px; }

.photografy { border: none; height: 100px; width: 100px; }

#letter { background-image: url(img/letter.gif); background-repeat: no-repeat; height: 50px; margin: 0px; padding: 0px; width: 170px; }

.letter-button { margin-top: 1px; width: 100px; color: White; background-color: Highlight; border: none; }

.letter-f { margin: 0px; width: 100px; color: Highlight; border: 1px solid Highlight; border: ridge; }

.letter-content { background-image: url(img/foot.gif); background-position: bottom; background-repeat: no-repeat; border: 1px solid silver; border-top: none; color: Maroon; font-size: 11px; margin: -25px 0 10px 0px; padding: 5px; text-align: center; }

#sklad { background-image: url(img/sklad.gif); background-repeat: no-repeat; height: 50px; margin: 0px; padding: 0px; width: 170px; }

.sklad-content { background-image: url(img/foot.gif); background-position: bottom; background-repeat: no-repeat; border: 1px solid silver; border-top: none; font-size: 11px; height: 360px; margin: -17px 0 5px 0px; padding: 8px 3px 3px 3px; text-align: left; }

.sklad-content h2, .kontact-content h2, .letter-content h2, .info-box-content h2 { color: Green; font-size: 18px; font-weight: bold; }

.p a:hover{ background-color: InactiveBorder; }

.p, .p a,.p a:link,.p a:hover { float: left; font-size: 11px; margin: 0px; padding: 0px; text-align: left; color: Highlight; width: 100%; }

.p-active { float: left; font-size: 11px; margin: 0px; padding: 0px; text-align: left; background-color: Silver; width: 100%; clear: left; }

#vacancy { background-image: url(img/vac.gif); background-repeat: no-repeat; float: left; height: 42px; width: 175px; margin: 0px; }

#faq{ background-image: url(img/faq.gif); background-repeat: no-repeat; float: right; height: 42px; width: 175px; }

.faq-v{ margin: 8px; text-align: justify; text-indent: 20px; background-color: ThreedFace; color: Black; padding: 5px; }

#l{ background-image: url(img/klayer.jpg); background-repeat: no-repeat; width: 222px; height: 114px; float: left; }

.l-img { float: left; height: 100px; width: 100px; margin: 5px; }

/* PRICE */
#table-beton td{ border: solid 1px silver; text-align: center; font-size: 11px; }

.price-top{ background-color: Maroon; color: White; font-weight: bold; }

.price-yellow	{ background-color: InfoBackground; color: Black; margin-left: 5px; }

/* Table */
table{ margin-bottom: 5px; border: 1px solid Silver; }

td{ margin: 0px; padding: 5px; }

.td-foot{ color: Gray; }

.fon{ background-color: InfoBackground; }

.fon,.fon2{ background-image: url(img/star.gif); background-position: 3px; background-repeat: no-repeat; color: Black; text-indent: 15px; }

.fon2{ background-color: InactiveBorder; }

/* PRICE FASON*/
#table-fason td{ border: solid 1px ActiveBorder; text-align: center; }

.fason-top{ background-color: Orange; color: Black; }

.fason-n	{ background-color: Silver; color: White; width: 5%; }

.fason-p	{ margin-left: 0px; width: 10%; }

.history a,history a:link,history a:hover{ color: Red; }

.photo-thumbnail { padding: 6px; border: 1px solid grey; margin: 3px; width: 100px; float: left; height: 170px; text-align: center; font-size: 11px; }

.download{ background: url(img/rar.gif) no-repeat; margin: 5px; display: block; text-indent: 20px; padding: 0px; width: 110px; height: 16px; }