BODY {
  background: #fff;
  text-align: center;
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: #555;
  line-height: 130%;
}

/*DESIGN*/
#container { 
  width: 920px;
  margin: 0 auto;
  background: #fff;
}

  #odstaveno {
    padding: 120px 0;
    text-align: center;
  }

    #odstaveno P {
      line-height: 150%;
    }

  #header {
    height: 56px;
    background: url('../_img/public/header.jpg');
    text-align: left;
  }

    #header h1{
      float: left;
      font-weight: bold;
      color: #fff;
      font-size: 24px;
      padding: 10px 0 0 20px;
      letter-spacing: 1px;
      line-height: 150%;
    }

      #header h1 A{
        color: #fff;
        text-decoration: none;
      }
      #header h1 A:hover{
        color: #ddeeff;
        text-decoration: none;
      }

    #header h2{
      float: right;
      font-weight: bold;
      color: #ddeeff;
      font-size: 24px;
      padding: 10px 20px 0 0;
      letter-spacing: 1px;
      line-height: 150%;
    }

  #subheader {
    text-align: left;
  }

    #subheader IMG.logo{
      text-align: left;
      padding-right: 20px;
      float: left;
    }

    #subheader .celkem{
      text-align: right;
      font-size: 80%;
      padding-right: 3px;
    }
    
    #subheader h3{
      font-size: 18px;
      font-weight: bold;
      padding-top: 5px;
    }

    #subheader P{
      padding: 20px 30px 0 0;
    }

    #subheader P.cite{
      font-size: 90%;
      font-style: italic;
      line-height: 140%;
    }
    
    #subheader .navigace {
      padding-top: 30px;
    }
    
    #subheader .navigace A.vlozit_clanek{
      margin-left: 150px;
      font-size: 80%;
      font-weight: bold;
      background: #FFDDF2;
      border: 1px solid #ff0000;
      text-decoration: none;
      color: #ff0000;
      padding: 5px 20px;
      text-align: center;
    }
      #subheader .navigace A.vlozit_clanek:hover{
        position: relative;
        top: 2px;
        left: 2px;
        text-decoration: underline;
      }

    #subheader .navigace A.vzor_clanek{
      font-size: 80%;
      font-weight: bold;
      background: #E4F5BD;
      border: 1px solid #328010;
      text-decoration: none;
      color: #328010;
      padding: 5px 20px;
      text-align: center;
    }
      #subheader .navigace A.vzor_clanek:hover{
        position: relative;
        top: 2px;
        left: 2px;
        text-decoration: underline;
      }

  #content {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    padding: 10px;
    background: #fafafa;
    text-align: left;
  }
    #content P.odstaveno {
      text-align: center;
      margin: 50px;
    }

    #main{
       float: left;
       width: 570px;
    }

    #main FORM{
       font-size: 90%;
    }

    #main .text{
         margin-top: 5px;
         font-size: 90%;
    }
      #main .text P{
           margin-bottom: 10px;
      }

        #main .text P A{
            color: #32527A;
            text-decoration: none;
        }

        #main .text P A:hover{
            color: #328010;
            text-decoration: underline;
        }

      #main P.code{
           margin: 10px 5px 0 5px;
           padding: 5px;
           border: 1px solid #ddd;
           background: #F5F5F5;
           font-size: 80%;
           line-height: 120%;
      }

      #main P.uvod{
         margin-top: 5px;
         font-size: 90%;
         border: 1px solid #ddd;
         padding: 5px;
         background: #f5f5f5;
      }

    #main P.empty{
       text-align: center;
       margin: 50px auto;
    }

        #main H3 {
          font-size: 100%;
          font-weight: bold;
          padding-left: 5px
          margin-bottom: 10px;
        }
          #main H3 .normal {
            font-weight: normal;
          }

        #main H5 {
          font-size: 100%;
          font-weight: bold;
          margin: 20px 0 10px 0;
          text-align: center;
        }

          #main H5 STRONG{
            color: #328010;
        }

        #main .navigace {
          float: right;
          margin-right: 10px;
        }

        #main .navigace STRONG{
          font-size: 120%;
        }
          #main .navigace A{
            color: #32527A;
            text-decoration: none;
          }

          #main .navigace A:hover {
            color: #328010;
            text-decoration: underline;
          }

        #main A.back {
          float: right;
        }

        #main DIV.clanek {
          margin-top: 10px;
          padding: 5px;
          width: 560px;
        }
          #main DIV.clanek .sloupec{
            float: left;
            width: 120px;
            margin-right:10px;
          }
          #main DIV.clanek .sloupec IMG{
            border: 1px solid #ddd;
          }

          #main DIV.clanek .obsah{
            float: right;
            width: 430px;
          }
            #main .clanek .obsah P.title{
              font-weight: bold;
            }
              #main .clanek .obsah P.title A{
                text-decoration: none;
                color: #32527A;
              }
              #main .clanek .obsah P.title A:hover{
                color: #328010;
                text-decoration: underline;
              }

            #main .clanek .obsah P.text{
              font-size: 85%;
              line-height: 130%;
              padding: 5px 0;
              text-indent: 30px;
            }
            
              #main .clanek .obsah P.text:first-letter{
                font-weight : bold;
                font-size: 120%;
              }

            #main .clanek .obsah P.date_added{
              font-size: 80%;
              color: #777;
              padding-bottom: 10px;
              border-bottom: 1px solid #ddd;
            }
            #main .clanek .obsah P.date_added A.right{
              float: right;
            }

            #main .clanek .obsah P.date_added A{
              color: #32527A;
              text-decoration: underline;
            }
              #main .clanek .obsah P.date_added A:hover{
                color: #328010;
                text-decoration: none;
              }

            #main .clanek .obsah P.minilink{
              font-size: 80%;
              color: #777;
              padding: 3px;
              line-height: 120%;
              border-left: 1px solid #ddd;
              border-right: 1px solid #ddd;
              border-bottom: 1px solid #ddd;
              background: #f5f5f5;
            }
              #main .clanek .obsah P.minilink A{
                color: #32527A;
                text-decoration: underline;
              }
                #main .clanek .obsah P.minilink A:hover{
                  color: #328010;
                  text-decoration: none;
                }

            #main .clanek .obsah STRONG{
              padding-top: 20px;
              line-height: 130%;
              font-size: 85%;
              margin-left: 30px;
            }

            #main .clanek .obsah UL{
              padding: 10px;
              line-height: 140%;
              font-size: 100%;
            }
              #main .clanek .obsah LI{
                list-style-type: disc; 
                margin-left: 40px;
              }

              #main .clanek .obsah LI A{
                color: #32527A;
                text-decoration: none;
              }
                #main .clanek .obsah LI A:hover{
                  color: #328010;
                  text-decoration: underline;
              }

    #column{
       float: right;
       width: 320px;
    }

      #column #googlecolumn{
         float: right;
         width: 160px;
      }

      #column #sidecolumn{
         float: left;
         width: 150px;
      }

      #column #sidecolumn .sidebox{
         background: #f5f5f5;
         border: 1px solid #ddd;
         margin-bottom: 10px;
         line-height: 180%;
         font-size: 90%;
      }   

      #column #sidecolumn .sidebox.block A{
         display: block;
      }  

        #column #sidecolumn .sidebox H3 {
          font-size: 110%;
          font-weight: bold;
          padding-left: 5px;
        }

          #column #sidecolumn .sidebox A {
            text-decoration: none;
            color: #32527A;
            padding-left: 10px;
          }

          #column #sidecolumn .sidebox A:hover {
            text-decoration: underline;
            color: #328010;
            font-weight: bold;
          }

          #column #sidecolumn .sidebox A.selected {
            font-weight: bold;
            color: #328010;
          }


  #footertext {
    border-bottom: 1px solid #eee;
    padding: 5px;
    color: #777;
    background: #fafafa;
    text-align: left;
    font-size: 10px;
    line-height: 120%;
  }

    #footertext A {
      color: #777;
      text-decoration: underline;
    }

    #footertext A:hover {
      color: #777;
      text-decoration: none;
    }


