
	body {
		width:100%;
	}
	body .page{
		margin: 0 auto;
		background-color: red;
		font-family:verdana;
	}
	
	body .page .head{
		width:63%;
		right:0px;
		min-height: 40px;
		background-color: white;
		position:fixed;
		z-index:10;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-bottomleft: 20px;
		border-bottom-left-radius: 20px;
		padding:0px;
		border-left:3px solid #444444;
		border-bottom:3px solid #444444;
		font-style:italic;
		line-height: 30px;
		max-width: 800px;
	}
	body .page .head .menu{
		display: block;
		margin: 5px 0 0 2px;
		padding: 0 3%;
		text-align: justify;
		width: 93%;
		max-height: 20px;
	}
	body .page .head .menu:after {
		content: "";
		display: inline-block;
		width: 100%;
	}
	body .page .head .menu > span{
		display:inline-block;
		margin: 0;
		font-weight:bold;
		color:#444444;
	}
	body .page .head .menu > span:hover{
		color:#FC8923;
		cursor:pointer;
	}

/* -- RESPONSIVE -- */	

/* Ez csak a menü miatt */
	@media (max-width: 800px) AND (min-width: 521px){
		body .page .head{
			width: 100%;
			border-bottom-left-radius: 0px;
			position:relative;
			border-left:none;
		}
		#main .innerpage .inner.p1{
			padding-top:49px;
		}
		body .page .head{
			position:fixed;
		}
		
	}	
	
/* Ide jönnek a mobile cuccok */
	@media (max-width: 520px) {
		body .page .head{
			width: 100%;
			border-bottom-left-radius: 0px;
			position:relative;
			border-left:none;
		}
		#main .innerpage .inner .content .textcontent{
			width:100%;
			left:0;
			border-right:none;
			border-left:none;
			height:auto;
		}
		#main .innerpage .inner{
			height:auto;
		}
		#main .innerpage .inner .content .textcontent{
			top:0;
			width:98%
		}
		#main .innerpage .inner .titlecontent{
			z-index:1;
			font-size:55px;
		}
		#main .innerpage .inner .textcontent{
			margin-bottom: 50px;
		}
		
		body .page .head{
			font-size:11px;
		}

		#main .innerpage .inner.p1{
			padding-top:49px;
		}
		body .page .head{
			position:fixed;
		}
		#main .footer >div> .footerLeft,#main .footer >div > .footerRight  {
			width: 100%;
		}
		#main .footer{
		display:block;
		}
		#main .footer >div{
		display:block;
		}
		#main .footer >div>div{
		display:block;
		}
		
	}	

		
		
	
	
	
/* -- Alap mindegyik szekcióra -- */		
	
	.innerpage .inner{
		width:100%;
		overflow:hidden;
		box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
	}
	.innerpage .inner .titlecontent{
		font-size:72px;
		font-weight:bold;
		position:relative;
	}
	.innerpage .inner .textcontent{
		position: relative;
		overflow: auto;
		
		font-size:13px;
		font-weight:normal;
		padding:8px;
		position:relative;
	}
	.innerpage .inner .textcontent p{
		font-size: 14px;
		line-height: 16px;
		padding:5px 0;
	}
	.innerpage .inner .textcontent p .highlight{
		font-weight:bold;
	}
	.innerpage .inner .textcontent a{
	}
	.innerpage .inner .textcontent a:hover{
	}
	
	.innerpage .inner .textcontent h1{
		font-size:24px;
		font-weight:bold;
		position:relative;
	}
	.innerpage .inner .textcontent h2{
		font-size:18px;
		font-weight:bold;
		position:relative;
	}
	.innerpage .inner .textcontent h3{
		padding:5px 0 15px 0;
		font-size:14px;
		font-weight:bold;
		position:relative;
	}
	.innerpage .inner .textcontent ul {
		list-style-position: inside;
		list-style-type: square;
		margin: 0 0 0 10px;
	}
	.innerpage .inner .textcontent ul .nofleck {
		list-style-type: none;
	}
	
	#main .innerpage .inner .titlecontent{
		text-shadow: 4px 4px 10px #333333;
	}

	
	
