body{
	background:url('../img/bg4.jpg');
	color: #333;
	background-size:100% 100%;
	background-repeat: repeat;
	background-attachment: fixed;
	line-height: 25px;
	font-family: 'Asap', sans-serif;
	overflow-x:hidden;

}

span.pogrubiony {
	font-weight: bold;
}
h1 {
	font-size: 40px;
	padding: 5px;
}
h2 {
	font-size: 30px;
	padding: 5px;
}
h3 {
	font-size: 25px;
	padding: 5px;
}
p, ul {
	font-size: 20px;
}

#bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size:100% 100%;
    background-attachment: fixed;
	}	
	div.logo_container{
	//background:red;
	width:980px;
	height:100px;
	position:relative;
	top:0px;
	margin:0 auto;
	-webkit-animation:logo_container 3s ease-out;
	-moz-animation:logo_container 3s ease-out;
	-ms-animation:logo_container 3s ease-out;
	-o-animation:logo_container 3s ease-out;
	animation:logo_container 3s ease-out;
	}

	div.logo_container-2{
	//background:red;
	width:980px;
	height:100px;
	position:relative;
	top:0px;
	margin:0 auto;
	}
		div.logo{
		//background:green;
		width:434px;
		height:100%;
		position:relative;
		float:left;
		left:100px;
		top:20px;
		//opacity:0.7;
		-webkit-animation:logo 1.7s ease-out;
		-moz-animation:logo 1.7s ease-out;
		-ms-animation:logo 1.7s ease-out;
		-o-animation:logo 1.7s ease-out;
		animation:logo 1.7s ease-out;
		}
		div.logo-2{
		//background:green;
		width:434px;
		height:100%;
		position:relative;
		float:left;
		left:100px;
		top:20px;
		}

		#lang-pl{
			position:relative;
			float:left;
			-webkit-animation:nawi 2.5s ease-out;	
			-moz-animation:nawi 2.5s ease-out;	
			-ms-animation:nawi 2.5s ease-out;	
			-o-animation:nawi 2.5s ease-out;	
			animation:nawi 2.5s ease-out;	
		}
		#lang-en{
			position:relative;
			float:left;
			-webkit-animation:nawi 3s ease-out;	
			-moz-animation:nawi 3s ease-out;	
			-ms-animation:nawi 3s ease-out;	
			-o-animation:nawi 3s ease-out;	
			animation:nawi 3s ease-out;	
		}

		div.tel_container{
		background:rgba(0,0,0,0.7);
		width:300px;
		height:100px;
		float:right;
		border-bottom:1px solid #fff;
		border-left:1px solid #fff;
		border-right:1px solid #fff;
		box-shadow:0px 0px 2px #000;
		-webkit-animation:tel_container 3.4s ease-out;
		display:none;
		}
			div.tel_container > p{
			font-size:15px;
			padding-top:10px;
			font-family: 'Biryani', sans-serif;
			padding:8px;
			padding-top:12px;
			text-align:center;
			line-height:26px;
			color:#ffb500;
			}
			span.zadzwon{
			color:#fff;
			font-size:26px;
			}
			span.numer{
			font-size:32px;
			letter-spacing:1px;
			color:#ed1d25;
			}
			div.lang-pl {
				font-weight: bold;
				background: rgba(255, 255, 255, 0.5);
				float: left;
				margin-top: 80px;
				margin-left: 328px;
				padding: 5px;
				box-shadow:0px 0px 2px #000;
				border:1px solid #fff;
			}
			div.lang-en {
				font-weight: bold;
				background: rgba(255, 255, 255, 0.5);
				float: left;
				margin-top: 80px;
				margin-left: 10px;
				padding: 5px;
				box-shadow:0px 0px 2px #000;
				border:1px solid #fff;
			}
	div.nav{
	//background:rgba(0,0,0,0.7);
	width:980px;
	height:60px;
	margin:0 auto;
	margin-top:20px;
	padding-top:5px;
	padding-bottom:5px;
	//display:none;
	}
		div.nav > div{
		background:rgba(255,255,255,0.5);
		min-width:60px;
		height:100%;
		float:left;
		margin-left:10px;
		padding-left:10px;
		padding-right:10px;
		cursor:pointer;
		box-shadow:0px 0px 2px #000;
		border:1px solid #fff;
		position:relative;
		}
			div.nav > div:hover{
			background:#ffb300;
			}
			div.nav > div:first-child{
			margin-left:10px;
			}
			div.nav > div > p{
			padding-top:17px;
			}
				
				#n1{
				-webkit-animation:nawi 3.5s ease-out;	
				-moz-animation:nawi 3.5s ease-out;	
				-ms-animation:nawi 3.5s ease-out;	
				-o-animation:nawi 3.5s ease-out;	
				animation:nawi 3.5s ease-out;	
				}
				#n2{
				-webkit-animation:nawi 3.6s ease-out;	
				-ms-animation:nawi 3.6s ease-out;	
				-moz-animation:nawi 3.6s ease-out;	
				-o-animation:nawi 3.6s ease-out;	
				animation:nawi 3.6s ease-out;	
				}
				#n3{
				-webkit-animation:nawi 3.7s ease-out;	
				-moz-animation:nawi 3.7s ease-out;	
				-ms-animation:nawi 3.7s ease-out;	
				-o-animation:nawi 3.7s ease-out;	
				animation:nawi 3.7s ease-out;	
				}
				#n4{
				-webkit-animation:nawi 3.8s ease-out;	
				-ms-animation:nawi 3.8s ease-out;	
				-moz-animation:nawi 3.8s ease-out;	
				-o-animation:nawi 3.8s ease-out;	
				animation:nawi 3.8s ease-out;	
				}
				#n5{
				-webkit-animation:nawi 3.9s ease-out;	
				-ms-animation:nawi 3.9s ease-out;	
				-moz-animation:nawi 3.9s ease-out;	
				-o-animation:nawi 3.9s ease-out;	
				animation:nawi 3.9s ease-out;	
				}
				#n6{
				-webkit-animation:nawi 4s ease-out;	
				-moz-animation:nawi 4s ease-out;	
				-ms-animation:nawi 4s ease-out;	
				-o-animation:nawi 4s ease-out;	
				animation:nawi 4s ease-out;	
				}
				#n7{
				-webkit-animation:nawi 4.1s ease-out;	
				-ms-animation:nawi 4.1s ease-out;	
				-moz-animation:nawi 4.1s ease-out;	
				-o-animation:nawi 4.1s ease-out;	
				animation:nawi 4.1s ease-out;	
				}

