body
{
    FONT-SIZE: 11pt;
    COLOR: black;
    FONT-FAMILY: 'Trebuchet MS', Arial;
    TEXT-DECORATION: none;
	background: slategray;
	/*background-repeat: repeat-x;*/
	/*background-image: url("images/background.png");*/
}

img {
	border:0;
}
/**
 * Estilos para el div wrapper que encapsula el:
 * - Menu
 * - mainContent
 */
#wrapper {
	width: 100%;
	height:100%;
	background-color: gainsboro;
	border-width: 2px;
    border-right: 1px solid white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	overflow: hidden; position: relative;	
}

html>body #wrapper {
	display: table; position: static;
}

/**
 * El estilo del contenido de la pagina
 */
 #mainContent { /* Solo para IE */
	width: 100%;
	text-align: center;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 10pt;
    font-weight:normal;
	vertical-align: middle;
	position: absolute; top: 50%;
}
html>body #mainContent{ /* Para todos los non-IE */
	/*margin: 0 auto;*/
	display: table-cell; vertical-align: middle; position: static;
}

/*
 *            Este contenedor debe aplicar para todas las pages!!!
 */
#containerMenuTemp {
	width: 800px;
	text-align: center;
}
html>body #containerTemp {
	margin: 0 auto;
}


#login {
	height: 349px;
	width: 550px; 
	text-align: center;
	padding-top:120px;
	
	background-image: url("images/bckenter.jpg");
	background-position: left top; 
	/*background-repeat: repeat-y;*/
	border-width: 2px;
    border-right: 1px solid white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	position: relative; top: -50%;
}

html>body #login { /* IE no reconoce el chil selector */
	height: 229px;/*229 + 120(padding-top) = 349px; */
	margin: 0 auto;
	padding-top: 120px;
}
#innerCompos {
	width:300px;
}
html>body #innerCompos {
	margin: 0 auto;
}

#title {
	width:100%; 
	margin-bottom:10px;
	text-align:center;
}
#botonera {
	width:100%; 
	margin-bottom:10px;
	text-align:center;
}
#inputs {
	width:100%; 
	margin-bottom:10px;
	text-align:center;
}
#choose {
	height: 350px;
	width: 550px; 
	border: 1px solid black;
	text-align: center;
	background-image: url("images/bckenter-3.jpg");
	background-position: left top; 
	/*background-repeat: repeat-y;*/
	border-width: 2px;
    border-right: 1px solid white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	position: relative; top: -50%;
}
html>body #choose { /* IE no reconoce el chil selector */
	margin: 0 auto;
}

.mallaOpaca { /* Para la maya obscura que cubre toda la pantalla */
	background-color: black;
	width: 100%;
	height: 100%;
	position: fixed;
	/* for IE */
	filter:alpha(opacity=60);
	top: 0px;		
}

html>body .mallaOpaca{
	/* CSS3 standard */
	opacity: 0.5;
}

#help #containerHelp {
	/*margin: 0 auto; */
	width: 550px; 
	position: fixed; left: 250px; top: 150px; background-color: #E8E8E8
}

#containerHelp #mainContentHelp {
    margin: 5px 10px; 
    font-family: 'Trebuchet MS', Arial, Garamond;
    font-size: 10pt;
    color: darkgray;
    text-align: left;
	height:300px;
	overflow:scroll; 
}

#containerHelp #mainContentHelp h1 {
    color: darkblue;
    font-size: 14pt;
    font-weight: bold;
    margin-bottom:5px;    
}

#containerHelp #mainContentHelp h2 {
    color: black;
    font-size: 12pt;
    font-weight: bold;
    margin:3px 0px;    
}

#containerHelp #mainContentHelp h3 {
    font-style: italic;
    font-size: 11pt;
	margin:2px 0px;    
	color:black;
}
.yesNotification {
	font-size: 8pt;
	color: green;
}
.notNotification {
	font-size: 8pt;
	color: red;
}
.btnIniciarNoSel {
	width: 79px; 
	height: 27px; 
	border: 0; 
	background: url(images/btn_iniciar_0.jpg) no-repeat top right;
}

