/*-------------------------------------------------------------RESET/STYLES------------------------------------------------------------*/

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}

html,body,div,table,p,h1,h2,h3,h4,h5,h6,a,img,section,header,nav,footer,figure,figcaption,ul,ol,li{margin:0;padding:0;border:0;outline:0;font-style:normal;font-variant:normal;font-weight:normal;font:inherit;}

html{height:100%;}



/*--------------------------------------------------------------BODY/GLOBAL------------------------------------------------------------*/

body{

	height:100%;

	width:100%;

	font-size:100%;

	overflow-y:scroll;

	position:absolute;

	font-family: 'Merriweather Sans', sans-serif;

	text-align:center;

	color:#63666A;}

	

	section{width:100%;}

	div.headerimg{display:none;} /*just on mobile*/



	/*HIGHLIGHTED-TEXTS*/

	::selection {background-color:#63666A;color:#a8a8aa;}

	::-moz-selection {background-color:#63666A;color:#a8a8aa;}



	a#backtotop{

		z-index:900;

		display:block;

		width:50px;

		height:50px;

		position:fixed;

		bottom:10px;

		right:10px;

		background-position:center center;

		transition: all 0.2s;

		-moz-transition: all 0.2s;

		-webkit-transition: all 0.2s;

		-o-transition: all 0.2s;

	}

	

	a#backtotop:link, a#backtotop:visited{background-image:url('images/btt.png');}

	a#backtotop:hover, a#backtotop:active{background-image:url('images/btt_h.png');}



	/*----------------------------------------------------------------HEADER---------------------------------------------------------------*/

	div.starter{

		width:100%;

		height:600px;

		background-color:#e9e5dc;

		border-bottom:30px solid #2d2f34;

		background-position:center center;

		background-size:cover;

		background-repeat:no-repeat;

	}

	

	div#starter_bemutatkozas{background-image:url('images/bg_bemutatkozas.jpg');}
	@media screen and (min-width: 1265px) {
		div#starter_bemutatkozas {
			background-position: center -190px;
		}
	}

	div#starter_szolgaltatasok {background-image:url('images/bg_szolgaltatasok.jpg');}



	

	div#header{

		width:100%;

		height:125px;

		position:absolute;

		top:0px;

		left:0px;

		z-index:100;

	}

	

	div#logolane{

		width:100%;

		height:95px;

		overflow:hidden;

		background-color:rgba(36, 38, 44, 0.9);

	}

	

	a#logo{

		display:block;

		width:220px;

		height:95px;

		margin:0 auto 0 auto;

	}

	

	a#logo img{

		width:220px;

		height:95px;}

		

		div#navilane{

			width:100%;

			height:30px;

			background-color:#24262c;

			overflow:hidden;}



			nav#navigation{

				display:block;

				height:30px;

				width:660px;

				margin:0 auto 0 auto;

			}

			

			nav#navigation ul li{

				list-style-type:none;

				float:left;

			}

			

			nav#navigation ul li a{

				display:block;

				width:220px;

				height:30px;

				line-height:30px;

				font-family: 'Playfair Display', serif;

				text-transform:uppercase;

				font-size:1em;

				text-align:center;

				transition: all 0.2s;

				-moz-transition: all 0.2s;

				-webkit-transition: all 0.2s;

				-o-transition: all 0.2s;

				background-image:url('images/navibg.gif');

				background-repeat:no-repeat;

			}

			

			nav#navigation ul li a:link, nav#navigation ul li a:visited{background-position:0px 30px;}

			nav#navigation ul li a:hover, nav#navigation ul li a:active{background-position:0px 26px;}

			

			nav#navigation ul li.curr a:link, nav#navigation ul li.curr a:visited{background-position:0px 28px; color:#a8a8aa;}

			nav#navigation ul li.curr a:hover, nav#navigation ul li.curr a:active{background-position:0px 26px;}



			/*--------------------------------------------------------------INDEX-PAGE-------------------------------------------------------------*/



			div#starter_index{

				height:100%;

				width:100%;

				overflow:hidden;

				background-position:center center;

				background-size:cover;

				background-repeat:no-repeat;

				background-image:url('images/index_bg.jpg');

				background-color:#383a3f;

			}

			

			div#logo_n_navi{

				width:660px;

				height:250px;

				overflow:hidden;

				position:absolute;

				top:50%;

				left:50%;

				margin:-125px 0px 0px -330px;

			}

			

			img#logo_xl{

				height:190px;

				width:400px;

			}



			

			div#index_twolinks{

				position:absolute;

				width:400px;

				bottom:30px;

				left:50%;

				margin:0px 0px 0px -200px;

				text-align:center;

			}

			

			div#index_twolinks a {

				font-family: 'Playfair Display', serif;

				font-style:italic;

				font-size:0.8em;

			}

			

			a#a_forma{color:#a8a8aa;}

			

			

			/*--------------------------------------------------------------LANGUAGE ICONS------------------------------------------------------------*/

			a.icons {

				z-index:910;

				color:#2d2f34;

				line-height:50px;

				text-align:center;

				display:block;

				width:50px;

				height:50px;

				position:absolute;

				top:10px;

				right:10px;

				background-position:center center;

				transition: all 0.2s;

				-moz-transition: all 0.2s;

				-webkit-transition: all 0.2s;

				-o-transition: all 0.2s;

			}

			

			a.icons:link, a.icons:visited{background-image:url('images/btt2.png');}

			a.icons:hover, a.icons:active{background-image:url('images/btt_h2.png');}





			/*---------------------------------------------------------MAIN-CONTENT-LAYOUT---------------------------------------------------------*/



			section.normalsec{

				padding:60px 0px;

				background-color:#24262c;

				border-bottom:30px solid #2d2f34;

			}

			

			section.narrowsec{

				padding:30px 0px;

				background-color:#24262c;

				border-bottom:30px solid #2d2f34;

			}

			

			div.innersec{

				width:900px;

				margin:0 auto 0 auto;

			}

			

			/*----------------------------------------------------------------TYPO----------------------------------------------------------------*/



			h1{

				font-family:'Playfair Display', serif;

				font-size:2em;

				font-weight:normal;

				

				text-align:center;

				

				clear:both;

				padding:0px 0px 30px;

				margin-bottom:30px;

				border-bottom:1px solid #63666A;

				cursor:default;

			}	

			

			.centered{text-align:center;}

			.left{text-align:left;}

			.right{text-align:right;}

			.topmargin{margin-top:60px;}

			.english_smaller {font-size:1.5em;line-height:43px;} /*a szolgáltatások oldal angol címsorainak megjeleníthetősége miatt csak ott helyben alklamazott stílus*/

			

			h2{

				font-family:'Playfair Display', serif; 

				font-size:1.5em;}





				h3{

					font-family:'Playfair Display', serif;

					font-size:1.5em;

					text-align:left;

					cursor:default;

				}

				

				/*Elérhetőségek oldalon*/

				h3.centered {margin-top:15px;}

				

				h4{font-family:'Playfair Display', serif;font-size:1em;}

				h5{font-family:'Playfair Display', serif;font-size:1em;}

				h6{font-family:'Playfair Display', serif;font-size:1em;}



				p{

					font-size:0.8em;

					line-height:1.7em;

					font-weight:300;

					margin:15px 0px;

					text-align:left;

					cursor:default;

				}

				

				p#p_footer{

					width:900px;

					text-align:center;

					line-height:2em;

					margin:0px auto;

					font-size:0.7em;

				}

				

				p.narrow{

					margin:0px;

				}



				a:link, a:visited{color:#63666A;text-decoration:none;}

				a:hover, a:active{color:#a8a8aa;outline:0;}

				a:focus{outline:0;}

				

				/*--SPANS--*/

				span.important{

					color:#898b8e;}



					/*--------------------------------------------------------------MAIN-CONTENT-----------------------------------------------------------*/



					/*small content divs*/

					div.scont{width:280px;float:left;margin-bottom:30px;margin-right:30px;}



					/*small content divs without margin on the right*/

					div.scont_nmr{width:280px;float:left;margin-bottom:30px;margin-right:0px;}



					/*small content divs with margin on the left*/

					div.scont_ml{width:280px;float:left;margin-bottom:30px;margin-left:30px;}



					/*big content divs*/

					div.bcont{width:590px;float:left;margin-bottom:0px;}



					img.illustrations{

						height:358px;

						width:580px;

						border:5px solid #63666A;

						overflow:hidden;

						margin:0px;

					}



					div.clearer{

						width:100%;

						height:1px;

						clear:both;

					}

					

					/*--------------------------------------------------------------FOOTER-----------------------------------------------------------*/

					

					div#footer{

						width:100%;

						height:auto;

						overflow:hidden;

						background-color:#1e2025;

						padding:50px 0px;

					}

					

					/*--------------------------------------------------------------CONTACT-----------------------------------------------------------*/



					iframe{

						border:0px;

						position:absolute;

						top:125px;

						left:0px;

						height:475px;

						width:100%;

					}

					

					img.profile{

						margin:0px auto;

						height:115px;

						width:115px;

						border:5px solid #63666A;

					}



					/*----------------------------------------------------------------GALLERY--------------------------------------------------------------*/

					div.gallerycontainer{

						width:100%;

						height:auto;

						overflow:hidden;

						margin-top:30px;

					}

					

					div.gallerycontainer div{

						height:115px;

						width:115px;

						float:left;

						overflow:hidden;

						margin:0px 30px 30px 0px;

						border:5px solid #63666A;

						transition: all 0.2s;

						-moz-transition: all 0.2s;

						-webkit-transition: all 0.2s;

						-o-transition: all 0.2s;

					}

					

					div.gallerycontainer div:hover{border:5px solid #83878c;}



					div#item_6, div#item_12 {margin:0px 0px 30px 0px;}

					

					a.glink{

						display:block;

						height:115px;

						width:115px;

					}

					

					img.gimg{width:115px;}



					/*----------------------------------------------------------------ADDITIONAL-ELEMENTS--------------------------------------------------------------*/



					dic.spacer {

						height:30px;

						width:100%;

					}



					/*ingyenes jogi tanácsadás hirdetés 2016*/



					div.link-16-out{

						padding-bottom:30px;

						height:29px;}



						a.link-16-in {

							display:block;

							float:right;

							width:300px;

							height:25px;

							font-size:0.8em;

							line-height:25px;

							border:2px solid #ffffff;

							color:#ffffff;

						}

						

						a.link-16-in:link, a.link-16-in:visited{background-color:#b23e42;}

						a.link-16-in:hover, a.link-16-in:active{background-color:#2d2f34;}



						#b_elerhetosegek div.scont {

							width: 280px;

							float: none;

							margin-bottom: 30px;

							margin-right: 30px;

							margin: 0 auto;

						}