div.main{
//background:Red;
width:300px;
height:900px;
}

div.slider{
width:980px;
height:250px;
margin:0 auto;
margin-top:200px;
position:relative;
z-index:2;
-webkit-animation:slider 4.2s ease-out;
-ms-animation:slider 4.2s ease-out;
-moz-animation:slider 4.2s ease-out;
-o-animation:slider 4.2s ease-out;
animation:slider 4.2s ease-out;
}

div.slider-2{
width:980px;
height:250px;
margin:0 auto;
margin-top:200px;
position:relative;
z-index:2;
-webkit-animation:slider 1.7s ease-out;
-ms-animation:slider 1.7s ease-out;
-moz-animation:slider 1.7s ease-out;
-o-animation:slider 1.7s ease-out;
animation:slider 1.7s ease-out;
}

	div.slider > iframe{
	float:left;
	}

div.page{
//background:green;
width:980px;
min-height:300px;
margin:0 auto;
clear:both;
position:relative;
-webkit-animation:page 4.2s ease-out;
-moz-animation:page 4.2s ease-out;
-ms-animation:page 4.2s ease-out;
-o-animation:page 4.2s ease-out;
animation:page 4.2s ease-out;
}
	p.homepage_desc{
	background:rgba(255,255,255,0.9);
	padding:15px;
	width:600px;
	font-size:17px;
	position:relative;
	z-index:3;
	box-shadow:0px 0px 8px #000;
	}
