@keyframes white_to_black {
    0%   {background-color:white; color:black; border:3px solid rgba(0,0,0,0.8);}
    100% {background-color:black; color:orange; border:3px solid rgba(255,255,255,0.8);}
}
#form_tartalom{
	width:80%;
        margin:80px auto 0px auto;
        max-width:500px;
        min-width:350px;
	background-color: rgba(0,0,0,0.5);
	border-radius:10px;
	text-shadow: 1px 1px #000000;
	box-shadow: 5px 5px 2px #000000;
}
.urlap_elem{
	width:60%;
        max-width:400px;
        min-width:250px;
        margin-top:20px;
        margin:20px auto;
	padding:20px;
        clear:both;
}	
#form_cim /*EZ MEGVAN*/{
	padding-top:10px;
	text-align:center;
	font-size:32px;
	color:#ffffff;
}
.urlap_elem input[type=text], input[type=password], input[type=email]{
	width:80%;
        height:30px;
	box-sizing: border-box;
        border:hidden;
        border-bottom: 2px solid #ccc;
        font-size: 16px;
        color: #ffffff;
        background-color: rgba(0,0,0,0);
        float:left;
}
.urlap_elem img{
    height:20px; 
    width:20px;
    padding-top:10px;
    padding:5px;
    float:left;
}
.urlap_elem input[type=text]:focus, input[type=password]:focus, input[type=email]:focus{
    border-bottom: 2px solid #08f;    
}
#kuldes{
        max-width:200px;
        padding:20px;
        margin:0px auto 0px auto;
}
input[type=submit], input[type=reset], input[type=button]{
	width:200px;
        margin-top:20px auto 30px auto;
	font-weight:bold;
	background-color:rgba(255,255,255,0.6);
	border:3px solid rgba(0,0,0,0.8);
	height:30px;
	border-radius:5px;
	box-shadow: 2px 2px 1px #000000;
}
input[type=submit]:hover, input[type=reset]:hover
{	
	background-color:black; 
	color:orange; 
	border:3px solid rgba(255,255,255,0.8);
        animation-name: white_to_black;
        animation-duration: 2s;
}
#form_info{
	color:#ffffff;
        text-align:justify;
	padding:20px;
}
textarea{
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    padding-bottom:10px;
    width:100%;
    box-shadow: 2px 2px 1px #000000;
}
  /*--------------------------------*/
 /*Gelhasználói feltételek leírásai*/
/*--------------------------------*/
#leiras_cim
{
	padding-top:10px;
	text-align:center;
	color:#ffffff;
	font-size:160%;
}
.leiras_szoveg
{
	color:#ffffff;
	padding:20px 30px 20px 30px;
	text-align:justify;
	font-size:100%;
}
.kiemelt_leiras_szoveg
{
	color:#ffffff;
	padding:20px 30px 0px 30px;
	font-weight:bold;
	font-size:120%;
}

#login_tartalom{
	width:60%;
        margin:80px auto 0px auto;
        max-width:350px;
        min-width:280px;
	background-color: rgba(0,0,0,0.5);
	border-radius:10px;
	text-shadow: 1px 1px #000000;
	box-shadow: 5px 5px 2px #000000;
}
#cyberspace{
    position: relative;
    padding-left:50%;
    right:30px;
    top:-30px;
    width:60px;
    height:60px;
}
#textarea{
    width:60%;
}