/* To ma być w pliku css */
	
	body {
			font-size: 16px; /*Nie chcemy ustawiać przez "em" czyli browser default np. 1.2em bo wszyscy ss mają mieć taką samą czcionkę*/
	}
	
	
	/* Dotted red border */
	hr {
		border-bottom: 1px dashed blue; /*inne opcje: solid, dashed*/
		
		}
		
		footer {
			font-size: 18px; /*Nie chcemy ustawiać przez "em" czyli browser default np. 1.2em bo wszyscy ss mają mieć taką samą czcionkę*/
	}
		
	
	#up {
		  
		  margin: 0;
		  padding: 4px;
		  /*border: 3px solid black;*/
		  position: fixed;
		  width: 99%; /*tu ma być trochę luzu bo inaczej scrolla nie będzie widać*/
		  left: 0;
		  top: 0;
		  height: 13%;
		  background-color:  #C1E1C1;
		  z-index: 2;
		  text-align: left;
		  font-family: "Courier New"; /*"Lucida Console";*/
		  font-weight: bold; 
		  font-size: 14px;
		  overflow-y: overflow;
		  
		  		  
		}
		
		
		#down {
		  margin: 0;
		  padding: 4px;
		  /*border: 3px solid black;*/
		  position: fixed;
		  width: 99%; /*tu ma być trochę luzu bo inaczej scrolla nie będzie widać*/
		  left: 0;
		  bottom: 0;
		  height: 5%;
		  background-color:  #C1E1C1;
		  z-index: 1;
		  text-align: left;
		  font-family: "Courier New"; /*"Lucida Console";*/
		  font-weight: bold; 
		  font-size: 14px;
		  overflow-y: scroll;
		  
		  		  
		}
	
	
	#col-1 {
		
			/*margin: 10px;*/
			padding: 5px;
			border: 3px solid black;
		  position: fixed;
		  width: 20%; 
		  left: 0; /*zaczyna się kolumna na południku 0*/
		  top: 13%;
		  height: 78%;
		  background-color:  #eee;
		  z-index: 3;
		  text-align: left;
		  font-family: "Arial";
		  font-weight: bold;
		 		  
		}

	#col-2 {
		  margin: 0;
		  padding: 5px;
		  border: 3px solid black;
		  
		  position: fixed;
		  width: 78%; /*tu ma być trochę luzu bo inaczej scrolla nie będzie widać*/
		  top: 13%;
		  left: 21%; /*zaczyna się kolumna na południku 20%*/
		  height: 78%;
		  background-color:  #fdfefe;
		  z-index: 4;
		  overflow-y: hidden;
		  /*overflow-y: visible;*/
		  		  
		}
        
    
        	
    .vertical-menu { /*ogólna budowa menu w kolumnie 1*/
            position: absolute; /*czyli wzgl. parent div, czyli col-1*/
			width: 90%; /*300px;*/
			height: 77%; /*80%*/
			overflow-y: scroll;
        }
  
    .vertical-menu a {
            background-color: #eee; /*kolor sensów: ciemny szary*/
            color: #000000; /*black*/
			/*font-weight: bold;*/
            display: block;
            padding: 12px;
            text-decoration: none;
			
			
        }
  
    .vertical-menu a:hover {
           background-color: #ccc; /*color of highligting: ciemny szary*/
		}
	
  
    .vertical-menu a.active { /*dane mało ważne, bo dot. pola czarnego*/
            background-color: #000000; /*czarny*/
            color: white; /*kolor czcionki*/
			
			/*font-size:1.6em;*/
				
			
        }
	
		
	.nr {
		font-family: "Arial";
			font-weight: bold;
			color:#ff0000; /*czerwony*/
		}
	
	.headw {
		font-family: "Verdana";
		  font-weight: bold;
		  font-size: 20px; 
		}
	.subhead {
		font-family: "Verdana";
		  font-weight: bold;
		  font-size: 16px; 
		  text-indent: 10px;
		  
		}
	
	.pos {
		font-family: "Times New Roman";
		font-style: italic;
		}
	.guideword {
		color:#e67300; /*czerwonawy*/
		/*color:#0000ff; /*niebieski*/
		font-family: "Arial";
		font-weight: bold;
		font-style: italic;
		font-variant: small-caps;
		border-width: 1px; /*tu rameczki dajemy*/
		border-style: solid;
		border-color: #0000ff;
		}
	.guideword-left {
		color:#0000ff; /*niebieski*/
		font-family: "Arial";
		font-weight: lighter;
		font-style: italic;
		font-variant: small-caps;
		}
	.phrasal {
		color:#006400; /*green*/
		font-family: "Arial";
		font-weight: bold;
	}
	.DEF {
		font-family: "Verdana";
		
		}
	.example {
		font-family: "Courier New";
		font-style: italic;
		font-weight: light;
		}
	
	
	
/*guideword, nr, DEF, example*/

    :target { /*ten target podświetla sens w hasle, do którego to sensu prowadzi link*/
			display: block; /* Show the targeted content div */
			/*background-color: #e1e4ea; /*#D6EAEA;*/
			background-color: #c5e3e7;
			border: 2px solid #007BFF;

		}

		
		
	#table1 td {
		
			border: 1px solid black;
			font-family: "Courier New";
			font-style: italic;
			background-color: #B2BEB5;
			font-size: 14px;
			font-weight: bold;
			
		
		
	}
	
	
	#table1 {
			background-color: #B2BEB5;
			font-family: "Courier New";
			font-style: italic;
			
	
	}
	
	.submit {
			    
			    font-family: Arial;
			    color: red; /*#f4f4f4; style="margin-left: 15%; height:20px; width:150px"*/ 
			    /*margin-left: 90%; */
			    /*height:20px; 
			    width:250px;*/
	}