/* HTML TAGs*/

body {
      font-family: Tahoma, Trebuchet MS, arial;
      color: #034673;
      margin: 0;
      padding: 0;
      background: #55A304 url("images/web/pozadi.gif") repeat-x;
      font-size:12px;
     }

/* STYLES AND CLASS*/

#obsah  {
         width: 867px;
         margin: auto auto;
         padding: 0;
         min-height:970px;
         _height:970px;
         background-color:white;
        }

/* TOP */

table {margin-left:12px;}    
.stinek table {margin-left:0;}
a{color:#003A62; text-align:left;}
p, .stinek{text-align:justify;}
p {margin:0; padding:10px 10px 0 0;}   
    
#TopMenu  {
           width: 867px;
           height: 30px;
           padding: 0px;
           margin: 0px;
           &padding: 12px 0 0 0;
           color:white;
           background-color:#003A62;
           text-align:left;
           list-style-type: none;
          }
          
#TopMenu img {
              border:0;
              float:left;
            }
            
#TopMenu li {
             display: block;
             float: left;
              margin:0 15px 0 0px;
            }

#TopMenu li a  {
             font-family: Tahoma;
             font-size: 14px;
             color: white;
             text-decoration: none;
             display: block;
             padding-top:5px;
             height:24px;
             display:block;
             float:left;
            }
            
#TopMenu .active {
            background-color:#3896C9;
            }

#vlevo {
           background: white url("images/web/menu-back.gif") 0 99px repeat-x;
           width: 248px;
           float: left;
}

#vpravo {
         width: 619px;
         float: left;
         background: white url("images/web/stred-pozadi.jpg") 0 236px no-repeat;
}


#hlavicka  {
       background: url("images/web/hlavicka.jpg") no-repeat;
       width: 619px;
       height: 236px;
      }


.menu-nadpis{ margin:18px 0 13px 11px; }



#menu {
           margin: 0;
           padding: 0;
           list-style-type: none;
          }

#menu li {
             border-bottom: 1px solid #81D0DA;
             width: 220px;
             margin-left:11px;
            }
          
#menu li a {
               width: 137px;
               height:29px;
               padding: 21px 0px 0px 83px;
               font-family: Trebuchet MS;
               font-size: 14px;
               color: #034673;
               text-decoration: none;
               display: block;
              }
              
#menu li a img{
               border:0;
              }

#menu li a:hover {
                     background: url("images/web/menu-hover.gif") no-repeat;
                    }

  /* SECOND LEVEL */



#menu ul {
             margin: 0;
             padding: 15px 0 15px 0;
             list-style-type: none;
             border-top: 1px solid #81D0DA;
            }

#menu ul li {
                border:0;
               }
          
#menu ul li a {
               background: url("img/sipka.gif") 5px 3px no-repeat;
               width: 137px;
               height:22px;
               padding: 0px 0px 0px 20px;
               font-family: Trebuchet MS;
               font-size: 12px;
               color: #034673;
               text-decoration: none;
               display: block;
                 }

#menu ul li a:hover {
                        color:#0C3149;
                        background: url("img/sipka.gif") 5px 3px no-repeat;
                       }

   /* END OF MENU */

h1 {
         margin: 20px 0 0 0;
         padding:0;
         padding-left: 18px;
         font-weight: normal;
         font-size: 26px;
    }

h2 {
         margin:0;
         padding: 15px 0 10px 0;
         font-weight: normal;
         font-size: 18px;
         color:#034673;
         letter-spacing:0pt;
    }
    
.clanekText h2 {
         margin:0;
         padding: 15px 0 10px 15px;
         font-weight: normal;
         font-size: 18px;
         color:#034673;
         letter-spacing:0pt;
    }
    
h3 {
         margin:0;
         padding: 15px 0 10px 0;
         font-weight: bold;
         font-size: 12px;
         color:#034673;
         letter-spacing:0pt;
    }

input.objednat
{padding-top:4px;
width:83px;
height:17px;
background-image:url("images/web/but-objednat.gif");
font-size:110px;
vertical-align:middle;
border:0;
} 

input.odeslat
{padding-top:4px;
width:83px;
height:17px;
background-image:url("images/web/but-odeslat.gif");
font-size:110px;
vertical-align:middle;
border:0;
} 


/* BOTTOM */


#spod  {
           background: #55A304 url("images/web/pozadi-spod.gif") repeat-x;
           height: 69px;
           width: 100%;
          }

#paticka  {
           background: url("images/web/paticka.gif") no-repeat;
           height: 18px;
           width: 867px;
           margin: auto auto;
           padding: 0px;
           font-size:12px;
           color:white;
           padding-top:30px;
          }

#paticka .pataA  {
           width: 580px;
           float:left;
           padding-left:27px;
          }

#paticka .pataB  {
           width: 240px;
           float:right;
          }
#paticka .pataB  a{
           color:white;
           text-decoration:none;
          }

.clearboth  {
             clear: both;
            }
            
hr.cleaner {
clear:both;
display: none
}

