

  html, body { 
      margin: 0px;
      padding: 0px;
      background-color: white;
      background-image: url('../obr/bg.jpg');
      background-repeat: repeat-x;
      background-position: left top;
      font-family: Arial;}
      
    .center {
      background: transparent;
      width: 961px;
      margin-left: auto;
      margin-right: auto;
      text-align: center;}
      
    .main {
      background: transparent;
      width: 961px;
      text-align: left;
      padding-bottom: 30px;}
      
    .top {
      width: 961px;
      height: 309px;
      background-image: url('../obr/bg-top2.jpg');
      background-repeat: no-repeat;
      background-position: left top;}
      
    .top-obsah {
      position: relative;
      top: 33px;
      left: 475px;
      width: 400px;}
      
    .top-obsah  p {
      padding: 0px;
      margin: 0px;
      margin-bottom: 30px;
      font-size: 25px;
      font-style: italic;}
      
    .levy-sloupec {
      float: left;
      width: 381px;
      background-color: transparent;}
      
    .aktuality {
      padding: 30px;
      width: 321px;
      background-color: #2D2B28;
      background-image: url('../obr/bg-aktuality.jpg');
      background-repeat: no-repeat;
      background-position: left bottom;}
      
    .aktuality h2 {
      padding-left: 80px;
      margin-top: 0px;
      font-size: 20px;
      font-weight: bold;
      color: #636363;}
      
    .aktuality h3 {
      margin-top: 0px;
      font-size: 13px;
      font-weight: bold;
      color: #D91820;}
      
    .aktuality img {
      border: 1px solid #CDCDCD;
      float: left;
      margin-right: 21px;
      margin-bottom: 15px;}
      
    .kontakt {
      width: 271px;
      height: 137px;
      padding-left: 110px;
      background-image: url('../obr/bg-kontakt.jpg');
      background-repeat: no-repeat;
      background-position: left bottom;}
      
    .kontakt h2 {
      margin-top: 0px;
      padding-top: 25px;
      font-size: 20px;
      font-weight: bold;
      color: #EDEDED;}
      
    .obsah {
      float: right;
      width: 579px;}
      
    .text {
      margin-left: 30px;
      margin-top: 20px;
      width: 540px;
      background-color: transparent;}
      
    .paticka {
      text-align: left;
      width: 100%;
      height: 25px;
      border-top: 1px solid #CDCDCD;}
      
    .paticka p {
      font-size: 11px;}
      
    p {
      color: #676464;
      font-size: 12px;}
      
    ul {
      color: #676464;
      font-size: 12px;}
      
    ul li {
      line-height: 145%;}
      
    a {
      color: #ED1C24;} 
      
    a:hover {
      text-decoration: none;}
      
    h1 {
      border-bottom: 1px solid #CDCDCD;
      padding-bottom: 5px;
      color: #ED1C24;
      font-weight: bold;
      font-size: 20px;}
      
    h2 {
      font-weight: normal;
      font-size: 18px;
      color: black;
      margin-top: 20px;}
      
    h3 {
      font-weight: bold;
      font-size: 15px;
      color: #ED1C24;
      margin-top: 20px;}
      
      
      
      
    .menu {
      margin-top: 14px;
      _margin-top: 11px;
      width: 961px;
      height: 67px;
      background-image: url('../obr/bg-top-menu.jpg');
      background-repeat: no-repeat;
      background-position: left top;}   
      
      
    .menu ul

      {
      
      padding: 0px;
      
      margin: 0px;
      
      padding-top: 25px;
      
      margin-left: 20px;
      
      list-style-type :none;
      
      }



    .menu ul li
    
      {
      
      float: left;

      line-height: 100%;
      
      }



    .menu ul li a

      {
      
      font-size: 12px;
      
      padding-left: 10px;
      
      padding-right: 10px;
            
      display: block;
      
      text-align: center;
           
      padding-top: 13px;
      
      padding-bottom: 13px;
      
      text-decoration: none;
      
      color: white;

      }
      
      
    .menu ul li a.prvni

      {
      
      font-size: 12px;
      
      margin-right: 240px;
            
      display: block;
      
      text-align: center;
      
      text-decoration: none;
      
      color: white;
      
      background-color: transparent;
      
      padding-left: 35px;
      
      background: url('../obr/bg-uvod.jpg') no-repeat  left center;
      
      }


    
     .menu li a:hover, .menu .active a, .menu li a.prvni:hover
    
      {
      
      color: black;
      
      }
      
    .menu .line

      {
      
      height: 37px;
      
      
      width: 22px;
      
      background: url("../obr/bg-line.jpg") no-repeat  0 0;
      
      }
      
    hr.cistic {
      visibility: hidden;
      clear: both;}
      
    .float-right {
      float: right;
      margin-left: 15px;}
      
    .float-left {
      float: left;
      margin-right: 15px;}
      
    
      
    
