* {
	margin: 0px;
	padding: 0px;
	border: none;
}
header, nav, section, article, aside, footer {
   display: block;
}
body {
    font-family: 'Raleway', sans-serif;
	font-size: 0.9em;
    font-weight: 400;
    color: #666666;
	background: #fff;
	line-height: 1.3em;
}
address, blockquote, dl, fieldset, h1, h2, h3, h4, h5, h6, ol, p, table, ul {
    margin-bottom: 15px;
}
ul {
    margin-left: 20px;
}
h1, h2, h3, h4 {
    font-family: 'Raleway', sans-serif;
    line-height: 1.0em;
    color: #666666;
    margin: 0px 0px 15px 0px;
    font-weight: 300;
}
h1 {
    font-size: 2.0em;
    line-height: 1.6em;
    text-align: left;
}
h2 {
    font-size: 1.7em;
    text-align: left;
}
h3, h4 {
    font-size: 1.5em;
    line-height: 1.0em;
    color: #fff;
    margin: 10px 0px 5px 0px;
    text-transform: normal;
    font-weight: 400;
}
.cistic {
    clear: both;
	float: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
	line-height: 0;
}
a {
	color: #666666;
    text-decoration: none;
}
a:hover {
	color: #666666;
    text-decoration: none;
}
.red {
    color: #bb001f;
}
.vlevo {
    float: left;
}
.vpravo {
    float: right;
}
.leva {
    text-align: left;
}
.prava {
    text-align: right;
}
.center {
    width: 960px;
    color: #666666;
    margin: 0px auto;
    position: relative;
}
.centrovani {
    text-align: center;
}
a.odkaz {
    color: #d15f2d;
    font-size: 1.3em;
    text-decoration: none;
}
    a.odkaz:hover {
        color: #d15f2d;
        text-decoration: underline;
    }
header {
    width: 100%; 
    height: 212px; 
    position: relative;
    background: #666666 url(../images/pozadi-hlavicka-new.png) top center no-repeat;
}
    #Logo {
        width: 390px;
        height: 138px;
        position: relative;
    	overflow: hidden;
    	font-size: 0.1em;
        text-align: left;
        float: left;
    	padding: 0px 0px 0px 0px;
    	margin: 0px;
        text-indent: 9999px;
    }
    #Logo span {
    	display: block;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: url(../images/pozadi-logo-new.png) no-repeat;
        width: 390px;
    	height: 138px;
    	visibility: visible;
    	cursor: pointer;
        _cursor: hand;
    }
    #Shop {
        width: calc(100% - 590px);
        position: relative;
        float: left;
        color: #fff;
        text-align: center;
        padding: 50px 0px 0px 0px;
    }
        #Shop a {
            color: #fff;
            text-decoration: none;
        }
            #Shop a:hover {
                color: #fff;
                text-decoration: underline;
            }
    #Vlajky {
        width: 200px;
        position: relative;
        float: right;
    }
    #Vlajky a {
        color: #fff;
    }
    #Vlajky a:hover, #Vlajky a.aktivni {
        color: #c54b0b;
    }
        #Vlajky .copy {
            font-size: 1.0em;
            color: #fff;
            margin: 10px 0px 40px 0px;
        }
    nav {
        width: 100%;
        height: 52px;
        margin-top: 22px;   
        background: url(../images/pozadi-menu-new.png) top center no-repeat;
    }
        nav ul {
            margin: 0px;
            padding: 0px;
        }
        nav ul li {
            list-style: none;
            margin: 0px;
            padding: 0px;
            float: left;
        }
        nav ul li a {
            display: block;
            height: 32px; /* 39 */
            padding: 20px 20px 0px 20px;
            color: #fff;
            text-decoration: none;
            font-size: 1.1em;
        }
        nav ul li a:hover, nav ul li a.aktivni {
            /*color: #c54b0b;*/
            color: #000;
        }
        nav .mutace {
            display: none;
        }
#Promo {
    width: 100%;
    height: auto;
    position: relative;
}
    #Promo img {
        width: 100%;
        height: auto;
    }
