/* obecné */



#inspiromat-2013 {border-collapse: collapse; border: 0px solid black; margin-top: 1.5em;}
#inspiromat-2013 tr {border-bottom: 1px solid #ccc; padding: 0.2em;}
#inspiromat-2013 td {vertical-align: top; padding-top: 0.5em; padding-left: 1em; padding-bottom: 0.5em;}
#inspiromat-2013 tr.inspiromat-posledni-radek {border-bottom: 0px solid black; padding: 0.2em;}

.griddatum {text-align: right;}
.gridmesto {font-weight: bold;}
.gridden {text-align: center;}





.strike {text-decoration: line-through;}
.centr {text-align: center; margin-left: auto; margin-right: auto;}


.slevaobr {grid-area: obrazek; }
.slevaodkazy {grid-area: odkazy;}

.slevaodkazy ul {padding-left: 0;}



fieldset {margin-bottom: 2em;}

.ucimchecks input {margin-right: 1.75em;}
.ucimchecks label {margin-right: 0.25em;}

.nezalamovat {white-space: pre;}
label, input {vertical-align:middle;}

.gridsleva {
  padding-top: 5px;
  display: grid;
  grid-gap: 10px;
   }


   
@media screen {
.gridsleva {
    grid-template-areas:
    'obrazek'
    'odkazy'
    'dotaznik';
   }
   
  }


@media screen and (min-width: 900px) {

.gridsleva {
    grid-template-areas:
    'obrazek odkazy'
    'dotaznik dotaznik'

   }
   
  }




.jmenolabel {grid-area: jmenolabel; }
.jmenoinput {grid-area: jmenoinput;}
.emaillabel {grid-area: emaillabel; }
.emailinput {grid-area: emailinput; }
.telefonlabel {grid-area: telefonlabel; }
.telefoninput {grid-area: telefoninput; }
.ucimlabel {grid-area: ucimlabel; }
.ucimchecks {grid-area: ucimchecks; }



.griducitel {
  padding-top: 5px;
  display: grid;
  grid-gap: 10px;
  
   }

#aprobace_jina {width: 15em; margin-right: 0;}

   
@media screen {
.jmenoinput input, .emailinput input {width: 90%}
.jmenoinput, .emailinput, .telefoninput {margin-bottom: 1em;}
.griducitel {
    grid-template-areas:
    'jmenolabel'
    'jmenoinput'
    'emaillabel'
    'emailinput'
    'telefonlabel'
    'telefoninput'
    'ucimlabel'
    'ucimchecks'
    
   }
   
  }
   
   
@media screen and (min-width: 900px) {
.jmenoinput input, .emailinput input, .telefoninput input {width: 90%}
.jmenoinput, .emailinput, .telefoninput {margin-bottom: 0.5em;}

.griducitel {
    grid-template-columns: 10em auto;
    grid-template-areas:
    'jmenolabel jmenoinput'
    'emaillabel emailinput'
    'telefonlabel telefoninput'
    'ucimlabel ucimchecks'
    
   }
   
  }
   
   
   
   
.skolalabel {grid-area: skolalabel; }
.skolainput {grid-area: skolainput;}
.adresalabel {grid-area: adresalabel; }
.adresainput {grid-area: adresainput;}

.gridskola {
  padding-top: 5px;
  display: grid;
  grid-gap: 10px;
  
   }


@media screen {
.skolainput input, .adresainput input {width: 90%}
.skolainput, .adresainput {margin-bottom: 1em;}
.gridskola {
    grid-template-areas:
    'skolalabel'
    'skolainput'
    'adresalabel'
    'adresainput'
   }
   
  }
   
   
@media screen and (min-width: 900px) {
.skolainput input, .adresainput input {width: 90%}
.skolainput, .adresainput {margin-bottom: 0.5em;}

.gridskola {
    grid-template-columns: 10em auto;
    grid-template-areas:
    'skolalabel skolainput'
    'adresalabel adresainput'
   }
   
  }
      



.gridmesto {grid-area: gridmesto;}
.griddatum {grid-area: griddatum; }
.gridden {grid-area: gridden;}
.gridhodina {grid-area: gridhodina;}
.gridadresa {grid-area: gridadresa;}




  .gridterminyradek {
      padding-top: 5px;
      display: grid;
      grid-gap: 10px;
      margin-bottom: 1em;
   }
   
   
@media screen {
.gridadresa {padding-left: 1.5em;}

.gridterminyradek {
    
    grid-template-columns: 8em 5em auto;
    grid-template-areas:
    'gridmesto gridmesto gridmesto'
    'griddatum gridden gridhodina'
    'gridadresa gridadresa gridadresa'
   }
   
  }
   

      
@media screen and (min-width: 600px) {

.gridterminyradek {
    
    grid-template-columns: 8em 5em 5em auto;
    grid-template-areas:
    'gridmesto gridmesto gridmesto gridmesto'
    'griddatum gridden gridhodina gridadresa'
   
   }
   
  }
   
@media screen and (min-width: 800px) {

.gridterminyradek {
    
    grid-template-columns: 12em 8em 5em 5em auto;
    grid-template-areas:
    'gridmesto griddatum gridden gridhodina gridadresa'
   
   }
   
  }