@charset "utf-8";
/* CSS Document */

body {
background:url(../images/fondo.jpg) left bottom repeat-x fixed;
padding:0;
margin:0px;
font-family:Tahoma, Arial, Helvetica;
text-align:center;
font-size:11px;
}

/* Change the white to any color ;)*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

img, div, a { 
behavior: url(iepngfix.htc) 
}

.TextAlignLeft{
	text-align:left
	}
	
.TextAlignRight{
	text-align:right
	}
	
.TextAlignRightLink{
	text-align:right;
}
.TextAlignRightLink2{
	text-align:right;
}

.TextAlignRightAndGrisColor
{
	text-align:right;
	background-color:#D8D8D8;
}

.TextAlignRightAndAmarilloColor{
	text-align:right;
	background-color:#F3F781;
}

.TextAmarilloColor{
	background-color:#F3F781;
}

.TextAlignCenter
{
	text-align:center;	
}
.slick-header-column {
   text-align: center;
}

.NoWidthBorderTable{
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
}

.textRed
{
	color:Red;
}

.textGreen
{
	color:Green;
}
/*
* Con el fin de mejorar el performance
* se crea sprite para las imagenes que carga el sistema
*/
.imgguardar
{
	display: block;
	height: 17px;
	width: 17px;
	background-image:url('../images/Alphasig.png');
	background-position: -48px 0px;
	cursor:pointer;
}

.imgcrear
{
	display: block;
	height: 17px;
	width: 17px;
	background-image:url('../images/Alphasig.png');
	background-position: 0px 0px;
	cursor:pointer;
}

.imgcancelar
{
	display: block;
	height: 17px;
	width: 17px;
	background-image:url('../images/Alphasig.png');
	background-position: 0px -20px;
	cursor:pointer;
}

.imgactualizar
{
	display: block;
	height: 17px;
	width: 17px;
	background-image:url('../images/Alphasig.png');
	background-position: -23px 0px;
	cursor:pointer;
}

.imgeliminar
{
	display: block;
	height: 17px;
	width: 17px;
	background-image:url('../images/Alphasig.png');
	background-position: -72px 0px;
	cursor:pointer;
}

.imgbuscar
{
	display: block;
	height: 17px;
	width: 17px;
	background-image:url('../images/Alphasig.png');
	background-position: -95px 0px;
	cursor:pointer;
}

.imglista
{
	display: block;
	height: 17px;
	width: 17px;
	background-image:url('../images/Alphasig.png');
	background-position: -120px 0px;
	cursor:pointer;
}

.btnEditarDiagrama
{
	display: block;
	height: 17px;
	width: 17px;
	background-image:url('../images/Alphasig.png');
	background-position: -23px -20px;
	cursor:pointer;
}

.btnMisVariables
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -33px -134px;
	cursor:pointer;
}

.btnMostrarAyuda
{
	display: block;
	height: 17px;
	width: 17px;
	background-image:url('../images/Alphasig.png');
	background-position: -72px -20px;
	cursor:pointer;
}

.btnRegresar
{
	display: block;
	height: 16px;
	width: 17px;
	background-image:url('../images/Alphasig.png');
	background-position: -96px -21px;
	cursor:pointer;
}

.btnMisAcciones
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -61px -134px;
	cursor:pointer;
}

.btnMisTareas
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -87px -134px;
	cursor:pointer;
}

.btnTendenciaSub
{
	display: block;
	height: 13px;
	width: 13px;
	background-image:url('../images/Alphasig.png');
	background-position: -19px -41px;
	margin-left: 4px;
}

.btnTendenciaIgual
{
	display: block;
	height: 13px;
	width: 13px;
	background-image:url('../images/Alphasig.png');
	background-position: 0px -41px;
	margin-left: 4px;
}

.btnTendenciaBaja
{
	display: block;
	height: 13px;
	width: 13px;
	background-image:url('../images/Alphasig.png');
	background-position: -35px -41px;
	margin-left: 4px;
}

.btnNoTendencia
{
	display: block;
	height: 13px;
	width: 13px;
	background-image:url('../images/Alphasig.png');
	background-position: -51px -41px;
	margin-left: 4px;
}

.btnCalcular
{
	display: block;
	height: 16px;
	width: 16px;
	background-image:url('../images/Alphasig.png');
	background-position: -68px -41px;
	margin-left: 4px;
}

.logoAlphaBlanco
{
	display: block;
	height: 30px;
	width: 119px;
	background-image:url('../images/Alphasig.png');
	background-position: -5px -64px;
	margin-right:10px;
	float:left;
}

