/*PODSTAWOWE USTAWIENIA*/
body {-x-system-font:none;
	/*background: #5b2324 url(../img/tlo.jpg) no-repeat center top;
	*/
	background: url(../img/kafel.png) repeat center;
	color:#000000;
	font-family:Times new Roman,Arial,Verdana,Helvetica,sans-serif;
	font-size:1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.2em;
	margin:20px 0;
	}
	

#page {background:#f35c0a url(../img/tlo.jpg)  repeat scroll 0 0;
	font-size:80%;
	margin:0 auto;
	text-align:left;
	width:950px;
	height: 700px;}

#menu {display: table; padding: 0px 10px 0px !important; margin: 0 auto; overflow: hidden; font-size: 20px; background: #ff7d36;}

#menu li {list-style-type: none; margin: 0 auto; float: left; }
#menu li:hover {background: #ff7d36;}
#menu li a {display: block; color: black; text-decoration: none; padding: 0px 10px 8px;}
#menu li a:hover {background: #ff7d36; color: white;}
#menu li li a {width: 160px;}
#menu li ul {overflow: hidden; display: none; background: #ff7d36;}
#menu li:hover ul {position: absolute; z-index: 2; padding: 0; display: block; width: 160px;}

/*ANIMACJA - tylko CSS3*/
*:hover {-moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}

/*ZAOKRĄGLONE ROGI - tylko CSS3*/
#menu {-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
#menu li ul {-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}


#contentText{
	padding: 30px;
	font-family: Times new Roman, verdana, arial, helvetica, sans-serif;
	font-size: 20px;
	color: black;
	
}

#content{
	
	width: 950px;
	opacity: 0.9;
	/*filter: alpha(opacity=90)*/;
	-ms-filter: "progid:DXimageTransform.MIcrosoft.Alpha(Opacity=90)";
	filter: progid:DXimageTransform.MIcrosoft.Alpha(Opacity=90)
	float:left;
	background-color: #ffd6bf;

}


table.timetable td{
	border: 1px black solid;
	padding:10px; 
	text-align: center;
}


.photo{
	display: inline;
	position: relative;
	margin: 2px;
}

#gallery{
	padding: 5px;
	}

div#popupPanel{
	z-index: 100;
	#background: transparent none repeat scroll 0 0;
	background: black repeat scroll 0 0;
	position: absolute;
	top: 0px;
	left: 0px;
	
}


div#popup{
	margin:0 auto;
	z-index: 101;
	width: 920px;
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	
}

.closeMark{
	position: absolute;
	top: 50px;
	left: 450px;
	border: 0;
	z-index: 102;
}

div#counter{
	position: absolute;
	bottom: 70px;
	left: 450px;
	border: 0;
	z-index: 102;
	font-size: 32px;
	color: white;
}


img#largeImage{
	border: 50px solid #303030 ;
}

.photoTitle{
	width: 200px;
	position: absolute;
	left: 20px;

}

#popupBg{
	position: fixed;
	top: 0px;
	left: 0px;
	background-color:#1e0b01;
	z-index: 2px;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0.8;
	filter: progid:DXimageTransform.MIcrosoft.Alpha(Opacity=80)
}

#cookieinfo * {
    margin: 0px;
    padding: 0px;
}

#cookieinfo {
    position: fixed;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: #323334; 
    padding: 20px;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

#cookieinfo h6 {
    font-size: 16px;
    font-weight: bold;
    color: #cdd7da;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    margin-bottom: 7px;
}

#cookieinfo p {
    font-size: 12px;
    color: #afb4bc;
    line-height: 1.5em;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

#cookieinfo a {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    line-height: 22px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #ff6000;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

#cookieinfo a:hover {
    background-color: #ff7925; 
}