@charset "utf-8";
/*---------------------------------------------------
Desidgned by Rav the Zontar
Designers Home: http://www.zontar.glt.pl
---------------------------------------------------*/


*, {	margin: 0;	padding: 0;	border: 0; 		}

html {width:100%;height:100%;}

body {
	font: 13px/20px  Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
}

p {	padding-bottom: 12px;
}

/* ------------------------------------------------------------------- */

h1  {
	color: #fff; 
	background-color: #000; 
	font-size: 24px;
	padding: 4px 0 4px 31px;
}
h2 {
	font-size: 20px;
	padding-bottom: 17px;
}
h3 {
	font-size: 16px;
	padding-bottom: 12px;
}


/* ------------------------------------------------------------------- */

.left 	{	float: left;	}
.right	{	float: right;	}

/* ------------------------------------------------------------------- */


a, a:link, a:visited, a:active, a:focus {
	color: #ccc;
	outline : none;
	text-decoration : none;
}
a:hover {
	color: #fff;
	background-color: #000; 
}


/* ------------------------------------------------------------------- */

img {
	border-style: none; 
}

img a:hover {	
  	background-color: transparent;	
}

.nagimg {
	float: right; 
	vertical-align: middle; 
	margin: 10px; 
}

.centerimg {margin: 0 auto;}


.clr {
	clear:both;
}

td {
	margin : 0;
	padding : 0;
}

ul {
 	list-style-position: inside;
	list-style-type: square;
	margin-left: 20px;
}

ol {
 	list-style-position: inside;
	list-style-type: decimal;
	margin-left: 20px;
}


/* ------------------------------------------------------------------- */



.container {	margin:0 auto;	}
 
header {	margin:25px 0;	}
header img {	width:100%;	}
 
 
aside {	float:left;	margin:0 0 25px;	}
aside nav ul {	list-style:none;	}
aside nav ul li {	margin-bottom:1px;	}
aside nav ul li a {	display:block;	text-decoration:none;	color:#fff;	background:#000;	padding:8px 20px;	}
aside nav ul li a:hover{	background:#fff;	color:#000;	}
 
#main {	float:right;	margin:0 0 25px;	}
 
footer {	
	clear:both;	
	color:#333;	
	background:#fff;	
	padding:15px 0 15px 30px;	
	margin:0 auto;	
}

.stopka {
	width: 100%; 
	display: flex;
}

.footer-box {
	height: 200px;
	width: 290px;
	font-size: 12px;
	line-height: 15px;
	margin:0;
	text-align:left;

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

 
@media (min-width: 1100px) {
	.container {width:1050px;}
	aside {width:25%;}
	#main {width:70%;}
}

@media (max-width: 1100px) and (min-width: 1000px) {
	.container {width:950px;}
	aside {width:25%;}
	#main {width:70%;}
}

@media (max-width: 1000px) and (min-width: 800px) {
	.container {width:750px;}
	aside {width:25%;}
	#main {width:70%;}
}

@media (max-width: 800px) and (min-width: 500px) {
	.container {width:450px;}
	aside,
	#main {width:100%;}
	.stopka {display:block;}
}

@media (max-width: 500px) {
	.container {width:90%;}
	aside,
	#main {width:100%;}
	.stopka {display:block;}
}