div {
    margin-bottom: 0px;
}
* {
	margin: 0px;
	padding: 0px;
	border: none;
}
body {
    font-family: Arial, sans-serif;
	font-size: 0.9em;
	background: #ffffff;
	line-height: 1.3em;
    margin: 0px;
    padding: 0px;
}
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: #474747;
    font-size: 2.1em;
    line-height: 1.5em;
    text-align: left;
    font-family: Arial, sans-serif;
    margin: 0px 0px 15px 0px;
    text-align: center;
}

h2 {
    color: #fff;
    font-size: 1.1em;
    line-height: 1.3em;
    text-align: left;
    font-family: Arial, sans-serif;
    margin: 0px 0px 15px 0px;
    padding: 15px 60px 15px 60px;
    background: #e35a48;
    text-align: left;
    font-weight: bold;
    /*
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    */
}
h1 strong, h2 strong, h3 strong, h4 strong {
    color: #ffdf25;
}
h3, h4 {
    font-size: 1.1em;
    line-height: 1.1em;
    margin: 0px 0px 10px 0px;
    color: #432c1d;
    text-align: center;
    font-weight: normal;
}
#NadpisJoin {
    color: #a12427;
    font-size: 3.9em;
    line-height: 1.8em;
    text-align: left;
    font-family: Arial, sans-serif;
    margin: 0px 0px 0px 0px;
    text-align: center;
}
#NadpisJoin a {
    color: #a12427;
    text-decoration: none;
}
#NadpisJoin a:hover {
    color: #a12427;
    text-decoration: underline;
}
.big {
    font-size: 2.2em;
    line-height: 1.5em;
}
.white {
    color: #fff;
}
.red {
    color: #00a189;
}
.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: underline;
}
a:hover {
	text-decoration: none;
}
.vlevo {
    text-align: left;
}
.vpravo {
    text-align: right;
    font-size: 1.1em;
}
.center {
    text-align: center;
}
.left {
    float: left;
}
.right {
    float: right;
}
.underline {
    text-decoration: underline;
}
#Lista {
    width: 100%;
    min-width: 1280px;
    height: 66px;
    background: #212121;
}
    #ListaStred {
        width: 1200px;
        min-width: 1280px;
        margin: 0px auto;
        color: #00a189;
        font-weight: normal;
        font-size: 1.1em;
    }
        #ListaStred span {
            color: #fff;
        }
        #Logo {
            width: 128px;
            height: 65px;
            position: relative;
            overflow: hidden;
            font-size: 0.4em;
            margin: 0px;
            padding: 0px;
            text-indent: -9999px;
            float: left;
        }
        #Logo span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background: url(../images/pozadi-logo.png) no-repeat;
            width: 128px;
            height: 65px;
            visibility: visible;
            cursor: pointer;
            _cursor: hand;
        }
        #ListaLogo {
            width: 515px;
            height: 34px;
            padding: 19px 0px 0px 0px;
            text-align: center;
            float: left;
            font-size: 2.5em;
            font-weight: bold;
        }
        #ListaAccessMobil {
            display: none;
        }
        #ListaAccess {
            width: 300px; /* 298 */
            height: 41px; /* 66 */
            background: url(../images/sejf.png) 0px 18px no-repeat;
            float: right;
            color: #fff;
            font-weight: bold;
            padding: 25px 0px 0px 40px;
        }
        #ListaAccess .member {
            display: block;
            float: right;
            width: 180px;
            height: 30px;
            margin-right: 3px;
            padding: 10px 0px 0px 0px;
            text-align: center;
            background: #424242;
            color: #fff;
        }
        #ListaAccess .join {
            display: block;
            float: left;
            width: 100px;
            height: 30px;
            padding: 10px 0px 0px 0px;
            text-align: center;
            background: #00a189;
            color: #fff;
        }
        #ListaAccess a {
            text-decoration: none;
        }
        #ListaAccess a:hover {
            text-decoration: underline;
        }


    #Nadpis {
        width: 1200px;
        height: 163px;
        position: relative;
        overflow: hidden;
        font-size: 0.4em;
        margin: 0px;
        padding: 0px;
        text-indent: -9999px;
    }
    #Nadpis span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../images/pozadi-hlavicka.png) no-repeat;
        width: 1200px;
        height: 163px;
        visibility: visible;
    }

