@media (orientation: landscape)
{
	body
	{	
		margin:				0;
		padding:			0;
        /*float:              left; */
        width:              100%;
        text-align:         center;
        background-color:   #272527;
		background-size:	100%;
        background-size:    cover;
		background-repeat:	none;
        min-height:         100%; 
        position:           relative;
	}

    body::after 
    {
        content:            '';
        display:            block;
        height:             50px; /* Ugyanakkora, mint a footer magassága *:) */
    }
}

@media (orientation: portrait)
{
	body
	{
		margin:				0;
		padding:			0;
        width:              100%;
        text-align:         center;
        background-color:   #272527;
		background-size:	100%;
		background-size:	cover;
		background-repeat:	none;
        min-height:         100%; 
        position:           relative;
	}

    body::after 
    {
        content:            '';
        display:            block;
        height:             50px; /* Ugyanakkora, mint a footer magassága *:) */
	}

    div#face
    {
        background-image: 	none;
	    margin: 		    10px;
        padding:            10px;
        text-align:         left;
    }
}
    
@font-face
{
    font-family:            Genos-Regular;
    src:                    url("./Betu/Genos/static/Genos-Regular.ttf");
}

.cimsor
{
    color:              thistle;
    font-family:        "Genos-Regular";
    text-shadow:        2px 2px #3C0346;
    border: 		    none;
    padding:            12px;
    text-align: 		center;   
}

.menu
{
    background-color:   #272527;
	padding:            5px;
	border: 			none;
    border-radius:      5px;
    margin:             10px;
}

.a
{
    display:            inline-block;
	width:              auto; /*210px;*/
	text-align:         center;
	font-weight:        bold;
	text-decoration:    none;
			/*color:            	#2e2a2e;*/
	color:            	#E7C2EE;
	font-size: 			18px;
	padding:            7px;/*12px;*//*20px;*/
}

.a:hover
{
    color:              blueviolet;
    font-weight: 		bold;
}

.a:active
{
    color:              blueviolet;
    font-weight: 		bold;
}

div#cimsorSfturbo
{
	color:              thistle;
    font-family: "Genos-Regular";
    text-shadow:2px 2px #3C0346;
	border: 			none;
    padding:            12px;
}
		
div#menu
{
    background-color:   #272527;
	padding:            10px;
	border: 			none;
    border-radius:      5px;
    margin:             10px;
}

div#menu a
{			
	display:            inline-block;
	width:              auto; /*210px;*/
	text-align:         center;
	font-weight:        bold;
	text-decoration:    none;
	color:            	#E7C2EE;
	font-size: 			22px;
	padding:            10px;/*12px;*//*20px;*/
}

div#menu a:hover
{
    color:              blueviolet;
    font-weight: 		bold;	
    /*font-size:20px;	*/	
}

div#menu a:active
{
	color: 				blueviolet;
	font-weight: 		bold;			
}

div#lablec
{
    color:             #c9bdd6;
    text-align: 		center;
	/*bottom:				0px;
	border: 			none;
    padding:			5px;*/
    font-family:        "Genos-Regular";
}

footer
{
	width:				    100%;
	position: 			    absolute;
	bottom:				    0px;

    /*ez kerül bele 09-05*/
    height:                 50px;
}

div#tartalom
{
    background-image: 	none;
    color:              white;
	font-size: 			20px;
	margin: 			10px;
	text-align: 		justify;
    padding:            10px;
    
    text-shadow:1px 1px black;
    text-shadow:1px 1px #3C0346;
}

div#tartalom2
{
	background-color: 	#2e2a2e;
	opacity:			75%;
	color: 				red;
	font-size: 			30px;
	margin: 			10px;
	text-align: 		center;			
}

div#elerhetoseg
{
    background-image: 	none;
    color:              white;
	font-size: 			20px;
	margin: 			10px;
	text-align: 		justify;
    padding:            10px;
	font-family:            'Times New Roman', Times, serif;
    text-shadow:1px 1px black;
    text-shadow:1px 1px #3C0346;
}

div#kapcsolatelott
{
	width:                  90%; /* ez került bele 04-20-án */
	/*opacity:			    75%;*/
	color: 				    #f4f0f5;
	text-align:			    center;
	font-family:            'Times New Roman', Times, serif;
    font-size: 			    24px;
    font-weight:            bold;
    margin: 			    0 auto 0 auto;
    padding:                0;
}

div#kapcsolat
{					
	/*background-size:	cover;*/
	color: 				    #f4f0f5;
	margin: 			    0 auto 0 auto;
	padding: 			    0;			
	text-align: 		    center;
	font-family:            'Times New Roman', Times, serif;
	font-weight: 		    bold;
    font-size: 			    16px;
	/*width: 			    	550px;       
    height: 			    auto;	*/
    /*width: 				    600px;*/
    width: 				    500px;
}

#kapcsolatForm
{
    /*width: 				    550px;*/
    width: 				    450px;
    font-weight: 		    bold;
    font-size: 			    18px;
    color:                  #f4f0f5;
    padding: 			    0;       
    margin: 			    0 auto 0 auto;
}

div#kapcsolat input[type="text"], div#kapcsolat input[type="email"]
{
    background-color:       thistle;
    color:                  #151016;
	margin:                 0 auto 0 auto;
    width:			        450px;
    border-radius:          5px;
}

div#kuldesgomb
{
    margin:         	    0 auto 0 auto;
    text-align:             center;
}

#gombUzenetkuldes
{
    background-color:       #3c373d;
    color:                  thistle;
    font-size:              16px;
	padding: 			    3px;
	/*width:				100px;*/
    border-radius:          5px;
    width:                  auto;
}

#gombUzenetkuldes:hover
{
    background-color:       blueviolet;
    color:                  thistle;
}

div#kapcsolat textarea
{
    background-color:       thistle;
    color:                  #3C0346;
	width:				    450px;
    height:				    150px;
    border-radius:          5px;
}

div#visszajelzes
{
	width:                  90%;
	height:                 50px;
	padding:                5px;
    display:                none;    
    margin:                 0 auto 0 auto;
    text-align:             center;
    font-size:              24px;
    color:                  #aca4ad;
}

.formElemek
{
    /*width:              350px;*/
    width:                  16%;
    font-family:            gombokBetu;
    color:                  #004;
    margin:                 10px;
    /*font-family: 'Genos', sans-serif;*/
    /*font-weight:        bold;    */ 
}  

.aktualis
{
    color: blueviolet;      
    border-bottom: 2px solid blueviolet;
}

.formok
{
    width: 				400px;
    font-weight: 		bold;
    font-size: 			18px;
    color:               #3C0346;
    padding: 			0;       
    margin: 			0 auto 0 auto;
    text-align: 		center;
}

div#hibaoldal
{
    color: whitesmoke;
}