/************************** Hlavni bloky stranky ***********************************/
body { 
    margin:0; 
    padding:0; 
    font-family:"Tahoma", "Arial CE", "Verdana",Tahoma; 
    font-size:75%;
    color:#7e7e7e; 
    background:#CCD836 url('body.gif') repeat-x; 
}
#content { padding:136px 98px 0 95px; width:545px; background: url('content.gif') 0 85px no-repeat; margin:0px auto 0 auto; }
.article { padding:0 0 0 10px; width:535px; background:#fff url('article.gif') no-repeat; height:370px; overflow:auto; font-size:92%; }
#footer { text-align:center; padding:95px 98px 10px 160px; width:480px; background:url('footer.gif') no-repeat; margin:0px auto 0 auto; font-size:85%; color:#fff; }
#footer div {  padding:5px 0 10px 0px; }
.link-skola-vresovice { position:absolute; margin:31px 0 0 311px; }
.link-region-servis { position:absolute; margin:31px 0 0 70px; } 
/************************** Menu ***********************************/
#menu { position:absolute; top:14px; margin-left:179px; }
#menu li { float:left; width:88px; font-size:140%; margin:0 5px 0 0; padding:0;}
#menu a { text-align:center; text-decoration:none; color:#777e1a; display:block; padding:73px 0 17px 0; }

#menu a:hover { color:#1f1874; }
#menu a.info { background-image:url('menu/info.gif'); }
#menu a.info:hover { background-image:url('menu/info-hover.gif'); } 
#menu .click a.info { background-image:url('menu/info-active.gif'); }

#menu a.kontakty { background-image:url('menu/kontakty.gif'); }
#menu a.kontakty:hover { background-image:url('menu/kontakty-hover.gif'); }
#menu .click a.kontakty { background-image:url('menu/kontakty-active.gif'); }

#menu a.aktuality { background-image:url('menu/aktuality.gif'); }
#menu a.aktuality:hover { background-image:url('menu/aktuality-hover.gif'); }
#menu .click a.aktuality{ background-image:url('menu/aktuality-active.gif'); }

#menu a.galerie { background-image:url('menu/galerie.gif'); }
#menu a.galerie:hover { background-image:url('menu/galerie-hover.gif'); }
#menu .click a.galerie { background-image:url('menu/galerie-active.gif'); }

#menu a:hover { background-image:url('li-a-over.gif'); text-decoration:none; }
#menu .click a { color:#251f72; } 
/************************** Obecne elementy ***********************************/
img { border:0px; }
.oramovany { border:1px solid #777e1a; }
a { text-decoration:underline; color:#777e1a; }
a:hover { text-decoration:none; }

ul li { list-style-type:none; }
ul, ol { margin:0 0 1em 0; padding:0; }

.invisible { position:absolute; top:-10000px; line-height:0px; }
.link-logo { position:absolute; display:block; top:23px; margin-left:-27px; }
/************************** Formatovani obsahove casti ***********************************/
h1,h2 { margin:0 0 0.5em 10px; padding:4px 0 0 29px; background:url('h1.gif') no-repeat 0 5px; font-size:130%; color:#777e1a; }
.article h2 { color:#C3D22C; margin-left:0; padding:7px 0 3px 0; background-image:none; }
.article h5,h6,
.article h3,h4 { font-size:100%; color:#777e1a; margin:0; padding:0 0 0.7em 0; }
.article h5,h6 { font-weight:normal; }
.article h5,
.article h4 { color:#C3D22C; margin:0; padding:0 0 0.7em 0; }
.article p { margin:0; padding:0 0 0.7em 0; }
.article ol, .article ul { padding-bottom:0.8em; }
.article ul li { background:url('li.gif') no-repeat 0 5px; padding-left:10px; }
.article ol { padding:0; margin-left:22px; }
.article ol li { padding-left:0px; }
.article p { margin:0; }

.tabulka-uvod td {padding:1px;}
.tabulka-uvod img { display:block; margin:5px; }
.tabulka-uvod { margin:0 auto 0 auto; }

.gallery { margin:0; padding:0 0 0 38px; }
.article.gallery { width:498px; }
.gallery img { display:block; border:1px solid #777e1a; }
.gallery .gallery-row-paging { padding:2px 0 2px 0; line-height:150%; text-align:center; }
.gallery-row-paging a { margin:0 4px 0 4px; }
.gallery-table-detail { margin-top:10px; }
.link-back-to-sections { margin-left:3px; }
.gallery-table-sections strong { display:block; margin:0 0 4px 0; }