* {
	margin: 0px;
	padding: 0px;
	border: none;
}
html, body {
    height: 100%;
}
body {
    font-family: Arial, sans-serif;
	font-size: 0.9em;
	background: #fff;
	line-height: 1.3em;
}
img, a img {
    border: none;
}
header, nav, section, article, aside, footer {
   display: block;
}
address, blockquote, dl, fieldset, h1, h2, h3, h4, h5, h6, ol, p, table, ul {
    margin-bottom: 15px;
}
h1, .nadpis {
    color: #464646;
    font-size: 2.6em;
    line-height: 1.5em;
    text-align: left;
    font-family: Arial, sans-serif;
    margin: 10px 0px 10px 0px;
    text-align: center;
    font-weight: bold;
}
h1#NadpisTagy {
    color: #464646;
    font-size: 1.9em;
    line-height: 1.5em;
    text-align: left;
    font-family: Arial, sans-serif;
    margin: 100px 0px 20px 0px;
    text-align: center;
    font-weight: bold;
}
h1 .green {
    color: #464646;
}

h2 {
    color: #000;
    font-size: 2.5em;
    line-height: 1.5em;
    text-align: left;
    font-family: Arial, sans-serif;
    margin: 0px 0px 15px 0px;
    /*text-shadow: 1px 1px 1px #ccc;*/
    text-align: center;
}
h3, h4 {
    font-size: 1.5em;
    line-height: 1.1em;
    margin: 10px 0px;
    color: #474747;
}
.white {
    color: #fff;
}
.red {
    color: #d82929;
}
.gray {
    color: #939393;
}
.cistic {
    clear: both;
	float: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
	line-height: 0;
}
a {
	text-decoration: none;
    color: #cc0d0d;
}
a:hover {
    text-decoration: underline;
	color: #d8292f;
}
.vlevo {
    text-align: left;
}
.vpravo {
    text-align: right;
}
.center {
    text-align: center;
}
.left {
    float: left;
}
.right {
    float: right;
}
header {
    width: 100%;
    min-width: 1280px;
    background: #212121;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10;
}
.male {
    height: 71px !important;
}
.velke {
    height: 91px !important;
}
header, a, li, #Logo, #Logo span, #Socialky {
/*
    transition: all 1s;
    -moz-transition: all 1s; 
    -webkit-transition: all 1s; 
    -o-transition: all 1s; 
*/
}
#Lista {
    width: 100%;
    min-width: 1280px;
    height: 26px;
    background: #7c7c7c;
}
    #ListaStred {
        width: 1280px;
        margin: 0px auto;
        color: #fff;
        font-weight: bold;
        font-size: 0.8em;
    }
        #ListaTotal {
            width: 225px; /* 260 */
            height: 21px; /* 26 */
            float: left;
            padding: 5px 0px 0px 35px;
        }
            #ListaTotal span, #ListaProjekt span {
				color: #b8b8b8;
				padding: 0px 0px 0px 30px;
				position: relative;
			}
            #ListaTotal span img, #ListaProjekt span img {
				position: absolute;
				top: -1px;
				left: 9px;
			}
        #Projekty {
            width: 850px;
            float: left;
        }
            #ListaProjekt {
                width: 650px;
                height: 21px;
                padding: 5px 0px 0px 0px;
                margin: 0px auto;
            }
        #ListaMembers {
            width: 165px; /* 165 */
            height: 26px;
            float: right;
        }
        #ListaMembers span {
            height: 11px;
            background: url(../images/member-login.png) 0px 0px no-repeat;
            padding: 0px 0px 0px 20px;
        }
        #ListaMembers a {
            width: 140px; /* 165 */
            height: 21px;
            display: block;
            color: #fff;
            background: #8f8f8f;
            padding: 5px 0px 0px 25px;
            text-decoration: none;
        }
        #ListaMembers a:hover {
            text-decoration: none;
            background: #989898;
        }
    #Menu {
        width: 1280px;
        margin: 0px auto;
    }
    .velke #Menu {
        height: 65px;
    }
    .male #Menu {
        height: 45px;
    }
    .velke #Logo {
        width: 128px; /*  */
        height: 65px;
        position: relative;
        overflow: hidden;
        font-size: 0.4em;
        margin: 0px 62px 0px 35px;
        padding: 0px;
        text-indent: -9999px;
        float: left;
    }
    .velke #Logo span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/pozadi-logo.png) no-repeat;
        width: 128px;
        height: 65px;
        visibility: visible;
        cursor: pointer;
        _cursor: hand;
    }
    .male #Logo {
        width: 128px; /*  */
        height: 45px;
        position: relative;
        overflow: hidden;
        font-size: 0.4em;
        margin: 0px 62px 0px 35px;
        padding: 0px;
        text-indent: -9999px;
        float: left;
    }
    .male #Logo span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/pozadi-logo-small.png) no-repeat;
        width: 89px;
        height: 45px;
        visibility: visible;
        cursor: pointer;
        _cursor: hand;
    }
    nav {
        width: 882px;
        float: left;
    }
    .velke nav {
        height: 65px;
    }
    .male nav {
        height: 45px;
    }
    nav ul {
    	width: 882px;
    	margin: 0px;
    	list-style: none;
    }
    .velke nav ul {
        height: 65px;
    }
    .male nav ul {
        height: 45px;
    }
    nav ul li {
    	display: inline;
    	float: left;
    }
    nav ul li a {
    	color: #fff;
    	text-align: center;
        display: block;
        margin: 0px 40px 0px 0px;
        font-weight: bold;
        font-size: 1.1em;
        text-decoration: none;
        border-bottom: 5px solid #212121;
    }
    .velke nav ul li a {
        height: 35px; /* 65 */
        padding: 25px 10px 0px 10px;
    }
    .male nav ul li a {
        height: 25px; /* 45 */
        padding: 15px 10px 0px 10px;
    }
    nav ul li a.last {
        margin: 0px 0px 0px 0px;
        background: #cc0d0d;
        font-size: 1.1em;
        border: 5px solid #212121;
    }
    .velke nav ul li a.last {
        height: 35px;
        padding: 20px 20px 0px 20px;
    }
    .male nav ul li a.last {
        height: 25px; /* 45 */
        padding: 10px 20px 0px 20px;
    }
    nav ul li a:hover.last {
        color: #fff;
        background: #d8292f;
        text-decoration: none;
    }
    nav a:hover {
    	color: #fff;
        text-decoration: none;
        border-bottom: 5px solid #ff0000;
    }
    #Socialky {
        width: 158px;
        float: left;
    }
    .velke #Socialky {
        height: 65px; /* 65 */
        padding: 20px 0px 0px 12px;
    }
    .male #Socialky {
        height: 35px; /* 45 */
        padding: 10px 0px 0px 12px;
    }
    #Socialky a {
        margin: 0px 12px 0px 0px;
    }
    #Socialky a.last {
        margin: 0px 0px 0px 0px;
    }
