/*
Rozmery:
  sirka: 980px

Barvy:
  okraje boxu #dadada

Nova cervena od kvetna 2010 #ea1e2b
*/

@media screen
{
  div.body {
    width: 980px;
    height: auto;
    margin-top: 0px;
    /* margin-left: 57px; */ /* U/glenmark.png */
    margin-left: auto; margin-right: auto;
  }
}

body {
  margin: 0;
  padding: 0;
  background-image: url("img_menu/red.png");
  background-repeat: repeat-x;
  /* overflow: auto; */ /* vynutit vertikalni posuvnik ? */
}
body, input {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
  font-size: 9pt;
  color: #444;
}
td {
  vertical-align: top;
}
a {
  text-decoration: none;
  color: #888;
}
a:hover {
  text-decoration: underline;
  color: #444;
}

a.inactive {
  color: inherit;
}
a.inactive:hover {
  text-decoration: none;
}
/* poradi: a:link a:visited a:hover a:active */

/*
"position: relative" u nasledujicich tri elementu
obchazi bug v IE 6. Jinak by se pri zmene velikosti okna
tyto tri elementy posunuly, kdezto div#container
by zustal na miste.
*/

/* styles applied to div#header should be reflected in the file forum/templates/main_header.html */
div#header {
  /* width: 980px; */
  height: 115px;
  background: /* #6accec */ white url("img_menu/header.png") no-repeat;
  position: relative;
}

div#header a.logoref {
  display: block;
  height: 115px;
  width: 160px;
  text-decoration: none;
}

div#main {
  /* width: 980px; */
  margin: 5px 0 5px 0;
  padding: 0;
  position: relative;
}

div#footer {
  margin-top: 8px;
  margin-bottom: 5px;
  font-size: 8pt;
  color: #888;
  text-align: center;
}

div#menutoptop {
  height: 17px;
  color: white;
  text-transform: uppercase;
  text-align: right;
}
div#menutoptop a {
  color: white;
  text-decoration: none;
}

div#menutop {
  height: 42px;
  margin-bottom: 15px;
  background-color: #ddd;
  background-image: url("img_menu/buttons-frame1.png");
  background-repeat: no-repeat;
}

div#menulv1 {
  height: 22px;
}

div#menulv2 {
  height: 20px;
}

div#container {
  /* background: lightgreen;*/
  position: relative;
  padding: 0;
  margin: 0;
  width: 980px;
  height: auto;
}

div#bgleft {
}

div#bgright {
}

div#mainlt {
  position: absolute;
  left: 0;
  top: 0;
}

div#mainlb {
  position: absolute;
  left: 0;
  bottom: 0;
}

div#mainrt {
  position: absolute;
  right: 0;
  top: 0;
}

div#mainrb {
  position: absolute;
  right: 0;
  bottom: 0;
}

/***/

div#article-header {
  position: relative;
  left: 195px;
  width: 590px;
  height: 5px;
  background-image: url("img_menu/bg_main_header_full.png");
}
div#container.products div#article-header {
  background-image: url("img_menu/bg_main_header_part.png");
}
div#article-footer {
  position: relative;
  left: 195px;
  width: 590px;
  height: 5px;
  background-image: url("img_menu/bg_main_footer_full.png");
}
div#container.products div#article-footer {
  background-image: url("img_menu/bg_main_footer_part.png");
}

/***/


div#pseudoarticle {
  position: relative;
  left: 195px;
  width: 588px;
}

div#article {
  position: relative;
  left: 195px;
  width: 588px;

  padding: 0;
  margin: 0;

  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
}


/***/

table.indexpage {
  width: 100%;
}
table.indexpage img {
  border: none;
}
table.indexpage tr.row1 td {
  width: 980px; height: 390px; background-image: url("img_index/bgflash.png");
}
table.indexpage tr.row2 td {
  width: 236px; height: 150px;
}
table.indexpage tr.row2 td img {
  width: 236px; height: 150px;
}
table.indexpage tr.row2 td.filler {
  width: 12px;
}

