*{margin: 0; padding: 0;}
html, body	{height: 100%;}

body {font-family: arial; font-size: 12px; padding: 40px; background: #000 url(back.gif); color: #fff;}

h1 {margin: 60px 0 30px 0; padding: 3px 10px; font-size: 14px; border: 1px solid #8C670C; color: #8C670C; clear:both;}
h2 {margin: 30px 10px 10px 10px; font-size: 12px; color: #8C670C; }
p {margin-left: 20px; color: #aaa; text-align: justify;}
dl {padding-left: 20px; color: #aaa;}
dl dt {margin-top: 15px; padding: 2px 5px; background: #1f1f1f; color: #888;}
dl dd {padding: 0 60px 0 20px; font-style: italic; color: #aaa;}
em {float: right; font-weight: normal; color: #eee;}

a {color: #fff;}

.akcio em {color: #d11;}
.top {margin-top: 30px; padding: 0  0 20px 0;}
#linksor {height: 120px;}
#linksor img {border:0;}

#ervenyes {margin-left: 0; margin-top: -15px; padding: 0 0 0 0; color: #8C670C; font-size: 14px; font-weight: bold;}

dl.ketto em {width: 100px; text-align: right;}

.mf {color: #8C670C !important;}
.red {color:#d11;}

#masculin-logo {position: absolute; width: 126px; height: 160px; right: 40px; }

#mobile-menu {display:none}

.tbl01 {width:100%;margin:20px 0;}
.tbl01 caption {text-align:left;padding:4px 5px 0px;background:#444;}
.tbl01 th {font-style:normal;color:#8C670C;width:25%;text-align:left;padding-left:5px;}
.tbl01 td {font-style:italic;text-align:left;padding-left:5px;}


/* copy from mobile.css */
#change-lang {position:absolute;z-index:10;width:34px;height:32px;left:24px;top:20px;background-color: transparent;display:block; line-height:32px;text-align:center;}
#site-menu-open {position:absolute;z-index:10;width:34px;height:32px;right:24px;top:20px;background-color: transparent;}
#site-menu-open span {display: block;width: 100%;height: 2px;font-size: 0;overflow: hidden;background: #fff; margin-bottom: 5px; }
	
	#site-menu-close {position:absolute;z-index:1;left:0;top:0;width:100%;}
	#site-menu-close span {position:absolute;top:18px;right:18px;width:32px;height:32px; overflow:hidden;}
	#site-menu-close span { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAQAAABLCVATAAABEUlEQVR4AeWWt3UCQRBA8aYpKIKrQD18TCwTbgnkVIHp4i4UIeHlNxp5zTsNdjLmZ2v+etO4w6DNmMSWglIp2JI0pX2ZZMiCA1JHUxcMz9Vk7BF89mSnJU1ekDN4pnlM02KFnMkKX+X0xuPZnxu5kOz/lbJTvKNCLFSaaqd9UBctTJElLR6orEZTWixN2ry+/Q6mN633VKNSzUday/TqQNuKxmiyrWRUtZQfRlaUEF/la5RkRVvEV/kaZWNFBeKrfI2SW1GJ+Cpfo5TxotihhU122PJHbciAIxJwaAOukVcGMRfbJP6qtUHz8svfVz2fpXmiGfFATs5/sufukz1ncOknYkRiQ06p5GxImtJu3F+8AXd0lPf62kHsAAAAAElFTkSuQmCC');    
background-size: 32px 32px;
    display: inline-block;   
    vertical-align: text-bottom;
   }		
	#site-menu {display:none; position:fixed;z-index:11;left:0;top:0;right:0;bottom:0; padding-top:53px; background:rgba(0,0,0,.8);color:#fff; text-transform:uppercase;}
	#site-menu.on {display:block;}	
		#site-menu ol {position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);}		
		#site-menu li {display:block;margin-bottom:1px;}		
		#site-menu a {display:block;padding:12px 0;text-align:center;background:#323232;margin:0 15px;border-radius:2px;}
		#site-menu li.highlight a {font-weight:300;background:#9a7c04;}
	
/* /copy from mobile.css */

#site-menu-open {display:none;}
button {border:0;}
#site-menu a  {text-decoration:none;}

@media only screen and (max-width: 779px) 
{
	body {font-family: tahoma; font-size: 16px; padding: 40px 14px; background: #030303 ; color: #f3f3f3;}
	h1 {margin: 48px 0 24px 0; padding: 8px 12px 5px; font-size: 18px; }
	h2 { font-size: 17px;}
	dl {padding-left:0; color: #aaa;}
	dl dt {margin-top: 16px; padding: 3px 5px;  font-size: 16px; background: #1f1f1f; color: #eee; margin-bottom:5px;}
	em {display:block;float: none; font-style: normal; font-size: 15px; font-weight: normal; color: #eee; padding-top:3px;}	
	dl.ketto em {display:block; width: auto; text-align: left;}
	dl dd {padding: 0 ; font-style: normal; font-size:14px; normal; color: #bbb;}
	
	#masculin-logo {position:static;display:block;margin:0 auto;}
	#linksor {display:none;}
	#mobile-menu {display:block;width:100%;height:24px;}
	#ervenyes {margin:0; padding:24px 0; color: #8C670C; font-size: 14px; font-weight: bold; text-align:center;}
		
	#site-menu-open {display:block}
	
	.top {display:none;margin-top: 0; padding: 0; position:fixed; bottom:20px;right:20px;font-size:0;}
	.top a { display:block; width:48px;height:48px;background:rgba(0,0,0,.6) url(up-arrow.png) 50% 50% no-repeat; background-size:32px; border-radius:5px;}
}