section#Obsah {
    width: 100%;
    min-width: 1280px;
    height: auto;
    position: relative;
    padding: 0px 0px 0px 0px;
}
    section article {
        width: 100%;
        min-width: 1280px;
        height: auto;
        padding: 50px 0px 20px 0px;
        background: #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    #Stred {
        width: 1280px;
        margin: 0px auto;
        padding: 50px 0px 30px 0px;
    }
    article.dark {
        width: 100%;
        min-width: 1280px;
        height: auto;
        padding: 30px 0px 35px 0px;
        background: #f5f5f5;
        border-top: 1px solid #e0e7ed;
        border-bottom: 1px solid #e0e7ed;
    }
        section article.dark h2 {
            color: #474747;
        }
    section article.dark #Reference {
        width: 1280px;
        margin: 0px auto;
    }
    section article.dark h3 {
        font-weight: bold;
    }
    #Obsah .first {
        width: 630px; /* 630 */
        margin: 20px 0px 0px 0px;
        color: #474747;
    }
    #Obsah .first table {
        margin: 23px 0px 23px 60px;
    }
    #Obsah .two {
        width: 630px; /* 550 */
        margin: 20px 0px 0px 0px;
        color: #474747;
    }

    #Obsah article h2 span {
        color: #000;
    }
    #Obsah article input.pozadi {
        width: 300px; /* 331 */
        height: 34px; /* 44 */
        /*background: url(../images/formular.png) no-repeat;*/
        border: 1px solid #a9a9a9;
        padding: 0px 8px;
        margin: 3px 0px 10px 10px;
        font-size: 1.4em;
    }
    #Obsah article p.odstup {
        margin-left: 30px;
    }
    #Obsah article .check {
        width: 505px; /* 525 */
        height: 81px; /* 101 */
        background: url(../images/pozadi-radio.png) no-repeat;
        padding: 10px;
        margin-bottom: 10px;
    }
    #Obsah article .checkaktivni {
        width: 505px; /* 525 */
        height: 81px; /* 101 */
        background: url(../images/pozadi-radio-akt.png) no-repeat;
        padding: 10px;
        margin-bottom: 10px;
    }
    
    #Obsah article .check h3 {
        font-weight: bold;
        font-size: 2.0em;
    }
    #Obsah article .checkradio {
        padding: 0px 20px;
    }
    #Obsah article.access {
        width: 1100px;
        text-align: center;
        margin-top: 0px;
    }
    #Obsah article.access p {
        font-weight: bold;
    }
    #Obsah article.access a {
        color: #000;
        text-decoration: underline;
    }
    #Obsah article.access a:hover {
        text-decoration: none;
    }

        #Article {
            width: 100%;
            min-width: 1200px;
            background: #fff;
            margin: 0px 0px 0px 0px;
            position: relative;
        }
        #Article h2 {
            color: #818174;
            font-size: 1.6em;
            line-height: 1.3em;
            text-align: left;
            font-family: Arial, sans-serif;
            margin: 0px 0px 15px 0px;
            text-align: center;
        }
        #Article .center {
            width: 1200px;
            margin: 0px auto;
            padding: 0px 0px 20px 0px;
        }
        #Article img {
            margin: 0px 3px;
            box-shadow: #333 3px 3px 8px;
            -webkit-box-shadow: #333 3px 3px 8px;
            -moz-box-shadow: #333 3px 3px 8px;
        }
        #Article img.bez {
            margin: 0px 3px;
            box-shadow: #333 0px 0px 0px;
            -webkit-box-shadow: #333 0px 0px 0px;
            -moz-box-shadow: #333 0px 0px 0px;
        }

    #Reference .reference {
        width: 390px;
        height: 370px;
        float: left;
        margin: 0px;
    }
    #Reference .referencetwo {
        width: 390px;
        height: 370px;
        margin: 0px 55px;
        float: left;
    }
    #Reference .reference img, #Reference .referencetwo img {
        width: 390px;
        height: 300px;
    }
    #Reference .reference h3, #Reference .referencetwo h3 {
        font-size: 1.1em;
        color: #474747;
        text-align: center;
        margin: 20px 0px;
    }
    #Reference .reference h3 a, #Reference .referencetwo h3 a, #Reference .reference h3 a:hover, #Reference .referencetwo h3 a:hover {
        color: #474747;
        text-decoration: none;
    }

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;
                    text-align: left;
                }
                #MenuPata .sloupec ul a {
                    color: #fff;
                    text-decoration: none;
                }
                #MenuPata .sloupec ul a:hover {
                    text-decoration: underline;
                }
            #MenuPata h3 {
                font-size: 1.1em;
                color: #06ffe5;
                text-align: left;
            }
            #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: #06ffe5;
            }
