/* CSS Document */
@charset "UTF-8";

    
      body  a.style{
        background-color:black;
		    color:#AF3002;
		    font-family:sans-serif;
		    font-size:13px;
		    text-decoration:none;
	    }

body {
    
    background-color: rgba(0, 255, 255, 0,1);
}
	    .wrapper{
		    font-family:Arial, Helvetica, sans-serif;
		    margin-top:50px;
		  margin-left:50px;
	    }

	    .wrapper h1{
		    font-family:Arial, Helvetica, sans-serif;
		    font-size:36px;
	    }
      
	    button{
		    padding:4px;
		    display:inline-block;
		    cursor:pointer;
		    font:12px/14px Arial, Helvetica, sans-serif;
		    color:#666;
		    border:1px solid #999;
		    background-color:#eee;
		    -moz-border-radius:10px;
		    -webkit-border-radius:10px;
		    -moz-box-shadow:#999 2px 0px 3px;
		    -webkit-box-shadow:#999 2px 0px 3px;
		    margin-bottom:4px;
	    }
      
	    button:hover{
		    color:#aaa;
		    background-color:#000;
	    }
      
	    :focus {
		    outline: 0;
	    }

	    span.btn{
		    padding:10px;
		    display:inline-block;
		    cursor:pointer;
		    font:12px/14px Arial, Helvetica, sans-serif;
		    color:#aaa;
		    background-color:#eee;
		    -moz-border-radius:10px;
		    -webkit-border-radius:10px;
		    -moz-box-shadow:#999 2px 0px 3px;
		    -webkit-box-shadow:#999 2px 0px 3px;
	    }
      
	    span.btn:hover{
		    background-color:#000;
	    }

	    .msgBox{
		    position:absolute;
		  width:250px;
		  height:60px;
		  background:black;
		  -moz-box-shadow:#999 2px 0px 3px;
		  -webkit-box-shadow:#999 2px 0px 3px;
		  -moz-border-radius:10px;
		  -webkit-border-radius:10px;
		  padding:10px;
		  padding-top:20px;
		  top:10px;
		  right:10px;
		  font:20px/24px Arial, Helvetica, sans-serif;
	  }

    .rootVoices td.rootVoice.custom.selected{
      background: red;
      padding:8px;
      color:#ffffff;
      cursor: pointer;
      font-size:14px;
      text-shadow:#660033 1px 1px 1px;
      -moz-border-radius:  8px 0 0  8px;
      -webkit-border-top-right-radius:7px;
      -webkit-border-top-left-radius:7px;
      -webkit-border-bottom-right-radius:0;
      -webkit-border-bottom-left-radius:0;
    }
    
    table{
      width: 100%;
      text-align: center;
    }
    
    td.p{
      width: 100%;
    }
    
    tr.w{
      height: 8px;
    }
    
    #rodzic1 {
      background-color:black;
      
    } 

    #dziecko1 {
      
      padding-bottom: 1.03%;
      padding-top: 1%;
      float:left;
      width:24%;     
    }

    #dziecko2 {
      
      padding-bottom: 1.03%;
      padding-top: 1%;
      float:right;
      width:24%;
      
    }
    #dziecko3 {
        
      float:left;
      width: 52%;
    }
    
    #rodzic2 {
      background-color:black;
      clear:both;
      margin-bottom: auto
    } 
    
    #dziecko4 {
      
      padding-bottom: 1%;
      padding-top: 1%;
      float:left;
      width:24%;     
    }

    #dziecko5 {
      
      padding-bottom: 1%;
      padding-top: 1%;
      float:right;
      width:24%;
      
    }
    #dziecko6 {
        
      float:left;
      width: 52%;
      margin-bottom: auto;
    }
    
    
    
    #wlkcz{
        font-size: 42px;
        font-weight: 800;
    }
    
    #magines{
        text-align: left;
        text-indent: 2em;
    }
    
    #magines0{
        text-align: left;
    }
    
    #magines2{
        text-align: left;
        margin-left: 2em;
    }
    
    #magines2p{
        text-align: left;
        text-indent: -4em;
        margin-left: 4em;
    }
    
    #magines6{
        text-align: left;
        margin-left: 6em;
    }
    
    #colorred{
      color: red;
    }
    
    #colorredw{
      color: red;
      text-align: center;
    }
    
    #colorgreen{
      color: green;
    }

    #colorblack{
      color: black;
    }
    #colorblue{
      color: blueviolet;
    }

    #osob{
      color: green;
      text-decoration: underline;
      font-weight: bold ;
      font-style: italic ;
    }
    
    #kursywa{
      font-style: italic;
    }
    
    #przez{
      color: black;
      background: rgba(0, 255, 255, 0.1);
    }
    
    #wys{
      height: 300px; 
    }
    
    h1{
      font-size: 16px;
      text-align: center;
    } 
    
    h2{
      text-decoration: underline;
      color: red;
      text-align: center;
    }
    
    h3{
      text-align: center;
    }
    
    #srodek{
      text-align: center;
    }
    
    #dzien{
      text-decoration: underline;
      font-weight: bold ;
      font-style: italic ;
    }

    #informacja{
      text-decoration: underline;
      font-style: italic ;
    }

    #wers {
  font-size: 32px;
  font-style: oblique;
  color: black;
}

#podkreslenie {
  text-decoration: underline;
}


.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 10px 100px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.buttonk {
    background-color: #c1c1c1; 
    color: black;
    border: 2px solid black; 
}

.buttonk:hover {
    background-color: #414141;
    color: white;
    border: 2px solid black;
}

li{
   text-align: left;
}

   #rownaj {
    text-align: left;
}