.SeparadorMenu
{
	display: block;
	height: 22px;
	width: 15px;
	background-image:url('../images/Alphasig.png');
	background-position: -89px -41px;
	float:left;
}

.logoSoporte
{
	display: block;
	height: 16px;
	width: 16px;
	background-image:url('../images/Alphasig.png');
	background-position: -110px -42px;
	cursor:pointer;
}

.logoHome
{
	display: block;
	height: 16px;
	width: 16px;
	background-image:url('../images/Alphasig.png');
	background-position: -133px -42px;
	cursor:pointer;
}

.logoSoporte
{
	display: block;
	height: 16px;
	width: 16px;
	background-image:url('../images/Alphasig.png');
	background-position: -133px -64px;
	cursor:pointer;
}

.imgeliminarNegro
{
	display: block;
	height: 17px;
	width: 17px;
	background-image:url('../images/Alphasig.png');
	background-position: -132px -86px;
	cursor:pointer;
}

.logoCompuhora
{
	display: block;
	height: 30px;
	width: 97px;
	background-image:url('../images/Alphasig.png');
	background-position: -9px -98px;
	cursor:pointer;
}

.imgCrearDiagrama
{
	display: block;
	height: 16px;
	width: 16px;
	background-image:url('../images/Alphasig.png');
	background-position: -108px -98px;
	cursor:pointer;
}

.imgeBuscarGris
{
	display: block;
	height: 17px;
	width: 17px;
	background-image:url('../images/Alphasig.png');
	background-position: -132px -104px;
	cursor:pointer;
}

.btnAdministracion
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -5px -134px;
	cursor:pointer;
}

.btnMisVariablesIcono
{
	display: block;
	height: 17px;
	width: 17px;
	background-image:url('../images/Alphasig.png');
	background-position: -48px -20px;
	cursor:pointer;
}

.btnMisAccionesIcono
{
	display: block;
	height: 16px;
	width: 16px;
	background-image:url('../images/Alphasig.png');
	background-position: -120px -21px;
	cursor:pointer;
}

.btnMisTareasIcono
{
	display: block;
	height: 16px;
	width: 16px;
	background-image:url('../images/Alphasig.png');
	background-position: -143px -21px;
	cursor:pointer;
}

.btnGrafica
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -112px -134px;
	cursor:pointer;
}

.btnInformes
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -139px -134px;
	cursor:pointer;
}

.btnProyectos
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -5px -159px;
	cursor:pointer;
}

.btnSimulacion
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -33px -159px;
	cursor:pointer;
}

.btnCausaEfecto
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -61px -160px;
	cursor:pointer;
}

.btnVistaBSC
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -90px -160px;
	cursor:pointer;
}

.btnEnlace
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -117px -160px;
	cursor:pointer;
}

.btnMonitor
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -145px -160px;
	cursor:pointer;
}

.btnMonitorMonitor
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -116px -186px;
	cursor:pointer;
}

.btnRefrescar
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -5px -186px;
	cursor:pointer;
}

.btnRefrescarMonitor
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -88px -186px;
	cursor:pointer;
}

.btnSalirPagina
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -33px -186px;
	cursor:pointer;
}

.btnIconoAyuda
{
	display: block;
	height: 24px;
	width: 24px;
	background-image:url('../images/Alphasig.png');
	background-position: -61px -186px;
	cursor:pointer;
}

/*----------------------------------------------------------------*/

.iconosTopDiv div{
border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 3px;
	height: 13px;
}

.cell-story {
	white-space: normal !important;
	line-height: 19px !important;
}

.loading-indicator {
	display: inline-block;
	padding: 12px;
	background: white;
	-opacity: 0.5;
	color: black;
	font-weight: bold;
	z-index: 9999;
	border: 1px solid black;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 0 5px black;
	-webkit-box-shadow: 0px 0px 5px black;
	-text-shadow: 1px 1px 1px white;
}

.loading-indicator label {
	padding-left: 20px;
	background: url('../images/ajax-loader-small.gif') no-repeat center left;
}

/* Login */

.logoColor{
margin:20px;
}

.loginBox{
background:url(../images/fondoLogin.gif) bottom repeat-x;
width:400px;
padding:4px;
}

.loginBox input{
border:1px solid #bababa;
background:#f8f8e8;
padding:2px;
font-size:11px;
color:black;
font-family:Tahoma;
}

.loginBox textarea{
border:1px solid #bababa;
background:#f8f8e8;
padding:2px;
font-size:11px;
color:black;
font-family:Tahoma;
}

