* {
	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 !important;
    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#NadpisTagySmall {
    color: #464646;
    font-size: 1.5em;
    line-height: 1.3em;
    text-align: left;
    font-family: Arial, sans-serif;
    margin: 0px 0px 20px 0px;
    text-align: center;
    font-weight: bold;
}
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: #f100ec;
}
.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: #b711b7;
}
a:hover {
    text-decoration: underline;
	color: #ca2cc9;
}
.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; 
*/
}
#Blur {
    padding: 0px;
    margin: 0px;
}
    .blur {
        position: relative;
        top: 0px !important;
        filter: blur(4px);
        -webkit-filter: blur(4px);
    }
    .blur header {
        position: relative;
        top: 0px;
    }
    .blur #Promo {
        position: relative;
        margin-top: 0px;
    }
#modal {
    position: fixed;
    font-family: Arial, sans-serif;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100000;
    height: 100%;
    width: 100%;
}
    .modalcontent {
        width: 80%;
        height: 90%;
        max-height: 780px;
        max-width: 1100px;
        overflow-y: auto;
        overflow: -moz-scrollbars-vertical;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        padding: 0px;
        z-index: 20000;
    }
        #ModalObsah {
            width: 740px;
            background: #fff;
            margin: -90px 0px 0px 0px;
            padding: 0px 180px;
            text-align: center;
        }
            #ModalObsah #ModalNadpis {
                color: #212121;
                text-align: center;
                font-size: 2.3em;
                line-height: 1.1em;
                font-weight: bold;
                margin-bottom: 30px;
            }
            #ModalObsah p {
                font-size: 0.9em;
                line-height: 1.4em;
                color: #565656;
                text-align: justify;
            }
            #ModalObsah p.center {
                text-align: center;
            }
                #ModalObsah a {
                    color: #565656;
                    text-decoration: underline;
                }
                    #ModalObsah a:hover {
                        color: #565656;
                        text-decoration: none;
                    }
            #ModalObsah button#button {
                width: 390px;
                height: 100px;
                color: #fff;
                font-size: 2.0em;
                cursor: pointer;
                cursor: hand;
                display: block;
                background: #F100EC;
                margin: 35px auto 25px auto;
            }
                #ModalObsah button#button:hover {
                    background: #f745f4;
                }
            #ModalObsah button#buttonLeave {
                width: 200px;
                height: 50px;
                color: #F100EC;
                background: #fff;
                font-size: 1.3em;
                cursor: pointer;
                cursor: hand;
                border: 2px solid #F100EC;
                margin: 5px auto 25px auto;
            }
                #ModalObsah button#buttonLeave:hover {
                    background: #EAEAEA;
                }
