/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {
	margin: 0;
	padding: 0;
} 

html, body, #pWrapper { height: 100%; }

body > #pWrapper { 
	height: auto;
	min-height: 100%;
}

#main {
	overflow: auto;
	clear: both;
	padding-bottom: 230px;  /* must be same height as the footer */
} 

#pFooter {
	position: relative;
	margin-top: -230px; /* negative value of footer height */
	height: 230px;
	clear: both;
} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;/* thank you Erik J - negate effect of float*/
}

/* sticky footer end */

body {
	background: #fff url(..//img/bg_header.jpg) top left repeat-x;
}

#pHeader {
	width: 100%;
	padding-top: 23px;
}

	.headerCont {
		position: relative;
		width: 982px;
		padding-left: 8px;
		margin: 0 auto;
	}

	#langSelect {
		position: absolute;
		top: -13px;
		left: 854px;
		padding-right: 4px;
		background: transparent url(../img/bg_langselect-right.png) top right no-repeat;
	}
	
		#langSelect li {
			display: block;
			float: left;
			padding: 1px 5px 8px 9px;
			text-align: center;
			background: transparent url(../img/bg_langselect-left.png) top left no-repeat;
		}		
		
		#langSelect a {
			display: inline-block;
			margin-top: 3px;
			padding-right: 22px;
			font-size: 9px;
			line-height: 11px;
			color: #c3c3c3;
			text-transform: uppercase;
			text-decoration: none;
			text-shadow: 0.1em 0.1em #666;
			background: transparent url(../img/ico_langselect-flags.png) top right no-repeat;
			white-space: nowrap;
		}
		
		#langSelect a:hover {
			color: #fff;
		}
		
		#langSelect a.toEn:hover {
			background-position: 100% -11px;
		}
		
		#langSelect a.toHu {
			background-position: 100% -22px;
		}
		
		#langSelect a.toHu:hover {
			background-position: 100% -33px;
		}
		
	#mainMenu {
		float: right;
		position: relative;
		padding: 36px 8px 0 0;
	}
	
		#mainMenu li {
			float: left;
			padding-right: 42px;
		}
		
		#mainMenu li a,
        #mainMenu li.selected a:active {
			float: left;
            margin-top: 0;
		}
        
        #mainMenu li a:active {
			margin-top: 1px;
		}
		
		#mainMenu li#blob {
			height: 3px;
			position: absolute;  
			top: 55px;
			z-index : 1;
			padding: 0;
			clear: both;
			background: transparent url(..//img/bg_blob.gif) top left repeat-x;
		}		

div#main {
	position: relative;
	overflow: hidden;
	width: 990px;
	height: 593px;
	margin: 0 auto;
/* 	padding-left: 8px; 
	padding-top: 35px;
 */
}

div#main.englishStatic {
	height: auto;
	padding-top: 35px;
}

ul#mainPages {
 	position: absolute;
	top: 35px;
	/* left: 8px; */
	width: 3960px;
}

	ul#mainPages li.page {
	 	float: left;
		width: 982px;
		padding-left: 8px;
	}
    
    ul#mainPages li.page .subPage {
        display: none;
    }
	
