a:link {
    color: #FFFFFF;
	text-decoration: none;
}
a:visited {
    color: #FFFFFF;
	text-decoration: none;
}
a:hover {
    color: #e6e6e6;
	text-decoration: none;
}
a:active {
    color: #FFFFFF;
	text-decoration: none;
}

body{
	background: #191919;
	font-family: Calibri, Arial;
	color: white;
	//background-image: url(/inet/img/bg7.jpg);
	//background-repeat: no-repeat;
	background-attachment:fixed;
	
}

//#icon{
	width: 54px;
}

.ikonka {
	position: absolute;
	opacity: 0.40;
	left: 10px;
	bottom: 10px;
}
.ikony{
	//background-color: lightgreen;
	width: 226px;
	position: absolute;
	right: 5px;
	height: 54px;
	top: 85px;
}

.podnies{
	margin-top: -40px;
}

#zdjecie_pracownika{
	position: absolute;
	clip: rect(0px 54px 54px 0px);
	width: 55px;
}
#zdjecie_pracownika:hover{
	opacity: 0.5;
}

.gridly, .gridly > :not(.dragging) {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
.gridly .dragging {
  z-index: 800; }

.calosc {
	width: 1034px;
	position: absolute;
	left: 50%;
	padding-bottom: 30px;
	margin-left: -512px;
	//margin-top: -42;
	//background-color: lightgreen;
}  
.logo {
	//background-color: red;
	margin-left: 5px;
	//background-image: url(/inet/img/inet_bialy.png);
	//background-image: url(/inet/img/logogrupy.svg);
	background-repeat: no-repeat;
	height: 115px;
	margin-top: 25px;
}

.logogrupy {
background-image: url(/inet/img/zlota_grupa.png);
background-size:100%;
position: absolute;
right: 5px;
top: 22px;
z-index: 999;
width: 226px;
height: 54px;
}

.reklama {
	font-size: 26;
}

.kolumna{
	float: left;
	margin-top: 30px;
	//background-color: lightgreen;
}

.podstrona{
	float: left;
	margin-top: 35px;
	//background-color: lightgreen;
	width: 764px;
}
  
.gridly {
	position: relative;
	width: 226px;
	//background-color: rgb(240, 240, 240);
	margin: 0 40px 0 0;
 }
 
.space {
	//background-color: red;
	height: 270px;
}
.space2 {
	//background-color: red;
	height: 270px;
}
 
.gridly.ostatni{
	margin: 0px 0px 0 0;
}
 .gridly.left {
 	float: left;
}
 .gridly.right {
 	float: right;
}
.kafel {
	overflow: hidden;
	margin: 5px;
	font-size: 14;
	//font-weight: bold;
  }
  
.wnetrze{
	//background-color: lightgreen;
	height: calc(100% - 10px);
	margin-left: 5px;
	margin-top: 5px;
	width: calc(100% - 10px);
}

.logowanie{
width: 512px;
left: 50%;
position: absolute;
margin-left: -256px;
margin-top: 100px;
}

.loginhaslo{
	background-color: white !important;
	background-image: url(/inet/img/logowanie.png);
    border: 1px solid #999; 
    outline:0; 
    height:40px; 
    width: 512px; 
	padding-left: 14px;
	font-size: 14;
}

.logologowanie{
width: 350px;
}


.przyciskzaloguj {
width: 256px;
height: 30px;
}

input:-webkit-autofill {
    background-color: white !important;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}


.logo_kafel{
margin-top: 18px;
}

.kafel img {
    padding: 0px;
  }
.kafel div {
    padding: 0 0px 0 0px;
  }
.kafel.kwadratmaly {
    width: 110px;
    height: 110px;
  }
.kafel.kwadratduzy {
    width: 226px;
    height: 226px;
  }
.kafel.prostokat {
	width: 226px;
	height: 110px;
}

.kafel.prostokatduzy {
	width: 492px;
	height: 225px;
}

.kafel.czerwony1 { background-color: #ad0101; }
.kafel.czerwony2 { background-color: #ff7f00; }
.kafel.czerwony3 { background-color: #9e1010; }
.kafel.czerwony4 { background-color: #fe0000; }
.kafel.czerwony5 { background-color: #ff7f00; }
.kafel.czerwony6 { background-color: #fe0000; }
.kafel.czerwony7 { background-color: #cd0000; }
.kafel.czerwony8 { background-color: #ad0101; }
.kafel.czerwony9 {background-color: #ed1c24; }

.kafel.zielony1 { background-color: #48ab00; }
.kafel.zielony2 { background-color: #285f01; }
.kafel.zielony3 { background-color: #77b701; }
.kafel.zielony4 { background-color: #628e13; }
.kafel.zielony5 { background-color: #628e13; }
.kafel.zielony6 { background-color: #b5e11c; }

.kafel.niebieski1 { background-color: #0059a9; }
.kafel.niebieski2 { background-color: #0090ff; }
.kafel.niebieski3 { background-color: #2772b6; }
.kafel.niebieski4 { background-color: #005aff; }
.kafel.niebieski5 { background-color: #1e69ac; }
.kafel.niebieski6 { background-color: #0287ed; }
.kafel.niebieski7 { background-color: #005aff; }
.kafel.niebieski8 { background-color: #0059a9; }
.kafel.niebieski9 { background-color: #005aff; }

.kafel.fioletowy1 { background-color: #8001aa; }
.kafel.fioletowy2 { background-color: #b601ff; }
.kafel.fioletowy3 { background-color: #b421e3; }
.kafel.fioletowy4 { background-color: #ec00ff; }
.kafel.fioletowy5 { background-color: #8001aa; }
.kafel.fioletowy6 { background-color: #b601ff; }
.kafel.fioletowy7 { background-color: #ec00ff; }
.kafel.fioletowy8 { background-color: #ad00ba; }
.kafel.fioletowy9 { background-color: #881b90; }

.kafel.morski1 { background-color: #325e77; }
.kafel.morski2 { background-color: #4b94b4; }
.kafel.morski3 { background-color: #4a7db4; }
.kafel.morski4 { background-color: #325e77; }
.kafel.morski5 { background-color: #4a7db4; }

.kafel.szary1 { background-color: #333333; }
.kafel.szary2 { background-color: #68606d; }
.kafel.szary3 { background-color: #70768A; }

.kafel.zolty1 { background-color: #DAA808; }
.kafel.zolty2 { background-color: #8b6618; }

.kafel.zdjecie { background-image: url(/inet/img/przyklad.jpg); }

.kafel:hover {
	//background-color: gray;
	-moz-box-shadow: 0px 0px 0px 1px #f7f7f7;
	-webkit-box-shadow: 0px 0px 0px 1px #f7f7f7;
	box-shadow: 0px 0px 0px 1px #f7f7f7;
}
.kafel:active{
	opacity: 0.75;
}

.struktura{
	width: 1000px; 
	overflow-x:auto;
    white-space:nowrap;
    padding:15px;
}

ul {
    list-style-type: square;
}