/* CSS Document */

#form-contacto {
	width: 450px;
	padding: 5px;
	text-align: left;
}

div.row {
	clear: both;
	padding-top: 3px;
	text-align:center;
	font-size: 0.9em;
	color: #000000;
  }

div.row input, textarea, select {
	background-color:#ECF1F4;
	border: 1px dashed #cccccc;
}

div.row span.leyenda {
	float: left;
	width: 110px;
	text-align: left;
	color: #000000;

  }



div.row span.leyenda-obligatoria {
	float: left;
	width: 110px;
	text-align: left;
	color: #000000;
	text-indent:17px;
	background-image: url(../imagenes/dot.gif);
	background-repeat: no-repeat;
	background-position: 4px;
  }

div.row span.leyenda-libre {
	float: left;
	width: 110px;
	text-align: left;
	color: #000000;
	text-indent:17px;
	
  }

div.row span.campo {
	float: right;
	width: 270px;
	text-align: left;
  } 
  
div.row span.boton {
	font-size: 80%;	
	width: 100%;
	margin: 0px auto;
	text-align: center;
}


/* Definición de Estilos Para Formulario de Búsqueda */
div.contenedor-busqueda {
	width: 600px;
	height:70px;
	background-color: #F2F2F2;
	border: 1px solid #CCCCCC;
	padding: 0px;
	text-align: left;
	font-size: 0.9em;
	color: #666666;
	padding: 5px;
}

div.contenedor-busqueda span.campo {
	width: auto;
	text-align: left;
	padding: 5px;
	float: left;
	
} 

div.contenedor-busqueda span.row {
	clear: both;	
	
} 

#formulario-clave {
	width:540px;
	height:623px;
	background-image:url(../imagenes/promo-sharp/fondo-formulario.jpg)
}

#formulario-clave-campos {
	position:relative;
	top: 460px;
	right: -95px;

}

#formulario-clave-campos INPUT{
	font-size:24px;
	border:none;
	background-color:#FAF9E2

}

#formulario-clave-campos .boton{
	font-size:24px;
	padding-right:4px;
	padding-left:4px;
	padding-bottom:0px;
	padding-top:0px;
	color:#000000;
	background-image: url(../imagenes/fono-boton.gif);
	background-color:#CCCCCC;
	border-top: 1px outset;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px outset;
	
}