/*****************************************************************************/
/*en esta seccion defino el estilo de los controles de formulario*/
/*esta seccion contiene unicamente los controles de formularios*/
/*como en la mayoria de las ocasiones utilizamos tablas para organizar los componentes
  de los formularios, entonces voy a incluir un estilo de tablas para estos casos*/
/*****************************************************************************/
.boton{
	/*width:80px;*/
	/*text-transform:uppercase;*/
	font-family:arial;
	font-size:8pt;
	border-style:solid;
	border-width:1px;
	border-color:black;
	background-color:#0C1E2C;
	color:white;
	font-weight:bold;
	cursor: pointer;
	-moz-border-radius: 5px 5px 5px 5px;

}

.normal_boton{
	/*width:80px;*/
	/*text-transform:uppercase;*/
	font-family:arial;
	font-size:8pt;
	border-style:solid;
	border-width:1px;
	border-color:black;
	font-weight:bold;
	-moz-border-radius: 5px 5px 5px 5px;

}

.small_boton{
	width:40px;
	/*text-transform:uppercase;*/
	font-family:arial;
	font-size:8pt;
	border-style:dotted;
	border-width:1px;
	border-color:black;
	background-color:#0C1E2C;
	color:white;
	font-weight:bold;
	-moz-border-radius: 3px 3px 3px 3px;
}

.big_boton{
	width:100px;
	/*text-transform:uppercase;*/
	font-family:arial;
	font-size:8pt;
	border-style:dotted;
	border-width:1px;
	border-color:black;
	background-color:#0C1E2C;
	color:white;
	font-weight:bold;
	-moz-border-radius: 3px 3px 3px 3px;
}

/*estilo de cajas de texto, sin recibir el foco*/
.text_out{
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
background-color:#F6F6F6;
height:20px;
font-family:arial,helvetica;
font-weight:normal;
font-size:9pt;
color:black;
}

.txt_empty{
border-style:solid;
border-width:0px;
height:20px;
font-family:arial,helvetica;
font-weight:normal;
font-size:9pt;
color:black;
}

.text_area_out{
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
background-color:#F6F6F6;
font-family:arial,helvetica;
font-weight:normal;
font-size:9pt;
color:black;
}

.text_area_out1{
border-style:solid;
border-width:1px;
border-color:#CCC;
background-color:#FFF;
font-family:arial,helvetica;
font-weight:normal;
font-size:9pt;
color:black;
text-align:justify;
}

/*estilo de cajas de texto con el foco*/
.text_over{
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
background-color:#FFFFFF;
height:20px;
font-family:arial,helvetica;
font-weight:normal;
font-size:9pt;
color:black;
}

.text{
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
background-color:#FFFFFF;
height:20px;
font-family:arial,helvetica;
font-weight:normal;
font-size:9pt;
color:black;
}

.text_small{
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
background-color:#FFFFFF;
height:20px;
width:80px;
font-family:arial,helvetica;
font-weight:normal;
font-size:9pt;
color:black;
}

.textlabel{
background-color:#FFFFFF;
height:20px;
font-family:arial,helvetica;
font-weight:normal;
font-size:9pt;
color:black;
}

.text_focus{
border-style:solid;
border-width:1px;
border-color:#0C1E2C;
background-color:#FFFFFF;
height:20px;
font-family:arial,helvetica;
font-weight:normal;
font-size:9pt;
color:black;
}


/*------------------------------------------------------------------------------*/

/*estilo de etiqueta span o div que contiene un cuadro de texto*/
/*sin el foco*/
.span_out{
border-style:dotted;
border-width:1px;
border-color:#CCCCCC;
background-color:#F6F6F6;
height:20px;
font-family:arial,helvetica;
font-weight:normal;
font-size:9pt;
color:black;
}

/*estilo de etiqueta span o div que contiene un cuadro de texto*/
/*con el foco*/
.span_over{
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
background-color:#FFFFFF;
height:20px;
font-family:arial,helvetica;
font-weight:normal;
font-size:9pt;
color:black;
}

/*cuadro de texto que se debe usar con las etiquetas span o div*/
/*estilo de cajas de texto, sin recibir el foco*/
.stext_out{
border-style:dotted;
border-width:0px;
border-color:#CCCCCC;
background-color:#F6F6F6;
height:20px;
font-family:arial,helvetica;
font-weight:normal;
font-size:9pt;
color:black;
}

/*estilo de cajas de texto con el foco*/
.stext_over{
border-style:solid;
border-width:0px;
border-color:#CCCCCC;
background-color:#FFFFFF;
height:20px;
font-family:arial,helvetica;
font-weight:normal;
font-size:9pt;
color:black;
}

/*----------------------------------------------------------------------------------------------*/

/*estilo para labels de forms*/
.td_frm{
border-width:0px;
border-style:solid;
font-family:arial,helvetica;
font-weight:bold;
text-transform:uppercase;
color:#0C1E2C;
font-size:9pt;
}

.td_frmark{
border-width:0px;
border-style:solid;
font-family:arial,helvetica;
font-weight:bold;
text-transform:uppercase;
background-color:#0C1E2C;
color:white;
font-size:9pt;
}

hr{
border-style:solid;
border-color:#0C1E2C;
}

.legendex {
  padding: 0.2em 0.5em;
  border-style:solid;
  border-color:black;
  border-top-width:0px;
  border-bottom-width:3px;
  border-right-width:3px;
  border-left-width:0px;
  color:black;
  font-size:100%;
  text-align:left;
  }
.fieldsetex { 
  border-style:solid;
  border-top-width:1.5px ;
  border-bottom-width:5px;
  border-right-width:5px;
  border-left-width:1.5px;
  border-color:silver;


}