#Promo {
    width: 1280px;
    height: 400px;
    margin: 110px auto 20px auto;
    display: block;
    visibility: visible;
}
    #Promo #slider1 {
        width: 1280px;
        height: 400px;
    }
#Zarizeni {
    width: 1280px;
    height: 55px;
    margin: 10px auto 0px auto;
    background: #212121;
}
    #Zarizeni ul {
        width: 1100px;
        list-style: none;
        margin: 0px auto;
    }
    #Zarizeni ul li {
        display: inline;
        float: left;
    }
    #Zarizeni ul li a {
        display: block;
        padding: 0px 50px;
    }
    #Zarizeni ul li a img {
        height: 55px;
    }
#Bannery {
    width: 1280px;
    margin: 0px auto;
}
    #Bannery .banner {
        width: 420px;
        height: 260px;
        margin: 0px 9px 0px 0px;
        float: left;
    }
    #Banner .bannerlast {
        width: 420px;
        height: 260px;
        margin: 0px !important;
        float: right;
    }
    #Bannery .banner img, #Bannery .bannerlast img {
        width: 420px;
        height: 260px;
    }
#Popis {
    width: 100%;
    min-width: 1280px;
    font-size: 1.1em;
    margin: 0px 0px 0px 0px;
    text-align: center;
}
    #Popis p {
        font-size: 1.0em;
        color: #717171;
    }
    .odstup {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
section {
    width: 100%;
    min-width: 1280px;
    height: auto;
}
    section article {
        width: 100%;
        min-width: 1280px;
        height: auto;
        padding: 40px 0px 40px 0px;
        background: #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    article#Stred {
        width: 1280px;
        margin: 0px auto;
        padding: 90px 0px 30px 0px;
    }
    section article.dark {
        width: 100%;
        min-width: 1280px;
        height: auto;
        padding: 40px 0px 40px 0px;
        background: #f5f5f5;
        border-top: 1px solid #e0e7ed;
        border-bottom: 1px solid #e0e7ed;
    }
        section article.dark h2 {
            color: #474747;
        }
    section article.dark #Reference {
        width: 1280px;
        margin: 0px auto;
    }
    section article .post {
        width: 1280px;
        margin: 0px auto;
    }
        article .post .left {
            width: 930px;
            float: left;
        }
            article .post .foto {
                width: 930px;
                height: auto; /* 466-488 */
                overflow: hidden;
            }
            article .home .foto {
                width: 930px;
                height: 485px; /* 466-488 */
                overflow: hidden;
            }
                article .post .foto img {
                    width: 930px;
                    height: 485px; /* 466-488 */
                }
            article .post .nazev {
                width: 930px;
                margin: 8px 0px 20px 0px;
            }
            article .home .nazev {
                width: 930px;
                margin: -15px 0px 20px 0px;
            }
                article .post .nazev h2 {
                    width: 675px;
                    font-size: 1.78em;
                    font-weight: bold;
                    float: left;
                    color: #1b1a1a !important;
                    text-align: left;
                    margin: 0px;
                }
                article .home .nazev h2 {
                    width: 675px;
                    font-size: 1.78em;
                    font-weight: bold;
                    float: left;
                    color: #1b1a1a !important;
                    text-align: left;
                    margin: 0px;
                }
                    .nazev h2 a {
                        color: #1b1a1a;
                        text-decoration: none;
                    }
                    .nazev h2 a:hover {
                        color: #1b1a1a;
                        text-decoration: underline;
                    }
                .nazev .datum {
                    width: 110px;
                    float: right;
                    font-size: 1.2em;
                    font-weight: bold;
                    padding: 12px 0px 0px 20px;
                    background: url(../images/icon-calendar.png) 0px 13px no-repeat;
                }
                .post .nazev .cas {
                    width: 60px;
                    float: right;
                    text-align: right;
                    font-size: 1.2em;
                    font-weight: bold;
                    padding: 12px 0px 0px 25px;
                    background: url(../images/icon-time.svg) 15px 13px no-repeat;
                    background-size: 17px 17px;
                }
        .post .featuring {
		    font-size: 1.25em;
		    margin: 5px 0px 0px 0px;
		}
                
                .home .nazev .cas {
                    float: right;
                }
                .nazev .link {
                    width: 18px;
                    float: right;
                    text-align: right;
                    font-size: 1.2em;
                    font-weight: bold;
                    padding: 12px 0px 0px 12px;
                }
            .post .text {
                font-size: 1.05em;
                text-align: justify;
                color: #424242;
            }
        article .post .right {
            width: 327px;
            float: right;
        }
            article .post .right .galerka, article .home .right .galerka {
                width: 327px;
                height: 525px;
                overflow: hidden;
            }
            article .post .right a, article .home .right a {
                width: 327px;
                height: 174px;
                display: block;
                margin: 0px 0px 1px 0px !important;
            }
            article .post .right a img, article .home .right a img {
                width: 327px;
                height: 174px;
                float: left;
                padding: 0px !important;
                visibility: hidden;
            }
            article .post .right img.bezgal {
                width: 327px;
                height: 174px;
                float: left;
                padding: 0px !important;
                margin: 0px 0px 1px 0px !important;
                visibility: visible;
            }
            article .post .right a:hover img {
                visibility: visible;
            }
            article .post .tagy {
                width: 327px;
                margin: 30px 0px 0px 0px;
            }
                article .post .tagy .tag a {
					width: auto !important;
                    height: 24px !important;
                    font-size: 0.9em;
                    color: #fff;
                    float: left;
					display: inline;
                    padding: 6px 15px 0px 15px !important;
                    margin: 0px 1px 1px 0px !important;
                    background: #7c7c7c;
                }
                article .post .tagy .tag a:hover {
                    background: #8f8f8f;
					text-decoration: none;
                }
        section article .post .info {
            width: 1280px;
            height: 166px;
            margin: 25px 0px 0px 0px;
        }
            section article .post .info br {
                display: none;
            }
        #Download {
            width: 930px;
            margin-right: 2px;
            height: 166px;
            float: left;
        }
            .info ul#Zalozky {
                width: 930px;
                height: 50px;
                list-style: none;
                padding: 0px;
                margin: 0px;
                background: #424242;
            }
            #Zalozky li {
                display: block;
                width: 231px;
                height: 50px;
                float: left;
                color: #fff;
                margin: 0px 0px 0px 0px;
                background: #424242;
                cursor: pointer;
                _cursor: hand;
                text-align: center;
                border-right: 1px solid #212121;
            }
            #Zalozky li.prvni {
                width: 261px;
            }
            #Zalozky li.druhy {
                width: 216px;
            }
            #Zalozky li.last {
                width: 217px;
				border: none;
            }
            #Zalozky li:hover {
                color: #ffffff;
                background-color: #555555;
            }
            #Zalozky li.tab-selected {
                color: #ffffff;
                background-color: #212121;
            }
            #tabContainer {
                width: 900px;
                margin-left: 30px;
            }
            #Zdroje {
                width: 930px;
                height: 116px;
                background: #212121;
                margin: 0px;
            }
                #Zdroje .download {
                    height: 35px;
                    padding: 15px 15px 0px 50px;
                }
                #Zdroje .download a {
                    height: 27px;
                    padding: 8px 0px 0px 0px;
                    display: block;
                    float: left;
                    color: #fff;
                    font-size: 1.1em;
                }
                #Zdroje .download a.trailer {
                    height: 26px;
                    padding: 9px 20px 0px 20px;
                    text-align: center;
                    float: right;
                    color: #fff;
                    background: #cc0d0d;
                }
                #Zdroje .download a:hover.trailer {
                    background: #d8292f;
                    text-decoration: none;
                }
                #Zdroje .download span.kvalita {
                    display: block;
                    width: 50px;
                    height: 20px !important;
                    padding: 5px 0px 0px 0px;
                    margin: 5px 15px 5px 0px;
                    font-size: 0.8em;
                    font-weight: bold;
                    color: #010101;
                    text-align: center;
                    background: #fff;
                    text-decoration: none;
                    float: left;
                }
                #Zdroje .download a:hover {
                    text-decoration: none;
                }
        /* zacatek tagu */
        section article.postTagy {
        	background: url(../images/pozadi-tagy.png) repeat-x;
			margin-bottom: -65px;
		}
		section article.postTagy .tagyCenter {
            width: 1280px;
        	margin: 0px auto;
		}
        article.postTagy .postTag {
            width: 410px;
			height: 350px;
			margin: -5px 25px 5px 0px;
            float: left;
            overflow: hidden;
        }
        article.postTagy .last {
            margin-right: 0px;
        }
            article.postTagy .postTag .foto {
                width: 410px;
                height: auto;
                overflow: hidden;
            }
                article.postTagy .postTag .foto img {
                    width: 410px;
                    height: 215px;
                }
            article.postTagy .postTag .nazev {
                width: 410px;
                margin: 10px 0px 20px 0px;
            }
                article.postTagy .postTag .nazev h2 {
                    width: 410px;
                    font-size: 1.2em;
                    font-weight: bold;
                    float: left;
                    color: #1b1a1a !important;
                    text-align: left;
                    margin: 0px;
                }
                    .postTag .nazev h2 a {
                        color: #1b1a1a;
                        text-decoration: none;
                    }
                    .postTag .nazev h2 a:hover {
                        color: #1b1a1a;
                        text-decoration: underline;
                    }
                .postTag .nazev .featuring {
					font-size: 0.9em;
				}
				.postTag .nazev .featuring a, .postTag .nazev .featuring span {
					color: #d82929;
				}
                .postTag .nazev .datum {
                    width: 120px;
                    float: left;
                    font-size: 1.0em;
                    font-weight: bold;
                    padding: 12px 0px 0px 20px;
                    background: url(../images/icon-calendar.png) 0px 13px no-repeat;
                    background-size: 14px 14px;
                }
                .postTag .nazev .cas {
                    width: 65px;
                    float: right;
                    text-align: right;
                    font-size: 1.0em;
                    font-weight: bold;
                    padding: 12px 0px 0px 25px;
                    background: url(../images/icon-time.svg) 30px 13px no-repeat;
                    background-size: 14px 14px;
                }

