#panelprawy{
	float: right;
	margin: -75px -15px 0 15px;
	width: 220px;
	text-align: center;
}

#panellewy{
	float: left;
	width: 670px;
}

.panel{
	background: url('../img/bkg-panel.png') no-repeat;
	height: 420px;
	color: #F7F7D7;
	padding: 16px 10px 0px 10px;
	overflow: hidden;
}

.short{
	background: url('../img/bkg-panelshort.png') no-repeat;
	height: 250px;
}

.panel div{
	margin-top: 5px;
}

div.panel div.text{
	padding: 0px 15px;
}
.panel a{
	color: white;
}

.panel a:hover{
	color: #1576AE;
	text-decoration: none;
}

#kalendarz{
	vertical-align: middle;
	text-align:center;
	margin-top:-110px;
	margin-left: 360px;
	width:320px;
	height:105px;
	position: relative;
}

#kalendarz a{
	color: black;
}

#kalendarz:hover a{
	text-decoration: none;
}

#kalendarz div.karteczka{
	height: 70px;
	width: 75px;
	float: left;
	margin: 0 10px;
	padding: 25px 4px 10px 4px;
}

#kalendarz div.kartka{
	display: none;
	position: absolute;
	height: 92px;
	width: 193px;
	float: left;
	padding: 29px 6px 10px 6px;
	z-index:3;
	top: -4px;
}

#kalendarz .small1	{	background: url('../img/calendar1.png') no-repeat;}
#kalendarz .small2	{	background: url('../img/calendar2.png') no-repeat;}
#kalendarz .small3	{	background: url('../img/calendar3.png') no-repeat;}
#kalendarz .big1	{	background: url('../img/calendar1big.png') no-repeat;	left: -70px;}
#kalendarz .big2	{	background: url('../img/calendar2big.png') no-repeat;	left: 40px;}
#kalendarz .big3	{	background: url('../img/calendar3big.png') no-repeat;	left: 150px;}

#kalendarz div span.miasto{
	font-weight: bold;
	color: white;
	display: block;
	font-size: 10px;
	margin-bottom: 15px;
}

#kalendarz div.kartka span.miasto{
	margin-bottom: 18px;
}

#kalendarz div.karteczka span.dzien .big{
	font-size: 18px;
	font-weight: bold;
}
#kalendarz div span.nazwaturnieju{
	margin: 0 auto;
	display: block;
}

#boxy{
	position: absolute;
	width: 400px;
	height: 50px;
	top: -70px;
}

.box{
	float: left;
	background: #126897;
	margin: 0px 4px;
	border: 1px solid #1473A7;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
}
div.box:hover{
	background: #188BCB;
	cursor: pointer;
}
div.box a, div.box:hover a{
	color: white;
	text-decoration: none;
	display: block;
	padding: 10px 20px;
}
div.box img{
	max-height: 90px;
	float:left;
	margin: 15px;
}
div.box span.tekst, div.box span.live{
	position: absolute;
	display: block;
	top: 15px;
	right: 15px;
	height: 90px;
	text-align: center;
	width: 200px;
}

div.box span.live{
	left: 15px;
	top: 60px;
	height: 60px;
	width: auto;
	font-weight: bold;
}

#nowosci{
	position: absolute;
	top: -50px;
	right: 0;
	width: 450px;
	height: 350px;
	border: 2px solid red;
	z-index: 1077770;
	background: #2F5260 url('../img/bkg-body.png') repeat scroll;
	text-align: left;
	display: none;
}

.rel_switch{
	display: inline;
	float: left;
	clear: right;
	cursor: pointer;
	font-size: 10px;
	border: 1px solid #f8f8d2;
	color: #f8f8d2;
	margin: -18px -1px 0px 0px;
	width: 40px;
	height: 20px;
	line-height: 20px;
	background: #123247;
	text-align: center;
	font-weight: bold;
}
.rel_container{
	display: none;
}