/* CSS Document */
body {width: 100%; height: 700px;
         font-family: Trebuchet MS,Arial CE, Vardena;
         font-size: 15px;         
         margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
}

#hlavicka {width: 820px; height: 100px;
       background: url("images/logo.gif");
       /*border: 1px solid red;*/
       margin: 5px 0px 0px 175px; 
       text-align:left;         
}
#anotace {font-size:11px;
         color:#000080;
         text-align:center;
         background:#e5e5e5;
         padding:0px 10px 5px 10px;
}
#menu {width:500px; height: 20px;
      margin: 0px 0px 0px 0px;
      font-size: 13px;      
      /*border: 1px solid red;*/
      text-align:right;
      float:right;
}
#menu_index {width:480px; height: 20px;
      margin: 0px 0px 0px 50px;
      font-size: 13px;      
      /*border: 1px solid red;*/
      text-align:right;
      float:right;       
}
.odkaz {height: 20px;
        padding:0px 2px 0px 2px; 
        float: left;
}
#logo {width: 260px; height: 85px;
       background: url("images/logo_jb.gif");
       /*border: 1px solid #e5e5e5;*/
       margin: 10px 0px 0px 10px;
       float:left;        
}
#menu a, #menu_index a {color:#003399;
         text-decoration:none;
}
#menu a:hover, #menu_index a:hover{color:#003399;
         text-decoration:underline;
}
#menu_1 {width:540px; height: 45px;
       margin: 30px 0px 0px 0px;
       border-right: 1px solid #e5e5e5;
       font-size: 13px;
       /*border: 1px solid red;*/       
       float:right;
}
.odkaz_1, .odkaz_1b {width:50px; height: 40px;
        border-left: 1px solid #e5e5e5;
        /*border: 1px solid red;*/
        color: #003399;
        font-weight: bold;        
        float:left;
        padding:10px 15px 0px 15px;
}
.odkaz_1b {background:#ededed;
}
.odkaz_1 a, .odkaz_1b a {
         color: #003399;
         text-decoration:none;
}
.odkaz_1 a:hover, .odkaz_1b a:hover{
         color: #003399;
         text-decoration:underline;
}
#lista {width: 100%; height: 170px;
      background-color: #003399;
      background-image: url("images/obr_hl_2.gif"); 
      background-repeat: no-repeat; 
      background-position: 193px 5px;
}
#lista1 {width:100%; height:5px;
         font-size:5px;
         /*border: 1px solid red;*/
         background:#003399;
}
#obsah  {width: 800px; height:400px; 
        text-align:left;
        border-top: 1px solid #e5e5e5;
        margin: 0px 0px 0px 190px;
        /*border: 1px solid red;*/
}
#obsah_index  {width: 802px;height:575px;  
        text-align:left;
        margin: 0px 0px 0px 190px;
        /*border: 1px solid red;*/
}
#obsah_index h3 {font-weight:bold;
         margin:0px;
}
#blok_ramu  {width: 802px;height:370px;  
        text-align:left;
        margin: 0px 0px 0px 0px;
        /*border: 1px solid red;*/
}
#upo_1 {width:390px;height:210px;
        margin:0px 0px 10px 5px;
        /*border:1px solid red;*/
}
#obsah_index p {margin:10px 10px 0px 10px;
        font-family: Trebuchet MS, Arial;
        font-size:12px;
        color:#000080;
}
#upo_2 {width:395px;height:210px;
        float:right;
        margin:0px 0px 0px 0px;
}
h1 { height: 25px;
    /*border:1px solid red;*/
    margin: 5px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    text-align: right;
    color: #b5b5b5;
    font-size: 22px;
    font-weight: bold;
    
}
#hlavicka1 {width: 800px;
            margin: 5px 0px 0px 0px;
            /*border: 1px solid red;*/
}
.ram {width: 183px; height: 340px;
        border: 1px solid #e5e5e5;
        margin: 10px 0px 0px 5px;
        padding: 5px 5px 5px 5px;
        float: left;
        font-size: 12px;  
        background: #e0e6f3;
}
.ram ul {margin-left:-10px;
         color: #003399;
}
.ram a {text-decoration: none;
          color: #003399;
}
.ram a:hover{text-decoration: underline;
          color: #003399;
}

h2  {width: 183px; height: 27px;
             background: #ffff33; 
             text-align: center;
             font-size:15px;
             color: #003399;
             margin-top:-5px;
             padding: 8px 0px 0px 0px;          
}
.obr_dekor {width: 181px; height: 120px;
        border: 1px solid #e5e5e5;            
}