/* konec tagu */
        #Pozice {
            width: 115px;
            height: 166px;
            float: left;
            margin: 0px 0px 0px 15px;
        }
            .standing {
                background: url(../images/pozice-standing.png) 0px 0px no-repeat;
            }
            .lying {
                background: url(../images/pozice-lying.png) 0px 0px no-repeat;
            }
            .sitting {
                background: url(../images/pozice-sitting.png) 0px 0px no-repeat;
            }
        #Technologie {
            width: 327px;
            height: 166px;
            float: right;
            position: relative;
        }
            #Technologie .technologie {
                width: 327px;
                height: 103px;
                background: #212121;
            }
            #Technologie .popistech {
                width: 313px;
                height: auto;
                position: absolute;
                top: -103px;
                left: 0px;
                background: #212121;
                color: #fff;
                font-size: 0.85em;
                line-height: 1.2em;
                text-align: justify;
                padding: 10px 7px 10px 7px;
                display: none;
            }
            #Technologie .popistechstatic {
                width: 313px;
                height: auto;
                position: absolute;
                top: -89px;
                left: 0px;
                background: #212121;
                color: #fff;
                font-size: 0.85em;
                line-height: 1.2em;
                text-align: justify;
                padding: 10px 7px 10px 7px;
                display: none;
            }
            #Technologie .popistech2 {
                width: 313px;
                height: auto;
                position: absolute;
                top: -75px;
                left: 0px;
                background: #212121;
                color: #fff;
                font-size: 0.85em;
                line-height: 1.2em;
                text-align: justify;
                padding: 10px 7px 10px 7px;
                display: none;
            }
            #Technologie .popistechbig {
                width: 313px;
                height: auto;
                position: absolute;
                top: -131px;
                left: 0px;
                background: #212121;
                color: #fff;
                font-size: 0.85em;
                line-height: 1.2em;
                text-align: justify;
                padding: 10px 7px 10px 7px;
                display: none;
            }
            #Technologie .popistech3 {
                width: 313px;
                height: auto;
                position: absolute;
                top: -89px;
                left: 0px;
                background: #212121;
                color: #fff;
                font-size: 0.85em;
                line-height: 1.2em;
                text-align: justify;
                padding: 10px 7px 10px 7px;
                display: none;
            }
                #Technologie .technologie img {
                    width: 81px;
                    height: 103px;
                    float: left;
                    margin: 0px 1px 0px 0px;
                    background: #424242;
                    cursor: pointer;
                    _cursor: hand;
                }
                #Technologie .technologie img:hover {
                    background: #212121;
                }
                #Technologie .technologie img.last {
                    margin: 0px 0px 0px 0px;
                }
            #Technologie .movie {
                width: 327px;
                height: 50px;
                margin: 13px 0px 0px 0px;
            }
                #Technologie .movie a {
                    width: 327px;
                    height: 33px;
                    padding: 17px 0px 0px 0px;
                    display: block;
                    color: #fff;
                    font-size: 1.1em;
                    font-weight: bold;
                    text-align: center;
                    background: #cc0d0d;
                    text-decoration: none;
                    border-radius: 5px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                }
                #Technologie .movie a:hover {
                    background: #d8292f;
                    text-decoration: none;
                }
    #Stred .partners {
        width: 160px;
        float: left;
        margin: 10px;
        text-align: center;
    }
    #Stred .helpdevices {
        width: 630px; /* 640 */
        height: 330px;
        margin: 10px 10px 10px 0px;
        float: left;
    }
    #Stred .helpdevicespravy {
        width: 630px; /* 640 */
        height: 330px;
        margin: 10px 0px 10px 10px;
        float: left;
    }
        #Stred .helpdevices .rozdel {
            width: 580px;
            height: 35px;
            padding: 15px 0px 0px 50px;
            color: #fff;
            font-size: 1.2em;
            font-weight: bold;
            background: #019f88;
            border-top-left-radius: 5px;
            -moz-border-top-left-radius: 5px;
            -webkit-border-top-left-radius: 5px;
        }
        #Stred .helpdevicespravy .rozdel {
            width: 580px;
            height: 35px;
            padding: 15px 0px 0px 50px;
            color: #fff;
            font-size: 1.2em;
            font-weight: bold;
            background: #019f88;
            border-top-right-radius: 5px;
            -moz-border-top-right-radius: 5px;
            -webkit-border-top-right-radius: 5px;
        }
        #Stred .helpdevices .devices, #Stred .helpdevicespravy .devices {
            width: 630px;
            padding: 35px 0px 0px 0px;
        }
        #Stred .helpdevices .devices .foto, #Stred .helpdevicespravy .devices .foto {
            width: 220px;
            height: auto;
            float: left;
        }
        #Stred .helpdevices .devices .foto img , #Stred .helpdevicespravy .devices .foto img {
            width: 220px;
            height: auto;
        }
        #Stred .helpdevices .devices .text, #Stred .helpdevicespravy .devices .text {
            width: 390px;
            height: auto;
            float: left;
            text-align: justify;
            padding: 0px 0px 0px 20px;
        }
        #Stred .helpdevices .devices .text a, #Stred .helpdevicespravy .devices .text a {
            font-weight: bold;
        }
        #Stred .helpdevices .devices .text h3, #Stred .helpdevicespravy .devices .text h3 {
            font-size: 1.1em !important;
        }
        #Stred .helpdevices .devices .text h3 a, #Stred .helpdevicespravy .devices .text h3 a {
            width: 390px;
            height: 30px;
            padding: 10px 0px 0px 0px;
            text-align: center;
            display: block;
            color: #fff;
            font-size: 1.0em !important;
            background: #e35a48;
            font-weight: bold;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            text-decoration: none;
        }
        #Stred .helpdevices .devices .text h3 a:hover, #Stred .helpdevicespravy .devices .text h3 a:hover {
            text-decoration: none;
        }
        #Stred .detailrozdel {
            width: 1230px;
            height: 35px;
            padding: 15px 0px 0px 50px;
            color: #fff;
            font-size: 1.2em;
            font-weight: bold;
            background: #cc0d0d;
            border-top-right-radius: 5px;
            -moz-border-top-right-radius: 5px;
            -webkit-border-top-right-radius: 5px;
            border-top-left-radius: 5px;
            -moz-border-top-left-radius: 5px;
            -webkit-border-top-left-radius: 5px;
        }
            #Stred ul {
                list-style: none;
                margin: 30px 0px 0px 0px;
            }
            #Stred ul li {
                list-style: none;
                background: url(../images/odrazka.png) 0px 9px no-repeat;
                padding: 5px 0px 5px 50px;
            }
    #Stred .help {
        width: 300px;
        height: 340px;
        float: left;
        margin: 0px 9px 20px 9px;
        border: 1px solid #e1e8ee;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
        #Stred .help a img {
            width: 294px;
            height: 288px;
        }
        #Stred .help a h3 {
            width: 286px;
            height: 28px;
            color: #fff;
            padding: 12px 0px 0px 0px;
			margin: 0px auto 0px auto !important;
            font-size: 1.0em;
            text-align: center;
            font-weight: bold;
            background: #cc0d0d;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }
        #Stred .help a:hover h3 {
            background: #d8292f;
        }
		#Stred .help a:hover {
			text-decoration: none;
		}
    #Reference .reference {
        width: 390px;
        height: 370px;
        float: left;
        margin: 0px;
    }
    #Reference .referencetwo {
        width: 390px;
        height: 370px;
        margin: 0px 55px;
        float: left;
    }
    #Reference .reference img, #Reference .referencetwo img {
        width: 390px;
        height: 300px;
    }
    #Reference .reference h3, #Reference .referencetwo h3 {
        font-size: 1.1em;
        color: #474747;
        text-align: center;
        margin: 20px 0px;
    }
    #Reference .reference h3 a, #Reference .referencetwo h3 a, #Reference .reference h3 a:hover, #Reference .referencetwo h3 a:hover {
        color: #474747;
        text-decoration: none;
    }
    section article h3#SignUp {
        width: 1280px;
        height: 45px;
        margin: 0px auto 0px auto;
        background: #cc0d0d;
        font-size: 1.2em;
    }
        section article h3#SignUp a {
            display: block;
            width: 1280px;
            height: 30px;
            padding: 15px 0px 0px 0px;
            text-align: center;
            color: #fff;
            font-size: 1.0em;
            font-weight: bold;
            text-decoration: none;
        }
        section article h3#SignUp a:hover {
            background: #d8292f;
        }
    section #StrankovaniDesktopHome {
        /*width: 550px;*/
        height: 45px;
        margin: 30px auto;
    }
    section #StrankovaniDesktop {
        /*width: 560px;*/
        min-width: 186px;
        height: 45px;
        margin: 30px auto;
    }
    #StrankovaniDesktop span, #StrankovaniDesktopHome span {
        width: 45px;
        height: 45px;
        display: block;
        float: left;
        margin: 0px 5px;
        font-size: 1.2em;
        font-weight: bold;
        color: #fff;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        background: url(../images/strankovani-gray.png) 0px 0px no-repeat;
    }
        #StrankovaniDesktop span a:hover, #StrankovaniDesktopHome span a:hover {
            width: 45px;
            height: 45px;
            background: url(../images/strankovani-gray-hover.png) 0px 0px no-repeat;
        }
        #StrankovaniDesktop span.aktivni, #StrankovaniDesktopHome span.aktivni {
            width: 45px;
            height: 30px;
            padding: 15px 0px 0px 0px;
            background: url(../images/strankovani-green.png) 0px 0px no-repeat;
        }
        #StrankovaniDesktop span.aktivni:hover, #StrankovaniDesktopHome span.aktivni:hover {
            background: url(../images/strankovani-green-hover.png) 0px 0px no-repeat;
        }
        #StrankovaniDesktop span a, #StrankovaniDesktopHome span a {
            width: 45px;
            height: 30px;
            display: block;
            color: #fff;
            padding: 15px 0px 0px 0px;
            text-decoration: none;
            background: url(../images/strankovani-gray.png) 0px 0px no-repeat;
        }
        #StrankovaniDesktop span a:hover, #StrankovaniDesktopHome span a:hover {
            text-decoration: none;
            background: url(../images/strankovani-gray-hover.png) 0px 0px no-repeat;
        }
        #StrankovaniDesktop span a.first, #StrankovaniDesktopHome span a.first {
            width: 45px;
            height: 30px;
            display: block;
            color: #fff;
            padding: 15px 0px 0px 0px;
            text-decoration: none;
            background: url(../images/strankovani-green.png) 0px 0px no-repeat;
        }
        #StrankovaniDesktop span a.first:hover, #StrankovaniDesktopHome span a.first:hover {
            text-decoration: none;
            background: url(../images/strankovani-green-hover.png) 0px 0px no-repeat;
        }
        #StrankovaniDesktop span a.last, #StrankovaniDesktopHome span a.last {
            width: 45px;
            height: 30px;
            display: block;
            color: #fff;
            padding: 15px 0px 0px 0px;
            text-decoration: none;
            background: url(../images/strankovani-green.png) 0px 0px no-repeat;
        }
        #StrankovaniDesktop span a.last:hover, #StrankovaniDesktopHome span a.last:hover {
            text-decoration: none;
            background: url(../images/strankovani-green-hover.png) 0px 0px no-repeat;
        }