.loginBox checkbox{
border:none;
padding:none;
height:auto;
width:auto;
background:none;
}

.loginTitle h1{
border-bottom:none;
}


@media (max-device-height: 1024px) and (max-device-width: 768px) {
  #tablaContenidoId{overflow:auto; width:857px;}
  #iframeDiv{overflow:auto;}
}

/* Contenido */

.tablaContenido{
border:1px solid #d4d4d4;
height: 89%;
font-size:11px;
text-align:center;
padding:10px;
position:relative;
overflow:auto;
}

.cajaTabla{
background:url(../images/fondoLogin.gif) bottom repeat-x #ffffff;
height:89%;
padding:4px;
margin:5px;
font-size:11px;   
text-align:center;
position:relative;
overflow:auto;
}


/*Clase utilizada para parte de administracion
Se creo esta clase parecida a la anterior ya que la anterior se utiliza para 
otros contenedores de la aplicacion, y si se coloca un largo de mas valor, 
saldrian algunas inperfecciones en el aplicativo*/
.cajaTablaAdmin
{
background:url(../images/fondoLogin.gif) bottom repeat-x #ffffff;
height:94%;
padding:4px;
margin:5px;
font-size:11px;   
text-align:center;
position:relative;
overflow:auto;   
}

.contenidoIndicador{border-collapse:collapse; width:97%;height: 85%}

/* IE9 Only */
* html .cajaTabla{height:94%; }
* html .tablaContenido{height:99%; }
* html .contenidoIndicador{height: 89.5%}
* html #cajaTablaId{height:auto}

.cajaTnoHeight
{
border:1px solid #d4d4d4;
padding: 4px;
background:url(../images/fondoLogin.gif) bottom repeat-x #ffffff;
/*padding:4px;*/
margin:5px;
font-size:11px;   
text-align:center;
position:relative;
overflow:auto;
}

.tablaCnoHeigt
{
background:url(../images/fondoLogin.gif) bottom repeat-x #ffffff;
padding:4px;
/*margin:5px;*/
font-size:11px;   
text-align:center;
position:relative;
overflow:auto;  
border: 1px solid #D4D4D4; 
}

h1{
color:#f15c39;
font-size:16pt;
font-weight:normal;
display:inline;
line-height:22px;
max-width:300px;
padding-bottom:10px;
text-align:left
}

.h1new{
color:#f15c39;
font-size:14pt;
font-weight:normal;
line-height:22px;
max-width:340px;
padding-bottom:10px;
text-align:left
}

.h1falso{
color:#f15c39;
font-size:16pt;
font-weight:normal;
line-height:22px;
max-width:300px;
padding-bottom:15px;
text-align:left
}

ul li {
	margin: 1em 0;
}

p{
color:black;
font-size:11px;
font-family:Tahoma, Arial, Helvetica;
text-align:left;
}

.naranja {
color:#f15c39;
}

.footerHome{
text-align:center;
color:black;
font-size:11px;
font-family:Tahoma, Arial, Verdana;
font-weight:bold;
}

a {
color:#f15c39;
text-decoration:none;
}
.afalso {
color:#f15c39;
text-decoration:none;
cursor:pointer;
}

a:hover, a:active {
color:#f15c39;
}

img {
border:none;
}

/* Tablas */

.TituloTabla{
font-size:11px;
font-family:Tahoma, Arial, Verdana;
font-weight:bold;
color:#ffffff;
text-align:center;
padding:5px;
background:#000000;
border-bottom:2px solid #ffffff;
height:25px;
}

.TituloTablaArbol {
font-size: 11px;
font-family: Tahoma, Arial, Verdana;
font-weight: bold;
color: #ffffff;
text-align: center;
padding: 5px;
background: #000000;
height: 25px;
}

.filaPar {
font-size:11px;
BACKGROUND-COLOR:white;
padding:4px;
}

.filaImpar {
font-size:11px;
BACKGROUND-COLOR:#e9e5e5;
padding:4px;
}

.filaSeleccionadaBusqueda
{
font-size:11px;
BACKGROUND-COLOR:LightBlue;
padding:4px;
}


/* Paginación Abajo */

.celdaPaginacion{
background:none;
border:none;
font-size:11px;
font-family:Tahoma, Arial, Verdana;
font-weight:bold;
color:black;
}

.celdaPaginacion td{
background:none;
border:none;
font-size:11px;
font-family:Tahoma, Arial, Verdana;
font-weight:bold;
color:black;
}

.celdaPaginacion a{
color:black;
text-decoration:none;
}

