body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;margin:0;padding:0;outline: 0}
ul, ol {list-style-type:none;margin:0;padding:0}
html {background: url('../img/bg-btm.gif') repeat-x bottom}
body {background: url('../img/bg.jpg') no-repeat 50% 0;color: #000;font: normal 12px /*75%/1*/ Arial,sans-serif;padding: 36px 0 138px}
p {font-size: 1.0em;line-height: 1.8em;padding: 0 0 15px 0}

/* LINKS */
a {color: #cb3c1c;text-decoration: underline}
a:link {color: #cb3c1c}
a:focus {color: #cb3c1c;outline: 0}
a:visited {color: #cb3c1c}
a:hover {color: #6d1a07;text-decoration: none}
a.more {padding-right: 12px;background: url('../img/arrow.gif') no-repeat 100% 65%}

/* H1 - H5 */
h1, h2, h3, h4, h5, h6 {margin:0;font: normal 75%/1 Arial,sans-serif;}
h1 {color: #6e6d5b;font-size: 1.0em}
h2 {color: #6e6d5b;font-size: 1.8em;font-weight: bold;margin-bottom: 20px;}
h3 {color: #2e3192;font-size: 1.4em; font-weight: bold; margin-top: 10px;}
h4 {color: #2d2d2d;font-size: 1.1em;font-weight: bold}
h5 {color: #2d2d2d;font-size: 1.0em}


/* LAYOUT */
#layout {margin: 0 auto;position: relative;width: 992px}

    /* HEADER */
    #header {background: url('../img/header.jpg') no-repeat 50% 121px;padding: 35px 30px;position: relative;height: 300px}

        #header a.homepage {color: #393939;position: absolute;right: 50px;top: 25px;text-decoration: none}
        #header a.homepage:hover {color: #ed1c24;text-decoration: underline}
        /* logo */
        h1 a {color: #000;display: block;font-weight: bold;height: 59px;left: 8px;position: relative;text-decoration: none;text-align: center;width: 699px}
            h1 a span {position: absolute;top: 0;left: 0;display: block;width: 100%; height: 100%;cursor: pointer;background: url('../img/logo.jpg') no-repeat}

        /* navigation */
        ul#nav {background: url('../img/nav.jpg') no-repeat;height: 45px;line-height: 45px;left:35px;padding: 0 5px;position: absolute;top: 310px;width: 905px}
            ul#nav li {display: inline;}
                ul#nav li a {padding: 0 15px;font-size: 1.1em;font-weight: bold;color: #fff;text-decoration: none}
                ul#nav li a:hover {color: #ccc;text-decoration: none;}

    .container {background: url('../img/bg-footer.gif') no-repeat bottom;padding: 0 35px 50px}
    .side-left {float: left;width: 650px}
    #content {float: right;width: 388px}
        #content .box {background: #c2c2c2 url('../img/box-top.jpg') no-repeat;margin-bottom: 20px}
        #content .box .inbox {background: url('../img/box-btm.jpg') no-repeat bottom;padding: 10px 20px;}
        #content .box h2 {color: #2e3192;font-size: 1.5em;font-weight: bold;margin-bottom: 15px}
        #content .box a.more {color: #000;margin-left: 20px}
        #content .certifikat {background: url('../img/iso-14001.gif') no-repeat 100% 0;height: 104px;font-weight: bold;font-size: 1.2em;line-height: 1.2em;margin-top: 20px}


    .sidebar {width: 232px}
    .sidebar.left {float: left;margin-bottom: 100px}
    .sidebar.right {background: url('../img/panel-bg.jpg') repeat-y;float: right;left: -8px;position: relative}
        .sidebar.right .box {background: url('../img/panel-bg-btm.gif') no-repeat bottom;padding: 0 20px 20px;position: relative;top: 10px}
        .sidebar h4 {background: url('../img/panel-title.gif') no-repeat 0 55%;margin: 10px 0;padding-left: 13px}
        .sidebar h3.nabidka-sluzeb {height: 39px;width: 232px}
            .sidebar h3.nabidka-sluzeb span {background: url('../img/title-nabidka-sluzeb.jpg') no-repeat}
        .sidebar h3.kde-nas-najdete {height: 44px;width: 232px}
            .sidebar h3.kde-nas-najdete span {background: url('../img/title-kde-nas-najdete.jpg') no-repeat}
        .sidebar ul.sortiment {background: #ed1c24 url('../img/panel-nav-btm.jpg') no-repeat bottom;padding: 10px 0}
            .sidebar ul.sortiment li {border-top: 1px solid #a51419}
            .sidebar ul.sortiment li.first {border: 0}
                .sidebar ul.sortiment li a {background: url('../img/panel-nav-li.jpg') no-repeat 17px 12px;color: #fff;display: block;padding: 8px 0 8px 30px;text-decoration: none;width: 202px}
                .sidebar ul.sortiment li a:hover {background-color: #dd171e;color: #fbe4e5}
        .sidebar address {color: #2d2d2d;font-style: normal;line-height: 1.4em;margin-bottom: 25px}
        .sidebar ul {padding: 10px 0}
        .sidebar ul li a {display: block;width: 192px;color: #2d2d2d;padding: 2px 0}
                .sidebar h3 {margin: 0}
    #footer {color: #cccccc;height: 35px;line-height: 35px;padding: 0 25px}
        #footer a {color: #cccccc;text-decoration: none}


/* OTHER */
.clr {clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%}
.noscreen {display:none}
.flt-l {float: left}
.flt-r {float: right}
.alert {height: 56px; line-height: 56px;padding-left: 60px;margin: 10px 0;font-size: 1.3em;font-weight: bold;}
.alert small {color: #6e6d5b;font-size: 0.8em}
.alert.err {background: url('../img/alert-err.gif') no-repeat;color: #8c1f19}
.alert.info {background: url('../img/alert-info.gif') no-repeat;color: #d16907}
.alert.succ {background: url('../img/alert-succ.gif') no-repeat;color: #549e14}
.title {position: relative}
* span.ir {display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* hidden for ie mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
/* nase provozovny Lukas Toman 1.10.2009 \*/
#content hr.cara {height: 0px; border-width: 0; border-bottom:1px solid grey;}
.certifikace {text-align: center;}
.vycet li {list-style-type:disc;margin:0 0 0 15px;padding:0; }