/*****************************************************************
*** RESPONZIVITA *************************************************
*****************************************************************/
.flexElem{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#zobrazKlasicky {display: none; text-align: center; width: 320px; position: relative; font-size: 12px; margin: 70px auto 20px;}
#zobrazMobilne {display: none; text-align: center; width: 320px; position: relative; font-size: 12px; margin: 70px auto 20px;}
form.vyhledavani {margin-bottom: 0px;}
#hornicast .menu {margin-top: 15px}

.hlmenures {display: none;}

@media (max-width:1008px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
	/*ostatní*/
	html, body, div.leva_pruhledna, #hornicast, #horni_lista, div.stranka, #spodnicast,
	#prostredni, #prostredni .stred, .stranka,#horni_lista_vnitrek, #spodnicast_vnitrek {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		min-width: 300px;
	}

	
	
	#horni_lista_vnitrek .leva{order:1;}
	#horni_lista_vnitrek .material_napis{order:2;}
	#horni_lista_vnitrek .banner{order:3;}
	#horni_lista_vnitrek .technologie_napis{order:4;}
	#horni_lista_vnitrek .prava_1{order:5;}
	
	
	

    #spodnicast {
		padding: 0 15px;
	}

	.hl_menu {
		margin: auto;
	}

	#hornicast .menu {
		width: auto;
	}
}

@media (max-width:840px) { /* Shovavam horni menu */
	#horni_lista_vnitrek .hlavni_roz{
	-webkit-box-flex-wrap: wrap;
    -moz-box-flex-wrap:  wrap;
    -webkit-flex-wrap:  wrap;
    -ms-flex-wrap:  wrap;
    flex-wrap: wrap;
    -webkit-box-justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
	}
	
	#horni_lista_vnitrek .banner{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		    -webkit-box-justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
		
		}	
	
	
	#horni_lista_vnitrek .leva{order:3;}
	#horni_lista_vnitrek .material_napis{order:2;}
	#horni_lista_vnitrek .banner{order:1; max-width:none; margin:auto;}
	#horni_lista_vnitrek .technologie_napis{order:5;}
	#horni_lista_vnitrek .prava_1{order:4;}

    #hornicast .menu, #links {
		display: none;
	}

	#hornicast div.hlmenures {
		display: block;
		position: absolute;
		right: 0px;
		top: 45%;
		text-align: right;
		width: 285px;
		z-index: 99;
	}
	#hornicast div.hlmenures > a {clear: both; display: block;}
    #hornicast div.hlmenures > a > img {margin-right: 5px;}

    #hornicast div.hlmenures ul {
		margin: 0px;
		padding: 0px;
		background: #FFF;
		padding: 10px;
        border: 1px solid silver;
		display: none;
	}
    #hornicast div.hlmenures ul li {
		list-style: none;
		text-align: right !important;
        margin: 10px 0px !important;
		float: none;
	}
    #hornicast div.hlmenures ul li a {
        margin: 5px 0px !important;
		padding: 5px 10px !important;
		font-size: 13pt;
		line-height: 15pt;
	}
}

@media (max-width:790px) { /* Shovavam horni menu */
    .hl_menu div a {
		font-size: 12pt;
	}
    #zobrazKlasicky {display: block}
}

@media (max-width:690px) { /* Shovavam horni menu */
    .hl_menu div a {
		font-size: 10pt;
	}
}

@media (max-width:595px) { /* rozcestnik */

	#horni_lista_vnitrek .banner{display:none;}
	.banner2{display:block;}
	#horni_lista_vnitrek .hl_menu{display:none;}
	#horni_lista_vnitrek .hlavni_roz{
	-webkit-box-flex-wrap: nowrap;
    -moz-box-flex-wrap:  nowrap;
    -webkit-flex-wrap:  nowrap;
    -ms-flex-wrap:  nowrap;
    flex-wrap: nowrap;
    -webkit-box-justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;

	}
	.leva .napis1 span, .prava_1 .napis2 span{
	display:block;}
	#horni_lista_vnitrek .leva{order:2; max-width: 200px;}
	#horni_lista_vnitrek .material_napis{order:3; display:none;}
	#horni_lista_vnitrek .banner{order:1; max-width:none; margin:auto;}
	#horni_lista_vnitrek .technologie_napis{order:4; display:none;}
	#horni_lista_vnitrek .prava_1{order:5; margin-left: 15px; max-width: 200px;}

	#spodnicast_vnitrek table tr td {
		display: block;
		float: left;
		width: 45%;
		margin-bottom: 10px;
	}

    #spodnicast_vnitrek table tr td:nth-child(odd) {
		clear: left;
	}
}

@media (max-width:380px) {
	#logo img {
		width: 79%;
		height: auto;
		z-index: -50;
	}
	#hornicast #jazyky{z-index: 50;}
}

@media (max-width:360px) {
    #horni_lista .search {
		width: calc(100% - 105px);
	}

	#horni_lista .search form {
		width: 100%;
	}

	#horni_lista .search form .vyhledej {
		width: calc(100% - 60px);
	}
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }