/* CSS RESET */
/* CSS test */

	.fontColor a,
	.fontColor{
		color: #212121 !important;
	}
	
	.indexFontColor a,
	.indexFontColor{
/*		color: #fff !important; */
  color: #000 !important;
	}

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video 
	{
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	body{
		color: #151515
	}

	.lang{
		color: white!important;
	}

	.lang.a{
		color: white!important;
	}

	a{
		color: white;
		text-decoration: none;
	}

	input[type="radio"]
	{
		vertical-align: middle;
		
	}
	/* HTML5 display-role reset for older browsers try */

	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section
	{	display: block;}
	body
	{	line-height: 1;
		font-family: "Trebuchet MS", Helvetica, sans-serif;
	}
	ol, ul
	{	list-style: none;}
	blockquote, q
	{	quotes: none;}
	blockquote:before, blockquote:after,
	q:before, q:after 
	{
		content: '';
		content: none;
	}
	table 
	{
		border-collapse: collapse; 
		border-spacing: 0;
	}


	.wrapper .content p {
		margin: 0;
	}
	
/* FONTS */

		@font-face {
			font-family: 'eurofL';
			src: url('fonts/eurof35-webfont.eot');
			src: url('fonts/eurof35-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/eurof35-webfont.ttf') format('truetype');
			 font-weight: bold;
		}
		
		@font-face {
			font-family: 'eurofR';
			src: url('fonts/eurof55-webfont.eot');
			src: url('fonts/eurof55-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/eurof55-webfont.ttf') format('truetype');
			 font-weight: bold;
		}
		
		@font-face {
			font-family: 'eurofB';
			src: url('fonts/eurof75-webfont.eot');
			src: url('fonts/eurof75-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/eurof75-webfont.ttf') format('truetype');
			 font-weight: bold;
		}

		@font-face {
			font-family: 'BRLNSDB';
			src: url('fonts/BRLNSDB.eot');
			src: url('fonts/BRLNSDB.eot?#iefix') format('embedded-opentype'),
			 url('fonts/BRLNSDB.ttf') format('truetype');
			 font-weight: normal;
        }

        @font-face {
          font-family: 'eurofurence light';
          font-style: normal;
          font-weight: normal;
             src: local('eurofurence light'), url('fonts/eurof35.woff') format('woff');
         }

        @font-face {
            font-family: 'OpenSansCondensed-Bold';
        }
		
			
			
/* DEFAULT SPACEING AND STYLES */

	.link{text-decoration: none;}
	.bold{font-weight: bold;}
	.nobold{font-weight: normal !important;}
	.imgLink{border: 0px;}
	.hidden{visibility: hidden;}
	.displayBlock{display: block;}
	.noneVisible{visibility: hidden; height: 0px;}
	.displayNone{display: none;}
	.floatleft{float:left}
	.floatright{float:right}
	.clearer{clear:both;}
	.textJustify{text-align:justify;}
	.textCenter{text-align:center;}
	.textLeft{text-align:left;}
	.textRight{text-align:right;}
	.nomargin{margin: 0px !important; }
	.halfwidth{width: 50%;}
	.fullwidth {	width: 100%;}
    .cpointer{cursor:pointer;}
	a:hover, a:visited, a {text-decoration: none;color: white!important;}
	a:hover{
		text-decoration: none !important;
	}

	.logotext{
		color: white!important;
	}

	.bottom-medium{
		margin-bottom: 30px !important;
	}

	.dotline{
		font-size: 40px;
	}
/*    a:hover{text-decoration: underline;} */
    
	
/* WEBSITE COLORS */

	.blueBack{ background-color: #1f94df;}
	.blackBack{ background-color: #282828;}
	
/* LABELS AND TEXTS */

	.whiteTexts{color: #fff;}
	.blackTexts{color: #000;}
	.blueTexts{color: #1f94df !important;}

/* Content */

	b {
		font-family: 'eurofB';
	}

    p {
        text-align: justify ; /*!important*/
    }

	br {
	display: block;
	margin: 10px 0;
	}

	.profile img{
		width: 100%;
		height: auto;
	}

	.selectedText{
		display: inline;
		font-weight: bold;
		font-size: 22px;
		line-height: 1.1;
	}

	.row{
		margin-bottom: 5vh;
	}

	.bottom-set{
		margin-bottom: 1vh;
	}

	.lift {
		color: white;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
		margin: 0;
		font-size: 20px;
	}

	.blockLogo {
		align-content: center;
		position: relative;
	}

	.text_logo a{
		width: 100%;
		height: auto; 
		display: block;
		text-align: center;
	}
	
	.text_logo img{
		width: 100%;
		height: auto;
	}
	
	.text_logo.blackDiv, .text_logo.whiteDiv  {
	    text-align: center;
		width: 100%;
		margin: 20px auto 50px auto;
      }
	
	.wrapper{
		font-family: 'eurofurence light';
		width: 100%;
		position: relative;
	}
	
		/* Header */
		.wrapper .header {
			width: 60%;
			margin: 0 auto;
			position: relative;
			z-index: 2;
			text-align: center;
		}	
			
			.wrapper .lang{
				position: absolute;
				top: -10px;
				right: 20px;
				z-index: 2;
			}
			
			.wrapper .lang a {
				height: 40px;
				width: 40px;
				line-height: 40px;
				display: inline-block;
				zoom: 1;
				*display: inline;
				color: #fff;
				background-color: #000;
				-webkit-border-radius: 30px;
				border-radius: 30px;
				text-align: center;
				font-size: 20px;
			}
			
			.wrapper .header .logoTarto {
				width: 134px;
				zoom:1;
				display: inline;
				float: left;
				margin:  0 3vw 0 0;
			}
				.wrapper .header .logoTarto .logo {
					width: 134px;
					height: auto;
					margin: 30px 0 0 0;
				}
				
					.wrapper .header .logoTarto .logo img{
						width: 100%;
						border: 0;
					}
				
			.wrapper .header .menu{
				margin-top: 30px;
				display: inline-block;
				zoom:1;
				*display: inline;
				float: right;
			}
			
				.wrapper .header .menu .menuitem{
					width: 134px;
					height: auto;
					display: inline-block;
					zoom: 1;
					*display: inline;
					position:relative;
					z-index: 1;
					cursor:pointer;
				}
				
					.wrapper .header .menu .menuitem img{
						width: 100%;
						height: auto;
						z-index: 1;
						position:relative;
					}
					
					.wrapper .header .menu .menuitem span{
						position:absolute;
						left: 0px;
						color: #fff;
						z-index: 2;
						width: 100%;
						display:block;
						text-align: center;
						font-size: 20px;
					}
					
					.wrapper .header .menu .menuitem .submenus{
						position: absolute;
						right: 0px;
						top: 98%;
						width: 100%;
                        height: 100%
					}
					
						.wrapper .header .menu .menuitem .submenus li{
                            width: 70%;
							float:right;
                            text-align: right;
							border-top: 2px solid transparent;
							display:block;
						}
							.wrapper .header .menu .menuitem .submenus li p,							
							.wrapper .header .menu .menuitem .submenus li a{							
								background-color: #fb604e;
                                padding: 2px 0px;
                                color: #fff;
								width: 100%;
                                display:inline-block;
								zoom:1;
								*display:inline;
							}
							
							.wrapper .header .menu .menuitem .submenus li p{
								cursor: default;
							}
				
		/* Content */
		.wrapper .maincontent{
			position: relative;
			top: 0px;
			left: 0px;
			z-index: 1;
		}
		
			.wrapper .maincontent img{
				width: 100%;
			}
			
			.wrapper .maincontent .text{
				position:absolute;
				top: 30px;
				left: 30px;
				width: 18%;
			}
				
				.wrapper .referencia .text .year,
				.wrapper .maincontent .text .year{
					font-family: 'BRLNSDB';
					font-size: 30px;
					letter-spacing: 4px;
					line-height: 0.9;
				}
								
				.wrapper .referencia .text .title,
				.wrapper .referencia .text .titlebold,
				.wrapper .maincontent .text .title,
				.wrapper .maincontent .text .titlebold{
					font-size: 23px;
					letter-spacing: 4px;
					line-height: 0.9;
				}
				
		.wrapper .content{
			width: 60%;
			margin: 20px auto;
		}
		
		.wrapper .content h1{
			font-size: 36px;
			letter-spacing: 4px;
			padding: 10px 0;
		}
				
		.wrapper .content p{
			font-size: 17px;
			text-align: left;
			line-height: 1.1;
			letter-spacing: 1.1px;
			word-wrap: break-word;
		}		


		
		.wrapper .content p.indent{
			text-indent: -95px;
			margin-left: 95px;
		}	
			.wrapper .content p strong{
				margin: 10px 0;
				font-family: 'eurofR';
			}
						
		.wrapper .referencia{
			width: 100%;
			margin: 20px auto;
		}
		
		
			.wrapper .referencia .text{
				width: 48%;
				float:left;
			}
			
				.wrapper .referencia .text p{
					font-size: 18px;
				}
				
				.wrapper .referencia .text .leiras p{
                    font-family:Open Sans Condensed;
                    text-align:justify;
					font-size: 15px;	
				}
				
				.wrapper .referencia .text .leiras .leiras_list li{
					list-style-type: disc;
					margin-left: 15px;
					margin-top: 10px;
					text-align: justify;
					font-size: 15px;	
				}
				
				.wrapper .referencia .text .year{
					color: #212121;
					font-size: 20px;
					letter-spacing: 10px;
					line-height: 0.90;
				}
				
				.wrapper .referencia .text .title{
					color: #212121;
					font-size: 20px;
					line-height: 0.95;
					word-wrap: break-word;
				}
				
         	.wrapper .referencia .text .titlebold{
					color: #212121;
					font-size: 20px;
					line-height: 0.90;
					word-wrap: break-word;
					font-weight: bold;
				}
				.wrapper .referencia .text .subtitle{
					color: #212121;
					font-size: 20px;
					line-height: 0.95;
					word-wrap: break-word;
				}
			
			.wrapper .referencia .pic{
				width: 48%;
				float:right;
			}
			
				.wrapper .referencia .pic img {
					width: 100%;
          padding:3px;
				}
		
		/* Footer */

		.footer{
	/*		width: 20%; */
			float:right;
	/*		margin-top: -103px; */
			font-family: 'eurofR';
			letter-spacing: 2px;
			position: fixed;
			z-index: 2;
			bottom: 30px;
			right: 20px;
      		text-align: right;
			font-size: 12px;
      		line-height: 14px;
		}
		
		
	
	@media only screen and (max-width: 1306px) { 
		.wrapper .header {
			width: 60%;
			text-align: center;
			overflow: inherit;
		}
		.wrapper .header .logoTarto{
			margin-right: 0;
			display: inline;
		}

		.footer.indexFontColor a,
		.footer.indexFontColor{
			color: #212121 !important;
		}
	}

	@media only screen and (max-width: 1150px) {
		.wrapper .header .menu .menuitem{
			width: 15%;
			float: right;
		}

		.wrapper .header .menu {
			width: 85%;
		}

		.wrapper .header .logoTarto{
			width: 85px;
			margin: 30px 0 0 0;
		}

		.wrapper .header .logoTarto .logo{
			width: 85px;
			margin: 0;
		}
	}

	@media only screen and (max-width: 1040px) { 
		.wrapper .maincontent .text{
			top: 100%;
		}
		
		.wrapper .maincontent .text.indexFontColor a,
		.wrapper .maincontent .text.indexFontColor{
			color: #212121 !important;
		}
		
		.wrapper .maincontent .text{
			width: 50%;
			left: 0px;
		}
		
		.wrapper .maincontent .text div{
			margin-left: 30px;
		}
		
		.wrapper .content,
		.wrapper .referencia{
			width: 90%;
		}
		
		.wrapper .header{
			width: 75%;
			text-align: center;
		}
		
		.text_logo img
		{
			width: 100%;
		}
		
		.text_logo a{
			text-align: center;
			
		}

		.wrapper .header .logoTarto {
			display: none;
		}

		.wrapper .header .logoTarto .logo {
			display: none;
		}

		.footer{
			display: none !important;
		}
	}
	
	@media only screen and (max-width: 850px) { 
		.wrapper .header .menu{
			width: 100%;
		}
		
		.wrapper .header .logoTarto{
			width: 50%;
			margin: 0 auto;
			display:block;
		}
		
		.wrapper .header .logoTarto .logo{
			margin: 20px auto;
		}
		
		
		.wrapper .header .menu .menuitem{
			width: 15%;
		}
		
		.wrapper .referencia .pic,
		.wrapper .referencia .text{
			width: 100%;
		}
		
		.text_logo.blackDiv {
			margin-top: 30px;
			margin-bottom: 130px;
		}

		.col2{
			float: none;
		}
	}
	
	@media only screen and (max-width: 640px) { 
		.wrapper .header .logoTarto{
			width: 70%
		}

		.wrapper .header .logoTarto .logo {
			width: 30%;
		}
		
		.wrapper .header .menu .menuitem{
			width: 20.6%;
		}
		
		
		.wrapper .maincontent .text{
			position:relative;
			bottom: auto;
		}
		
		.wrapper .maincontent .text .year,
		.wrapper .maincontent .text .title,
		.wrapper .maincontent .text .titlebold{
			color: #212121 !important;
		}
		
		.wrapper{
			min-width: 500px;
		}
		
		.wrapper .maincontent .text{
			width: 70%;
		}
		
		.footer{
			width: 100%;
			margin-top: 10px;
		}
		
		.wrapper .lang{
			top: -10px;
			bottom: 10px;
		}
		
		.wrapper .lang.notIndex{
			right: auto; 
			left: 20px;
			bottom: -65px;
		}
	}

/* Axa ?ltal hozz?adva */
		#fooldal_kep_ala_szoveg { position: absolute; visibility: visible; left: 20px; top: 300px; height: 64px; width: 500px; z-index: 200; } 
		
		.fooldal_szoveg { 
        position: absolute;
        left: 250px;
        top: 280px;
        font-size: 59px;
        line-height: 0.7;
        z-index: 200;
     }

.hide{display: none !important}

.row .header{
	width: 100%;
}

a{
	color: black!important;
}

p.title {
	text-align: left;
}