body
{
	background-color:#404040;
	font-family: 'Lato', sans-serif;
}
a
{
	color: #0047BB;
	text-decoration: none;
	cursor: auto;
}
#container
{
	width: 1000px;
	margin-left:auto;
	margin-right:auto;	
}

#logo
{
		color:white;
		margin-top:20px;
		font-size:44px;
		letter-spacing:3px
		font-weight:900;
}

#menu
{
	background-color:#303030;
	margin-top: 20px;
	color:#ffffff;
	padding:10px;
}


#topbar
{
	background-color:#128870;
	color:white;
	padding:10px;
	margin-top:20px;	
	margin-bottom:25px;
	height:170px;
}
#korepetycje
{
	background-color:#f36742;
	font-size:24px;
	height:70px;
	width:700px;
	margin-top:7px;
	text-align:center;
	border:2px dotted #cccccc;
}
#topbarL
{
	float:left;
	padding:20px;
	width:138px;
	text-align:center;
	border-right:2px dotted #cccccc;
}
#topbarR
{
	float:left;
	padding:20px;
	width:760px;
	font-size:16px;
	text-align:justify;
}
#sidebar
{
	float:left;
	width:148px;
	min-height:620px;
	padding:20px;
	background-color:lightgray;
	text-align:center;
	font-size:18px;
	border-right:2px dotted #666666;	
}

#content
{
	float:left;
	padding:40px;
	width:730px;
	background-color:#dedede;
	min-height:580px;
	text-align:justify;
}

#footer
{
	clear:both;
	color:white;
	text-align:center;
	padding:20px;
	font-size:18px;
}

.option
{
	float:left;
	min-width:50px;
	height:25px;
	font-size:18px;
	padding:10px;
	border-right:2px dotted #444444;
	opacity:0.8;
	
}
.option:hover
{
	background-color:#000000;
	cursor:pointer;
}
.optionL
{
	font-size:18px;
	height:25px;
	padding:10px;
	border-bottom:2px dotted #444444;
}
.optionL:hover
{
	background-color:#f36742;
	color:white;
	cursor:pointer;
}

.bigtitle
{
	font-size:32px;
	font-weight:900;
	letter-spacing:2px;
	text-align:center;
}
.dottedline
{
	height:5px;
	margin-top:15px;
	margin-bottom:20px;
	border-bottom:2px dotted #444444;
}
.prostokat
{
	width:220px;
	height:70px;
	border:3px solid #4b0082;
	margin:20px;
	padding-top:35px;
	text-align:center;
	background-color:#da70d6;
	font-size:21px;
	color:#ffffff;
	font-family:courier new;
	font-weight:600;
	
}
.images
{
	float:left;
	width:730px;
	height:1042px;
	background-color:#ffe4e1;
	border:2px solid #101010;
}
.image1
{
	width:324px;
	border:2px solid #db7093;
	text-align:center;
	margin:15px;
	display:inline-block;
	
}
.image2
{
	width:324px;
	border:2px solid #db7093;
	text-align:center;
	margin:15px;
	display:inline-block;
}
.image3
{
	width:324px;
	border:2px solid #db7093;
	text-align:center;
	margin:15px;
	display:inline-block;
}
.image4
{
	width:324px;
	border:2px solid #db7093;
	text-align:center;
	margin:15px;
	display:inline-block;
}
.image4:hover
{
	transform:scale(0.9);
}
.image5
{
	width:324px;
	border:2px solid #db7093;
	text-align:center;
	margin:15px;
	display:inline-block;
}
.image6
{
	width:324px;
	border:2px solid #db7093;
	text-align:center;
	margin:15px;
	display:inline-block;
}
.image7
{
	width:324px;
	border:2px solid #db7093;
	text-align:center;
	margin:15px;
	display:inline-block;
}
.image8
{
	width:324px;
	border:2px solid #db7093;
	text-align:center;
	margin:15px;
	display:inline-block;
}
.image8:hover
{
	transform:scale(0.9);
}
*/