html, body {
      background-color: #BDC4C6; 
      background-image: url('../obr/bg.jpg'); 
      background-repeat: repeat-x; 
      margin: 0px; 
      padding: 0px;}
      
      p{color: black;}
      

    li{
    margin-top: 5px;
    margin-bottom: 5px;
    list-style-type: none;
    margin-left: 10px;
    }
        .prvni{
    /*margin-left: 20px;*/
    list-style-type: disc;
    }
    
    div.main {
      position: relative; 
      margin-left: auto; 
      margin-right: auto; 
      width: 777px; 
      text-align: left;
      background-color: transparent;}
      
    div.logo {
      position: relative;
      top: 30px;
      width: 747px;
      height: 163px;
      background-image: url('../obr/logo04.png'); 
      background-repeat: no-repeat;
      background-color: transparent;
      border: 10px solid white;
      border-bottom: 0px;}
      
      div.logo div.menu {
        position: relative;
        top: 128px;
        left: 17px;
        background-color: transparent;
        width: 715px;}
        
        div.logo div.menu a {
          text-decoration: none;
          font-family: Arial;
          color: white;
          font-size: 12px;}
          
          div.logo div.menu a:hover {
            color: black;}
          
    /*a#prvni {
      margin-left: 4px;}
      
    a#druhy {
      margin-left: 39px;}
      
    a#treti {
      margin-left: 37px;}
      
    a#ctvrty {
      margin-left: 39px;}
      
    a#paty {
      margin-left: 37px;}
      
    a#sesty {
      margin-left: 37px;}*/
      
    img#fblogo {
      width: 60px;
      height: 60px;}

      
    div.top {
      position: relative;
      top: 28px;
      width: 767px;
      text-align: right;
      color: white;
      font-family: Arial;
      font-size: 11px;}
      
    div.menu {
      /*position: relative;*/ 
      top: 130px; 
      left: 97px; 
      background-color: #008000; 
      float: left;
      width: 157px;/*853px*/
      border: 10px solid white;
      border-top: 0px;
      padding: 10px;
      padding-top: 40px;
      padding-bottom: 40px;
      padding-right: 0px;
      margin-top: 30px;}
      
      div.menu a {
          text-decoration: none;
          font-family: Arial;
          color: white;
          font-size: 14px;
          display: block;
          padding-bottom: 10px;}
          
      div.menu a.podkategorie {
          text-decoration: none;
          font-family: Arial;
          color: white;
          font-size: 14px;
          display: block;
          padding-bottom: 10px;
          padding-left: 20px;}
          
      div.menu a.prihlas {
          text-decoration: none;
          font-family: Arial;
          color: red;
          font-size: 14px;
          display: block;
          padding-bottom: 10px;
          font-weight: bold;}
          
          div.menu a:hover {
            color: black;}
            
      img#fblogo {
        width: 60px;
        height: 60px;} 
        
      a#facebook {
        display: inline;} 
        
    div.magistrat {
      color: white; 
      font-family: Arial; 
      font-size: 10px;
      padding: 20px;
      padding-left: 0px;
      padding-bottom: 5px;}          
    
    div.text {
      position: relative; 
      top: 30px;
      left:-10px;
      float: left;
      width: 570px;/*747*/ 
      background-color: transparent; 
      color: black; 
      font-family: Arial; 
      font-size: 12px;
      text-align: justify;
      border: 10px solid white;
      border-top: 0px;}
      
    div.pruh {
      width: 100%;/*747*/ 
      height: 5px;
      background-color: white;
      margin-top: 10px;}
      
    div.pruhMenu {
      width: 90%;/*747*/ 
      height: 5px;
      background-color: white;
      margin-top: 10px;
      margin-bottom: 10px;}
                  
    div.bottom {
      clear: both;
      font-size: 11px;
      color: white;
      position: relative;
      top: 28px;
      width: 767px;
      padding-bottom: 30px;}
      
      div.bottom a {
        text-decoration: none;
        color: white;
        font-family: Arial;
        font-size: 11px;}
        
        div.bottom a:hover {
          color: black;}
          
      div.bottom div.right {
        width: 580px;
        margin-top: 5px;
        float: right;
        text-align: right;
        text-decoration: none;
        color: white;
        font-family: Arial;
        font-size: 11px;}
        
    div.inner {
      padding: 20px;
      padding-bottom: 40px;
      padding-left: 25px;
      background-color: transparent;
      color: black;
      font-family: Arial;
      font-size: 13px;
      font-weight: normal;}
      
      div.inner span {
        color: black;
        font-family: Arial;
        font-size: 12px;}
        
        div.inner div.white {
          color: white;
          font-family: Arial;
          font-size: 12px;
          font-weight: normal;}
      
    span.cara {
      color: red; 
      font-size: 11px;
      margin-left: 6px;
      margin-right: 2px;}
      
    #color {
      background-color: #FFCC00;}
      
      
   /* #color02 {
      background-color: #FFCC00;}
      
    #color03 {
      background-color: #FFCC00;}
      
    #color04 {
      background-color: #FFCC00;}
      
    #color05 {
      background-color: #FFCC00;}
      
    #color06 {
      background-color: #FFCC00;}*/

    h1 {
      color: red;
      font-family: Arial;
      font-size: 16px;
      font-weight: bold;
      margin: 0px;
      padding: 0px;
      margin-top: 25px;
      margin-bottom: 15px;}
      
    span a {
      color: white;
      text-decoration: underline;}
    
    h1 a {
      color: black;
      text-decoration: underline;}
      
      span a:hover {
        text-decoration: none;}
        
    span#black {
      color: black;}
      
    span#black1 {
      color: black;
      font-weight: normal;}
      
    span#red {
      color: red;
      font-weight: bold;
      font-size: 16px;}
      
    img#mezera {
      margin-right: 3px;}
    
    div.main div.menu a.active {
      color: black;}
      
    h2 {
      font-size: 12px;
      font-weight: bold;
      font-family: Arial;
      color: white;
      margin: 0px;
      padding: 0px;}
      
    div.inner a {
      color: black;
      text-decoration: underline;
      font-weight: bold;}
      
      div.inner a:hover {
        color: black;
        text-decoration: none;
        font-weight: bold;}
        
    a.normal {
      color: white;
      font-family: Arial;
      font-size: 11px;
      text-decoration: none;}
      
      a.normal:hover {
        text-decoration: underline;}
        
    img#podlogo {
      position: absolute;
      left: 10px;
      top: 25px;
      z-index: 2}
    
    #float-right {
      float: right;}
      

