body{margin-top:0px; background-color:#f6f5ee; padding: 0px 0px 0px 0px;}
@font-face {
    font-family: Bebas;
    src: url(/htmle/czcionki/bebas2.ttf);
}
@font-face {
    font-family: OpenSans;
    src: url(/htmle/czcionki/OpenSans-Semibold.ttf);
}

#baner {
width:800px;
height:30px;
}

#baner1000 {
width:1000px;
height:30px;
background-color: #D3D2C2;
}

#baner800 {
width:800px;
height:30px;
background-color: #D3D2C2;
}

#baner_kostka {
width:30px;
height:30px;
float:left;
background-color: #c1c0bb;
}

#baner_tytul1000 {
padding:5px 10px 0px 10px;
width:auto;
height:25px;
background-color: #A9A898;
color:#111111;
float:left;
font-family: Bebas;
font-size: 18px;
}

#baner_reszta1000 {
	
padding:5px 10px 0px 10px;
width:auto;
height:25px;
background-color: transparent;
color:#111111;
float:left;
font-family: Bebas;
font-size: 18px;
}

#baner_wazn1000 {
	
padding:5px 10px 0px 10px;
width:auto;
height:25px;
background-color: #A9A898;
color:#111111;
float:right;
font-family: Bebas;
font-size: 18px;
}

#baner_tytul {
padding:3px 0px 0px 10px;
width:760;
height:27px;
background-color: #1b2a47;
color:#ffffff;
float:left;
font-family: Bebas;
font-size: 22px;
}

#glowny {width:1000px; position:relative:auto; margin:auto; background-color:#f6f5ee;}

#main-menu-left {width:200px; height:40px; background-color: #1b2a47; float:left; text-align:center;}
#main-menu-center {width:600px; height:40px; background-color: #ffffff;float:left;}
#main-menu-right {width:200px; height:40px; background-color: #1b2a47;float:left;}


#czynapewno {width:280px; height:40px;  background: #1b2a47;  border-radius: 10px 10px 10px 10px; position: absolute; top:0px; left:710px; z-index:10; text-align: center; font-family: Bebas, arial;font-size: 20px; color: #ffffff;}

.taknie{
	margin-top:4px; 
width:70px;
height:25px;
background: #cccccc;
color: #111111;
font-size: 14px;
font-weight: bold;
text-decoration: none;
border-radius: 6px 6px 6px 6px;
}
#kom0 {width:40px; height:40px; background-color: transparent;float:left;}

#kom1 {width:50px; height:40px; background-color: transparent;float:left;}
#liczbawiad {position: absolute; top:15px; z-index:6;}

#kom2 {width:50px; height:40px; background-color: transparent;float:left;}

#wyloguj {width:50px; height:50px; background-color: transparent; float:left;}

#naglowek {width:1000px; height:75px; background-color: transparent; position: relative; top:0px; left:0px;  z-index:1;}
#banob {width:1000px; height:25px; background-color: transparent; position: absolute; top:0px; left:0px;  z-index:1;}

#main-menu {
position: relative; 
top:25px;
left:0px;  
z-index:1;
width:1000px;
height:40px;
float:left;
font-family: Bebas;
font-size: 22px;
background-color: transparent;
}

tul, tul tli {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

tul tli {
	width:100px;
    height:40px;
	background-color: transparent;
	display: inline;
}

tul a:link, tul a:visited {
	text-decoration: none;
	display: block;
	width: 100px;
	text-align: center;
	background-color: #transparent;
	color: #000;
	padding:5px 0px 0px 0px;
}

tul a:hover {
color: #ff0000;
}
.menu2 {
float:left;
}

.menu1 {
padding:5px 0px 0px 0px;
float:left;
width: 10px;
}

.lw{
width:20px;
height:20px;
top:2px;
background: #ff0000;
font-size: 14px;
font-weight: bold;
text-align: center;
display:table-cell;
vertical-align:middle;
color: #ffffff;
border: 0px;
border-radius: 10px 10px 10px 10px;
}
#eiskom {width:800px; height:700px;  background: #CCCCCC;  border-radius: 10px 10px 10px 10px; position: absolute; top:5px; left:50px; z-index:10; font-family: arial;font-size: 16px; color: #000000;}
#xbuton {position: absolute; top:5px; left:760px;width:30px; height:20px;background: transparent; font-size: 14px; font-weight: bold; text-decoration: none; border-radius: 10px 10px 10px 10px;   }

#kolumna-glowna {position:relative; margin:auto; background: #f6f5ee; width:1000px; display:table;}

#kolumna-menu {
width:200px;
height:auto;
float:left;
font-family: Bebas;
font-size: 16px;
background-color: transparent;
}

