BODY {
  background: transparent;
  font-family: Arial, sans-serif;
  font-size: 12px !important;
  text-align: left;
  color: #000;
  line-height: 120% !important;
}

A {
  color: #000088;
  text-decoration: underline;
}
A:hover {
  text-decoration: none;
}

/* ****** CONTAINER ***** */
#container {
  padding: 5px;
}

  #container #head{
    text-align: right;
    margin: 10px 5px;
  }  
  
  #container #head .kategoriebox{
    float: left;
  }  
  
  #container #head .searchbox{
    float: right;
  }  

/* **** header **** */
#header {
  padding: 5px;
}

/* ****** MAIN ***** */
#main {
  clear: both;
  padding: 5px;
  text-align: center;
}
  /* header text */
  #main #headtext {
    text-align: justify; 
    margin-bottom: 15px;
  }  

  #main #headtext h1 {
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 10px;
  } 

  /* REPORT */
  #main #report-box {
    text-align: left; 
    width: 450px;
    margin-bottom: 20px;
  }
  #main #report-box .report-img {
    position: relative;
    top: 2px;    
    margin: 10px 30px 0 20px;
  }
    #main #report-box .report-img p {
      position: relative;
      top: -3px;
      display: inline;
      font-size: 10px;
      text-transform: uppercase;
    }

  #main #report-box .report{
    margin: 0 30px 10px 30px;
    padding: 5px;
    color: #000;
  }
      #main #report-box .report.success {background: #e8f9af; border: 1px solid #8cc639;}
      #main #report-box .report.error   {background: #FFCCBF; border: 1px solid #ff0000;}
      #main #report-box .report.warning {background: #ffffaa; border: 1px solid #ffc000;}
      #main #report-box .report.info    {background: #e1e7ee; border: 1px solid #9eb1cf;}
      #main #report-box .report.tip     {background: #e1e7ee; border: 1px solid #9eb1cf;}
            
      #main #report-box .report P {
        margin-top: 1px;
        text-align: left;
        line-height: 150%;
      }

  /* CONTENT */
  #content {
    text-align: left;
  }

  /* PAGES */
  #pages {
    text-align: left;
    margin-bottom: 20px;
  }

    #pages h2{
      font-size: 120%;
      font-weight: bold;
      margin: 20px 20px 0 20px;
    }

    #pages p{
      margin: 20px;
    }

    #pages OL{
      margin: 0 20px;
      list-style-type: decimal;
    }

      #pages OL LI{
        margin-left: 20px;
      }

    
  /* REAKCE */
  #reakce {
    text-align: left;
  }
    #reakce .back{
      font-size: 14px;
      float: right;
      font-weight: bold;
    }

  /* INZERATY */
  #inzeraty {
    text-align: center;
    clear: both;
  }

    .pagination {
      text-align: right;
      font-size: 14px;
    }
      .pagination .novy_inzerat {
        font-weight: bold;
        float: left;
      }

     #inzeraty TABLE{
      width: 100%;
      background: #e8f9af;
      border: 1px solid #aaa;
      margin: 5px 0;
      vertical-align: top;
      float: right;
    }
  
    #inzeraty TD{
      padding: 1px 5px;
      vertical-align: top;
    }
    #inzeraty TABLE TD.title   {width:100%;}
    #inzeraty TABLE TD.text    {height:80px;}
    #inzeraty TABLE .rating    {padding: 3px 0;}
    #inzeraty TABLE .toptitle  {color:#ff0000;font-weight:bold;}
    #inzeraty TABLE .today     {color: #ff0000;font-weight:bold;}
    #inzeraty TABLE .yesterday {color: #ff8400;font-weight:bold;}    
    #inzeraty TABLE .druh      {font-weight:bold;}
    #inzeraty TABLE .cena      {float:right;font-weight:bold;color:#008000;}  
    #inzeraty TABLE .minifoto  {text-align:right;}
    #inzeraty TABLE .obr       {text-align:center;}
    #inzeraty TABLE .obr .foto {
            width: 130px;
            height: 93px;
            background: #fefefe;
            border: 1px solid #ccc;
            text-align: center;
            margin-bottom: 5px;
          }
    #inzeraty TABLE TD.obr_detail {
            width: 130px;
            text-align: center;
          }
    #inzeraty TABLE TD.obr_detail .foto{
            width: 130px;
            height: 93px;
            background: #fefefe;
            border: 1px solid #ccc;
            text-align: center;
            vertical-align: middle;
    }
    
    #inzeraty P.email {
            margin: 20px 5px;
    }

    #inzeraty .search {
            background: #ffff44;
    }

P.infobox {
        font-size: 120%;
        padding: 50px 0;
        text-align: center;
}

/* **** FORM ***** */
  FORM {
    margin: 0px;
    padding: 0px;
  }
  FORM.myform INPUT.counter { width: 35px; background: #ddd; border: 0px; color: #333; font-size: 12px; text-align: center;}
  
  FORM.myform INPUT.w400 { width: 400px; }
  FORM.myform INPUT.w200 { width: 200px; }
  FORM.myform INPUT.w100 { width: 100px; }
  FORM.myform INPUT.w80  { width: 80px; }
  FORM.myform INPUT.w50  { width: 50px; }

  FORM.myform SELECT.w150 { width: 150px; }
  FORM.myform SELECT.w100 { width: 100px; }

  FORM.myform TEXTAREA.w400 { width: 400px; }
  FORM.myform TEXTAREA.w300 { width: 300px; }
  FORM.myform TEXTAREA.w200 { width: 200px; }
  FORM.myform TEXTAREA.w100 { width: 100px; }

  FORM.myform TEXTAREA.h400 { height: 400px; }
  FORM.myform TEXTAREA.h200 { height: 200px; }
  FORM.myform TEXTAREA.h100 { height: 100px; }
  FORM.myform TEXTAREA.h50  { height: 50px; }

  .myform CAPTION {
    padding: 4px 10px;
    font-weight: bold;
  }
  .myform TABLE {
    width: 100%;
  }
  .myform TH {
    padding: 5px;
    text-align: right;
    vertical-align: top;
  }
  .myform TH .group {
    font-size: 14px;
    letter-spacing: 1px;
  }

  .myform TD {
    padding: 1px;
  }
  .myform P.error {
    display: block;
    margin: 5px 0;
    background: #FFCCBF;
    border: 1px solid #FF0000;
    color: #000;
    padding: 1px;
    width: 400px;
  }
  .myform P.message {
    display: block;
    padding: 5px 0;
  }
  

/* **** footer **** */
#footer {
  text-align: left;
  padding: 0 5px;
}

  #footer .copyright {
    float: right;
  }