html, body { height: 100%; margin: 0; padding: 0}

body {
    background: url("images/bg_grey.gif");
    color: #003366;
    font-family: Arial, Helvetica, sans-serif
}

A:link, A:visited, A:active { color: #003366 }
A:hover { color: #0066FF }

.main {
 width: 100%;
 border-collapse: collapse;
 height:100%;
}
  
.nobreak{white-space: nowrap} 

.rovnice {
    text-align: center;
    width: 100%;
    padding-top: 3pt;
    padding-bottom: 3pt;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}


.cislovani {
    text-align: right;
    padding-top: 3pt;
    padding-bottom: 3pt; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;    
} 
  
.pLeftUp {
    background: transparent url("images/corner_w1.gif");
    width: 25px;
    height: 25px;
    margin: 0pt;
    padding: 0pt;
    border: 0pt none
}
.pRightUp {
    background: transparent url("images/corner_w2.gif");
    width: 25px;
    height: 25px;
    padding: 0pt;
    border: 0pt none
}
.pLeftDown {
    background: transparent url("images/corner_w4.gif");
    width: 25px;
    height: 25px;
    padding: 0pt;
    border: 0pt none
}
.pRightDown {
    background: transparent url("images/corner_w3.gif");
    width: 25px;
    height: 25px;
    padding: 0pt;
    border: 0pt none
}
.pUp, .pDown {
    text-align: center;
    background-color: white;
    height: 25px;
    width: 100%;
    padding: 0pt;
    border: 0pt none
}
.pLeft, .pRight {
    background-color: white;
    width: 25px;
    padding: 0pt;
    border: 0pt none
}
.pMiddle {
    background-color: white;
    padding: 0pt;
    border: 0pt none;
    vertical-align: top;
}
p.corner {
    width: 25px;
    height: 25px;
    margin: 0pt;
    padding: 0pt
}

.header {
    background: transparent url("images/bg_bulletin.gif");
    width: 380px;
    height: 204px;
    border: 0pt none
}
.header_05 {
    background: transparent url("images/bg_bulletin.gif");
    width: 490px;
    height: 204px;
    border: 0pt none;
    background-repeat: no-repeat;
    background-position: center; 
}
.htop {
    vertical-align: top;
    height: 35px;
    text-align: center;
    background: transparent url("images/bulletin_label.gif");
    background-repeat: no-repeat;
    background-position: center; 
    cursor: pointer;
}
.hmiddle {
    vertical-align: middle;
    text-align: center;
    background: transparent none
}
.hbottom {
    vertical-align: bottom;
    height: 20px;
    text-align: center;
    background: transparent none
}
.navbar {
    background: transparent;
    border: 0pt none
}
.navbarcell {
    vertical-align: middle;
    border: 0pt none;
    font-size: 13.5pt;
    white-space: nowrap
}
p.textheader {
    text-align: center;
    font-size: 8pt
}
p {
    font-size: 10pt;
    text-align: justify;
    margin: 0pt 0pt 6pt 0pt;
    line-height: 130%; 
}

dl {font-size: 10pt; margin: 2pt 5ex 3pt 5ex; padding: 0pt; text-align: left }

dd {margin-bottom: 6pt;  text-align: justify}

dt { font-weight: bold; margin-bottom: 6pt}

sub, sup {
vertical-align: baseline;
position: relative;
z-index: 1;
}

sub {
top: 0.4em;
}

sup {
bottom: 0.4em;
}

h1 {
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
    background-color: #003366;
    color: #ffffff;
    line-height: 1.5; 
    padding-top: 4pt;
    padding-bottom: 4pt; 
    margin: 20pt 0pt 10pt 0pt   
}
h2 {
    text-align: center;
    font-size: 12pt;
    background-color: #3366cc;
    color: #ffffff;
    line-height: 2;    
    font-weight: bold;
    margin: 20pt 0pt 10pt 0pt
}
h3 {
    text-align: left;
    font-size: 10pt;
    font-weight: bold;
    margin: 14pt 0pt  4pt 0pt
}

.name {
    text-align: center;
    font-size: 12pt;
    background-color: #DDDDDD;
    color: #003366;
    line-height: 2;    
    font-weight: bold;
    margin: 20pt 0pt 10pt 0pt
}

.subtitle {
    text-align: center;
    font-size: 12pt;
    background-color: #336666;
    color: #FFFFFF;
    line-height: 2;    
    font-weight: bold;
    margin: 20pt 0pt 10pt 0pt
}

.diskuze {
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    color: #003366;
    margin: 20pt 0pt 10pt 0pt
}



.figure {
    text-align: center;
    margin: 12pt 0pt 3pt 0pt;
    border: 0pt none
}
.label {
    text-align: center;
    margin: 3pt 0pt 12pt 0pt;
    color: #666666
}

.legend {
    display: block;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3pt;
    margin-bottom: 12pt;
    text-align: justify;    
    font-size: 10pt;
    color: #666666
}


.legend685 {
    display: block;
    width: 685px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3pt;
    margin-bottom: 12pt;
    text-align: justify;    
    font-size: 10pt;
    color: #666666
}

.legend660 {
    display: block;
    width: 660px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3pt;
    margin-bottom: 12pt;
    text-align: justify;    
    font-size: 10pt;
    color: #666666
}


.legend400 {
    display: block;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3pt;
    margin-bottom: 12pt;
    text-align: justify;    
    font-size: 10pt;
    color: #666666
}


center { font-size: 100% }

table.tbl {
    background: #EEEEEE none;
    border: 1px solid;
    margin: 6pt 0pt;
    border-color: #FFF #777 #777 #FFF
}

table.tbl td {
    text-align: center;
    font-size: 10pt;
    border: 1px solid;
    padding: 6pt;
    border-color: #777 #FFF #FFF #777
}

table.tbl th {
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    background-color: #99CCFF;
    border: 1px solid;
    padding: 6pt;
    white-space: normal;
    border-color: #777 #FFF #FFF #777
}

table.tbl th.left { text-align: left }
table.tbl td.left { text-align: left }
table.outline { border: 0px; margin: 6pt 0pt}
table.outline td { text-align: left; font-size: 10pt; vertical-align: top; border: 0px; padding: 1pt}
.ideas { background: #336699 none; border: 0pt none; margin-bottom: 6pt;
 }
.ideas td { padding: 10pt }
.ideas p { margin: 0pt 0pt 6pt 0pt; color: white }
.ideas ul {color: white }
.ideas p.centered { margin: 0pt 0pt 6pt 0pt; color: white; text-align: center; }
table.references { font-size: 10pt; border: 2px solid #336699; background: #EEEEEE none }
table.references td { padding: 8pt}
ul, ol { font-size: 10pt; margin: 2pt 10pt 3pt 5ex; padding: 0pt; text-align: left }
ul.full {margin: 2pt 0pt 6pt 5ex; text-align: justify }
li {margin-bottom: 6pt}



SPAN.hint
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: normal;
    VISIBILITY: hidden;
    PADDING-BOTTOM: 10px;
    TEXT-TRANSFORM: none;
    BORDER-LEFT: black 1px solid;
    WIDTH: 400px;
    COLOR: black;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: black 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial;
    POSITION: absolute;
    z-index: 10;
    BACKGROUND-COLOR: #99CCFF;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
    TEXT-ALIGN: left;
    white-space: normal;
}
SPAN.hint HR
{
    WIDTH: 80%;
    COLOR: black;
    HEIGHT: 1px
}

A.tip:link, A.tip:visited, A.tip:active { color: #551133 }
A.tip:hover { color:  #0066FF }

B A.tip
{
    MARGIN-RIGHT: 2pt
}
EM A.tip
{
    MARGIN-RIGHT: 2pt
}
DIV.Ov
{
    MARGIN-BOTTOM: 5px;
    WIDTH: 100%;
    TEXT-ALIGN: left
}
DIV.Ov SPAN
{
    FONT-SIZE: 8pt;
    MARGIN-LEFT: 40%;
    COLOR: #a0a0a0
}
DIV.OvBorder
{
    BORDER-RIGHT: #c7d0ff 1px solid;
    BORDER-TOP: #c7d0ff 1px solid;
    BORDER-LEFT: #c7d0ff 1px solid;
    BORDER-BOTTOM: #c7d0ff 1px solid;
    TEXT-ALIGN: left
}
DIV.OvTitle
{
    MARGIN-LEFT: 7px
}
DIV.OvDescr
{
    MARGIN-BOTTOM: 3px;
    MARGIN-LEFT: 7px;
    COLOR: black;
    TEXT-DECORATION: none
}

table.galerie 
{  
    border: 1pt;
    padding: 4pt;  
    background: #EEEEEE;  
    border-color: #000000;
    border-style: solid;  
    border-collapse: collapse;
}


td.galerie 
{  
    font-size:10pt;
    border: 1pt;
    border-color: #000000;
    border-style: solid;  
    border-collapse: collapse;
    vertical-align: top;
    padding: 4pt;
}

.navlinks {
position : absolute;
top : 0px;
left : 0px;
padding: 0px;
width : 150px;
height: 100%;
background: url("images/bg_grey.gif");
background-repeat: repeat-y
}


.mainuvod {
position : absolute;
top : 0px;
left : 150px;
bottom: 0px;
right: 0px;
background: url("images/bg_frost.jpg");
overflow : visible;
height: 100%;
}

.bckgr {
 background: url("images/bg_frost.jpg");
 width : 100%;
 margin: auto;
 height:100%;
  }