html {
    font-family: Verdana,"Trebuchet MS";
	/*font-size: 0.7em;*/
	margin: 0;
	padding: 0;
	font-size: 18px;
}

body {
margin:0px;
padding : 0px;
 /* font:600 16px/18px 'Open Sans',sans-serif;*/
}

nav {
border-bottom: solid 1px #000;
margin-bottom: 20px;
background-color: #67bd34;
background: linear-gradient(208deg,rgba(103, 189, 52, 1) 0%, rgba(0, 0, 0, 1) 100%);

}



.etykieta {
display: inline-block;
width: 150px;
border-bottom: 1px dotted #000;
margin-right: 10px;
}

#event, #member {
border: solid 1px #000;
border-radius: 15px 0 15px 0;
padding: 10px;
}

form#event, form#member {
margin: 10px 10px 10px 30%;
width: 55em;
background-color: #F4F4F4;

}

form#login {
margin: auto;
width: 35em;
background-color: #F4F4F4;
}

label {
  float:left;
  width:25%;
  margin-right:0.5em;
  text-align:right;
  font-weight:bold;
  padding: 17px 0 0 ;
  
  }
  
input, textarea, select {
	width: 20em;
	clear:both;
	padding: 5px;
	margin: 5px;
	border-radius: 5px 0 5px 0;
	box-shadow: inset 0 0 5px #67BD34;	

}

select {
width: auto;
}

.form_label {
border-radius: 5px 0 5px 0;
border: solid 1px #000;
background-color:  #C1C1C1;
font-weight: bold;
width: 50%;
position :relative;
top: -20px;

}

nav a {
color: yellow;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

a.przycisk {
color: yellow;
display: inline-block;
border: 2px outset #67BD34;
background-color: #54AA21;
border-radius: 4px 0 4px 0;
padding: 3px;
margin-left: 1px;
box-shadow:         inset 0 0 5px #67BD34;
}

a.przycisk:hover {
border: 2px inset #67BD34;
background-color: #227800;
color: #fff;
}

legend {
font-weight: bold;
border: 1px dotted green;
border-radius: 5px 0 5px 0;
background-color: #C1C1C1;
margin-top: 5px;
padding: 2px;
margin-left: 20px;

}

input [type=submit] {
width:10em;
}

input[required], textarea[required], select[required] {
border-color: red;
box-shadow: inset 0 0 5px red;	
}

input[readonly], textarea[readonly], select[readonly] {
background-color: #999;
color: #eee;
border: none;
box-shadow: none;
}



input.Zapisz {
	width: 80px !important;
	margin: 20px;
}
fieldset {
background-color: #eee;
border-radius: 15px 0 15px 0;
width: auto;
}



nav ul li  { 
font-family: Verdana, "Trebuchet MS" !important;
font-size: 1em;
font-style: bold;
margin: 0;
padding: 15px; 
color: grey;
text-shadow: 1px 1px 1px #000000;
display:block;
    float: left;
	margin:0;
/*border-right: 2px solid #5DA26A;*/
}

.first {
border-radius: 12px 0 0 0 ;
}

nav ul li:hover , nav ul li.active{
color: #fff;
background:rgba(0,0,0,0.4);

background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -moz-linear-gradient(top, rgba(54,113,36,0.8) 0%, rgba(44,88,29,0.8) 40%);
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%)
		
}

.main_menu {
margin: 0px;
}

.main_menu a {
display: block;
color: yellow !important;
}


.main_menu a:hover {
color: #fff;
}

nav ul 
{
    list-style: none outside none;
}

nav ul:after 
{
		content: ""; clear: both; display: block;
}
	

ul.events {
padding: 3px;
}	

.events li {
display: block;
border: 1px outset #eee;
padding: 10px;
background-color: #ddd;
float:left;
border-radius: 10px 0 10px 0;
margin: 5px;
width: 260px;
}

.events li:hover {
background-color: #eee;
}	

.clear {
clear: both;
}

.rej_1 {
color: green;
}

.rej_ {
color: red;
}

table.members, table.members TD{
border-collapse: collapse;
border: 1px solid #999;
padding: 3px;
}

#your-events {
float: right;
width: 280px;
height: 100%;
border-left: 1px solid #eee;
padding: 1em;
}

.event_show {
width:100%;
margin-left: 1em;
}