/******** SHORTCUTS **********/
section.shortcuts-container{
width:980px;
height:400px;
margin:0 auto;
margin-top:30px;
}
	div.shortcut-box{
	background:rgba(255,255,255,0.9);
	width:300px;
	height:360px;
	float:left;
	margin-left:18px;
	border:1px solid #fff;
	box-shadow:0px 0px 2px #000;
	position:relative;
	}
		#box1{
		-webkit-animation:shortcut 4.2s ease-out;
		-moz-animation:shortcut 4.2s ease-out;
		-ms-animation:shortcut 4.2s ease-out;
		-o-animation:shortcut 4.2s ease-out;
		animation:shortcut 4.2s ease-out;
		}
		#box2{
		-webkit-animation:shortcut 4.3s ease-out;
		-ms-animation:shortcut 4.3s ease-out;
		-moz-animation:shortcut 4.3s ease-out;
		-o-animation:shortcut 4.3s ease-out;
		animation:shortcut 4.3s ease-out;
		}
		#box3{
		-webkit-animation:shortcut 4.4s ease-out;
		-ms-animation:shortcut 4.4s ease-out;
		-moz-animation:shortcut 4.4s ease-out;
		-o-animation:shortcut 4.4s ease-out;
		animation:shortcut 4.4s ease-out;
		}
		div.shortcut-photo{
		background:red;
		width:300px;
		height:180px;
		}
		p.shortcut-title{
		color:#60320e;
		padding-top:10px;
		padding-left:10px;
		font-size:26px;
		letter-spacing:2px;
		}
		p.shortcut-desc{
		font-size:16px;
		color:#000;
		padding:10px;
		padding-bottom:0px;
		}

	div.more-container{
	width:150px;
	height:40px;
	margin:0 auto;
	}
	div.more{
	background:#feb100;
	width:150px;
	height:40px;
	margin:0 auto;
	margin-top:10px;
	border:1px solid #fff;
	box-shadow:0px 0px 2px #000;
	transition:0.3s;
	}
		div.more:hover{
		background:#fff;
		}
		div.more > p{
		text-align:center;
		padding-top:8px;
		font-size:15px;
		}
/***** FOOTER *****/
footer{
background:rgba(255,255,255,0.9);
width:980px;
height:50px;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
margin:0 auto;
margin-top:30px;
box-shadow:0px 0px 2px #000;
position:relative;
-webkit-animation:footer 4.2s ease-out;
-ms-animation:footer 4.2s ease-out;
-moz-animation:footer 4.2s ease-out;
-o-animation:footer 4.2s ease-out;
animation:footer 4.2s ease-out;
}
	footer > p{
	text-align:center;
	font-size:15px;
	letter-spacing:2px;
	padding-top:6px;
	line-height:20px;
	}


/** Galeria **/

div.galeria{
background:rgba(255,255,255,0.9);
box-shadow:0px 0px 8px #000;
width:980px;
height: 1900px;
min-height:300px;
margin:0 auto;
clear:both;
position:relative;
-webkit-animation:page 2.3s ease-out;
-moz-animation:page 2.3s ease-out;
-ms-animation:page 2.3s ease-out;
-o-animation:page 2.3s ease-out;
animation:page 2.3s ease-out;
}

	div.img-gal {
		//background: red;
		float: left;
		margin: 7px;
		width: 230px;
	}


/** Scenariusze **/

div.scenariusze{
background:rgba(255,255,255,0.9);
box-shadow:0px 0px 8px #000;
height: 1800px;
min-height:300px;
margin: 0 auto;
width: 60%;
clear:both;
position:relative;
-webkit-animation:page 2.3s ease-out;
-moz-animation:page 2.3s ease-out;
-ms-animation:page 2.3s ease-out;
-o-animation:page 2.3s ease-out;
animation:page 2.3s ease-out;
}

div.scenariusze > h1 {
	line-height: 30px;
	padding: 20px;
	text-align: center;
	text-decoration: underline;
	text-transform: uppercase;
}

        div.box-sc > h1 {
        	color: #e62028;
            text-align: left;
            font-size: 20px;
            padding-left: 0;
            text-decoration: underline;
        }


        div.box-sc p {
            font-size: 17px;
        }

