@CHARSET "UTF-8";


body {

	margin: 0px;

	padding: 0px;

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

	background-color: #FFF;

	font-size: 13px;

}



#content{

	width: 896px;

	_height: 1024px;

	min-height: 1024px;

	background: url('../images/bg2.jpg') no-repeat;

	margin: 0 auto;

	padding: 0;

	border: 2px solid #FFE7B4;
	
	position:relative;

}



#header{

	width: 554px;

	height: 90px;

	margin: 0 auto;

	padding: 0;

}



#header img{

	margin: 8px auto;

}





#main{

	width: 554px;

	margin: 0 auto;

	padding: 0;

}



#logo{

	position: absolute;

	z-index: 100;

	margin-left: 100px;

	margin-top: -42px;

}



#menu{

	width: 554px;

	height: 25px;

	margin: 0 auto;

	padding: 0;

	background: url('../images/menu.png') no-repeat;

	text-align: center;

	font-size: 18px;

	color: #FFF;

	padding: 15px 0;

}



#menu a{

	text-decoration: none;

	color: #FFF;

	font-size: 18px;

}



#menu a:hover{

	text-decoration: underline;

	color: #FFF;


}



#menu a.active{

	text-decoration: none;

	color: #FEC32F;


}



#text{

	width: 532px;

	min-height: 615px;

	margin: 0 auto;

	padding: 80px 10px 5px 10px;

	background-color: #FFF;

	border-left: 1px solid #F98F39;

	border-right: 1px solid #F98F39;

	color: #000;

}



#text a{

	text-decoration: none;

	color: #000;

}



#text a:hover{

	text-decoration: underline;

	color: #000;

}



#footer{

	width: 554px;

	height: 26px;

	margin: 0 auto;

	padding: 0;

	background: url('../images/footer.png') no-repeat;

}



#copyright{

	width: 554px;

	height: 55px;

	margin: 20px auto;

	text-align: center;

	color: #000;

	font-size: 12px;

	font-weight: bold;

	

}



h1{

	color: #064AAB;

	font-size: 22px;

}



a.mainpage{

	color: #064AAB !important;

	font-weight: bold;

	font-size: 12px;

	text-decoration: none;

	margin: 0px 10px;

	line-height: 30px;

}



a.mainpage:hover{

	text-decoration: none;

}

.share_content{
text-align: center;
    padding: auto;
	margin-top:25px; 
	background:#EEEEEE;
	border:1px solid #E8E5E5;
	padding-bottom:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

	.share_content .megosztas_text{
		font-weight:bold;
		margin-bottom:10px;
		color:#CB0000;
	}
    
.addthis_toolbox{
    width: 48%;
    margin: auto;
}

@media only screen and (max-width: 918px) {

    #content{
        width: 100%;
        border: none;
    }
    
    #logo{
        display: none;
    }
    
    #text{
        padding-top: 10px;
    }

}

@media only screen and (max-width: 580px) {

    #header,
    #header img,
    #main,
    #menu,
    #copyright{
        width: 100%;
    }
    
    #header{
        height: auto;
    }
    
    #menu{
        background-image: none;
        background-color: #488491;
    }

    
    #text{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        border: none;
        box-sizing: border-box;
    }
    
    
    #footer{
        display:none;
    }
    
    h3{
        width: 90% !important;
    }
    
    .scrolltable{
        overflow-x: scroll;
    }
    
    

}

@media only screen and (max-width: 445px) {

    #menu{
        width: 100%;
        padding: 15px;
        height: auto;
        box-sizing: border-box;
    }
    
    #menu a{
        display: block;
        font-size: 120%;
    }
    
    #menu #element-container{
        display: none;
        background: #39737f;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 15px;

    }

    #mobilemenubutton{
        width: 32px;
        height:32px;
        padding: 3px;
        border: 1px solid #fff;
        background-image: url('../images/menu-alt.png');
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        cursor: pointer;
    }

}