html, body {

		
  		min-height: 100vh;
  		margin: 0;
  		padding: 0;
  		
  		// cursor: url("http://www.nakladky-vykladky.eu/obrazky/ruka.png") 10 5, auto;
  			
}


input {
		// cursor: url("http://www.nakladky-vykladky.eu/obrazky/ruka.png") 10 5, auto;
		font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;

}



a {
		text-decoration: none;
		
		// cursor: url("http://www.nakladky-vykladky.eu/obrazky/ruka.png") 10 5, auto;
		
}

a:link, a:visited {
  
  color: black;
 
}

a:hover, a:active {
  
  
}


.barvy_upominek {
		border-collapse: collapse;
		box-shadow: 0px 0px 10px grey;
		width: 95%;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		text-shadow: none;

}


.posta {
		margin-left: auto; 
    	margin-right: auto;
    			
		padding: 30px;
				
		width: 950px;
		box-shadow: 5px 5px 15px grey;
		border-radius: 20px;
		border: 1px solid grey;		
		text-align: center;
		
		align-content: center;
}

.posta h1 {
		margin-top:0px;		
		
}

.tabulka_posta {
				
		border-collapse: collapse;
		box-shadow: 0px 0px 10px grey;
				
		width: 100%;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;

}



.tabulka_posta tr:nth-child(odd) {
		
		background-color: #DCDCDC;

}


.tabulka_posta tr:first-child {
		background-color: silver; 
		height: 40px;      
      font-size: 12px;
      font-weight: bold;
      text-align: center;
}


.tabulka_posta tr:hover {
		background-color:  #00BFFF;
		box-shadow: 0px 0px 10px silver;
}

.tabulka_posta tr:first-child:hover {
		background-color: silver;
}






.tabulka_posta td {
		border-left: 1px solid silver;
		padding:10px;		
		padding-left: 5px;
		padding-right:5px;

}

.tabulka_posta th {
		
		padding:10px;		
		padding-left: 5px;
		padding-right:5px;

}



.tabulka_posta td:first-child { border-left: none; }


.tabulka_posta a {
		padding:5px;
		border-radius: 5px;
		box-shadow: 0px 0px 3px lime;
}

.tabulka_posta a:hover {
		box-shadow: 0px 0px 10px lime;
		background-color:lime;

}




.tabulka_posta input[type=submit] {
		padding: 5px;
		background-color: white;
		border: 1px solid silver;		
		border-radius: 5px;
}

.tabulka_posta input[name=aktivovat_dotaznik]:hover {
		background-color: lime;
}

.tabulka_posta input[name=deaktivovat_dotaznik]:hover {
		background-color: red;
}

.tabulka_posta input[name=ulozit_nastaveni]:hover {
		background-color: yellow;
}

















.tabulka_dotazniky {
		border-collapse: collapse;
		box-shadow: 0px 0px 10px grey;
		width: 95%;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;

}

.tabulka_dotazniky td {
		border-left: 1px solid silver;
		padding-left: 5px;
		padding-right:5px;

}
.tabulka_dotazniky td:first-child { border-left: none; }

.tabulka_dotazniky input[type=submit] {
		padding: 5px;
		background-color: white;
		border: 1px solid silver;		
		border-radius: 5px;
}

.tabulka_dotazniky input[name=aktivovat_dotaznik]:hover {
		background-color: lime;
}

.tabulka_dotazniky input[name=deaktivovat_dotaznik]:hover {
		background-color: red;
}

.tabulka_dotazniky input[name=ulozit_nastaveni]:hover {
		background-color: yellow;
}




.radek_tabulky { height: 40px; }


.radek_tabulky:nth-child(odd) {
		
		background-color: #DCDCDC;

}


.radek_tabulky:nth-child(even) {

}


.radek_tabulky:hover {
		background-color:  #00BFFF;
		box-shadow: 0px 0px 10px silver;
}


.hlavicka_tabulky {
		background-color: silver; 
		height: 40px;      
      font-size: 12px;
      font-weight: bold;
      text-align: center;
}
      
.male_pismo {
		font-size: 10px;

}    
      
