body {
    margin: 11px 0; padding: 0;
    background-color: #000;
    font-family: Verdana;
    font-size: 8pt;
    line-height: 12pt;
    background-image: url(../img/background.gif);
}
#LOUT {
    width: 768px;
    margin: 0 auto;
    background-color: #fff;
    background-image: url(../img/lout-background.gif);
    background-repeat: repeat-y;
    background-position: 0 -1px;
    position: relative;
}
#LOUT-HEADER {
    height: 295px;
    background-image: url(../img/header.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}
#MENU ul {
    margin: 0; padding: 30px 0 0 38px;
}
#MENU ul li {
    list-style: none;
    float: left;
    margin: 0 0 0 1em; padding: 0;
}
#MENU ul li a {
    margin: 0; padding: 0 0 0 30px;
    width: auto;
    display: block;
    line-height: 25px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    background-image: url(../img/dot.gif);
    background-repeat: no-repeat;
}
#MENU ul li a.sel {
    background-image: url(../img/dot-sel.gif);
}
#LOUT-CONTENT {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 630px 100px;
}
#ISO {
    background-image: url(../img/iso.gif);
    background-repeat: no-repeat;
    position: absolute;
    width: 120px; height: 121px;
    left: 635px;
    top: 252px;
}
#LOUT-CONTENT-M {
    margin: 0; padding: 0 32px 0 53px;
}
#LOUT-FOOTER {
    margin: 0;
    height: 47px;
    background-image: url(../img/footer.gif);
    background-position: 23px 0;
    background-repeat: no-repeat;
}
#LOUT-FOOTER p {
    line-height: 47px;
    margin: 0 0 0 36px; padding: 0; 
    color: #fff;
    font-weight: bold;
}
#LOUT-FOOTER.index {
    margin: 0; padding: 0;
    background-color: red
}
.none {
    display: none;
}
img.map {
    float: right;
}
div.cleaner {
    clear: both;
    visibility: hidden;
    margin: -1px 0 0 0;
    height: 1px;
    overflow: hidden;
}
div.map-lcol {
    float: left;
    width: 233px;
}
div.map-rcol {
    float: right;
    width: 450px;
}
div.col2-lcol {
    float: left;
    width: 280px;
}
div.col2-rcol {
    float: right;
    width: 360px;
}
table.sortiment {
    border-collapse: collapse;
    text-align: left;
    width: 230px;
    margin: 0;
    font-weight: bold;
} 
table.sortiment th, table.sortiment td {
    padding: 3px 8px;
    border: 2px solid #fff;
    background-color: #9cd7f7; 
}
table.sortiment th {
    background-color: #7bb6de;
    color: #10498C;
    text-transform: uppercase;
    width: 120px;
}
table.sortiment tr.sec td {
    background-color: #7bb6de;
}
div.konstrukcni-a-kalibrovane-trubky {
    background-image: url(../img/konstrukcni-a-kalibrovane-trubky-background.gif);
}
.ctvercove-profily {
    background-image: url(../img/ctvercove-profily-background.gif);  
}
.obdelnikove-profily {
    background-image: url(../img/obdelnikove-profily-background.gif);  
}
.plochoovalne-profily {
    background-image: url(../img/plochoovalne-profily-background.gif);
}
h1, h2, h3 {
    font-family: sans-serif;
    color: #10498C;
    margin: 0; padding: 0;
}
h1 {
    text-transform: uppercase;
    font-size: 2.4em; 
    padding: 1em 0 1em 0;
}
h2 {
    font-size: 1.7em; 
}
#LANG {
    position: absolute;
    left: 50px;
    top: 73px;
}
#LANG img {
    border: none;
}
ul.sortiment {
    list-style: none;
    margin: 0; padding: 0;
}
ul.sortiment li {
    background-repeat: no-repeat;
    background-position: 0 0;
    line-height: 70px;
    height: 70px; 
    margin: 0; padding: 0 0 0 120px;
}
ul.sortiment li a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.8em;
    display: block;
    height: 70px;
    font-family: sans-serif;
}
ul.sortiment li.konstrukcni-a-kalibrovane-trubky {
    background-image: url(../img/konstrukcni-a-kalibrovane-trubky.gif);
}
ul.sortiment li.ctvercove-profily {
    background-image: url(../img/ctvercove-profily.gif);
}
ul.sortiment li.obdelnikove-profily {
    background-image: url(../img/obdelnikove-profily.gif);
}
ul.sortiment li.plochoovalne-profily {
    background-image: url(../img/plochoovalne-profily.gif);
}
img.sortiment {
    margin: 0 0 1em 0;
}
.center {
    text-align: center;
}
a {
    color: #10498c;
    text-decoration: none;
}

table.kontakt {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    margin: 0; padding: 0;
}
table.kontakt th, table.kontakt td {
    padding: 2px 6px; 
}
table.kontakt th {
    color: #aaa;
}
table.kontakt td.header {
    padding-bottom: 0;
    color: #000;
    font-weight: bold;
    border: none;
    height: 2.5em;
    vertical-align: bottom;
}
table.kontakt td {
    color: #000;
    border-bottom: 1px solid #ddd;
}

.adresa {
    margin: 0.5em 0 1em 0;
}
.map {
    margin: 2em 0;
    text-align: center;
}
.pager {
    padding: 8px 0 0 0;
    width: 552px;
}
.pager-item {
    width: 138px;
    height: 40px;
    float: left;
}
.pager-item a {
    background-image: url(../img/pager-item.gif);
    background-repeat: no-repeat;
    background-position: -138px 0; 
    padding: 8px 0 0 0;
    display: block;
    height: 32px;
    text-align: center;
    line-height: 1.2em;
    color: #999;
}
.pager-item a:hover {
    color: #000;
}
.pager-item a.sel {
    color: #000;
    background-position: 0 0;
}
.galerie {
    width: 550px; 
}
.galerie a {
    display: block;
    float: left;
    margin: 0 0 4px 4px;
}
.galerie a img {
    border: 1px solid #000;
    vertical-align: bottom;
}
.fly {
    border: 1px solid #000;
    float: left;
    margin: 0 1em 1em 0;
}
#INDEX {
    margin: 0 auto;
    width: 784px;
    height: 503px;
    background-image: url(../img/index.jpg);
    background-repeat: no-repeat;
}