/* -- Szekciók -- */		
/*P1*/	
	.innerpage .inner.p1{
		width:100%;
		overflow:hidden;
		box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
	}
	.innerpage .inner.p1 .titlecontent{
		color:white;
		text-shadow: 4px 4px 10px #505050;
	}
	.innerpage .inner.p1 .textcontent{
		left: 30%;
		top:30px;	
		width:60%;
		margin-bottom: 100px;
		border: 3px solid #fc8923;
		background-color:#ffffff;
		
		box-shadow: 4px 4px 10px #505050;
	}
	.innerpage .inner.p1 .textcontent p{
		color:#454545;
	}
	.innerpage .inner.p1 .textcontent ul li{
		color:#000000;
	}
	.innerpage .inner.p1 .textcontent p .highlight{
		display: block;
		font-size: 16px;
		margin: 8px 0 0;
		text-align: center;
		width: 100%;
		color:#745B1A;
	}
	.innerpage .inner.p1 .textcontent p .highlight.highlightContact{
		color:#000000;
		margin-bottom:4px;
		
	}
	
	.innerpage .inner.p1 .textcontent a{
		color:#745B1A
	}
	.innerpage .inner.p1 .textcontent a:hover{
		color:#583F00
	}
	.innerpage .inner.p1 .textcontent h1{
		color:#333333;
		text-shadow: 4px 4px 10px #505050;
	}
	.innerpage .inner.p1 .textcontent h2{
		color:#333333;
	}
	.innerpage .inner.p1 .textcontent h3{
		color:#333333;
	}
	.innerpage .inner.p1 .textcontent ul li{
		color:#333333;
		margin-top: 5px;
	}
	.innerpage .inner.p1 .textcontent ul li b{
		color:#000000;
	}


		
/*P2*/
	.innerpage .inner.p2{
		width:100%;
		overflow:hidden;
		box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
	}
	.innerpage .inner.p2 .titlecontent{
		color:white;
		text-shadow: 4px 4px 10px #505050;
	}
	.innerpage .inner.p2 .textcontent{
		left: 10%;
		top:30px;	
		width:60%;
		margin-bottom: 100px;
		border: 3px solid #888888;
		background-color:#ffffff;
		box-shadow: 4px 4px 10px #505050;
	}
	.innerpage .inner.p2 .textcontent p{
		color:#454545;
	}
	.innerpage .inner.p2 .textcontent p .highlight{
	}
	.innerpage .inner.p2 .textcontent a{
		color:#745B1A
	}
	.innerpage .inner.p2 .textcontent a:hover{
		color:#583F00
	}
	.innerpage .inner.p2 .textcontent h1{
		color:white;
		text-shadow: 4px 4px 10px #505050;
	}
	.innerpage .inner.p2 .textcontent h2{
		color:white;
	}
	.innerpage .inner.p2 .textcontent h3{
		color:white;
	}
	


/*P3*/	
	.innerpage .inner.p3{
		width:100%;
		overflow:hidden;
		box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
	}
	.innerpage .inner.p3 .titlecontent{
		color:white;
		text-shadow: 4px 4px 10px #505050;
	}
	.innerpage .inner.p3 .textcontent{
		left: 30%;
		top:30px;	
		width:60%;
		margin-bottom: 100px;
		border: 3px solid #C7B68E;
		background-color:#ffffff;
		box-shadow: 4px 4px 10px #505050;
	}
	.innerpage .inner.p3 .textcontent p{
		color:#454545;
	}
	.innerpage .inner.p3 .textcontent p .highlight{
	}
	.innerpage .inner.p3 .textcontent a{
		color:#745B1A
	}
	.innerpage .inner.p3 .textcontent a:hover{
		color:#583F00
	}
	.innerpage .inner.p3 .textcontent h1{
		color:white;
		text-shadow: 4px 4px 10px #505050;
	}
	.innerpage .inner.p3 .textcontent h2{
		color:white;
	}
	.innerpage .inner.p3 .textcontent h3{
		color:white;
	}
	