#Lista {
    width: 100%;
    min-width: 1280px;
    height: 26px;
    background: #7c7c7c;
}
    #Lista a {
		color: #fff !important;
		text-decoration: none;
	}
    #Lista a:hover {
		color: #fff;
		text-decoration: underline;
	}
    #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 0px;
        }
            #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: 213px; /*  */
        height: 65px;
        position: relative;
        overflow: hidden;
        font-size: 0.4em;
        margin: 0px 30px 0px 0px;
        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: 213px;
        height: 65px;
        visibility: visible;
        cursor: pointer;
        _cursor: hand;
    }
    .male #Logo {
        width: 147px; 
        height: 45px;
        position: relative;
        overflow: hidden;
        font-size: 0.4em;
        margin: 0px 30px 0px 0px;
        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: 147px;
        height: 45px;
        visibility: visible;
        cursor: pointer;
        _cursor: hand;
    }
    nav {
        width: 862px;
        float: left;
    }
    .velke nav {
        height: 65px;
    }
    .male nav {
        height: 45px;
    }
    .velke nav ul {
    	width: 862px;
    	margin: 0px;
    	list-style: none;
    }
    .male 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: #b711b7;
        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: #ca2cc9;
        text-decoration: none;
    }
    nav a:hover, nav a.aktivni {
    	color: #fff;
        text-decoration: none;
        border-bottom: 5px solid #F100EC;
    }
    #Socialky {
        width: 158px;
        float: left;
    }
    .velke #Socialky {
        height: 65px; /* 65 */
        padding: 20px 0px 0px 12px;
    }
    .male #Socialky {
        height: 35px; /* 45 */
        padding: 10px 0px 0px 25px;
    }
    #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: 1220px;
        list-style: none;
        margin: 0px auto;
    }
    #Zarizeni ul li {
        display: inline;
        float: left;
    }
    #Zarizeni ul li a {
        display: block;
        padding: 0px 14px;
    }
    #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;
    }
    article.stredTagy {
        padding: 0px 0px 30px 0px !important;
	}
    article#Stred p.vetsi {
		font-size: 1.1em;
		line-height: 1.4em;
	}
    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, section article.dark #ReferenceSmall {
        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.8em;
                    font-weight: bold;
                    float: left;
                    color: #1b1a1a !important;
                    text-align: left;
                    margin: 0px;
                }
                article .home .nazev h2 {
                    width: 675px;
                    font-size: 1.8em;
                    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: 120px;
                    float: left;
                    font-size: 1.2em;
                    font-weight: bold;
                    padding: 12px 0px 0px 20px;
                    background: url(../images/icon-calendar.png) 0px 13px no-repeat;
                    background-image: url(../images/icon-calendar.svg);
					background-size: 14px 14px;
                }
                .post .nazev .cas {
                    width: 60px;
                    float: left;
                    text-align: right;
                    font-size: 1.2em;
                    font-weight: bold;
                    padding: 12px 0px 0px 25px;
                    background: url(../images/icon-time.png) 15px 13px no-repeat;
                    background-image: url(../images/icon-time.svg);
                    background-size: 17px 17px;
                }
                .post .nazev .casDetail {
                    width: 60px;
                    float: right;
                    text-align: right;
                    font-size: 1.2em;
                    font-weight: bold;
                    padding: 12px 0px 0px 25px;
                    background: url(../images/icon-time.pngg) 15px 13px no-repeat;
                    background-image: url(../images/icon-time.svg);
                    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;
            }
            .post .textDetail {
                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;
                position: relative;
                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;
                }
            article .post .tagy .tagsipka, article .post .tagy .tagsipka:hover {
                    width: auto !important;
                    height: 24px;
                    cursor: pointer;
                    _cursor: hand;
                    float: left;
                    padding: 6px 15px 0px 15px !important;
                    background: url(../images/sipka-dolu.png) center center no-repeat;
                }
                article .post .tagy .tagsipkagray {
                    width: auto !important;
                    height: 24px;
                    cursor: pointer;
                    _cursor: hand;
                    float: left;
                    padding: 6px 15px 0px 15px !important;
                    background: #f5f5f5 url(../images/sipka-dolu.png) center center no-repeat;
                }
                    article .post .tagy .tagsipka:hover .tagyall, article .post .tagy .tagsipkagray:hover .tagyallgray, article.dark .post .tagy .tagsipka:hover .tagyall {
                        display: block;
                    }
                    article .post .tagyall {
                        width: 327px;
                        height: auto !important;
                        background: #fff;
                        display: none;
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        z-index: 100000;
                        margin: 0px 0px 0px 0px;
                    }
                    article .post .tagyallgray, article.dark .post .tagyall {
                        width: 327px;
                        height: auto !important;
                        background: #f5f5f5;
                        display: none;
                        position: absolute;
                        top: 0px;
                        left: 0px;
                        z-index: 100000;
                        margin: 0px 0px 0px 0px;
                    }
        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: 170px;
                height: 50px;
                float: left;
                color: #fff;
                margin: 0px 0px 0px 0px;
                background: #424242;
                cursor: pointer;
                _cursor: hand;
                text-align: left;
                border-right: 1px solid #212121;
            }
            #Zalozky li.prvni {
                width: 324px;
                text-align: center;
            }
            #Zalozky li.druhy {
                width: 266px;
                text-align: center;
            }
            #Zalozky li.last {
                width: 165px;
                text-align: left;
				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: #b711b7;
                }
                #Zdroje .download a:hover.trailer {
                    background: #ca2cc9;
                    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.postTagyRel {
            background: #f5f5f5;
            border-top: 1px solid #e0e7ed;
            border-bottom: 1px solid #e0e7ed;
            padding: 15px 0px 0px 0px;
        }
            section article.postTagyRel h3 {
                text-align: left;
                font-size: 1.3em;
                margin: 0px 0px 15px 6px;
            }
		section article.postTagy .tagyCenter, section article.postTagyRel .tagyCenter {
            width: 1280px;
        	margin: 0px auto;
		}
        article.postTagy .postTag {
            width: 410px;
			height: 350px;
			margin: -5px 8px 5px 8px;
            float: left;
            overflow: hidden;
        }
        article.postTagyRel .postTag {
            /*width: 410px;*/
            width: 615px;
            height: 403px;
            margin: -5px 8px 5px 8px;
            float: left;
            overflow: hidden;
        }
        article.postTagy .last, article.postTagyRel .last {
            margin-right: 10px;
        }
            article.postTagy .postTag .foto {
                width: 410px;
                height: auto;
                overflow: hidden;
            }
            article.postTagyRel .postTag .foto {
                width: 615px;
                height: auto;
                overflow: hidden;
            }
                article.postTagy .postTag .foto img {
                    width: 410px;
                    height: 215px;
                }
                article.postTagyRel .postTag .foto img {
                    /*width: 410px;*/
                    width: 615px;
                    height: 308px;
                }
            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;
                }
                article.postTagyRel .postTag .nazev h2 {
                    /*width: 410px;*/
                    width: 615px;
                    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: #b711b7;
				}
                .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: #b711b7;
                    text-decoration: none;
                    border-radius: 5px;
                    -moz-border-radius: 5px;
                    -webkit-border-radius: 5px;
                }
                #Technologie .movie a:hover {
                    background: #ca2cc9;
                    text-decoration: none;
                }
            #Models {
				width: 1280px;
				margin: 0px auto;
			}
	        #Models .model {
			    width: 250px; /* 300 */
			    height: 380px;
			    float: left;
			    margin: 0px 6px 10px 0px;
			    padding: 0px;
			}
		    #Models .model h2 {
		        color: #000;
		        font-size: 1.2em;
		        font-weight: bold;
				text-align: left;
		        margin: 5px 0px 5px 0px;
		    }
                #Models .model h2 a {
                    text-decoration: none;
					color: #000;
				}
                #Models .model h2 a span {
			        color: #888888;
					font-weight: normal;
			    }
                #Models .model h2 a:hover{
			        text-decoration: none;
			    }
		    #Models .model .foto {
		        width: 250px;
		        height: 330px;
		        margin: 0px;
		        overflow: hidden;
		    }
                #Models .model .foto img {
			        width: 250px;
			        height: 330px;
			    }
            #Abeceda {
				float: right;
                font-size: 1.25em;
				font-weight: normal;
				text-align: center;
				text-transform: uppercase;
			}
				#Abeceda a {
                    color: #888888;
                    text-decoration: none;
                    margin: 0px 2px 0px 2px;
					padding: 3px 5px 3px 5px;
                    border-radius: 3px;
				}
                #Abeceda a:hover {
                    color: #fff;
					background: #5c5b5b;
                    text-decoration: none;
				}
                #Abeceda a.aktivni {
                    color: #fff;
                    background: #b711b7;
                    text-decoration: none;
				}
				#Abeceda a.gray {
					color: #b2b2b2;
				}
			#Razeni {
				width: 250px;
				float: left;
				margin: 0px auto 0px auto;
				font-size: 1.25em;
				font-weight: normal;
				text-align: right;
				padding: 0px 0px 0px 25px;
                background: url(../images/ikona-razeni.png) 0px 0px no-repeat;
			}
				#Razeni a {
                    color: #888888;
                    text-decoration: none;
                    margin: 0px 2px 0px 2px;
					padding: 3px 5px 3px 5px;
                    border-radius: 3px;
				}
				#Razeni a:hover {
					color: #fff;
					background: #5c5b5b;
                    text-decoration: none;
				}
                #Razeni a.aktivni {
					color: #fff;
                    background: #b711b7;
                    text-decoration: none;
				}
            #RazeniVideos {
				width: 220px;
				float: left;
				margin: 0px auto 0px auto;
				font-size: 1.25em;
				font-weight: normal;
				text-align: right;
				padding: 0px 0px 0px 20px;
                background: url(../images/ikona-razeni.png) 0px 0px no-repeat;
			}
				#RazeniVideos a {
                    color: #888888;
                    text-decoration: none;
                    margin: 0px 2px 0px 2px;
					padding: 3px 5px 3px 5px;
                    border-radius: 3px;
				}
				#RazeniVideos a:hover {
					color: #fff;
					background: #5c5b5b;
                    text-decoration: none;
				}
                #RazeniVideos a.aktivni {
					color: #fff;
                    background: #b711b7;
                    text-decoration: none;
				}
			#FiltraceTagy {
				width: 950px; /* 1040 */
				float: left;
                font-size: 1.25em;
				padding: 0px 0px 0px 90px;
                background: url(../images/icon-tagy.png) 60px 0px no-repeat;
			}
				#FiltraceTagy a {
                    color: #888888;
                    text-decoration: none;
                    margin: 0px 2px 0px 2px;
					padding: 3px 5px 3px 5px;
				}
                #FiltraceTagy .tag a {
					width: auto !important;
	                height: 24px !important;
	                font-size: 0.7em;
	                color: #fff;
	                float: left;
					display: inline;
	                padding: 6px 15px 0px 15px !important;
	                margin: -6px 1px 1px 0px !important;
	                background: #6d6d6d;
	            }
	            #FiltraceTagy .tag a:hover  {
	                background: #8f8f8f;
					text-decoration: none;
	            }
            #OpenTags {
				display: none;
			}
				#TagSipka.doprava {
                    color: #888888;
                    text-decoration: none;
                    margin: 0px 0px 0px 2px;
					padding: 3px 30px 3px 5px;
					float: right;
					cursor: pointer;
					_cursor: hand;
                    border-radius: 3px;
	                background: url(../images/sipka-doprava.png) 100px 4px no-repeat;
				}
	            #TagSipka.doprava:hover {
                    text-decoration: none;
                    margin: 0px 0px 0px 2px;
					padding: 3px 30px 3px 5px;
					float: right;
					cursor: pointer;
					_cursor: hand;
                    color: #fff;
                    border-radius: 3px;
                    text-decoration: none;
	                background: #5c5b5b url(../images/sipka-dolu-bila.png) 98px 8px no-repeat;
				}
                #TagSipka.dolu {
                    text-decoration: none;
                    margin: 0px 0px 0px 2px;
					padding: 3px 30px 3px 5px;
					float: right;
					cursor: pointer;
					_cursor: hand;
                    color: #fff;
                    border-radius: 3px;
                    text-decoration: none;
	                background: #b711b7 url(../images/sipka-dolu-bila.png) 98px 8px no-repeat;
				}
			table#Tags {
				width: 1280px;
			}
	            table#Tags tr td.kat {
					width: 113px;
					padding: 15px 17px 15px 0px;
					text-align: right;
					font-weight: bold;
					color: #3b3b3b;
					font-size: 1.05em;
					text-transform: uppercase;
				}
	            #Tags .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: #6d6d6d;
	            }
	            #Tags .tag a:hover {
	                background: #8f8f8f;
					text-decoration: none;
	            }
                #Tags .tag a.aktivni {
	                background: #b711b7;
					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: #b711b7;
            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: #b711b7;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }
        #Stred .help a:hover h3 {
            background: #ca2cc9;
        }
		
    #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;
    }

    #ReferenceSmall .reference {
        width: 200px !important;
        height: 194px !important;
        float: left;
        position: relative;
        margin: 0px;
    }
    #ReferenceSmall .referencetwo {
        width: 200px !important;
        height: 194px !important;
        margin: 0px 15px;
        float: left;
    }
    #ReferenceSmall .referencelast {
        width: 200px !important;
        height: 194px !important;
        margin: 0px 0px 0px 15px;
        float: left;
    }
    #ReferenceSmall .reference img, #ReferenceSmall .referencetwo img, #ReferenceSmall .referencelast img {
        width: 200px !important;
        height: 154px !important;
    }

    #Reference .reference h3, #Reference .referencetwo h3 {
        font-size: 1.1em;
        color: #474747;
        text-align: center;
        margin: 20px 0px;
    }
    #ReferenceSmall .reference h3, #ReferenceSmall .referencetwo h3, #ReferenceSmall .referencelast h3 {
        font-size: 1.0em;
        color: #474747;
        text-align: center;
        margin: 10px 0px;
    }
    #Reference .reference h3 a, #Reference .referencetwo h3 a, #Reference .referencelast h3 a, #Reference .reference h3 a:hover, #Reference .referencetwo h3 a:hover, #Reference .referencelast h3 a:hover,
    #ReferenceSmall .reference h3 a, #ReferenceSmall .referencetwo h3 a, #ReferenceSmall .referencelast h3 a, #ReferenceSmall .reference h3 a:hover, #ReferenceSmall .referencetwo h3 a:hover, #ReferenceSmall .referencelast h3 a:hover {
        color: #474747;
        text-decoration: none;
    }
    section article h3#SignUp {
        width: 1280px;
        height: 45px;
        margin: 0px auto 0px auto;
        background: #b711b7;
        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: #ca2cc9;
        }

        #StrankovaniDesktop, #StrankovaniDesktopHome {
		    margin: 40px 0px 40px 0px;
		}
		#StrankovaniDesktop span a, #StrankovaniDesktopHome span a {
		    padding: 13px 15px;
		    background: #424242;
			font-size: 1.2em;
			font-weight: bold;
		    color: #fff;
		    margin: 5px;
			border-radius: 5px;
		}
        #StrankovaniDesktop a:hover, #StrankovaniDesktopHome a:hover {
		    background: #5c5b5b;
			text-decoration: none;
		}
		#StrankovaniDesktop span.aktivni, #StrankovaniDesktopHome span.aktivni {
		    padding: 13px 15px;
		    background: #F100EC;
		    color: #fff;
		    margin: 5px;
            font-size: 1.2em;
            font-weight: bold;
            border-radius: 5px;
		}