/***/


div.lang-switch {
  position: relative;
  left: 914px;
  top: -100px;
  width: 66px;
  z-index: 20;
}

.lang-switch table {
  margin-top: 2px;
}
.lang-switch table tr td {
  width: 18px;
  padding-left: 2px;
  padding-right: 2px;
}
.lang-switch table tr td img {
  width: 16px;
  border: 1px solid gray;
}

/***/

div.menulv1-img table {
}

/***/

div.menulv2-txt table {
}

div.menulv2-txt table tr td.filler0 {
  padding-left: 14px;
}

div.menulv2-txt table tr td.filler {
  padding-left: 24px;
}

div.menulv2-txt table tr td a {
  display: block;
  text-align: left;
  font-size: 12px;
  height: 16px;
  padding: 2px 0 2px 0;
  color: #888;
}

div.menulv2-txt table tr td a:hover {
  color: #444;
  text-decoration: none;
}

div.menulv2-txt table tr td a.selected {
  color: #ea1e2b;
  text-decoration: none;
}

/***/

h1 {
  font-size: 14pt;
  font-weight: bold;
  color: #888;
  line-height: 1.2em;

  margin-top: 5px;
  padding-bottom: 8px;
  border-bottom: 1px solid #888;
}

h1.hidden {
  display: none;
}

h2, h2 a {
  font-size: 12pt;
  font-weight: bold;
  color: #ea1e2b;
  margin-top: 25px;
  margin-bottom: 5px;
  line-height: 1.2em;
}

h3, h3 a {
  font-size: 10pt;
  font-weight: bold;
  color: #444;
  margin: 5px 0 10px 0;
  padding: 0;
}

/***/

div.article-in {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 1.5em;
}

div.article-in p {
  text-align: left;
}

div.article-in p.center {
  margin-left: auto; margin-right: auto; text-align: center;
}

div.article-in div.center {
  margin-left: auto; margin-right: auto; text-align: center;
}

div#container.products div.article-in {
  background-image: url("img_menu/bg_products.png");
  background-repeat: repeat-y;
}

div#container.products div.article-in p {
  text-align: left;
}

div#container.products div.article-in h1,
div#container.products div.article-in h2,
div#container.products div.article-in h3,
div#container.products div.article-in div.txt {
  width: 349px;
}

div#container.products div.article-in a img {
  border: none;
}

div#container.products div.article-in .floating {
  float: right;
  margin-top: 10px;
  margin-left: 15px;
  padding-bottom: 10px;
}
div#container.products div.article-in .floating-cleaner {
  clear: right;
}

/***/

table.loga {
  width: 100%;
}
table.loga tr td {
  padding-top: 10px;
  height: 110px;
}
table.loga tr td.first-child {
  border: 1px solid #dadada;
  width: 50%;
  vertical-align: middle; padding-bottom: 10px; text-align: center
}
table.loga tr td.second-child {
  width: 50%;
  vertical-align: middle; padding-left: 20px;
}
table.loga img {
}

div.person-detail {
  margin-left: 25px;
}

/***/

ul.loose li {
  margin-top: 1em;
  margin-bottom: 1em;
}

/***/

.sidebox {
  width: 185px;
  margin-bottom: 10px;
}

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

.sidebox .header {
  font-size: 9pt;
  font-weight: bold;
  color: #888;
  height: 17px;
  padding: 3px 10px 5px;
  background-image: url("img_menu/bg_side-frames-header.gif");
}

.sidebox .main {
  width: 183px;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  font-size: 8pt;
  padding: 0px 0px 5px;
}

.sidebox .main .date {
  padding: 5px 10px 0px;
}
.sidebox .main .date a {
}

.sidebox .main .item {
  padding: 0px 10px 5px;
}
.sidebox .main .item a {
}