#Copyright {
    width: 100%;
    min-width: 1280px;
    height: 35px;
    padding: 20px 0px 0px 0px;
    background: #141414;
    color: #fff;
    text-align: center;
}
.mailform {
    width: 15px;
    float: left;
    margin-left: 15px;
}
#Payment {
    width: 400px;
    padding: 10px 20px 0px 20px;
    background: #fff;
    text-align: left;
    margin-left: 20px;
}
#Payment label {
    display: block;
    text-align: left;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
}
#Payment label input {
    width: 30px;
}
#Desc {
    color: #818174;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
}
#Platby {
    width: 522px;
    height: 36px;
    margin: 30px auto 5px auto;
}
p.zamek {
    height: 20px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
    p.zamek img {
        margin: 0px 7px 0px 0px;
    }
.join-button {
    width: 530px;
    height: 80px;
    margin: 15px auto 0px auto;
}
.join-button .button2 {
    width: 500px;
    height: 60px;
    background: #e25b49;
    color: #fff;
    text-align: center;
    border: none;
    font-size: 1.2em;
    padding: 5px 0px 0px 0px;
    margin-bottom: 0px;
    font-weight: bold;
    font-family: Arial, sans-serif;
    cursor: pointer;
    _cursor: hand;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
.join-button .button2:hover {
    text-decoration: none;
    background: #f06552;
}
.join_error {
    background: #f30400;
    padding: 10px;
    font-weight: bold;
    color: #fff;
}
#Plan .option-padding-27, #Plan .option-padding-28, #Plan .option-padding-29 {
    width: 630px;
    height: 75px;
    margin: 0px 0px 10px 0px;
    position: relative;
}
#Plan .option-padding-27 .button {
    width: 630px; /* 531 */
    height: 75px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    text-align: left;
    color: #000000;
    background: url(../images/button-1.png) no-repeat;
    cursor: pointer;
    border: none;
    border: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#Plan .option-padding-27 .button:hover {
    color: #fff !important;
    background: url(../images/button-1-hover.png) no-repeat;
}
#Plan .option-padding-28 .button:hover {
    color: #fff !important;
    background: url(../images/button-2-hover.png) no-repeat;
}
#Plan .option-padding-29 .button:hover {
    color: #fff !important;
    background: url(../images/button-3-hover.png) no-repeat;
}
#Plan .option-padding-27 .pressed-button {
    width: 630px; /* 531 */
    height: 75px;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    text-align: left;
    color: #fff;
    background: url(../images/button-1-akt.png) no-repeat;
    cursor: pointer;
    border: none;
    border: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#Plan .option-padding-28 .button {
    width: 630px; /* 531 */
    height: 75px;
    margin: 0px;
    padding: 0px 0x 0px 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    text-align: left;
    color: #fff;
    background: url(../images/button-2.png) no-repeat;
    cursor: pointer;
    border: none;
    border: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