.google {
  clear: both;
  padding: 5px;
  text-align: left;
  color: #999;
  font-size: 70%;
  line-height: 120%;
  border-top: 1px solid #eee;
}
  .google A {
    color: #999;
    text-decoration: underline;
  }

  .google A:hover {
    color: #999;
    text-decoration: none;
  }

#copyright {
  width:920px;
  margin: 0 auto;
  padding: 5px;
  text-align: right;
  color: #999;
  font-size: 70%;
  line-height: 130%;
}

  #copyright .xml {
    float: left;
  }
  #copyright .email {
    /* float: left; */
  }


/* REPORT */
  #main #reports {
    margin-bottom: 10px;
    font-size: 80%;
    line-height: 140%;
    color: #333;
    text-align: justify;
  }

      #main #reports .success {padding:3px 10px;background: #e8f9af; border: 1px solid #8cc639;}
      #main #reports .error   {padding:3px 10px;background: #FFDDF2; border: 1px solid #ff0000;}
      #main #reports .warning {padding:3px 10px;background: #ffffaa; border: 1px solid #ffc000;}
      #main #reports .info    {padding:3px 10px;background: #e1e7ee; border: 1px solid #9eb1cf;}
      #main #reports .tip     {padding:3px 10px;background: #e1e7ee; border: 1px solid #9eb1cf;}

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

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

      #main .myform TH.group {
        font-size: 14px;
        color: #777;
        font-weight: bold;
        font-style: italic;
      }


    #main .myform CAPTION {
      padding: 3px 10px;
      font-weight: bold;
    }
    #main .myform TABLE {
      border: 0px solid #ddd;
    }
    #main .myform TH {
      padding: 5px;
      text-align: right;
      vertical-align: top;
      width: 100px;
    }
    #main .myform TH.group {
      font-weight: bold;
      text-align: right;
      width: 100%;
    }

    #main .myform TD {
      padding: 1px;
    }
    #main .myform P.error {
      display: block;
      color: #ff0000;
      padding: 5px 0;
    }
    #main .myform P.message {
      display: block;
      color: #777;
      padding: 5px 0;
      font-size: 90%;
      line-height: 120%;
    }
      #main .myform P.message A {
        text-decoration: underline;
      }
      #main .myform P.message A:hover {
        text-decoration: none;
      }
      
    #main .myform P.noedittext {
      color: #008F00;
      padding: 5px 0;
    }

    #main .myform P.onlytext {
      text-align:right;
      padding: 5px 0;
    }
    
.javascript {
  display: none;
}