body
{
	width: 100%;
	/* Background pattern from subtlepatterns.com */
	background-image: url("img/tlo.png");
	font-family: 'Raleway', sans-serif;
	font-size; 15px;
	margin: 0 !important;
}

#container
{
	width: 45em;
	min-width:100%;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	width: 45em;
	min-width:100%;
	background-color: #450505;
	height: 125px;
	padding: 10px 0;
	border-bottom: 3px solid #3D0606;
}

#logo
{
	width: 50%;
	color: #ABABAB;
	font-size: 55px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 250%;
	margin-left: auto;
	margin-right: auto;
	text-shadow:
	3px 3px 0 #3D0606,
	-3px 3px 0 #3D0606,
	-3px -3px 0 #3D0606,
	3px -3px 0 #3D0606;
}

#content
{
	width: 65%;
	color: white;
	float: left;
}

#logowanie
{
	width: 25%;
	height: 300px;
	margin-top: 10px;
	background-color: white;
	padding: 50px;
	text-align: center;
	float: right;
	margin-right: auto;
	margin-left: auto;
}

input[type=text],
input[type=password]
{
	width: 80%;
	background-color: #dedede;
	color: #450505;
	border: 2px solid #450505;
	border-radius: 5px;
	font-size: 20px;
	padding: 10px;
	box-sizing: border-box;
	outline: none;
	margin-top: 10px;
}

input[type=text]:focus,
input[type=password]:focus
{
	-webkit-box-shadow: 0px 0px 10px 2px rgba(204,204,204,0.9);
	-moz-box-shadow: 0px 0px 10px 2px rgba(204,204,204,0.9);
	box-shadow: 0px 0px 10px 2px rgba(204,204,204,0.9);
	border: 2px solid #a5cda5;
	background-color: #e9f3e9;
	color: #428c42;
}

input[type=submit]
{
	width: 80%;
	background-color: #450505;
	font-size:20px;
	color: white;
	padding: 15px 10px;
	margin-top: 20px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	letter-spacing: 2px;
	outline: none;
}

input[type=submit]:focus
{
	-webkit-box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.9);
	-moz-box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.9);
	box-shadow: 0px 0px 15px 5px rgba(204,204,204,0.9);
}

input[type=submit]:hover
{
	background-color: #FF1919;
}

input::-webkit-input-placeholder
{
    color: #450505;
}
input:focus::-webkit-input-placeholder
{
    color: #450505;
}
/* Firefox < 19 */
input:-moz-placeholder
{
    color: #450505;
}
input:focus:-moz-placeholder
{
    color: #450505;
}
/* Firefox > 19 */
input::-moz-placeholder
{
    color: #450505;
}
input:focus::-moz-placeholder
{
    color: #450505;
}
/* Internet Explorer 10 */
input:-ms-input-placeholder
{
    color: #450505;
}
input:focus:-ms-input-placeholder
{
    color: #450505;
}

.socialdivs
{
	margin-top: 13px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.fb
{
	width: 25%;
	height: 150px;
	float:left;
}

.fb:hover
{
	background-color: #4668b3;
}

.yt
{
	width: 25%;
	height: 150px;
	float:left;
}

.yt:hover
{
	background-color: #d94348;
}

.tt
{
	width: 25%;
	height: 150px;
	float:left;
}

.tt:hover
{
	background-color: #3095d3;
}

.gplus
{
	width: 25%;
	height: 150px;
	float:left;
}

.gplus:hover
{
	background-color: #d95333;
}

#footer
{
	width: 100%;
	background-color: #450505;
	font-size: 20px;
	text-align: center;
	clear: both;
}