@charset "utf-8";
/* CSS Document */

/*
<div id="container-fb">
	  <div id="logo_fb" id="logo_fb">
	  <a class="facebook" href="https://www.facebook.com/pages/..." title="Social-Media GreekNET24" target="_blank"></a>
	  </div>
      <div class="ue-fb" id="ue-fb">
            <p>text</p>
            </div>
	<div class="txt-fb" id="txt-fb">
            <p>text</p>
            </div>
</div>
*/

#container-gh{
		margin: 0 auto;
		width: 1836px;
		height: auto;
		padding: 32px;
		border-width: 2px;
		background-color: rgba(0, 0, 0, 0.2);
		border-color: #bd0e08;
		border-style: solid;
		border-radius: 0px 10px 30px 10px;
		color: #ffffff;
		margin-top: 32px;
}

#ue-gh{
		width: 1700px;	
		height: auto;
		padding: 0;
		font-size: 18px;
		font-weight: bold;
		margin-top: -50px;
		margin-bottom: 32px;
}

#txt-gh{
		width: 1800px;	
		height: auto;
		padding: 0;
		font-size: 18px;
		font-weight: normal;
}

#logo_gh{
		width: 50px;
		height: 50px;
		margin: auto;
		padding: 0;
		margin-left: 1770px;
}

a.gallery_history{
		width: 50px;
		height: 50px;
		margin: auto;
		padding: 0;
		float: right;
		background-image: url(../logos/gallery_over.png);
		background-size: 100%, 100%;
}

a.gallery_history:hover{
		background-image: url(../logos/gallery_up.png);
}

@media only screen and (max-width: 1899px) {
			.reframe { max-width: 1899px }

	#container-gh{
		width: 1506px;
}

#ue-gh{
		width: 1450px;	
		font-size: 16px;
		margin-top: -50px;
		margin-bottom: 32px;
}

#txt-gh{
		width: 1500px;	
		font-size: 16px;
}

#logo_gh{
		margin-left: 1470px;
}

}

@media only screen and (max-width: 1599px) {
			.reframe { max-width: 1599px }

	#container-gh{
		width: 1216px;
		padding: 32px;
		margin-top: 32px;
}

#ue-gh{
		width: 1100px;
}

#txt-gh{
		width: 1200px;
}

#logo_gh{
		margin-left: 1150px;
}

}

@media only screen and (max-width: 1279px) {
			.reframe { max-width: 1279px }

#container-gh{
		width: 972px;
		padding: 24px;
		margin-top: 24px;
}

#ue-gh{
		width: 850px;	
		font-size: 14px;
		margin-top: -50px;
		margin-bottom: 24px;
}

#txt-gh{
		width: 950px;	
		font-size: 14px;
}

#logo_gh{
		margin-left: 900px;
}

}

@media only screen and (max-width: 1023px) {
			.reframe { max-width: 1023px }

	#container-gh{
		width: 768px;
		padding: 16px;
		margin-top: 16px;
}
			
#ue-gh{
		width: 650px;	
		font-size: 12px;
		margin-top: -50px;
		margin-bottom: 16px;
}

#txt-gh{
		width: 750px;	
		font-size: 12px;
}

#logo_gh{
		margin-left: 700px;
}

}

@media only screen and (max-width: 799px) {
			.reframe { max-width: 799px }

#container-gh{
		width: 616px;
		padding: 12px;
		margin-top: 12px;
}

#ue-gh{
		width: 550px;	
		font-size: 11px;
		margin-top: -40px;
		margin-bottom: 12px;
}

#txt-gh{
		width: 600px;	
		font-size: 11px;
}

#logo_gh{
		width: 40px;
		height: 40px;
		margin-left: 570px;
}

a.gallery_history{
		width: 40px;
		height: 40px;
}

}

@media only screen and (max-width: 639px) {
			.reframe { max-width: 639px }

#container-gh{
		width: 456px;
		padding: 12px;
		margin-top: 12px;
}

#ue-gh{
		width: 400px;	
		font-size: 11px;
		margin-top: -30px;
		margin-bottom: 12px;
}

#txt-gh{
		width: 450px;	
		font-size: 11px;
}

#logo_gh{
		width: 30px;
		height: 30px;
		margin-left: 400px;
}

a.gallery_history{
		width: 30px;
		height: 30px;
}

}

@media only screen and (max-width: 480px) {
			.reframe { max-width: 480px }

#container-gh{
		width: auto;
		padding: 12px;
		margin-top: 12px;
		margin-bottom: 20px;
		margin-left: 30px;
		margin-right: 30px;
}

#ue-gh{
		width: auto;	
		font-size: 14px;
		margin-top: 10px;
		margin-bottom: 12px;
}

#txt-gh{
		width: auto;	
		font-size: 14px;
}

#logo_gh{
		width: 70px;
		height: 70px;
		margin: 0 auto;
}

a.gallery_history{
		width: 70px;
		height: 70px;
}

}