#blok_levy  {width: 200px; height: 100%;
             /*border: 1px solid red;*/ 
             float: left;
}
.menu_2 {width: 190px; /*height: 150px;*/
         border: 1px solid #e5e5e5;
         margin: 30px 0px 30px 0px;
         font-size: 13px;
         text-align: left;
}
.menu_2 a {color:#003399;
          text-decoration: none;
} 
.menu_2 a:hover {color:#003399;
          text-decoration: underline;
}
.nadpis  {width: 160px; height: 20px;
          border-bottom: 1px solid #e5e5e5;
            text-align: center;
            font-weight: bold;
            color: #b7b7b7;
            background: #003399; 
}
.odkaz_2 {width: 175px; /*height: 33px;*/
          font-size:11px;          
         border-bottom: 1px solid #e5e5e5;
         padding: 7px 5px 5px 10px;
         color: #003399;
}
.odkaz_2b {width: 175px; /*height: 33px;*/
          font-size:11px;
         border-bottom: 1px solid #e5e5e5;
         padding: 5px 5px 5px 10px;
         color: #003399;
         background:#ededed;
}
.ram_1 {width: 190px; 
        border: 1px solid #e5e5e5;
        margin: 10px 0px 0px 0px;  
}
.odkaz_ram_1  {width: 190px;
             background: #ffff33; 
             font-size: 13px;
             font-weight:bold; 
             color: #003399;
             text-align:center;
             padding:5px 0px 5px 0px;
             margin:-5px 0px 0px 0px;       
}
.odkaz_ram_1 a{color: #003399;
             text-decoration:none;
}
.odkaz_ram_1 a:hover{color: #003399;
              text-decoration:underline;
}
#obr_5, #obr_6 {width: 190px;height:100px;
}
/****************************************zahlavi**********/
#zahlavi {width: 802px; height: 20px;
          border-top: 1px solid #e5e5e5;
          font-size: 10px;
          background:#003399;
          color:#66ccff;
          /*margin: 0px 0px 0px 190px;*/
}
#zahlavi a { color:#66ccff;
          text-decoration:none;
}
#zahlavi a:hover { color:#66ccff;
          text-decoration:underline;
}
#statistika {float: left;
        margin-top: 3px;
        padding-left: 15px;  
}
#aktualizace {margin-left: 200px;
       float: left;
       margin-top: 3px; 
}
#autor {text-align: right;
       padding-right: 10px;
       margin-top: 3px;
}
/*****************************************dynymicke menu*******************/
.menubox1 {font-family:Tahoma, Arial CE, Helvetica CE, Arial, sans-serif;
           font-size: 10pt;
           visibility: hidden;
           
} 
           
.menubox2 {font-family: Tahoma, Arial CE, Helvetica CE, Arial, sans-serif;
           font-size: 10pt;           
}
#menu a, #menu_micky a, #menu_rucniky a, #menu_sady a {
           text-decoration: none;
           color: #006600;  
} 
#menu a:hover, #menu_micky a:hover, #menu_rucniky a:hover, #menu_sady a:hover {
           text-decoration: underline;
           /*font-weight: 600;*/
           color: #006600;
} 
/****************************************************submenu-kategorie*******/
#menu_motor, #menu_palivo, #menu_mazani, #menu_chlazeni, #menu_ostatni, #menu_prof, #menu_motor1,
#menu_palivo1, #menu_mazani1, #menu_chlazeni1, #menu_ostatni1, #menu_prof1
           {width: 160px; 
           border: 1px solid #458E35;
           border-bottom: 0px solid #458E35;           
           color: #000080;
}
#menu_motor {position: absolute; left: 459px; top: 95px;
}
#menu_palivo {position: absolute; left: 534px; top: 95px;           
}
#menu_mazani {position: absolute; left: 609px; top: 95px;
}
#menu_chlazeni {position: absolute; left: 687px; top: 95px;
}
#menu_ostatni {position: absolute; left: 776px; top: 95px;
}
#menu_prof {position: absolute; left: 862px; top: 95px;
}

#menu_motor1 {position: absolute; left: 459px; top: 135px;
}
#menu_palivo1 {position: absolute; left: 534px; top: 135px;           
}
#menu_mazani1 {position: absolute; left: 609px; top: 135px;
}
#menu_chlazeni1 {position: absolute; left: 687px; top: 135px;
}
#menu_ostatni1 {position: absolute; left: 776px; top: 135px;
}
#menu_prof1 {position: absolute; left: 862px; top: 135px;
}

