/* -----------------------------------*/
/* ---------->>> RESET <<<-----------*/
/* -----------------------------------*/

:link,:visited { text-decoration:none }

ul,ol { list-style:none }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

a img,:link img,:visited img { border:none }

a {
	outline: none;
}

address { font-style:normal }



/* -----------------------------------*/
/* ---------->>> CONTENT <<<-----------*/
/* -----------------------------------*/


/*font-family: Arial, Verdana, Helvetica, sans-serif;*/

body {
    width: 100%;
    height: 100%;
    /*min-height: 700px;*/
    min-height: 686px;
    font-family: "Verdana", Helvetica,  Arial, sans-serif;
    color: #616265;
    font-size: 12px;
}

	.iealert {
		width: 100%;
		padding: 10px 0;
		background: #FFFFCC;
		/*border-bottom: 2px solid #75c044;*/
		border-bottom: 2px solid #616265;
		text-align: center;
		color: #000;
		display: none;
	}
		
		.iealert .closeIealert {
			float:right;
			margin: -17px 7px 0 0 !important;
			cursor: pointer;
			padding: 3px;
			font-weight: bold;
			color: #f33;
		}
	
    .outer{
		height:100%;
		width:100%;
		display:table;
		vertical-align:middle;
		background-color: #fff;
	}

	.container {
	    text-align: center;
	    position: relative;
	    /*vertical-align: bottom;*/
	    vertical-align: top;
	    display: table-cell;
	    /*height: 700px;*/
		height: 686px;
	}

	    .inner {
			width: 100%;
			background:#fff;
			/*height: 630px;*/
			height: 662px;
			text-align: left;
			margin-left:auto;
			margin-right:auto;
			background-image: url(../gfx/bg.gif);
			/*background-repeat: repeat-all;
			background-position: 0 0;*/
			background-repeat: no-repeat;
			background-position: center 0;
			padding-top: 24px;
			_margin-top: 20px;
		}

		.innerContainer{
		    width: 930px;
		    margin: 0 auto;
		    height: 630px;}

		    .logo {
			position: relative;
			top: -15px;
			left: 675px;
			height: 95px;
			width: 210px;
			background-color: transparent;
			background-image: url(../gfx/logo.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			text-indent: -10000px;
			margin-bottom: -15px;}

		    .content{
			float: left;
			width: 930px;}

			#header{
			    width: 930px;
			    height: 23px;
			    background-color: transparent;
			    background-image: url(../gfx/content_header.png);
			    background-repeat: no-repeat;
			    background-position: 0 0;
			    float: left;}

				#header.active{
				    background-image: url(../gfx/content_header_active.png);}


			#mainMenu{
			    width: 50px;
			    height: 527px;
			    background-color: transparent;
			    background-image: url(../gfx/menu_hun.png);
			    background-repeat: no-repeat;
			    background-position: 0 0;
			    float:left;
				margin:0;}

			    .state1{
				background-position: 0 0 !important;}

			    .state2{
				background-position: -50px 0 !important;}

			    .state3{
				background-position: -100px 0 !important;}

			    .state4{
				background-position: -150px 0 !important;}
				
			    #mainMenu a{
				text-indent: -10000px;
				display: block;
				width: 30px;
				margin-left: 10px;
				border: none;}

			.leftContent {
			    width: 270px;
			    /*height: 527px;*/
			    height: 512px;
			    background-color: transparent;
			    background-image: url(../gfx/content_bg.png);
			    background-repeat: repeat-x;
			    background-position: 0 -8px;
			    float:left;
				/*padding-top: 6px;*/
			    padding-top: 15px;
			}

			    .leftContent h5{
				font-size: 19.5px;
				float: left;
				padding-bottom: 15px;
				padding-left: 9px;}

				.leftContent ul {
					/*height: 470px;*/
					height: 445px;
					width: 270px;
					float: left;
					clear: both;
					background-color: #fff;
					background-image: url(../gfx/state2.jpg);
					background-repeat: no-repeat;
					background-position: bottom left;
				}

			    .leftContent li {
				float: left;
				padding: 5px 0;
				width: 100%;}

				.leftContent li a {
				    float: left;
				    display: block;
				    padding-left: 32px;
				    /*color: #75c044;*/
					color: #616265;
					text-align: left;
				}

				    .leftContent li a.active{
					background-color: transparent;
					background-image: url(../gfx/bulletArrow.png);
					background-repeat: no-repeat;
					background-position: 17px 1px;
					font-weight: bold;}


			.mainContent {
			    width: 500px;
			    /*height: 527px;*/
			    height: 518px;
			    background-color: transparent;
			    background-image: url(../gfx/content_bg.png);
			    background-repeat: repeat-x;
			    background-position: 0 -8px;
			    float:left;
			    /*padding: 30px 0;*/
			    padding: 9px 30px 0;
			}

				.mainContent h2{
					float: left;
					font-size: 32px;
					font-weight: normal;
					clear: both;
					padding-top: 7px;
					padding-bottom: 10px;
					width: 100%;
					text-align: left;}

				.mainContent h3{
					float: left;
					font-size: 17px;
					font-weight: normal;
					clear: both;
					padding-top: 0px;
					margin-top: -7px;
					padding-bottom: 6px;
					width: 100%;
					text-align: left;}
				
				.mainContent h4{
					float: left;
					font-size: 15px;
					font-weight: bold;
					clear: both;
					padding-top: 12px;
					width: 100%;
					text-align: left;}

				.mainContent p{
					float: left;
					text-align: left;
					padding: 5px 0;
					clear: both;
					width: 100%;
					font-size: 12px;}

				.mainContent .gallery{
					float: left;
					text-align: left;
					padding: 5px 0;
					clear: both;
					width: 100%;}

					.mainContent .gallery a.pirobox_gall,
					.mainContent .gallery a.pirobox{
						border: 2px solid #ccc;
						padding:0;
						float: left;
						clear:none;
						margin-right: 5px;
						width: 116px;}

						.mainContent .gallery a.pirobox_gall:hover,
						.mainContent .gallery a.pirobox:hover {
							/*order-color: #75c044;*/
							border-color: #616265;
						}
										
					.mainContent .gallery img{
						width: 116px;
						height: 71px;
						text-align: left;
						padding: 0;
						clear: both;
						padding:0;
						float: left;}
				
				.mainContent .contactLabel {
					width: 70px;
					float: left;
					display: inline-block;}
									
				.mainContent form{
					float: left;
					padding: 10px 0;
					clear: both;
					width: 100%;
					text-align: left;
					font-size: 12px;}

					.mainContent form label{
						float: left;
						padding: 0;
						clear: both;
						text-align: left;
						width: 100px;
						padding: 2px 0 8px 0;}
				
						.mainContent form label.error {
							float: left;
							clear: none;
							padding: 0;
							text-align: left;
							width: 137px;
							color: red;
							padding: 5px 0 0 10px;
							font-size: 9px;}

				
					.mainContent form input.text{
						float: left;
						clear: right;
						text-align: left;
						width: 245px;
						border: 1px solid #ccc;
						padding: 3px;
						_margin-bottom: 5px;
						font-family: "Verdana", Helvetica,  Arial, sans-serif;
						font-size: 11px;
						background-color: #fff;}
						
					.mainContent form input.error{
						border-color: #f88;
						background-color: #fff5f5;}

					.mainContent form textarea{
						float: left;
						text-align: left;
						width: 245px;
						height: 60px;
						overflow: hidden;
						border: 1px solid #ccc;
						padding: 3px;
						font-family: "Verdana", Helvetica,  Arial, sans-serif;
						font-size: 11px;}
					
					.mainContent form input.submitBtn {
						float: left;
						clear: right;
						text-align: center;
						width: 88px;
						height: 20px;
						overflow: hidden;
						/*background-color: #75c044;
						border: 2px solid #4e7e2d;
						border-right-color: #71ba42;
						border-bottom-color: #71ba42;*/
						background-color: #616265;
						border: 2px solid #454547;
						border-right-color: #656669;
						border-bottom-color: #656669;
						color: #fff;
						margin-top: 45px;
						margin-left: 30px;
						cursor: pointer;
					}
					

					.mainContent p a,
					.mainContent p a:hover{
						color: #000;
						text-decoration: none;
						font-weight: normal;}					
					
					.mainContent p.prevPage a,
					.mainContent p.nextPage a {
						display: block;
						text-indent: -10000px;
						/*color: #75c044;*/
						color: #616265;
						outline: none;
					    background-color: transparent;
					    background-image: url(../gfx/nyil_fel.png);
					    background-repeat: no-repeat;
					    background-position: 0 0;
						width: 169px;
						height: 29px;
						margin: 0 auto;
					}

					.mainContent p.prevPage a:hover,
					.mainContent p.nextPage a:hover {
						text-decoration: none;
						/*color: #75c044;*/
						color: #616265;
					}	

					.mainContent p.nextPage a{
						position:relative;
						top:100px;
						background-image: url(../gfx/nyil_le.png);}
					
			.footer {
			    /*width: 930px;*/
			    width: 878px;
			    /*height: 32px;*/
			    height: 30px;
			    background-color: transparent;
			    /*background-image: url(../gfx/footer.png);
			    background-repeat: no-repeat;
			    background-position: 0 -5px;*/
			    float: left;
				padding: 2px 26px 0 26px;
				color: #616265;
				font-size: 11px;
			}
			.footer a,
			.footer a:hover {
				color: #616265;
			}
		
		.langSelector {
			float: left;
			/*padding-top: 30px;*/
			padding-top: 61px;
			padding-left: 44px;
			/*color: #fff;*/
			color: #616265;
			width: 125px;
			text-align: left;
			margin: 0;
			font-size: 10px;
		}
			
			.langSelector a {
				/*color: #fff;*/
				color: #616265;
				/*padding: 0px 10px 0px 7px;*/
				padding: 0px 8px 0px 5px;
			}

			.langSelector a:hover {
				/*color: #fff;*/
				color: #616265;
			}
			
			.langSelector a.active{
				font-weight: bold;}