.{
    
}

body {
	color:white;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:rgba(245,130,32,1);
	   overflow-x: hidden;
}

@font-face {
    font-family: myFirstFont;
    src: url('fonts/PermanentMarker.ttf');
}

.all {
	width: 795px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	/*background-color: #FFED00;*/
	background-color:rgba(255,153,0,0.8);
	box-shadow: 0px 0px 20px #505050  ;
	color:black;
}
.menu{
    height:45px;
    font-family: "Arial Narrow",Arial, sans-serif;
    background-image: url('../img/menu_bg.png');
    background-repeat:repeat-x;
    border:0px;
	 border-style:none;
	 font-family: myFirstFont;
}

.gomb{
   font-size:25px;
   text-align:center;
   color:black; 
	height: 39px;
	width:auto;
	padding-left:20.7px;
	padding-right:21px;
	padding-top:6px;
	margin-left: 0px;
	margin-right: 0px;
	float:left;
	border-radius: 0px;
	border:0px;
	border-style:none;
	
}
img{
	border:0px;
	border-style:none;
}	
	
.gomb:hover{
	background: rgba(255,153,0,0.5);
}
.gomb a{
    color:white;
    text-decoration: none;
}
.gomb_active{
    font-size:25px;
    text-align:center;
    background: rgba(255,153,0,0.5);
    color:black; 
    height: 39px;
    width:auto;
    padding-left:20.7px;
    padding-right:21px;
    padding-top:6px;
    margin-left: 0px;
    margin-right: 0px;
    float:left;
    border-radius: 0px;
    border:0px;
    border-style:none;
}


.main{
	padding-left:10px;
	padding-top:0px;
	width: 700px;
	min-height: 610px; 
	margin-left:auto;
   margin-right: auto;
   margin-top:10px;
   background-position-x:center;
	background-repeat:no-repeat;
	overflow-y: auto;
	/*background-image: url('../img/main_bg_v2.png');
	background-color: #fff141;*/
}

.footer{
	width:797px;
    height:45px;
    margin-left:auto;
    margin-right: auto;
    margin-top:20px;
	background-image: url('../img/footer_bg.png');
    background-repeat:repeat-x;
}
.footertartalom{
	width: 797px;
	height: 45px;
	margin-left:300px;
	padding-top: 15px;
}
.kepbox{
	width: 130px;
	height: 85px;
	margin:20px;
	float: left;
	vertical-align: super;
   overflow: hidden;
}
.kepbox img{
	width: 100%;
}
.kategoria{
	float: left;
	width: 145px;
	height: 145px;
	margin-right: 25px;
	margin-left: 5px;

}
.kategoria_kep{
    width: 145px;
    height: 95px;
    margin-right: 25px;
    margin-left: 5px;
    vertical-align: super;
   overflow: hidden;
}

.kategoria_cim{
	font-size: 14px;
	text-align: center;
	color: black;
}

.vissza{
	float: right;
	width:100px;
	text-align: right;
	margin-right:25px;
	color:black;
}

.cim{
	 margin-bottom: 0px;
	 font-family: myFirstFont;
	 font-size: 25px;
	 
}




/*hatter*/
img.bg {
            /* Set rules to fill background */
            min-height: 70%;
            min-width: 1200px;
            
            /* Set up proportionate scaling */
            width: 100%;
            height: auto;
            
            /* Set up positioning */
            position: fixed;
            z-index:-1;
            margin-top: 100px;
            left: 0;
        }
        
        @media screen and (max-width: 1200px){
            img.bg {
                left: 50%;
                margin-left: -600px; }
        }