body {
    font-family: Trebuchet MS tahoma, arial, lucida, sans-serif;
    font-size: 0.75em;
    background: url('images/bg.jpg') top center repeat; 
    padding: 0px;
    margin: 45px 0px 0px 0px;
    text-align: center;
}

input {
    border: 1px solid #285C28;
}

textarea {
    border: 1px solid #285C28;
}

a {
    text-decoration: underline;
    color: #285C28;
}

a:hover {
    text-decoration: none;
}

h1 {
    font-size: 28px;
}

h2 {
    text-align: left;
}

h3 {
    text-align: left;
}

p {
    text-align: left;
    clear: left;
    float: left;
    width: 300px;
}

table {
    font-size: 1em;
}

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.global {
    width: 775px; 
    height: auto; 
    margin: 0px auto 0px auto; 
    padding: 5px;
    background: url('images/main-bg.jpg') top center repeat;
    position: relative;
}

.whiteBg {
    width: 775px; 
    height: auto; 
    background-color: #FFFFFF;
    padding-top: 5px;
    text-align: center;
}

.whiteBg img {
    float: left; 
    margin-left: 10px;
}

.main {
    width: 755px; 
    padding: 14px 0px 0px 0px; 
    margin: 0px auto 0px auto; 
    height: auto; 
    background: url('images/main-gradient.jpg') 0px 14px repeat-x; 
    clear: both;
    text-align: center;
}

.underMain {
    width: 695px;
    height: auto;
    margin: 0px auto 0px auto;
}

.bottom {
    width: 755px; 
    margin: 0px auto 0px auto; 
    padding: 0px;
    height: 40px; 
    background: url('images/main-gradient.jpg') 0px 0px repeat-x; 
}

.bottom a {
    color: #000000;
}

.products {
    width: 360px; 
    float: right;
    clear: right;
    border-left: 1px solid #000000; 
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.products td {
    text-align: center;
    border-right: 1px solid #000000;
}

.products th {
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}

.lineInTab {
    border-top: 1px solid #000000;
}

.cleanerGradient {
    clear: both; 
    height: 50px;
    background: url('images/product-gradient.png') 0px 25px repeat-x;
}

.productVlasce {
    width: 240px; 
    height: 250px; 
    float: left; 
    margin: 40px 0px 0px 50px; 
    background: url('images/vyrobky/silver-spirit-product.jpg') 0px 40px no-repeat;
}

.productSnury {
    width: 240px; 
    height: 250px; 
    float: right; 
    margin: 40px 50px 0px 0px; 
    background: url('images/vyrobky/carp-kev.jpg') 0px 40px no-repeat;

}

.productKrabicky {
    width: 240px; 
    height: 250px; 
    float: left; 
    margin: 40px 0px 0px 50px; 
    background: url('images/vyrobky/krabicky/pm-280.jpg') 0px 40px no-repeat;
}

.productPraky {
    width: 240px; 
    height: 250px; 
    float: right; 
    margin: 40px 50px 0px 0px; 
    background: url('images/vyrobky/praky/prak.jpg') 20px 40px no-repeat;

}

#topItems {
    width: 331px;
    height: 30px;
    position: absolute;
    top: -25px;
    left: 397px;
    background: url('images/top-menu-bg.jpg') 0px 0px no-repeat;
}

#topItems li {
    float: left;
    width: auto;
    padding: 10px 14px 0px 22px; 
}

#topItems li a {
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    font-size: 0.9em;
}

#topItems li a:hover {
    text-decoration: underline;
}

#logo {
    margin: 0px; 
    padding: 0px;
    float: left;
}

#logo a {
    background-color: transparent; 
    display: block; 
    width: 180px;
    position: absolute;
    top: 20px;
    left: 30px;
    color: #000000;
    text-decoration: none;
    text-align: center;
}

#logo span {
    width: 235px;
    height: 94px;
    background: url('images/logo-broline.jpg') top left no-repeat; 
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: -45px;
    left: 0px;
}


#mainMenu {
    width: 413px;
    height: 50px;
    float: left;
    background: url('images/menu-main-bg.jpg') top left repeat-x;
}

#mainMenu li {
    float: left;
}

#mainMenu li a {
    float: left;
    height: 50px;
    padding: 20px 12px 0px 12px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    background: url('images/menu-main-border.gif') 0px 5px no-repeat;
}

#mainMenu li a:hover {
    text-decoration: underline;
}

#mainMenu a.active {
    background: url('images/menu-main-active.jpg') top center no-repeat;
    padding: 20px 12px 0px 12px;
    color: #FFFFFF;
}    

img.imgKrab {float: right;}
img.prod {margin: 0px 0px 10px 0px;}

.prakText {
    float: right; 
    width: 360px; 
    margin-bottom: 20px;
}