/*styles sheet for meditace v Beroune*/

html, body {
   width: 100%;
   height: 100%;
   margin: 0px auto; 
   position: relative; 
   top: 1%;
   left: 5%;
   
    
   
}

header {
   width: 78%;
   height: 110px;
   border: double #660000 2px; 
   border-radius: 8px;
   padding: 10px;
   
}
header h1 {
   text-shadow: 0px 5px 3px #FFCC00;
   color: #660000;
   
}   

#cas {
    top: 25%;
    text-align:left;
}

    
#vyzitka {
    position: absolute;
    left: 50%; 
    height: 75px;
    width: 28%;
    top: 3%;
    border: 2px solid brown;
    border-radius: 8px;
    text-align: center;    
}
#vyzitka p {
    font-weight: bold;
}
#logo { 
    position: absolute; 
    width: 87%; 
    top: 3px; 
    left: 2px; 
    height: 80px; 
    text-align: center; 
    z-index: 1; 
    border-style: none; 
    border-width: medium; 
}
#hlavni {
   position: absolute;
   left: 0px;
   top: 26%;
   width: 68%;
   height: 1000px;
   border: 1px solid #660000;
   padding: 1%;
}

#uzky {
   position: absolute;
   left: 70%;
   top: 26%; 
   width: 10%;
   height: 1026px;
   border: 1px solid #660000;
}  

#uzky ul li {
   list-style-type: circle;
}

#uzky ul li a {
   text-decoration: none;
   color: black;
   
}   

#uzky ul li a:hover {
   background: #FFCC00;
}
   
   
#article {
   background-color: white;
   text-align: justify;
}

#text {
   position: absolute;
   left: 29%;
   top: 50%;
   width: 40%;
   height: 1000px;
   text-align: justify;
}

#text2 {
   position: absolute;
   left: 3%;
   top: 110%;
   width: 60%;
   height: 1000px;
   text-align: justify;
}

#text3 {
   position: absolute;
   left: 3%;
   top: 120%;
   width: 60%;
   height: 1000px;
   text-align: justify;
}