BODY {
  background: #ffffff;
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #333;
}

/* ****** CONTAINER ***** */
#container {
  width:960px;
  margin: 2px auto 5px auto;
  text-align: left;
}


#container_system_off {
  width:960px;
  margin: 2px auto 5px auto;
  background: #ffffdd;
  text-align: left;
  padding-top: 200px;
  padding-bottom: 200px;
}

  #container_system_off .report.error   {
    width: 400px;
    margin: 0 auto;
    padding: 10px;
    background: #FFCCBF; 
    border: 1px solid #ff0000;
  }

/* ****** HLAVICKA ***** */
#header {
  height: 146px;
  background: url(../../_img/front/nanobazar/hlavicka.jpg) no-repeat;
}


  #header .pixel IMG {
    float: left;
  }

  #header H1 {
    margin: 0;
    padding: 12px 40px;
    text-align: right;
    color: #222;
    font-size: 14px;
    font-weight: bold;
  }
  #header .doporucujeme {
    margin: 74px 20px 0 0;
    text-align: right;
    color: #333;
    font-size: 18px;
    font-weight: bold;
  }

/* ****** SIDEBOX ***** */
#sidebox {
  float: right;
  width: 300px;
}

  #sidebox P {
    text-align: justify;
    font-size: 14px;
    margin: 20px;
    line-height: 120%;
  }


/* ****** main ***** */
#main {
  float: left;
  width: 660px;
  padding: 20px 0;
}

  #main .report-img {
    position: relative;
    top: 2px;    
    margin: 10px 30px 0 20px;
  }
    #main .report-img p {
      position: relative;
      top: -3px;
      display: inline;
      font-size: 10px;
      text-transform: uppercase;
    }

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


  #main TABLE.obrazek{
    float: left;
    margin: 5px;
    background: #eeeeee;
    border: 1px solid #bbb;
    width: 200px;
    height: 150px;
    padding: 0;
  }

  #main TABLE.obrazek TD{
    padding: 0;
  }

/* **** copyright **** */
#copyright {
  width:960px;
  margin: 5px auto;
  text-align: right;
  font-size: 10px;
  color: #555;
  line-height: 140%;  
}