/* STRONA */

html {
	margin: 0;
	padding: 0;
}

body {
	font: 9px Verdana, Arial, Helwetica, sans-serif;
	margin: 0; 
	padding: 0;
	background: white;
	color: #5A5A5A;
}

/* GRAFIKA */
img {
	border: 0;
	margin: 15px;
	/*display: block;*/
}

img.logo {
	width: 754px;
	margin: 0 auto 0 auto;
	display: block;
}

/* DIVY */

div#main	{
	display: block;
  width: 760px;
  margin: 0 auto 0 auto;
	text-align: center;
}	

div#middle	{ 
  display: block;
  float: left;
  padding: 0px 10px 0px 10px;
  width: 540px; /* 2px na border, 70px na padding */
}	


div#right	{ 
  padding: 0px 0px 0px 10px;
  display: block;
	text-align: left;
  float: left;
  width: 158px;
  border-left: 2px solid #85CBF1;
}

div#footer {
  clear: both;
  display: block;
  bottom:0;
  width: 760px;
  margin: 0px auto 0 auto;
  color: #BBBBBB;
}

div.cl {
	clear: both;
	display: block;
}
/* hr */


hr {
  background-color: #85CBF1; 
  color: #85CBF1;
  height: 1px;
  border-style: none
}

 /* ZNACZNIKI */

.pink {
  font-size: 13px;
  /*display: block;*/
  color: #FF0060;
  margin-bottom: 15px;
}		

.gray {
  text-indent: 10px;
  font-size: 11px;
  display: block;
  font-weight: bold;
  color: #5A5A5A;
}		

.blue{
  font-size: 9px;
  display: block;
  font-weight: bold;
  color: #73A0CE;
}

/* LINKI */

a {
	text-decoration: none;
	color: #5A5A5A;
}

a:hover {
  color: #FF0060;
}

a.wiki {
	
 font-size: 9px;
 color: #73A0CE ;
 background: url('img/link.png') left center no-repeat;
 padding: 0 0 0 20px;
}

a.wiki:hover {
  font-size: 9px;
  color: #FF0060;
}

a.demo:hover {
  margin-left: 230px;
  padding-left: 55px;
  padding-top: 20px;
  background: url('img/login_on.png') left center no-repeat;
}

a.demo {
  margin-left: 230px;
  padding-left: 55px;
  padding-top: 20px;
  background: url('img/login.png') left center no-repeat;
}

div#middle a.web {
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 125px;
    margin: 10px;
    width: 160px;
}