tt{    
padding: 0px 0px 1px 0px;
display: block;
color: #eeeeee;
font-family: Bebas;
font-size: 32px;  	
width:200px;
height:50px;
}

kk{    
padding: 0px 0px 1px 0px;
display: block;
color: #eeeeee;
font-family: Bebas;
font-size: 32px;  	
width:200px;
height:40px;
}
.kursm {
text-align:center;
padding: 8px 0px 0px 0px;
color: #eeeeee;
font-family: Bebas;
font-size: 18px;  	
text-align:left;
 float:left;
}

.przedmiot {
text-align:center;
padding: 6px 0px 0px 0px;
}

.przedmiot2 {
font-size: 20px;  		
text-align:center;
padding: 6px 0px 0px 0px;
}

dl,dl dd,dl dds,dl ddx{
	display: block;
	list-style: none;
	background-color: #ffffff;
    margin: 0;
	padding: 0;
    width:200px;
    height:21px;	

}

dl dd{
	padding: 2px 0px 0px 0px;	
	background-image: url("/htmle/image/buttonmenu.jpg");
}

dl dds{      	
	padding: 2px 0px 0px 0px;
	background-color: #324C80;
	background-image: url("/htmle/image/buttonsub2.png");
}

dl ddx{      	
	padding: 2px 0px 0px 0px;
	background-image: url("/htmle/image/buttonx.jpg");
}

dl a:link, dl a:visited {
        text-decoration: none;
        border: 0px;
        border-style: solid;
        color: #eeeeee;
        padding: 2px 0px 0px 4px;
}


dl dds a:link, dl dds a:visited {
        text-decoration: none;
        border: 0px;
        border-style: solid;
        color: #eeeeee;
		margin: 0px 0px 0px 10px;
}

dl a:hover {
	color: #ff3333;
}

dl dds a:hover {
	color: #ff3333;
}

.boxkolor{
margin: 4px 0px 0px 4px;
float:left;	
width:12px;
height:12px;
}

#kolumna-srodkowa {
position:relative; margin:auto;
padding: 0px 0px 0px 0px;
width:800px;
color: #000000;
background: #ffffff;
font-family: OpenSans;
float:left;
font-size: 16px;
}
.k0kolor{color:#999999;}
.k0bgkolor{background-color:#999999;}

.k1kolor{color:#FFDE2F;}
.k1bgkolor{background-color:#FFDE2F;}

.k2kolor{color:#A5C715;}
.k2bgkolor{background-color:#A5C715;}

.k3kolor{color:#E10814;}
.k3bgkolor{background-color:#E10814;}

.k4kolor{color:#008ED5;}
.k4bgkolor{background-color:#008ED5;}

.k5kolor{color:#008639;}
.k5bgkolor{background-color:#008639;}

.k52kolor{color:#008639;}
.k52bgkolor{background-color:#008639;}

.k6kolor{color:#7F156E;}
.k6bgkolor{background-color:#7F156E}

.k7kolor{color:#BDBCBC;}
.k7bgkolor{background-color:#BDBCBC;}

.k8kolor{color:#A2130D;}
.k8bgkolor{background-color:#A2130D;}

.k12kolor{color:#A5C715;}
.k12bgkolor{background-color:#A5C715;}

.k13kolor{color:#004520;}
.k13bgkolor{background-color:#004520;}

.k14kolor{color:#FFDE2F;}
.k14bgkolor{background-color:#FFDE2F;}

.k20kolor{color:#E71F5E;}
.k20bgkolor{background-color:#E71F5E;}


.login_container_main, .container_main_ {
	background: url(https://aktywnyrozwoj.org.pl/wp-content/uploads/2021/11/top_bg.jpg);
    background-size: cover;
    background-position: center;
	height: 100vh;
}
.login_container {
	max-width: 880px;
    margin: auto;
    background: #fffffff2;
    padding: 2rem;
    border: 2px solid #ffffff80;
    border-radius: 5px;
}
.login_container_boxes img{
	width: 100px; 
}

.input_login {
	padding: 5px;
    border: 1px solid #dfdfdf;
	height: auto;
}

.btn_login_container {
	font-size: 16px;
    font-family: bebas;
    background: #8bc34a !important;
    border: 1px solid #78b531 !important;
    margin: auto;
    width: 220px;
}
.btn_login_container:hover
{
	background: #4caf50 !important;
}
.btn_login_admin_container {
	font-size: 16px;
    font-family: bebas;
    background: #f5594e !important;
    border: 1px solid #d83a2f !important;
    margin: auto;
    width: 220px;
}
.btn_login_admin_container:hover
{
	background: #c21c10 !important;
}

.social_icons {
	font-size: 2rem;
	text-decoration: none;
	text-align: right;
    padding-top: 4rem;
}
.social_icons a {
	color:gray;
}

.reset_container_main {

}