body {
		      
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
		display: grid;
		grid-template-columns: 1fr 1200px 1fr;
		grid-template-rows: 40px auto 40px;
		align-items: center; <!-- Zarovnává položky na střed kontejneru -->	
		
		     
      
      
}


header{
		
		box-shadow: 0px 2px 4px silver;
		background-color: white;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 40px;
		z-index: 2;
		 
    	
    	
}


header img {

		height: 30px;
		position: fixed;
		top: 5px;
		left: 5px;
		
}

     

header h3 {
		position: fixed;
		top: 0px;
		left: 50px;
		white-space: nowrap;
		text-shadow: 2px 2px 1px silver;
}


.levy_panel {
			
		grid-column: 1/2;		
		grid-row: 2/3;
		
		
		align-self: start;
		justify-self: end;
		text-align: center;
		
		
		
		
		
		
}


.leve_menu {
		position: fixed;
  		margin-top: 50px;
  		padding: 10px;
  		background-color: silver;
  		border: 1px solid grey;
		border-radius: 10px;
		box-shadow: 5px 5px 15px grey;
}



article {
				
		grid-column: 2/3;		
		grid-row: 2/3;
		
		text-align: center;
		
		
}


footer {
		    
	<!--	border-top: 1px solid;  schovame ramecek -->
    	
    	
		position: fixed;
grid-column: 1/4;		
		grid-row: 3/4;		
		background-color: white;
		box-shadow: 0px -2px 4px silver;
		text-align: right;
		padding-right: 15px;
		padding-top: 5px;
   
		
		
		 
}

footer>p{
	margin: 0px;
}






.nezobrazovat {display:none;}

.sirka50 {

		width: 30px;
}


.dochazka {
				
		margin-left: auto; 
    	margin-right: auto;
    	margin-bottom: 100px;		
		padding: 10px;		
		width: 500px;		
		box-shadow: 5px 5px 15px grey;
		border-radius: 20px;
		border: 1px solid grey;		
		text-align: center;
		text-shadow: 2px 2px 1px silver;
		
}

.dochazka table {
		margin: auto;
		border: 1px solid grey;
		border-radius: 10px;
		padding: 10px;
		
}

.dochazka select, .dochazka input {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      border-radius: 5px;

		margin: auto;
		
}

.barva_vikend {
		background-color: #ffc6b3;
}

.barva_dovolena {
		background-color: #00ff00;
}



.prihlasovaci_formular, .uhradit_formular {
		margin-left: auto; 
    	margin-right: auto;
    	margin-bottom: 100px;		
		padding: 10px;		
		width: 300px;		
		box-shadow: 5px 5px 15px grey;
		border-radius: 20px;
		border: 1px solid grey;		
		text-align: center;
		text-shadow: 2px 2px 1px silver;
}

.prihlasovaci_formular input {
		display: block;
		margin: 10px auto;
}

.elektronicky_dotaznik {
		margin-left: auto; 
    	margin-right: auto;
    	margin-bottom: 100px;		
		padding: 10px;		
		width: 950px;
		padding-bottom: 20px;
		padding-top: 20px;	
		box-shadow: 5px 5px 15px grey;
		border-radius: 20px;
		border: 1px solid grey;		
		text-align: center;
		text-shadow: 2px 2px 1px silver;

}

.elektronicky_dotaznik h1 {
		padding-top: 20px;

}

.elektronicky_dotaznik p {
		text-align: left;

}


.elektronicky_dotaznik pre {
		text-align: left;

}




.dotaz {
		margin: auto; 
    			
		padding: 10px;		
					
		box-shadow: 5px 5px 15px grey;
		border-radius: 20px;
		border: 1px solid grey;		
		text-align: center;
		text-shadow: 2px 2px 1px silver;

}

.dotaz input[type=submit] {
		margin: 10px 20px;
}

.dotaz input[type=text] {
		display: block;		
		margin: auto;
}