#pFooter {
	float: none;
	border-top: 2px solid #028bbf;
	background: #3d3d3d url(..//img/bg_footer.jpg) top left repeat-x;
}


	.footerBanner {
		width: 668px;
		margin: 0 auto;
		padding: 20px 0 0 314px;
	}
	
		.footerBanner a {
			display: block;
		}

	ul.footerCont {
		clear: both;
		width: 982px;
		padding-left: 8px;
		margin: 0 auto;
		color: #aaa;
	}
	
		ul.footerCont li {
			float: left;
			padding: 20px 0 0 60px; 
		}
		
		ul.footerCont li.w134 {
			width: 134px;
		}

		ul.footerCont li.w185 {
			width: 185px;
		}
		
		ul.footerCont li.w90 {
			width: 90px;
		}
		
		ul.footerCont li.w333 {
			width: 333px;
		}
		
			ul.footerCont li.w333 p {
				width: 146px;
			}	

			ul.footerCont li ul.smo li {
				float: none;
				padding: 0;
				clear: both;
			}

			ul.footerCont li ul.smo li a {
				display: block;
				float: left;
				height: 17px;
				margin-bottom: 7px;
				padding: 2px 0 0 30px;
				color: #aaa;
				text-decoration: none;
				background-image: url(..//img/ico_footer-smo.png);
				background-repeat: no-repeat;
			}
			
			ul.footerCont li ul.smo li a:hover {
				text-decoration: underline;
			}
			
			ul.footerCont li ul.smo li a,
			ul.footerCont li ul.smo li a:hover {
			    -webkit-transition: background-position 0.3s ease-in;
    			-moz-transition: background-position 0.3s ease-in;
    			-o-transition: background-position 0.3s ease-in;
    			-ms-transition: background-position 0.3s ease-in;
				transition: background-position 0.3s ease-in;
			}
			
			ul.footerCont li ul.smo li a.twitter {
				background-position: 0 0;
			}
				
			ul.footerCont li ul.smo li a.twitter:hover {
				background-position: 0 -19px;
			}
			
			ul.footerCont li ul.smo li a.facebook {
				background-position: 0 -38px;
			}
				
			ul.footerCont li ul.smo li a.facebook:hover {
				background-position: 0 -57px;
			}
			
			ul.footerCont li ul.smo li a.linkedin {
				background-position: 0 -76px;
			}
				
			ul.footerCont li ul.smo li a.linkedin:hover {
				background-position: 0 -95px;
			}
			
			ul.footerCont li ul.smo li a.posterous {
				background-position: 0 -114px;
			}
				
			ul.footerCont li ul.smo li a.posterous:hover {
				background-position: 0 -133px;
			}

/* fooldal start */

.mainPGird {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}

	.mainPGird #flashContOut {
		float: left;
		width: 284px;
		padding-right: 30px; 
	}
	
	.mainPGird .twoCol {
		float: left;
		width: 668px;
	}

		.mainPGird .twoCol .leftCol {
			float: left;
			width: 335px;
			padding-right: 25px;
		}

		.mainPGird .twoCol .rightCol {
			float: left;
			width: 308px;
		}

/* fooldal end */

/* aloldalak, gridek start */

.normalGrid {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}

	.threeCol,
	.oneCol {
		float: left;
		width: 982px;
	}

		.threeCol .colW310 {
			float: left;
			width: 310px;
		}

		.threeCol .colW288 {
			float: left;
			width: 288px;
		}

		.subpageGrid .colW331,
		.twoCol21 .colW331,
		.threeCol .colW331 {
			float: left;
			width: 331px;
		}
		
		.subpageGrid .colW618,
		.twoCol21 .colW618 {
			float: left;
			width: 618px;
		}

		.twoCol11 .colW475 {
			float: left;
			width: 475px;
		}
		
		.twoCol .colW354 {
			float: left;
			width: 354px;
		}

		.twoCol .colW608 {
			float: left;
			width: 608px;
		}
		
.subpageGrid {
	float: left;
	width: 969px;
	padding-bottom: 40px;
}

.gridInnerStripe {
	float: left;
	width: 100%;
	background: #fff url(../img/bg_subpage-fakerightcol.gif) top right repeat-y;
}

.sidebarImgFirst,
.sidebarImg,
.sidebarImgP3a2 {
	position: absolute;
	left: 638px;
}

.sidebarImg {
	top: 30px;
}

.sidebarImgFirst {
	top: 0;
	padding-top: 30px;
	background-color: #fff;
}

.sidebarImgP3a2 {
	top: 0;
	padding-top: 111px;
	background-color: #fff;
}

.refCarouselCont {
	float: left;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #d8d8d8;
}

.refCarouselCont .carouselBtn {
	display: block;
	width: 19px;
	height: 28px;
	position: absolute;
	top: -40px;
	background-image: url(../img/ico_carousel-arrow-sprites.png);
	text-decoration: none;
	z-index: 10;
}

.refCarouselCont .carouselBtn span {
	display: none;
}

.refCarouselCont #prev {
	left: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.refCarouselCont #prev:hover {
	background-position: 0 -28px;
}

.refCarouselCont #next {
	left: 963px;
	background-position: -19px 0;
	background-repeat: no-repeat;
}

