body
{

margin-top: 0px;

text-align: center;

background-color:  #3F517A;
}

   

#page

{
width: 780px;
margin-left: auto;
margin-right: auto;
text-align: left;

 
}


.hlavni
{



background: #F3DE8B;
overflow: hidden;
width: 780px;
height: 1061px;
position: absolute;
margin-top: 8px;
text-align: center;

}

.banner
{
background: #F3DE8B;
width: 780px;
height: 228px;
position: absolute;
top: 8px;
left: 0px;
} 
.button
{
width: 185px;
height: 750px;
background: #F6EBBF;
position: absolute;
top: 228px;
left: 10px;
}
 

.celo
{
width: 574px;
height: 750px;
position: absolute;
top: 228px;
left: 195px;
background: #F6EBBF;
}
.dolni
{
width: 760px;
height: 50px;
position: absolute;
top: 995px;
left: 10px;
background: #eaca48;
}
.main
{
width: 559px;
height: 652px;
position: absolute;
top: 308px;
left: 194px;
overflow: auto;
overflow-y: scroll;
text-align: left;
background: #F3DE8B;

text-align: left;

} 


.table
{
cell-spacing: 0px;
cell-padding: 0px;
border-collapse: collapse;
}
td.dole
{
height: 45px;
width: 750px;
text-align: right;
vertical-align: middle;
}

td.but
{
height: 1px;
width: 170px;
text-align: right;
vertical-align: middle;
}
td.hor
{
height: 54px;
width: 552px;
border-spacing: 10px;
background: #e1e7f5;
border: 3px solid white;
vertical-align: middle;

text-align: right;
}
td.but1
{
height: 10px;
width: 170px;
text-align: right;
vertical-align: middle;
}
 
 td.kniha1
{
height: 176px;
width: 552px;


background: #F3DE8B;
 
vertical-align: top;

text-align: left;
}