.formular_uzivatele {
		margin-left: auto; 
    	margin-right: auto;
    	margin-bottom: 100px;		
		padding: 10px;		
		width: 950px;		
		box-shadow: 5px 5px 15px grey;
		border-radius: 20px;
		border: 1px solid grey;		
		text-align: center;
		text-shadow: 2px 2px 1px silver;
}


.nastaveni_dotazniku {
		margin-left: auto; 
    	margin-right: auto;
    	margin-bottom: 100px;		
		padding: 30px;		
		width: 950px;
		box-shadow: 5px 5px 15px grey;
		border-radius: 20px;
		border: 1px solid grey;		
		text-align: center;
		
		align-content: center;
}



.tabulka_pod_uzivateli {
		margin-left: auto; 
    	margin-right: auto;		
		text-align: left;

}

.tabulka_vypis_plateb {
		margin-left: auto; 
    	margin-right: auto;
    	margin-bottom: 100px;		
		padding: 10px;		
		width: 100%;		
		box-shadow: 5px 5px 15px grey;
		border-radius: 20px;
		border: 1px solid grey;		
		text-align: center;
		text-shadow: 2px 2px 1px silver;
}


.uhradit_tlacitko {
		margin: 10px;
}

.login_input {
		margin-bottom: 10px;
		text-align: center;
}


.nahled_spisu {

		display: grid;
		grid-template-columns: 90px auto 100px 310px;
		grid-template-rows: auto auto;
		grid-gap: 10px;		
		box-shadow: 5px 5px 15px grey;
		border-radius: 20px;
		border: 1px solid grey;		
		align-items: center;
      text-align: left;    
		margin-top: 40px;
		margin-bottom: 40px;
		
		padding: 10px;
		
}
.nahled_spisu:hover { background-color:silver;}

.nahled_spisu_logo {

		grid-column: 1/2;		
		grid-row: 1/7;
		border-radius: 10px;		
		width: 200px;
		margin: auto;
		text-align: center;
		

}

.nahled_spisu_popisky_dluznik {

		grid-column: 1; // 1/2 spojeni vice sloupcu		
		grid-row: 1;
		//margin: auto auto auto 0px;
		

}


.nahled_spisu_dluznik {

		grid-column: 2;		
		grid-row: 1;
		font-size: 20px;
		font-weight: bold;		
		

}

.nahled_spisu_popisky_spoludluznik {

		grid-column: 1; //1/2 spojeni vice sloupcu		
		grid-row: 2;
		//margin: auto auto auto 0px;
		

}


.nahled_spisu_spoludluznik {

		grid-column: 2;		
		grid-row: 2;
		font-size: 20px;
		font-weight: bold;		
		

}

.nahled_spisu_popisky_vlznacka {

		grid-column: 3; //1/2 spojeni vice sloupcu		
		grid-row: 1;
		//margin: auto auto auto 0px;
		

}


.nahled_spisu_vlznacka {

		grid-column: 4;		
		grid-row: 1;
		font-size: 20px;
		font-weight: bold;
		justify-self: end;		
		

}

.nahled_spisu_popisky_spznacka {

		grid-column: 3; //1/2 spojeni vice sloupcu		
		grid-row: 2;
		//margin: auto auto auto 0px;
		

}


.nahled_spisu_spznacka {

		grid-column: 4;		
		grid-row: 2;
		font-size: 20px;
		justify-self: end;
		//font-weight: bold;		
		

}


.sl1 {grid-column: 1;}
.sl2 {grid-column: 2;}
.sl3 {grid-column: 3;}
.sl4 {grid-column: 4;}


.detail_spisu {

		display: grid;
		grid-template-columns: 90px auto 100px 310px;
		grid-template-rows: auto auto auto; 
		grid-gap: 10px;		
		box-shadow: 5px 5px 15px grey;
		border-radius: 20px;
		border: 1px solid grey;		
		align-items: center;
      text-align: left;    
		margin-top: 40px;
		margin-bottom: 40px;
		
		padding: 10px;
		
}

.misto_pro_tabulku_plateb {
		grid-column: 1/5;		
		grid-row: 3;
		text-align: center;
		
				


}


