/* CSS Document */
div#nadpis {
position:fixed;
width: 80%;
height:15%;
text-align: center;
}
div#nadpisvv {
position:fixed;
width: 80%;
height:15%;
top: 2px;
text-align: center;
}
div#nadpisknihy {
margin: auto;
position:fixed;
width: 99%;
height:15%;
top: 2px;
}
div#kom{
position:relative;
top:15px;
}
div#komknihy{
position:absolute;
left:302px;
right:102px;
top:50px;
text-align:center;
}
div#nadpisv {
width: 100%;
height:70px;
text-align: center;
}
div#slova{
width:100%;
top:20px;
height:40px;
font-size:large;
color:#800000;
}
div#slovav{
width:100%;
top:1px;
height:20px;
font-size:large;
color:#800000;
}
div#slovavknihy{
position:absolute;
text-align:center;
top:5px;
left:302px;
right:102px;
height:40px;
font-size:large;
color:#800000;
}

div#menu{
border-top:double;
border-bottom:double;
vertical-align:super;
border-color:#c4ebc4;;
color:#3EA055;
height:23px;
width:100%;
bottom:5px;
left:5px;
}
div#ramek {
 color:#3EA055;
 position:fixed;
 float:left;
 top:100px;
 left:1px;
 width: 80%;
 height: 80%;
background-color: #c4ebc4;
}
div#fr{
 width:100%;
 top:10px;
 position:relative;
 height:15%;

}
div#rameknd {
 color:#3EA055;
 top:100px;
 left:1px;
 width: 100%;
 height: 80%;
background-color: #c4ebc4;
}
div#ramekv {
 color:#3EA055;
 float:left;
 top:100px;
 left:1px;
 width: 100%;
  height: 80%;
background-color: #c4ebc4;
}
div#ramekvknihy {
 color:#3EA055;
 position:fixed;
 float:left;
 top:100px;
 left:1px;
 width: 100%;
  height: 80%;
background-color: #c4ebc4;
}

div#ramekvb {
 color:#3EA055;
 float:left;
 top:100px;
 left:1px;
 width: 100%;
}
div#mapazal {
 top:4px;
 left:4px;
 width: 99%;
 height: 99%;
background-color: #c4ebc4;

}
div#mapa {
 top:4px;
 left:4px;
 width: 99%;
 height: 99%;
background-color: #c4ebc4;

}

div#kniha1 {
 position:absolute;
 top:4px;
 left:2px;
 width: 90px;
 height: 90px;
  cursor: pointer;
}
div#kniha1cr {
 position:absolute;
 top:4px;
 left:2px;
 width: 90px;
 height: 90px;
 cursor: pointer;
}

div#kniha2 {
 position:absolute;
 top:4px;
 left:102px;
 width: 90px;
 height: 90px;
 cursor: pointer;
}
div#kniha3 {
 position:absolute;
 top:4px;
 left:202px;
 width: 90px;
 height: 100px;
 cursor: pointer;
}
div#kniha4 {
 position:absolute;
 top:1px;
 right:2px;
 width: 110px;
 height: 110px;
 cursor: pointer;
}

div#seznam{
width:19%;
float:right;
}

.malyzel{
left:2px;
top:0px;
background-color: #c4ebc4;
}
.malybil{
left:2px;
top:0px;
background-color: white;
left:2px;

}
.sipka{
background-color: white;
cursor:pointer;
}
.sipkaz{
background-color: #c4ebc4;
cursor:pointer;
}
.tit{
font-size:80%;
background-color: white;
color:#800000;
cursor:pointer;
}
titp{
border:none;
}
.titz{
font-size:80%;
background-color: #c4ebc4;
color:#800000;
cursor:pointer;
}
.titr{
 border-color:black;
 border-top:solid;
border-bottom:solid;

}
.ram{
 border-color:black;
 border-top:solid;
border-bottom:solid;

}
div#vzkaz {
left:30%;
top:30%;
width:200px;
height:100px;
background-color:blue;
}
.prvnikniha{
color:#cca300;
text-decoration:underline;
cursor: pointer;
}
.druhakniha{
color:#004d4d;
text-decoration:underline;
cursor: pointer;
}
.tretikniha{
color:#4d004d;
text-decoration:underline;
cursor: pointer;
}

a:link {color:#800000;} 
a:visited {color:#800000;}