body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		background-color: #92938E;
        background-repeat: no-repeat;
        background-size: auto;
	    padding: 0px 0px 0px 0px;
	    margin: 0px 0px 0px 0px;
		}
	#panel_logowania {
	    color: white;    
	    border: 2px solid white;
	    padding: 10px 10px 10px 10px;
	    margin: 10px 10px 10px 10px;
	    width: 220px;
	    background-color: #92938E;
	}

	#panel_logowania input {
	    width: 200px;
	}
	
	@media only screen and (max-width: 1100px) {
	    
	#panel_logowania {
	    width: 80%;
	    padding: 2% 2% 2%;
	    margin: 8% 8% 8%;
	}
	
	#panel_logowania input {
	    width: 100%;
	    font-size: 32px;
	}
		
	#panel_logowania label {
	    font-size: 32px;
	}
	
	}

	#lista{
	    color: white;    
	    border-right: 4px solid #4EB229;
	    padding: 0px 14px 1px 5px;
	    margin: 0px 15px 0px 0px;
	    width: 220px;
	    position: absolute;
	    top: 0%;
	    left: 0px;
	    height: 100%;
	    overflow: auto;

	}
	
	.utwor{
	    position: relative;
	    color: white;    
	    background-color: #808080;
	    border-radius: 5px;
	    border: 1px solid #C0C0C0;
	    padding: 5px 5px 5px 5px;
	    margin: 4px 2px 4px 2px;
	    width: 195px;
	}
	
	#odtwarzacz{
	    color: white;    
	    border: solid white;
	    border-style: double;
	    margin: 10px 10px 10px 10px;
	    position: absolute;
	    left: 270px;
	    top: 1%;
	}

	#uzytkownik{
	    color: white;    