/*
#Plan .option-padding-2 .button:hover {
    color: #fff !important;
    background: url(../images/button-2-akt.png) no-repeat;
}*/
#Plan .option-padding-28 .pressed-button {
    width: 630px; /* 531 */
    height: 75px;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    text-align: left;
    color: #fff;
    background: url(../images/button-2-akt.png) no-repeat;
    cursor: pointer;
    border: none;
    border: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#Plan .option-padding-29 .button {
    width: 630px; /* 531 */
    height: 75px;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    text-align: left;
    color: #fff;
    background: url(../images/button-3.png) no-repeat;
    cursor: pointer;
    border: none;
    border: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
/*
#Plan .option-padding-3 .button:hover {
    color: #ffffff;
    background: #464646 url(../images/button-3-akt.png) no-repeat;
}*/
#Plan .option-padding-29 .pressed-button {
    width: 630px; /* 531 */
    height: 75px;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    text-align: left;
    color: #fff;
    background: url(../images/button-3-akt.png) no-repeat;
    cursor: pointer;
    border: none;
    border: 0px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#Plan .option-padding-27 .pressed-button .opt-title, #Plan .option-padding-27 .button .opt-title,
#Plan .option-padding-28 .pressed-button .opt-title, #Plan .option-padding-28 .button .opt-title,
#Plan .option-padding-29 .pressed-button .opt-title, #Plan .option-padding-29 .button .opt-title {
    max-width: 200px;
    position: absolute;
    top: 28px;
    left: 480px;
    color: #fff;
    text-align: left;
    padding: 0px;
    font-size: 1.8em;
    font-weight: normal;
}
#Plan .option-padding-27 .pressed-button .opt-title,
#Plan .option-padding-28 .pressed-button .opt-title,
#Plan .option-padding-29 .pressed-button .opt-title {
    color: #fff;
}

