body{ 
	margin:0;
	padding:0;
	font: normal 16px  'trebuchet ms', arial, sans-serif;
	background: #fafdff;
}

a{
	color:red;
	text-decoration:none;
}
a:hover{
	color:#1293EE;
}
#header{ 
	background: #71bff5 ;
	height: 90px; 
	color:white;
	font-family: 'Audiowide', sans-serif;
	text-align:center;
	padding-top:10px;
	display:block;
  }
 .logo_colour{ 
	color: #1293EE;
 }
 
 #menubar{ 	
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	height: 42px;
	padding: 0;
	background: #1293EE;
	text-align:center;
} 

#menubar a{ 
	letter-spacing: 0.1em;
	font: normal 100% arial, sans-serif;
	height: 31px;
	display:inline-table;
	padding: 12px 20px 0px 20px;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	background: transparent;
	font-weight:bolder;
	} 

#menubar  a:hover{ 
	color: #FFF;
	background: #0D66A5;
}
  
.wpis{
	margin-top:10px;
	width:98%;
	margin-left:auto;
	margin-right:auto; 
	clear:both;
	background:white;
	display:block;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 12px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 12px 0px rgba(50, 50, 50, 0.75);
	font-size:18px;
	_text-align:center;
}  
 .tytul{
	background: #0D66A5;
	color:white;
	font-family: 'Audiowide', sans-serif;
	width:100%;
	font-size:20px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	
 }
  
  
#strona{
	width:100%;
	height:100%;
}
#srodek{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
#mapa{
	width:803px;
	height:750px;
	background-image:url('../img/mapasrednia.png');
	background-repeat:no-repeat;
	float:left;
	font-size:24px;
	font-weight:bold; 
}
#legenda{
	width:250px;
	height:230px;
	margin-top:570px;
	font-size:18px;
}
#menu{
	float:left;
	width:170px;
	height:100%;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
}  
.menu{
	width:170px;
	clear:both;
	display:block;
	margin-top:3px;
	padding:7px;
	border:2px solid green;
	font-size:16px;
	box-shadow: 0px 0px 20px 0px rgb(211,211,211);
}
.menu:hover{
	width:170px;
	clear:both;
	display:block;
	margin-top:3px;
	padding:7px;
	border:2px solid green;
	font-size:16px;
	box-shadow: 0px 0px 20px 0px rgb(211,211,211);
}

.golebnik{
	position:absolute;
	width:300px;
	height:32px;
	text-indent:25px;
	color:white;
	font-weight:bold;
	font-size:18px;
	visibility":visible;
}
.wydarzenie{
	position:absolute;
	width:300px;
	height:32px;
	text-indent:25px;
	color:white;
	font-weight:bold;
	font-size:18px;
}
#tabela_forum {
	width:98%;
	margin-left:auto;
	margin-right:auto;
	font-size:16px;
}

#tabela_forum  th{
	background: rgba(215, 202, 201, 0.2);
	  -webkit-box-shadow: 
      inset 0 0 8px  rgba(215, 202, 201, 0.2),
            0 0 16px rgba(215, 202, 201, 0.2); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(215, 202, 201, 0.2),
            0 0 16px rgba(215, 202, 201, 0.2); 
    box-shadow: 
      inset 0 0 8px  rgba(215, 202, 201, 0.2),
            0 0 16px rgba(215, 202, 201, 0.2);
}

#tabela_forum  tr{
	background: #F9F9F9;
	border: 1px dotted red; 
	font-size:18px;
	margin:2px 10px;
	padding-left:10px;
	vertical-align: top;
}
#tabela_forum  tr small{
	color:black;  
	font-size:14px;
}
/* style formularzy */

.text_rejestracja{
	width:400px; 
	font-size:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 5px solid white; 
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(215, 202, 201, 0.2),
            0 0 16px rgba(215, 202, 201, 0.2); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(215, 202, 201, 0.2),
            0 0 16px rgba(215, 202, 201, 0.2); 
    box-shadow: 
      inset 0 0 8px  rgba(215, 202, 201, 0.2),
            0 0 16px rgba(215, 202, 201, 0.2); 
    padding: 5px;
    background: rgba(215, 202, 201, 0.2);
    margin: 0 0 5px 0;    
}
#rejestracja{
	margin:5px; 
	padding:10px 0px; 
	width:700px;
	margin-left:auto;
	margin-right:auto;
	background:white;
	text-align:center;
	    -webkit-box-shadow: 
      inset 0 0 8px  rgba(215, 202, 201, 0.2),
            0 0 16px rgba(215, 202, 201, 0.2); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(215, 202, 201, 0.2),
            0 0 16px rgba(215, 202, 201, 0.2); 
    box-shadow: 
      inset 0 0 8px  rgba(215, 202, 201, 0.2),
            0 0 16px rgba(215, 202, 201, 0.2); 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.form_submit{
	width:300px;
	background:white;
	border: 3px solid #71bff5; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 5px solid #71bff5; 
    padding: 5px;
	font-size:22px; 
}

.file-input::-webkit-file-upload-button {
  visibility: hidden;
  width:123px;
}  
.file-input::before {
  content: 'Wybierz obrazek'; 
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff; 
  font-weight: 700;
  text-align:center;
  font-size: 10pt;
}
.file-input:hover::before { 
  border-color: black;
}
.file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.twojprofil_zdjecie{
	width:300px;  
	padding:5px;	
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	 background: rgba(215, 202, 201, 0.2); 
	 min-height:300px; 
	 margin:5px auto;
	 -webkit-box-shadow: 
      inset 0 0 8px  rgba(215, 202, 201, 0.2),
            0 0 16px rgba(215, 202, 201, 0.2); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(215, 202, 201, 0.2),
            0 0 16px rgba(215, 202, 201, 0.2); 
    box-shadow: 
      inset 0 0 8px  rgba(215, 202, 201, 0.2),
            0 0 16px rgba(215, 202, 201, 0.2); 
}