.sidebox .footer {
  height: 5px;
  background-image: url("img_menu/bg_side-frames-footer.gif");
}

.sidebox p {
  margin: 0;
  padding: 3px 10px 5px;
}

/***/

/* tabulky pro katalog aj. */

table.list tr {
  margin: 0;
  padding: 0;
}

table.list tr th, table.list tr td {
  margin: 0;
  padding: 5px 4px;
  border-left: 1px solid #ebebeb;
}

table.list tr th.first-child, table.list tr td.first-child {
  border-left: none;
  width: 5em;
}

table.list tr th {
  text-align: left;
}

table.list tr.bg0 th, table.list tr.bg0 td {
  background-color: #ebebeb;
}

div.blueline {
  width: 558px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebebeb;
}

div.document-listing {
}

div.document-listing p.heading {
  font-weight: bold;
}

div.document-listing p.indent {
  margin-left: 3em;
}

div.kariera-sk li {
  /* margin-left: 3em; */ /* pro LI mimo UL */
}

/***/

div.forecast table {
  margin: 0 2px;
  padding: 0;
  background-color: #e0e0e0;
}

div.forecast table thead tr td {
  font-weight: bold;
  border-top: 1px solid #444;
}

div.forecast table tr td.first-child {
  font-weight: bold;
  border-left: 1px solid #444;
}

div.forecast table tr td {
  font-size: 83%;
  width: 50px;
  padding: 2px;
  border-right: 1px solid #444;
  border-bottom: 1px solid #444;
}
div.forecast table tr td input {
  width: 50px;
}
div.forecast table tr td input.invis {
  width: 44px;
  padding: 3px 3px;
  text-align: right;
  background-color: transparent;
  border: none;
}

input.button {
  width: 120px;
}

/***/

.bg-tor025 { background-color:#CBD7EB }
.bg-tor050 { background-color:#E1EACE }
.bg-tor100 { background-color:#F6E3C6 }
.bg-tor200 { background-color:#EDCFD2 }

/***/

.mapbox {
  margin: 0px;
  cursor: crosshair
}
.msgbox {
  border: 2px solid rgb(128,128,128);
  border-top: none;
  padding: 10px;
  width: 391px;  /* outer width = 415 px */
}
.msgbox p {
  margin: 0.5em 0;
}

/* TODO: vyuzit tridu pdflink i jinde */
div.menulv2-txt table tr td a.pdflink {
  padding-right: 22px;
  background-image: url("img_menu/pdf-icon.gif");
  background-repeat: no-repeat;
  background-position: right center;
}

div.statement table {
  margin: 10px 3px; width: 100%;
}
div.statement span.but {
  background-color: #888; padding: 4px 10px
}
div.statement span a {
}
div.statement span a:hover {
}

/***/

div.bigtable table tr td p {margin:2px 0; }

tr.CZ td, tr.CZ td input {background-color: lightblue;}
tr.SK td, tr.SK td input {background-color: lightgreen;}
td.naskladneno {font-weight: bold;}

div.dbg {
  margin: 6px 0;
  background: yellow;
}

/***/

div.page-nav {
  font-weight: bold;
}

div.page-nav table.paging tr td {
  border-left: 1px solid white;
}
div.page-nav table.paging tr td:first-child {
  border-left: none;
}

div.page-nav table.paging tr td a, table td.paging a
{
  height: 19px;
  padding: 2px 8px 0px;
  display: block;
  border: 1px dotted gray;
  text-decoration: none;
}
div.page-nav table.paging tr td a.dead, table td.paging a.dead
{
  color: gray;
  /* background-color: #85CA0D */
}

/* div.products-list td input {  } */


/***/

/*
div {
  border: 1px solid yellow;
}
p, table, td {
  border: 1px dotted red;
}
div#article {
  background-color: yellow;
}
div.article-in {
  background-color: lightgreen;
}
*/