.tabulka_plateb_grid {

		display: grid;
		grid-template-columns: 15px 70px auto 70px 30px 70px 70px 20px 70px 70px 70px 70px 60px 60px;
		grid-template-rows: auto; 
		grid-gap: 10px;		
		//box-shadow: 5px 5px 15px grey;
		//border-radius: 20px;
		//border: 1px solid grey;		
		align-items: center;
      box-shadow: 5px 5px 15px grey;
		border-radius: 20px;
		border: 1px solid grey;		    
		margin-top: 20px;
		margin-bottom: 40px;
		
		padding: 10px;
		
}

.navod {
		grid-column: 1/5;
}

.tabulka_fotek {
		grid-column: 1/5;



}

.tabulka_zopo {
		grid-column: 4/5;



}



.fotka_s_popisem {
		
		margin-bottom: 40px;
		box-shadow: 5px 5px 15px grey;
		border-radius: 20px 20px 20px 20px;
		border: 1px solid grey;
		
		

}

.fotka_s_popisem img {

			
		display: block;
  		
  		width: 100%;		
		border-radius: 0px 0px 20px 20px;
}

.popis_k_fotce {

		position: relative;		
		text-align: center;
  		padding: 10px 20px;

}

.popis_k_fotce textarea {
		width: 100%;
		resize: vertical;
}


.tl_odstranit {
		
		vertical-align: middle;
		width: 15px;
		transition: width 1s;
		

}

.tl_odstranit:hover {

		width:40px;
		
		
		
}



.fotka_popelnice {
	
		position: absolute;
		bottom: -40px;		
		left: 5px;
		width: 25px;
		transition: width 1s, transform 1s;

}

.fotka_popelnice:hover {

		width:80px;
		left:0px;
		bottom:-40px;		
		transform: rotate(360deg);
}



.tabulka_plateb_odebrat {

		grid-column: 1;		
		width: 25px;
		transition: width 1s, transform 1s;			
		
		

}
.tabulka_plateb_odebrat:hover {
			
		width:60px;
		transform: rotate(360deg);
		

}





.tabulka_plateb_akce {

		grid-column: 2;		
		border: none;
  		width: 100%;
  		font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size:12px;
		
		background: silver;      
      border-radius: 20px;
      justify-self:start;
      box-shadow: 3px 3px 5px grey;		
		border: 1px solid grey;

}

.tabulka_plateb_akce:hover {
		box-shadow: none;
		background:lightskyblue;
}

.tabulka_plateb_akce_uhradit {

		grid-column: 2;		
		
  		width: 100%;
  		font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size:12px;
		
		background: silver;      
		box-shadow: 3px 3px 5px grey;		
		border: 1px solid grey;      
      border-radius: 20px;
      justify-self:start;		
		

}

.tabulka_plateb_akce_uhradit:hover {
		box-shadow: none;
		background:lightskyblue;
}

.tabulka_plateb_akce_vyporadat {

		grid-column: 10;		
		
  		width: 100%;
  		font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size:12px;
		
		background: silver;
      border-radius: 20px;
      justify-self: end;
      
      box-shadow: 3px 3px 5px grey;		
		border: 1px solid grey;		

}

.tabulka_plateb_akce_vyporadat:hover {

		box-shadow: none;
		background:lightskyblue;
}

.tlacitko {

		font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size:12px;
		
      border-radius: 20px;
      justify-self: end;
      background: silver;
      box-shadow: 3px 3px 5px grey;		
		border: 1px solid grey;		

}

.tlacitko:hover {
		box-shadow: none;
		background:lightskyblue;
}


.tabulka_plateb_datum_platby_hlavicka {
		grid-column: 2;		
		grid-row: 1;
		font-weight: bold;
		
}

.tabulka_plateb_popis_platby_hlavicka {
		grid-column: 3;		
		grid-row: 1;
		font-weight: bold;
		
		
}

.tabulka_plateb_castka_hlavicka {
		grid-column: 4;		
		grid-row: 1;
		font-weight: bold;
		justify-self: end;
}

.tabulka_plateb_dph_hlavicka {
		grid-column: 5;		
		grid-row: 1;
		font-weight: bold;
		justify-self: end;
}

