/* Grey Box Method - Layout CSS */

body { background: #ddd;
       color: #002776;
       font-size: 12px;
       padding: 0 0 40px; 
       font: 12px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; 
       text-align: justify; }

a { color: #002776; font-weight:bold; }
a:hover { color:#000; }
a:focus { outline: 1px dotted invert; }
/* teckovany ramecek kolem oznaceneho odkazu
   nefunguje napr. v Chrome, funguje v IE */

.container_12 { background:#eee; }

h2, h3 { line-height:1.2em; margin-bottom:.3em; }
h2 { margin-top:1em; font-size: 23px; }
h3 { font-size: 21px; }
/* asi bude potreba i h3 */

/* =Spacing */
ol { list-style: decimal; }
.indent a { font-weight: normal; }
.indent { margin-left: 20px; }
.indent li { margin-bottom: 10px; }
.indent .letters { list-style-type: lower-alpha; margin-left: 20px; margin-top: 5px; margin-bottom: 5px; }
.indent .letters li { margin-bottom: 0px; }
.indent .letters .roman { list-style-type: upper-roman; margin-left: 20px; }
p, dl, hr, h1, h2, h3, ol, ul, pre, table, address, fieldset
{ margin-bottom: 20px; }

/* boxes */
.box { background:#ddd;
       margin-bottom:20px;
       padding:10px 10px 1px 10px; }
.boxtop { background:#ddd;
          margin-top: -15px;
          margin-bottom:20px;
          padding:0px 1px 24px 1px;
          line-height: 24px; }
.box h2 { font-size:1em;
          font-weight:bold;
          text-transform:uppercase;
          color:#eee;
          background:#002776;
          margin:-10px -10px 0 -10px;
          padding:6px 12px; }
.grid_4 .box h2 a { background-position: 97% 50%; }
.grid_5 .box h2 a { background-position: 98% 50%; }
.grid_12 .box h2 a { background-position: 99% 50%; }
.block { padding-top:10px; }
.image { padding-top: 10px; text-align: center; }
.menu { text-align:left; }
div.menu { padding:0; }
div.menu h2 { margin:0; }
div.menu .block { padding-top:0; }


#menubox .box { min-height:424px; }


/* table
----------------------------------------------- */
table {
    width: 48%;
    border: 1px solid #002776;
    margin-bottom: 10px;
    margin-top: 5px;
    /*table-layout: fixed;*/
}
col.colC {
    width:8em;
}
th, td {
    padding:.2em 1em;
    text-align:left;
}
thead th {
    border-bottom:2px solid #002776;
    background:#bbb;
    padding:.4em 1em .2em;
}
thead th.table-head {
    font-size:1em;
    font-weight:normal;
    text-transform:uppercase;
    color:#fff;
    background:#555;
    border:1px solid #555;
}
tbody th,
tbody td {
    border-top:1px solid #002776;
    border-bottom:1px solid #002776;
    background:#eee;
}
tbody tr.odd th,
tbody tr.odd td {
    background:#fff;
}

/* paragraphs, quotes and lists */
p { margin-bottom:1em; }
ul, ol { padding-top:0; }

.stlayer { text-transform: uppercase;
           font-weight: bold; }
.ndlayer { text-transform: uppercase;
           font-weight: normal; } 
.rdlayer { text-transform: none; }
/*.rdlayer li a:active { background:#ddd; }*/

/* forms
----------------------------------------------- */
form { overflow:hidden; }
input.search.text { width:66%; }
input.search.button { width:28%; margin-left:2%; }


/* site information */
#site_info .box { color:#ccc; background:#002776; margin-bottom:10px; }
#site_info a { color:#eee; }
#site_info a:hover { color:#000; }