body {
overflow-x: hidden;
background-color: #FFFFFF;
}

.01 {
width: 100%;
top:50px;
}

.story {
margin-top: -20px;
width: 100%;
}

.02 {
width: 800px;
}

.intro {
width: 100%;
margin-top: 100px;
}

.ix {
width: 700px;
}

.i1 {
margin: -3px 0px 0px -100px; 
_margin: -7px 0px 0px -100px;
}

.i2 {
width: 100%;
margin: -5px 0px 0px 0px; 
_margin: -4px 0px 0px 0px;
}

.telo {
position: absolute;
height: 400px;
_height: 405px;
width: 99%;
_width: 101%;
background: url(pozadi.gif) repeat 35px;
margin: 20px 0px 0px -5px;
_margin: 10px -1px 0px -5px;
border-style: solid; 
border: 1 en;
border-color: #cccccc;
}

.info {
background-color: none;
width: 97%;
_width: 99%;
height: 315px;
margin: 2px 5px 2px 10px;
_margin: 1px 5px 2px 10px;
overflow: auto; 
}

.info img {
margin-right: 140px;
}

.info object {
margin-right: 140px;
}

.df1 {
position: absolute;
top: -3px;
_top: 4px;
_margin-top: -8px;
}

.df2 {
_position: absolute;
padding-left: 270px;
top: -1px;
margin: 8px 0px 0px -20px;
}

.nazvy {
margin: 0px -60px 0px 0px;
}

.text {
height: 285px;
width: 390px;
_width: 400px;
margin-right: 50px;
padding: 0px 10px 0px 0px;
_padding: 0px 15px 0px 0px;
color: #000000;
font-size: 12px;
font-family: 'Verdana',sans-serif;
display: block;
text-decoration: none;
overflow: auto;
}

.text h1 {
width: 285px;
_height: 10px;
font-size: 11px;
color: #E10000;
text-decoration: none;
} 

.text a {
font-size: 12px;
color: #E10000;
text-decoration: none;
} 

.text a:hover {
color: #E10000;
text-decoration: underline;
}

.text2 {
margin-top: 5px;
width: 90%;
font-weight: bold;
height: 25px;
color: #000000;
font-size: 10px;
font-family: 'Verdana',sans-serif;
display: block;
text-decoration: none;
}

.text2 a {
font-size: 11px;
color: #E10000;
text-decoration: underline;
} 

.text2 a:hover {
color: #000000;
}


.info(zaloha) {
width: 97%;
_width: 99%;
height: 315px;
margin: 2px 5px 2px 10px;
_margin: 1px 5px 2px 10px;
padding-right: 5px; 
overflow: auto; 
_overflow-x: scroll ;}