.tabulka_plateb_castka_bez_hlavicka {
		grid-column: 6;		
		grid-row: 1;
		font-weight: bold;
		justify-self: end;
}

.tabulka_plateb_uhrazeno_z_uctu_hlavicka {
		grid-column: 7;		
		grid-row: 1;
		font-weight: bold;
		justify-self: end;
}

.tabulka_plateb_platbu_provedl_hlavicka {
		grid-column: 8;		
		grid-row: 1;
		font-weight: bold;
		justify-self: end;
}

.tabulka_plateb_vs_platby_hlavicka {
		grid-column: 9;		
		grid-row: 1;
		font-weight: bold;
}

.tabulka_plateb_datum_vyporadani_hlavicka {
		grid-column: 10;		
		grid-row: 1;
		font-weight: bold;
}

.tabulka_plateb_vs_vyporadani_hlavicka {
		grid-column: 11;		
		grid-row: 1;
		font-weight: bold;
}

.tabulka_plateb_castka_vyporadani_hlavicka {
		grid-column: 12;		
		grid-row: 1;
		font-weight: bold;
}

.tabulka_plateb_vyporadal_hlavicka {
		grid-column: 13;		
		grid-row: 1;
		font-weight: bold;
}

.tabulka_plateb_castka_k_vyporadani_hlavicka {
		grid-column: 14;		
		grid-row: 1;
		font-weight: bold;
}





.tabulka_plateb_datum_platby {
		grid-column: 2;
}
.tabulka_plateb_datum_platby_input {
		grid-column: 2;
		border: none;
  		border-bottom: 1px solid;
  		width: 100%;
  		font-family: Arial, Helvetica, sans-serif;
      font-size:12px;
}


.tabulka_plateb_popis_platby_a {
		grid-column: 3;
		background: silver;
		border-radius: 20px;
      box-shadow: 3px 3px 5px grey;		
		border: 1px solid grey;
				
}
.tabulka_plateb_popis_platby_a:hover {
		grid-column: 3;

		box-shadow: none;
		background:lightskyblue;		
}



.tabulka_plateb_popis_platby {
		grid-column: 3;
				
}
.tabulka_plateb_popis_platby_input {
		grid-column: 3;
		border: none;
  		border-bottom: 1px solid;
  		width: 100%;
  		font-family: Arial, Helvetica, sans-serif;
      font-size:12px;
}

.tabulka_plateb_castka {
		grid-column: 4;
		justify-self: end;		
}
.tabulka_plateb_castka_input {
		grid-column: 4;
		border: none;
  		border-bottom: 1px solid;
  		width: 100%;
  		font-family: Arial, Helvetica, sans-serif;
      font-size:12px;
      text-align:right;
}

.tabulka_plateb_dph {
		grid-column: 5;
		justify-self: end;		
}

.tabulka_plateb_castka_bez {
		grid-column: 6;
		justify-self: end;		
}
.tabulka_plateb_castka_bez_input {
		grid-column: 6;
		border: none;
  		border-bottom: 1px solid;
  		width: 100%;
  		font-family: Arial, Helvetica, sans-serif;
      font-size:12px;
      text-align:right;
}

.tabulka_plateb_uhrazeno_z_uctu {
		grid-column: 7;
		justify-self: end;		
}
.tabulka_plateb_uhrazeno_z_uctu_input {
		grid-column: 7;
		
      
      
}

.tabulka_plateb_platbu_provedl {
		grid-column: 8;		
}
.tabulka_plateb_platbu_provedl_input {
		grid-column: 8;
		border: none;
  		border-bottom: 1px solid;
  		width: 100%;
  		font-family: Arial, Helvetica, sans-serif;
      font-size:12px;
}

.pripojit_doklad {
		grid-column: 8/15; 
		font-family: Arial, Helvetica, sans-serif;
      font-size:12px;	
		
}


.tabulka_plateb_vs_platby {
		grid-column: 9;		
}
.tabulka_plateb_vs_platby_input {
		grid-column: 9;
		border: none;
  		border-bottom: 1px solid;
  		width: 100%;
  		font-family: Arial, Helvetica, sans-serif;
      font-size:12px;
}

