/* CSS Document */


/* GENERAL */
    * {
    margin: 0;
    padding: 0;
    border: 0;
    font: normal normal 12px normal Arial, Helvetica, sans-serif;
    }
    body {
    background: rgb(255,255,255) url(../img/background-sides.jpg) repeat-y center top;
    }
    #main {
    position: absolute;
    width: 900px;
    left: 50%;
    margin-left: -450px;
    top: 0;
    }
    #content {
    float: left;
    width: 900px;
    margin-top: 125px;
    }    
    h1 {
    margin: 10px 0px 20px 0px;
    font-size: 200%;
    color: rgb(165,54,86);
    font-weight: bold; 
    }
    h2 {
    margin: 0px 0px 35px 0px;
    font-size: 160%;
    color: rgb(165,54,86);    
    }
    h3 a {
    display: block;
    padding: 7px 7px 5px 7px;
    font-size: 120%;
    color: rgb(165,54,86);
    font-weight: bold;
    text-decoration: none;  
    }
    h3 a:hover {
    text-decoration: underline;
    }
    .invisible {
    font-size: 1px !important;
    text-indent: -2000px !important;
    }
    strong {
    font-weight: bold;
    } 
    .cleaner {
    clear: both;
    height: 0 !important;
    line-height: 0 !important;
    width: 0 !important;
    border: 0 !important;
    font-size: 1px;
    }
/* end GENERAL */        

/* CATEGORY page */
    /* general for CATEGORY & PRODUCT */
    #left {
    width: 150px;
    float: left;
    }
      #left .home-box,#left .home-box-active {
      width: 150px;
      float: left;      
      }
      #left .home-box a.cat,#left .home-box-active a.cat {
      display: block;
      padding: 10px 0 10px;
      color: rgb(108,102,98);
      }
      #left .home-box .cat img,#left .home-box-active .cat img  {
      margin: 0 25px !important;
      }
      #left .home-box .cat span,#left .home-box-active .cat span {
      display: none;
      }
      #left .home-box a:hover {
      background: rgb(255,255,255) url(../img/cat-box-active.jpg) no-repeat center -29px;
      }
      #left .home-box-active {
      background: rgb(255,255,255) url(../img/cat-box-active.jpg) no-repeat center -27px;
      }   
    #middle {
    width: 750px;
    float: right;
    background: rgb(255,255,255) url(../img/background-middle.jpg) no-repeat right top;
    }    
      #middle .box {
      width: 250px;
      float: left;
      background: rgb(255,255,255) url(../img/box-back.jpg) no-repeat;
      margin-bottom: 18px;
      }
      #middle .box:hover {
      background: rgb(255,255,255) url(../img/box-back-active.jpg) no-repeat;
      }
      .box p {
      padding: 3px 25px 3px 7px;
      }   
      .box p a {
      color: rgb(60,60,60);
      line-height: 16px;
      text-decoration: none; 
      }
      .box p a:hover {
      color: rgb(165,54,86);
      text-decoration: underline;
      }
      .box a img {
      display: block;
      border: 1px solid #fff;
      margin: 0 0 5px 7px;
      float: left;
      }
      .new {
      float: left;
      }      
      .box a:hover img {
      border: 1px solid  rgb(165,54,86);
      }
      p.description {
      padding: 3px 25px 3px 7px;
      line-height: 18px;
      }
      #page_text {
      padding: 5px 250px 30px 0px;
      line-height: 160%;      
      }
     
/* end CATEGORY page */      
    
/* HOMEPAGE content*/
    .home-box {
    width: 150px;
    float: left;
    }
      .home-box a.cat {
      display: block;
      text-align: center;
      padding: 40px 0 25px 0;
      color: rgb(108,102,98);
      text-decoration: none;
      }
      .home-box a:hover {
      color: rgb(165,54,86);
      background: rgb(255,255,255) url(../img/home-box-active.jpg) no-repeat top center;
      }
      .home-box .cat img {
      display: block;
      margin: 0 25px 25px 25px;
      }
      .home-box .cat span {
      display: block;
      margin: 0 10px;
      text-align: center; 
      }
    #home-image {
    width: 900px;
    height: 360px;
    }
    .himage1 {background: rgb(255,255,255) url(../img/homepage-1.jpg) no-repeat;}
    .himage2 {background: rgb(255,255,255) url(../img/homepage-2.jpg) no-repeat;}
    .himage3 {background: rgb(255,255,255) url(../img/homepage-3.jpg) no-repeat;}
    .himage4 {background: rgb(255,255,255) url(../img/homepage-4.jpg) no-repeat;}
    .himage5 {background: rgb(255,255,255) url(../img/homepage-5.jpg) no-repeat;}
    .himage6 {background: rgb(255,255,255) url(../img/homepage-6.jpg) no-repeat;}
    
    #home-content {
    width: 900px;
    border-bottom: 1px solid rgb(230,230,230);   
    }
    .insider {
    padding: 25px;
    }
    
    .insider p {
    line-height: 160%;
    padding-top: 25px;
    width: 400px;
    }
    #onas {
    background: rgb(255,255,255) url(../img/background-onas-kristina.jpg) no-repeat 500px 40px;
    }
    
