/*
Barvy:
generujici: 0033cc
tmava: 00248f;
stredni: 909fff;
svetla: bfcfff;
*/

/* Be brutal 
That's the only way to teach IE
*/
/**{
  margin:0;
  padding:0;
}*/


/*
* Obecná nastavení pro celou stránku
*/

body {
    font-family:        Arial, sans-serif;
    background-color:   white;
    text-align:         center;
}

/*
* Rozložení stránky
*/

/* div obalující celou stránku - kvůli IE */
/* width:expression je IE hack, neb IE neumi max-width
* ostatni browsery by ho podle normy mely ignorovat
* http://www.svendtofte.com/code/max_width_in_ie/
*/
#page {
  position:relative;
  margin: 0 auto;
    min-width:          400px;
    max-width:          50em;
    text-align:left;
    width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "50em":
        "auto" );
}

#main {
width:100%;
overflow:hidden;
}

/* paticka */
#footer {
margin-top: 5em;
font-weight:bold;
font-size: smaller;
}

#lm {
float:right;
font-weight: normal;
}

/* hlavní část stránky */
#body {
    float: right;
    width: 76%;  
    color:              black;
}


/* záhlaví hlavní části stránky */
div#header {
width:100%;
height:85px;
position:relative;
background:#0033CC url(images/banner-bg.png) repeat-x scroll left top;
margin:0;
padding:0;
}

div.spacer {
width:100%;
height:20px;
display:block;
background-color:white;
}

div#logo {
display:block;
height:85px;
left:2em;
width:100%;
margin:0;
padding:0;
}

#header #logo  h1 {
  display:block;
  height:100%;
  width:100%;
margin:0;
padding:0;
}

#header #logo h1 a {
background:transparent url(images/banner.png) no-repeat scroll left top;
display:block;
height:100%;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
text-indent:-5000px;
width:100%;
}


/* vlastní obsah stránky */
#content {
    /*max-width:          40em;*/
}


/* boční sloupec s navigací */
#sidebar {
  float: left;
  display: inline; /* IE6 float and double margin fix */
  width: 20%;
  color: white;
  background-color:   #bfcfff;
  }


/*
* Boční sloupec
*/

#sidebar ul.menu {
    list-style-type:    none;
    list-style-image:   none;
    list-style-position:outside;
    /*padding-top:        1em;*/
    padding-left:       0;
    /*margin:             0em 0em 1em 0em;*/
    margin: 0em;
    line-height: 100%;
}




/* položka v levém bočním sloupci - základ */
/* fix for List Whitespace bug in IE 
  e.g. http://csscreator.com/?q=node/6745
*/
#sidebar ul li a {
  display: inline-block;
  }
/* and the layout */
#sidebar ul li a {
    font-weight:        bold;
    text-decoration:    none;
    color:              #00248f;
    display: block;
    padding: 0.3em 0.8em;
    border-top: 1px solid #00248f;
}

#sidebar ul li a:hover {
  color:              white;
  background-color: #00248f;
}

/*
* Odstavce, div a span
*/

p {
    text-align:         justify;
    /*max-width:          40em;*/
}

p.error {
    margin:             0.5em 0;
    color:              red;
    font-weight:        bold;
}

div.controls {
    margin:             1em 0em;
}

div.textarea_button {
    text-align: right;
    margin-top: 0.5em;
}

div.form_buttons {
    margin-top: 0.5em;
}

div.form_preview {
    display: none;
}

div.form_widget {
    border: dotted 1px #ffd89d;
    padding: 0.5em;
}

#sidebar div.title {
    background-color:#ffcc80;
    color:  #0d3d93;
    font-weight:        bold;
    padding-left:      2em;
}

ul.people span.controls {
    padding-right: 2em;
}

#content span.email {
    font-family:        monospace;
}

/*
* Linky
*/

/* základní link */
a {
    color: #00248f;
    text-decoration:    none;
}

/* základní link pod kursorem */
a:hover {
    color:              #0d3d93;
    text-decoration:    underline; 
}


/*
* Nadpisy
*/


h2 {
  margin-top:0;
  border-bottom: 3px solid #0033cc;
  border-color: #0033cc;
  font-size:larger larger;
}

h3 {
  border-bottom: 2px solid #0033cc;
  border-color: #0033cc;
  font-size:larger larger;
/*   margin-left: 2em; */
}

h4 {
  border-bottom: 2px solid #0033cc;
  border-color: #0033cc;
/*  margin-left: 4em;*/
/*    margin-bottom:      -0.5em;*/
}

/*
* Nečíslované seznamy 
*/

ul.icons {
    margin-left:        0em;
    padding-left:       0em;
}

#hints ul {
    /*max-width:          40em;*/
}

#sidebar ul.icons {
    padding-top:        1em;
    padding-left:       0;
    margin:             0em 0em 1em 0em;
}

/* základní položka nečíslovaného seznamu */
/*li {
    list-style-image:   url('images/icon_general.gif');
    padding-left:       1em;
    margin-left:        0em;
}*/

/* základní položka nečíslovaného seznamu pod kursorem */
/*li:hover {
    background-color:   #ffe6c0;
}*/

/* položka nečíslovaného seznamu v levém bočním sloupci pod kursorem */
/*#sidebar li:hover {
    background-color:   #ffcc80;
    color:              #0d3d93;
}*/

/* položka hints */
#hints li {
    margin:             0.5em 0;
}

/* vedoucí větve ITI v seznamu osob */
li.headofbranch {
    font-size:          larger;
    font-weight:        bold;
}


/*
* Seznamy definic
*/

dt {
    font-weight: bold;
}

/*
* Tabulky
*/

th {
    vertical-align:     top;
    text-align:         left;
    padding-right:      2em;
}

td {
    padding:            0em 0.5em;
}

/*
* Obrázky
*/

a img {
    border:             none;
    text-decoration:    none;
}

#sidebar #icons a img {
    padding:            0.5em 0;
}

/*
* Speciální elementy v těle stránky
*/

pre.error {
    color:              red;
    font-weight:        bold;
}

table.graduation {
}

table.graduation tr {
}

table.graduation th {
    font-weight:        normal;
}

/*
* Nastavení pro administrativní část stránek
*/

#content .object_info {
}

/*
* Formuláře (administrativní části)
*/

input, textarea, select {
    border: solid 1px #ffd89d;
    color: black;
}

textarea {
    padding: 0.5em 0em 0.5em 0.5em;
}

/*
* Nastavení pro hints
*/

#hints {
    margin:             3em 0em;
    border-top:         solid 1px #ffd89d;
}

#hints h3 {
    margin:             0.5em 0 0.5em 0;
}


