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

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

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

.main {
width: 100%;
 border-collapse: collapse;
 height:100%;
}

.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%;
  }


.pLeftUp {
    background: transparent url("images/corner1.gif");
    width: 25px;
    height: 25px;
    margin: 0pt;
    padding: 0pt;
    border: 0pt none
}
.pRightUp {
    background: transparent url("images/corner2.gif");
    width: 25px;
    height: 25px;
    padding: 0pt;
    border: 0pt none
}
.pLeftDown {
    background: transparent url("images/corner4.gif");
    width: 25px;
    height: 25px;
    padding: 0pt;
    border: 0pt none
}
.pRightDown {
    background: transparent url("images/corner3.gif");
    width: 25px;
    height: 25px;
    padding: 0pt;
    border: 0pt none
}
.pUp, .pDown {
    text-align: center;
    background: transparent url("images/bg_grey.gif");
    height: 25px;
    padding: 0pt;
    border: 0pt none
}
.pLeft, .pRight {
    background: transparent url("images/bg_grey.gif");
    width: 25px;
    padding: 0pt;
    border: 0pt none
}
.pMiddle {
    background: transparent url("images/bg_grey.gif");
    padding: 0pt;
    border: 0pt none
}
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
}
.hmiddle {
    vertical-align: middle;
    text-align: center;
    background: transparent none
}
.hbottom {
    vertical-align: bottom;
    height: 20px;
    text-align: center;
    background: transparent none
}
p.textheader {
    text-align: center;
    font-size: 8pt
}
p {
    font-size: 10pt;
    text-align: justify;
    margin: 0pt 0pt 8pt 0pt
}
h1 {
    text-align: center;
    font-size: 14pt;
    font-weight: bold;
    background-color: #003366;
    color: #ffffff;
    line-height: 2; 
    margin: 1em 0pt 1em 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
}
.figure {
    text-align: center;
    margin: 12pt 0pt 3pt 0pt;
    border: 0pt none
}
.label {
    text-align: center;
    margin: 3pt 0pt 12pt 0pt;
    color: #666666
}

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

.author {
    text-align: center;
    font-size: 14pt;
    font-weight: bold;   
     margin: 10pt 0pt 10pt 0pt;
}

.copy {
    text-align: center;
    font-size: 11pt;
    font-weight: bold;   
     margin: 0pt 0pt 6pt 0pt;
}

.home {
    text-align: center;
    line-height: 2; 
    margin: 10pt 0pt 20pt 0pt;
    color: #ffffff;
    background-color: #003366;
}

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;
    vertical-align: top;
    font-size: 10pt;
    border: 1px solid;
    padding: 6pt;
    white-space: normal;
    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;
    vertical-align: top;
    white-space: nowrap;
    border-color: #777 #FFF #FFF #777
}

table.tbl td.lm { text-align: left; vertical-align: middle; }
table.tbl td.lt { text-align: left; vertical-align: top; }
table.tbl th.lm { text-align: left; vertical-align: middle; }
table.tbl th.lt { text-align: left; vertical-align: top; }
table.tbl th.rb{ text-align: right; vertical-align: bottom; }



table.tbl td.head { 
    text-align: center; 
    background-color: #003366; 
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff
}


.alkal {
    background: #ffffcc none;
    border: 6px solid;
    margin: 0pt 0pt;
    border-color: #DDD #777 #777 #DDD;
    width: 70px;
    height: 70px;
}

.alzem {
    background: #ccff66 none;
    border: 6px solid;
    margin: 0pt 0pt;
    border-color: #DDD #777 #777 #DDD;
    width: 70px;
    height: 70px;
}

.third {
    background: #99ffff none;
    border: 6px solid;
    margin: 0pt 0pt;
    border-color: #DDD #777 #777 #DDD;
    width: 100%;
    height: 70px;
}

.transit {
    background: #ccccff none;
    border: 6px solid;
    margin: 0pt 0pt;
    border-color: #DDD #777 #777 #DDD;
    width: 70px;
    height: 70px;
}

.kovy {
    background: #ffff00 none;
    border: 6px solid;
    margin: 0pt 0pt;
    border-color: #DDD #777 #777 #DDD;
    width: 100%;
    height: 70px;
}

.uhlik {
    background: #ffaa00 none;
    border: 6px solid;
    margin: 0pt 0pt;
    border-color: #DDD #777 #777 #DDD;
    width: 100%;
    height: 70px;
}

.halogenidy {
    background: #ffaaff none;
    border: 6px solid;
    margin: 0pt 0pt;
    border-color: #DDD #777 #777 #DDD;
    width: 100%;
    height: 70px;
}

.rare {
    background: #00aaff none;
    border: 6px solid;
    margin: 0pt 0pt;
    border-color: #DDD #777 #777 #DDD;
    width: 100%;
    height: 70px;
}

.hint {
    background: #ffffff none;
    border: 6px solid;
    margin: 0pt 0pt;
    border-color: #DDD #777 #777 #DDD;
    width: 70px;
    height: 70px;
}


td.z {
    text-align: left;
    vertical-align: top;
    font-size: 8pt;
    border: 0px solid;
    padding: 2pt;
    font-weight: bold;
}

td.m {
    text-align: right;
    vertical-align: top;
    font-size: 8pt;
    border: 0px solid;
    padding: 2pt;
    font-weight: normal;
}

td.c {
    text-align: center;
    vertical-align: middle;
    font-size: 10pt;
    border: 0px solid;
    padding: 0pt;
    font-weight: bold;
    text-decoration: none
}

td.chint {
    text-align: left;
    vertical-align: middle;
    font-size: 10pt;
    border: 0px solid;
    padding: 0pt;
    font-weight: bold;
    text-decoration: none
}


td.s {
    text-align: left;
    vertical-align: bottom;
    font-size: 8pt;
    border: 0px solid;
    padding: 2pt;
    font-weight: normal;
}

td.ss {
    text-align: left;
    vertical-align: bottom;
    font-size: 8pt;
    border: 0px solid;
    padding: 2pt;
    font-weight: normal;
}


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 }
.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 }
li {padding: 3pt; text-align: justify }

SPAN.hint
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: normal;
    font-size: 10pt;
    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;
    BACKGROUND-COLOR: #99CCFF;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
    TEXT-ALIGN: justify;
    white-space: normal;
}
SPAN.hint HR
{
    WIDTH: 80%;
    COLOR: black;
    HEIGHT: 1px
}

A.tip:link, A.tip:visited, A.tip:active { color: #ff0000; text-decoration: none }
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
}

input.text{
 font-size:9pt;
 font-weight:bold;
 background:transparent;
 border:0px;
 color: #003366;
}