/**
 Define un bloque estándar de "etiqueta : control"
 */
div.labelcontrol
{
	width : 100%;
	float : left;
	padding-top    : 2px;
	padding-bottom : 2px;	
}
	
/** Etiqueta */
div.labelcontrol > div:first-child
{
	width       : 30%;
	float       : left;
	text-align  : right;
	padding-top : 2px;
}
div.labelcontrol > div:first-child > label
{
	padding-right : 0px;
}

/** Control */
div.labelcontrol > div:last-child
{
	width          : 67%;
	/*float        : left;*/
	padding-left   : 0.75em;
	display        : table-cell;
	vertical-align : middle;
	height         : 2em;
}
div.labelcontrol > div:last-child > label
{
	padding-left : 0px;
}

/**
 Layout Structure 
 Permite definir layouts basados en columnas
 */
div.layout
{
	width : 100%;
}

/**
 Define un bloque de diseño a 2 columnas
 <div class="columns2"></div>
 */
div.columns2
{
	width : 100%;
	float : left;
}
/**
* Define el comportamiento de los div dentro de columns2
* <div></div>
*/
div.columns2 > div
{
	width   : 48%;
	float   : left;
}

/** Define elementos requeridos */
label.required
{
	background   : url(../images/asterisco.gif) no-repeat;
	padding-left : 10px !important;
}

/** Convierte a mayúsculas (Solo a la vista del usuario. En Server-side hay que volver a convertir) **/
input.alluppercase
{
	text-transform : uppercase;
}

/** Notas **/
.note
{
	color      : gray;
	font-style : italic;
	font-size  : 10px;
}

/** Contenedor del nombre del campo **/
td.fieldName
{
	font-weight : bold;
	font-size   : 12px;
	font-family : Tahoma;
	color       : #000000;
	text-align  : right;
}

/** Manejar como Link **/
.pseudolink
{
	text-decoration : none;
	cursor          : pointer;
}
.pseudolink:hover
{
	text-decoration : underline;
}

.totalizer{
	font-weight: bold;
	font-size: 30px;
	font-family: Arial;
	color: #005C84;
}

.right
{
	text-align : right !important;
}

.left
{
	text-align : left !important;
}

.center
{
	text-align : center !important;
}

.bold
{
	font-weight : bold !important;
}

.italic
{
	font-style : italic !important;
}

.middle
{
	vertical-align : middle !important;
}

.top
{
	vertical-align : top !important;
}

.underline
{
	text-decoration : underline !important;
}

.hide
{
	display : none;
}

.invisible
{
	visibility : hidden;
}

.readonly
{
	color   : gray !important;
	opacity : 0.8;
}

.discrete, .discrete *
{
	opacity : 0.5;
}
legend
{
	color         : #39c;
	font-style    : italic;
	padding-left  : 12px;
	padding-right : 12px;
}

fieldset
{
	margin-top         : 12px;
	border             : 1px solid #39c;
	padding            : 12px;
	-moz-border-radius : 8px;
	border-radius      : 8px;
	display            : block;
}

.rtm_input {  
	padding: 5px;  
	font-size: 15px;  
	text-shadow: 0px 1px 0px #fff;  
	outline: none;  
	background: -webkit-gradient(linear, left top, left bottombottom, from(#bcbcbe), to(#ffffff));  
	background: -moz-linear-gradient(top,  #bcbcbe,  #ffffff);  
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px;  
	border: 1px solid #717171;
}

.rtm_input:focus {  
	-webkit-box-shadow: 0px 0px 5px #007eff;  
	-moz-box-shadow: 0px 0px 5px #007eff;  
	box-shadow: 0px 0px 5px #007eff;  
}

.labels {
	color       : #004c8e;
	font-size   : 15px;
	font-family : Tahoma;
	font-weight : normal;
}