.label-opener {
    display: none;
    width: 30px;
    cursor: pointer;
}

.label-span {
    padding: 15px 5% 15px 60px;
    margin-top: 60px;
    width: 50px;
    position: relative;
    color: #a71580;
    float: right;
    text-transform: uppercase;
    font-weight: bold;
}

.label-span span {
    display: block;
    width: 30px;
    height: 4px;
    background: #a71580;
    position: absolute;
    top: 10px;
    left: 20px;
}
.label-span span + span { top: 20px; }
.label-span span + span + span { top: 30px; }


.nezobrazovat { display: none; }
img { max-width: 100%; }
body { min-width: 320px; }
.mobilni { display: none; }


/* Zrušení formulářových stylů u iPhone */
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

@media only screen and (max-width: 1020px) { /* sirka 990 + 2x10 padding + 20 scrollbar */

    #dSkelet { width: 100%; background-position: right -45px top; }
    #dSkelet2 { width: 100%; background-position: right -45px top; }

    #dLevy { padding-top: 130px; }
    #dPravy { padding: 293px 5% 0 2%; width: calc(93% - 342px); }
    
    #dLevy #aLogo { margin-left: 31%; }



}

@media only screen and (max-width: 850px) { /* sirka 860 + 2x10 padding + 20 scrollbar */

    #dSkelet2 { background: url(../obrazky/nove-bydleni.png) 52px 130px no-repeat, url(../obrazky/domecek.png) right top no-repeat; }
    
    #dLevy { width: 100%; padding-top: 20px; }
    #dPravy { padding: 5%; width: 90%; }
    #dLevy #aLogo { padding-top: 0; padding-bottom: 115px; width: calc(100% - 52px); margin-left: 5%; } 
    
    .label-opener { display: block; }
    
    #mobilniMenu:checked ~ .mobilniMenu { display: block; }
    #dLevy .mobilniMenu { display: none; background: none; clear: both; width: 100%; position: absolute; top: 325px; right: 0; }
    #dLevy .mobilniMenu li.jedna, 
    #dLevy .mobilniMenu li.dva, 
    #dLevy .mobilniMenu li.tri, 
    #dLevy .mobilniMenu li.ctyri { width: 100%; height: auto; padding: 0; }
    #dLevy .mobilniMenu li.pet { display: none; }
    #dLevy .mobilniMenu li a { width: 96%; padding: 20px 2% 40px 2%; height: auto; background: #a71580 url(../obrazky/menu-mobilni.png) bottom center repeat-x; font-size: small; color: #fff; text-decoration: none; }
    
    #dLevy .telefon { width: 45%; float: left; margin-left: 5%; }
    #dLevy .pMail { width: 45%; float: left; }
    
    

}


@media only screen and (max-width: 800px) { /* sirka 760 + 2x10 padding + 20 scrollbar */




}


@media only screen and (max-width: 700px) { /* sirka 660 + 2x10 padding + 20 scrollbar */



}


@media only screen and (max-width: 630px) { /* sirka 560 + 2x10 padding + 20 scrollbar */


    #dSkelet2 { background: url(../obrazky/domecek.png) right top no-repeat; }


}

@media only screen and (max-width: 500px) { /* sirka 460 + 2x10 padding + 20 scrollbar */


    #dLevy #aLogo { padding-bottom: 150px; }
    .label-span { margin-top: 10px; }
    #dLevy .mobilniMenu { top: 360px; }

    h1 { font-size: 40px; }

}

@media only screen and (max-width: 430px) { /* sirka 390 + 2x10 padding + 20 scrollbar */

    #dSkelet2 { background-position: right -72px top; }
    #dLevy #aLogo { margin-left: 20px; padding-bottom: 45px; }
    .label-span { float: left; margin-bottom: 40px; }
    #dLevy .telefon { float: none; width: 70%; clear: both; margin-left: 20px; }
    #dLevy .pMail { width: 70%; }

    #dLevy .mobilniMenu { top: 190px; }
    
    #dPravy { width: calc(100% - 40px); padding: 5% 20px; }

}

@media only screen and (max-width: 360px) { /* sirka 320 + 2x10 padding + 20 scrollbar */



}


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


    table {
	border: 0;
    }

    /*    table tr th {
	    display: none;
	}*/

    /*    table thead {
	    display: none;
	}*/

    table tr {
	margin-bottom: 10px;
	display: block;
	/*border-bottom: 2px solid #ddd;*/
    }

    table td p { text-align: center !important;}

    table td {
	display: block;
	width: 100%;
	text-align: right;
	font-size: 13px;
	/*border-bottom: 1px dotted #ccc;*/
	text-align: center !important;
    }

    table td:last-child {
	border-bottom: 0;
    }

    table td:before {
	content: attr(data-label);
	/*float: left;*/
	display: block;
	text-align: center !important;
	text-transform: uppercase;
	font-weight: bold;
	color: #06377a;
	padding: 0.5em;
	background-color: transparent;
    }

}