/* CSS Document */
body{
	padding: 0px; 
	margin: 0px; 
	background-color: #222222;
	background-image: url(images/tlo.jpg);
	background-repeat: repeat-x;
}

a {color: #c1bfb9; font-size: 12px; text-decoration:none; font-family: zeroes;}
a:hover {color: #d45050;}
img { border: none; }
ul{list-style-type:none;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}

@font-face {
	font-family: zeroes;
	src: url(zeroes.eot);
	src: local("zeroes"), url(zeroes.ttf) format("truetype");
}

h1 {font-size: 17px; color: #d45050; margin-bottom: 25px;}

p {margin-bottom: 10px;}

#panel{
	width:950px;
	margin: 0 auto;
}

#logo{
	height: 90px;
	width:280px;
	margin-top: 45px;
	float: left;
}

#buttons{
	height: 90px;
	width:670px;
	margin-top: 45px;
	float: left;
}

#buttons ul{width:670px;}
#buttons ul li{float:left;}
#buttons ul li.buttons a{display:block; color: #c1bfb9; margin: 35px 0 0 65px; font-size: 16px}
#buttons ul li.buttons a:hover{color: #d45050; font-size: 16px}

#menu{
	width:280px;
	float: left;
	color: #c1bfb9;
	font-family: zeroes;
	font-size: 16px;
	padding: 30px 0 0 0px;
}
#menu a.menu{color: #c1bfb9; font-size: 16px; text-decoration:none; font-family: zeroes;}
#menu a:hover.menu{color: #d45050; font-size: 16px; text-decoration:none; font-family: zeroes;}

#content{
	background-image: url(images/content.jpg);
	width:615px;
	height: 535px;
	float: left;
	padding: 25px 0 0 25px;
	margin-top: 20px;
	color: #c1bfb9; font-size: 11px; font-family: zeroes;
}
#content a.content{color: #d45050; font-size: 12px; text-decoration:none; font-family: zeroes;}
#content a:hover.content{color: #c1bfb9; font-size: 12px; text-decoration:none; font-family: zeroes;}

#content p.content{font-size: 15px; margin-bottom: 0px;}

#kwadrat{
	width:590px;
}

#kwadrat ul{width:590px;}
#kwadrat ul li{float:left;}

#kwadrat ul li.jeden a{width:145px; height:125px; display:block; background:url(images/start/1.jpg) 0 0 no-repeat;}
#kwadrat ul li.jeden a:hover{background:url(images/start/1h.jpg) 0 0 no-repeat;}

#kwadrat ul li.dwa a{width:145px; height:125px; display:block; background:url(images/start/2.jpg) 0 0 no-repeat;}
#kwadrat ul li.dwa a:hover{background:url(images/start/2h.jpg) 0 0 no-repeat;}

#kwadrat ul li.trzy a{width:145px; height:125px; display:block; background:url(images/start/3.jpg) 0 0 no-repeat;}
#kwadrat ul li.trzy a:hover{background:url(images/start/3h.jpg) 0 0 no-repeat;}

#kwadrat ul li.cztery a{width:145px; height:125px; display:block; background:url(images/start/4.jpg) 0 0 no-repeat; margin-left: 10px;}
#kwadrat ul li.cztery a:hover{background:url(images/start/4h.jpg) 0 0 no-repeat;}

#kwadrat ul li.piec a{width:145px; height:125px; display:block; background:url(images/start/5.jpg) 0 0 no-repeat;}
#kwadrat ul li.piec a:hover{background:url(images/start/5h.jpg) 0 0 no-repeat;}

#kwadrat ul li.szesc a{width:145px; height:125px; display:block; background:url(images/start/6.jpg) 0 0 no-repeat;}
#kwadrat ul li.szesc a:hover{background:url(images/start/6h.jpg) 0 0 no-repeat;}

#kwadrat ul li.siedem a{width:145px; height:125px; display:block; background:url(images/start/7.jpg) 0 0 no-repeat;}
#kwadrat ul li.siedem a:hover{background:url(images/start/7h.jpg) 0 0 no-repeat;}

#kwadrat ul li.osiem a{width:145px; height:125px; display:block; background:url(images/start/8.jpg) 0 0 no-repeat; margin-left: 10px;}
#kwadrat ul li.osiem a:hover{background:url(images/start/8h.jpg) 0 0 no-repeat;}

#kwadrat ul li.dziewiec a{width:145px; height:125px; display:block; background:url(images/start/9.jpg) 0 0 no-repeat;}
#kwadrat ul li.dziewiec a:hover{background:url(images/start/9h.jpg) 0 0 no-repeat;}

#kwadrat ul li.dziesiec a{width:145px; height:125px; display:block; background:url(images/start/10.jpg) 0 0 no-repeat;}
#kwadrat ul li.dziesiec a:hover{background:url(images/start/10h.jpg) 0 0 no-repeat;}

#kwadrat ul li.jedenascie a{width:145px; height:125px; display:block; background:url(images/start/11.jpg) 0 0 no-repeat;}
#kwadrat ul li.jedenascie a:hover{background:url(images/start/11h.jpg) 0 0 no-repeat;}

#kwadrat ul li.dwanascie a{width:145px; height:125px; display:block; background:url(images/start/12.jpg) 0 0 no-repeat; margin-left: 10px;}
#kwadrat ul li.dwanascie a:hover{background:url(images/start/12h.jpg) 0 0 no-repeat;}

#kwadrat ul li.trzynascie a{width:145px; height:125px; display:block; background:url(images/start/13.jpg) 0 0 no-repeat; margin-top: 10px;}
#kwadrat ul li.trzynascie a:hover{background:url(images/start/13h.jpg) 0 0 no-repeat;}

#kwadrat ul li.czternascie a{width:145px; height:125px; display:block; background:url(images/start/14.jpg) 0 0 no-repeat; margin-top: 10px;}
#kwadrat ul li.czternascie a:hover{background:url(images/start/14h.jpg) 0 0 no-repeat;}

#kwadrat ul li.pietnascie a{width:145px; height:125px; display:block; background:url(images/start/15.jpg) 0 0 no-repeat; margin-top: 10px;}
#kwadrat ul li.pietnascie a:hover{background:url(images/start/15h.jpg) 0 0 no-repeat;}

#kwadrat ul li.szesnascie a{width:145px; height:125px; display:block; background:url(images/start/16.jpg) 0 0 no-repeat; margin-top: 10px; margin-left: 10px;}
#kwadrat ul li.szesnascie a:hover{background:url(images/start/16h.jpg) 0 0 no-repeat;}

#footer{
	clear: both;
	width: 100%;
	padding: 25px 0 15px 0;
	background-image: url(images/stopka.jpg);
	background-repeat: repeat-x;
	text-align: center;
	font-family: zeroes;
	color: #c1bfb9;
	font-size: 10px;
}

#footer a.footer{color: #c1bfb9; font-size: 10px; text-decoration:none; font-family: zeroes;}
#footer a:hover.footer{color: #d45050; font-size: 10px; text-decoration:none; font-family: zeroes;}