section {
    width: 100%; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 1.0em;
    line-height: 1.3em;
    position: relative;
    background: none;
    color: #fff;
}
    section article {
        padding: 20px 0px 50px 0px;
        margin: 0px 0px;
        font-size: 1.1em;
        line-height: 1.3em;
        position: relative;
    }
    #Ochranazdravi {
        background: #d15f2d url(../images/pozadi-ochrana-new.png) bottom center no-repeat;
    }
        #Ochranazdravi h1 {
            color: #fff;
            text-align: center;
        }
        #Ochranazdravi ul {
            width: 745px;
            list-style: none;
            margin: 20px auto 20px auto;
        }
            #Ochranazdravi ul li {
                width: 230px;
                height: 200px;
                display: block;
                float: left;
                border: 2px solid #666666;
                border-radius: 0px 20px 0px 0px;
                -moz-border-radius: 0px 20px 0px 0px;
                -webkit-border-radius: 0px 20px 0px 0px;
            }
            #Ochranazdravi ul li.druhy {
                margin: 0px 20px;
            }
                #Ochranazdravi ul li a img {
                    border-radius: 0px 20px 0px 0px;
                    -moz-border-radius: 0px 20px 0px 0px;
                    -webkit-border-radius: 0px 20px 0px 0px;
                    margin: 0px;
                }
            #Ochranazdravi ul li a.foto {
                width: 230px;
                height: 145px;
                display: block;
            }
                #Ochranazdravi ul li a.foto img {
                    width: 230px;
                    height: 145px;
                }
            #Ochranazdravi ul li h2 {
                width: 230px;
                height: 35px;
                color: #fff;
                font-size: 1.0em;
                line-height: 1.3em;
                text-align: center;
                padding: 10px 0px 10px 0px;
                margin: 0px;
                text-transform: uppercase;
                background: #666666;
            }
                #Ochranazdravi ul li h2 a {
                    color: #fff;
                    text-decoration: none;
                }
    #Bilepozadi {
        background: url(../images/pozadi-bile-leve-full.png) top center no-repeat;        
    }
    #Bilepozadidolni {
        background: url(../images/pozadi-bile-prave.png) bottom center no-repeat;        
    }
    #Bilepozadi .center {
        padding-top: 15px;
    }
    #Cimsezabyvame {
        color: #666666;
        background: #fff;
        padding: 40px 0px 40px 0px;
    }
        #Cimsezabyvame h2 {
            color: #666666;
            text-align: center;
            margin: 0px 0px 30px 0px;
            text-transform: uppercase;
        }
        #Cimsezabyvame .pulka, #Cimsezabyvame .pulkaprava {
            text-align: justify;
        }
        #Cimsezabyvame ul {
            width: 960px;
            list-style: none;
            display: block;
            margin: 40px auto 40px auto;
        }
            #Cimsezabyvame ul li {
                width: 280px;
                height: 250px;
                display: block;
                float: left;
                border: 2px solid #666666;
                border-radius: 0px 20px 0px 0px;
                -moz-border-radius: 0px 20px 0px 0px;
                -webkit-border-radius: 0px 20px 0px 0px;
            }
            #Cimsezabyvame ul li.druhy {
                margin: 0px 50px;
            }
                #Cimsezabyvame ul li a img {
                    border-radius: 0px 20px 0px 0px;
                    -moz-border-radius: 0px 20px 0px 0px;
                    -webkit-border-radius: 0px 20px 0px 0px;
                    margin: 0px;
                }
            #Cimsezabyvame ul li a.foto {
                width: 280px;
                height: 250px;
                display: block;
            }
                #Cimsezabyvame ul li a.foto img {
                    width: 280px;
                    height: 250px;
                }
            #Cimsezabyvame p {

            }
    #Pouziti {
        padding: 50px 0px 40px 0px;
        background: #666666 url(../images/pozadi-pouziti.png) top center no-repeat;        
    }
        #Pouziti h2 {
            color: #fff;
            text-align: center;
            margin: 0px 0px 30px 0px;
            text-transform: uppercase;
        }
        #Pouziti a.odkaz {
            color: #fff;
        }
            #Pouziti a.odkaz:hover {
                color: #fff;
            }
    #Naseprednosti {
        background: #fff;
        color: #666666;
        padding: 40px 0px 55px 0px;
    }
        #Naseprednosti h2 {
            color: #666666;
            margin: 20px 0px 40px 0px;
            text-transform: uppercase;
        }
        #Naseprednosti p.pulka {
            text-align: justify;
        }
        #Naseprednosti .pulkaprava img {
            width: 465px;
            height: 349px;
            border: 2px solid #666666;
            border-radius: 0px 20px 0px 0px;
            -moz-border-radius: 0px 20px 0px 0px;
            -webkit-border-radius: 0px 20px 0px 0px;
        }
    #Sluzby {
        padding: 50px 0px 0px 0px;
        background: #666666 url(../images/pozadi-sluzby.png) top center no-repeat;
    }
        #Sluzby h2 {
            color: #fff;
            margin: 20px 0px 40px 0px;
            text-transform: uppercase;
        }
        #Sluzby ul {
            width: 45%;
            float: left;
            list-style: none;
            margin: 0 5% 0 0;
        }
            #Sluzby ul li {
                color: #fff;
                padding: 0px 0px 0px 15px;
                background: url(../images/odrazka.png) 0px 5px no-repeat;
            }
        #SluzbyFoto {
            width: 100%;
            height: 250px;
            margin: 40px 0px 0px 0px;
            background: url(../images/pozadi-sluzby-foto.jpg) top center repeat-x;
        }
    #Ukazky {
        color: #666;
        background: #fff;
        padding: 50px 0px 55px 0px;
    }
        #Ukazky h2 {
            color: #666666;
            text-align: center;
            margin: 20px 0px 40px 0px;
            text-transform: uppercase;
        }
        table#Reference {
            width: 880px;
            margin: 0px auto;
        }
        table#Reference tr td {
            width: 218px !important;
            height: 81px;
            text-align: center;
            color: #666666;
            border-right: 1px solid #666666;
            border-bottom: 1px solid #666666;
            border-radius: 0px 0px 20px 0px;
            -moz-border-radius: 0px 0px 20px 0px;
            -webkit-border-radius: 0px 0px 20px 0px;
            background: url(../images/pozadi-reference-logo.png) center center no-repeat;
        }
    #Dokumenty {
        padding: 50px 0px 40px 0px;
        background: #666666 url(../images/pozadi-dokumenty.png) top center no-repeat;
    }
        #Dokumenty h2 {
            color: #fff;
            text-align: center;
            margin: 20px 0px 40px 0px;
            text-transform: uppercase;
        }
            #Dokumenty h2 span {
                width: 21px;
                height: 26px;
                background: url(../images/ikona-nadpis-dokumenty.png) no-repeat;           
            }
        #Dokumenty h3 {
            text-align: left;
            margin: 15px 0px 30px 0px;
        }
    #Vedec {
        color: #666666;
        background: #fff;
        padding: 40px 0px 40px 0px;
    }
        #Vedec h2 {
            color: #666666;
            text-align: left;
            margin: 0px 0px 30px 0px;
            text-transform: uppercase;
        }
    .eshop {
        width: 100%;
        background: #d15f2d;
    }
        .eshop a {
            color: #fff;
            height: 30px;
            display: block;
            padding: 13px 0px 0px 70px;
            text-decoration: none;
            background: url(../images/kosik-male.png) 20px 6px no-repeat; 
        }
            .eshop a:hover {
                text-decoration: underline;
            }
    article .logostred a {
        width: 64px;
        height: 64px;
        position: absolute;
        bottom: -85px;
        left: calc(50% - 32px);
        z-index: 5;
        background: url(../images/logo-stred.png) no-repeat;
    }
    article .pulka {
        width: 465px;
        float: left;
        margin: 0px 15px 0px 0px;
    }
    article .pulkaprava {
        width: 465px;
        float: left;
        margin: 0px 0px 0px 15px;
    }
    section article p a {
        color: #666666;
    }
    section article p a:hover {
        color: #666666;
        text-decoration: underline;
    }
    section article p a.vlevo img {
        margin: 0px 20px 0px 0px;
    }
    section article a.ceraBox {
        margin: 9px 9px 9px 9px;
        display: block;
        float: left;
    }
    section #Obsah {
        width: 725px;
        float: right;
    }
        #Obsah h1 a {
            float: right;
            text-align: right;
        }
    section #Menu {
        width: 200px;
        float: left;
        margin: 20px 0px;
    }
    #Menu h2 {
        color: #c54b0b;
    }
    #Menu ul {
        margin: 0px;
        list-style: none;
    }
    #Menu ul li {
        background: #949494;
    }
    #Menu ul li a {
        width: calc(100% - 20px);
        color: #fff;
        display: block;
        padding: 5px 10px;
        margin: 0px 0px 5px 0px;
        position: relative;
        text-transform: uppercase;
    }
    #Menu ul li a:hover, #Menu ul li a.aktivni {
        color: #fff;
        background: #c54b0b;
    }
    section article table {
        width: 100%;
    }
    section article table tr td {
        padding: 5px;
        color: #666666;
    }
    section article table tr td a {
        color: #666666 ;
        text-decoration: underline;
    }
    section article table tr td a:hover {
        color: #666666 ;
        text-decoration: none;
    }
    table.dokumenty {
        /*
        border-spacing: 0px;
        border-collapse: separate;
        */
    }
        table.dokumenty tr {
            padding-bottom: 2px;
            background: #808080;
        }
        table.w tr {
            background: #949494;
        }
        table.dokumenty tr:hover {
            color: #fff;
            background: #d15f2d;
        }
    table.dokumenty tr td {
        color: #fff;
    }
        table.dokumenty tr td.first {
            width: 50px;
            text-align: center;
        }
        table.dokumenty tr td.last {
            width: 140px;
            text-align: left;
            padding-left: 10px;
        }
        table.dokumenty tr td a {
            color: #fff;
            text-decoration: none;
        }
            table.dokumenty tr td a:hover {
                color: #fff;
                text-decoration: underline;
            }
    section table#Poptavka {
        width: 890px;
    }
    section table#Produkt {
        width: 680px;
    }
    section table#Poptavka tr th, section table#Produkt tr th {
        background: none;
        color: #000;
    }
    section table#Poptavka tr td, section table#Produkt tr td {
        background: none;
        padding: 2px 5px;
    }
    section table#Poptavka tr td a, section table#Produkt tr td a {
        color: #666666;
    }
    section table#Poptavka tr td a:hover, section table#Produkt tr td a:hover {
        color: #666666;
    }

    section article input {
        border: 1px solid #c54b0b;
        width: 410px;
        height: 25px;
        padding: 0px 10px;
    }
    section article textarea {
        border: 1px solid #c54b0b;
        width: 853px;
        height: 100px;
        padding: 10px;
    }
    section #Produkt input {
        border: 1px solid #c54b0b;
        width: 325px;
        height: 25px;
        padding: 0px 10px;
    }
    section #Produkt textarea {
        border: 1px solid #c54b0b;
        width: 685px;
        height: 100px;
        padding: 10px;
    }
    input.small {
        width: 50px !important;
    }
    input.checkbox {
        width: 20px !important;
    }
    .youtube {
        width: 440px;
        float: left;
        margin: 0px 5px 0px 0px;
    }
