body, div, table, table tr, table tr td, img
{
    margin:0px;
    padding:0px;
    border-style:none;

    color: #000;
    font-size:14px;
    font-family: "Arial";
}

body
{
    background-color:#999;
    overflow-y:scroll;
}

#page
{
    position: relative;
    margin: auto;
    top:5px;
    width:794px;
    background-color:#FFF;
}

#logoUpperPart
{
    width:100%;
    height:154px;
    font-size:0px;
    line-height:0px;
}

#logoUpper
{
    width:100%;
    height:100%;
}

#sideMenuPart
{    
    width:259px;
    float:left;    
}

#contentPart
{    
    width:535px;    
    float:left;
}

#logoBottom
{
    width:100%;
    height:127px;
}

 #content
 {
     padding:8px;
     padding-left:25px;
 }

#footerPart
{
    clear:both;
    border-top:1px #02236A solid;    
    padding:8px;
    text-align:center;
    background-color:#ccc;
}

/************* ELEMENTY *******************************************************/
 h1,h2,h3,h4
 {
     margin:0px;
     padding:0px;
     padding-bottom:1px;
     margin-top:5px;
     margin-bottom:7px;
 }

 h1,h2
 {
     color:#02236A;
     font-weight:bold;
     font-size:120%;
     border-bottom:2px #02236A solid;
 }

 h2
 {
     font-size:115%;
     border-bottom-style:none;
 }

 hr
 {
     color:#02236A;
     background-color:#02236A;
     border-style:none;

     border-top-color:#02236A;
     border-top:solid;
     border-width:1px;

     height:0px;
}

a:link, a:visited
{
    text-decoration: none; color: #02236A;
}

a:hover, a:active
{
    text-decoration: underline; color: #000;
}

li
{
    margin-top:4px;
}

li.href
{
    list-style-image:url("imgs/arr.gif");
    margin-top:8px;
    margin-bottom:8px;
}

p
{
    margin:0px;
    padding:0px;
    padding-right:8px;
    text-indent:20px;
    text-align:justify;
}

/*************  *******************************************************/
p.noIndend
{
    text-indent:0px;
}

span.note
{
    font-size:80%;
    font-style:italic;
}

/************* BOCNI MENU *****************************************************/
.sideMenu
{
    border-collapse:collapse;
    width:100%;
}

#page .sideMenu .sideMenuUpperEdge td,
#page .sideMenu .sideMenuBottomEdge td,
#page .sideMenu .sideMenuDivider td,
#page .sideMenu .sideMenuSideLine
{
    background-color:#02236A;
    font-size:0px;
    line-height:0px;
}

.sideMenuEdge, .sideMenuEdgeImg
{
    width:4px;
    height:4px;
}

.sideMenuUpperEdge td
{
    height:4px;
}

.sideMenuSideLine
{
    width:4px;
}

.sideMenuElement, .sideMenuElement2
{
     background-color:#bbb;     
     padding:4px;
}

.sideMenuElement2
{
    background-color:#999;
}

.sideMenuDivider td
{
    height:1px;
}

.sideMenuBottomEdge td
{
    height:4px;
}

.sideMenuCat
{
    line-height:0px;
    font-size:0px;
}

.sideMenuCatImg
{
    width:100%;
}

.sideMenuEmailPart
{
    padding:10px;
    background-color:#bbb;
}

.sideMenuEmailPart form
{
    _float:left;
}


/************* KONTAKTY *******************************************************/
.kontakt
{
    width:100%;
}

.kontakt tr td
{
    vertical-align:top;
}

.kontaktBold td
{
    font-weight:bold;
    font-size:110%;
    text-decoration:underline;
}

.kontaktSmall
{
    font-size:85%;
}

.kontaktBig
{
    padding-top:2px;
    padding-bottom:2px;
    color:#02236A;
    font-weight:bold;
}

/************* MAR ************************************************************/
.marTable
{
    border-collapse:collapse;
    width:100%;
}

.marKategorie, .marKategorieHover, .marObsahDiv
{
    background-color:#bbb;
    border:1px #02236A solid;
}

.marKategorie, .marKategorieHover
{
    padding:2px;
    text-align:center;
    border-bottom-style:none;
}

.marKategorieHover
{
    font-weight:bold;
    background-color:#aaa;
    font-size:110%;
    cursor:pointer;
}

.marObsahDiv
{    
    padding-right:16px;
    text-align:justify;
}

/************* VYPIS ZARIZENI**************************************************/
.nazevKategorie
{
    background-color:#bbb;
    border:1px #02236A solid;
    margin-top:8px;
    margin-right:8px;
}

.nazevKategoriePopis, .nazevKategoriePopisHover
{
    padding:4px;
}

.nazevKategoriePopisHover
{
    font-weight:bold;
    background-color:#aaa;
    font-size:110%;
    cursor:pointer;

}

.obsahKategorie
{
    border-top:1px #02236A solid;
    padding:4px;
    display:none;
}

.kategorieBold
{
    font-weight:bold;
}

p.bold
{
    font-weight:bold;
}

/************* INDEX PAGE *****************************************************/
#mainMenuSponzorDiv
{
    position:absolute;
    padding:4px;
    left:330px;
    top:665px;
    height:30px;
    width:110px;
}

.mainMenuTextTable, .mainMenuSponzorTable
{
    width:100%;
    height:100%;
    border-collapse:collapse;
}

.mainMenuBT
{
    width:10px;
    height:10px;
    font-size:0px;   
}

.mainMenuLT
{
    height:10px;    
}

.mainMenuSL, .mainMenuSponL
{
    width:10px;    
    height:330px;
}

.mainMenuSponL
{
    height:20px;
}

#mainMenuSponzorSpan
{
    background-color:#C0C0C0;
    height:100%;
    padding:2px;
}

.mainMenuBorder, .mainMenuBorderLn, .mainMenuBorderLnSide
{
    width:10px;
    height:10px;
}

.mainMenuBorderLn
{    
    width:100%;
}

.mainMenuBorderLnSide
{
    height:100%;
}

.mainMenuSponL, .mainMenuBT, .mainMenuLT, .mainMenuSL
{
    font-size:0px;
    line-height:0px;
}

#mainMenuTextDiv
{
    position:absolute;
    width:268px;
    top:162px;
    left:8px;
}

#mainMenuPart, #mainMenuDesktop /* div obláčky  */
{
    height:481px;
}

#mainMenuDesktop
{
    height:500px;
    position:absolute;
    top:281px;
    left:0px;
    width:794px;
    background-image:url("imgs/mainBg3.jpg");
}

/* OVALY */
.mainMenu
{
    position:absolute;
}

.mainMenuOval, .mainMenuOvalHover /* div ve kterém je tabulka s obr a popiskem */
{
    width:150px;
    height:80px;
    margin:auto;
    position:relative;
}

.mainMenuOvalHover /* */
{
    width:170px;
    height:90px;
}

.mainMenuABg /* obrázek pod popiskem */
{
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    width:100%;
    height:100%;
}

.mainMenuA /* 1 položka menu, jde o tabulku (vtniřní, je v ní popisek a obrázek) */
{
    height:100%;
    width:100%;
}

.mainMenuA tr td /* */
{
    vertical-align:middle;
    text-align:center;
}

.mainMenuText, .mainMenuTextHover /* div s textovým popiskem */
{
   z-index:2;
   position:relative;
   font-size:100%;
   padding:10px;
}

.mainMenuTextHover /* */
{
    font-size:120%;
}