/* CSS Document */
/* sablona pre 01_zaklad.html*/


 /* nastavenie pre html5 pre spravne zobrazenie v prehliadaci */
    article, aside, details, figcaption, figure, footer, header,
  hgroup, main, menu, nav, section { display: block; }
  /* dipslay block - nastavi na celu sirku rodica*/
  
 html, body{margin:0px;  /*posunutie blokov header,nav... od okraja obrazovky */
 
  background-color:grey;
  background-image:url(1.jpeg);
  background-repeat:no-repeat;
  background-size:120%} 

header{ 
       background:rgba(0,64,64,0);     
       left:7%;
       top:0%;
       width:86% ;
       height:10%;
       position:absolute;
       font-family: courier;
       font-size: 120%;
         } 
         
a:link {color: white;
        text-decoration: none;
        font-family: courier;
        font-size: 120%;
     
        }
a:hover {color:gray;
         text-decoration: none;
         font-family: courier;
         font-size:125%;
        }

ul {      left:7%;           
          top:12%;
          width:86% ;
          height:7%;
          position:absolute;
          font-size: 120%;
           
          border-radius: 30px 30px 30px 30px;
          -moz-border-radius: 30px 30px 30px 30px;
          -webkit-border-radius: 30px 30px 30px 30px;
           border: 1px solid gray;
          
           list-style-type: none;
           margin: 0px;
           padding: 0px;
           overflow: hidden;
           background-color:rgb(0,96,64) ;}
     li   {  float: left; }
     li a {display: block ;
           color: white;
           text-align: center;
           margin: 0px;
                                           padding: 12px 27px;        
           text-decoration: none;}
     li a: hover{background-color:white; }

#menu {    position: static;
          text-align: center;
           height: 50px;
          
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 10px;
    -webkit-padding-start: 40px;}


main{
     background:rgba(255,255,255,0.4);
      left:7%;
       top:21%;
       width:70% ;
       height:72%;
       position:absolute;
       border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
-webkit-border-radius: 30px 30px 30px 30px;
       overflow:auto;
       border: 0px;
       margin: 0px;
       padding: 0px;
    }
    
    

main2 {background:transparent;
       left: 79%;
       top: 21%;
       width: 16%;
       height: 72%;
       position:absolute;
        
        }



footer{   
      background:transparent;
       left:40%;
       top:96%;
       width:20% ;
       height:4%;
       position:absolute;
       margin:0px; 
       padding:0px;
       text-align: center;
       font-size: 10;
     }