/* CSS Document */

body {
  background: #0081df url(img/background.png) repeat-x top left; 
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align:center;
  font-family: Arial;
  font-size:12px;
  font-weight:bold;
  behavior:url("csshover.htc");
}

input.submit_kosik {
  width:100px;
  height:100px;
}
img {
  border:0px;
}
h1,h2,h3,h4,h5,table,p,a,img,form {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

div#top {
  width:1024px;
  height:229px;
  margin:0 auto 0 auto;
  background:#fff;
} 
  div#top div#login {
    width:1024px;    
    height:41px;  
    background: url(img/backround_login.gif) repeat-x top left;      
  }  
  
  div#top div#logo {
    width:1024px;     
    height:140px;   
    background: url(img/logo.jpg) no-repeat top left;  
  }
  
  div#top div#bottom_logo {
    width:1024px;
    height:44px;  
    margin-top:4px;  
  }  
    div#top div#bottom_logo div#menu_top{  
      float:left;
      width:769px;
      height:44px;      
      background: #e3e3e3 url(img/background_menu_top.gif) no-repeat top right;
      text-align:left;          
    }
      div#top div#bottom_logo div#menu_top ul {     
        margin: 12px 0 0 0; 
        padding: 0 0 0 0;  
        list-style: url(img/li_menu_top.gif);     
      }
    
        div#top div#bottom_logo div#menu_top ul li {
          float:left;
          margin-left:25px;          
          color:#7c7c7c;
        }    
          div#top div#bottom_logo div#menu_top ul li a{
             color:#7c7c7c;
             font-size:13px;
             text-decoration:underline; 
          }        
        
    div#top div#bottom_logo div#find{
      float:left;      
      width:251px;      
      height:44px;      
      background: #7c7c7c url(img/background_find.gif) no-repeat top left;    
      margin-left:4px;
    }        