.btnIniciarSel {
	width: 79px; 
	height: 27px; 
	border: 0; 
	background: url(images/btn_iniciar_1.jpg) no-repeat top right;
}

.msgAlertOk {
    font-size: 9pt;	
	color:green;
}

.msgAlertBad {
    font-size: 9pt;	
	color:red;
}

.titulo
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #666666;
    FONT-FAMILY: Arial, Garamond, 'Trebuchet MS'
}
.sistema
{
    FONT-SIZE: 16pt;
    COLOR: white;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Trebuchet MS', Arial, Garamond
}
.usuario
{
    FONT-SIZE: 12pt;
    COLOR: khaki;
    FONT-STYLE: italic;
    FONT-FAMILY: 'Trebuchet MS', Garamond, Arial
}
.empresa
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: black;
    FONT-STYLE: italic;
    FONT-FAMILY: 'Trebuchet MS', Garamond, Arial
}
.titulo-listado
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: darkblue;
    FONT-FAMILY: 'Trebuchet MS', Arial, Garamond
}
.etiqueta
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Arial, 'Trebuchet MS', Garamond
}
.advertencia
{
    COLOR: red;
    FONT-STYLE: italic;
    FONT-FAMILY: 'Trebuchet MS', Garamond, Arial
}
.mensaje
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: forestgreen;
    FONT-STYLE: italic;
    FONT-FAMILY: 'Trebuchet MS', Garamond, Arial
}
.etiqueta-usuario
{
    FONT-STYLE: italic;
    FONT-FAMILY: Garamond, 'Trebuchet MS', Arial
}
.input
{
    FONT-SIZE: 10pt;
}
.registro
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12pt;
    COLOR: black;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Garamond, 'Trebuchet MS'
}
.etiqueta_normal
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: midnightblue;
    FONT-FAMILY: 'Trebuchet MS', Arial;
    TEXT-DECORATION: none
}
A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: midnightblue;
    FONT-FAMILY: 'Trebuchet MS', Arial;
    TEXT-DECORATION: none
}
A.link:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FONT-FAMILY: 'Trebuchet MS', Arial;
    TEXT-DECORATION: none
}
A.link:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: blue;
    FONT-FAMILY: 'Trebuchet MS', Arial;
    TEXT-DECORATION: underline
}
.menu_principal
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #242424;
    FONT-FAMILY: 'Trebuchet MS', Arial;
    TEXT-DECORATION: none
}
.menu_principal:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: navy;
    FONT-FAMILY: 'Trebuchet MS', Arial;
    TEXT-DECORATION: underline
}
.menu_principal:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #242424
}
.etiqueta_roja
{
    FONT-SIZE: 11pt;
    COLOR: maroon;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.etiqueta_verde
{
    FONT-SIZE: 11pt;
    COLOR: darkgreen
}
.boton
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: 200;
    FONT-SIZE: 1pt;
    BORDER-LEFT: medium none;
    COLOR: #bfc0c0;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: 'Trebuchet MS', Arial;
    BACKGROUND-COLOR: transparent
}
.etiqueta_arbol
{
    FONT-SIZE: 11pt;
    FLOAT: none;
    MARGIN: 0px;
    TEXT-INDENT: 0pt;
    FONT-FAMILY: 'Trebuchet MS';
    POSITION: absolute;
    TEXT-ALIGN: center
}
.etiqueta_normal_chica
{
    FONT-SIZE: 9pt;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.etiqueta_chica
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.etiqueta_normal_chica_roja
{
    FONT-SIZE: 10pt;
    COLOR: red;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.titulo_encabezado
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 17pt;
    COLOR: darkslategray;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.etiqueta_colorada
{
    FONT-SIZE: 11pt;
    COLOR: red
}
.etiqueta_amarilla
{
    FONT-SIZE: 11pt;
    COLOR: gold
}
.titulo_modulo
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #333366;
    FONT-FAMILY: Arial, 'Trebuchet MS'
}
.titulo_id
{
    FONT-SIZE: 12pt;
    COLOR: darkslategray
}
.administrador_encabezado
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: black;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.etiqueta_norma
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: mintcream;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.titulo_listado_rep
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: black;
    FONT-FAMILY: 'Trebuchet MS', Arial, Garamond
}
.table_dir_lis
{
    BORDER-RIGHT: midnightblue thin ridge;
    PADDING-RIGHT: 0pt;
    BORDER-TOP: midnightblue thin ridge;
    PADDING-LEFT: 0pt;
    PADDING-BOTTOM: 0pt;
    MARGIN: 0pt 0pt 0pt 0pc;
    BORDER-LEFT: midnightblue thin ridge;
    COLOR: black;
    PADDING-TOP: 0pt;
    BORDER-BOTTOM: midnightblue thin ridge;
    BACKGROUND-COLOR: white
}
.eti_azul_11
{
    FONT-SIZE: 11pt;
    COLOR: midnightblue;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.eti_azul_12
{
    FONT-SIZE: 12pt;
    COLOR: midnightblue
}
.eti_azul_12_b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: midnightblue;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.eti_nor_11_b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt
}
.eti_ari_11_b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: black;
    FONT-FAMILY: Arial
}
.eti_ari_12_b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: black;
    FONT-FAMILY: Arial
}
.eti_ari_20_b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: black;
    FONT-FAMILY: Arial
}
.eti_ari_blanco_12_b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: white;
    FONT-FAMILY: Arial
}
.eti_ari_rojo_12_b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: crimson;
    FONT-FAMILY: Arial
}
.eti_ari_11
{
    FONT-SIZE: 11pt;
    COLOR: black;
    FONT-FAMILY: Arial
}
.eti_tim_8
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.eti_tim_11
{
    FONT-SIZE: 11pt;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.eti_ari_10
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Arial
}
.titulo_instrucciones
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    COLOR: midnightblue;
    FONT-FAMILY: 'Trebuchet MS'
}
.eti_azul_8
{
    FONT-SIZE: 8pt;
    COLOR: midnightblue;
    FONT-FAMILY: 'Trebuchet MS'
}
.eti_azul_10
{
    FONT-SIZE: 10pt;
    COLOR: midnightblue;
    FONT-FAMILY: 'Trebuchet MS'
}
.eti_tim_9
{
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: 'Trebuchet MS'
}
.eti_ari_10_b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Arial
}
.eti_tim_10
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: 'Trebuchet MS'
}
.eti_tim_10_b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: 'Trebuchet MS'
}
.boton_cleaver
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20pt;
    COLOR: midnightblue;
    FONT-FAMILY: Arial
}
.eti_ari_9_b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: Arial
}
.seleccion
{
    FONT-SIZE: 10pt;
    COLOR: midnightblue;
    FONT-FAMILY: 'Trebuchet MS', Arial, Garamond;
    TEXT-DECORATION: none
}
.seleccion_over
{
    FONT-SIZE: 10pt;
    COLOR: mediumblue;
    FONT-FAMILY: 'Trebuchet MS', Arial;
    TEXT-DECORATION: underline
}
.eti_azul_s_12_b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: blue;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.eti_ari_12
{
    FONT-SIZE: 12pt;
    FONT-FAMILY: Arial, 'Trebuchet MS'
}
.eti_azul_11_b
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: midnightblue
}
.titulo_ayuda
{
    FONT-SIZE: 16pt;
    COLOR: dimgray;
    FONT-FAMILY: Arial, 'Trebuchet MS'
}
.eti_ari_11_azul
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: darkblue;
    FONT-FAMILY: Arial
}
.raven_navega
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: midnightblue;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.raven_navega:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: midnightblue;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.raven_navega:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: blue;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
.input_domino
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15pt;
    COLOR: darkblue;
    FONT-FAMILY: 'Trebuchet MS', Arial
}
