html, body, form, div   {margin:   0em; padding: 0em;}
p, fieldset, table, pre {margin: 0.5em;}
img {margin: 0em; border: none;}

/*** fonty ***/
body {
    font-family: "Calibri", "Arial", "Helvetica", sans-serif;
    font-size: 11pt;}
h1, h2, h3, h4, h5, h6 {
    font-family: "Candara", "Arial", "Helvetica", sans-serif;}
a:before {
    font-family: "Candara", "Arial", "Helvetica", sans-serif;}
input, button, select {
    font-family: "Calibri", "Arial", "Helvetica", sans-serif;
    font-size: 10pt;}
input[type='text'], input[type='password'], textarea {
    font-family: "Consolas", "Courier New", monospace;
    font-size: 10pt;}
pre, code, samp, kbd, var {
    font-family: "Consolas", "Courier New", monospace;}


/*** struktura ***/
article {} /* HTML 5 - samostatný článek */
section {} /* HTML 5 - sekce dokumentu */
aside   {} /* HTML 5 - postranní sekce */
nav     {} /* HTML 5 - navigační sekce */
header  {} /* HTML 5 - hlavička sekce */
footer  {} /* HTML 5 - patička sekce */
address {} /* adresa zdroje či autora, nikoliv poštovní! */

h1, h2, h3, h4, h5, h6 {margin: 0.75em 24pt 0.25em 24pt; color: #007;}
h1 {font-size: 24pt;}
h2 {font-size: 20pt;}
h3 {font-size: 16pt;}
h4 {font-size: 14pt;}
h5 {font-size: 12pt;}
h6 {font-size: 11pt;}


/*** text ***/
p         {background-repeat: no-repeat;}
i, em     {font-style: italic; color: #555;}
b, strong {font-style: italic; font-weight: bold;}

abbr      {font-variant: normal; color: #000;}
small     {font-size: 8pt; color: #666;} /* poznámka, copyright etc. */

p.msg       {
    background-color: #FFD;
    background-repeat: no-repeat;
    background-position: 4px 2px;
    outline: 1px gray dashed;
    width:    43.5em;
    min-height: 22px;
    padding-top: 4px;}
p.msg.yes   {padding-left: 2em; background-image: url(../img/yes.png);}
p.msg.no    {padding-left: 2em; background-image: url(../img/no.png);}
p.msg.info  {padding-left: 2em; background-image: url(../img/info.png);}
p.msg.help  {padding-left: 2em; background-image: url(../img/help.png);}
p.msg.lock  {padding-left: 2em; background-image: url(../img/lock.png);}
p.msg.error {padding-left: 2em; background-image: url(../img/error.png);}
p.msg.fatal {padding-left: 2em; background-image: url(../img/fatal.png);}


/*** citace ***/
q {font-style: italic;}
q:before {content: "„";}
q:after  {content: "“";}

blockquote {font-style: italic; margin: 1em 2em; color: #007;}
blockquote:before {content: "„";}
blockquote:after  {content: "“";}

cite {} /* zdroj citace, nikoliv autor! */


/*** odkazy ***/
a         {color: #007;}
a:visited {color: #707;}
a[href^='http']:before    {content: "⇨ ";} /* šipka */
a[href^='#']:before       {content: "⇩ ";} /* šipka dolu */
a[href^='#top']:before    {content: "⇧ ";} /* šipka nahoru */
a[href^='mailto']:before  {content: "✉ ";} /* dopis */
a[href^='callto']:before  {content: "☏ ";} /* telefon */
a[target='_blank']:before {content: "□ ";} /* okno */


/*** formuláře ***/
fieldset {
    background-color: #FFD;
    border: 1px #777 solid;
    width:   45em;
    padding:  4px;}
fieldset.small {display: inline;}

legend {
    font-weight: bold;
    color: #000;
    background-color: #DDD;
    background-image: url(../img/bg_gray.bmp);
    background-repeat: repeat-x;
    border: 1px #777 solid;
    border-bottom: none;
    padding: 0em 1em;}
legend + label, br + label, div label:first-child {
    display: block;
    float:   left;
    clear:   left;
    width:   8em;
    padding-right: 0.25em;
    text-align:  right;
    line-height: 3ex;} /* IE6 hack 1 */
legend + input, br + input, legend + button, br + button, div + input, div + button {
    margin-left: 9.5em;}

fieldset br    {clear: both;}

input, textarea, button, select {margin: 1px 0px;}
input, textarea {padding: 1px 2px;}
input[type='button'], input[type='submit'], input[type='reset'], 
button, label, select {
    cursor: pointer;}
input[type='button'], input[type='submit'], input[type='reset'], 
button {
    font-weight: bold;}
label:hover {
    text-decoration: underline;}

fieldset input[type='date'] {text-align: left;}
fieldset input[type='text'], fieldset input[type='password'],
fieldset input[type='number'], fieldset input[type='range']
    {width: 10.8em;}
fieldset input[type='number']
    {text-align: left;}
fieldset select
    {width: 11.4em;}
fieldset input.mid {width: 30em;}

optgroup[label=''] {display: none;}

/*** tabulky ***/
table {
    border-collapse: collapse;
    border: 1px #777 solid;}

caption {
    caption-side: top;
    margin:       0px;
    padding:      0px;
    font-style:   italic;
    font-weight:  normal;}

td, th {
    padding-left:  4px;
    padding-right: 4px;
    text-align:    left;}

td {border: 1px silver dotted;
             background-color: #FFD;}
.odd td     {background-color: #FFF;}
tr:hover td {background-color: #FDA;}

th {background-color:  #DDD;
    border-bottom: 1px #BBB solid;
    border-top:    1px #BBB solid;
    background-repeat: repeat-x;}
tr:first-child th, caption + tr th {
    border-top:    1px #777 solid;}

thead tr + tr th {
    background-image: none;
    border-top:       none;}

/*td.in {border: none; padding: 0px;}
td input[type='text'] {margin: 0px 1px 1px 1px;}*/
td input[type='text'], td select {margin:  0px -3px  0px -3px;} /* IE6 hack 2 */

button img {position: relative; top: 2px;}


/* IE6 hack 1 */
* html fieldset label {
    display: block;
    float:   left;
    clear:   left;
    width:   8em;
    padding-right: 0.25em;
    text-align:  right;
    line-height: 3ex;}
* html fieldset label.ie6 {
    clear: none;
    display: inline;
    float: none;}
    
/* IE6 hack 2 */
* html td input  {margin: -1px -3px -1px -3px;}
* html td select {margin: -1px -3px -1px -3px;}




/*** staré formuláře ***/

input[type='submit'], input[type='reset'], input[type='button'] {
    font-weight: bold;
    cursor: pointer;}
label, select, button {
    cursor: pointer;}
*[disabled] {
    cursor: default;}
input[readonly], textarea[readonly] {
    background-color: rgb(248,248,248);}
textarea {
    font-size: small;}/*forced by firefox*/
select {
    height: 22px;}

input.link {font-size: 80%; cursor: pointer; height: 22px;}/*navigace |< << < > >> >| */
a img {border-width: 0px;}


/*** staré tabulky ***/

/*tr.capt td, td.capt {background-color: rgb(200,232,255); font-weight: bold; text-align: center;}*/
/*th, tr.head td, td.head {background-color: rgb(208,208,208); font-weight: bold;}*/
tr.info td, td.info {background-color: pink;             font-weight: bold;}
tr.erro td, td.erro {background-color: pink;             font-weight: bold;}
tr.good td, td.good {background-color: rgb(128,255,128); font-weight: bold;}
tr.labl td, td.labl {background-color: yellow;           font-weight: bold;}
tr.blnk td, td.blnk {background-color: rgb(248,248,248); font-weight: normal;}

td.zamceno {background-image: url("/graphics/button_lock.gif"); 
            background-repeat: no-repeat;
            background-position: 5px center;}

.right,  .right  td {text-align: right;}
.left,   .left   td {text-align: left;}
.center, .center td {text-align: center;}
.top     td {vertical-align: top;}
.bottom  td {vertical-align: bottom;}
.vcenter td {vertical-align: middle;}





.body {border-top: 1px black solid;}
#body {min-height: 320px;}
#foot {border-top: 1px black solid; font-size: 8pt; background-color: rgb(248,248,248);}


@media print{
    .noprint {display: none;}
}