label {
  font-weight: normal;
}      

label.required {
  font-weight: bold;
}
      

/* Tabulky */      
table {
	border-collapse: collapse;
}

table td, table th {
	padding: 2px;
}

table th {
	text-align: left;
}

table.MsoTableGrid td {
  border-style:solid;
  border-width:1px;
}




    #navigace {
      float: right;
    	text-align: left;
    	margin: 0;
    	margin-left: 20px;
    	margin-bottom: 20px;
      width: 230px;
      background-color: #EDEDED;
      background-image: url('../obr/bg-menu.jpg');
      background-repeat: repeat-x;
      background-position: left top;}

      #navigace ul {
      	list-style-type: none;
      	margin: 0;
      	padding: 0;
      	font-size: 13px;
        font-family: Arial;}
      
      #navigace ul li {
        margin-bottom: 0px;
      	padding: 0;
      	width: 230px;
        border-bottom: 1px solid white;}
      
      #navigace ul li a {
        font-weight: normal;
      	color: black;
      	text-decoration: none;
      	display: block;
      	overflow: hidden;
      	padding: 0.7em 0.5em 0.7em 2.2em;
      	background: transparent;
        border-top: 0px solid white;}
      	
      #navigace ul li.posledni {
      	border-bottom: 0px}
      
      
      #navigace ul li a:hover, #navigace ul li:hover a  {
      	color: white;
        background-color: #FF5001;}
      	
      #navigace ul li a#active {
      	color: #443427;}