html {
  
  --hlavni: 2.0em;
  --ostatni: 1.5em;
  --formula: 1.4em;
  --ramek: #8b0000;

 
  } 

  

  body {

    font-family:releway, sans-serif;
    font-size:var(--ostatni);
    color:black;
    background-color:#ffdab9;
    padding:0;
    margin:0;
   
   }


.obal {

 background-color:#ffdab9;
 background-image: url('./grafika/hrad.png');
 background-attachment:fixed;
 background-position: center;
 background-size: contain;
 padding:0.0em;
 margin:0 auto;
 width:100%;
 font-size:var(--ostatni);

}

.nadpis {

    font-size:var(--hlavni);
    text-align:center;
    padding:0.6em 0.7em;
    margin:0em;
    background-color:#ffe4c4;

   
    background-image: url('./grafika/logos1.png'),url('./grafika/logos2.png');
    background-attachment:scroll,scroll;
    background-position: left,right;
    background-size: contain,contain;
    background-repeat: no-repeat,no-repeat;
    
   }
   


.telo {

 padding:0em;
 margin:0 auto;
 border-top: solid #8b0000 0.2em;
 font-size:var(--ostatni);

}

.bezhry {

 padding:1em;
 width:80%;
 margin:0 auto;
 text-align:center;

}

.bezhry a {

 color:#8b0000; 

}


.patka {

    font-size:var(--formula);
    text-align:center;
    padding:1em 0.5em;
    border-top: solid #8b0000 0.2em;
    margin:5em 0 0 0;
    background-color:#ffe4c4;
   
   }

   .patka img {

    width:20%;

   }

.black {

 padding:0.5em 1em 0.6em 1em;
 margin:0 auto;

}

.black0 strong {

  padding: 0.3em 0.3em;
  margin: 1.2em 0em;
  color:white;
  background-color:#8b0000;
  border-radius:0px 0px 10px 10px;
  
}

.zbytek {

 padding:0.25em 1em;
 margin:0 auto;

}

.nebyls {

 padding:0.4em 0.3em;
 min-width:90%;
 margin:0 auto;
 text-align:center;
 background-color:#f08080;
 color:#ffffff;
 border-radius:8px;
 border:var(--ramek) solid 0.08em; 
 
 }
 
 .speaker {

 padding:0.4em 0.2em 0.2em 0.2em;
 max-width:40%;
 margin:0.5em auto 0em auto;
 font-size: 1.2em;
 background-color:#ffe4c4;
 border-radius:8px;
 border:var(--ramek) solid 0.08em; 
 
 }

 .big {

 font-size:var(--formula);

 }

.dotaz {

 padding:0.4em 0.3em;
 min-width:90%;
 margin:0 auto;
 text-align:center;
 background-color:#ddbea9;
 border-radius:8px; 
 border:var(--ramek) solid 0.08em;
 
}

.dotaz00 {

 padding:0.4em 0.3em;
 min-width:90%;
 margin:0 auto;
 text-align:center;
 background-color:#c44536;
 color:#ffffff;
 border-radius:8px; 
 border:var(--ramek) solid 0.08em;
 
}

.dotaz2 {

 padding:0.4em 0.3em;
 min-width:90%;
 margin:0 auto;
 text-align:center;
 background-color:#c76726;
 color:#ffffff;
 border-radius:8px; 
 border:var(--ramek) solid 0.08em;

}

.dotaz2 img {

padding:0px;
margin:0px;

}

label {

 font-size:var(--formula);
 font-weight:bold;
 padding:0.3em 0.8em 0.3em 0.3em; 

}

.vitezrad td {

 background-color:#d4e09b;

}

ul {

 text-align:left;
 list-style-type:none;

}


input,select {
 
 font-size:var(--formula);
 padding:0.3em;

}

button {
 
    font-size:var(--formula);
    padding:0.3em;
   
   }
   

input[type='radio'] {

transform: scale(6);
vertical-align: super;

}


p {

 padding:0;
 width:100%;

}

.uvod {

    width:100%;
    margin:0;
    padding: 0.5em 0 0.5em 0;
  
    
    }

.uvod img {

width:100%;
margin:0;
padding: 0;
border-top: solid #8b0000 0.2em;
border-bottom: solid #8b0000 0.2em;

}

.tv img {

width:100%;
margin:0;
padding: 0;
border-top: solid #8b0000 0.2em;
border-bottom: solid #8b0000 0.2em;

}

.mapa {

padding:0.25em 0;
text-align: center;

}

.mablok0 {

    padding:0 0.1em 0.5em 0.1em;
    min-width:90%;
    margin:0 auto;
    text-align:center;
    vertical-align: middle;
    border-radius:8px;
}

.mablok a {
    
    color:#ffffff;
    display:block;
    padding:0.3em 0.1em;
    max-width: 68%;
    margin:0 auto;
    text-align:center;
    background-color:#0fb30f;
    color:#ffffff;
    border-radius:8px;
    border:#ffffff solid 0.08em;
    text-decoration: none; 

}

.mapa img {

max-width:100%;
margin:0 auto;
padding: 0.9em 0 0.9em 0;

}



.storno {

text-decoration: line-through;
color:#800000;

}



.test {

 padding:0.3em;
 width:80%;
 margin:0 auto;
 text-align:left;
 background-color:#800000;
 color:#ffffff;
 border-radius:8px; 
 
}

.test a {

 text-decoration:none;
 color:#000000;
 line-height:130%;
 background-color:#ffffff;

}


table { 
       
    border-collapse: collapse;
    border-top:solid #8b0000 0.2em;
    background-color:#ffe4c4;
    color:#000000;
    margin:0px auto;  
    table-layout:auto;
	min-width:60%;  
	text-align:center;
	font-size:1.2em;       
}

.dobre {
    
  background-color:#57e970;
  color:#000000;

}

.spatne {
  
  background-color:#e2545b;
  color:#000000;

}

td {

    border-bottom:solid #8b0000 0.2em;
 	padding:0.2em;
	color:#000000;
    
}

.kontakt td {

 text-align:left;
 padding:2.5mm 2.5mm 2.5mm 4mm;

}
 
th { 
 
  color:white;
  background-color:#8b0000;
  padding:2.2mm;
  border:solid #8b0000 0.2em;
             
}

.truhla {

    border:solid #8b0000 0.2em;
 	padding:0.2em;
	color:#000000;
    background-color: #ffe4c4;
    width:80%;
    margin: 0 auto;
    text-align:center;

}

.volat {

font-size:1.4em;

}

@media  (-webkit-min-device-pixel-ratio: 2) {


    input[type='radio'] {
  
        transform: scale(1);
        vertical-align: super;
        
        }
 

    .speaker {

        max-width:70%;
        
        }
     
    audio {

 display:block;

    }    

    .obal {

        background-image: url('./grafika/hrad2.png');
           
       }
      
    
}