*{
 font-family: Arial;
 font-size: 28px;
 border-radius: 5px;
}
h1{
	font-weight: 900;
	position: sticky;
	top: 0px;
	background-color: white;
}
h2{
  font-weight: 900;	
}
button{
	height: 50px;
}
.nadpis {
	background-color: Gray;
	font-size: 28px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}
.nadpis1 {
	background-color: Gray;
	font-size: 28px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}
.tlacitko{
		margin-top:20px;
}

.sloupec2 {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	background-attachment: fixed;
	display: inline-block;
		vertical-align: top;	
}
.sloupec1{
	width: 750px;
	font-size: 23px;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:10px;
	background-attachment: fixed;
	display: inline-block;
}
.radek{
	background-color: #e6ffff;
	vertical-align: top;	
}
.radek2{
	vertical-align: top;
}
.radek3{
	background-color: #73b9ff;
	vertical-align: top;

}
.cislo{
	font-size: 28px;
		width: 320px;
}
.cislo2{
	font-size: 28px;
		width: 220px;
		-webkit-appearance:none!important;
		border:1px solid gray;
		border-right:0px;
		outline:none;
}
.cislo3{
	font-size: 28px;
		width: 93px;
		-webkit-appearance:none!important;
		border:1px solid gray;
		border-left:0px;
		margin:0 0 0 -10px;
		background:white;
}
.cislo4{
	font-size: 28px;
		width: 80px;
		-webkit-appearance:none!important;
		border:1px solid gray;
		margin:0 0 0 0;
		outline:none;
}
.cislo5{
	font-size: 28px;
		width: 230px;
		-webkit-appearance:none!important;
		border:1px solid gray;
		background:white;
}

.input{
	font-size: 28px;
	height: 30px;
	width: 320px;
	text-align: center;		
}
.input1{
	font-size: 28px;
	height: 30px;
	width: 100px;
	text-align: center;		
}
:disabled{
	background-color: #f1f1f1;
		
}
::placeholder{
	color:lightgray;
	font-style: italic;
	font-size: 18px;	
}
:-ms-input-placeholder{
	color:lightgray;
	font-style: italic;
	font-size: 18px;	
}
::-ms-input-placeholder{
	color:lightgray;
	font-style: italic;
	font-size: 18px;	
}
.text_sedy{
	color: lightgrey;
	text-align:right;
	font-size: 26px;
}
.text_modry{
	color: #0563c1;
   font-size: 26px; 	
}
.text_modry2{
	color: #0563c1;
   font-size: 26px; 
}
.otazka_modra{
	color: #0563c1;
	font-size: 26px; 		
}
.text_tucny{
  font-size: 26px;
  font-style: italic;
  font-weight: 600; 
}
.main{
margin: 0px auto;
position: relative;
width: 1200px;
}
#vysledek{
	height: 30px;	
	background-color: white;
}
@media print {
#D1{
	display: block !important;  	
}
#D2{
	 	display: block !important;
}
#D3{
		display: block !important;
}
#D4{
	 	display: block !important;
}
#D51-D54{
	display: block !important;
}
#D55-D58{
		display: block !important;
}
#D6{
		display: block !important;
}	
#results{
		display: block !important;
}
#A_button{
	display: none; !important;
}
#A_back{
	display: none; !important;
}
#S2_button{
	display: none; !important;
}
#S2_back{
	display: none; !important;
}
#S3_button{
	display: none; !important;
}
#S3_back{
	display: none; !important;
}
#D1_button{
	   display: none; !important;
}
#D2_button{
 		display: none; !important;
}
#D2_back{
 		display: none; !important;
}
#D3_button{
	 display: none; !important;
}
#D3_back{
	 display: none; !important;
}
#D4_button{
	 display: none; !important;
}
#D4_back{
	 display: none; !important;
}
#D51_button{
	 display: none; !important;
}
#D51_back{
	 display: none; !important;
}
#D52_button{
	 display: none; !important;
}
#D52_back{
	 display: none; !important;
}
#D6_button{
	 display: none; !important;
}
#D6_back{
	 display: none; !important;
}
#tisk{
	display: none; !important;
}
#uloz {
    display: none;
    !important;
}

.otazka_modra {
    font-size: 14pt;
}
.text_sedy{

	display: none; !important;
}
.text_modry{
	display: none; !important;		
}
.text_modry2{
	font-size:14pt;
}
.text_tucny{
  display: none; !important;	
}
h1,h2{
	font-size: 14pt;
	position: initial;	
}

p, a, u{
    font-size: 14pt;
}
.input{
	 font-size: 14pt; 
}
.cislo{
	font-size: 14pt;
}
.cislo2{
	font-size: 14pt;
}
.cislo3{
	font-size: 14pt;
}
.cislo4{
	font-size: 14pt;
}
.cislo5{
	font-size: 14pt;
}
.sloupec2 {
	 font-size: 14pt; 
}
.sloupec1 {
	 width: 500px;
	 font-size: 14pt; 
}
#test{
	font-size: 14pt;	
}
body {
   margin: 0;
   padding: 0;
   background-color: #FFF;
   }
}



@media only screen and (max-width:1200px){
body{
		width: 320px;	
}	
.main{
	all: unset;	
}
.input1{
		width: 70px;
}
.sloupec1{
		width: 310px;
	}
.sloupec2{
		width: 310px;	
	}
}