#tresc
{
	background: url(../grafika/gora.png) repeat-x top center;
	width: 100%;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	text-align: center;
	text-shadow:2px 0px 2px #afaeaf;
	text-shadow: 0 1px 0 #dbdbdb; 
}
#srodek
{
	position:relative;
	width:1024px;
	min-height:500px;
	height: auto !important;
	height: 500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
#srodek span
{
	font-style:normal;
}
#panel
{
width:100px;
margin:auto;
text-align:center;
}

/*-------------------------IKONY-----------------------------------------*/
.ikony
{
	position:relative;
	width:1000px;
	height: 180px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.pod_ikony
{
	width:225px;
	height: 200px;
	text-align:center;
	margin-left:15px;
	float:left;
	padding-right: 10px;
	text-align: justify;
	font-size: 10pt;
	font-style: normal;
	background: url('../grafika/kreska_pion.png') no-repeat right top;
}
.pod_ikonyend
{
	width:225px;
	height: 200px;
	text-align:center;
	margin-left:15px;
	float:left;
	padding-right: 10px;
	text-align: justify;
	font-size: 10pt;
  
	font-style: normal;
}
.pod_ikony h1, .pod_ikonyend h1, .pod_ikony h4, .pod_ikonyend h4
{
	width:160px;
	height:37px;
	font-family: 'Tahoma', Arial;
	font-size: 12pt;
  font-weight: bold;
  margin: 10px 0;
	font-style: normal;
	text-align: left;
	float:right;
}
.ikony a, .inne 
{
	color:#0a6dc9;
	text-decoration: none;
	font-size: 10pt;
}
 .ikony a:hover, .inne  a:hover
{
	text-decoration:none;
	color:#0a6dc9;
} 
 h1.pod_ikony a:hover
 {
	text-decoration:none;
 }