body { margin: 0; padding: 0; font-size: 74%; font-family: Tahoma, sans-serif, Verdana; background: url(../layout/backBody.gif) top repeat-x;}



/************************  NADPISY  **********************************/

h1 { color:#418aa3; font-family: Verdana; font-weight: normal; font-size: 170%; border-bottom: 1px dotted #dc1919; }

h2 { }








/************************ GLOBÁLNÍ ELEMENTY **************************/

.nobo { border: none;}

.clear { clear: both; height: 1px; background: transparent;}

.input { font-family: Tahoma; font-size: 1em; padding: 4px;}

.red { color: #b02e2e;}




/********************* HLAVNÍ POZIČNÍ ELEMENTY ***********************/

#kabat { width: 861px; margin: 0 auto; text-align: center;}

#logo { float: left; width: 274px; height: 74px; background: url(../layout/logo.png) no-repeat; margin-left: 20px;}

* html #logo { margin-left:10px; }        


#menuTop {float: left; margin: 10px 15px 0 -20px; width:570px;}


#main {width: 829px; margin-top:-1px; background: url(../layout/backRamecek.png) top left no-repeat; padding: 16px 16px 0 16px; text-align: left;}        
* html #main { margin-top: -16px;}      


#bottom { width: 861px; height:93px; background: url(../layout/backBottom.gif) no-repeat; margin-bottom: 0px; font-size: .85em; color: #16333e;}

    #bottom a { color:#16333e; text-decoration: underline;}
    
    #bottom a:hover { color: white;}

    .bottomLeft { float: left; margin: 56px 0 0 26px;}
    * html .bottomLeft { margin-left: 14px;}
    
    .bottomRight { float: right; margin: 56px 26px 0 0;}
    * html .bottomRight { margin-right: 14px;}


#left { float: left; width:231px;}

    .nadpisKolonky { width: 221px; height: 29px; background: url(../layout/backNadpis.gif) left no-repeat; margin-top: 6px; color: #498ea7; font-family: Verdana; font-size: 1.1em; font-weight: bold; padding: 12px 0 0 10px;}
    
    .obsahKolonky { width: 180px; border-right: 1px solid #efefef; line-height: 1.5; padding-right: 10px; margin: 10px 0 10px 20px;}
    
        .datumAkt {font-size: .85em; color: #b02e2e;}

#content {float: right; width: 570px; line-height: 1.7; text-align: justify; padding-right: 10px;}







        

/********************* KONTAKTY ***********************/          
                                                                                  
.recaptcha {margin-bottom: -10px; border: none;}                                                                                  

.formText {font-size: .85em; color: #949494;}

.submitForm { font-size: .85em; padding: 2px 4px; font-weight: bold; cursor: pointer;}

.tabKontakty td {border-bottom: 1px solid #efefef; padding: 10px 0;}

.tableKontakt { font-size: .9em;}

/********************* MENU TOP ***********************/          

.menu { display: table; margin: auto; width: 550px; padding: 1px; list-style-type: none;}
* html .menu {margin: 0}

    .menu li { float: left; display: inline; width: 97px; margin: 20px 5px 0 6px; font-family: Verdana;}
    * html .menu li a {width: 100%;}
    
    .menu a { display: block; color: #fff; background: url(../layout/menuOff.png) no-repeat; text-decoration: none; padding: 6px 0 20px 0;}
    * html .menu a {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../layout/menuOff.png', sizingMethod='fixed'); background: none;}
    
    .menu a:hover { color:#fff; background: url(../layout/menuOn.png) no-repeat;}
    * html .menu a:hover {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../layout/menuOn.png', sizingMethod='fixed'); background: none;}
    




/********************* MENU LEFT ***********************/ 

.menuLeft { display: table; margin-left:10px ; padding: 1px; width: 200px; list-style-type: none; }

    .menuLeft li { float: left; display: inline; width: 188px; padding: 6px 0 6px 12px; border-bottom: 1px dotted #E0E0E0; background: url(../layout/sipka.gif) left no-repeat;}
    * html .menuLeft li a {width: 100%;}

    .menuLeft a, .menuLeft a:visited { display: block; color: #2e7d9a; text-decoration: none; border-bottom: 1px solid white;}

    .menuLeft a:hover {color:#e32929; text-decoration: underline;}