.tabulka_plateb_datum_vyporadani {
		grid-column: 10;		
}
.tabulka_plateb_datum_vyporadani_input {
		grid-column: 10;
		border: none;
  		border-bottom: 1px solid;
  		width: 100%;
  		font-family: Arial, Helvetica, sans-serif;
      font-size:12px;
}

.tabulka_plateb_vs_vyporadani {
		grid-column: 11;		
}
.tabulka_plateb_vs_vyporadani_input {
		grid-column: 11;
		border: none;
  		border-bottom: 1px solid;
  		width: 100%;
  		font-family: Arial, Helvetica, sans-serif;
      font-size:12px;
}

.tabulka_plateb_castka_vyporadani {
		grid-column: 12;
		justify-self: end;		
}
.tabulka_plateb_castka_vyporadani_input {
		grid-column: 12;
		border: none;
  		border-bottom: 1px solid;
  		width: 100%;
  		font-family: Arial, Helvetica, sans-serif;
      font-size:12px;
      text-align:right;
}

.tabulka_plateb_vyporadal {
		grid-column: 13;		
}
.tabulka_plateb_vyporadal_input {
		grid-column: 13;
		border: none;
  		border-bottom: 1px solid;
  		width: 100%;
  		font-family: Arial, Helvetica, sans-serif;
      font-size:12px;
}

.tabulka_plateb_castka_k_vyporadani {
		grid-column: 14;
		justify-self: end;		
}

.tabulka_plateb_zbyva_vyporadat {
		grid-column: 13/15;
		justify-self: end;
		font-weight: bold;		
}


.nahled_mista_tlacitka {

		grid-column: 5/6;		
		grid-row: 1/2;
		font-size: 15px;
		font-weight: bold;
				
		

}


.nahled_spisu_lupa {
		position: relative;
		right: -30px;
		top: -30px;
				
		z-index: 1;
		width: 80px;
		-webkit-transition: width 1s;		
		transition: width 1s, top 1s, right 1s;
		transition-timing-function: ease;
		



}
.nahled_spisu_lupa:hover {
		
		width: 150px;
		right: -40px;
		top: -50px;
		
		

}

.nahled_mista_popisky_hodnoceni {

		grid-column: 2/3;		
		grid-row: 2/3;
		margin: auto auto auto 0px;
		
				
		

}


.nahled_mista_hodnoceni {

		grid-column: 3/6;		
		grid-row: 2/3;
		text-align: center;
			
		
		

}

.prouzek_pozadi {
      position: relative;
      background-color: #00CC00;
      border-radius: 4px;
      box-shadow: 2px 2px 2px black;
      margin: 5px 0px 5px 0px;
      
}

.hodnoceni_neni {
      position: relative;
      background-color: silver;
      border-radius: 4px;
      box-shadow: 2px 2px 2px black;
      margin: 5px 0px 5px 0px;
      
}

.prouzek_stav {
      position: absolute;
      background-color: red;
      border-radius: 4px;  
}

.prouzek-text {
      position: relative;
      text-align:center;
      color: white; 
      width: 100%;
             
}






















.nahled_mista_popisky_zeme {

		grid-column: 2/3;		
		grid-row: 3/4;
		margin: auto auto auto 0px;		
		

}


.nahled_mista_zeme {

		grid-column: 3/4;		
		grid-row: 3/4;
		font-size: 15px;
		

}

.nahled_mista_popisky_misto {

		grid-column: 2/3;		
		grid-row: 4/5;
		margin: auto auto auto 0px;		
		

}


.nahled_mista_misto {

		grid-column: 3/4;		
		grid-row: 4/5;
		font-size: 20px;
		

}

.nahled_mista_popisky_adresa {

		grid-column: 2/3;		
		grid-row: 5/6;
		margin: auto auto auto 0px;		
		

}


.nahled_mista_adresa {

		grid-column: 3/4;		
		grid-row: 5/6;
		font-size: 15px;
		

}

