#gramatika {

        width: 95%;

        margin: auto;

        border: 1px solid red;

        background: white;

        padding: 10px

}



#gramatika h1 {

        float: none;

        color: red;

        font-size: 150%;

        text-align: center;

}

#gramatika h2 {

        float: none;

        color: red;

        font-size: 140%;

        text-align: left;

        margin-left: 20px;

        margin-top: 30px;

}

#gramatika h3 {

        float: none;

        color: red;

        font-size: 120%;

        text-align: left;

        margin-left: 30px;

        margin-top: 15px;

}



#gramatika h4 {

        float: none;

        color: red;

        font-size: 110%;

        text-align: left;

        margin-left: 40px;

        margin-top: 15px;

}



#gramatika .tvary {

  border: 1 px solid red;

  margin: auto;

}



#gramatika .tvary tbody td:first-child {

  text-align: right;

  padding-right: 20px;

}





#gramatika .dalsi-nazvy {

  text-align: right;

  font-weight: bold;

  padding-right: 50px;

  font-size: 105%;

}



#gramatika .nepravidelnosti td {

  border: none;

}



#gramatika .nepravidelnosti tr {

  border-bottom: 1px solid red;

}



#gramatika .nepravidelnosti td:first-child {

  border-right: 2px solid red;

  font-weight: bold;

  font-size: 110%;

}



.zvyrazneni-text, .zvyrazneni {font-weight: bold; color: red;}

.zvyrazneni-poz, .zvyrazneni {background: lightblue; }



.vzorec {width:40%; margin: 2px auto; text-align: center; padding: 10px; border: 1px solid blue; font-size: 110%;}



.poznamka {font-style: italic; font-size: 90%; text-align: left;  margin: 15px 0 0 0;}



.osoba {

    font-weight: bold;

    text-align: right;

    padding-right: 20px;

}





/* Ikonky */ 

.kladne {

    width: 50px;

    height: 50px;

    background:  url("http://espanol.tondakozak.cz/obrazky/klad-zapor.png") left center;

    margin: auto;

    display: inline-block;

}



.zaporne  {

    width: 50px;

    height: 50px;

    background:  url("http://espanol.tondakozak.cz/obrazky/klad-zapor.png") right center;

    margin: auto;

    display: inline-block;

}





/* Rozkazovací způsob */

#gramatika .imperativo {

    margin: auto;

}

#gramatika .imperativo td {

    width: auto;

    padding: 2px 15px;

    border: none;    

}

#gramatika .imperativo tbody tr:hover {

    background: #edd4ff;

}



#gramatika .imperativo .pozn {

    font-style: italic;

    font-size: 80%;

    max-width: 150px;

}





/* Společná patička článků */

.paticka-clanku {border-top: 2px solid gray; text-align: center; background: silver; padding: 5px; margin: 5px 7px;}

.paticka-clanku:hover {border-color: red; background: gainsboro;}



/* Formulář na editaci článku */

.gramatika-form label {

    display: block;

    text-align: right;

    padding-right: 35%;

}

.gramatika-form input[type="text"] {

    width: 80%;

}



.gramatika-form input[type="checkbox"] {

    margin-right:10%;

}



.gramatika-form textarea {

    display: block;

    width: 95%;

    height: 50em;

    

}

.gramatika-form .t-popisek {

    display: inline-block;

    width: 80%;

    height: 5em;

    vertical-align: middle;

}