.refCarouselCont #next:hover {
	background-position: -19px -28px;
}

	.refCarouselCont #refCarousel {
		width: 982px;
		float: left;
		height: 228px;
		position: relative;
		overflow: hidden;
	}
	
	.refCarouselCont #refCarousel ul {
		position: absolute;
		width: 1518px;
		height: 228px;
		top: 0;
		left: 0;
	}
	
		.refCarouselCont #refCarousel ul li {
			float: left;
			height: 228px;
			clear: none;
			width: 219px;
			padding-right: 34px;
		}
		
			.refCarouselCont #refCarousel ul li img {
				padding-bottom: 10px;
			}
			
			.refCarouselCont #refCarousel ul li span {
				display: block;
				float: left;
				height: 58px;
				padding-bottom: 10px;
			}

/* aloldalak, gridek end */

/* komponensek start */

h2 {
	height: 50px;
}

h2 img {
	padding-top: 12px;
}

h2.sAccented img {
	padding-top: 9px;
}

span.numbering {
	display: block;
	float: left;
	width: 39px;
	height: 40px;
	padding-right: 5px;
	background-image: url(..//img/ico_subtitle-numbering.png);
	background-repeat: no-repeat;
}

	span.numbering strong {
		display: none;
	}

span.n1 {
	background-position: 0 0;
}

span.n2 {
	background-position: 0 -40px;
}

span.n3 {
	background-position: 0 -80px;
}

span.n4 {
	background-position: 0 -120px;
}

ul.mainPList {
	float: left;
	padding-top: 1px;
}

ul.mainPList li {
	float: left;
	clear: both;
	padding: 3px 0 0 15px;
	background: #fff url(..//img/ico_list-4x4.gif) 5px 8px no-repeat;
}
	
	ul.mainPList.w288 li {
		width: 273px;
	}
	
	ul.mainPList.w300 li {
		width: 285px;
	}

	ul.mainPList.w335 li {
		width: 320px;
	}

	ul.mainPList.w510 li {
		width: 495px;
	}

	ul.mainPList.w681 li {
		width: 665px;
	}	

ul.subPList {
	float: left;
}

ul.subPList li {
	float: left;
	clear: both;
	padding: 3px 0 0 12px;
	background: #fff url(..//img/ico_list-6x6.gif) 0px 8px no-repeat;
}

	ul.subPList.w618 li {
		width: 606px;
	}
	
ul.emphList {
	float: left;
}

	ul.emphList li {
		float: left;
		padding: 8px 0 10px 8px;
		border-bottom: 1px solid #d8d8d8;
	}
	
	ul.emphList.w219 li {
		width: 209px;
	}

		ul.emphList.w219 li a.detailsLink {
			width: 156px;
		}

	ul.emphList.w331 li {
		width: 321px;
	}
	
		ul.emphList.w331 li a.detailsLink {
			width: 311px;
		}
	
	ul.emphList.w219.shadedBrd li {
		border-bottom: 0 none;
		background: #fff url(..//img/bg_emphlist-brd-w219.jpg) bottom left no-repeat;
	}
	
img#dsLehetosegekImg {
	display: block;
	position: absolute;
	top: 32px;
	right: 8px;
}
	
a.detailsLink {
	display: block;
	float: left;
	color: #ef792f;
	text-decoration: none;
	background: #fff url(../img/ico_grey-arrow-left-7x10.gif) 100% 4px no-repeat;
}

a.detailsLinkSa {
	padding-right: 12px;
	color: #ef792f;
	text-decoration: none;
	background: #fff url(../img/ico_grey-arrow-left-7x10.gif) 100% 4px no-repeat;
	transition: color 0.5s ease-in;
}

a.detailsLink:hover,
a.detailsLinkSa:hover {
	color: #757575;
}

a.detailsLink,
a.detailsLinkSa,
a.detailsLink:hover,
a.detailsLinkSa:hover {
    -webkit-transition: color 0.3s ease-in;
    -moz-transition: color 0.3s ease-in;
    -o-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in;
	transition: color 0.3s ease-in;
}

.backLink {
	float: left;
	width: 100%;
	padding-top: 10px;
	text-align: right;
}

	.backLink a {
		font-size: 11px;
		line-height: 14px;
		color: #ef792f;
		text-decoration: underline;
	}
	
	.backLink a:hover {
		text-decoration: none;
	}
	
/* komponensek end */