body {
background: url("obrazky/pozadi.png");
background-attachment: fixed;
}

#obal {
    width:800px;
    border: 2px outset gray;
    border-radius: 15px;
    height: 1050px;
    margin: 15px auto;
    padding: 25px;
    background-image: url("obrazky/Alter2022.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    box-shadow: 0px 0px 50px chartreuse;
}


#logo {
margin-top: 20px;
height: 210px;
background: url("obrazky/logoX.png");
}

#popis {
height: 20px;
margin-left: 50px;

}

.vlna {
font-family: tahoma;
margin-left: 10px;
font-size: 17px;
letter-spacing: 5px;
color:white;
transform: translateY(-10px);
}


#banner {
border-radius: 20px;
border: 2px outset gray;
height: 100px;
background: url("obrazky/pokus.gif");
margin: 50px 50px;
box-shadow: 0px 0px 50px chartreuse;
}


#paragraf {
width: 700px;
margin: 0px auto;
}

p {
font-family: tahoma;
text-align: center;
color:white;
font-size: 25px;
word-spacing: 5px;
letter-spacing: 2px;
}

#spodek {
margin-top: 20px;
height: 180px;
padding: 10px;
}

#jedna {
background:yellow;
width: 200px;
margin-left: 80px;
float: left; 
height: 210px;
margin-right:10px;
background: black;
border-radius: 25px;
border: 2px outset gray;
box-shadow: 0px 0px 50px chartreuse;
}

#dva {
background: black;
width: 210px;
float: left;
height: 220px;
margin-right:10px;
border-radius: 25px;
border: 2px outset gray;
box-shadow: 0px 0px 50px chartreuse;
}

#tri {
background: yellow;
height: 220px;
width: 200px;
float: left;
margin-right:10px;
background: black;
border-radius: 25px;
border: 2px outset gray;
box-shadow: 0px 0px 50px chartreuse;
}

h2 {
text-align: center;
font-size: 20px;
font-family: tahoma;
line-height: 25px;
color: white;
letter-spacing: 3px;
}

ul {
font-family: tahoma;
letter-spacing: 2px;
line-height: 20px;
color: white}

a {
text-decoration:none;
}


.listX {
link-height: 50px}

a:link {
color: chartreuse;
text-shadow: 0px 0px 3px chartreuse
}



a:visited {
color: chartreuse
}

a:hover {
color: blue;
text-decoration: underline overline
}


a:active {
color: yellow
}

ul {
color: chartreuse
}



#top {
text-align: right;
}


#pata {
height: 100px;
margin-top: 90px;
}

.oso {
height: 100px;
width: 100px;
border-radius: 50px;
float: left;
margin-right: 15px;
margin-left: 60px;
background-image: url("obrazky/osa.png")
}

.oso:hover {
box-shadow: 0 0 35px chartreuse;
background-image: url("obrazky/osa_hover.png");
}

.sto {
height: 100px;
width: 100px;
border-radius: 40px;
float: left;
margin-right: 15px;
background-image: url("obrazky/sto.png")
}

.sto:hover {
background-image: url("obrazky/sto_hover.png");
box-shadow: 0 0 50px chartreuse;
border-radius: 40px;
}

.expres {
height: 54px;
border-radius:25px;
width: 154px;
float: left;
margin-top: 34px;
margin-right: 15px;
background-image: url("obrazky/expres.png");
}

.expres:hover {
box-shadow: 0 0 30px chartreuse;
background: url("obrazky/expres_hover.png")
}

.fond {
height: 65px;
background: red;
width: 183px;
margin-top: 25px;
float: left;
margin-right: 15px;
background: url("obrazky/fond.png")
}

.fond:hover {
box-shadow: 0 0 25px chartreuse;
background: url("obrazky/fond_hover.png")
}

.shakuhachi {
height: 100px;
width:100px;
background: url("obrazky/shakuhachi.png");
float: left;
border-radius: 10000px;
}

.shakuhachi:hover {
box-shadow: 0 0 25px chartreuse;
background: url("obrazky/shakuhachi_hover.png");
}