.celdaPaginacion a:hover{
color:#f15c39;
text-decoration:none;
}

.tituloTablaPaginacion{
font-size:11px;
font-family:Tahoma, Arial, Verdana;
font-weight:bold;
color:black;
text-align:center;
padding:5px;
background:none;
border-bottom:1px solid #d4d4d4;
height:25px;
}

.paginacion {
font-size:11px;
height:10%;
}

.paginacion td {
font-size:11px;
}

/* Iconos Arriba */

.iconosTop{
text-align:right;
vertical-align:top;
}

.iconosTop img{
border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 3px;
	height: 17px;
}


/* Menu Opciones Abajo */

.opcionesMenu{
border:none;
background:#000000;
margin:10px;
}

.botonOpciones{
border:none;
background:none;
}

.opcionesMenu img{
margin-right:5px;
}

/* Pestañas Ejecución */

.encTablaAct{
width:100px;
background-color:#ffffff;
border-left:1pt #d4d4d4 solid;
border-right:1pt #d4d4d4 solid;
border-top:1pt #d4d4d4 solid;
border-bottom:none;
color:#f15c39;
font-size:10px;
font-family:Tahoma;
font-weight:bold;
padding:6px;
}

.encTabla{
width:100px;
background-color:#666666;
border-left:1px solid #d4d4d4;;
border-right:1px solid #d4d4d4;;
border-top:1px solid #d4d4d4;;
color:#ffffff;
font-size:10px;
font-family:Tahoma;
font-weight:bold;
padding:6px;
}

.encTablaSobre{
width:100px;
background-color:black;
border-left:1px solid #d4d4d4;
border-right:1px solid #d4d4d4;
border-top:1px solid #d4d4d4;
color:#ffffff;
font-size:10px;
font-family:Tahoma;
font-weight:bold;
padding:6px;
cursor:pointer;  
}


/* Pestañas */

.activa {
width:100px;
background-color:#ffffff;
border-left:1pt #d4d4d4 solid;
border-right:1pt #d4d4d4 solid;
border-top:1pt #d4d4d4 solid;
border-bottom:none;
color:#f15c39;
font-size:11px;
font-family:Tahoma;
font-weight:bold;
padding:6px;
}

.inactiva {
width:100px;
background-color:#666666;
border-left:1px solid #d4d4d4;
border-right:1px solid #d4d4d4;
border-top:1px solid #d4d4d4;
color:#ffffff;
font-size:11px;
font-family:Tahoma;
font-weight:bold;
padding:6px;
cursor:pointer;
}

.sobre {
width:100px;
background-color:black;
border-left:1px solid #d4d4d4;;
border-right:1px solid #d4d4d4;;
border-top:1px solid #d4d4d4;;
color:#ffffff;
font-size:11px;
font-family:Tahoma;
font-weight:bold;
padding:6px;
cursor:pointer;
}

.f {color:blue;text-decoration:underline;font-weight:bold;cursor:pointer}

.sobre:hover{cursor:pointer;}

.tablaPestanas td{
font-size:11px;
font-family:Tahoma;
}

input, select, textarea{
border:1px solid #bababa;
background:#f8f8e8;
padding:2px;
font-size:11px;
color:black;
font-family:Tahoma;
}

.textoEjecucion
{
border:1px solid #bababa;
background:#f8f8e8;
font-size:11px;
color:black;
font-family:Tahoma;
}

.tablaPestanas td checkbox{
border:none;
padding:none;
height:auto;
width:auto;
background:none;
}

.f span a{
color:#f15c39;
text-decoration:none;
}

.f span a:hover{
text-decoration:none;
}

.f td {
padding:5px;
}

.f div{
padding:10px;
}

/* Menu Izquierda */

.menuItem td{
color:#FFFFFF;
font-family:Tahoma;
font-size:11px;
}


/* Menu Arriba */

.menuArriba{
width:100%;
color:#ffffff;
font-family:Tahoma, Arial, Verdana;
font-size:11px;
background-color:#000000;
}

.menuArribaTop{
height:30px;
text-align:left;
}

.menuArribaBottom{
height:30px;
background:#5a5b4b;
}


/* Arbol */

.enlace{
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#000;
	cursor:pointer;
}

.enlaceactual{
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#f15c39;
	cursor:pointer;
	font-weight:normal;
	text-decoration:underline;
}

.enlacesobre{
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#f15c39;
	cursor:pointer;
}

/* Tablas */

#tablaperfiles{
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
}

#tablaperfiles td{
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
}

.tablasInterior{
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
}

.tablasInterior tr, td, tbody{
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
}



