/* Created by RobKos.pl */

body{
	margin: 10px 0;
	padding: 0px;
	background-color: #fffbd2;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}
a {
	color: #669300;
	text-decoration: none;
}
a:hover{
	color:#cc0000;
	text-decoration: underline;
}
div.top{
	width:100%;
	background-image: url(../images/top-bg.png);
	background-repeat: repeat-x;
	height: 330px;
}
div.main{
	width:830px;
	margin: auto;
	margin-bottom: 0px;
	position:relative;
}
div.title{
width:480px;
height: 70px;
background-image: url(../images/pod-dobrym-humorem.png);
}
div.head{
	width:830px;
	height:330px;
	background-image: url(../images/head.jpg);
	margin:auto;
	margin-bottom: 0px;
	position:relative;
	}

.m a{
	background: transparent url(../images/menu-left.jpg);
	display:block;
	float:left;
	cursor:pointer;
	width:80px;
	height:80px;
	margin:8px 0px 0px 8px;
}
.m a.active {	cursor:default !important;}

#m0:hover  { background-position:0px -80px; }
#m0:active { background-position:0px -160px;}
#m0.active { background-position:0px -160px !important;}

#m1 { background-position:-80px -0px; }
#m1:hover  { background-position:-80px -80px; }
#m1:active { background-position:-80px -160px;}
#m1.active { background-position:-80px -160px !important;}

#m2 { background-position:-160px -0px; }
#m2:hover  { background-position:-160px -80px; }
#m2:active { background-position:-160px -160px;}
#m2.active { background-position:-160px -160px !important;}

#m3 { background-position:-240px -240px; }
#m3:hover  { background-position:-240px -80px; }
#m3:active { background-position:-240px -160px;}
#m3.active { background-position:-240px -160px !important;}

#m4 { background-position:-320px -0px; }
#m4:hover  { background-position:-320px -80px; }
#m4:active { background-position:-320px -160px;}
#m4.active { background-position:-320px -160px !important;}

#m5 { background-position:-400px -0px; }
#m5:hover  { background-position:-400px -80px; }
#m5:active { background-position:-400px -160px;}
#m5.active { background-position:-400px -160px !important;}

#m6 { background-position:-480px -0px; }
#m6:hover  { background-position:-480px -80px; }
#m6:active { background-position:-480px -160px;}
#m6.active { background-position:-480px -160px !important;}

#m7 { background-position:-560px -0px; }
#m7:hover  { background-position:-560px -80px; }
#m7:active { background-position:-560px -160px;}
#m7.active { background-position:-560px -160px !important;}

#m8 { background-position:-640px -0px; }
#m8:hover  { background-position:-640px -80px; }
#m8:active { background-position:-640px -160px;}
#m8.active { background-position:-640px -160px !important;}

#m9 { background-position:-720px -0px; }
#m9:hover  { background-position:-720px -80px; }
#m9:active { background-position:-720px -160px;}
#m9.active { background-position:-720px -160px !important;}

#m10 { background-position:-800px -0px; }
#m10:hover  { background-position:-800px -80px; }
#m10:active { background-position:-800px -160px;}
#m10.active { background-position:-800px -160px !important;}

#m11 { background-position:-880px -0px; }
#m11:hover  { background-position:-880px -80px; }
#m11:active { background-position:-880px -160px;}
#m11.active { background-position:-880px -160px !important;}

#m12 { background-position:-960px -0px; }
#m12:hover  { background-position:-960px -80px; }
#m12:active { background-position:-960px -160px;}
#m12.active { background-position:-960px -160px !important;}

#mCatering { background-position:-1040px -0px;width:168px; }
#mCatering:hover  { background-position:-1040px -80px; }
#mCatering:active { background-position:-1040px -160px;}
#mCatering.active { background-position:-1040px -160px !important;}

div.kont{
	width:830px;
	background-image: url(../images/kont-bg.jpg);
	height:600px;
	position: relative;
}
div.menuLeft{
	width:185px;
	float:left;
	padding:0px 10px 0px 0px;
	margin: 0px 15px;
	position: relative;
	line-height: 2px;
	z-index: 100;
	background-image: url(../images/menu-left_bg.gif);
	background-repeat: repeat-y;
	background-position:185px 120px;
	background-color: rgba(255,255,255,0);
}
div.teksty{
	width:555px;
	float:left;
	padding:10px;
	margin-left:-10px;
	z-index:8000;
	position:relative;
	
}
div.tekstyCennik{
	width:520px;
	float:left;
	padding:0px 20px 0 20px;
	margin:10px 0px;
	z-index:8000;
	position:relative;
	background-color: rgba(255,255,255,0.5);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;	
}
div.bottom{
	width:100%;
	background: #31482c;
	height:80px;
}
div.bottomMenu{
	width:830px;
	margin:auto;
	padding:10px;
	line-height: 25px;
}
a.bottomMenu{
	color:#fff;
	padding:0px 8px 0px 15px;
	background-image: url(../images/menusepbottom.png);
	background-position: left;
	background-repeat: no-repeat;
	text-decoration: none;
}
a.bottomMenu:hover{
	background-image: url(../images/menusepbottomh.png);
	color:#b3ff03;
}
div.copyr{
	width:200px;
	text-align: center;
	margin: auto;
	color:#b3ff03;
	font-size:10px;
	margin-top:-16px
}
div.create{
	text-align: right;
	padding:10px;
	font-size:11px;
}
a.create{
	color: #b4d2ac;
	text-decoration: none;
}
a.create:hover{
	color:#31482c;
}

#overlay {
		background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);
		background:#efefef;
		height:540px;
	}

.dyplom_overlay {
display:none;
width:750px;
}

.dyplom_overlay .close {
	background-image:url(images/close.png);
	position:absolute; right:-20px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#map_canvas{
	float:left;
	width: 500px;
	height: 350px;
}
div.kamerkiLinki{
	float:left; font-size:11px;margin-left:-20px;
}
div.kamerkiLinki a:hover{
	text-decoration: none;
}

div.kamerkiLinki img{
width: 170px;
height: 124px;
margin-bottom: 4px;
}
div.kamerkiLinki div{
	text-align: center;
	width:185px;
	height:150px;
	float:left;
	margin: 10px 0px;
}