@charset "utf-8";
/* Hoja de estilos para los formularios de Contratación y Contacto */

#contratar {
	background-image:url(imagenes/cuerpos/cuerpo_contratar2.gif);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	margin:0 auto;
	margin-top:10px;
	width:746px;
}

.cabecera_contratar { /*Muestra la cabecera de empresa*/
	background-image:url(imagenes/cuerpos/cuerpo_contratar1.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:746px;
	height:59px;
	display:block;
}

.pie_contratar {
	background-image:url(imagenes/cuerpos/cuerpo_contratar3.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:746px;
	height:46px;
	display:block;
	clear:both;
}

/******** Aquí vienen las especificaciones del formulario ************/

#contratar form, #contacto form {
	width:70%;
	margin:0 auto;
	margin-top:10px;
}

#contratar fieldset, #contacto fieldset {
	border: #9DB0BC 1px dotted;
	padding:10px;	
	margin-bottom:10px;
	text-align:left;
}

#contratar legend, #contacto legend {
	text-transform:uppercase;
	font-weight:bold;
	font-size:90%;
	padding:5px;
	border-left:#9DB0BC 1px solid;
	border-right:#9DB0BC 1px solid;
	color:#9DB0BC;
	background-color:#FFFFFF;
}

#contratar ul li, #contacto ul li{
	list-style:none;
	display:block;
	margin-bottom:5px;
	clear:both;
}
/* Estas dos opciones de prefield e inputclass 1 son para el bloque 1: servicio a contratar*/
#contratar .prefield1  {
		font-size:100%;
		font-weight:bold;
		min-width:285px;
		text-align:right;
		white-space: nowrap;
		vertical-align:baseline;
		float:left;
}

#contratar .inputclass1 {
		width:150px;
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		background-color:#DEEEF7;
		border: #A29E9D 1px solid;
		float:right;
		padding-left:1px;
		margin:0;
		margin-right:10px;
		margin-bottom:3px;
}
/*Estas dos opciones de prefield e inputclass 2 son para el bloque 2: datos de la empresa para facturación*/
#contratar .prefield2, #contacto .prefield2{
		font-size:100%;
		font-weight:bold;
		min-width:200px;
		text-align:right;
		white-space: nowrap;
		vertical-align:baseline;
		float:left;
}

#contratar .inputclass2, #contacto .inputclass2 {
		width:200px;
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		background-color:#DEEEF7;
		border: #A29E9D 1px solid;
		float:right;
		padding-left:1px;
		margin:0;
		margin-right:10px;
		margin-bottom:3px;
}
/*Estas dos opciones de prefield e inputclass 2 son para el bloque 3: opciones de pago*/
#contratar .prefield3 {
		font-size:100%;
		font-weight:bold;
		min-width:200px;
		text-align:right;
		white-space: nowrap;
		vertical-align:baseline;
		float:left;
}
#contratar .prefield3b {
		font-size:100%;
		font-weight:bold;
		min-width:200px;
		text-align:left;
		white-space: nowrap;
		vertical-align:baseline;
		float:left;
		min-width:auto;
}
#contratar .prefield4 {
		font-size:100%;
		font-weight:bold;
		min-width:175px;
		text-align:right;
		white-space: nowrap;
		vertical-align:baseline;
		float:left;
		color:#8299AB;
}

#contratar .inputclass3 {
		/*width:200px;*/
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		background-color:#DEEEF7;
		border: #A29E9D 1px solid;
		float:left;
		padding-left:1px;
		margin:0;
		margin-left:13px;
		margin-bottom:3px;
}

#contratar .inputclass4 {
		width:200px;
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		background-color:#DEEEF7;
		border: #A29E9D 1px solid;
		float:right;
		padding-left:1px;
		margin:0;
		margin-right:10px;
		margin-bottom:3px;
}

.aceptacion {
		font-size:100%;
		font-weight:bold;
		text-align:right;
		white-space: nowrap;
		vertical-align:baseline;
		float:left;
		padding-top:2px;
		
}

.check {
		vertical-align:top; 
		margin-left:10px;
}

#contratar em, #contacto em {
	background-color:#000000;
	color:#FFFFFF;
	font-style:normal;
}


/*********************************** FORMULARIO DE CONTACTO ************************************************/
#contacto {
	background-image:url(imagenes/cuerpos/cuerpo_contacto2.gif);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	margin:0 auto;
	margin-top:10px;
	width:746px;
}

.cabecera_contacto { /*Muestra la cabecera de empresa*/
	background-image:url(imagenes/cuerpos/cuerpo_contacto1.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:746px;
	height:59px;
	display:block;
}

.pie_contacto {
	background-image:url(imagenes/cuerpos/cuerpo_contacto3.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:746px;
	height:46px;
	display:block;
	clear:both;
}

/************************************* *******************************/
#contacto .prefield2{
		font-size:100%;
		font-weight:bold;
		min-width:200px;
		text-align:right;
		white-space: nowrap;
		vertical-align:baseline;
		float:left;
}

#contacto .inputclass2 {
		width:200px;
		font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
		background-color:#DEEEF7;
		border: #A29E9D 1px solid;
		float:right;
		padding-left:1px;
		margin:0;
		margin-right:10px;
		margin-bottom:3px;
		font-size:90%;
}