.forma-busqueda input {
    color: transparent;
    width: 30px;
    height: 32px;
    float: left;
    border: 2px #fff solid;
    border-radius: 100%;
    padding: 20px;
    background:url("../images/search.png") no-repeat center; /* Nota 1 */
    -webkit-transition:all 0.5s linear;  /* Chrome y Safari */
    -o-transition:all 0.5s linear;  /* Opera */
    -moz-transition:all 0.5s linear;  /* Mozilla Firefox */
    -ms-transition:all 0.5s linear;   /* Internet Explorer */
    transition:all 0.5s linear;  /* W3C */
}

.forma-busqueda input:focus {
    border-radius:25px;
    padding-left: 5px;
    font: 14px 'didact gothic';
    color:#000; /* Nota 4 */
    background: #eee url("../images/search.png") no-repeat 9px center; /* Nota 2 */
    -webkit-transition:all 0.5s linear;  /* Chrome y Safari */
    -o-transition:all 0.5s linear;  /* Opera */
    -moz-transition:all 0.5s linear;  /* Mozilla Firefox */
    -ms-transition:all 0.5s linear;   /* Internet Explorer */
    transition:all 0.5s linear;  /* W3C */
    width: 200px; /* Nota 3 */
    outline: 0;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}

.forma-busqueda input::-webkit-input-placeholder {
   color: #999; /* Nota 5 */
   font-weight: normal;
   font-style: italic;
}

.forma-busqueda input:-moz-placeholder {
    color: #999; /* Nota 5 */
    font-weight: normal;
    font-style: italic;
}

.forma-busqueda input:-ms-input-placeholder {
    color: #999; /* Nota 5 */
    font-weight: normal;
    font-style: italic;
}