/* by NATS */
#container {
    	width:400px;
    	color:#000000;
    	background:#FFFFFF;
    	}

    	#form2 {
    	width:400px;
    	background:#FFFFFF;
    	height: 305px;}

    	.button2 {
    		width: 130px;
    		height: 30px;
    		font-family:Arial, Helvetica, sans-serif;
    		font-size:16px;
    		font-weight:bold;
    		background:#F00000;
    		color:#FFFFFF;
    		border-style: solid !important;
    		border-width: 1px !important;
    		border-color: #000;
    		}

    	.memberinfo2 {
    	TEXT-ALIGN: right;
    	WIDTH: 120px;
    	PADDING-RIGHT: 1em;
    	FLOAT: left;
    	PADDING-TOP: 0px;
    	font-size:12px;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	width:130px
    }


    #Mobile {
        display: none;
        text-align: center;
    }
    .mobile {
        display: none;
    }

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

    .desktop {
		display: none;
	}
    .mobile {
        display: block !important;
    }
    section, header, footer, #Lista, #Article, #Article .center, #Nadpis {
        width: 100%;
    }
    #Lista {
        width: 100% !important;
        min-width: 360px !important;
        height: 66px;
        background: #000000;
    }
    #ListaStred {
        width: 100% !important;
        min-width: 360px !important;
        margin: 0px auto;
        color: #00a189;
        font-weight: normal;
        font-size: 1.1em;
    }
        #ListaStred span {
            color: #fff;
        }
        #Logo {
            width: 128px;
            height: 65px;
            position: relative;
            overflow: hidden;
            font-size: 0.4em;
            margin: 0px 0px 0px 10px;
            padding: 0px;
            text-indent: -9999px;
            float: left;
        }
        #Logo span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background: url(../images/pozadi-logo.png) no-repeat;
            width: 128px;
            height: 65px;
            visibility: visible;
            cursor: pointer;
            _cursor: hand;
        }
        #ListaLogo, #ListaAccess {
            display: none;
        }
        #ListaAccessMobil {
            width: 190px; /* 298 */
            height: 41px; /* 66 */
            font-size: 0.9em;
            background: url(../images/sejf.png) 0px 18px no-repeat;
            float: right;
            text-align: left;
            display: block;
            color: #fff;
            font-weight: bold;
            padding: 25px 0px 0px 30px;
        }
    h1, .nadpis {
        font-size: 1.5em;
    }
    #Obsah article h2 {
        text-align: center;
    }
    #Obsah article input.pozadi {
        width: 85% !important; /* 331 */
    }
    #form2 {
        width: 96% !important; /* 550 */
        margin: 5% 2% 0 2%;
    }

    section#Obsah {
        width: 600px;
        padding: 30px 0px 10px 0px;
    }
    #Article, #promotionsContainer, #promotionsSlider, #ListaAccess {
        display: none;
    }
    #Obsah .first {
        width: 96% !important; /* 550 */
        margin: 5% 2% 0 2%;
    }
    #Obsah .first table {
        width: 100% !important; /* 550 */
        margin: 0px auto;
    }
    #Obsah .two {
        width: 96% !important; /* 550 */
        margin: 5% 2% 0 2%;
    }
    #Stred {
        width: 96% !important;
        padding: 0 2% 0 2%;
    }
    section {
        width: 100% !important;
        min-width: 360px !important;
        height: auto;
    }
    section article {
        width: 100% !important;
        min-width: 360px !important;
        height: auto;
        margin: 0px;
        padding: 20px 0px 20px 0px !important;
        background: #fff;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    section article.dark {
        width: 100% !important;
        min-width: 360px !important;
        height: auto;
        padding: 20px 0px 20px 0px;
        background: #f5f5f5;
        border-top: 1px solid #e0e7ed;
        border-bottom: 1px solid #e0e7ed;
    }
        section article.dark h2 {
            color: #474747;
        }
        section article.dark h2.ref {
            font-size: 1.5em;
        }
    section article.dark #Reference {
        width: 95% !important;
        min-width: 171px !important;
        margin: 0px auto;
        font-size:
    }
        #Reference .reference h3, #Reference .referencetwo h3 {
        font-size: 1.0em;
        color: #474747;
        text-align: center;
        margin: 10px 0px 20px 0px;
    }
        #Reference .reference, #Reference .reference {
            width: 48% !important;
            min-width: 160px !important;
            height: auto;
            float: left;
            margin: 0 2% 0 0 !important;
        }
        #Reference .reference, #Reference .referencetwo {
            width: 48% !important;
            min-width: 160px !important;
            height: auto;
            float: left;
            margin: 0 0 0 1% !important;
        }
        #Reference .reference img, #Reference .referencetwo img {
            width: 100% !important;
            height: auto;
        }
    #Payment {
        width: 96% !important;
        padding: 5% 2% 0 2%;
        background: #fff;
        text-align: center;
        margin-left: 0px;
    }
    #Plan h2 {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }
    #Plan .option-padding-27, #Plan .option-padding-28, #Plan .option-padding-29 {
        margin: 0px auto 10px auto;
    }
    .join-button {
        margin: 0px auto 5px auto;
    }
    .right {
        float: left;
    }
    .none {
        display: none;
    }
    #Mobile, #MobileTop {
        display: block;
    }
    #Menu {
        display: none;
    }

    #Platby {
        width: 96% !important;
        height: 36px;
        margin: 5% auto 5% auto;
    }
        #Platby img {
            width: auto;
        }
    p.zamek {
        height: 20px;
        text-align: center;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
        p.zamek img {
            margin: 0px 10px 0px 0px;
        }
    .join-button {
        width: 96% !important;
        height: 80px;
        margin: 5% auto 5% auto;
    }
    .join-button .button2 {
        width: 100% !important;
        height: 80px;
        background: #e25b49;
        color: #fff;
        text-align: center;
        border: none;
        font-size: 1.5em;
        font-weight: normal;
        font-family: Arial, sans-serif;
        cursor: pointer;
        _cursor: hand;
    }
    .join-button .button2:hover {
        text-decoration: underline;
    }
    .join_error {
        background: #f30400;
        padding: 10px;
        font-weight: bold;
        color: #fff;
    }
    #Plan .option-padding-27, #Plan .option-padding-28, #Plan .option-padding-29 {
        width: 100% !important;
        height: 60px;
        margin: 0px auto 10px auto;
        position: relative;
    }
    #Plan .option-padding-27 .button {
        width: 100% !important; /* 531 */
        height: 60px;
        margin: 0px auto;
        padding: 0px;
        font-size: 16px;
        font-weight: bold;
        line-height: 25px;
        text-align: left;
        color: #fff;
        background: #464646 url(../images/button-1-mobil.png) no-repeat;
        cursor: pointer;
        border: none;
        border: 0px;
        border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }
    /*
    #Plan .option-padding-1 .button:hover {
        color: #fff !important;
        background: url(../images/button-1-akt.png) no-repeat;
    }*/
    #Plan .option-padding-27 .pressed-button {
        width: 100% !important; /* 531 */
        height: 60px;
        margin: 0px auto;
        padding: 0px;
        font-size: 16px;
        font-weight: bold;
        line-height: 25px;
        text-align: left;
        color: #fff;
        background: #01a189 url(../images/button-1-mobil-akt.png) no-repeat;
        cursor: pointer;
        border: none;
        border: 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    #Plan .option-padding-28 .button {
        width: 100% !important; /* 531 */
        height: 60px;
        margin: 0px auto;
        padding: 0px;
        font-size: 16px;
        font-weight: bold;
        line-height: 25px;
        text-align: left;
        color: #fff;
        background: #464646 url(../images/button-2-mobil.png) no-repeat;
        cursor: pointer;
        border: none;
        border: 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    #Plan .option-padding-27 .button:hover {
        color: #fff !important;
        background: #464646 url(../images/button-1-mobil.png) no-repeat;
    }
    #Plan .option-padding-28 .button:hover {
        color: #fff !important;
        background: #464646 url(../images/button-2-mobil.png) no-repeat;
    }
    #Plan .option-padding-29 .button:hover {
        color: #fff !important;
        background: #464646 url(../images/button-3-mobil.png) no-repeat;
    }
    #Plan .option-padding-28 .pressed-button {
        width: 100% !important; /* 531 */
        height: 60px;
        margin: 0px auto;
        padding: 0px;
        font-size: 16px;
        font-weight: bold;
        line-height: 25px;
        text-align: left;
        color: #fff;
        background: #01a189 url(../images/button-2-mobil-akt.png) no-repeat;
        cursor: pointer;
        border: none;
        border: 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    #Plan .option-padding-29 .button {
        width: 100% !important; /* 531 */
        height: 60px;
        margin: 0px auto;
        padding: 0px;
        font-size: 16px;
        font-weight: bold;
        line-height: 25px;
        text-align: left;
        color: #fff;
        background: #464646 url(../images/button-3-mobil.png) no-repeat;
        cursor: pointer;
        border: none;
        border: 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    /*
    #Plan .option-padding-3 .button:hover {
        color: #ffffff;
        background: #464646 url(../images/button-3-akt.png) no-repeat;
    }*/
    #Plan .option-padding-29 .pressed-button {
        width: 100% !important; /* 531 */
        height: 60px;
        margin: 0px auto;
        padding: 0px;
        font-size: 16px;
        font-weight: bold;
        line-height: 25px;
        text-align: left;
        color: #fff;
        background: #01a189 url(../images/button-3-mobil-akt.png) no-repeat;
        cursor: pointer;
        border: none;
        border: 0px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    #Plan .option-padding-27 .pressed-button .opt-title, #Plan .option-padding-27 .button .opt-title,
    #Plan .option-padding-28 .pressed-button .opt-title, #Plan .option-padding-28 .button .opt-title,
    #Plan .option-padding-29 .pressed-button .opt-title, #Plan .option-padding-29 .button .opt-title {

        max-width: 50px;
        position: absolute;
        top: 18px;
        left: 75%;
        color: #fff;
        text-align: left;
        padding: 0px;
        font-size: 1.4em;
        font-weight: normal;
    }
    #Plan .option-padding-27 .pressed-button .opt-title,
    #Plan .option-padding-28 .pressed-button .opt-title,
    #Plan .option-padding-29 .pressed-button .opt-title {
        color: #fff;
    }

    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: #06ffe5;
                }
                #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: #fff;
            }
            #Warning p a {
                color: #06ffe6;
            }
    #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;
    }
}