html, body, form, input, textarea {
  font-family: "Arial CE", "Helvetica CE", Arial, sans-serif;
  font-size:12px;
}
html {
  overflow-y: scroll;
  height: 100%;
}
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #575757;
  text-align: center;
  background: #e1e1e1 url(../img/img-layout/body-background.png) repeat-x;
}
img {
  border: 0 #fff none;
}
a {
  color: #0872a2;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}
a img {
  border: 0 #fff none
}

form, input, textarea, select {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  clear: both;
}
p {
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 32px;
  font-weight: bold;
  overflow: hidden;
  position: relative;
  height: 70px;
}
h1 img {
  position: absolute;
  top: 0;
  left: 0;
}
h2 {
  margin: 12px 0 8px 0;
  padding: 0 0 8px 0;
  font-size: 16px;
  font-weight: bold;
}
h3 {
  margin: 10px 0 5px 0;  
  font-weight: bold;
  font-size: 14px;
}
#top-layer-00, #top-layer-01, #top-layer-02 {
  min-width: 940px;
}
#top-layer-00 {
  background: transparent url(../img/img-layout/super-background.png) repeat-y center;
}
#top-layer-01 {
  background: transparent url(../img/img-layout/paingroller-final.png) no-repeat center top;
}
#top-layer-02 {
  background: transparent url(../img/img-layout/par-body.png) no-repeat center bottom;
}
#main {
  width: 940px;
  margin: 0 auto;
  text-align: left;
  min-height: 440px;
}
#top {
  height: 116px;
  padding: 0 0 0 208px;
  position: relative;
}
#top a.front-link {
  position: absolute;
  top: 0;
  left:0;
}
#sidebar-left, #sidebar-right {
  float: left;
  width: 225px;
  padding: 37px 0 0 0;
  position: relative;
}
#content {
  float: left;
  min-height: 100px;
}
.content-front {
  width: 490px;
  background: transparent url(../img/img-layout/content-corner-front.png) no-repeat right top;
  margin: 0;
}
.content-front h1 {
	width: auto;
	height: auto;
	padding-bottom: 10px;
	font-size: 18px;
	display: block;
	float: none;
}
.content-other {
  width: 715px;
  margin: 30px 0 0 0;
  background: transparent url(../img/img-layout/content-corner.png) no-repeat right top;
}
#bottom-links {
  height: 33px;
  padding: 15px 0 0 0;
  text-align: center;
  text-transform: lowercase;
}
#bottom-links a {
  text-decoration: none;
  display: inline;
  padding: 0 5px;
}
#bottom-links a:hover {
  text-decoration: underline;
}
#footer-layer-00, #footer-layer-01, #footer-dentex {
  min-width: 940px;
}
#footer-layer-00 {
  background: #fefefd url(../img/img-layout/footer-background.png) repeat-x center bottom;
}
#footer-layer-01 {
  height: 231px;
  text-align: left;
  background: transparent url(../img/img-layout/par-legs.png) no-repeat center top;
}
#footer-dentex {
  background: #fefefd url(../img/img-layout/main-footer-background.png) repeat-x;
}
#footer-dentex-par {
  height: 19px;
  background: transparent url(../img/img-layout/par-ass.png) no-repeat center;
}
#footer-content {
  width: 940px;
  margin: 0 auto;
}
#circle-partners {
  width: 93px;
  height: 93px;
  float: left;
  margin: 4px 11px 0 0;
  background: #c30000 url(../img/img-layout/partners.png) no-repeat left top;
}
#logo-pool {
  padding: 22px 0 0 0;
}
#logo-pool a {
  height: 52px;
  text-decoration: none;
  display: block;
  float: left;
  margin: 0 24px 0 0;
}
#logo-pool a:hover {
  background-position: left bottom;
}
#footer-bottom {
  width: 940px;
  padding: 20px 0 0 0;
  margin: 0 auto;
  color: #ffffff;
}
#footer-bottom a {
  color: #ffffff;
  text-decoration: none;
}
#footer-bottom a:hover {
  color: #666666;
}

#viewer-navigation {/*width:400px;background-color:black*/}


.cleaner { height: 0; overflow: hidden; display: block; clear: both; }
.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }

.vmiddle { vertical-align: middle; }
.normal { font-weight: normal; }

/************************************************/