footer {
    width: 100%;
    min-width: 1280px;
    background: #212121;
    padding: 40px 0px 10px 0px;
    margin: 0px;
}
    footer #Paticka {
        width: 1090px;
        margin: 0px auto;
    }
        #Paticka p {
            color: #a5a5a5;
            text-align: center;
            margin-bottom: 7px;
        }
        #Paticka p a {
            color: #a5a5a5;
            text-decoration: none;
        }
        #Paticka p a:hover {
            color: #a5a5a5;
            text-decoration: underline;
        }
        #Paticka #MenuPata {
            width: 810px;
            float: left;
        }
            #MenuPata .sloupec {
                width: 270px;
                float: left;
            }
                #MenuPata .sloupec ul {
                    list-style: none;
                }
                #MenuPata .sloupec ul li {
                    list-style: none;
                    margin: 7px 0px;
                }
                #MenuPata .sloupec ul a {
                    color: #fff;
                    text-decoration: none;
                }
                #MenuPata .sloupec ul a:hover {
                    text-decoration: underline;
                }
            #MenuPata h3 {
                font-size: 1.1em;
                color: #ff0000;
            }
            #MenuPata #Social {
                width: 345px;
                float: left;
            }
                #MenuPata #Social a {
                    margin-right: 10px;
                }
            #MenuPata #Pay {
                width: 465px;
                color: #a5a5a5;
                float: left;
                text-align: left;
                padding: 10px 0px 0px 0px;
            }
                #MenuPata #Pay a {
                    color: #a5a5a5;
                    text-decoration: none;
                }
                #MenuPata #Pay a:hover {
                    color: #a5a5a5;
                    text-decoration: underline;
                }
        #Paticka #PataLoga {
            width: 280px;
            float: right;
            text-align: right;
            padding: 10px 0px 0px 0px;
        }
            #PataLoga img {
                margin: 0px 0px 30px 0px;
            }
        #Warning {
            width: 1090px;
            padding: 25px 0px 25px 0px;
            margin: 25px 0px 25px 0px;
            background: #383838;
            color: #fff;
            text-align: center;
        }
            #Warning a {
                color: #fff !important;
            }