.odkaz_osv {width: 150px; 
        background: #ecf5ff; /*#e0e6f3;*/        
        border-bottom: 1px solid #003399;
        font-size:11px;
        /*margin-top: 5px;*/
        padding:5px 0px 5px 10px;        
}
.odkaz_osv a {color: #003399;
         text-decoration:none;     
}
.odkaz_osv a:hover {color: #003399;
         text-decoration:underline; 
}
/**********************************************************mapa webu*********/
#mapa_webu {margin: 0px 0px 0px 280px;
            color: #003399;
            font-size:13px; 
}
#mapa_webu a {color: #003399; 
            text-decoration:none;
}
#mapa_webu a:hover {color: #003399;
            text-decoration:underline; 
}
#mapa_webu ul {margin:5px 0px 5px 60px;
}
#mapa_webu span {font-weight:bold;
            margin:0px 0px 0px 20px;
}
/*******************************************************bezna stranka********/
#popis { /*width:580px; height: 500px;*/
         /*border:1px solid red;*/

         margin: 10px 0px 0px 230px;
         font-size:13px;
}
#popis a {color:#003399;
}
#popis a:hover {color: #003399;
          text-decoration:none;
}
#popis h2 {width:100%;
          font-size:18px;
         color:#003399;
         background:#ffffff;
         text-align:left;
}
.obrazek0 {float:right;
         margin: 0px 0px 0px 10px;
} 
.obrazek1 {width:100px; height:190px;
         float:right;
         margin: 0px 0px 0px 10px;
} 
.obrazek2 {width:74px; height:260px;
         float:right;
         margin: 0px 0px 0px 10px;
}  
.obrazek3 {width:93px; height:224px;
         float:right;
         margin: 0px 0px 0px 10px;
} 
.obrazek4 {float:right;
           margin-left:15px;
           width:160px; height:120px;
} 
em {color:red;
}
h3 {color:#003399;
    background:#f0f0f0;
    font-size:15px;
    padding:3px 0px 3px 10px;
    font-weight:normal; 
}
.cena {color:#003399;
}
/***************************************************cenik*****************/
#tab_cena {width:550px;
          font-family:Arial CE, Verdana;
          font-size: 13px;
          margin:30px 0px 0px 0px
}
td {padding:0px 0px 0px 10px
}
th { height:25px;
     background:#003399;
     color:#ffffff;
     text-align:center;
}
#tab_cena em {font-size:11px;
           color: #000080;
}
.ukazka {/*border:1px solid red;*/
         width:250px;height:160px;
         text-align: center;
         margin:0px 0px 0px 0px;
         /*float:left;*/ 
}
/************************************************objednavka a poptavka******/
#tab_form{width:550px;
          font-family:Arial CE, Verdana;
          font-size: 13px;
          margin:30px 0px 0px 0px
}
td {padding:0px 0px 0px 10px
}
th { height:25px;
     background:#003399;
     color:#ffffff;
     text-align:center;
}
#tab_cena em {font-size:11px;
           color: #000080;
}
.pole {background:#ECF5FF;
       font-size:13px; 
}
/****************************************************vymena odkazu*********/

#blok_odkazy {width:800px;height:1000px;
             border:1px solid #000080;
             margin:0px;
             padding:10px;
             color:#000080;
             font-size:13px;
} 
#blok_odkazy h2 {width:100%;
             color:#003399;
             background:#f0f0f0;
             font-size:17px;
             padding:6px 0px 3px 10px;
             text-align:left;
}
#ramecek  {border:1px solid #000080;
           background:#f8f8f8;
           padding:5px;
} 

/*************************************************blok doporucujeme na indexu**/
#doporucujeme{width:795px;
            border-top:1px solid #e5e5e5;
            margin:10px 0px 5px 5px;
            font-size:10px;
            color:#000080;
}
#doporucujeme span {font-size:11px;
}
#doporucujeme a {color:#000080;
            text-decoration:none;
}
#doporucujeme a:hover {color:#000080;
            text-decoration:underline;
}
/*********************************************odkazy partneru*************/
#mapa_webu h2 {background:#ffffff;
             color: darkorange;
             font-size:16px;
             margin:10px 0px 0px 0px;
             padding:0px 0px 10px 0px;
             width: 300px; height: 10px;              
             text-align: left;
             /*border:1px solid red;*/
}
#mapa_webu p {margin:0px 0px 0px 0px;
              font-size:13px;
}
#mapa_webu a {color:darkorange;
              text-decoration:underline;               
} 
#blok_partneri {border-top:1px solid #e5e5e5;
             margin: 0px 0px 5px 0px;
             padding: 3px 0px 0px 0px;
} 
.partneri {width: 80px; height: 8px;
           background:#e5e5e5;
           font-family:Verdana, Arial;
           color: darkorange;
           font-size:9px;
           margin:0px 0px 0px 5px;
           padding:0px 10px 0px 10px;                         
           text-align: center;
           border:1px solid #000080;
}
.partneri a {color:#000080;
            text-decoration:none;
}
.partneri a:hover {color:#000080;
            text-decoration:underline;
}