form#alap {background-color:#cefdfb; color:#1a5f5c; font:14px/24px Verdana, Geneva, sans-serif;}

form#alap input{margin: 5px 3px 10px 5px;}
form#alap span{padding: 2px 0px 2px 2px;}
form#alap fieldset {padding-left: 10px;}

/*Méretezés */
form#alap { padding:10px; width: auto;  }
form#alap .felasznalo input { width:220px; height:22px;}
form#alap textarea {width:440px; height:150px; }

/*Pozicionálás */
form#alap label.label_1 {display: block; width: 70px; float: left; text-align: right; margin-right: 10px; }
form#alap .targy input { margin-left: 140px; }

form#alap .felasznalo span  {
	display: inline-block; 
	color: #ff0000; 
	margin-left: 15px; 
	font-size: 0.92em; 
	min-width:220px; 
	width: auto;
	text-align: center;
	background-color: #446644; 
	color:#ffffff; 
	border-radius: 10px 20px 30px 40px; 
	padding-left: 5px; 
	opacity: .6; 
	}

/*Nyomógom */
form#alap input[type="submit"]{
	display: inline-block;
	background: transparent url(../web_img/btn_zold_42.png);
	font-size:18px;
 	height:42px;
	width:115px;
	padding:0;
	border : none;
    text-align:center; color:#ffffff;  
	}
	
form#alap input[type="submit"]:hover {
	background: url(../web_img/btn_zold_felett_42.png);
	padding:0; height:42px;
	}
	
form#alap input[type="submit"]:active {
	background: url(../web_img/btn_zold_lent_42.png);
	padding-top: 2px;
	height:42px;
	}
	
form#alap .submit{ text-align:center;}
/*----------------------------------*/
form#alap input[type="submit"] {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 10px 75px;
    margin: 0 20px;
    text-shadow: 2px 2px 1px #595959;
    filter: dropshadow(color=#595959, offx=1, offy=1);
    text-decoration: none;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    border: solid 1px #720000;
    background-color: #c72a2a;
    background: -moz-linear-gradient(top, #c72a2a 0%, #9e0e0e 100%);
    background: -webkit-linear-gradient(top, #c72a2a 0%, #9e0e0e 100%);
    background: -o-linear-gradient(top, #c72a2a 0%, #9e0e0e 100%);
    background: -ms-linear-gradient(top, #c72a2a 0% ,#9e0e0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e0e0e', endColorstr='#9e0e0e',GradientType=0 );
    background: linear-gradient(top, #c72a2a 0% ,#9e0e0e 100%);
    -webkit-box-shadow: 0px 0px 1px #FF3300, inset 0px 0px 1px #FFFFFF;
    -moz-box-shadow: 0px 0px 1px #FF3300, inset 0px 0px 1px #FFFFFF;
    box-shadow: 0px 0px 1px #FF3300, inset 0px 0px 1px #FFFFFF;
}

form#alap input[type="submit"]:hover {
    background-color: #b52f2f;
    background: -moz-linear-gradient(top, #b52f2f 0%, #910b0b 100%);
    background: -webkit-linear-gradient(top, #b52f2f 0%, #910b0b 100%);
    background: -o-linear-gradient(top, #b52f2f 0%, #910b0b 100%);
    background: -ms-linear-gradient(top, #b52f2f 0% ,#910b0b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#910b0b', endColorstr='#910b0b',GradientType=0 );
    background: linear-gradient(top, #b52f2f 0% ,#910b0b 100%);
}
 
form#alap input[type="submit"]:active {
    background-color: #8f2222;
    background: -moz-linear-gradient(top, #8f2222 0%, #660808 100%);
    background: -webkit-linear-gradient(top, #8f2222 0%, #660808 100%);
    background: -o-linear-gradient(top, #8f2222 0%, #660808 100%);
    background: -ms-linear-gradient(top, #8f2222 0% ,#660808 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660808', endColorstr='#660808',GradientType=0 );
    background: linear-gradient(top, #8f2222 0% ,#660808 100%);
}
/*----------------------------------*/

/*Elemcsoport csinosítás */
form#alap {background-color:#b0dddf;  margin-bottom: 10px; border-radius: 10px; box-shadow: 5px 5px 15px 0px #1a5f5c;} 
form#alap fieldset {background-color:#cefdfb; color:#1a5f5c; border-width: 1px;  border-color:#1a5f5c; margin-bottom: 10px; border-radius: 10px; box-shadow: 5px 5px 15px 0px #1a5f5c;} 
form#alap legend { color: #ffffff; background-color: #1a5f5c;  border-radius: 10px  20px 30px 40px; padding: 2px 16px;} 
form#alap h2 {text-align: right; margin: 5px 20px 20px 20px; font-style:italic; }



/* Űrlapelemek árnyék keret */
form#alap input,  form#alap textarea {		
		padding-left: 5px;
		border: 1px solid #1a5f5c;
		box-shadow: 0 0 3px #b0dddf, inset 0 -10px 20px #b0dddf;
		border-radius: 5px;
	}

form#alap textarea {		
		border: 1px solid #1a5f5c;
		box-shadow: 0 0 3px #b0dddf, inset 0 -20px 80px #b0dddf;
		border-radius: 5px;
	}

/* placeholder - Az Opera nem támogatja*/

form#alap .input:-webkit-input-placeholder 	{ color: #446644; font-style: italic; opacity: .6;}
form#alap .input:-ms-input-placeholder 		{ color: #446644; font-style: italic; opacity: .6;}
form#alap .input:-moz-placeholder		  	{ color: #446644; font-style: italic; opacity: .6;}



/* Körvonal kezelése*/
form#alap input,                              form#alap textarea, form#alap button {outline: none;}
form#alap input:focus,                        form#alap textarea:focus {border: 1px solid #446644; box-shadow: 0 0 3px #446644;}
form#alap input:focus:invalid,                form#alap textarea:focus:invalid,
form#alap input:focus:not(:required):invalid, form#alap textarea:focus:not(:required):invalid {
	color: #05605c;
}



form#alap input:required, form#alap textarea:required {	
	background-image:url('../web_img/webdev_help_16.png');
	background-repeat:no-repeat;
	background-position:99% 50%;}
	
form#alap textarea:required {	background-position:99% 10px;}

form#alap input:focus:invalid, form#alap input:not(:required):invalid  {
	background-image:url('../web_img/webdev_err_16.png');
	background-repeat:no-repeat;
	background-position:99% 50%;}

form#alap textarea:focus:invalid, form#alap textarea:not(:required):invalid {
	background-image:url('../web_img/webdev_err_16.png');
	background-repeat:no-repeat;
	background-position:99% 10px;}
   
   
form#alap input:required:valid, form#alap input:focus:not(:required):valid{
	background-image:url('../web_img/webdev_ok_16.png');
	background-repeat:no-repeat;
	background-position:99% 50%;}

form#alap textarea:required:valid {
	background-image:url('../web_img/webdev_ok_16.png');
	background-repeat:no-repeat;
	background-position:99% 10px;}
   
form#alap input:focus + span {
	margin-left: 15px;
	opacity: 1;
}   

form#alap input:focus::label{
	color: #0000ff;
} 

form#alap p > label 
{ 	 
	-moz-transition: color 1s ease; 
	-o-transition: color 1s ease; 
	-webkit-transition: color 1s ease; 
	transition: color 1s ease; 
}	
	
form#alap p:focus  > label 
{ 	color: #f00; 

}