/* tutorial */
@font-face {
    font-family: 'MyriadPro-Regular' ;
    src: url('http://www.publicidadpractica.com/otf/MyriadPro-Regular.otf');
}

input, textarea { 
	padding: 9px ;
	border: solid 1px #e9e9e9;
	outline: 0;
	font-family: MyriadPro-Regular, Verdana, Tahoma, sans-serif;
	font-size:16px;
	width: 400px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#cccccc), color-stop(4%, #cccccc), to(#cccccc));
	background: -moz-linear-gradient(top, #cccccc, #a7a8aa 1px, #cccccc 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #4d4b4c; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}

.submit input {
	width: auto;
	padding: 9px 15px;
	background: #88b802;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}