body {
margin: 0 auto;
padding: 0;
font: 94% Verdana, Helvetica, Tahoma, Arial, sans-serif;
background-color: #E8E8CF;
}
#MainWrapper {
background: #fff url("images/xbok1.PNG") top left repeat-y;
margin: 20px auto;
width: 960px;
border: 1px solid #99aabb;
}
#Header {
color: #ffffff;
padding-left: 0;
padding-top: 20px;
background: #8899aa url("images/xheader.PNG") repeat-y top left;
height: 100px;
}
#Header a {
font-size: 32px;
text-decoration: none;
color: #fff;
padding-left: 10px;
}
#Header h1 {
font-weight: normal;
font-size: 20px;
margin-top: 10px;
color: #fff;
padding-left: 10px;
}
#HeaderMenus {
color: #000000;
height: 40px;
line-height: 40px;
margin: 0;
background-color: #bbccdd;
}
#HeaderMenus ul {
padding: 0 0 0 0;
margin: 0 0 0 0;
}
#HeaderMenus li {
float: left;
list-style-type: none;
}
#HeaderMenus li a {
display: block;
padding: 0 14px;
font-size: 12px;
font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
text-decoration: none;
font-weight: bold;
color: #536366;
}
#HeaderMenus .selected {
color: #536366;
text-decoration: none;
background: #fff url("images/sipka.gif") no-repeat left center;
}
#HeaderMenus a:hover {
color: #536366;
text-decoration: none;
background-color: #fff;
}
#MainContent {
margin: 0;
padding: 20px 14px 0 16px;
line-height: 1.6em;
}
#MainContent h2 {
color: #445566;
font-size: 24px;
margin: 40px 0 20px 0;
text-align: left;
font-family: "Trebuchet MS", Verdana, Helvetica, Tahoma, Arial, sans-serif;
}
#MainContent h3 {
color: #667788;
font-size: 1.2em;
margin: 0 0 0.5em 0;
text-align: left;
font-weight: bold;
font-family: "Trebuchet MS", Verdana, Helvetica, Tahoma, Arial, sans-serif;
}
#MainContent p {
color: #001122;
text-align: justify;
}
#MainContent strong {
color: #112233;
}
#MainContent em {
color: #001122;
}
#MainContent a {
text-decoration: underline;
color: #4682b4;
}
#MainContent a:hover {
text-decoration: none;
color: #4682B4;
}
#MainContent ul {
color: #778899;
list-style-type: square;
}
#MainContent table {
text-align: left;
width: 99%;
font-weight: bold;
font-size: 12px;
margin: 10px 0 20px 0;
background-color: #fff;
padding: 10px 2px 10px 2px;
color: #000;
}
#MainContent td {
border: 1px solid #888;
background-color: #D8D8BF;
}
#MainContent table sub {
font-weight: normal;
font-family: monospace;
color: #445566;
}
#MainContent table a {
text-decoration: none;
color: #000;
}
#MainContent table a:hover {
text-decoration: none;
color: #888;
}
#MainContent table .suda {
background-color: #ccddee;
}
#MainContent table .empty {
background-color: #fff;
border: none;
font-weight: normal;
font-size: 80%;
text-align: right;
color: #444;
}
#MainContent table .alk {
background-color: #87CEed;
}
#MainContent table .inerty {
background-color: #ffccff;
}
#MainContent table .halogeny {
background-color: #ffcc99;
}
#MainContent table .lanthanoidy {
background-color: #ddeeff;
}
#MainContent table .aktinoidy {
background-color: #ccddee;
}
#MainContent table .prech {
background-color: #FFEDAA;
}
#MainContent table .kovy {
background-color: #ffaaaa;
}
#MainContent table .nek {
background-color: #ffff99;
}
#MainContent table .polo {
background-color: #ccffcc;
}
#MainContent table .nez {
background-color: #f9f9f9;
}
#MainContent table .per {
border: none;
background-color: #fff;
font-weight: normal;
font-size: 80%;
text-align: center;
color: #444;
}
#MainContent .legenda {
width: 99%;
font-weight: normal;
text-align: center;
}
#MainContent .legenda td {
width: 20%;
}
#MainContent .legenda a {
text-decoration: none;
border-bottom: 1px dashed;
}
#MainContent .legenda a:hover {
border-bottom: none;
color: #444;
}
#Footer {
margin: 20px 0 0 0;
text-align: center;
font-size: 12px;
height:40px;
line-height: 40px;
background-color: #bbccdd;
color: #334455;
clear: both;
border-top: 1px solid #99aabb;
}
#Footer a {
color: #556677;
text-decoration: underline;
}
#Footer a:hover {
text-decoration: none;
color: #4682B4;
}
.AlignLeft {
margin: 5px 10px 0 0;
float: left;
}
.AlignRight {
margin: 5px 0 0 10px;
float: right;
}
.bila {
color: #fff;
}
#Header form {
float: right;
margin: 0 5px 0 0;
padding: 0;
}
#Header .ramecek {
font-family: sans-serif;
border: 1px solid #778899;
background: #f0f8ff url("images/xback.gif");
padding: 2px;
font-size: 12px;
margin: 2px 0 0 0;
color: #445566;
}
#Header .tlacitko {
font-family: sans-serif;
border: 1px solid #778899;
background: #bbccdd url("images/xback.gif");
margin: 2px 0 0 2px;
color: #445566
}