.nahled_mista_popisky_gps {

		grid-column: 2/3;		
		grid-row: 6/7;
		margin: auto auto auto 0px;		
		

}


.nahled_mista_gps {

		grid-column: 3/4;		
		grid-row: 6/7;
		font-size: 15px;
		font-weight: bold;

}

.nahled_mista_popisky_aktualizovano {

		grid-column: 1/3;		
		grid-row: 7/8;
				
		margin: auto auto auto 0px;		
		

}


.nahled_mista_detaily {

		grid-column: 1/6;		
		grid-row: 7/8;
		
		margin-top: 0px;
		margin-left: 0px;
		text-align: center;
		width: 100%;
		
		
		

}

.nahled_mista_detail {
		grid-column: 1/6;		
		grid-row: 7/8;
		display: grid;
		grid-template-columns: auto auto auto auto auto;
		grid-template-rows: auto auto auto auto auto auto auto;
		grid-gap: 10px;		
		background-color: silver;		
		
		margin-top: 0px;
		margin-bottom: 40px;
		
		
}


.grid_oteviraci_doba {

		display: grid;
		grid-template-columns: auto 1080px;
		grid-template-rows: auto auto auto auto auto auto auto auto auto;
		grid-gap: 10px;		
		
		border-radius: 10px;
		border: 1px solid grey;		
		
		margin-top: 40px;
		
		padding: 10px;
		align-items: center;
		text-align: left;

}

.oteviraci_doba_nadpis {
		grid-column: 1/3;
		grid-row: 1/2;
		text-align: center;
		font-size: 20px;
		font-weight: bold;


}

.oteviraci_doba_pondeli {
		grid-column: 1/2;
		grid-row: 2/3;
		font-size: 15px;
		
}

.oteviraci_doba_pondeli_prouzek {
		grid-column: 2/3;
		grid-row: 2/3;
		background: WhiteSmoke;
		
		
}

.oteviraci_doba_utery {
		grid-column: 1/2;
		grid-row: 3/4;
		font-size: 15px;
}

.oteviraci_doba_utery_prouzek {
		grid-column: 2/3;
		grid-row: 3/4;
		background: WhiteSmoke;
}

.oteviraci_doba_streda {
		grid-column: 1/2;
		grid-row: 4/5;
		font-size: 15px;
}

.oteviraci_doba_streda_prouzek {
		grid-column: 2/3;
		grid-row: 4/5;
		background: WhiteSmoke;
		
}

.oteviraci_doba_ctvrtek {
		grid-column: 1/2;
		grid-row: 5/6;
		font-size: 15px;
}

.oteviraci_doba_ctvrtek_prouzek {
		grid-column: 2/3;
		grid-row: 5/6;
		background: WhiteSmoke;
}

.oteviraci_doba_patek {
		grid-column: 1/2;
		grid-row: 6/7;
		font-size: 15px;
}

.oteviraci_doba_patek_prouzek {
		grid-column: 2/3;
		grid-row: 6/7;
		background: WhiteSmoke;
}

.oteviraci_doba_sobota {
		grid-column: 1/2;
		grid-row: 7/8;
		color: red;		
		font-size: 15px;
}

.oteviraci_doba_sobota_prouzek {
		grid-column: 2/3;
		grid-row: 7/8;
		background: WhiteSmoke;
}

.oteviraci_doba_nedele {
		grid-column: 1/2;
		grid-row: 8/9;
		color: red;		
		font-size: 15px;
}

.oteviraci_doba_nedele_prouzek {
		grid-column: 2/3;
		grid-row: 8/9;
		background: WhiteSmoke;
}

.oteviraci_doba_poznamka {
		grid-column: 1/3;
		grid-row: 9/10;
		text-align: center;
		


}



.nahled_mista_dalsi_informace {

		grid-column: 1/6;		
		grid-row: 8/9;
		
		margin-top: 0px;
		margin-left: 0px;
		text-align: center;
		width: 100%;
}

.grid_dalsi_informace {

		display: grid;
		grid-template-columns: max-content auto;
		grid-template-rows: auto;
		grid-gap: 10px;		
		
				
		
		margin-top: 40px;
		margin-bottom: 40px;
		padding: 10px;
		
		text-align: left;

}



