/* OBECNÉ STYLY */
body{font-size: 13px; color: #565656; font-family: Georgia}
span,body,table,ul,p,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
ul{list-style: none}
a{text-decoration: none; color: #a10e0e}
a:hover{text-decoration: underline}
a img{border: 0 none}
p{line-height: 18px; margin-bottom: 10px}
/* DALSI STYLY */

#menu a{display: block; position: absolute}
#menu a span{display: none}

#menu a.index{width: 199px; height: 38px;margin: 128px 0 0 103px}
#menu a.biografie{width: 209px; height: 35px;margin: 53px 0 0 90px}
#menu a.odkaz{width: 200px; height: 38px;margin: 90px 0 0 94px}
#menu a.kontakt{width: 154px; height: 33px;margin: 138px 0 0 354px}
#menu a.o-nas{width: 154px; height: 33px;margin: 107px 0 0 358px}
#menu a.podpora{width: 154px; height: 33px;margin: 73px 0 0 354px}

#menu a.index:hover{background: url(../images/a-index.jpg); display: block;}
#menu a.biografie:hover{background: url(../images/a-biografie.jpg); display: block;}
#menu a.odkaz:hover{background: url(../images/a-odkaz.jpg); display: block;}
#menu a.kontakt:hover{background: url(../images/a-kontakty.jpg) no-repeat 7px 7px; display: block;}
#menu a.o-nas:hover{background: url(../images/a-o-nas.jpg) no-repeat 6px 5px; display: block;}
#menu a.podpora:hover{background: url(../images/a-podpora.jpg) no-repeat 4px 7px; display: block;}

#right-content{margin-bottom: 100px}
#right-content h1{font-size: 28px; color: #565656; margin: 50px 0; font-weight: normal; }
#right-content ul li{margin-bottom: 5px; background: url(../images/li-bg.gif) no-repeat 2px 4px; padding-left: 20px}

#logo{position: absolute; margin: 50px 0 0 100px}
.portret-komensky{position: absolute; margin: 200px 0 0 100px}
#pero{position: absolute; width: 145px; height: 150px; background: url(../images/footer-pero.png); margin-top: -100px; margin-left: -150px; 
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://template.komenius.cz/default/images/footer-pero.png', sizingMethod='scale');
}

#files li{padding-left: 35px !important}
#files li.application_xls{background: url(../images/icon-xls.gif) no-repeat left top}
#files li.application_pdf{background: url(../images/icon-pdf.gif) no-repeat left top}
#files li.application_pps{background: url(../images/icon-pps.gif) no-repeat left top}
#files li.application_doc, #files li.application_octet-stream{background: url(../images/icon-word.gif) no-repeat left top}

.o-nas img{float:  left; margin-right: 20px}

/* OBECNE NASTAVENI PRVKU LAYOUTU (barva, vyska, border...) */
body{background: #f7f1ea}
#main{min-height: 650px; background: #f8f4ed url(../images/body-bg.jpg) repeat-y}
#menu{background: url(../images/menu.jpg) no-repeat; width: 577px; height: 257px; margin-left: -64px; position: relative; z-index: 2}
#left{background: }
#right{}
#footer{background: url(../images/footer-bg.gif) repeat-x; height: 86px}
#footer-content{width: 700px; margin: 0 auto; padding-left: 300px; padding-top: 20px}


/* SIRKY PRVKU LAYOUTU !!!! obecne !!!! */
#header,#content{width: 1000px;} /* hlavni velikost boxu */ 
#left{width: 450px;}
#right{width: 475px; padding-right: 100px;  _padding-right: 55px}



/* KOREKTNI ZOBRAZENI  !!!! nemenit !!!! */
#content,#content #left,#content #right{position: relative} 
#main,#content,#header,.cb{margin: 0 auto; display: block}
#content,#footer{display: block}
#content #left{float: left; display: block}
#content #right{float: right; display: block}
.cb{clear:both; height: 0px; overflow: hidden; _clear: none;}