/* Formularios */

input{
border:1px solid #bababa;
background:#f8f8e8;
padding:2px;
font-size:11px;
color:black;
font-family:Tahoma;
}

button{
border:1px solid #bababa;
background:#f8f8e8;
padding:2px;
font-size:11px;
color:black;
font-family:Tahoma;
cursor:pointer;
}

.colorNegro{
background:#000;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
padding:-1px;
border:1px solid black;
}

.colorNegroR
{
font-weight:bolder;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:#000;
}

.colorAzul{
background:blue;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
padding:-1px;
border:1px solid black;
}

.colorAzulR
{
font-weight:bolder;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:blue;
}

.colorAmarillo{
background:yellow;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:#000;
padding:-1px;
border:1px solid black;
}

.colorAmarilloR
{
font-weight:bolder;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:yellow;
}

.colorVerde{
background:#32CD32;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
padding:-1px;
border:1px solid black;
}

.colorVerdeR
{
font-weight:bolder;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:#32CD32;
}

.colorBlanco{
background:#FFF;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:#000;
padding:-1px;
border:1px solid black;
}

.colorBlancoR
{
font-weight:bolder;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
}

.colorRojo{
background:red;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
padding:-1px;
border:1px solid black;
}

.colorRojoR
{
font-weight:bolder;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:red;
}

.colorGris{
background:gray;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
padding:-1px;
border:1px solid black;
}

.colorGrisR
{
font-weight:bolder;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:gray;
}

.colorPurpura
{
background:purple;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:#FFF;
padding:-1px;
border:1px solid black;
}

.colorPurpuraR
{
font-weight:bolder;
font-size:9px;
font-family:Tahoma, Geneva, sans-serif;
color:purple;
}

.tablamain
{	
	margin:0pt;
	padding:0pt;  
	width:100%;
	height:100%;	
	table-layout: fixed;
	border-collapse:collapse;
	border:0pt; 
}

.iframeoculto
{
	width:0pt;
	height:0pt;
}

.textoMenuOn
{
	font-size : 11px; 
	text-decoration : none; 
	padding-left: 4px; 
	color: white; 
	text-align: left; 
	font-family:Tahoma, Arial, Helvetica;
}
.textoMenuOver 
{
	font-size : 11px; 
	text-decoration : none; 
	padding-left: 4px; 
	color: white; 
	text-align: left; 
	font-family:Tahoma, Arial, Helvetica;
}

.iconosEtiquetaBlanco{
color:#ffffff;
font-family:Tahoma, Arial, Verdana;
font-size:9px;
}

.iconosEtiquetaNegro{
color:#000000;
font-family:Tahoma, Arial, Verdana;
font-size:9px;
}



@media (max-device-height: 1024px) and (max-device-width: 768px) {
  #marcodatos{width:550px}
  /*#tablaContenedorIndicador{width:800px}*/
}

.marco
{
	BORDER-RIGHT: black 1pt solid;
	BORDER-TOP: black 1pt solid;
	OVERFLOW: auto;
	BORDER-LEFT: black 1pt solid;
	/*WIDTH: 350px;*/
	BORDER-BOTTOM: black 1pt solid;
	HEIGHT: 300px
}

.marcocreardiagrama
{
	BORDER-RIGHT: black 1pt solid;
	BORDER-TOP: black 1pt solid;
	BORDER-LEFT: black 1pt solid;
	BORDER-BOTTOM: none;
	OVERFLOW: auto;
	WIDTH: 350px;
	HEIGHT: 300px
}

.fondohistorico 
{
	background:#ccc;
}

.codigoObjeto
{
	background-color: lightgrey;
	color: dimgray;
}

.codigoObjetoPmema
{
	background-color: E0E0E0;
	color: 555555;
	font-weight : 900;
}

.contenidoPestanna 
{
	width:99%; 
	overflow :auto
}

.botonbarracolor
{
	height:20px;
	width:20px; 
	cursor:pointer;
	border:1px solid #bababa;
}

input:-moz-placeholder {
	color: gray;
}


/************************************************/
/* estilos de la pantalla modal					*/
/************************************************/

/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 2000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("maskBG.png") !important; /*For browsers Moz, Opera, etc.*/
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 2010;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}

#popupTitleBar {
	background-color:#000000;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	position: relative;
	z-index: 203;
	
}

#popupTitle {
	float:left;
	font-size: 1.1em;
}

#popupControls {
	float: right;
	cursor: pointer;
	cursor: pointer;
}

#tbMetasNivel thead {
	text-align:center;
	font-weight:bold;
}