body { margin: 0px; padding: 0px; background: #EBF0F3; font-family: 'Open Sans', sans-serif; font-weight: 500; color: #777; line-height: 2; font-size: 15px; }
table,h1,ol, { margin: 0px; padding: 0px; border: 0px; }
a { color: #009E48; }
li { margin: 0; padding: 0 0 0 20px; list-style-type: circle;}
h1 { margin: 0px; padding: 0px; border: 0px; line-height: 0 }
p { margin: 0; padding: 10px 0 0 0; }
.box{display: none; position: relative; top: 0px; left: 0; width: 100%; height: 70px; border-radius: 4px; background-color: #2F3E44; margin-bottom: 10px; }
.box-typ { position: relative; top: 0px; left: 0; width: 180px; height: 70px; line-height: 70px; margin-right: 20px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: #009E48; float: left; }
.box-vlastnosti { display: none; position: relative; float: left; top: 0px; left: 0; width: auto; height: 70px; line-height: 70px; }
.box-vlastnosti-polozka { position: relative; top: 0px; left: 0; width: auto; height: auto; line-height: 1.4; float: left; margin-right: 20px; font-family: arial; color: #fff; padding-top: 10px; }


#box-material-select { width: 140px; margin-left: 20px; }


td#proc { width: 216px; vertical-align: top; }
td#proc- { width: 12px; }
td#zakaznici { width: 168px; vertical-align: top; background: url(zakaznici-bg.png) no-repeat; }
td#sortiment { width: 210px; vertical-align: top; }

input#text { width: 250px; margin: 0px; padding: 8px 0 8px 10px; line-height: 20px; border-radius: 3px; background: rgba(0,0,0,0.02); border: 1px solid #CCC; color: #444; font-family: Arial; font-size: 15px; font-weight: 500; }
textarea { width: 810px; margin: 0px; padding: 10px 0 10px 10px; height: 108px; line-height: 20px; border-radius: 3px; background: rgba(0,0,0,0.02); border: 1px solid #CCC; color: #444; font-family: Arial; font-size: 15px; font-weight: 500; }
input#button { width: 260px; margin: 50px 0 20px 0; padding: 0px; text-align: center; height: 50px; line-height: 50px; border-radius: 3px; background: #009E48; border: 1px solid #007335; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 17px; font-weight: 500; }
input#button:hover { cursor: pointer; background: #108345; border: 1px solid #007335; }

#scrolling {
    position: absolute;
    top: 100px; left: 0px;
    height: 450px; width: 100%;
    background: #EBF0F3 url(intro-podstranka.png) no-repeat;
}
#scrolling.fixed {
    position: fixed;
    top: 0px;
}


h2 {
    line-height: 100px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 38px;
    color: #3F5259;
    text-align: left;
    margin: 0;   
    padding: 0 0 0 40px;
}
h3 {
    line-height: 55px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 55px;
    color: #3F5259;
    text-align: center;
    margin: 0 0 50px 0;
    padding: 0;
}
h4 {
    line-height: 25x;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 25px;
    color: #009E48;
    margin: 0 0 10px 0;
    padding: 0;
}
h5 {
    line-height: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #849095;
    margin: 0;
    padding: 0;
    width: 196px;
}
h6 {
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #009E48;
    margin: 20px 0 10px 0;
    padding: 0;
}
h7 {
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #009E48;
    margin: 0;
    padding: 0;
}

.header {
    position: absolute;
    top: 0px; left: 0;
    width: 100%; height: 100px;
    background-color: #2F3E44;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.header-logo {
    position: absolute;
    top: 35px; left: 50%;
    margin-left: -450px;
    width: 192px; height: 30px;
    cursor: pointer;
}
.header-menu {
    position: absolute;
    top: 35px; left: 50%;
    margin-left: -200px;
    width: 650px; height: 30px;
    text-align: right;
    line-height: 30px;
}
.header-menu a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    margin-right: 20px;
}
.header-menu a:hover{
    text-decoration: none;
    border-bottom: 1px solid #fff;
}
.header-menu a#eshop{
    color: #fff;
    padding: 8px 14px 8px 14px;
    background: #445257;
    border-radius: 4px;
    margin: 0;
}
.header-menu a:hover#eshop{
    background: #009E49;
    border-bottom: none;
}

.body {
    position: absolute;
    top: 100px; left: 0;
    width: 100%; height: auto; min-width: 960px;
}


.intro {
    position: relative;
    top: 0px; left: 0;
    width: 100%; height: 450px;
    background: #009E49 url(intro.png);
    background-position: center top;
}
.intro-body {
    position: relative;
    top: 0px; left: 50%;
    margin-left: -450px;
    width: 900px; height: 450px;
    background: url(intro-text.png);
}


.body-podstranka {
    position: relative;
    top: 0px; left: 0;
    width: 100%; height: auto;
    background: none;
}
.body-white {
    position: relative;
    top: 0px; left: 0;
    width: 100%; height: auto;
    background: #FFF;
}
.body-line {
    position: relative;
    top: 0px; left: 0;
    width: 100%; height: 1px;
    background: #D3D8DA;
}
.body-silver {
    position: relative;
    top: 0px; left: 0;
    width: 100%; height: auto;
    background: #EBF0F3;
}
.body-content {
    position: relative;
    top: 0px; left: 50%;
    margin-left: -450px;
    width: 900px; height: auto;
    padding: 100px 0;
}
.body-podstranka-white {
    position: relative;
    top: 0px; left: 50%;
    max-width: 900px; height: auto;
    background: #fff url(h2.png) repeat-x;
    border-radius: 5px;
    padding: 0;
    margin: 50px 0 100px -450px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
}
.body-podstranka-white-content {
    margin: 0 40px;
    padding: 40px 0;
}
.poptavka {
    position: relative;
    top: 0px; left: 0;
    width: 100%; height: 125px;
    background-color: #009E49;
    cursor: pointer;
}
.poptavka-body {
    position: relative;
    top: 0px; left: 50%;
    margin-left: -450px;
    width: 900px; height: 125px;
    line-height: 115px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 25px;
    color: #fff;
}

.footer {
    position: relative;
    top: 0px; left: 0;
    width: 100%; height: 64px;
    background-color: #2F3E44;
}
.footer-body {
    position: relative;
    top: 0px; left: 50%;
    margin-left: -450px;
    width: 900px; height: 60px;
    line-height: 60px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #6E7A7F;
    padding-bottom: 3px;
}
.footer-body a{
    color: #6E7A7F;
    text-decoration: none;
    border-bottom: 1px solid #4E5A5F;
}
.footer-body a:hover{
    color: #fff;
    text-decoration: none;
    border: none;
}