/* CSS PARA DEFINIR ESTILOS DE FORMULARIOS  {} */	

#content fieldset {
	position:relative;
	left: 70px;      /* si queremos que se expanda al 100% quitamos esto   */
	width: 85%;
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #CCC;
}
#content fieldset table { /************************ estilo de tablas dentro de los fieldset (para los CALENDARIOS) */
	margin: 0px;
	padding: 0px;
	width:auto;
}
#content fieldset img { /************************ estilo de imagenes dentro de los fieldset (para los CALENDARIOS) */
	float:inherit;
	margin: 0px;
	padding: 0 5px 0 5px;
	
	
}
#content fieldset P {
	margin: 0px;
	padding-bottom: 2px;
}
#forma legend {
	font-weight: bold;
	color: #666;	/*	 #FF6600;	 naranja*/
    font-variant: small-caps;
    background-color: #d3d3d3;
    padding: 2px 6px;
    margin-bottom: 8px;
}
#forma label {
	width: 250px;  /*  definimos el ancho de nuestras etiquetas para campos */
	margin-right: 2em;
	color:#666666;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
/*	float: none;		*/
	clear:left; 
	display:block; 
	float:left; 
}
#forma label.top {
	width: auto ;
	display:block;  /* para forzar los labels a que tenga todo su renglon, por si hay variacion en su width entre browsers*/
	float:none;
}



/* aqui definimos el estilo de LETRA, asi como los colores y estilo de las cajas de texto, campso de texto y de seleccion */
#forma INPUT, #forma TEXTAREA, #forma SELECT {
	font-size:11px;
	color:#404040;
	background: fixed url(../img/form-inputbg15.gif);
	padding:4px 8px;
	background-color: #F7F7F7;
	border: 1px solid;
	border-top-color: #999999;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #999999;
}
#forma  OPTION {
	font-size:10px;
	color:#404040;
	background-color: #F7F7F7;
	border:none;
}
/* aqui le agregamos la propiedad DE EL ANCHO y LARGO a la caja de texto */
#forma TEXTAREA {	
	width: 85% ;   /* indicamos el ANCHO de la caja de texto */
	height: 60px;	/* indicamos el ALTO de la caja de texto */ 
	/*display:block  /* block para que se desplegue en la siguiente linea inmediata */
}
/* cambiamos el color al estar sobre el campo listo para escribir, solo es util
  en aquellos browsers que no permitan depslegar imagenes de fondo en los elementos
  de las formas como imagenes de fondo */
#forma INPUT:focus, #forma TEXTAREA:focus {
	background-color: #E5E5E5;
	border-color: #999999;
	border-width: 1px;
} 


/* estilo para los BOTONES de la forma como enviar y BORRAR   */
#forma .button {
	background: none;
	background-color: #CCCCCC;

    color: #444;
	display: block;
	float: left;
	height: 24px;
	margin-right: 6px;
	padding-right: 10px;
	text-decoration: none;
	cursor: pointer;

}
#forma .button:hover {
	outline: none;
	text-decoration:none;
	color:#FFFFFF;
	background-color: #666666;
}



/* ---- definimos algunas clases especificas: --------------*/ 

#forma option.no_opcion { /*clase para identificar las que no son opciones*/
	background-color: #999999;
	font-weight: bold;
	color: #FFFFFF;
}
/* resetea valores de WIDTH para los campos input que no son de texto*/
#forma input.submit, #forma input.checkbox, #forma input.radio {	width: auto; }

/*  Forma elementos input RADIO  */
#forma input.radio, #forma input.checkbox {
	margin-left: 70px;
	float: left;
	display:block;
	color:#666666;
	line-height:20px;
}
#forma label.radio, #forma label.checkbox {
	margin-right: 90px;
	line-height:20px;
}


/* ----- ESTILOS para definir tamaos----------------*/
/* ----- input areas ----------------*/
#forma .textinput {
	width:190px;
	height:15px;
}
#forma .textinput_menor {
	width:130px; 
	height:15px;
}

#forma .CajaTexto {
	width: 250px;   /* indicamos el ANCHO de la caja de texto */
	height:50px;	/* indicamos el ALTO de la caja de texto */

	

}
/* ----- select / choice ----------------*/
/* Este estilo se aplica a las cajas SELECT , si no se le aplica, el texto queda escondido en algunos browsers */
#forma .selectchoice {
	width: auto;  
	height:22px;
	padding:4px 8px;
	background-color: #F7F7F7;
}

#forma .required {
	vertical-align:top;
	font-size: 0.75em;
	color:#760000;
	float: none ;
}
#forma .notas {  /* estilo para notas/instruccciones importantes en la forma*/ 
	font-size: 10px;
	line-height: 11px;
	color: #CC3300;
	font-weight: normal;
}

/* esta Regla la aplicamos a la tabla de CALENDARIO que despliega al dar clic en el icono del calendario*/
#calendario {
	float:right;
	position: absolute;
	display: block;
	 z-index: 1;
}
#calendario_ON{
	display: block;
}

#forma .ico_calendario {
	float:right;
	display:inline;
	cursor: pointer;
	 padding-bottom: 1px;
	padding-left: 1px;

}