html { margin: 0; padding: 0; }
body { background: #888 url("../images/bg-footer-repeat.gif") 0 100% repeat-x; margin: 0; padding: 0; font-family: Arial, Verdana, sans-serif; }

img { display: block; border: 0px; }
img.fright { float: right; margin: 5px 0px 15px 15px; }
img.fleft { float: left; margin: 5px 15px 15px 0px;}
img.fcenter { display: block; margin: 0px auto; }

div.fleft { float: left; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }


/* LAYOUT STRÁNEK + POZADÍ */
#page { margin: 0 auto; padding: 0; width: 950px; }
#bgtop { background: #888 url("../images/bg-top.gif") 0 0 no-repeat; height: 50px; }
#bgmiddle { background: #888 url("../images/bg-middle.gif") 0 0 repeat-y; }
#bgbottom { background: #888 url("../images/bg-footer.gif") 0 0 no-repeat; padding-top: 65px; height: 60px; color: white; font-size: 10pt; text-align: center; }
#bgbottom p { margin: 0; padding: 0; }


/* HLAVIČKA + BANNER */
#banner { background: #fff url("../images/banner.jpg") 0 0 no-repeat; margin: 0px auto; width: 850px; height: 230px; }
#banner img { margin: 15px 0 0 85px; }
p#header { position: relative; top: -10px; color: #888; margin: 0 5px 0 0; font-size: 14pt; font-style: italic; font-weight: bold; text-align: right; letter-spacing: 0.15em; }
p#header span.white { color: white; }


#toplist { margin: 20px 0px; text-align: center; }
#toplist img { margin: 0px auto; }


/* HLAVNI MENU */
#menu { background: gray url("../images/menu-gray.gif") 0 0 no-repeat; margin: 5px auto 0; border: 0; padding: 0; width: 850px; height: 30px; overflow: hidden; }
#menu ul { color: white; margin: 0; border: 0; padding: 0; list-style: none; }
#menu ul li { float: left; color: white; margin: 2px 0 0 0; border: 0; padding: 0; height: 26px; font-family: Verdana; font-size: 10pt; font-weight: bold; }
#menu ul li a { display: block; color: white; margin: 0; border: 0; padding-top: 4px; padding-bottom: 4px; text-align: center; text-decoration: none; }
#menu ul li.color a, #menu ul li a:hover { color: #000; }
#menu ul li#mb1 { margin-left: 14px; width: 75px ;}
#menu ul li#mb2 { width: 99px ;}
#menu ul li#mb3 { width: 117px ;}
#menu ul li#mb4 { width: 179px ;}
#menu ul li#mb5 { width: 114px ;}
#menu ul li#mb6 { width: 138px ;}
#menu ul li#mb7 { width: 99px ;}
#mb1:hover, #mb1.color { background: transparent url("../images/menu-green.gif") 0 0 repeat-x; }
#mb2:hover, #mb2.color { background: transparent url("../images/menu-blue.gif") 0 0 repeat-x; }
#mb3:hover, #mb3.color { background: transparent url("../images/menu-orange.gif") 0 0 repeat-x; }
#mb4:hover, #mb4.color { background: transparent url("../images/menu-yellow.gif") 0 0 repeat-x; }
#mb5:hover, #mb5.color { background: transparent url("../images/menu-red.gif") 0 0 repeat-x; }
#mb6:hover, #mb6.color { background: transparent url("../images/menu-purple.gif") 0 0 repeat-x; }
#mb7:hover, #mb7.color { background: transparent url("../images/menu-turquoise.gif") 0 0 repeat-x; }


/* NAVIGACE */
#navibar { background: #dfdfdf url("../images/bg-navibar.gif"); color: black; margin: 2px 0 0 47px; padding: 7px 10px 1px; width: 834px; height: 21px; font-size: 8pt; }
#navibar a { color: #000; font-weight: bold; text-decoration: none; }
#navibar a:hover { text-decoration: underline; }


/* SUBMENU */
#submenu { clear: both; float: left; margin: 5px 0 0px 50px; padding-bottom: 10px; width: 225px; }
#submenu h3 { margin: 0; border: 0; padding: 6px 0 0 0; height: 24px; text-align: center; font-size: 10pt; }
#submenu ul { margin: 0; border: 0; padding: 5px 10px 0px 10px; font-size: 10pt; list-style: none; }
#submenu ul li { border-bottom: 1px solid white; padding: 3px 5px; line-height: 1.8em; }
#submenu ul li a { color: #000; font-size: 10pt; font-weight: bold; text-decoration: none; }

#submenu.aboutus {  }
#submenu.aboutus h3 { background: white url("../images/lm-green-top.gif") 0 0 no-repeat; }
#submenu.aboutus ul { background: white url("../images/lm-green-middle.gif") 0 0 repeat-y; }
#submenu.aboutus ul li { border-bottom: 1px solid green; }
#submenu.aboutus div.submenufooter { background: white url("../images/lm-green-bottom.gif") 0 0 no-repeat; margin-bottom: 20px; width: 225px; height: 10px; }

#submenu.documents {  }
#submenu.documents h3 { background: white url("../images/lm-orange-top.gif") 0 0 no-repeat; }
#submenu.documents ul { background: white url("../images/lm-orange-middle.gif") 0 0 repeat-y; }
#submenu.documents ul li { border-bottom: 1px solid #fd6b09; }
#submenu.documents div.submenufooter { background: white url("../images/lm-orange-bottom.gif") 0 0 no-repeat; margin-bottom: 20px; width: 225px; height: 10px; }

#submenu.services { }
#submenu.services h3 { background: white url("../images/lm-yellow-top.gif") 0 0 no-repeat; }
#submenu.services ul { background: white url("../images/lm-yellow-middle.gif") 0 0 repeat-y; }
#submenu.services ul li { border-bottom: 1px solid #a09004; }
#submenu.services div.submenufooter { background: white url("../images/lm-yellow-bottom.gif") 0 0 no-repeat; margin-bottom: 20px; width: 225px; height: 10px; }

#submenu.skjedlicka { }
#submenu.skjedlicka h3 { background: white url("../images/lm-red-top.gif") 0 0 no-repeat; }
#submenu.skjedlicka ul { background: white url("../images/lm-red-middle.gif") 0 0 repeat-y; }
#submenu.skjedlicka ul li { border-bottom: 1px solid red; }
#submenu.skjedlicka div.submenufooter { background: white url("../images/lm-red-bottom.gif") 0 0 no-repeat; margin-bottom: 20px; width: 225px; height: 10px; }

#submenu.helpus { }
#submenu.helpus h3 { background: white url("../images/lm-purple-top.gif") 0 0 no-repeat; }
#submenu.helpus ul { background: white url("../images/lm-purple-middle.gif") 0 0 repeat-y; }
#submenu.helpus ul li { border-bottom: 1px solid #9033aa; }
#submenu.helpus div.submenufooter { background: white url("../images/lm-purple-bottom.gif") 0 0 no-repeat; margin-bottom: 20px; width: 225px; height: 10px; }

#submenu ul li.last { border-bottom: 0px; }


/* OBSAH */
#content { float: left; background: #fff url("../images/bg-content.gif") 0 0 no-repeat; color: #303030; margin: 5px 0 0 25px; padding: 0px 20px 0px; width: 560px; min-height: 400px; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 10pt; line-height: 1.6em; text-align: justify; }
#content a { color: #303030; }
#content a.pdf { display: inline-block; padding-right: 25px; background: transparent url("../images/pdf_icon-20.gif") center right no-repeat; }
#content a.pdfleft { display: inline-block; padding-left: 25px; background: transparent url("../images/pdf_icon-20.gif") center left no-repeat; }
#content a.pdfleftbw { display: inline-block; padding-left: 25px; background: transparent url("../images/pdf_icon-20-bw.gif") center left no-repeat; }
#content.wide { background: #fff url("../images/bg-content-hp.gif") 0 0 no-repeat; margin-left: 50px; width: 810px; }
#content h1, #content h2 { font-family: Arial, Verdana, sans-serif; color: #444; }
h1 { margin: 10px 0 5px; padding: 0; width: 100%; font-size: 16pt; text-align: left; }
h2 { margin: 15px 0 5px; padding: 0; width: 100%; font-size: 12pt; text-align: left; }
ul.zamestnanci>li { margin-bottom: 10px; }

/* BARVY NADPISŮ H1, BAREVNÉ PODTRŽENÍ NADPISŮ H2 */
#content.aboutus h1 { color: green; }
#content.aboutus h2 { border-bottom: 2px solid green; }
#content.news h1, #content.news h2 { color: #3f6a96; }
#content.news h2 { border-bottom: 2px solid #3f6a96; margin-top: 20px; }
#content.news h2.black { color: #000; border-bottom: 2px solid #000; margin-top: 20px; }
#content.documents h1, #content.documents h2 { color: #de6718; }
#content.documents h2 { border-bottom: 2px solid #de6718; margin-top: 20px; clear: both; }
#content.documents h2.standard { border: 0px; }
#content.documents h2.standard a { display: inline-block; padding-left: 50px; background: transparent url("../images/folder-icon2.gif") center left no-repeat; height: 30px;}
#content.services h1 { color: #a7991d; }
#content.services h1 { color: #8b7d00; }
#content.services h2 { border-bottom: 2px solid yellow; clear: both; }
#content.skjedlicka h1 { color: #ca1e1e; }
#content.skjedlicka h2 { border-bottom: 2px solid #ca1e1e; margin-top: 20px; clear: both; }
#content.helpus h1, #content.helpus h2 { color: #913ba9; }
#content.helpus h2 { border-bottom: 2px solid #913ba9; margin-top: 20px; }
#content.contacts h1 { color: #43aea9; }
#content.contacts h2 { border-bottom: 2px solid #43aea9; }


/* Aktuality */
p.newsdate { margin: 0px; padding: 0px; font-size: 8pt; }
p.newsyears { margin: 0px; padding: 0px; font-weight: bold; text-align: center; }
#content.news div.aktfoto { width: 800px; }
#content.news div.aktfoto img { background-color: #c9e4ff; margin: 6px 6px; border: 1px solid #3f6a96; padding: 3px; }
#content.news div.cols { margin-left: 35px; width: 230px; float: left; }

/* O nás */
#content.aboutus div.aktfoto { width: 560px; }
#content.aboutus div.aktfoto img { background-color: #c9e4ff; margin: 6px 6px; border: 1px solid #3f6a96; padding: 3px; }


/* Služby */
#content.services div.aktfoto { width: 560px; }
#content.services div.aktfoto img { background-color: #c9e4ff; margin: 6px 6px; border: 1px solid #3f6a96; padding: 3px; }


/* SK Jedlička */
p strong.red { color: #ca1e1e; }
#content.skjedlicka div.aktfoto { width: 560px; }
#content.skjedlicka div.aktfoto img { background-color: #c9e4ff; margin: 6px 6px; border: 1px solid #3f6a96; padding: 3px; }
table.calendar { border-collapse: collapse; }
table.calendar tr td { border: 1px solid gray; padding: 2px 20px; }
.skperson { float: left; width: 180px; text-align: center; }
.skperson img { background-color: #c9e4ff; margin: 5px auto; border: 1px solid #3f6a96; padding: 3px; }

/* Sponzoři */
#content.helpus div.loga img { float: left; margin: 0px 10px; }
div.helpusfoto { width: 560px; }
div.helpusfoto img { background-color: #c9e4ff; margin: 6px 4px; border: 1px solid #3f6a96; padding: 3px; }


/* Kontakty */
.contBox { clear: both; }
.contBox p { float: left; margin: 0; padding: 0; width: 390px; }
.contBox p.strong { padding: 0px 20px 0 0; width: 140px; font-weight: bold; text-align: right; }
#content.contacts .contBox p { width: 640px; }
#content.contacts .contBox p.strong { width: 140px; }
div.contactbox { float: left; background: #fff url("../images/bg-contactbox.gif") 0 0 no-repeat; margin-left: 15px; margin-top: 10px; padding: 0px 15px 0px; width: 350px; height: 160px; }
#content.skjedlicka div.contactbox { background: #fff url("../images/bg-contactbox-sk.gif") 0 0 no-repeat; }
div.contactbox p { margin: 0px; padding: 0px; }
div.contactbox p.contNameBox { float: left; margin-top: 10px; width: 225px; text-align: left; }
div.contactbox p.contNameBox strong { font-size: 12pt; }
div.contactbox p.contPhoto { float: right; margin-top: 14px; width: 125px; }
div.contactbox p.contPhoto img { border: 1px solid #43aea9; padding: 3px; }
#content.skjedlicka div.contactbox p.contPhoto img { border: 1px solid #888; padding: 3px; }
#content.contacts img.fright { border: 1px solid #43aea9; padding: 3px; margin-right: 88px; margin-top: 13px; }


/* CleanerBox */
.clrbox { display: block; clear: both; width: 1px; height: 0px; overflow: hidden; }