/*p4*/	
	.innerpage .inner.p4{
		width:100%;
		overflow:hidden;
		box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
	}
	.innerpage .inner.p4 .titlecontent{
		color:white;
		text-shadow: 4px 4px 10px #505050;
	}
	.innerpage .inner.p4 .textcontent{
		left: 12%;
		top:30px;	
		width:75%;
		margin-bottom: 100px;
	
		border: 3px solid #846B2A;
		background-color:#e5d4ac;
		box-shadow: 4px 4px 10px #505050;
	}
	.innerpage .inner.p4 .textcontent p{
		color:#454545;
	}
	.innerpage .inner.p4 .textcontent p .highlight{
	}
	.innerpage .inner.p4 .textcontent a{
		color:#745B1A
	}
	.innerpage .inner.p4 .textcontent a:hover{
		color:#583F00
	}
	.innerpage .inner.p4 .textcontent h1{
		color:white;
		text-shadow: 4px 4px 10px #505050;
	}
	.innerpage .inner.p4 .textcontent h2{
		color:white;
	}
	.innerpage .inner.p4 .textcontent h3{
		color:white;
	}
	
	
	

	
/* Szekció  háttérképek */
	.innerpage .inner.p1{
		background: url("../images/bg_ajanlat.png") no-repeat fixed #959595;
		background-position: 50% -100px;
		z-index:1;
		position:relative;
	}

	.innerpage .inner.p2{
		background: url("../images/bg_design.jpg") no-repeat fixed #FC6D32;
		background-position: 50% -100px;
		z-index:2;
		position:relative;
	}
	
	.innerpage .inner.p3{
		background: url("../images/bg_magamrol.png") no-repeat fixed #ffffff;
		background-position: 50% -100px;
		z-index:3;
		position:relative;
	}
	.innerpage .inner.p4{
		background: url("../images/bg_referenciak.png") no-repeat fixed #d4b874;
		background-position: 50% -100px;
		z-index:4;
		position:relative;
	}

	
	
	
	
/* footer */

	.footer{
		display:table;
		z-index:10;
		position:absolute;
		color:#333333;
		width:100%;
		box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
		border-top: 8px solid #7F7F7F;
				
		background: #ffffff;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y3ZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
	}

	.footer>div{
		float:left; 
		display:table-row
	}
	.footer .footerLeft{
		display:table-cell;
		width:30%;
		min-width:280px;
	}	
	.footer .footerLeftInner h3{
		font-weight:bold;
		font-size:14px;
		color:#333333;
		margin:15px 0;
	}
	.footer .footerLeftInner ul li{
		font-size:14px;
		color:#333333;
		margin:0 10px;
		list-style-type: square;
		list-style-position: inside;
	}
	.footer .footerLeftInner{
		margin:10px;
	}
	
	.footer .footerRight{
		display:table-cell;
		color:#333333;
		font-size:14px;
	}
	.footer .footerRightInner{
		margin:10px;
	}
	.footer .footerRightInner h1{
		font-weight:bold;
		font-size:14px;
		color:#333333;
		margin:20px 0 20px 0;
		text-align: center;
	}
	.footer .footerRightInner h2{
		font-weight:bold;
		font-size:14px;
		color:#333333;
		margin:15px 0;
		text-align: justify;
	}
	.footer .footerRightInner p{
		font-weight:normal;
		font-size:12px;
		color:#333333;
		margin:15px 0;
	}
	.footer .footerRightInner .nevjegy{
		text-align:right;
	}
	.none{
		display:none;
	}

/* popup */

	.popup{
		position:fixed;
		width:100%;
		height:100%;
		background-color:grey;
		background:radial-gradient(ellipse at center center , rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
		z-index:900;
		top:0;
		left:0;
	}
	.popup>div{
		background-color:white;
		position:relative;
		width:10%;
		min-width:250px;
		height: 5%;
		min-height:66px;
		margin:auto auto;
		z-index:910;
		display:block;
		padding:10px;
		font-weight:normal;
		font-size:14px;
		color:#333333;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		border:4px solid #333333;
	}
	.popup>div .highlight{
		font-weight:bold;
		font-size:15px;
		font-family:Arial;
		
	}
	.popup>div .popupClose{
		border: 1px solid #333333;
		display: block;
		font-weight: bold;
		position: absolute;
		right: 5px;
		top: 5px;
	}
	.popup>div .popupOk{
		border: 1px solid #333333;
		display: block;
		font-weight: bold;
		margin: 1px auto;
		right: 5px;
	}
	.popup>div.contactInner{
		padding-top: 30px;
	}
