body{
	background-color: #fff;
	color:#777;
	font: normal 13px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	margin: 0;
}




table { 
border-collapse: 
collapse; border-spacing: 0; 
}

td, th { 
border: 1px solid transparent; /* No more visible border */
height: 24px; 
transition: all 0.3s;  /* Simple transition for hover effect */

}

th {

color: #444;  /* Darken header a bit */
background: #02b8dd;
font-weight: bold;
}

td {
background: #f9f9f9;
border: 1px solid #e1e1e1;
padding-right: 2px;
padding-left: 2px;
}

/* Cells in even rows (2,4,6...) are one color */ 
tr:nth-child(even) td { /*background: #F1F1F1;*/ }   

/* Cells in odd rows (1,3,5...) are another (excludes header cells)  */ 
tr:nth-child(odd) td { background: #FEFEFE; }  

.dajef tr:hover td { background: #02b8dd; color: #FFF; } /*Hover cell effect! */

tr:hover td { background: #F1F1F1; } /* Hover cell effect! */

.container{
margin: 20px auto 0 auto;
width: 1200px;
padding: 20px 20px 0 20px;
border: 5px solid #C0C0C0;
}

.top{
padding-bottom: 55px;
margin-bottom: 25px;

}

.wrapper{
	margin: 0 auto;
	padding: 0 10px;
	width: 1100px;
}

a{
	text-decoration: none;
	color: #444;
}

a:hover{
	color: #02b8dd;
}



.wylaczony td{
color: #c0c0c0;
}

.foot{
margin: 40px -20px 0 -20px;
padding: 2px;
border-top: 1px solid #808080;
background-color: #E1E1E1;
font-size: 9px;

}

.icon{
vertical-align: -2px;
border: 0;
}

.dwa{
overflow:auto;
height:auto

}

.col_left{
width: 49%;
display: inline-block;
float: left;
}
   
.col_right{
width: 49%;
display: inline-block;
float: right;
}


input[type="number"] {
   width:50px;
}

h1{
	font-family: 'Crete Round', serif;
	font-weight: bold;
	color: #444;
	font-size: 42px;
	margin-bottom: 20px;

}

header{
	height: 120px;
	padding-bottom: 10px;
	border-bottom: 3px solid #f3f3f3;
	background-color: #fafafa;
}

header h1{
	float: left;
	margin-top: 32px;
}

h1 .color {
	color: #02b8dd;
}

h2 .color {
	color: #02b8dd;
}

header nav{
	float: right;
}

header nav ul li{
	float: left;
	display: inline-block;
	margin-top: 40px;
	height: 40px;
	text-align: center;
	
}

header nav ul li a{
	color: #444;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	margin-right: 20px;
	vertical-align: middle;

}

header nav ul li .active{
	color: #02b8dd;
}

.edit_table input[type="number"], .edit_table input[type="text"], .edit_table input[type="email"]{
   width:300px;
}


#logowanie {
	text-align: center;
}

#haslo {
	text-align: center;
	font-family: 'Crete Round', serif;
	font-weight: bold;
	color: #444;
	font-size: 20px;
	margin-bottom: 20px;
}

#input_logowanie{
	text-align: center;
}

footer{
	width: 1100px;
	margin: auto;
}

footer h1{
	font-family: 'Crete Round', serif;
	font-weight: bold;
	color: #444;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
}

.komunikat {
	color: white;
	font-weight: bold;
	background: #02b8dd;
	padding: 10px;
}

img.g {
	display: none;
	opacity: 0.6;
}

span:hover img.g {
	display: block; 
	position: absolute; 
	margin: -240px 0 0 30px;
	border: 1px solid gray;
	opacity:1;
} 

.dwa{
overflow:auto;
height:auto
}

.dwaleft{
display: inline-block;
float: left;
}
   
.dwaright{
width: 650px;
display: inline-block;
float: right;
}





div.tabHeaders
{
	display:block;
	width: 100%;
	height:30px;
	border-left: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
}

div.tabInactive
{
	float: left;
	background-color: #f0f0f0;
	width: 120px;
	height: 23px;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;	
	padding-top:6px;
	cursor: pointer;
	text-align: center;
}

div.tabActive 
{
	float: left;
	background-color: #ffffff;
	width: 120px;
	height: 23px;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #d0d0d0;
	padding-top:6px;
	text-align: center;
}


div.tabPages {
	background-color: #ffffff;
	clear:left;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	padding:8px;
	line-height:21px;
}



.floating-box {
    display: inline-block;
    width: 250px;
    height: auto;
    margin: 10px;
		vertical-align: top;
}

.after-box {
    border: 3px solid red;
}