@charset "ISO-8859-1";

/*
 * Maquetación CSS para formularios (media: screen/print)
 * (C) 2008 Vexlan Tecnología y Servicios, S.L.
 *
 */

@media all {

	fieldset {
		border: none;
	}

	input.txt {
		width: 297px;
		height: 20px;
		border: 0px none;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 12px;
		background: white url(../img/form-input.gif) no-repeat top left;
		padding: 2px 0px 0px 5px;
	}

	.campo {
		margin-bottom: 20px;
		padding-left: 20px;
		position: relative;
	}

	.campo label {
		font-size: 1.2em;
		font-weight: bold;
		color: #fe7500;
		margin-left: -20px;
	}

	.campo label span {
		font-size: 0.6em;
		font-style: italic;
		color: #888;
	}

	#contenido .campo .error {
		position: absolute;
		top: 0px;
		right: 0px;
		background: #990000;
		padding: 0px 4px;
	}

	#contenido .campo .error p {
		color: white;
		font-style: normal;
		font-weight: bold;
		margin: 0px;
	}

	.campo p {
		color: #666;
		font-size: 0.9em;
		font-style: italic;
	}

	.campo p.h {
		color: #111;
		font-size: 1em;
		font-style: normal;
	}

	#envio_amigo .campo {
		margin-bottom: 5px;
	}

	#envio_amigo .campo label {
		font-weight: normal;
		font-size: 1em;
		color: #333;
		margin-left: 0px;
	}

	.campo b.email {
		font-size: 1.3em;
	}


	.input {
		width: 302px;
		padding: 3px;
	}

	.glow {
		background: url(../img/form-glow.gif) no-repeat center center;
	}


	input.http {
		background: white url(../img/form-url.gif) no-repeat left center;
		padding-left: 60px;
		width: 242px;
	}

	input.empresa {
		background: white url(../img/form-empresa.gif) no-repeat left center;
		padding-left: 25px;
		width: 277px;
	}

	input.criterio {
		background: white url(../img/form-criterio.gif) no-repeat left center;
		padding-left: 25px;
		width: 277px;
	}

	input.correo {
		background: white url(../img/form-email.gif) no-repeat left center;
		padding-left: 25px;
		width: 277px;
	}

	input.nombre {
		background: white url(../img/form-nombre.gif) no-repeat left center;
		padding-left: 25px;
		width: 277px;
	}

	input.telefono {
		background: white url(../img/form-telefono.gif) no-repeat left center;
		padding-left: 25px;
		width: 277px;
	}

	input#form_confirma {
		height: 18px;
	}

	button#generar {
		border: 0px none;
		width: 209px;
		height: 34px;
		background-image: url(../img/button-generar.gif);
	}

	button#recomendar {
		border: 0px none;
		width: 209px;
		height: 34px;
		background-image: url(../img/button-recomendar.gif);
	}

	button#enviar {
		border: 0px none;
		width: 209px;
		height: 34px;
		background-image: url(../img/button-enviar.gif);
	}

	.envio button {
		float: right;
		margin-top: 20px;
		cursor: pointer;
	}

	button {
		background-position: top left;
		text-indent: -1000px;
	}

	button.hover {
		background-position: bottom left;
	}


}	/* EOF - media/screen */
