body { margin:0; padding:0; color: #000; background: #F8FAF7 /*#efebe7*/; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%; }
h1 { font-size: 110% }

#page { width: 80%; align: center; margin: 40px 5%; border: 2px solid #d4d0c8; color: #000; background: #fff }

#pruh-hlavicka { float: left; display: block; width: 100%; height: 5px; text-align: center; font-weight: bold; font-size: 70%; color: #000; padding: 10px 0; background-color: #C7B299 }
#pruh-hlavicka a:link { color: #000; text-decoration: none }
#pruh-hlavicka a:visited { color: #000; text-decoration: none }
#logo { float: left; display: block; width: 12%; height: 93px; text-align: center; background: #C7B299 url('../img/logo.gif') no-repeat 50% 50%;  }
#foto-aktuality { float: left; display:block; width: 28%; height: 93px; text-align: center; background: #C7B299 url('../img/hlavicka/tata.jpg') no-repeat;  }
#foto-onas { float: left; display: block; width: 28%; height: 93px; text-align: center; background: #C7B299 url('../img/hlavicka/holcicka.jpg') no-repeat;  }
#foto-proklienty { float: left; display: block; width: 28%; height: 93px; text-align: center; background: #C7B299 url('../img/hlavicka/ruka.jpg') no-repeat;  }
#foto-sluzby { float: left; display: block; width: 28%; height: 93px; text-align: center; background: #C7B299 url('../img/hlavicka/decka.jpg') no-repeat;  }
#foto-prevence { float: left; display: block; width: 28%; height: 93px; text-align: center; background: #C7B299 url('../img/hlavicka/prevence.jpg') no-repeat;  }
#foto-covaszajima { float: left; display: block; width: 28%; height: 93px; text-align: center; background: #C7B299 url('../img/hlavicka/septem.jpg') no-repeat;  }
#foto-kestazeni { float: left; display: block; width: 28%; height: 93px; text-align: center; background: #C7B299 url('../img/hlavicka/kluci.jpg') no-repeat;  }
#foto-literatura { float: left; display: block; width: 28%; height: 93px; text-align: center; background: #C7B299 url('../img/hlavicka/modra.jpg') no-repeat;  }
#foto-kontakt { float: left; display: block; width: 28%; height: 93px; text-align: center; background: #C7B299 url('../img/hlavicka/holky.jpg') no-repeat;  }
#foto-sponzori { float: left; display: block; width: 28%; height: 93px; text-align: center; background: #C7B299 url('../img/hlavicka/kniha.jpg') no-repeat;  }
#foto-odkazy { float: left; display: block; width: 28%; height: 93px; text-align: center; background: #C7B299 url('../img/hlavicka/telefonie.jpg') no-repeat;  }

#nadpis { float: left; display: inline; width: 59.9%; height: 93px; text-align: center; _padding: 20px 0 0 0; background: #C7B299 } /* */

#levy { font-size: 80%; float: left; width: 12%;}

.aktualni-stranka { display: block;  height: 93px }

#obr-aktuality { background: #FFCC33 url('../img/menu/aktuality.gif');  }
#obr-o-nas { background: #E89508 url('../img/menu/cinnost.gif') no-repeat;  }
#obr-sluzby-poradny { background: #CC6633 url('../img/cinnost.gif');  }
#obr-prevence {	background: #66CC33 url('../img/cinnost.gif');  }
#obr-co-vas-zajima { background: #44aa11 url('../img/septem.gif');  }
#obr-ke-stazeni { background: #228800 url('../img/cinnost.gif');  }
#obr-literatura { background: #33CCFF url('../img/cinnost.gif');  }
#obr-kontakt { background: #0099FF url('../img/cinnost.gif');  }
#obr-odkazy { background: #1177FF url('../img/cinnost.gif');  }

.menu { float: left; width: 100%}
.menu ul { list-style-type: none; margin-top: 1px; margin: 0%; width: 100%; padding:0%}
.menu ul li { height: 53px; margin-top: 1px}
.menu a:link { color: #000; text-decoration: none; padding: 5px; text-align: right }
.menu a:visited { color: #000; text-decoration: none; padding: 5px; text-align: right }
                    
#aktuality { background: #FFCC33 }
#o-nas { background: #E89508 }
#sluzby-poradny { background: #CC6633 }
#prevence { background: #66CC33}
#co-vas-zajima { background: #44aa11  }
#ke-stazeni { background: #228800}
#literatura { background: #33CCFF  }
#kontakt { background: #0099FF }
#odkazy { background: #1177FF}
#pocitadlo { background: #F8FAF7; text-align: center; font-size: 80%; align: center;}

#obsah { width: 87%; float: right }

#text {	display: block; float: left;  width: 95%;_width: 100%;  padding: 20px; font-size: 80%; text-align: left }

#text h2 { font-size: 130%; border-bottom: 1px solid grey; padding-bottom: 1em  }
#text h3 { font-size: 110%; border-top: 1px solid grey; padding-top: 1em }
#text h4 { font-size: 100%; border-top: 1px solid grey; padding-top: 1em }
#text table {font-size: 80%; border: 1px solid grey;}
#text th {text-align: center; border: 1px solid grey; padding: 5px}
#text td {border: 1px solid grey; padding: 5px}
#tab table {font-size: 90%; border: 0px solid grey;}
#tab td {border: 0px solid grey; padding: 5px}
.motto {	font-size: 85%; font-style: italic }

img {vertical-align: middle; float: left; clear: both}

#paticka {float: left; width: 100%; background: #C7B299; text-align: center; padding: 10px; font-size: 80%; font-weight: bold; color: #000}
#paticka a { text-decoration: underline }