.top-item { float: left; padding: 25px 23px 0 23px; }
.phone { padding-left: 40px; }
.mini-ico { border: 1px #e8e6e6 solid; border-top: 0; border-bottom: 0; padding-bottom: 25px; }
.mini-ico a.mini-ico-home, .mini-ico a.mini-ico-mail { width: 25px; height: 25px; display: block; float: left; margin: 0 5px; background-repeat: no-repeat; }
.mini-ico a.mini-ico-home { background-image: url(../img/img-layout/mini-ico-home.png); }
.mini-ico a.mini-ico-mail { background-image: url(../img/img-layout/mini-ico-mail.png); }
.mini-ico a.mini-ico-home:hover, .mini-ico a.mini-ico-mail:hover { background-position: 0 -25px; }
.top-address { padding-top: 14px; }

.color-red { color: #bb0000 }
.color-orange { color: #f26822 }
.color-yellow { color: #e69800 }
.color-green-hell { color: #95a629 }/* barva původního návrhu: bcd-033 */
.color-green-dark { color: #2d8701 }
.color-aqua { color: #006c70 }

.underline { text-decoration: underline; }

.sidebar-box { width: 225px; height: 112px; display: block; margin: 5px 0 0 0; padding: 90px 0 0 0; background-repeat: no-repeat; background-position: left top; }
.sidebar-box:hover { background-position: 0 -202px; }
.sidebar-box-right { margin: 0; padding: 95px 0 0 0; background-position: right top; }
.sidebar-box-right:hover { background-position: 1px -207px; }
.sidebar-box ul { margin: 0 0 0 15px; padding: 10px 0 0 15px; list-style-type: none; }
.sidebar-box-right ul { margin-left: 32px; }
.sidebar-box ul li { margin: 0; padding: 0 0 5px 7px; }
.sidebar-box ul li a { color: #606060; text-decoration: none; }
.sidebar-box ul li a:hover { text-decoration: underline; }

#sb-domacnosti { background-image: url(../img/img-layout/sb-domacnosti.png); }
#sb-domacnosti ul li { list-style-image: url(../img/img-layout/disc-red.gif); }
#sb-domacnosti:hover ul li a { color: #bb0000 }
#sb-novostavby { background-image: url(../img/img-layout/sb-novostavby.png); }
#sb-novostavby ul li { list-style-image: url(../img/img-layout/disc-orange.gif); }
#sb-novostavby:hover ul li a { color: #f26822 }
#sb-firemni-klientela { background-image: url(../img/img-layout/sb-firemni-klientela.png); }
#sb-firemni-klientela ul li { list-style-image: url(../img/img-layout/disc-yellow.gif); }
#sb-firemni-klientela:hover ul li a { color: #e69800 }
#sb-stavebni-firmy { background-image: url(../img/img-layout/sb-stavebni-firmy.png); }
#sb-stavebni-firmy ul li { list-style-image: url(../img/img-layout/disc-green-hell.gif); }
#sb-stavebni-firmy:hover ul li a { color: #95a629 }
#sb-klientela-s-vysokymi { background-image: url(../img/img-layout/sb-klientela-s-vysokymi.png); }
#sb-klientela-s-vysokymi ul li { list-style-image: url(../img/img-layout/disc-green-dark.gif); }
#sb-klientela-s-vysokymi:hover ul li a { color: #2d8701 }
#sb-painting-and-coating { background-image: url(../img/img-layout/sb-painting-and-coating.png); }
#sb-painting-and-coating ul li { list-style-image: url(../img/img-layout/disc-aqua.gif); }
#sb-painting-and-coating:hover ul li a { color: #006c70 }


.partner-roko { background-image: url(../img/img-layout/partner-roko.jpg); width: 80px; }
.partner-kavva { background-image: url(../img/img-layout/partner-kavva.jpg); width: 61px; }
/*.partner-roko:hover {  }*/

.content-vymalovano { margin: 32px 0 0 50px; }
.content-detox { margin: 15px 0; }

a.big-circle-front { width: 127px; height: 125px; float: left; display: block; padding: 0 18px; background-repeat: no-repeat; background-position: center top; }
a.rady-a-tipy { background-image: url(../img/img-layout/circle-rady-a-tipy.png); }
a.hledame-remeslniky { background-image: url(../img/img-layout/circle-hledame-remeslniky.png); }
a.kontakty { background-image: url(../img/img-layout/circle-kontakty.png); }
a.rady-a-tipy:hover, a.hledame-remeslniky:hover, a.kontakty:hover { background-position: 18px -125px; }

.sidebar-menu { width: 208px; height: 260px; padding: 0 0 0 0; background: transparent url(../img/img-layout/sidebar-menu.png) no-repeat left top }
.sidebar-menu ul { margin: 0; padding: 105px 0 0 32px; list-style-type: none; background-position: left top; background-repeat: no-repeat; }
.sidebar-menu ul li { margin: 0; padding: 0 0 5px 7px;  }
.sidebar-menu ul li.list-color-red { list-style-image: url(../img/img-layout/disc-red.gif); }
.sidebar-menu ul li.list-color-orange { list-style-image: url(../img/img-layout/disc-orange.gif); }
.sidebar-menu ul li.list-color-yellow { list-style-image: url(../img/img-layout/disc-yellow.gif); }
.sidebar-menu ul li.list-color-green-hell { list-style-image: url(../img/img-layout/disc-green-hell.gif); }
.sidebar-menu ul li.list-color-green-dark { list-style-image: url(../img/img-layout/disc-green-dark.gif); }
.sidebar-menu ul li.list-color-aqua { list-style-image: url(../img/img-layout/disc-aqua.gif); }


.contactdiv {width:300px; float:left}
.end-of-page { height: 40px; overflow: hidden; background: transparent url(../img/img-layout/end-of-page.png) no-repeat center top; clear:both }

ul.sidebar-image-menu { margin: 0; padding: 0; list-style-type: none; clear: both; }
ul.sidebar-image-menu li { margin: 0; padding: 0; display: block; clear: both; list-style-type: none; }
ul.sidebar-image-menu li a { height: 48px; width: 208px; margin: 2px 0; display: block; float: left; background-repeat: no-repeat; background-position: left top; }
ul.sidebar-image-menu li a:hover { background-position: 0 -48px; }
ul.sidebar-image-menu li a span { display: none }
a.rent-rady-a-tipy { background-image: url(../img/img-layout/rectangle-rady-a-tipy.png) }
a.rent-heldame-remeslniky { background-image: url(../img/img-layout/rectangle-heldame-remeslniky.png) }
a.rent-kontakty { background-image: url(../img/img-layout/rectangle-kontakty.png) }

.viewer { margin: 0; }
.viewer .viewer-top, .viewer .viewer-bottom { background-repeat: no-repeat; background-position: left top; }
.viewer .viewer-top { width: 620px; height: 38px; background-image: url(../img/img-layout/viewer-top.png); }
.viewer .viewer-bottom { width: 588px; height: 30px; padding: 23px 32px 0 0; clear: both; text-align: right; background-image: url(../img/img-layout/viewer-bottom.png); }
.viewer a.viewer-left, .viewer a.viewer-right { height: 335px; float: left; display: block; text-decoration: none; cursor: pointer; background-position: left top; background-repeat: no-repeat; }
.viewer a.viewer-left { width: 56px; background-image: url(../img/img-layout/viewer-left.png); }
.viewer a.viewer-right { width: 59px; background-image: url(../img/img-layout/viewer-right.png);  }
.viewer a.viewer-left:hover { background-position: -56px 0; }
.viewer a.viewer-right:hover { background-position: -59px 0; }
.viewer .viewer-content { width: 505px; height: 335px; position: relative; float: left; background: #ffffff url(../img/img-layout/preloader.gif) no-repeat center; text-align: center; }
.viewer .viewer-content .image-description { width: 100%; height: 20px; padding-top: 5px; text-indent: 5px; position: absolute; top: 0; left: 0; color: #000; text-align: left; font-weight: bold; background-color: #fff; opacity:.65; filter: alpha(opacity=65); -moz-opacity: 0.65; }
a.viewer-nav { cursor: pointer; text-decoration: none; line-height: 18px; font-size:10px; color: #575757; padding: 0 2px 0 3px; background: transparent url(../img/img-layout/viewer-separator.png) no-repeat 0 6px; }
a.viewer-nav:hover { color: #666666; line-height: 18px; }
a.no-back { background-image: url(); }
a.number-selected { color: #008987; font-size: 16px; background-position: 0 9px; } 

.grey-line {width: 494px; height: 1px; background-color: #d7d7d7; overflow: hidden; margin: 4px 0; padding: 0; clear: both;}
.grey-line-contact {width: 300px;}
table.pform .line { clear: both; padding-top: 5px; height: 10px;}
table.pform th { width: 250px; padding: 3px 3px 0 0; float: left; display: block; clear: left; font-weight: normal; text-align: left;}
table.pform th.contact { width: 63px; }
table.pform td {padding: 1px 0; width: 236px}
table.pform td.nowidht {width: auto;}
table.pform input {width: 223px; height: 16px; padding-top: 1px; vertical-align: top; line-height: 15px; float: left;}
table.pform input#send {height: auto; width: 90px; padding-top: 2px; line-height: 100%; margin-left: 148px;}
table.pform select {width: 230px; float: left;}
table.pform textarea {width: 232px; height: 80px; float: left; background-color: #e9e9e9; border: 1px #cbcbcb solid;}


.red-message, green-message {padding-top: 4px}
.red-message {color: red;}
.green-message {color: green;}

.nodisplay {display: none;}

.mini-info {font-size: 11px; font-style: italic}

.aright {text-align: right;}
.aleft {text-align: left;}