/*
    section #StrankovaniDesktopHome {
        
        height: 45px;
        margin: 30px auto;
    }
    section #StrankovaniDesktop {
        
        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: #F100EC;
            }
            #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,
.featuringMobil, .moreDetails, .tagyDetailMobil, #AbcMobile, #OpenTagsMobile, #TagyMobile, #PromoMobile {
    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, article .home .featuring, .post .nazev .featuring, #FiltraceTagy, #OpenTags {
        display: none;
    }
    .mobile, .featuringMobil, .moreDetails {
        display: block;
    }
    h1 {
        font-size: 1.5em;
        line-height: 1.3em;
        margin: 20px 0px -20px 0px !important;
    }
    h1 .green {
        color: #b711b7;
    }
    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;
	}
    #Popis h1#NadpisTagy {
        margin: 65px 0px -40px 0px !important;
        font-size: 1.3em !important;
    }
    #Popis h1#NadpisUvod {
        margin: 50px 0px -25px 0px !important;
		font-size: 1.3em !important;
        line-height: 0.8em;
	}
    #PromoMobile {
        width: 100%;
        display: block;
        margin: 55px 0px -50px 0px;
    }
        #PromoMobile a img {
            width: 100%;
            height: auto;
        }
    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%;
        min-width: 55px;
		height: 20px;
		padding: 18px 0px 17px 0px;
		text-align: center;
        float: left;
        cursor: pointer;
        _cursor: hand;
    }
    #LogoMobil {
        width: 35%;
        height: 49px;
        padding: 6px 0px 0px 0px;
        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: #b711b7;
        }
        #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: #b711b7;
        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: #ca2cc9;
        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: #b711b7;
            text-decoration: none;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }
        #Access a:hover {
            background: #ca2cc9;
            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.detail {
		margin-top: -20px;
        padding: 0px 0px 20px 0px !important;
    }
        article.detail .post .tagyDetailMobil {
			display: block !important;
            width: 100% !important;
            margin: 15px 0px 0px 0px;
        }
        article.detail .post .tagyDetailMobil .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: #6d6d6d;
        }
        article.detail .post .tagyDetailMobil .tag a:hover {
            background: #8f8f8f;
			text-decoration: none;
        }
        article.detail .post .tagyDetailMobil h3 {
			font-size: 1.0em;
			color: #000;
			padding: 0px 0px 0px 25px;
            background: url(../images/icon-tags.png) 0px 0px no-repeat;
            background-image: url(../images/icon-tagy.svg) !important;
			background-size: 15px 15px;
		}
    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, section article.dark #ReferenceSmall {
        width: 95% !important;
        min-width: 171px !important;
        margin: 0px auto;
    }
        #Reference .reference h3, #Reference .referencetwo h3 {
        font-size: 1.0em;
        color: #474747;
        text-align: center;
        margin: 10px 0px 20px 0px;
    }
        #Reference .reference {
            width: 48% !important;
            min-width: 160px !important;
            height: auto !important;
            float: left;
            margin: 0 2% 0 0 !important;
        }
        #Reference .reference, #Reference .referencetwo {
            width: 48% !important;
            min-width: 160px !important;
            height: auto !important;
            float: left;
            margin: 0 0 0 1% !important;
        }
        #Reference .reference img, #Reference .referencetwo img {
            width: 100% !important;
            height: auto !important;
        }
        #ReferenceSmall .reference {
            width: 48% !important;
            min-width: 160px !important;
            height: auto !important;
            float: left;
            margin: 0 2% 0 0 !important;
        }
        #ReferenceSmall .referencetwo {
            width: 48% !important;
            min-width: 160px !important;
            height: auto !important;
            float: left;
            margin: 0 0 0 1% !important;
        }
        #ReferenceSmall .referencelast {
            width: 48% !important;
            min-width: 160px !important;
            height: auto !important;
            float: left;
            margin: 0 0 0 1% !important;
        }
        #ReferenceSmall .reference img, #ReferenceSmall .referencetwo img, #ReferenceSmall .referencelast img {
            width: 100% !important;
            height: auto !important;
        }

        #Reference .reference h3, #Reference .referencetwo h3 {
            font-size: 1.1em;
            color: #474747;
            text-align: center;
            margin: 20px 0px;
        }
        #ReferenceSmall .reference h3, #ReferenceSmall .referencetwo h3, #ReferenceSmall .referencelast h3 {
            font-size: 1.0em;
            color: #474747;
            text-align: center;
            margin: 10px 0px;
        }
    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;
                }
/*
.nazev .datum {
                    width: 120px;
                    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;
}
*/
                article .post .nazev .casDetail {
                    width: 35px !important;
                    float: right;
                    text-align: left;
                    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;
                    background-image: url(../images/icon-time.svg) !important;
					background-size: 17px 17px;
                }
                article .home .nazev .cas {
                    width: 35px !important;
                    float: left;
                    text-align: left;
                    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;
                    background-image: url(../images/icon-time.svg) !important;
					background-size: 17px 17px;
                }
                article .nazev .datum, article .home .nazev .datum {
                    font-size: 1.0em;
                    color: #000 !important;
					float: left;
                }
                article .nazev .moreDetails, article .home .nazev .moreDetails {
                    font-size: 1.0em;
                    color: #000 !important;
					float: right;
					text-align: right;
                    margin: 10px 5px 0px 0px !important;
                    padding: 2px 0px 0px 25px !important;
                }
                    article .nazev .moreDetails a, article .home .nazev .moreDetails a {
						color: #000;
						font-weight: bold;
                        background: url(../images/icon-sipka.png) center right no-repeat;
                        background-image: url(../images/icon-sipka.svg) !important;
						background-size: 12px 10px;
						padding: 0px 15px 0px 0px;
					}
                .post .textDetail {
	                font-size: 0.9em;
	                text-align: justify;
	                color: #424242;
					padding: 10px 0px;
	            }
        
            .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, section article.postTagyRel {
        	margin-bottom: -25px;
			background: none;
		}
		section article.postTagy .tagyCenter, section article.postTagyRel .tagyCenter {
            width: 100% !important;
        	margin: 0px auto;
		}
        article.postTagy .postTag, article.postTagyRel .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, article.postTagyRel .last {
            margin-right: 0px;
        }
            article.postTagy .postTag .foto, article.postTagyRel .postTag .foto {
                width: 100% !important;
                height: auto;
                margin-bottom: -5px !important;
            }
            article.postTagy .postTag .foto .desktop, article.postTagyRel .postTag .foto .desktop {
				display: block;
			}
                article.postTagy .postTag .foto img, article.postTagyRel .postTag .foto img {
                    width: 100% !important;
                    height: auto !important;
                }
            article.postTagy .postTag .nazev, article.postTagyRel .postTag .nazev {
                width: 100% !important;
                margin: 10px 0px 0px 0px;
            }
                article.postTagy .postTag .nazev h2, article.postTagyRel .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;
                    }


                .post .featuringMobil {
				    font-size: 1.0em;
				    margin: 5px 0px 5px 0px;
				}
                .postTag .nazev .featuringMobil {
					font-size: 0.9em;
				}
				.postTag .nazev .featuringMobil a, .postTag .nazev .featuringMobil 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-image: url(../images/icon-calendar.svg) !important;
                    background-size: 14px 14px;
                }
                .postTag .nazev .cas {
                    width: 35px;
                    float: left;
                    text-align: left;
                    font-size: 1.0em;
                    font-weight: bold;
                    padding: 12px 0px 0px 25px;
                    background: url(../images/icon-time.png) 0px 13px no-repeat;
                    background-image: url(../images/icon-time.svg) !important;
                    background-size: 14px 14px;
                }
				.postTag .nazev .moreDetails {
                    font-size: 1.0em;
                    color: #000 !important;
					float: right;
					text-align: right;
                    margin: 10px 5px 0px 0px !important;
                    padding: 2px 0px 0px 25px !important;
                }
                    .postTag .nazev .moreDetails a {
						color: #000;
						font-weight: bold;
                        background: url(../images/icon-sipka.png) center right no-repeat !important;
                        background-image: url(../images/icon-sipka.svg) !important;
                        background-size: 12px 10px;
						padding: 0px 15px 0px 0px;
                    }
        .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: #b711b7;
                text-decoration: none;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }
            .movieMobile a:hover {
                background: #ca2cc9;
                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: #b711b7;
                text-decoration: none;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }
            .movieMobileSmall a:hover {
                background: #ca2cc9;
                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: #b711b7;
                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: left;
                background: #25816b;
                text-decoration: none;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }
            .swipeMobile a:hover {
                background: #b711b7;
                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: auto;
            padding: 11px 0px 10px 0px;
            margin-bottom: 1px;
            display: block;
            color: #fff;
            font-size: 1.0em;
            font-weight: normal;
            text-align: left;
            background: #424242;
            text-decoration: none;
            border-radius: 0px;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            cursor: pointer;
            _cursor: hand;
        }
        	.stahniMobile a span.kvalita {
                    display: block;
                    width: 50px;
                    height: 20px !important;
                    padding: 5px 0px 0px 0px;
                    margin: 5px 10px 25px 10px;
                    font-size: 0.8em;
                    font-weight: bold;
                    color: #010101;
                    text-align: center;
                    background: #fff;
                    text-decoration: none;
                    float: left;
                }
        #Models {
				width: 100% !important;
				margin: 0px !important;
			}
	        #Models .model {
			    width: 250px; /* 300 */
			    height: 380px;
			    float: none;
			    margin: 0px auto 10px auto;
			    padding: 0px;
			}
			#Models .model h2 {
				text-align: center;
			}
			#AbcMobile {
                width: 90% !important;
				padding-top: 10px;
                padding-bottom: 10px;
				padding-left: 5%;
                padding-right: 5%;
				margin: 0px 0px 5px 0px;
				display: block;
				color: #fff;
				border-radius: 3px;
				font-size: 1.25em;
			}
			#AbcMobile.nahore {
                background: #b711b7 url(../images/sipka-nahoru-bila.png) center right 6% no-repeat;
                background-image: url(../images/sipka-nahoru-bila.svg) !important;
				background-size: 28px 15px;
			}
            #AbcMobile.dole {
                background: #b711b7 url(../images/sipka-dolu-bila.png) center right 6% no-repeat;
                background-image: url(../images/sipka-dolu-bila.svg) !important;
				background-size: 28px 15px;
			}
			#AbcMobile span {
                text-transform: uppercase;
			}
        	#Abeceda {
				display: none;
				width: 100% !important;
				float: none;
                font-size: 1.25em;
				font-weight: normal;
				text-align: center;
				text-transform: uppercase;
                background: #dadada !important;
			}
				#Abeceda a span.mobile {
					display: inline;
                    text-transform: none;
					font-size: 0.85em !important;
				}
				#Abeceda a {
					display: block;
					width: 40%;
					float: left;
					text-align: left;
                    color: #888888;
                    text-decoration: none;
                    margin: 0 0 0 0;
					padding: 5px 0px 5px 0px;
					padding-left: 5% !important;
                    padding-right: 5% !important;
                    border-radius: 3px;
                    background: url(../images/sipka-doprava.png) center right 13% no-repeat;
                    background-image: url(../images/sipka-vpravo-seda.svg) !important;
					background-size: 15px 28px;
				}
                #Abeceda a:hover {
                    color: #fff;
                    text-decoration: none;
                    background: #5c5b5b url(../images/sipka-doprava-bila.png) center right 13% no-repeat;
                    background-image: url(../images/sipka-vpravo-bila.svg) !important;
					background-size: 15px 28px;
				}
                #Abeceda a.aktivni {
                    color: #fff;
                    text-decoration: none;
                    background: #b711b7 url(../images/sipka-doprava-bila.png) center right 13% no-repeat;
                    background-image: url(../images/sipka-vpravo-bila.svg) !important;
					background-size: 15px 28px;
				}
                #Abeceda a.full {
                    width: 90% !important;
					padding: 5px 0px 5px 0px;
					padding-left: 5% !important;
                    padding-right: 5% !important;
					margin: 0px !important;
                    background: url(../images/sipka-doprava.png) center right 6% no-repeat;
                    background-image: url(../images/sipka-vpravo-seda.svg) !important;
					background-size: 15px 28px;
				}
                #Abeceda a.aktivnifull {
                    width: 90% !important;
					padding: 5px 0px 5px 0px;
					padding-left: 5% !important;
                    padding-right: 5% !important;
					margin: 0px !important;
					color: #fff;
                    background: #b711b7 url(../images/sipka-doprava-bila.png) center right 6% no-repeat;
                    background-image: url(../images/sipka-vpravo-bila.svg) !important;
					background-size: 15px 28px;
				}
				#Abeceda a.gray {
					color: #b2b2b2;
				}
			#TagyStred {
				width: 95%;
				margin: -10px auto 20px auto;
			}
            #TagyMobile {
                width: 90% !important;
				padding-top: 10px;
                padding-bottom: 10px;
				padding-left: 5%;
                padding-right: 5%;
				margin: 0px 0px 5px 0px;
				display: block;
				color: #fff;
				border-radius: 3px;
				font-size: 1.25em;
			}
			#TagyMobile.nahore {
                background: #b711b7 url(../images/sipka-nahoru-bila.png) center right 6% no-repeat;
                background-image: url(../images/sipka-nahoru-bila.svg) !important;
				background-size: 28px 15px;
			}
            #TagyMobile.dole {
                background: #b711b7 url(../images/sipka-dolu-bila.png) center right 6% no-repeat;
                background-image: url(../images/sipka-dolu-bila.svg) !important;
				background-size: 28px 15px;
			}
			#TagyMobile span {
                text-transform: uppercase;
			}
            #OpenTagsMobile {
				display: none;
				width: 100% !important;
				float: none;
                font-size: 1.25em;
				font-weight: normal;
				text-align: center;
			}
				#OpenTagsMobile a span.mobile {
					display: inline;
                    text-transform: none;
					font-size: 0.85em !important;
				}
				#OpenTagsMobile a {
					display: block;
					width: 40%;
					float: left;
					text-align: left;
                    color: #888888;
                    text-decoration: none;
                    margin: 0 0 0 0;
					padding: 5px 0px 5px 0px;
					padding-left: 5% !important;
                    padding-right: 5% !important;
                    border-radius: 3px;
                    background: url(../images/sipka-doprava.png) center right 13% no-repeat;
                    background-image: url(../images/sipka-vpravo-seda.svg) !important;
					background-size: 15px 28px;
				}
                #OpenTagsMobile a:hover {
                    color: #fff;
                    text-decoration: none;
                    background: #5c5b5b url(../images/sipka-doprava-bila.png) center right 13% no-repeat;
                    background-image: url(../images/sipka-vpravo-bila.svg) !important;
					background-size: 15px 28px;
				}
                #OpenTagsMobile a.aktivni {
                    color: #fff;
                    text-decoration: none;
                    background: #b711b7 url(../images/sipka-doprava-bila.png) center right 13% no-repeat;
                    background-image: url(../images/sipka-vpravo-bila.svg) !important;
					background-size: 15px 28px;
				}
                #OpenTagsMobile a.full {
                    width: 90% !important;
					padding: 5px 0px 5px 0px;
					padding-left: 5% !important;
                    padding-right: 5% !important;
					margin: 0px !important;
                    background: url(../images/sipka-doprava.png) center right 6% no-repeat;
                    background-image: url(../images/sipka-vpravo-seda.svg) !important;
					background-size: 15px 28px;
				}
                #OpenTagsMobile a.aktivnifull {
                    width: 90% !important;
					padding: 5px 0px 5px 0px;
					padding-left: 5% !important;
                    padding-right: 5% !important;
					margin: 0px !important;
					color: #fff;
                    background: #b711b7 url(../images/sipka-doprava-bila.png) center right 6% no-repeat;
                    background-image: url(../images/sipka-vpravo-bila.svg) !important;
					background-size: 15px 28px;
				}
				#OpenTagsMobile a.gray {
					color: #b2b2b2;
				}
			#Razeni {
				width: 250px;
				float: none;
				margin: 0px auto 20px auto;
				font-size: 1.25em;
				font-weight: normal;
				text-align: right;
				padding: 0px 0px 0px 25px;
                background: url(../images/ikona-razeni.png) 0px 0px no-repeat;
                background-image: url(../images/icon-razeni.svg) !important;
				background-size: 15px 17px;
			}
				#Razeni a {
                    color: #888888;
                    text-decoration: none;
                    margin: 0px 2px 0px 2px;
					padding: 3px 5px 3px 5px;
                    border-radius: 3px;
				}
				#Razeni a:hover {
					color: #fff;
					background: #5c5b5b;
                    text-decoration: none;
				}
                #Razeni a.aktivni {
					color: #fff;
                    background: #b711b7;
                    text-decoration: none;
				}
            #RazeniVideos {
				width: 220px;
				float: none;
				margin: 0px auto -20px auto;
				font-size: 1.25em;
				font-weight: normal;
				text-align: right;
				padding: 0px 0px 0px 20px;
                background: url(../images/ikona-razeni.png) 0px 0px no-repeat;
                background-image: url(../images/icon-razeni.svg) !important;
				background-size: 15px 17px;
			}
    	#StrankovaniMobile, #StrankovaniMobileHome {
		    margin: 40px 0px 40px 0px;
		}
		#StrankovaniMobile span a, #StrankovaniMobileHome span a {
		    padding: 13px 10px;
		    background: #424242;
			font-size: 1.2em;
			font-weight: bold;
		    color: #fff;
		    margin: 5px;
			border-radius: 5px;
		}
        #StrankovaniMobile a:hover, #StrankovaniMobileHome a:hover {
		    background: #5c5b5b;
			text-decoration: none;
		}
		#StrankovaniMobile span.aktivni, #StrankovaniMobileHome span.aktivni {
		    padding: 13px 15px;
		    background: #de30dd;
		    color: #fff;
		    margin: 5px;
            font-size: 1.2em;
            font-weight: bold;
            border-radius: 5px;
		}
