body {
	overflow:hidden;
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 44px;
	line-height: 1.8em;
	text-align: center;
}

a, a:link, a:visited { 
	font-size: 30px;
	color: #ffffff; 
	font-weight: 600; 
	text-decoration: none; 
}

a:hover {
	font-size: 34px;
	color: #71DB00;
	font-weight:600;
	text-decoration: none;
	}
	

#body_tlo {
	width: 100%;
	height: 100%;
}



/** page **/


#page {
	width: auto;
	height: auto;
	margin: 0 auto;
}

.pytanie {
	margin-top:350px;
	text-align:center;
}



/** tlo **/

#wrapper {
  position:relative;
  width:auto;
  height:240px;
  padding-top:184px;
  background-color:#107741;
}

#centeredBox {
  position:absolute;
  top: 50%;
  left: 50%;
  width:812px;
  height:500px;
  margin-left: -406px; /*1/2 width*/
  margin-top: -250px; /*1/2 of height*/
}


#logo{
  position:absolute;
  top: 50%;
  left: 50%;
  width:402px;
  height:420px;
  margin-left: -201px; /*1/2 width*/
  margin-top: -210px; /*1/2 of height*/
}

.logo_img {
	margin-top:50px;
	width:402px;
	height:200px;
	background-image:url('img/logo.png')
}

#tak {
	margin-top:70px;
	margin-left:100px;
	float:left;
}

#nie {
	margin-top:70px;
	margin-right:100px;
	float:right
}


a.tak {
background: url(img/tak.png) no-repeat;
display:block;
height:80px;
overflow:hidden;
width:120px;
}

a.tak:hover {
background-position: 0px -80px;
}

a.tak span {
display:block;
text-indent: -9999px;
}

a.nie {
background: url(img/nie.png) no-repeat;
display:block;
height:80px;
overflow:hidden;
width:120px;
}

a.nie:hover {
background-position: 0px -80px;
}

a.nie span {
display:block;
text-indent: -9999px;
}