.dalsi_informace_znacky {
		grid-column: 1/2;
		grid-row: 1/2;
		
		
		
}

.dalsi_informace_popisek {
		grid-column: 2/3;
		grid-row: 1/2;
		font-weight: bold;
		font-size: 20px;
}

.dalsi_informace_informace {
		grid-column: 2/3;
		grid-row: 1/2;
		border: 2px solid red;
  		border-radius: 5px;
  		padding-left: 10px;
		padding-right: 10px;
}




.nahled_mista_oopp {

		grid-column: 1/6;		
		grid-row: 9/10;
		
		margin-top: 0px;
		margin-left: 0px;
		text-align: center;
		width: 100%;
}

.grid_oopp {

		display: grid;
		grid-template-columns: max-content auto;
		grid-template-rows: auto;
		grid-gap: 10px;		
		
				
		
		margin-top: 40px;
		margin-bottom: 40px;
		padding: 10px;
		
		text-align: left;

}





.nahled_mista_popisky_vlozeno {

		grid-column: 4/5;		
		grid-row: 7/8;
		margin: auto 0px auto auto;
		background: red;
		

}


.nahled_mista_vlozeno {

		grid-column: 5/6;		
		grid-row: 7/8;
		background: blue;
		

}


.nahled_mista_popisky_prijezd {

		grid-column: 4/6;		
		grid-row: 3/4;
		

}


.nahled_mista_prijezd {

		grid-column: 4/6;		
		grid-row: 4/7;
		border: 2px solid red;
  		border-radius: 5px;
  		padding: 5px;
		

}







.obrazek_vyzadovano {




}


.obrazek_nevyzadovano {

		opacity: 0.1;


}







.horni_menu {
		position: absolute;
  		top: 0px;
  		right: 0px;
  		

}

ul {
  
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: whitesmoke;
}

li {

  float: left;
  
}

li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 12px 16px;
  text-decoration: none;

}

li a:hover, .dropdown:hover .dropbtn {
  background-color: #00BFFF;
}

li.dropdown {
  display: inline-block;
  
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  
  
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  
  
  

}

.dropdown-content a:hover {
	background-color: #f1f1f1;
	}

.dropdown:hover .dropdown-content {
  display: block;
}












.vyhledavani {
		
		
		text-align: center;
		margin-bottom: 200px;
		// cursor: url("http://www.nakladky-vykladky.eu/obrazky/ruka.png") 10 5, auto;
		
	
		
}


.vyhledavani_v_liste {
		position: absolute;
  		height: 40px;
  		
  		top: 0px;
  		left: 400px;
		
		text-align: center;
		
		
		
		
		
	
		
}

.hledat {
		border-radius: 15px;
		height: 40px;
  		width: 50%;
  		background-color: white;
  		background-image: url('/grafika/lupa-globus.jpg');
  		background-size: contain;
  		 
  		background-repeat: no-repeat;
  		
  		text-align: center;
  		// cursor: url("http://www.nakladky-vykladky.eu/obrazky/ruka.png") 10 5, auto;
  
  
}

.hledat_v_liste {
		border-radius: 5px;
		height: 30px;
		padding : 0 0 0 0;		
		margin: auto;
  		width: 400px;
  		background-color: white;
  		text-align: center;
  		// cursor: url("http://www.nakladky-vykladky.eu/obrazky/ruka.png") 10 5, auto;
}

.hledat_v_liste_submit {
		
		height: 30px;
		width: 30px;  		
  		border : none;
  		padding : 0 0 0 0;
  		margin-top: 5px;
  		background-image: url('/grafika/lupa-globus.jpg');
  		background-size: auto 30px;
  		
  		 
  		background-repeat: no-repeat;
  		
  		text-align: center;
  		// cursor: url("http://www.nakladky-vykladky.eu/obrazky/ruka.png") 10 5, auto;
  
  
}

.hledat_v_liste_submit:hover {
      
      box-shadow: 2px 2px 7px black;
}  

.cistic {
        clear: both;
}