/*
#c8c8c8 - seda
#bd4949 - cervena

obrazek v zahlavi musi mit velikost 270x235px
*/

body {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 13px;
background: #c8c8c8 url('http://www.chromoriginal.cz/var/www/img/bg.png') repeat-x top left;
color: #000000;
margin: 0px;
padding: 0px;
text-align: center;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}

a {
color: #000000;
text-decoration: underline;
}
a:hover {
color: #000000;
text-decoration: none;
}
a img {
border: none;
}

#document {
position: relative;
opacity: 0;
}

table.main {
width: 100%;
height: 100%;
position: relative;
}
table.main td {
vertical-align: middle;
}

.smain {
margin: 0px auto;
position: relative;
text-align: left;
width: 804px;
height: 704px;
border: 1px solid #ffffff;
background: url('http://www.chromoriginal.cz/var/www/img/design.jpg') no-repeat 2px 2px;
}

.sbody {
position: absolute;
top: 60px;
left: 40px;
width: 540px;
height: 350px;
overflow: auto;
}
.sbody h1 {
color: #ff0000;
margin: 0px;
padding: 0px;
font-size: 18px;
}

.scon {
position: absolute;
top: 490px;
left: 325px;
width: 300px;
height: 60px;
overflow: hidden;
}
.scon_bg {
position: absolute;
top: 0px;
left: 0px;
width: 300px;
height: 60px;
}
.scon_data {
position: absolute;
top: 3px;
left: 6px;
width: 288px;
height: 54px;
font-weight: bold;
}
.scon h2 {
color: #ff0000;
margin: 0px;
padding: 0px;
font-size: 15px;
}

.smenu {
position: absolute;
top: 490px;
left: 50px;
}
.smenu span {
display: block;
border-left: 10px solid #ff0000;
padding-left: 10px;
margin-bottom: 5px;
font-size: 18px;
}
.smenu a {
text-decoration: none;
}
.smenu a:hover {
color: #ff0000;
}
.smenu a.active,
.smenu a.active:hover {
font-size: 30px;
color: #000000;
}

.sfoot {
position: relative;
margin: 0px auto;
color: #ffffff;
font-size: 10px;
width: 800px;
}
.sfoot table {
position: relative;
width: 100%;
margin-top: 10px;
}
.sfoot td.footl,
.sfoot td.footr {
vertical-align: top;
width: 50%;
}

.loader {
position: absolute;
width: 100%;
top: 300px;
text-align: center;
}

.links {
position: relative;
display: none;
}
a.lin {
margin-left: 6px;
margin-right: 6px;
}

.float_images {
margin: 10px 0px 6px 0px;
}
.float_images img {
float: left;
display: block;
margin: 0px 4px 4px 0px;
}

form {
margin: 10px 0px 0px 0px;
padding: 0px;
}
form table {
width: 100%;
}
td.w30 {
width: 30%;
text-align: right;
}
td.w70 {
width: 70%;
text-align: center;
}

em {
color: #bd4949;
}

.fs16 {
font-size: 16px;
}
.fs30 {
font-size: 30px;
}

.align.left {
text-align: left;
}
.align.center {
text-align: center;
}
.align.right {
text-align: right;
}
.align.top {
vertical-align: top;
}
.align.middle {
vertical-align: middle;
}
.align.bottom {
vertical-align: bottom;
}
.bold {
font-weight: bold;
}
.mtx {
margin-top: 10px;
}
img.mliii {
margin-left: 3px;
}
.mbiii {
margin-bottom: 3px;
}
.clr {
clear: both;
}
.clr_l {
clear: left;
}