body {
	background-color: #cecece !important;
	background-image:url('../gfx/tlo.png') ;
	background-position: center;
	background-repeat: repeat-y;
}

@media all and (min-width: 500px) { 
#tlo  
{
	background-image:url('../gfx/wing.png') ;
	background-position: center;
	background-repeat: no-repeat;
	width: 960px;
	height: 630px;
	color: #cfcfcf;
	font-family: Arial;
	font-size: 12px;
	margin: 0 auto 0 auto;
 	vertical-align:middle;
	position: relative;
}

#logowanie
{
	top: 180px;
	text-align: center;
	margin: 0 auto 0 auto;
 	vertical-align:middle;
	position: relative;
}

.button_log 
{
	background: transparent;
	background-image:url('../gfx/button_log.png') ;
	width: 54px;
	height: 53px;
	display: block;
	margin: 0 auto 0 auto;
 	vertical-align:middle;
	top: 15px;
	left: 585px;
	float: left;
	position: relative;
}

.log1 
{ 	
	background-color: #3d3d3d;
	width: 298px;
	height: 44px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border: 0;
	top: 90px;
	left: -140px;
	color: #cfcfcf;
	font-family: Arial;
	font-size: 12px;
	padding-left: 20px;
	position: relative;
}

.log2
{
	background-color: #3d3d3d;
	width: 298px;
	height: 45px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 0;
	top: 90px;
	color: #cfcfcf;
	font-family: Arial;
	font-size: 12px;
	left: -140px;
	position: relative;
	padding-left: 20px;
}

#linia_log 
{
	background-image:url('../gfx/linia_log.png') ;
	background-repeat: no-repeat;
	width: 298px;
	height: 2px;
	left: -28px;
	top: 90px;
	margin: 0 auto 0 auto;
 	vertical-align:middle;
	position: relative;
}

#logo_log 
{
	background-image:url('../gfx/logo_log.png') ;
	left: 330px;
	width: 185px;
	height: 82px;
	top: 192px;
	float: left;
	position: relative;
}


#cms_log 
{
	background-image:url('../gfx/cms_log.png') ;
	left: 360px;
	width: 61px;
	height: 102px;
	top: 165px;
	float: left;
	position: relative;
}
}


@media all and (max-width: 500px) { 
	#logowanie
	{
		top: 0px;
		text-align: center;
		margin: 0 auto 0 auto;
		vertical-align:middle;
		position: relative;
	}

	.button_log 
	{
		background: transparent;
		background-image:url('../gfx/button_log.png') ;
		width: 54px;
		height: 53px;
		display: block;
		margin: 0 auto 0 auto;
		vertical-align:middle;
		top: 15px;
		left: 315px;
		float: left;
		position: relative;
	}

	.log1 
	{ 	
		background-color: #3d3d3d;
		width: 298px;
		height: 44px;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
		border: 0;
		top: 90px;
		left: 0;
		color: #cfcfcf;
		font-family: Arial;
		font-size: 12px;
		padding-left: 20px;
		position: relative;
	}

	.log2
	{
		background-color: #3d3d3d;
		width: 298px;
		height: 45px;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		border: 0;
		top: 90px;
		color: #cfcfcf;
		font-family: Arial;
		font-size: 12px;
		left: 0px;
		position: relative;
		padding-left: 20px;
	}

	#linia_log 
	{
		background-image:url('../gfx/linia_log.png') ;
		background-repeat: no-repeat;
		width: 298px;
		height: 2px;
		left: -10px;
		top: 90px;
		margin: 0 auto 0 auto;
		vertical-align:middle;
		position: relative;
	}

}