.scenariusze > .con {
	margin: 0 auto;
	width: 80%;
}

.scenariusze > .con:after {
	content: "";
	display: block;
	clear: both;
}

.scenariusze > .con > .box-sc {
	width: 46%;
	margin: 2%;
	//background-color: blue;
	float: left;
}



/** Regulamin **/

div.regulamin{
background:rgba(255,255,255,0.9);
box-shadow:0px 0px 8px #000;
width:980px;
height: 2000px;
min-height:300px;
margin:0 auto;
clear:both;
position:relative;
-webkit-animation:page 2.3s ease-out;
-moz-animation:page 2.3s ease-out;
-ms-animation:page 2.3s ease-out;
-o-animation:page 2.3s ease-out;
animation:page 2.3s ease-out;
}

div.regul {
	padding: 20px;
	line-height: 30px;
}

div.regul p {
	font-size: 17px;
	padding-top: 10px;
}

div.regul p span {
	color: #e62028;
	font-weight: bold;
}

div.regul h1 {
	padding-top: 20px;
	text-align: center;
	text-decoration: underline;
}

div.regul a:hover {
	text-decoration: underline;
}

div.regul a {
	color: #2400ff;
}

/** Dla dzieci **/

div.dzieci {
background:rgba(255,255,255,0.9);
box-shadow:0px 0px 8px #000;
width:980px;
height: 1600px;
min-height:300px;
margin:0 auto;
clear:both;
position:relative;
-webkit-animation:page 2.3s ease-out;
-moz-animation:page 2.3s ease-out;
-ms-animation:page 2.3s ease-out;
-o-animation:page 2.3s ease-out;
animation:page 2.3s ease-out;
}

div.dz {
	line-height: 30px;
	padding: 20px;
	text-align: center;
}

div.dz h1 {
	color: #e62028;
	line-height: 30px;
	padding: 20px;
	text-align: center;
}

div.dz h2 {
	text-align: center;
}

div.dz p {
	text-align: left;
	font-size: 17px;
}

div.dz img {
	padding-top: 20px;
}

/** Cennik **/

div.cennik {
background:rgba(255,255,255,0.9);
box-shadow:0px 0px 8px #000;
width:980px;
height: 1350px;
min-height:300px;
margin:0 auto;
clear:both;
position:relative;
-webkit-animation:page 2.3s ease-out;
-moz-animation:page 2.3s ease-out;
-ms-animation:page 2.3s ease-out;
-o-animation:page 2.3s ease-out;
animation:page 2.3s ease-out;
}

div.price {
	line-height: 30px;
	padding: 20px;
	font-size: 17px;
}

div.price p {
	font-size: 17px;
}

div.price h1 {
	color: #e62028;
	line-height: 30px;
	padding: 20px;
	text-align: center;
}

div.price h2 {
	text-align: left;
	padding: 0;
}

div.price h3 {
	font-weight: bold;
	text-align: center;
	color: #ffb300;
}

/** Kontakt **/

div.kontakt {
background:rgba(255,255,255,0.9);
box-shadow:0px 0px 8px #000;
width:980px;
height: 600px;
min-height:300px;
margin:0 auto;
clear:both;
position:relative;
-webkit-animation:page 2.3s ease-out;
-moz-animation:page 2.3s ease-out;
-ms-animation:page 2.3s ease-out;
-o-animation:page 2.3s ease-out;
animation:page 2.3s ease-out;
}

div.kontakt h1 {
	color: #e62028;
	line-height: 30px;
	padding: 20px;
	text-align: center;
}

.adres {
	//background: red;
	margin-top: 20px;
	float: left;
	width: 500px;
	padding: 20px;
}

div.adres h2 {
	font-weight: bold;
	font-size: 22px;
	padding: 0;
	color: #ffb300;
}

.map {
	float: right;
	width: 400px;
	padding: 20px;
}