body
{
	background-color:white;
	font-family: 'Lato';
	margin: 15px
}

a:link
{
   	display: block;
	color: black;
	text-decoration: none;
}
a:hover
{
    text-decoration: none;
	color: orange;
}
a:active
#container
{
	
}



#sidebar
{
	float: left;
	width: 116px;
	min-height: 610px;
	margin-top: 40px;
	margin-left: 30px;
	padding: 0px;
	background-color: rgba(256, 256, 256, 0.07);
	/*background-color: rgba(256, 256, 256);*/
	text-align: right;
	line-height: 50px;
	font-size: 15px;
	border-right: 1px solid black;
	position: fixed;
	
}

#sidebar2
{
	float: left;
	width: 116px;
	min-height: 610px;
	margin-top: 40px;
	margin-left: 30px;
	padding: 0px;
	background-color: rgba(256, 256, 256, 0.07);
	/*background-color: rgba(256, 256, 256);*/
	text-align: right;
	line-height: 38px;
	font-size: 15px;
	border-right: 1px solid black;
	position: fixed;
	
}

#content
{
	float: left;
	margin-left: 194px;
	padding: 0px;
	width: 1300px;
    background-color: white;
    min-height: 580px;
	text-align: justify;
	overflow: hidden;
}

/*@media all and (min-width:480px) and (max-width:3200px){ */
 media (max-width: 1500px) { 
    
#content
    {
	float: left;
	margin-left: 194px;
	padding: 0px;
	width: 1300px;
    background-color: white;
    min-height: 580px;
	text-align: justify;
	overflow: hidden;
    }
}

#footer
{
    	text-align: center;
	}

@media all and (min-width:700px) and (max-width:3200px){ 	
h1
{
	width: 1000px;
	margin-top: 30px;
	margin-left: 148px;
	margin-bottom: 10px;
	font-size: 20px;
	text-align: left;
	}

h2
{
	width: 1000px;
	margin-top: 1px;
	margin-left: 148px;
	margin-bottom: 10px;
	font-size: 20px;
	text-align: left;
	text-align: justify;
}
}

h3
{
	margin-top: 30px;
	margin-right: 400px;
	margin-bottom: 10px;
	font-size: 20px;
	text-align: justify;
}


h4
{
	margin-top: 30px;
	line-height: 25px;
	margin-left: 135px;
	margin-right: 135px;
	margin-bottom: 10px;
	font-size: 20px;
	text-align: justify;
}



.optionL
{
	font-size: 15px;
	padding: 5px;
	color: black;
	text-decoration: none;
	
	
}
.optionL:hover
{
	background-color: #b0b1b5;
	padding: 5px;
	cursor: pointer;
	display: block;
	color: black;
	
}

.czarny
{
	color: black;
}

.szary
{
	color: #b0b1b5;
}

.bezowy
{
	color: #977353;
}

.czerwony
{
	color: red;
}


.content
    {
	float: left;
	margin-left: 194px;
	padding: 0px;
	width: 1350px;
    background-color: gray;
    min-height: 580px;
	text-align: justify;
	overflow: hidden;
    }

	
.logo
{
   	background-color: rgba(256, 256, 256, 0.07);
	width: 116px;
	height: 115px;
	}	

.odstep
{
   	background-color: rgba(256, 256, 256, 0.07);
	width: 116px;
	height: 19px;
}