/*
    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: #fe00fe;
                }
                #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;
    }
    article#Stred {
        width: 92% !important;
        min-width: 340px !important;
        margin: 0px auto!important;
        padding-top: 45px !important;
		padding-bottom: 0px !important;
		padding-left: 1% !important;
        padding-right: 0px !important;
		text-align: justify;
    }
    #Stred h1#Nadpis {
        margin-bottom: 15px !important;
		line-height: 1.5em;
    }
    article#Stred p.vetsi {
        font-size: 1.0em;
		line-height: 1.4em;
	}
    #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;
        }
    #modal {
        position: fixed;
        font-family: Arial, sans-serif;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index: 1;
        height: 100%;
        width: 100%;
    }
        .modalcontent {
            width: 90%;
            height: 90%;
            max-height: 780px;
            max-width: 1100px;
            overflow-y: auto;
            overflow: -moz-scrollbars-vertical;
            position: relative;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            padding: 0px;
            z-index: 2;
        }
            .modalcontent img {
                width: 100% !important;
            }
            #ModalObsah {
                width: 90% !important;
                background: #fff;
                margin: 0px 0px 0px 0px;
                padding: 0 5%;
                text-align: center;
            }
                #ModalObsah #ModalNadpis {
                    color: #212121;
                    text-align: center;
                    font-size: 1.3em;
                    line-height: 1.1em;
                    font-weight: bold;
                    margin-bottom: 25px;
                }
                    #ModalObsah #ModalNadpis span {
                        font-size: 0.7em;
                    }
                #ModalObsah p {
                    line-height: 1.2em;
                    color: #565656;
                    text-align: justify;
                    margin-bottom: 30px;
                }
                #ModalObsah p.center {
                    text-align: center;
                }
                    #ModalObsah a {
                        color: #565656;
                        text-decoration: underline;
                    }
                        #ModalObsah a:hover {
                            color: #565656;
                            text-decoration: none;
                        }
                #ModalObsah button#button {
                    width: 100% !important;
                    height: auto !important;
                    color: #fff;
                    font-size: 1.3em;
                    cursor: pointer;
                    _cursor: hand;
                    display: block;
                    background: #F100EC;
                    padding: 20px 0px 20px 0px;
                    margin: 15px auto 25px auto;
                }
                    #ModalObsah button#button:hover {
                        background: #f745f4;
                    }
                #ModalObsah button#buttonLeave {
                    width: 50% !important;
                    height: 50px;
                    color: #F100EC;
                    background: #fff;
                    font-size: 0.9em;
                    cursor: pointer;
                    _cursor: hand;
                    border: 2px solid #F100EC;
                    margin: 5px auto 25px auto;
                }
}