.detail-image{
float:right;
margin:0 24px 10px 10px;
}

.clanek{
      letter-spacing:0.3pt;
      line-height: 1.4em;
}

.stinek{
background: url("images/web/h2.jpg") no-repeat;
min-height:148px;
&height:148px;
padding:0 25px 0 15px;
margin: 15px 0 15px 0;
}

.kosik-full{
background: url("images/web/h2.jpg") no-repeat;
min-height:148px;
&height:148px;
width:599px
}

.kosik-x{
border:1px solid white;
background-color:red;
color:black;
font-weight:bold;
}

.kosik-top{
font-weight:bold;
}

.kosik-tbl h2{
background: url("images/web/podnadpis.gif") no-repeat;
width:457px;
&width:400px;
padding-left:3px;
}

#doplnky td {
border-bottom: 1px solid #D3E3C6;
margin:0;
padding:0;
height:29px;
}

#filtr-siroky{ margin-left: 15px;}
#filtr-siroky, #filtr-siroky a{color:#003A62; text-decoration:none; letter-spacing:0;}

#filtr-uzky {
width:183px;
height:194px;
background: url("images/web/filtr2.gif") no-repeat;
padding:35px 0 0 10px;
float:right;
margin-top:70px;
}

#filtr-uzky a{
display:block;
color:#003A62;
text-decoration:none;
padding-top:7px;
}


.desktop {
display:block;
margin:0;
padding:0;
width:183px;
height:103px;
background: url("images/web/login.gif") no-repeat;
padding:35px 0 0 10px;
&padding:30px 0 0 10px;
float:right;
font-size:11px;
}
.desktop a{color:#003A62;}

.vyhledat-input{
width:154px;
height:15px;
&width:159px;
&height:18px;
padding:4px 0 0 5px;
&padding:3px 0 0 5px;
background-color:white;
color:#003A62;
font-size:11px;
border:0;
margin-bottom:3px;
}

input.desktop-button
{
width:31px;
height:14px;
background-image:url("images/web/log.gif");
font-size:110px;
vertical-align:middle;
border:0;
position:relative;
top:-4px;
} 


.vypis-leva{
width:180px;
height:113px;
float:left;
overflow:none;
margin-top:10px;
}

.vypis-leva img{border:0;}

.vypis-prava{
width:370px;
height:113px;
float:right;
text-align:justify;
margin:10px 10px 0 0;
}

.maindiv .vypis-prava{
margin:10px 10px 0 10px;
width:360px;
}

.zbozi-link{
font-weight:bold;
font-size:18px;
display:block;
color:#003A62;
text-decoration:underline;
margin-bottom:10px;
}

.detail-image{ height:183px }
.popis{ padding-left:15px; min-height:200px; _height:200px; text-align:justify; padding-right:15px;}

.viceinfo{
display:block;
float:left;
margin-top:10px;
width:158px;
height:21px;
}
.viceinfo img{border:0;}

.cenaod{
margin:10px 15px 0 0;
padding:3px 0 0 80px;
width:78px;
height:18px;
_width:100px;
_height:21px;
float:right;
background: url("images/web/cena-od.gif") no-repeat;
font-size:12px;
font-weight:bold;
color:white;
}

.kosik-menu{
width:186px;
height:24px;
&height:29px;
padding-top:5px;
text-align:center;
float:right;
font-size:12px;
background: url("images/web/kosik.gif") no-repeat;
position:absolute;
margin-left:670px;
&margin-left:13px;
color:white;
}

.kosik-menu a{
color:white;
}

.strankovani1{
background: url("images/web/strankovani1.gif") no-repeat;
width:34px;
height:28px;
color:#003A62;
text-decoration:none;
display:block;
text-align:center;
padding-top:6px;
float:left;
margin-right:6px;
}

.strankovani1:hover{
background: url("images/web/strankovani2.gif") no-repeat;
color:white;
}

.strankovani2{
background: url("images/web/strankovani2.gif") no-repeat;
width:34px;
height:28px;
color:white;
text-decoration:none;
display:block;
text-align:center;
padding-top:6px;
float:left;
margin-right:6px;
}

.dalsi{
float:left;
height:28px;
padding-top:6px;
margin-right:6px;
}

.clanekText{
width:415px;
float:left;
min-height:430px;
_height:430px;
}

.clanekForm{
padding:15px;
}

input.registrovat-button
{
width:83px;
height:17px;
background-image:url("images/web/registrovat.gif");
font-size:110px;
vertical-align:middle;
border:0;
position:relative;
top:-4px;
margin-top:15px;
} 

.maindiv{
width:600px;
}

#kamarad, .celkem-zbozi{
margin-left:15px;
}

#kamarad{
font-size:11px;
}

.error{color:red; display:block; margin-top:10px;}
.podminky{position:relative; left:-10px; top:10px;}
.podminky2{position:relative; left:-10px; top:35px;}

.filtr-vybrany{
font-weight:bold;
text-decoration:underline;
}

#flash{
position:relative;
top:10px;
left:243px;
}