/*****************************************************************************
ESTILOS GENÉRICOS PARA LOS FORMULARIOS
*****************************************************************************/
form {_width:95%;}
form p.obligatorios {
	font-size: 0.9em;
	color: #223293 !important;
	background-image: url(/img/obligatorios_fondo.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 15px;
	float: right;
}
form fieldset {
	margin-bottom: 15px;
	padding: 10px;
	border: 1px solid #C5CDFC;
	border-bottom-width: 3px;
	clear: both;
}
form legend {
	color: #223293;
	font-size: 1.2em;
	font-weight: bold;
	padding-right: 0px;
	padding-left: 0px;
}
/*****************************************************************************
BLOQUE PARA CADA ELEMENTO DEL FORMULARIO MENOS LAS CAJAS DE TEXTO MULTILINEA
*****************************************************************************/
form div.bloque_campo {
	display: block;
	float: left;
	width: 50%;
	margin-bottom: 0px;
}
/*****************************************************************************
BLOQUE PARA LAS CAJAS DE TEXTO MULTILINEA
*****************************************************************************/
form div.bloque_cajatexto {
	clear: both;
	width: 100%;
	margin-bottom: 0px;
}

form label {
	display: block;
	font-size: 0.9em !important;
	padding-bottom: 3px;
        padding-top:10px;
        font-weight:bold;
}
/*****************************************************************************
CLASE PARA LA ETIQUETA DE CAMPOS OBLIGATORIOS
*****************************************************************************/
form label.obligatorios {
	background-image: url(/img/obligatorios_fondo.gif);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	padding-left: 15px;
}
/*****************************************************************************
ESTILOS PARA LOS CAMPO DE TEXTO, LOS SELECT Y LAS CAJAS DE TEXTO MULTILINEA
*****************************************************************************/
form .textbox, form select, form textarea {
	font-size:0.9em;
	padding: 2px;
	width: 85%;
	border-top: 1px solid #223293;
	border-right: 2px solid #223293;
	border-bottom: 2px solid #223293;
	border-left: 1px solid #223293;
}
/*****************************************************************************
ESTILOS PARA LOS CAMPO DE TEXTO, LOS SELECT CORTOS
*****************************************************************************/
form .textbox_short {
	font-size:0.9em;
	padding: 2px;
	width: auto; !important
	border-top: 1px solid #223293;
	border-right: 2px solid #223293;
	border-bottom: 2px solid #223293;
	border-left: 1px solid #223293;
}
/*****************************************************************************
ESTILOS PARA LOS DIV QUE ENGLOBAN GRUPOS DE OPCIONES (RADIO Y CHECK)
*****************************************************************************/
div.textbox {
	padding-top: 5px;
	padding-left: 5px;
	border-top: none;
	width: 83%;
	float: left;
}
/*****************************************************************************
ESTILOS PARA LAS CAJAS DE TEXTO MULTILINEA
*****************************************************************************/
form textarea {
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	width: 92% !important;
}
/*****************************************************************************
ESTILOS PARA LOS RADIOBUTTON Y CHECKBOX
*****************************************************************************/
form input.checkbox, form input.radio {
	margin-right: 5px;
}
form span.checkbox {
	display: block;
	font-size: 0.9em;
	margin-bottom: 5px; 
}

.bloque_radiobuttons label, .bloque_radiobuttons p {margin:0px !important; padding:0px!important; line-height:1em!important;}

/*****************************************************************************
CLASE PARA LOS BOTONES DEL FORMULARIO
*****************************************************************************/
form input.button {
	border: 0;
	font-size: 11px;
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(/img/botones_fondo.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0px 20px 2px 2px;
	height: 18px;
	background-color: #313e8c;
	margin: 10px 10px 10px 0px;	
}
form input:hover.button {
	background-position: right bottom;
}
/*****************************************************************************
CLASE PARA LAS AYUDAS DE CADA CAMPO
*****************************************************************************/
a.ayudas {
	border: 0 !important;
	background-color: transparent !important;
	display: inline-block;
	padding-left: 10px;
}
p.ayudas {font-size:0.8em; padding:20px 10px 5px 0px;}
p.ayudas img {padding:0px 5px 0px 0px;}