#Copyright {
    width: 100%;
    min-width: 1280px;
    height: 35px;
    padding: 20px 0px 0px 0px;
    background: #141414;
    color: #fff;
    text-align: center;
}
#ListaMobil, #SignUpMobil, #Access, .mobile, .movieMobile, .movieMobileSmall, .movieGallerySmall, .movieGalerkaNo, .playerMobile, .swipeMobile, .downloadMobile, #swipe, #player {
    display: none;
}

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

    /*#Lista, #Menu, #Menu #Logo, #Promo, #Zarizeni, #Bannery, .movieGalerkaNo, #Socialky, section article .post .info, article .post .right, article .post .left .datum, article .post .left .link, article .post .left .text, section article h3#SignUp, .desktop {*/
    #Lista, #Menu, #Menu #Logo, #Promo, #Zarizeni, #Bannery, .movieGalerkaNo, #Socialky, section article .post .info, article .post .right, article .post .left .link, article .post .left .text, section article h3#SignUp, .desktop, .featuring {
        display: none;
    }
    .mobile {
        display: block !important;
    }
    h1 {
        font-size: 1.5em;
        line-height: 0.7em;
        margin: 20px 0px -20px 0px !important;
    }
    h1 .green {
        color: #cc0d0d;
    }
    h1#NadpisTagy {
	    color: #464646;
	    font-size: 1.5em;
	    line-height: 1.5em;
	    text-align: left;
	    font-family: Arial, sans-serif;
	    margin: 50px 0px -45px 0px !important;
	    text-align: center;
	    font-weight: bold;
	}
    #Popis h1#Nadpis {
        margin: 50px 0px -25px 0px !important;
        font-size: 1.3em;
	}
    header {
        width: 100% !important;
        min-width: 360px !important;
        height: auto;
        background: #212121;
        /*position: relative;*/
    }
    header.velke, header.male {
        height: auto !important;
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 10;
    }
    #ListaMobil {
        display: block;
        width: 100% !important;
        min-width: 360px !important;
        height: auto;
        background: #212121;
    }
    #MenuMobil {
        width: 20%;
        height: 55px;
        float: left;
        cursor: pointer;
        _cursor: hand;
    }
    #LogoMobil {
        width: 35%;
        height: 55px;
        float: left;
        text-align: center;
    }
    #LoginMobil {
        width: 35%;
        height: 55px;
        float: right;
        text-align: right;
        padding-right: 1%;
        color: #fff;
    }
        #LoginMobil a.join {
            color: #fff;
            font-size: 1.1em;
            font-weight: bold;
            text-decoration: none;
            background: #cc0d0d;
        }
        #LoginMobil a, #LoginMobil a:hover {
            height: 35px;
            color: #fff;
            font-size: 1.1em;
            font-weight: bold;
            text-decoration: none;
            float: left;
            padding: 20px 10px 0px 10px;
            display: block;
        }
    #Menu {
        width: 100% !important;
        min-width: 360px !important;
        height: 305px !important;
        margin: 0px !important;
        position: fixed;
        top: 55px;
        left: 0px;
        z-index: 10;
    }
    nav {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 360px !important;
        height: 305px !important;
        float: none;
    }
    nav ul {
    	width: 100% !important;
        min-width: 360px !important;
    	height: 305px !important;
    	margin: 0px;
    	list-style: none;
    }
    nav ul li {
    	display: block;
        height: 60px !important;
    	float: none;
    }
    nav ul li a {
    	color: #fff;
    	text-align: center;
        display: block;
        padding: 25px 15px 0px 15px !important;
        margin: 0px 0px 0px 0px !important;
    	height: 35px !important;
        font-weight: bold;
        font-size: 1.1em;
        text-decoration: none;
        border-top: 1px solid #424242;
        background: #212121;
    }
    nav ul li a.last {
        margin: 0px 0px 0px 0px;
        background: #cc0d0d;
        font-size: 1.1em;
        border: none;
    }
    .velke nav ul li a.last {
        height: 35px;
        padding: 20px 20px 0px 20px;
    }
    .male nav ul li a.last {
        height: 25px; /* 45 */
        padding: 10px 20px 0px 20px;
    }
    nav ul li a:hover.last {
        color: #fff;
        background: #d8292f;
        text-decoration: none;
    }
    #SignUpMobil {
        width: 100% !important;
        min-width: 360px !important;
        height: 50px;
        display: block;
        background: #424242 url(../images/mobil-signup.png) top center no-repeat;
    }
    #SignUpMobil2 a {
        width: 100% !important;
        min-width: 360px !important;
        height: 50px;
        display: block;
        text-indent: -9999px;
        margin: -20px 0px 0px 0px !important;
        background: #424242 url(../images/mobil-signup.png) top center no-repeat;
    }
    #Access {
        width: 95% !important;
        min-width: 324px !important;
        height: 40px;
        display: block;
        margin: 40px auto 0px auto !important;
        background: none;
    }
        #Access a {
            width: 100% !important;
            min-width: 324px !important;
            height: 28px;
            padding: 12px 0px 0px 0px;
            display: block;
            color: #fff;
            font-size: 1.1em;
            font-weight: bold;
            text-align: center;
            background: #cc0d0d;
            text-decoration: none;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }
        #Access a:hover {
            background: #d8292f;
            text-decoration: none;
        }
    #Popis {
        width: 100% !important;
        min-width: 360px !important;
        margin-bottom: 20px;
    }
    section {
        width: 100% !important;
        min-width: 360px !important;
        height: auto;
    }
    section article {
        width: 100% !important;
        min-width: 360px !important;
        height: auto;
        margin: 0px;
        padding: 20px 0px 20px 0px !important;
        background: #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    section article.dark {
        width: 100% !important;
        min-width: 360px !important;
        height: auto;
        padding: 20px 0px 20px 0px;
        background: #f5f5f5;
        border-top: 1px solid #e0e7ed;
        border-bottom: 1px solid #e0e7ed;
    }
        section article.dark h2 {
            color: #474747;
        }
        section article.dark h2.ref {
            font-size: 1.5em;
        }
