BODY {
  background: url('../_img/public/bg.jpg') repeat-x #E5F2FB; 
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  line-height: 120%;
  color: #333;
}

/*DESIGN*/

#container { 
  margin: 0px auto;
  width: 980px;
  /* border: 1px solid #eee; */
}

  #header {
    height: 228px;
    padding: 0;
    background: url('../_img/public/header.jpg') no-repeat; 
    border-bottom: 1px solid #eee; 
  }

      #header A{
        text-decoration: none; 
      }

      #header A H1{
        text-decoration: none; 
        color: #333;
        font-weight: normal;
        font-size: 50px;
        padding: 40px;
        font-style: italic;
        padding-left: 110px;
      }

        #header A H1:hover{
          color: #555;
        }

      #header A H2 {
        text-decoration: none; 
        color: #333;
        font-weight: bold;
        font-size: 160%;
        padding-left: 200px;
        font-style: italic;
      }

        #header A H2:hover{
          color: #555;
        }


  #content {
    background: #fff;
    padding: 10px;
  }

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




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

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

      #column #sidecolumn .reklama{
      }

          #column #sidecolumn A {
            text-decoration: none;
          }
            
            #column #sidecolumn A.topodkaz {
            display: block;
            border: 1px solid #ff0000;
            background: #FFFF95;
            color: #ff0000;
            text-decoration: none;
            text-align: center;
            margin-bottom: 10px;
            font-size: 90%;
            padding: 2px 0;
            line-height: 120%;
            font-weight: bold;
          }

            #column #sidecolumn A.topodkaz:hover {
              position: relative;
              top: 1px;
              left: 1px;
              text-decoration: underline;
            }
  
        #column #sidecolumn .reklama P{
          text-align: right;
          color: #555;
          font-size: 80%;
        }
        #column #sidecolumn .reklama A{
          color: #32527A;
          text-decoration: none;
        }
        #column #sidecolumn .reklama A:hover{
          color: #328010;
          text-decoration: underline;
        }
        #column #sidecolumn .reklama .side_125x125, #column #sidecolumn .reklama OBJECT {
          margin: 10px 0 0 20px;
          width: 125px;
          height: 125px;
          border: 1px solid #eee;
        }

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

      #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;
            font-size: 120%;
          }

            #column #sidecolumn .sidebox A.red {
              color: red;
            }


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

            #column #sidecolumn .sidebox A.red:hover,
            #column #sidecolumn .sidebox A.selected.red {
              color: red;
            }

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

    #main H3{
      font-weight: bold;
      font-size: 150%;
      margin: 5px 0 15px 0;
    }

    #main P.myH3{
      font-weight: normal;
      font-size: 120%;
      margin: 5px 0 15px 0;
    }

    #main H4{
      font-weight: bold;
      font-size: 130%;
      margin: 15px 0;
    }

    #main .subnavigace{
      float: right;
    }

      #main .subnavigace {
        float: right;
      }

        #main .subnavigace A {
          color: #32527A;
          text-decoration: none;
        }
        #main .subnavigace A:hover {
          color: #328010;
          text-decoration: underline;
        }
        #main .subnavigace A.selected {
          color: #328010;
          text-decoration: underline;
        }

    #main .google_inside {
      border:1px solid #eee;
      background:#fff;
      text-align:center;
      padding-top:2px;
      margin-top: 5px;
    }

    #main .reklama{
      margin: 0 auto 20px auto;
      width: 468px;
      height: 70px;
      padding: 0;
    }
      #main .reklama P{
        font-size: 80%;
        margin-bottom: 2px;
        text-align: right;
      }
      #main .reklama #main_468x60{
       height: 60px;
      }
      #main .reklama A{
        color: #32527A;
        text-decoration: none;
      }
        #main .reklama A:hover{
          color: #328010;
          text-decoration: none;
        }


    #main .detail.odkazy{
      text-align: center;
      padding: 30px;
    }

        #main .detail.odkazy A.odkaz {
          font-size: 120%;
          padding: 5px 10px;
          border: 1px solid #99C7EB;
          background: #D6E9F7;
          color: #32527A;
          text-decoration: none;
          font-weight: bold;
        }

        #main .detail.odkazy A.odkaz:hover {
          position: relative;
          top: 2px;
          left: 2px;
          text-decoration: underline;
        }

        #main .detail.odkazy A.objednavka {
          font-size: 120%;
          padding: 5px 10px;
          border: 1px solid #ff9900;
          background: #FFE7D5;
          color: #ff6600;
          text-decoration: none;
          font-weight: bold;
        }

        #main .detail.odkazy A.objednavka:hover {
          position: relative;
          top: 2px;
          left: 2px;
          text-decoration: underline;
        }
        
    #main .obsah{
         background: #f5f5f5;
         border: 1px solid #ddd;
         margin-bottom: 10px;
         line-height: 140%;
         font-size: 120%;
         padding: 0 10px;
    }

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

      #main .obsah P{
           margin: 10px 0;
      }

      #main .obsah P.top{
           text-align: right;
           font-size: 80%;
      }

    #main .navigace {
      text-align: right;
      font-size: 120%;
      margin: 5px 0;
    }

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

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

      #main .navigace STRONG {
        font-size: 110%;
      }

    #main .items {
      margin-top: 5px;
      line-height: 140%;
      padding: 5px;
      border: 1px solid #ddd;
      background: #f5f5f5;
    }

    #main .items.foto IMG {
      height: 125px;
      margin: 1px;
    }

    #main .items.classic {
      height: 140px;
    }

      #main .items.classic h3 {
        font-weight: bold;
        font-size: 120%;
        margin: 0 0 0px 0;
      }

        #main .items.classic h3 A{
          text-decoration: none;
          color: #32527A;
        }

        #main .items.classic h3 A:hover{
          text-decoration: underline;
          color: #32527A;
        }

      #main .items.classic P.podrobnosti {
        font-size: 80%;
        margin-top: 1px;
      }

      #main .items.classic IMG {
        margin-right: 5px;
        border: 1px solid #ddd;
        width: 180px;
        height: 135px; 
      }

      #main .items.classic P.price {
        float: right;
        color: #328010;
        font-size: 120%;
        font-weight: bold;
      }

      #main .items.classic P.odkaz {
        margin-top: 20px;
        text-align: center;
      }

        #main .items.classic P.odkaz A {
          padding: 5px 10px;
          border: 1px solid #99C7EB;
          background: #D6E9F7;
          color: #32527A;
          text-decoration: none;
          font-weight: bold;
        }

        #main .items.classic P.odkaz A:hover {
          position: relative;
          top: 2px;
          left: 2px;
          text-decoration: underline;
        }
    
  #footer { 
    text-align: right;
    color: #555;
  }
   
      #footer A{ 
        color: #555;
        text-decoration: underline;
      }          
  
      #footer A:hover{ 
        text-decoration: none;
      }          

    #footer .footertext { 
      padding: 5px;
      font-size: 90%;
      line-height: 120%;
      text-align:left;
      background: #eee;
      color: #777;
      margin-bottom: 5px;
      border-top: 1px solid #eee;
    }
      #footer .footertext A { 
        color: #777;
        text-decoration: underline;
      }                       
      #footer .footertext A:hover { 
        text-decoration: none;
      }                       

/* REPORT */
  #main #reports {
    margin-bottom: 10px;
    font-size: 100%;
    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;}