hola gracias por responder, no me funciona :S
el codigo del formulario me quedo asi
<form class='contacto' id="formulario">
<div><label>Nombre:</label><input type='text' class='nombre' value=''></div>
<div><label>Correo electrónico:</label><input type='text' class='email' value=''></div>
<div><label>Telefono:</label><input type='text' class='telefono' value=''></div>
<div><label>Mensaje:</label><textarea rows='6' class='mensaje'></textarea></div>
<div><input type='submit' value='Enviar Mensaje' class='boton'></div>
</form>
y el del otro css que tengo q es un slider asi:
<td><div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/10b.jpg" alt="" title="" id="wows1_0"/></li>
<li><img src="data1/images/13b.jpg" alt="" title="" id="wows1_1"/></li>
<li><img src="data1/images/14b.jpg" alt="" title="" id="wows1_2"/></li>
<li><img src="data1/images/3b.jpg" alt="" title="" id="wows1_3"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="">1</a>
<a href="#" title="">2</a>
<a href="#" title="">3</a>
<a href="#" title="">4</a>
</div></div>
<a class="wsl" href="http://wowslider.com">jQuery Slider Demo by WOWSlider.com v2.4</a>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script> </td>
tienen diferentes id y class pero cuando pongo <link rel="stylesheet" type="text/css" href="estilos.css" />
se me deforma toda la pagina, que sera? :S