body
{
	background-color: #303030;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
}
#container
{
	width:1284px;
	margin-left: auto;
	margin-right: auto;
}
img#book
{
	width:220px;
	height:220px;
}
#strona
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;

}
/* ------------------------------------------------- LOGOWANIA------------------------------------ */

#logowanie
{
	float:left;
	width:200px;
	margin-top:30px;
	margin-left:68px;
	margin-right:68px;
	padding:40px 40px 10px 40px; 
	background-color:#DBDBDB;
	-webkit-box-shadow: 10px 10px 20px 0px rgba(0,0,0,1);
	-moz-box-shadow: 10px 10px 20px 0px rgba(0,0,0,1);
	box-shadow: 10px 10px 20px 0px rgba(0,0,0,1);
	border-radius: 10px;
	border: 2px solid;
	text-align:center;
}
#img
{
	width:120px;
	height:120px;
	margin-top:-100px;
}
input[type=text],
input[type=password]
{
	border: 1px solid;
	padding:7px;
	width:150px;
	background-color: #B0B0B0;
	box-sizing: border-box;
	font-size:10px;
	margin-top:10px;
	border-radius:6px;
	outline:none;
}


input[type=text]:focus::-webkit-input-placeholder { color:#4567a3; }
input[type=text]:focus::-moz-placeholder { color:#4567a3; } /* firefox 19+ */
input[type=text]:focus:-ms-input-placeholder { color:#4567a3; } /* ie */

input[type=password]:focus::-webkit-input-placeholder { color:#4567a3; }
input[type=password]:focus::-moz-placeholder { color:#4567a3; } /* firefox 19+ */
input[type=password]:focus:-ms-input-placeholder { color:#4567a3; } /* ie */


input[type=text]:focus,
input[type=password]:focus
{
	
	background-color:#91AAD6;
	color:#4567a3;
	border:2px solid #5678b4;
	
	
}
input[type=submit]
{
	background-color:#789AD6;
	padding:6px;
	width:150px;
	font-size:10px;
	margin-top:10px;
	margin-bottom:5px;
	border:none;
	border-radius:6px;
	outline:none;
	color:#123470;
	cursor:pointer;
	border:2px solid #789AD6;
}
input[type=submit]:hover
{
	background-color:#5678b4;
	border:2px solid #345692;
}
input[type=submit]:focus
{
	background-color:#5678b4;
	border:2px solid #345692;
}
a.lacze
{
color: #000000;
text-decoration:italic;
}
.icon-user
{
	margin-left:-35px;
}
.icon-lock
{
	margin-left:-35px;
}
/* -------------------------------------------------KONIEC PROFILU DO LOGOWANIA------------------------------------ */
#logoZdjecie
{
	width:70px;
	height:70px;
	margin-top:10px;
	margin-right:20px;
	float:left;
}
#logo1
{
	width:70px;
	height:70px;
	
}

.rectangle
{
	width: 960px;
	margin: 10px;
	text-align: center;

}

.square
{
	width: 50%;
	float: left;
}

#logo
{
	float:left;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 70px;
	width: 600px;
	text-align: left;
	float:left;
}

#zegar
{
	float:left;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 70px;
	text-align: left;
	
}

.tile1
{
	margin: 10px;
	width: 230px;
	height: 142px;
	background-color: #3095d3;
	float: left;
	text-align: center;
}

.tile1:hover
{
	background-color: #2084c2;
}

.tile2
{
	margin: 10px;
	width: 230px;
	height: 142px;
	background-color: #666666;
	float: left;
	text-align: center;
}

.tile2:hover
{
	background-color: #555555;
}

.tile3
{
	margin: 10px;
	width: 230px;
	height: 142px;
	background-color: #93c748;
	float: left;
	text-align: center;
}

.tile3:hover
{
	background-color: #82b637;
}

.tile4
{
	margin: 10px;
	width: 420px;
	height: 82px;
	background-color: #ee5a32;
	text-align: center;
	font-size: 20px;
	padding: 30px;
	line-height: 150%;
}

.tile5
{
	margin: 10px;
	width: 420px;
	height: 244px;
	background-color: #666666;
	text-align: center;
	padding: 30px;
	letter-spacing:3px;
}

.yt
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #d94348;
	float: left;
}

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

.fb
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #4668b3;
	float: left;
}

.fb:hover
{
	background-color: #3557a2;
}

.gplus
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #d95333;
	float: left;
}

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

.tw
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #3095d3;
	float: left;
}

.tw:hover
{
	background-color: #2084c2;
}

a.tilelink
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 230px;
	height: 142px;
}

a.tilelinkhtml5
{
	color: #ffffff;
	text-decoration: none;
}

a.sociallink
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 105px;
	height: 142px;
}