footer {
    width: 100%
    height: 68px; /* 300 */
    padding: 0px;
    margin: 0px;
    font-size: 1.1em;
    background: #666666 url(../images/pozadi-paticka.png) no-repeat;
}
    footer .sloupec {
        width: 33%;
        height: 68px;
        float: left;
    }
    footer .sloupecdruhy {
        width: 45%;
        height: 53px;
        float: left;
        color: #ccc;
        padding: 15px 0px 0px 0px;
    }
        footer .sloupecdruhy a {
            color: #ccc;
            text-decoration: none;
        }
            footer .sloupecdruhy a:hover {
                color: #fff;
                text-orientation: underline;
            }
    footer .sloupectreti {
        width: 21%;
        height: 48px;
        padding: 20px 0px 0px 0px;
        float: left;
    } 
        footer .sloupectreti a {
            color: #ccc;
            text-decoration: underline;
        }
            footer .sloupectreti a:hover {
                color: #ccc;
                text-decoration: none;
            }
    #LogoPata {
        width: 270px;
        height: 40px;
        position: relative;
    	overflow: hidden;
    	font-size: 0.1em;
        text-align: center;
    	padding: 0px 0px 0px 0px;
    	margin: 15px 0px 0px 0px;
        text-indent: 9999px;
    }
    #LogoPata span {
    	display: block;
    	position: absolute;
    	top: 0;
    	left: 0;
    	background: url(../images/pozadi-logo-paticka.png) no-repeat;
        width: 270px;
    	height: 40px;
    	visibility: visible;
    	cursor: pointer;
        _cursor: hand;
    }
    #LogoKontakt {
        width: 339px;
        height: 58px;
        position: relative;
        overflow: hidden;
        font-size: 0.1em;
        text-align: center;
        padding: 0px 0px 0px 0px;
        margin: 15px 0px 0px 0px;
        text-indent: 9999px;
    }
    #LogoKontakt span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/pozadi-logo-kontakt.png) no-repeat;
        width: 339px;
        height: 58px;
        visibility: visible;
        cursor: pointer;
        _cursor: hand;
    }
    input.tlacitko {
        width: 120px;
        background: #c54b0b;
        color: #fff;
        float: right;
        cursor: pointer;
        _cursor: hand;
    }
    input.tlacitko:hover {
        background: #000;
        color: #fff;
    }
    .red {
        color: red;
    }
    .sending, .check {
        display: none;
    }
    #MenuMobil {
        display: none;
    }
    .cisticmobil {
        display: none;
    }
    section article p.bez a.ceraBox {
        float: none !important;
    }