/*   sloupec roztahujici se

    section article.dark #Reference {
        width: 95% !important;
        min-width: 342px !important;
        margin: 0px auto;
    }
        #Reference .reference, #Reference .referencetwo {
            width: 100% !important;
            min-width: 342px !important;
            height: auto;
            float: none;
            margin: 0px !important;
        }
        #Reference .reference img, #Reference .referencetwo img {
            width: 100% !important;
            height: auto;
        }
*/
    section article.dark #Reference {
        width: 95% !important;
        min-width: 171px !important;
        margin: 0px auto;
        font-size:
    }
        #Reference .reference h3, #Reference .referencetwo h3 {
        font-size: 1.0em;
        color: #474747;
        text-align: center;
        margin: 10px 0px 20px 0px;
    }
        #Reference .reference, #Reference .reference {
            width: 48% !important;
            min-width: 160px !important;
            height: auto;
            float: left;
            margin: 0 2% 0 0 !important;
        }
        #Reference .reference, #Reference .referencetwo {
            width: 48% !important;
            min-width: 160px !important;
            height: auto;
            float: left;
            margin: 0 0 0 1% !important;
        }
        #Reference .reference img, #Reference .referencetwo img {
            width: 100% !important;
            height: auto;
        }
    section article .post {
        width: 95% !important;
        min-width: 342px !important;
        margin: 0px auto;
    }
        article .post .left {
            width: 100% !important;
            min-width: 342px !important;
            float: left;
        }
            article .post .foto {
                width: 100% !important;
                min-width: 342px !important;
                height: auto;
                margin: 40px 0px 0px 0px;
                position: relative;
            }
            article .home .foto {
                width: 100% !important;
                min-width: 342px !important;
                height: auto;
                margin: 0px 0px 0px 0px;
                position: relative;
            }
                article .post .foto img {
                    width: 100% !important;
                    height: auto;
                }
            article .post .nazev {
                width: 100% !important;
                min-width: 342px !important;
                margin: 10px 0px 5px 0px;
            }
                article .post .nazev h2, article .home .nazev h2 {
                    width: 100% !important;
                    font-size: 1.1em !important;
                    font-weight: bold;
                    float: none;
                    color: #1b1a1a !important;
                    text-align: left;
                    margin: 0px;
                }
                article .post .nazev .cas, article .home .nazev .cas {
                    width: 35px !important;
                    float: right;
                    text-align: right;
                    font-size: 1.0em;
                    font-weight: bold;
                    margin: 10px 5px 0px 0px !important;
                    padding: 2px 0px 0px 25px !important;
                    background: url(../images/icon-time.png) 0px 2px no-repeat !important;
                }
                article .nazev .datum, article .home .nazev .datum {
                    font-size: 1.0em;
                    color: #000 !important;
					float: left;
                }
        
            .swiper-container {
                display: block;
                width: 98% !important; /* 930 */
                height: auto !important; /* 466 */
                margin: 0px auto;
                position: absolute;
                top: 0px;
                left: 0px;
                z-index: 10;
            }
            .swiper-slide {
                /*width: 100% !important; *//* 930 */
                /*height: auto !important;*/ /* 466 */
                text-align: center;
                font-size: 18px;
                background: #fff;

                /* Center slide text vertically */

                display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
            }
            article .swiper-slide img {
                
            }
        section article.postTagy {
        	margin-bottom: -25px;
			background: none;
		}
		section article.postTagy .tagyCenter {
            width: 100% !important;
        	margin: 0px auto;
		}
        article.postTagy .postTag {
            width: 96% !important;
			height: auto !important;
			margin: 20px 0px 0px 0px;
			padding: 0px 2% 0px 2%;
            float: none;
        }
		article .dark {
	        background: #f5f5f5;
            padding: 20px 2% 20px 2% !important;
            margin-bottom: 0px;
	        border-top: 1px solid #e0e7ed;
	        border-bottom: 1px solid #e0e7ed;
        }
        article.postTagy .last {
            margin-right: 0px;
        }
            article.postTagy .postTag .foto {
                width: 100% !important;
                height: auto;
                margin-bottom: -5px !important;
            }
            article.postTagy .postTag .foto .desktop {
				display: block;
			}
                article.postTagy .postTag .foto img {
                    width: 100% !important;
                    height: auto !important;
                }
            article.postTagy .postTag .nazev {
                width: 100% !important;
                margin: 10px 0px 0px 0px;
            }
                article.postTagy .postTag .nazev h2 {
                    width: 100% !important;
                    font-size: 1.2em;
                    font-weight: bold;
                    float: none;
                    color: #1b1a1a !important;
                    text-align: left;
                    margin: 0px;
                }
                    .postTag .nazev h2 a {
                        color: #1b1a1a;
                        text-decoration: none;
                    }
                    .postTag .nazev h2 a:hover {
                        color: #1b1a1a;
                        text-decoration: underline;
                    }
                .postTag .nazev .featuring {
					font-size: 0.9em;
				}
				.postTag .nazev .featuring a, .postTag .nazev .featuring span {
					color: #05826b;
				}
                .postTag .nazev .datum {
                    width: 120px;
                    float: left;
                    font-size: 1.0em;
                    font-weight: bold;
                    padding: 12px 0px 0px 20px;
                    background: url(../images/icon-calendar.png) 0px 13px no-repeat;
                    background-size: 14px 14px;
                }
                .postTag .nazev .cas {
                    width: 65px;
                    float: right;
                    text-align: right;
                    font-size: 1.0em;
                    font-weight: bold;
                    padding: 12px 0px 0px 25px;
                    background: url(../images/icon-time.svg) 30px 13px no-repeat;
                    background-size: 14px 14px;
                }
        .movieMobile {
            width: 100% !important;
            min-width: 342px !important;
            height: 40px;
            display: block;
            margin: 10px auto 10px auto;
            background: none;
        }
            .movieMobile a {
                width: 100% !important;
                min-width: 342px !important;
                height: 29px;
                padding: 11px 0px 0px 0px;
                display: block;
                color: #fff;
                font-size: 1.0em;
                font-weight: bold;
                text-align: center;
                background: #cc0d0d;
                text-decoration: none;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }
            .movieMobile a:hover {
                background: #d8292f;
                text-decoration: none;
            }

        .movieGallerySmall {
            width: 48% !important;
            min-width: 160px !important;
            height: 40px;
            display: block;
            margin: 10px auto 10px auto;
            background: none;
			float: left;
        }
            .movieGallerySmall a {
                width: 100% !important;
                min-width: 160px !important;
                height: 29px;
                padding: 11px 0px 0px 0px;
                display: block;
                color: #fff;
                font-size: 1.0em;
                font-weight: bold;
                text-align: center;
                background: #7c7c7c;
                text-decoration: none;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }
            .movieGallerySmall a:hover {
                background: #8f8f8f;
                text-decoration: none;
            }
        .movieMobileSmall {
            width: 48% !important;
            min-width: 160px !important;
            height: 40px;
            display: block;
            margin: 10px auto 10px auto;
            background: none;
			float: right;
        }
            .movieMobileSmall a {
                width: 100% !important;
                min-width: 160px !important;
                height: 29px;
                padding: 11px 0px 0px 0px;
                display: block;
                color: #fff;
                font-size: 1.0em;
                font-weight: bold;
                text-align: center;
                background: #cc0d0d;
                text-decoration: none;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }
            .movieMobileSmall a:hover {
                background: #d8292f;
                text-decoration: none;
            }

        .playerMobile {
            width: 100% !important;
            min-width: 342px !important;
            height: 40px;
            display: none;
            margin: 10px auto 10px auto;
            background: none;
        }
            .playerMobile a {
                width: 100% !important;
                min-width: 342px !important;
                height: 29px;
                padding: 11px 0px 0px 0px;
                display: block;
                color: #fff;
                font-size: 1.0em;
                font-weight: bold;
                text-align: center;
                background: #25816b;
                text-decoration: none;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }
            .playerMobile a:hover {
                background: #19d1b5;
                text-decoration: none;
            }
        .swipeMobile {
            width: 100% !important;
            min-width: 342px !important;
            height: 40px;
            display: block;
            margin: 10px auto 10px auto;
            background: none;
        }
            .swipeMobile a {
                width: 100% !important;
                min-width: 342px !important;
                height: 29px;
                padding: 11px 0px 0px 0px;
                display: block;
                color: #fff;
                font-size: 1.0em;
                font-weight: bold;
                text-align: center;
                background: #25816b;
                text-decoration: none;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }
            .swipeMobile a:hover {
                background: #19d1b5;
                text-decoration: none;
            }
        .downloadMobile {
            width: 100% !important;
            min-width: 342px !important;
            height: 29px;
            padding: 11px 0px 0px 0px;
            margin-bottom: 1px;
            display: block;
            color: #fff;
            font-size: 1.0em;
            font-weight: bold;
            text-align: center;
            background: #424242;
            text-decoration: none;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            cursor: pointer;
            _cursor: hand;
        }
        .stahniMobile a {
            width: 100% !important;
            min-width: 342px !important;
            height: 29px;
            padding: 11px 0px 0px 0px;
            margin-bottom: 1px;
            display: block;
            color: #fff;
            font-size: 1.0em;
            font-weight: normal;
            text-align: center;
            background: #424242;
            text-decoration: none;
            border-radius: 0px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            cursor: pointer;
            _cursor: hand;
        }
    section #StrankovaniMobileHome {
        width: 1280px;
        height: 45px;
        margin: 30px auto;
    }
    section #StrankovaniMobile {
        width: 1280px;
        height: 45px;
        margin: 30px auto;
    }
    #StrankovaniMobile span, #StrankovaniMobileHome span {
        width: 45px;
        height: 45px;
        display: block;
        float: left;
        margin: 0px 5px;
        font-size: 1.2em;
        font-weight: bold;
        color: #fff;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        background: url(../images/strankovani-gray.png) 0px 0px no-repeat;
    }
        #StrankovaniMobile span:hover, #StrankovaniMobileHome span:hover {
            width: 45px;
            height: 45px;
            background: url(../images/strankovani-gray-hover.png) 0px 0px no-repeat;
        }
        #StrankovaniMobile span.aktivni, #StrankovaniMobileHome span.aktivni {
            width: 45px;
            height: 30px;
            padding: 15px 0px 0px 0px;
            background: url(../images/strankovani-green.png) 0px 0px no-repeat;
        }
        #StrankovaniMobile span.aktivni:hover, #StrankovaniMobileHome span.aktivni:hover {
            background: url(../images/strankovani-green-hover.png) 0px 0px no-repeat;
        }
        #StrankovaniMobile span a, #StrankovaniMobileHome span a {
            width: 45px;
            height: 30px;
            display: block;
            color: #fff;
            padding: 15px 0px 0px 0px;
            text-decoration: none;
        }
        #StrankovaniMobile span a:hover, #StrankovaniMobileHome span a:hover {
            text-decoration: none;
        }
        #StrankovaniMobile span a.first, #StrankovaniMobileHome span a.first {
            width: 45px;
            height: 30px;
            display: block;
            color: #fff;
            padding: 15px 0px 0px 0px;
            text-decoration: none;
            background: url(../images/strankovani-green.png) 0px 0px no-repeat;
        }
        #StrankovaniMobile span a.first:hover, #StrankovaniMobileHome span a.first:hover {
            text-decoration: none;
            background: url(../images/strankovani-green-hover.png) 0px 0px no-repeat;
        }
        #StrankovaniMobile span a.last, #StrankovaniMobileHome span a.last {
            width: 45px;
            height: 30px;
            display: block;
            color: #fff;
            padding: 15px 0px 0px 0px;
            text-decoration: none;
            background: url(../images/strankovani-green.png) 0px 0px no-repeat;
        }
        #StrankovaniMobile span a.last:hover, #StrankovaniMobileHome span a.last:hover {
            text-decoration: none;
            background: url(../images/strankovani-green-hover.png) 0px 0px no-repeat;
        }


    section #StrankovaniMobileHome {
        width: 340px !important;
        height: 45px;
        margin: 30px auto 30px auto !important;
        text-align: center;
    }
    section #StrankovaniMobile {
        width: 365px !important;
        min-width: 365px;
        height: 45px;
        margin: 30px auto !important;
    }
    #StrankovaniMobileHome span {
        margin: 0px 3px !important;
    }
    #StrankovaniMobileHome span a.last {
        margin-right: -3px !important;
    }
    #StrankovaniMobile span {
        margin: 0px 1px !important;
    }
    #StrankovaniMobile span a.last {
        margin-right: -1px !important;
    }
    footer {
        width: 100% !important;
        min-width: 360px !important;
        background: #212121;
        padding: 20px 0px 10px 0px;
        margin: 0px;
    }
        footer #Paticka {
            width: 100% !important;
            min-width: 360px !important;
            margin: 0px !important;
        }
            #Paticka p {
                padding: 0px 15px !important;
            }
            #Paticka #MenuPata {
                width: 100% !important;
                min-width: 360px !important;
                float: none;
            }
                #MenuPata .sloupec {
                    width: 100% !important;
                    min-width: 360px !important;
                    float: none;
                    margin: 0px 0px 20px 0px !important;
                }
                    #MenuPata .sloupec h3 {
                        text-align: center;
                    }
                    #MenuPata .sloupec ul {
                        list-style: none;
                    }
                    #MenuPata .sloupec ul li {
                        list-style: none;
                        margin: 7px 0px;
                    }
                    #MenuPata .sloupec ul a {
                        width: 100% !important;
                        min-width: 360px !important;
                        color: #fff;
                        display: block;
                        text-align: center;
                        text-decoration: none;
                    }
                    #MenuPata .sloupec ul a:hover {
                        text-decoration: underline;
                    }
                #MenuPata h3 {
                    font-size: 1.1em;
                    color: #ff0000;
                }
                #MenuPata #Social {
                    width: 100% !important;
                    min-width: 360px !important;
                    float: none;
                    text-align: center;
                    margin: 20px 0px 0px 0px !important;
                }
                    #MenuPata #Social a {
                        margin-right: 10px;
                    }
                #MenuPata #Pay {
                    width: 100% !important;
                    min-width: 360px !important;
                    color: #a5a5a5;
                    float: none;
                    line-height: 0.8em;
                    text-align: center;
                    padding: 10px 0px 0px 0px;
                    margin: 20px auto !important;
                }
            #Paticka #PataLoga {
                width: 100% !important;
                min-width: 360px !important;
                float: none;
                text-align: center;
                padding: 10px 0px 0px 0px;
            }
                #PataLoga img {
                    margin: 0px 0px 30px 0px;
                }
            #Warning {
                width: 100% !important;
                min-width: 360px !important;
                padding: 25px 0px 25px 0px;
                margin: 15px 0px 25px 0px;
                background: #383838;
                color: #fff;
                text-align: center;
            }
            #Warning p {
                color: #a5a5a5;
            }
            #Warning p a {
                color: #fff;
            }
    #Copyright {
        width: 100% !important;
        min-width: 360px !important;
        height: 35px;
        padding: 20px 0px 0px 0px;
        margin: 0px auto;
        background: #141414;
        color: #fff;
        text-align: center;
    }
    #Stred h1#Nadpis {
        margin-bottom: 15px !important;
    }
    #Stred p.center {
        padding: 0px 10px !important;
    }
    #Stred .helpdevices {
        width: 96% !important; /* 640 */
        height: auto !important;
        margin: 10px auto !important;
        float: none;
    }
    #Stred .helpdevicespravy {
        width: 96% !important; /* 640 */
        height: auto !important;
        margin: 10px auto !important;
        float: none;
    }
        #Stred .helpdevices .rozdel {
            width: 95% !important;
            height: 35px;
            padding: 15px 0px 0px 0px;
            padding-left: 5%;
            border-top-left-radius: 5px;
            -moz-border-top-left-radius: 5px;
            -webkit-border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            -moz-border-top-right-radius: 5px;
            -webkit-border-top-right-radius: 5px;
        }
        #Stred .helpdevicespravy .rozdel {
            width: 95% !important;
            height: 35px;
            padding: 15px 0px 0px 0px;
            padding-left: 5%;
            border-top-left-radius: 5px;
            -moz-border-top-left-radius: 5px;
            -webkit-border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            -moz-border-top-right-radius: 5px;
            -webkit-border-top-right-radius: 5px;
        }
        #Stred .helpdevices .devices, #Stred .helpdevicespravy .devices {
            width: 100% !important;
            padding: 35px 0px 0px 0px;
        }
        #Stred .helpdevices .devices .foto, #Stred .helpdevicespravy .devices .foto {
            width: 28% !important;
            height: auto;
            float: left;
        }
        #Stred .helpdevices .devices .foto img , #Stred .helpdevicespravy .devices .foto img {
            width: 100% !important;
            height: auto;
        }
        #Stred .helpdevices .devices .text, #Stred .helpdevicespravy .devices .text {
            width: 70% !important;
            height: auto;
            float: right;
            padding: 0px 0px 0px 0px;
        }
        #Stred .helpdevices .devices .text h3 a, #Stred .helpdevicespravy .devices .text h3 a {
            width: 70% !important;
            height: 30px;
            padding: 10px 0px 0px 0px;
        }
        #Stred .detailrozdel {
            width: 91% !important;
            height: 35px;
            padding: 15px 0px 0px 0px !important;
            padding-left: 5% !important;
            margin: 0px 2%;
        }
            #Stred ul {
                list-style: none;
                margin: 30px 0px 0px 20px;
            }
            #Stred ul li {
                list-style: none;
                background: url(../images/odrazka.png) 0px 9px no-repeat;
                padding: 5px 15px 5px 30px;
            }
            #Stred a img.right {
                width: 30% important;
                max-width: 300px;
                height: auto !important;
                margin: 0px auto 10px auto !important;
                float: none;
            }
    #Stred .help {
        width: 96% !important;
        height: auto !important;
        float: none;
        margin: 0px auto 60px auto !important;
        text-align: center;
    }
        #Stred .help a img {
            width: 100% !important;
            max-width: 300px !important;
            height: auto !important;
        }
        #Stred .help a h3 {
            width: 98% !important;
            height: 28px;
            color: #fff;
            padding: 12px 0px 0px 0px;
            margin: 0px auto 5px auto !important;
            font-size: 1.0em;
            text-align: center;
            font-weight: bold;
            background: #03a38b;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }
        #Stred .help a:hover h3 {
            background: #0cb198;
        }

}