/* end HOMEPAGE content */    

/* FOOTER */    
    #footer {
    position: relative;
    width: 1000px;
    margin-left: -50px;
    margin-right: -50px;
    background: rgb(255,255,255) url(../img/background-bottom.jpg) no-repeat 0px -90px;
    height: 400px;
    text-align: center;
    }
      #footermenu {
      position: relative;
      width: 900px;
      margin: 0 auto;
      text-align: center;
      border-top: 1px solid rgb(235,235,235);
      }
      #footer a {
      padding: 20px 40px 12px 40px;
      line-height: 42px;
      text-decoration: none;
      color: rgb(108,102,98); 
      }
      #footer a:hover {
      color: rgb(165,54,86);      
      }
    #mediapolis {
    padding: 50px;
    text-align: right;
    }
      #mediapolis a {
      font-size: 10px;
      text-decoration: none;
      color: rgb(205,205,205);
      }
      #mediapolis a:hover {
      color: rgb(125,125,125); 
      }
/* end FOOTER */      
      
/* HEADER */   
    #header {
    position: absolute;
    left: -50px;
    top: 0px;
    width: 1000px;
    height: 125px;
    background: rgb(255,255,255) url(../img/background-top.jpg) no-repeat center top;
    }
      #header a {
      display: block;
      margin-left: 50px;
      margin-top: 55px;
      text-decoration: none;
      }
/* end HEADER */

/* SEARCH */

    #form-search {
    display: block;
    text-align: center;
    margin: 38px 0;
    }
    #form-input {
    padding: 1px;
    border: 1px solid rgb(170,170,170);
    }
    #form-input:hover {
    border: 1px solid rgb(170,70,70);
    }    
    #form-send {
    padding: 7px 12px;
    margin-left: 20px;
    background: #fff url(../img/box-back.jpg) no-repeat;
    cursor: pointer;
    font-weight: bold;
    color: rgb(100,100,100);
    }
    #form-send:hover {
    background: #fff url(../img/box-back-active.jpg) no-repeat;
    color: rgb(00,00,00);
    }

/* end SEARCH */

/* PRODUCT page */
    .navigator {
    position: relative;
    height: 40px;
    border-bottom: 1px solid rgb(255,255,255);
    margin-bottom: 45px;
    }
      .navigator a {
      float: left;
      display: block;
      width: 375px;
      line-height: 40px;
      font-size: 100%;
      font-weight: bold;
      text-decoration: none;
      color: rgb(165,54,86);
      text-align: center;
      }
      .navigator a:hover {
      background-color: rgb(165,54,86);
      color: #fff;
      }
    table.product {
    width: 495px;
    float: left;
    border-left: 2px solid rgb(165,54,86);
    border-top: 2px solid rgb(165,54,86);
    border-bottom: 2px solid rgb(165,54,86);
    margin-bottom: 20px;
    }
      .product th {
      padding: 25px 20px;
      text-align: left;
      border-right: 1px solid rgb(165,54,86);
      border-bottom: 1px solid rgb(165,54,86);
      background: url(../img/box-back.jpg) no-repeat;
      font-weight: bold;
      }
      .product td {
      padding: 25px 20px;
      line-height: 160%;
      text-align: left;
      border-right: 2px solid rgb(165,54,86);
      border-bottom: 1px solid rgb(165,54,86);
      background: url(../img/background-middle.jpg) no-repeat left top;
      }
        .product td a {
        font-weight: bold;
        color: rgb(165,54,86);
        }
        .product td a:hover {
        text-decoration: none;
        }
        .product td p {
        line-height: 160%;
        }
      .floating {
      float: right;
      width: 253px;
      }
      #koupit {
      margin-left: 25px;
      }
/* end PRODUCT page */