@media only screen and (max-width: 934px) {

    section article p.bez a.ceraBox {
        float: none !important;
    }
    .cisticmobil {
        clear: both;
        float: none;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 0;
        line-height: 0;
    }
    #MenuMobil {
        display: block;
        width: 62px;
        height: 55px;
        margin: 5px;
        float: right;
        cursor: pointer;
        _cursor: hand;
    }
    nav .mutace {
        display: block;
    }
    .center {
        width: 94% !important;
        margin: 0px auto;
    }
    header {
        width: 100% !important;
        height: auto;
        position: fixed;
        top: 0px;
        left: 0px;
        min-width: 320px;
        z-index: 3;
    }
    #Logo {
        width: 240px;
        height: 36px;
        float: left;
        z-index: 1;
        position: relative;
        overflow: hidden;
        font-size: 0.1em;
        text-align: center;
        padding: 0px 0px 0px 0px;
        margin: 12px 0px 0px 10px;
        text-indent: 9999px;
        border: none;
    }
    #Logo span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/pozadi-logo-paticka.png) no-repeat;
        background-size: 240px 36px;
        width: 240px;
        height: 36px;
        visibility: visible;
        cursor: pointer;
        _cursor: hand;
    }
        #Vlajky, #Shop {
            display: none;
        }
        nav {
            display: none;
            width: calc(100% - 2px);
            height: auto;
            margin-top: 0px;
            background: #666;
            background-image: none;
            z-index: 5;
        }
            nav ul {
                margin: 0px;
                padding: 0px;
            }
            nav ul li {
                list-style: none;
                margin: 0px !important;
                padding: 0px;
                float: none;
                display: block;
            }
            nav ul li a {
                display: block;
                height: auto; 
                padding: 9px 15px 10px 15px;
                font-size: 1.1em;
            }
            nav ul li a:hover, nav ul li a.aktivni {
                color: #fff;
                background: #d15f2d;
            }
            nav ul li.mutace a {
                width: 15%;
                float: left;
                text-align: center;
                background: #949494;
                margin: 10px 0px 3px 1px;
            }
                nav ul li.mutace a.obchod {
                    width: calc(60% - 60px);
                    float: left;
                    color: #d15f2d;
                    margin-left: 1px;
                    background: #fff;
                    position: relative;
                }
    #Bilepozadi .center {
        padding-top: 0px;
    }
    #Promo {
        margin: 65px 0px 0px 0px;
        z-index: 10;
        display: none;
    }
    .eshop {
        width: 100%;
        background: #d15f2d;
        margin: 65px 0px 0px 0px !important;
    }
    section {
        width: 100% !important;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        font-size: 1.0em;
        line-height: 1.3em;
        margin: 0px auto;
    }
    section.home {
        margin-top: 65px !important;
    }
        section article {
            width: 100%;
            padding: 20px 0px 20px 0px;
            margin: 0px auto 20px auto;
            font-size: 1.1em;
            line-height: 1.3em;
            position: relative;
        }
            section article .center {
                width: 98%;
                margin: 0px auto;
            }
        article.beztop {
            width: calc(100% - 22px);
            padding: 20px 10px 20px 10px;
            margin: 0px 0px 0px 0px;
            font-size: 1.1em;
            line-height: 1.3em;
            position: relative;
        }
        .beztop p {
            /*border: 1px solid #d15f2d !important;*/
        }
        section article.bez {
            width: 100% !important;
            padding: 0px 0px 0px 0px;
            margin: 20px 0px 0px 0px;
            font-size: 1.1em;
            line-height: 1.3em;
        }
        section article p a.vlevo img {
            margin: 0px 20px 0px 0px;
        }
        section article a.ceraBox {
            margin: 9px 9px 9px 9px;
            display: block;
            float: left;
        }
        article .logostred a {
            width: 64px;
            height: 64px;
            position: absolute;
            bottom: -105px;
            left: calc(50% - 32px);
            z-index: 5;
            background: url(../images/logo-stred.png) no-repeat;
        }
        section #Menu {
            width: 100%;
            min-width: 320px;
            float: none;
            margin: 20px 0px 20px 0px !important;
        }
        #Menu ul {
            margin: 0px;
            list-style: none;
        }
        #Menu ul li {
            background: #949494;
        }
    #Menu ul li a {
        width: calc(100% - 20px);
        color: #fff;
        display: block;
        padding: 10px 10px;
        margin: 0px 0px 5px 0px;
        position: relative;
        text-transform: uppercase;
    }
    #Menu ul li a:hover, #Menu ul li a.aktivni {
        color: #fff;
        background: #c54b0b;
    }
        section #Obsah {
            width: calc(100% - 20px);
            min-width: 300px;
            float: none;
            position: relative;
        }
            #Obsah h1 a {
                float: none;
                text-align: left;
                display: block;
                margin: 10px 0px 0px 0px;
            }
        section #Menu {
            display: block;
        }
        section table#Poptavka {
            width: 100% !important;
        }
        table#Reference {
            width: 100%;
        }
        table#Reference tr {
            width: 100%;
            margin: 0px !important;
        }
        table#Reference tr td {
            width: calc(45% - 6px) !important;
            height: 65px;
            position: relative;
            display: block;
            margin: 3px;
            float: left;
        }
        section table#Produkt {
            width: 100%;
        }
        section table#Produkt tr {
            width: 100%;
        }
        section table#Produkt tr td {
            width: 100%;
            display: block;
            float: none;
        }
        section article input {
            border: 1px solid #c54b0b;
            width: calc(96% - 22px);
            height: 25px;
            position: relative;
            padding: 0px 10px;
        }
        section article textarea {
            border: 1px solid #c54b0b;
            width: calc(96% - 22px);
            height: 100px;
            padding: 10px;
            position: relative;
        }
        section #Produkt input {
            border: 1px solid #c54b0b;
            width: calc(96% - 22px);
            height: 25px;
            padding: 0px 10px;
        }
        section #Produkt textarea {
            border: 1px solid #c54b0b;
            width: calc(96% - 22px);
            height: 100px;
            padding: 10px;
        }
        input.tlacitko {
            width: 120px;
            background: #c54b0b;
            color: #fff;
            float: none;
            cursor: pointer;
            _cursor: hand;
        }
        input.small {
            width: 50px !important;
        }
        input.checkbox {
            width: 20px !important;
        }
        .youtube {
            width: 100%;
            float: none;
            margin: 0px 0px 0px 0px;
        }
        article .pulka {
            width: 100%;
            float: none;
            margin: 0px 15px 0px 0px;
        }
        article .pulkaprava {
            width: 100%;
            float: none;
            margin: 0px 0px 0px 0px;
        }
        #Naseprednosti .pulkaprava img {
            width: 100%;
            height: auto;
            border: 2px solid #666666;
            border-radius: 0px 20px 0px 0px;
            -moz-border-radius: 0px 20px 0px 0px;
            -webkit-border-radius: 0px 20px 0px 0px;
        }
        #Ochranazdravi ul {
            width: 100%;
            list-style: none;
            margin: 20px auto 20px auto;
        }
            #Ochranazdravi ul li {
                width: 230px;
                height: 200px;
                display: block;
                float: none;
                margin: 0px auto 20px auto;
                border: 2px solid #666666;
                border-radius: 0px 20px 0px 0px;
                -moz-border-radius: 0px 20px 0px 0px;
                -webkit-border-radius: 0px 20px 0px 0px;
            }
            #Ochranazdravi ul li.druhy {
                margin: 0px auto 20px auto;
            }
                #Ochranazdravi ul li a img {
                    border-radius: 0px 20px 0px 0px;
                    -moz-border-radius: 0px 20px 0px 0px;
                    -webkit-border-radius: 0px 20px 0px 0px;
                    margin: 0px;
                }
        #Cimsezabyvame ul {
            width: 100%;
            list-style: none;
            display: block;
            margin: 40px auto 40px auto;
        }
            #Cimsezabyvame ul li {
                width: 280px;
                height: 250px;
                display: block;
                float: none;
                margin: 0px auto 20px auto;
            }
            #Cimsezabyvame ul li.druhy {
                margin: 0px auto 20px auto;
            }
        table.dokumenty tr td.first {
            width: 50px;
            text-align: center;
        }
        table.dokumenty tr td.last {
            width: 80px;
            font-size: 1.0em;
            text-align: left;
            padding-left: 10px;
        }
    p.prava a.odkaz {
        float: none;
        text-align: center;
    }
    p.prava {
        float: none;
        text-align: center;
    }
    footer {
        width: calc(100% - 2px) !important; 
        height: auto; 
        padding: 0px;
        margin: 0px auto 5px auto;
        border: 1px solid #fff;
        font-size: 1.2em;
        position: relative;
    }
        footer #Adresa {
            width: calc(100% - 60px); 
            height: auto; 
            padding: 40px 20px 20px 40px;
            float: none;
            position: relative;
            font-size: 1.1em;
            line-height: 1.5em;
        }
        footer .sloupecdruhy {
            display: none;
            width: 45%;
            height: 53px;
            float: left;
            color: #ccc;
            padding: 15px 0px 0px 0px;
        }
        footer .sloupectreti {
            display: none;
        }
            .stovka {
                width: 147px;
                height: 67px;
                position: relative !important;
                top: 20px;
                right: 0px;
            }
        footer #Mapa {
            width: calc(100% - 30px); 
            height: 270px; 
            float: none;
            padding: 15px;
        }
        footer p.vpravo {
            padding: 5px 0px 0px 0px;
            margin: 0px;
        }
        #Eu {
            display: none;
        }

}
@media only screen and (max-width: 330px) {
    #Logo {
        width: 240px;
        height: 38px;
        float: left;
        position: relative;
        overflow: hidden;
        font-size: 0.1em;
        text-align: center;
        padding: 0px 0px 0px 0px;
        margin: 12px 0px 0px 7px;
        text-indent: 9999px;
        border: none;
    }
    #Logo span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/logo-mobil.png) no-repeat;
        width: 240px;
        height: 38px;
        visibility: visible;
        cursor: pointer;
        _cursor: hand;
    }
    section #Obsah a img {
        margin-right: 0px;
        margin-left: -6px;
    }
}
@media only screen and (max-width: 380px) {
    table#Reference tr td {
            width: calc(46% - 6px) !important;
            height: 100px;
            position: relative;
            display: block;
            margin: 3px;
            float: left;
        }
}
@media only screen and (min-width: 380px) and (max-width: 410px) {
    table#Reference tr td {
            width: calc(46% - 6px) !important;
            height: 85px;
            position: relative;
            display: block;
            margin: 3px;
            float: left;
        }
}
@media only screen and (min-width: 410px) and (max-width: 450px) {
    table#Reference tr td {
            width: calc(46% - 6px) !important;
            height: 75px;
            position: relative;
            display: block;
            margin: 3px;
            float: left;
        }
}