Contacto

 Planilla de Contacto ** EN CONSTRUCCION NO USAR AUN **  

<style type="text/css">

#contact {
    width: 530px; height: 380px; margin: 25px auto; padding: 5px 5px;
    background: #c9d0de; border: 1px solid #e1e1e1;
    -moz-box-shadow: 0px 0px 8px #444;
    -webkit-box-shadow: 0px 0px 8px #444;
}

#contact h2 {
    font-size: 25px; color: #445668; text-transform: uppercase;
    text-align: center; margin: 0 0 10px 0; text-shadow: 0px 1px 0px #f2f2f2;
}

#contact label {
    float: left; clear: left; margin: 11px 20px 0 0; width: 95px;
    text-align: right; font-size: 16px; color: #445668;
    text-transform: uppercase; text-shadow: 0px 1px 0px #f2f2f2;
}

#contact input {
    width: 260px; height: 25px; padding: 5px 20px 0px 20px; margin: 0 0 5px 0;
    background: #5E768D;
    background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
    font-family: sans-serif; font-size: 16px; color: #f2f2f2;  text-shadow: 0px -1px 0px #334f71;
}
#contact     input::-webkit-input-placeholder  {
        color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
    }
#contact     input:-moz-placeholder {
        color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
    }

#contact textarea {
    width: 260px; height: 170px; padding: 12px 20px 0px 20px; margin: 0 0 20px 0;
    background: #5E768D;
    background: -moz-linear-gradient(top, #546A7F 0%, #5E768D 20%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546A7F), color-stop(20%,#5E768D)); /* webkit */
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    -moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
    font-family: sans-serif; font-size: 16px; color: #f2f2f2;  text-shadow: 0px -1px 0px #334f71;
}
#contact     textarea::-webkit-input-placeholder  {
        color: #a1b2c3; text-shadow: 0px -1px 0px #38506b; 
    }
#contact     textarea:-moz-placeholder {
        color: #a1b2c3; text-shadow: 0px -1px 0px #38506b;
    }
    
#contact input:focus, textarea:focus {
    background: #728eaa;
    background: -moz-linear-gradient(top, #668099 0%, #728eaa 20%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#668099), color-stop(20%,#728eaa)); /* webkit */
}

#contact input[type=submit] {
    width: 110px; height: 30px; float: right; padding: 4px 15px; margin: 0 15px 10px 0;
    -moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
    border: 1px solid #556f8c;
    background: -moz-linear-gradient(top, #718DA9 0%, #415D79 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#718DA9), color-stop(100%,#415D79)); /* webkit */
    cursor: pointer;
}
    
</style>

<div id="contact">
    <h2>
        Envíenos un Email</h2>
    <form action="http://www.colcompuesto.com/emailform.php" method="post" name="SampleForm">
        <input name="env_report" type="hidden" value="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT,AUTH_TYPE,REMOTE_USER" /> <input name="recipients" type="hidden" value="informa-/A\-astursistemas.com" /> <input name="required" type="hidden" value="EmailAddr:Su Direccion de Correo,FullName:Su Nombre" /> <input name="subject" type="hidden" value="Email de Contacto" /> <input name="good_url" type="hidden" value="http://www.colcompuesto.com/resumenes.php" /> <input name="bad_url" type="hidden" value="http://www.colcompuesto.com/contenido.php?articulo_no=20" />
        <fieldset>
            <label for="name">Nombre:</label> <input name="FullName" placeholder="Su Nombre completo" type="text" /> <label for="email">Email:</label> <input name="EmailAddr" placeholder="Su Email" type="text" /> <label for="message">Mensaje:</label><textarea cols="50" name="mesg" placeholder="Su Mensaje" rows="10"></textarea><input type="submit" value="Enviar" /></fieldset>
    </form>
</div>

Clic para regresar.

Regresar