/* 	    background-image: linear-gradient(to bottom, #266300, #3AD637); */
	    border: 1px solid white;
	    padding: 5px 5px 5px 5px;
	    margin: 4px 2px 4px 2px;
	    bottom: 5px;
	    right: 5px;
	    position: absolute;
	    background-color: #4EB229;
	    border-radius: 5px;
	}
	
	
	#menu_ikona {
	    position: fixed;
	    right: 3px;
	    top: 3px;
	    z-index: 7;
	}

	#menu {
	    position: fixed;
	    right: 30px;
	    top: 30px;
	    background-color: rgba(235, 235, 235, 0.99);
	    border: 1px solid white;
	    z-index: 3;
	    color: black;
	    margin: 2px 2px 2px 2px;
	    padding: 2px 12px 2px 12px;
	    display: none;
	}
	
	#instrukcja {
	    position: fixed;
	    top: 10%;
	    left: 10%;
	    min-width: 80%;
	    min-height: 80%;
	    background-color: rgba(35, 35, 35, 0.99);
	    border: 1px solid white;
	    z-index: 5;
	    margin: 2px 2px 2px 2px;
	    padding: 2px 2px 2px 2px;
	    display: none;
	}
	
	#znakX {
	    position: fixed;
	    right: 10.5%;
	    top: 10.5%;
	}

	#znakXi {
	    position: fixed;
	    right: 10.5%;
	    top: 60.5%;
	}	

	#instrukcja_tresc {
	    position: fixed;
	    right: 11%;
	    width: 78%;
	    height: 74%;
	    top: 15%;
	    color: #d9e6f2;
	    overflow-y: scroll;
	}
	
	#konto {
	    position: fixed;
	    top: 10%;
	    left: 10%;
	    min-width: 80%;
	    min-height: 80%;
	    background-color: rgba(35, 35, 35, 0.99);
	    border: 1px solid white;
	    z-index: 5;
	    margin: 2px 2px 2px 2px;
	    padding: 2px 2px 2px 2px;
	    display: none;
	}

	#konto_tresc {
	    position: fixed;
	    right: 11%;
	    width: 78%;
	    height: 74%;
	    top: 15%;
	    color: #d9e6f2;
	    overflow-y: scroll;
	}

	#nowyu {
	    position: fixed;
	    top: 10%;
	    left: 10%;
	    min-width: 80%;
	    min-height: 80%;
	    background-color: rgba(35, 35, 35, 0.99);
	    border: 1px solid white;
	    z-index: 5;
	    margin: 2px 2px 2px 2px;
	    padding: 2px 2px 2px 2px;
	    display: none;
	}

	#nowyu_tresc {
	    position: fixed;
	    right: 11%;
	    width: 78%;
	    height: 74%;
	    top: 15%;
	    color: #d9e6f2;
	    overflow-y: scroll;
	}	
	#info {
	    position: fixed;
	    top: 60%;
	    left: 10%;
	    min-width: 80%;
	    min-height: 30%;
	    background-color: rgba(35, 35, 35, 0.99);
	    border: 1px solid white;
	    z-index: 4;
	    margin: 2px 2px 2px 2px;
	    padding: 2px 2px 2px 2px;
	}
	
	#info_tresc {
	    position: fixed;
	    right: 11%;
	    width: 78%;
	    height: 24%;
	    top: 65%;
	    color: #d9e6f2;
	    overflow-y: scroll;
	}
	    
	a:link {
    color: white;
    text-decoration: none;
    font-weight: bold;
    }
    
    a:visited {
    color: white; 
    text-decoration: none;
    font-weight: bold;
    }
    
    a:hover {
    color: yellow; 
    text-decoration: underline;
    font-weight: bolder;
    }
 
    a:active {
    color: green; 
    text-decoration: none;
    font-weight: bold;
    }

    #menu a:link {
    color: black;
    text-decoration: none;
    font-weight: normal;
    }
    
    #menu a:visited {
    color: black; 
    text-decoration: none;
    font-weight: normal;
    }
    
    #menu a:hover {
    color: black; 
    text-decoration: underline;
    font-weight: normal;
    }
 
    #menu a:active {
    color: black; 
    text-decoration: none;
    font-weight: normal;
    }
   
    
    /* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #4EB229; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #6AE236; 
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #387C1D; 
}

    
    .opis {
    font-size: 80%;
    }
    
    .lubie {
	    background-image: linear-gradient(to bottom, #FF732D, #FF9C23);        
    }

    .zwykle {
	    background-image: linear-gradient(to bottom, #808080, #A0A0A0);     
    }
    

    #info ::-webkit-scrollbar-track {
    background: #232323;
    } 
    
	#instrukcja ::-webkit-scrollbar-track {
    background: #232323; 
    }
    
	#konto ::-webkit-scrollbar-track {
    background: #232323;
    }
    
    #nowyu ::-webkit-scrollbar-track {
    background: #232323;
    }
    
    
	@media only screen and (orientation: portrait) {
	  
	body {
	font-size: 28px;
	background-position:-250px 0px;
	}

    label, input {
	font-size: 28px;
	}
	
    img{
	    width: 40px;
	    height: 40px;
	}
	
		
	#myVideo{
	    width: 100%;
	    height: 100%;
	} 
	#lista{
	    color: white;    
	    border-right: 4px solid #4EB229;
	    padding: 0px 14px 1px 5px;
	    margin: 0px 15px 0px 0px;
	    width: 80%;
	    position: absolute;
	    top: 48%;
	    left: 0px;
	    height: 47%;
	    overflow: auto;
	    background-color: none;
	}
	
	.utwor{
	    position: relative;
	    color: white;    
	    background-color: #808080;
	    border-radius: 5px;
	    border: 1px solid #C0C0C0;
	    padding: 10px 10px 10px 10px;
	    margin: 7px 7px 7px 7px;
	    width: 98%;
	}
	
	#odtwarzacz{
	    color: white;    
	    border: solid white;
	    border-style: double;
	    margin: 10px 10px 10px 10px;
	    position: absolute;
	    left: 0%;
	    top: 1%;
	    right: 0%;
	    height: 45%;
	}

	#uzytkownik{
	    color: white;    
/* 	    background-image: linear-gradient(to bottom, #266300, #3AD637); */
	    border: 1px solid white;
	    padding: 5px 5px 5px 5px;
	    margin: 4px 2px 4px 2px;
	    bottom: 5px;
	    right: 5px;
	    position: absolute;
	    background-color: #4EB229;
	    border-radius: 5px;
	}
	
	
	#menu_ikona {
	    position: fixed;
	    right: 5px;
	    top: 5px;
	    z-index: 7;
	    width: 75px;
	    height: 75px;
	}
	
	#menu_ikona img {
	    width: 75px;
	    height: 75px;	    
	}

	#menu {
	    position: fixed;
	    right: 60px;
	    top: 60px;
	    background-color: rgba(235, 235, 235, 0.99);
	    border: 1px solid white;
	    z-index: 3;
	    color: black;
	    margin: 2px 2px 2px 2px;
	    padding: 20px 12px 2px 12px;
	    display: none;
	}
	
	#instrukcja {
	    position: fixed;
	    top: 5%;
	    left: 5%;
	    min-width: 90%;
	    min-height: 90%;
	    background-color: rgba(35, 35, 35, 0.99);
	    border: 1px solid white;
	    z-index: 5;
	    margin: 2px 2px 2px 2px;
	    padding: 2px 2px 2px 2px;
	    display: none;
	}
	
	#znakX {
	    position: fixed;
	    right: 5.5%;
	    top: 6%;
	}

	#znakX img{
	    width: 75px;
	    height: 75px;
	}
	
	#znakXi {
	    position: fixed;
	    right: 5.5%;
	    top: 53%;
	}	

	#znakXi img{
	    width: 75px;
	    height: 75px;
	}
	
	#instrukcja_tresc {
	    position: fixed;
	    right: 8%;
	    width: 84%;
	    height: 82%;
	    top: 13%;
	    color: #d9e6f2;
	    overflow-y: scroll;
	}
	
	#konto {
	    position: fixed;
	    top: 5%;
	    left: 5%;
	    min-width: 90%;
	    min-height: 90%;
	    background-color: rgba(35, 35, 35, 0.99);
	    border: 1px solid white;
	    z-index: 5;
	    margin: 2px 2px 2px 2px;
	    padding: 2px 2px 2px 2px;
	    display: none;
	}

	#konto_tresc {
	    position: fixed;
	    right: 8%;
	    width: 84%;
	    height: 82%;
	    top: 13%;
	    color: #d9e6f2;
	    overflow-y: scroll;
	}

	#nowyu {
	    position: fixed;
	    top: 5%;
	    left: 5%;
	    min-width: 90%;
	    min-height: 90%;
	    background-color: rgba(35, 35, 35, 0.99);
	    border: 1px solid white;
	    z-index: 5;
	    margin: 2px 2px 2px 2px;
	    padding: 2px 2px 2px 2px;
	    display: none;
	}

	#nowyu_tresc {
	    position: fixed;
	    right: 8%;
	    width: 84%;
	    height: 82%;
	    top: 13%;
	    color: #d9e6f2;
	    overflow-y: scroll;
	}	
	#info {
	    position: fixed;
	    top: 52%;
	    left: 5%;
	    min-width: 90%;
	    min-height: 45%;
	    background-color: rgba(35, 35, 35, 0.99);
	    border: 1px solid white;
	    z-index: 4;
	    margin: 2px 2px 2px 2px;
	    padding: 2px 2px 2px 2px;
	}
	
	#info_tresc {
	    position: fixed;
	    right: 8%;
	    width: 84%;
	    height: 37%;
	    top: 59%;
	    color: #d9e6f2;
	    overflow-y: scroll;
	}
	
	}