.simages, .gimages, .gimagesmob {float: left;
	width: 380px; 
	border: 1px solid gray; 
	box-shadow: 5px 5px 15px #606060; }
.simages {margin-bottom: 20px;}
	.simages.right {float: right; }
	.gimages {width: 230px; margin: 20px 30px;}
	.gimagesmob {width: 100%; max-width: 230px; margin: 20px 20px;}

.simagesmob {width: 100%; 
	box-shadow: none;}

.nimages {width: 100px; float: left;}
.nimagesmob {width: 70px; float: left;}

.pruh {	width: 100%;
	float:left;
	margin: 30px 0px 34px 0px;
	box-shadow: 0px 10px 15px gray;
	/*border: 1px solid blue;*/}
.pruhmob {	width: 100%;
	float:left;
	/*padding: 0% 4%;*/
	margin-bottom: 10px;
	/*border: 2px solid red;*/}

.text {/*float: left;*/
	padding: 1.5%;
	width: auto;
	font-size: 1.5em;
	margin: 0px 18%;
	/*border: 1px solid red;*/}
.textmob {padding: 3% 5%;
	font-size: 1.5em;
	/*border: 2px solid green;*/}

.textik{float: left;
	padding: 0% 2%;
	width: 49%;
	font-size: 0.8em;	
	color: white;
	font-weight: normal;}
.textikmob {font-size: 0.7em;
	width: 100%; 
	padding: 0px; 
	box-shadow: 10px 10px 20px #606060;}
.lists{list-style-type: square; padding: 0px 2% 1% 5%;}

.textitnadpis,.textitnadpismob {padding: 0px 2% 1% 2%; font-size: 1.3em; font-weight: bold;color: white;}
	.textitnadpismob {text-align: center; font-size: 1em; }
.textitnadpis.red, .textitnadpismob.red {color: red;}
.textitnadpis.green, .textitnadpismob.green {color: darkgreen;}
.textitnadpis.white {color:white}

.boxalertmob{
	border: 1px solid gray; 
	box-shadow: 5px 5px 15px #606060;
	background-color: rgba(255,255,255,0.75);
	padding: 2%; 
	text-align: center;
	font-size: 1em;
	min-height: 142px;}


.material-symbols-outlined {
	font-size: 1.3em;
  font-variation-settings:
  'FILL' 0,
  'wght' 300,
  'GRAD' 0,
  'opsz' 48
}


.pwhite {background-color: rgba(255,255,255,0.80);}
.pblue {background-color: rgba(14,32,103,0.80);}
.pgreen {background-color: rgba(36,138,90,0.80);}
.ppurple {background-color: rgba(109,92,162,0.80);}
.plblue {background-color: rgba(23,101,146,0.80);}


.iwhite a {background-color: rgba(255,255,255,1); border: 1px solid rgba(202,202,202,1.00);}
	.iwhite a:hover {background-color: rgba(202,202,202,1.00); }
.iblue {background-color: rgba(14,32,103,1); border: 1px solid rgba(9,24,83,1.00);}
	.iblue:hover {background-color: rgba(9,24,83,1.00);}
.igreen {background-color: rgba(36,138,90,1); border: 1px solid rgba(21,92,59,1.00);}
	.igreen:hover {background-color: rgba(21,92,59,1.00);}
.ipurple {background-color: rgba(109,92,167,1); border: 1px solid rgba(96,75,167,1.00);}
	.ipurple:hover {background-color: rgba(96,75,167,1.00);}
.ilblue {background-color: rgba(23,101,146,1); border: 1px solid rgba(7,81,124,1.00);}
	.ilblue:hover {background-color: rgba(7,81,124,1.00);}
.lightgray_off {background-color: rgba(114,114,114,1.00); border: 1px solid rgba(78,78,78,1.00); cursor: default;}

.msg {text-align: center;}	
	span.red{color: red; font-weight: bold; text-transform: uppercase; }

.rowform {margin: 20px 0px; display: flex; flex-wrap: wrap; justify-content: left;  width: -webkit-fill-available;}
.label{width: 250px; float: left;  font-size: 0.7em; margin-top: 6px; font-weight: bold; }


/* Chrome, Safari, Edge, Opera šipky pro number*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox šipky pro number*/
input[type=number] {
  -moz-appearance: textfield;
}

::-webkit-input-placeholder { /* Edge */
  color: darkgray;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(215,215,215,1.00);
}

::placeholder {
  color: rgba(215,215,215,1.00);
}

input:focus {
  border-color: rgba(21,92,59,1.00);
}

input[type="date"]::-webkit-inner-spin-button {
  display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}

.input_pole, .editselect, .input_pole.gray, .test-img{
		padding: 5px 0 5px 5px;
		width: 300px;
		height: 30px; 
		border: 1px solid  rgba(23,101,146,1.00);
		text-align: left;			
		font-size: 16px;
		font-weight: bold;
		background: white;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius:  10px;
		box-shadow: 2px 2px #D0D0D0;
}
.editselect {height: 40px;  width: 400px;}
.input_pole_date {width: 30px; border: 0px; height: 30px; text-align: center;			
		font-size: 16px;
		font-weight: bold; z-index: 100;}
.input_pole_date.red {background-color: red;}
.test-img {height: 105px; width: 100px; padding: 0px; border: 1px solid gray; }
.input_pole.gray {border: 1px solid gray; color: gray;}
.input_check {		padding: 5px 0 5px 5px;
		width: 50px;
		height: 20px; 
		text-align: left;			
		font-size: 16px;
		font-weight: bold;
		background: white;}

div.info {text-align: justify; font-size: 0.8em}
	div.info .odrazka {padding: 0 0 0 40px;}

div.text a, div.textmob a, div.textikmob a {color: red;}

.input_info {font-style: italic; font-size: 0.7em; padding: 10px 0px 0px 10px; color: rgba(126,126,126,1.00)}

@media (max-width: 90em){
	.pruh {	margin-bottom: 50px;}
	.text{margin: 0px 12%;}
	.simages {width: 350px;}
	.textik{font-size: 0.8em;}
	.textitnadpis {font-size: 1.3em;}
	.nimages {width: 75px;}
	
	}
@media (max-width: 70em){
	.pruh {	margin-bottom: 40px;}
	.text{margin: 0px 10%;}
	.simages {width: 300px;}
	.textitnadpis {font-size: 1.15em;}
	.textik{font-size: 0.6em;}
	.nimages {width: 50px;}
	}
@media (max-width: 60em){
	.simages {width: 200px;}
	}
@media (max-width: 50em){
	.pruh {	margin-bottom: 30px;}
	.text{margin: 0px 8%;}
	.simages {width: 190px;}
	.textitnadpis {font-size: 1em;}
	.textik{font-size: 0.6em;}
	.nimages {width: 50px;}
	}
/* odkazy v obsahovych textech cervene (globalni a{} ve styles.css musi zustat white — barvi menu vc. HOME ikony) */
.text a, .textmob a, .textik a, .textikmob a, .msg a {color: red;}