div#body {
  width:1024px;
  margin:0 auto 0 auto;
  background:#fff;
  text-align:left
}
  div#body div#left {
    float:left;
    width:250px;
    margin-top:4px;
    margin-bottom:4px;    
  }
    /* Menu */
    div#body div#left div#menu_left {
      background: #7c7c7c;
    }
      div#body div#left div#menu_left div#header {
        height:30px;
        width:250px;
        background: url(img/menu_left_roh1.gif) no-repeat top right;      
      }
      div#body div#left div#menu_left div#footer {
        height:15px;
        width:250px;
        background: url(img/menu_left_roh2.gif) no-repeat bottom right;
        overflow: hidden;      
      }       
      div#body div#left div#menu_left h2.menu {
          color:#cff66f;
          font-size:15px;
          background: url(img/li_menu_lvl1.gif) no-repeat;
          padding-left:15px;
          padding-top:2px;
          margin-left:15px ;            
          height:23px;              
        } 
              
      div#body div#left div#menu_left div.submenu {
          background:#96c425;
          padding-top:5px;
          padding-bottom:5px;          
        }              
      
      div#body div#left div#menu_left ul {
        margin: 0 0 0 0;
        padding: 0 0 0 0;     
        list-style: none;                    
      }
        div#body div#left div#menu_left li.menu {
          margin-left:45px;
          list-style: url(img/li_menu_lvl2.gif);
          background: url(img/li_submenu.gif) bottom left no-repeat;
          padding: 2px 0 2px 0;
        }
          div#body div#left div#menu_left li.menu a{
            text-decoration:none;
            color:#000;
            font-weight:bold;
            font-size:13px;
          }        
      
    
  div#body div#main {
    float:left;
    width:522px;   
    text-align:left;    
  }
  
  div#body div#main h1 
  {
     font-family:Verdena;
     font-size:15px;
     color:#fff;    
  }
  div#body div#main h2
  {
     font-family:Verdena;
     font-size:15px;
     color:#717171; 
     margin-left:10px;
     margin-top:10px;
     margin-bottom:10px;   
  }  
  div#body div#main p,li.podminky
  {
     font-family:Verdena;
     font-size:15px;
     color:#717171; 
     margin-left:10px;
     margin-top:10px;
     margin-bottom:10px;
     margin-right:10px;
     font-weight:normal;   
  }
  div#body div#main td.nadpis_left
  {
    width:8px;
    height:30px;
    background: url(img/nadpis_left.gif) no-repeat top left;
  }
  div#body div#main td.nadpis_right
  {
    width:8px;
    height:30px;
    background: url(img/nadpis_right.gif) no-repeat top left;
  }  
  div#body div#main td.nadpis2_left
  {
    width:8px;
    height:30px;
    background: url(img/nadpis2_left.gif) no-repeat top left;
  }
  div#body div#main td.nadpis2_right
  {
    width:8px;
    height:30px;
    background: url(img/nadpis2_right.gif) no-repeat top left;
  }  
  
  div#body div#main table.polozky {
    border:0px;
    margin: 10px 0 10px 25px;
    padding: 4px;
    width:218px;
    float:left;
    border:1px solid #f5f5f5;    
  }
  
    div#body div#main table.polozky div.img {
      position:relative;
      width:204px;
      cursor:pointer;
      text-align:center;
      height:204px;
      border:1px solid gray;
            
    }
      div#body div#main table.polozky div.img img{
        width:200px;
        height:200px;
        margin:2px;
      }          
    
  
    div#body div#main table.polozky td.cena
      {
        width:73px;
        height:45px;        
        font-size:13px;
        color:#7aa510;
        background:#eaeaea;
        font-weight:bold;
        text-align:center;
        border-bottom:1px solid #fff; 
      }   
    div#body div#main table.polozky td.kosik
      {
        width:73px;
        height:45px;        
        font-size:11px;
        color:#7aa510;
        background:#f5f5f5;
        text-align:center;
        vertical-align:middle;
      }    
        div#body div#main table.polozky td.kosik form,a
          {   
            margin-left:5px;
          }      
      div#body div#main table.polozky td h2 a
        {
          font-family:Verdena;
          font-size:15px;
          color:#7aa510;
          text-decoration:none;
          margin-left:0px;                       
        }
      div#body div#main table.polozky td h2 a:hover
        {
          text-decoration:underline;                                
        }        
      div#body div#main table.polozky td h2
        {
          margin-left:0px;                    
        }     
      div#body div#main table.polozky td.nazev {
          display:block;
          min-height:60px;_height:60px;
          vertical-align:top;
        } 
      div#body div#main table.polozky td.popis {
          color:#717171;font-weight:normal;font-size:13px;vertical-align:top;
          min-height:50px;_height:50px;
          width:218px;                    
        }    
      
      div#body div#main table.registrace {
        font-weight:normal;
        margin-left:15px;margin-top:5px;
        color:#7c7c7c;
        font-size:13px;
      }
            
      div#body div#main table.registrace input {
        width:300px;
        border:1px solid #7c7c7c;
      }                
                       
                       
    div#body div#main div#detail {
      width:522px;   
    }
      div#body div#main div#detail h1 {
        margin:0 0 0 0;
      } 
      div#body div#main div#detail p {
        font-size:14px;
      }         
      div#body div#main div#detail td.cena {
        width:80px;
        background: url(img/background_cena.gif) no-repeat top center;
        text-align:center;
        color:#50b435;
        height:39px;
      }
      div#body div#main div#detail td.form {
        vertical-align:top;
        text-align:right;
        width:150px;
      }       
    div#body div#main div#detail td.img {
      position:relative;
    }
      
      div#body div#main div#detail td.img img.pics {                                                                 
        width:200px;                                                         
      }     
      div#body div#main div#detail td.top_left {                                                                 
        width:8px;
        height:8px;
        overflow:hidden;
        background: url(img/detail_roh_1.gif) no-repeat top left;                               
      }
      div#body div#main div#detail td.top_right {                                                                 
        width:8px;
        height:8px;
        overflow:hidden;
        background: url(img/detail_roh_2.gif) no-repeat top left;                               
      }        
      div#body div#main div#detail td.bottom_left {                                                                 
        width:8px;
        height:8px;
        overflow:hidden;
        background: url(img/detail_roh_4.gif) no-repeat top left;                               
      }        
      div#body div#main div#detail td.bottom_right {                                                                 
        width:8px;
        height:8px;
        overflow:hidden;
        background: url(img/detail_roh_3.gif) no-repeat top left;                               
      }         
      div#body div#main div#detail td.polozka_poddruh {                                                                 
        width:316px;
        overflow:hidden;
        height:17px;
        background: url(img/popis.gif) no-repeat top center ;   
        color:#676767;
        font-size:11px;
        font-weight:normal;                                   
      }  
      div#body div#main div#detail td.polozka_poddruh span {                                                                 
         position:relative;
         top:-1px;           
      }        
      div#body div#main div#detail td.polozka_cena {                                                                 
        width:95px;
        overflow:hidden;
        height:17px;
        background: url(img/polozka_cena.gif) no-repeat top center;                               
      }  
        div#body div#main div#detail td.polozka_cena span {                                                                 
           color:#676767;
           font-size:11px;
           font-weight:bold;
           margin-left:6px;  
           position:relative;
           top:-2px;           
        }        
        div#body div#main div#detail td.polozka_cena span.cena {                                                                 
           color:#5b7bb6;
           font-size:11px;
           font-weight:bold;           
           margin-left:6px;             
        }         
      div#body div#main div#detail td.select select {                                                                 
        height:14px;                               
        font-size:10px;
        border:1px solid gray;
        margin-left:3px;
      }   
      
      div#body div#main div#kosik table.kosik {                                                                 
        font-weight:bold;
        margin-left:10px;   
        margin-top:20px;  
        font-size:13px;   
      }   
      div#body div#main div#kosik table.kosik span {                                                                 
        margin-left:5px;        
      }            
      
      div#body div#main div#kosik td.nazev {                                                                 
        width:282px;
        height:30px;
        color:#fff;
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
        font-size:12px;
      }
      div#body div#main div#kosik td.ks {                                                                 
        width:68px;
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
        color:#fff;
      }
      div#body div#main div#kosik td.cena {                                                                 
        width:129px;     
        color:#fff;
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
      }
      div#body div#main div#kosik td.del {                                                                 
        width:19px;        
        color:#fff;
        border-bottom:1px solid #fff;
      }       
      div#body div#main div#kosik td.cena_celkem {                                                                 
        width:148px;
        height:30px;
        color:#000;
        background:#e4ecc1;
        text-align:right;
      }    
      
      div#body div#main div#kosik a.nakup {                                                                 
        display:block;
        float:left;
        width:144px;
        height:25px;
        margin-top:10px;
        margin-left:10px;
        background: url(img/button_zpet.gif) no-repeat ;
      }        
      
      div#body div#main div#kosik a.step1 {                                                                 
        display:block;
        float:left;
        width:104px;
        height:25px;
        margin-top:10px;
        margin-left:10px;
        background: url(img/button_objednat.gif) no-repeat ;
      }    
      
      div#body div#main div#step1 p{
        margin-left:20px;
        font-size:13px;
        font-weight:bold;
        color:#000;
      }           
      
      div#body div#main div#step1 div.step{
        width:134px;
        height:54px;
        float:left;
        margin-left:10px;        
        margin-bottom:10px;
      }                

      div#body div#main div#step1 div#s1{
        background: url(img/step1.gif) no-repeat ;
      }       

      div#body div#main div#step1 div#s1a{
        background: url(img/step1a.gif) no-repeat ;
      } 
      
      div#body div#main div#step1 div#s2{
        background: url(img/step2.gif) no-repeat ;
      }       
      
      div#body div#main div#step1 div#s2a{
        background: url(img/step2a.gif) no-repeat ;
      }  
      
      div#body div#main div#step1 div#s3{
        background: url(img/step3.gif) no-repeat ;
      }       
      
      div#body div#main div#step1 div#s3a{
        background: url(img/step3a.gif) no-repeat ;
      }   
      div#body div#main div#step1 td.cenaz{
        height:24px;
        background:#eaeaea;
        color:#7c7c7c;
        border-left:1px solid #fff;
        border-bottom:1px solid #fff;
      }
      div#body div#main div#step1 td.cenac{
        height:24px;
        background:#b3b3b3;
        color:#7c7c7c;
        border-left:1px solid #fff;
        border-bottom:1px solid #fff;
      }        
      
      div#body div#main div#step1 td.doprava1{
        background:#f6f6f6;
        color:#707070;
        height:35px;
        border-left:1px solid #fff;
        border-bottom:1px solid #fff;
      }           
      div#body div#main div#step1 td.doprava2{
        background:#eaeaea;
        color:#707070;
        height:35px;
        border-left:1px solid #fff;
        border-bottom:1px solid #fff;
      }            
      div#body div#main div#step1 a.step1 {                                                                 
        display:block;
        float:left;
        width:144px;
        height:25px;
        margin-top:10px;
        margin-left:10px;
        background: url(img/button_back.gif) no-repeat ;
      }                                                                                                                                                                   
                                               
  div#body div#right {
    float:left;
    width:252px;
    text-align:left;
  }
    div#body div#right div#kosik {
      width:252px;
      height:135px;
      background: #a0d127 url(img/kosik_roh.gif) no-repeat top left;
      margin-top:4px;
      text-align:left;
    }    
      div#body div#right div#kosik h3 {
        color:#547800;
        padding: 10px 0 0 20px;
      }
      div#body div#right div#kosik table {
        color:#000;
        padding: 10px 0 0 20px;
      }    
      
    div#body div#right div#kontakty {
      width:252px;
      height:102px;
      background: #c2c2c2 url(img/kontaky_roh.gif) no-repeat top left;
      text-align:left;
      color:#000;
    }
    
    div#body div#right h4 {
      color:#5b5b5b;
      font-size:13px;
      margin: 3px 0 4px 15px;
    }
                 
  
  div#body div#footer {
    clear:left;
    width:1024px;
    height:40px;
    background:#dcdcdc;
    margin-top:10px;       
    color:#7c7c7c;
  }

  div#partners {margin-top:10px;color:#0071af}
  div#partners a {color:#0071af;text-decoration:underline;}
  div#partners a:hover {color:#6040ff}