/************************************************************************************
 PROYECTO: Aplicacion de Gestion de Productos Activos: Radius, ADSL, Dslam, Firewall

 AUTOR: David Ruiz Navarro (DTI2).

 FECHA: Miercoles ,25 de Marzo de 2009.

 CONTENIDO: Contiene los estilos en uso de la web.

 FECHA ULTIMA MODIFICACION: Miercoles, 14 de Abril de 2010.
*************************************************************************************/

/* RESET CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td 
{
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
}   

fieldset, img
{
	border: 0; 
	outline: 0;  
}   

address,caption,cite,code,dfn,em,strong,th,var
{   
	font-weight: normal;   
	font-style: normal;   
}   

ol,ul
{   
	list-style: none;   
}

a, a:link, a:visited, a:hover, a:active 
{
	outline: 0;
}


/* ETIQUETAS HTML */

body {background-color: #2a4c8c; width: 100%; height: 100%;}
a:link, a:visited, a:active {text-decoration: none; color: #294c8c; outline: 0;}
a:hover {text-decoration: none; font-weight: bold; color: #294c8c;}
fieldset {border: solid 1px #294c8c; margin: 10px 10px 10px 10px; min-height: 350px;}
fieldset legend {color: #294c8c; padding: 0px 5px 0px 5px; margin-left: 5px; font-size: 11px;}
sup {font-size: 8px; color: black;}
p {margin: 10px 10px 10px 10px;}
hr {border: 0px; border-bottom: dotted 1px #294c8c;}

/* CAPAS MAQUETACION (ClassHTML.php)*/

#Pagina {width: 100%; background-color: #fff; font-family: tahoma; font-size: 12px;}

#Pagina #Cabecera {width: 100%; background-color: #294c8c; text-align: center;}
#Pagina #ZonaInfo {width: 100%; height: 30px; background-color: #fafafa;}
#Pagina #MenuSuperior {width: 100%; height: 29px; vertical-align: middle; background-color: #fafafa;}
#Pagina #SubMenuSuperior {width: 100%; height: 35px; line-height: 30px; background: #cccccc;}
#Pagina #Contenedor {width: 100%; min-height: 400px; padding: 5px 0px 5px 0px; background-color: #fafafa;}
#Pagina #Pie {width: 100%; height: 25px; line-height: 25px; background-color: #294c8c; font-size: 10px; vertical-align: middle; color: #fff; text-align: right;}

#Pagina #ZonaInfo table {width: 910px; margin: 0px auto 0px auto;}
#Pagina #ZonaInfo table tr td {width: 303px; line-height: 30px; color: #294c8c; font-size: 8pt;}
#Pagina #ZonaInfo a{color: #294c8c; text-decoration: underline;}
#Pagina #ZonaInfo a:hover{color: #000000; font-weight: normal;}
#Pagina #ZonaInfo .TextBox {border: solid 1px #294C8C; background-color: #FAFAFA; margin-right: 0px; vertical-align: middle;}

#Pagina #MenuSuperior #Opcion {min-width: 94px; width: auto; float: left; display: inline; text-align: center; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; line-height: 35px; cursor: pointer; font-size: 8pt; font-weight: bold; font-family: Verdana; color : #333333; outline: 0px;}
#Pagina #MenuSuperior #Opcion a {min-width: 94px; border-top: 7px solid #cccccc; border-right: 1px solid #cccccc; width: auto;  height: 23px; float: left; display: inline; background-color: #2a4c8c; text-align: center; padding: 0px 10px 0px 10px; margin:  0px 0px 0px auto; line-height: 23px; cursor: pointer; font-size: 8pt; font-weight: bold; font-family: Verdana; color : #FFFFFF; outline: 0px;}
#Pagina #MenuSuperior #Opcion a:hover {min-width: 94px; border-top: 7px solid #2a4c8c; border-right: 1px solid #2a4c8c; width: auto;  height: 23px; float: left; display: inline; background-color: #cccccc; text-align: center; padding: 0px 10px 0px 10px; margin:  0px 0px 0px auto; line-height: 23px; cursor: pointer; font-size: 8pt; font-weight: bold; font-family: Verdana; color : #333333; outline: 0px;}
#Pagina #MenuSuperior #OpcionSeleccionada {min-width: 94px; border-top: 7px solid #2a4c8c; border-right: 1px solid #2a4c8c; width: auto;  height: 23px; float: left; display: inline; background-color: #cccccc; text-align: center; padding: 0px 10px 0px 10px; margin:  0px 0px 0px auto; line-height: 23px; cursor: pointer; font-size: 8pt; font-weight: bold; font-family: Verdana; color : #333333; outline: 0px;}

#Pagina #SubMenuSuperior .MenuDescendente {font-family: arial; width: 100%; position: relative; font-size: 11px; margin: 0px auto 0px 0px; border-top: solid 2px #cccccc; vertical-align: middle; padding-top: 5px;}
#Pagina #SubMenuSuperior .MenuDescendente ul li a, .menu ul li a:visited {padding-left: 5px; padding-right: 5px; display: block; text-decoration: none; color: #000; min-width: 150px; width: auto; height: 24px; text-align: center; color: #fafafa; border: 1px solid #333333; background: #294c8c; line-height: 23px; font-size: 11px; overflow: hidden; margin-left: 2px; float: left;}
#Pagina #SubMenuSuperior .MenuDescendente ul {list-style: none;}
#Pagina #SubMenuSuperior .MenuDescendente ul li {float:left; position:relative;}
#Pagina #SubMenuSuperior .MenuDescendente ul li ul {display: none;}
#Pagina #SubMenuSuperior .MenuDescendente ul li:hover a {color:#fafafa; background:#5a8cce;}
#Pagina #SubMenuSuperior .MenuDescendente ul li:hover ul {display:block; position:absolute; top:25px; left:0; width:105px;}
#Pagina #SubMenuSuperior .MenuDescendente ul li:hover ul li a.hide {background-color: #cab7bc; color:#000;}
#Pagina #SubMenuSuperior .MenuDescendente ul li:hover ul li:hover a.hide {background-color: #b4929b; color:#fafafa;}
#Pagina #SubMenuSuperior .MenuDescendente .Seleccionado {background-color: #5a8cce; color:#fafafa; font-weight: bold;}
#Pagina #SubMenuSuperior .MenuDescendente ul li:hover ul li ul {display: none;}
#Pagina #SubMenuSuperior .MenuDescendente ul li:hover ul li a {display:block; background: #ddd; color:#000; margin-bottom: -1px;}
#Pagina #SubMenuSuperior .MenuDescendente ul li:hover ul li a:hover {background: #e6e6e6; color:#000;}

#Pagina #Pie a {color: #fff;}
#Pagina #Pie a:hover {font-weight: normal;}

/* CONTENEDOR (Resto de paginas)*/

/* Generales */
.Boton {border: outset 1px #b4929b; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 5px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer;}
.BotonBuscar {border: outset 1px #b4929b; background-image: url('../../../Images/Consultar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 80px;}
.BotonBuscar:hover {background-color: #3f75d9;}
.BotonObtenerInformacion {border: outset 1px #b4929b; background-image: url('../../../Images/Consultar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 160px;}
.BotonObtenerInformacion:hover {background-color: #3f75d9;}
.BotonSeleccionar {border: outset 1px #b4929b; background-image: url('../../../Images/Consultar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 105px;}
.BotonSeleccionar:hover {background-color: #3f75d9;}
.BotonEditar {border: outset 1px #b4929b; background-image: url('../../../Images/Editar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 80px;}
.BotonEditar:hover {background-color: #3f75d9;}
.BotonEditarMultiple{border: outset 1px #b4929b; background-image: url('../../../Images/Editar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 130px;}
.BotonEditarMultiple:hover {background-color: #3f75d9;}
.BotonVolver {border: outset 1px #b4929b; background-image: url('../../../Images/Volver.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 80px;}
.BotonVolver:hover {background-color: #3f75d9;}
.BotonRecargar {border: outset 1px #b4929b; background-image: url('../../../Images/Recargar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 90px;}
.BotonRecargar:hover {background-color: #3f75d9;}
.BotonEntrar {border: outset 1px #b4929b; background-image: url('../../../Images/Entrar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 80px;}
.BotonEntrar:hover {background-color: #3f75d9;}
.BotonAceptar {border: outset 1px #b4929b; background-image: url('../../../Images/Aceptar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 80px;}
.BotonAceptar:hover {background-color: #3f75d9;}
.BotonGuardarSeleccionados {border: outset 1px #b4929b; background-image: url('../../../Images/Guardar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 170px;}
.BotonGuardarSeleccionados:hover {background-color: #3f75d9;}
.BotonGuardar {border: outset 1px #b4929b; background-image: url('../../../Images/Guardar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 85px;}
.BotonGuardar:hover {background-color: #3f75d9;}
.BotonGuardarAplicar {border: outset 1px #b4929b; background-image: url('../../../Images/GuardarAplicar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 40px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 155px;}
.BotonGuardarAplicar:hover {background-color: #3f75d9;}
.BotonEnviar {border: outset 1px #b4929b; background-image: url('../../../Images/Enviar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 80px;}
.BotonEnviar:hover {background-color: #3f75d9;}
.BotonLimpiar {border: outset 1px #b4929b; background-image: url('../../../Images/Limpiar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 85px;}
.BotonLimpiar:hover {background-color: #3f75d9;}
.BotonEliminar {border: outset 1px #b4929b; background-image: url('../../../Images/Eliminar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 80px;}
.BotonEliminar:hover {background-color: #3f75d9;}
.BotonEliminarSeleccionados{border: outset 1px #b4929b; background-image: url('../../../Images/Eliminar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 165px;}
.BotonEliminarSeleccionados:hover {background-color: #3f75d9;}
.BotonAplicarCambios{border: outset 1px #b4929b; background-image: url('../../../Images/AplicarCambios.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 135px;}
.BotonAplicarCambios:hover {background-color: #3f75d9;}
.BotonCrear{border: outset 1px #b4929b; background-image: url('../../../Images/Insertar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 80px;}
.BotonCrear:hover {background-color: #3f75d9;}
.BotonCrearRegla{border: outset 1px #b4929b; background-image: url('../../../Images/Insertar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 110px;}
.BotonCrearRegla:hover {background-color: #3f75d9;}
.BotonCrearIP{border: outset 1px #b4929b; background-image: url('../../../Images/Insertar.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 80px;}
.BotonCrearIP:hover {background-color: #3f75d9;}
.BotonCambiarPass{border: outset 1px #b4929b; background-image: url('../../../Images/CambiarPassword.png'); background-repeat: no-repeat; background-position: 5px center; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 25px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; width: 160px;}
.BotonCambiarPass:hover {background-color: #3f75d9;}

.LineaPar {background-color: #cccccc;}
.LineaPar:hover{background-color: #dae3f4;}
.LineaImpar{background-color: #ffffff;}
.LineaImpar:hover{background-color: #dae3f4;}
.LineaSubnivel{background-color: #adbeda;}
.LineaSeleccionada{background-color: #333333;}
.LineaConBorde{border-top: 1px solid #294c8c; border-bottom: 1px solid #294c8c;}
.Info{text-align: right; font-size: 11px; font-weight: bold;}
.MarcarTodo{text-decoration: none; color: #294c8c; outline: 0;}
.MarcarTodo:hover{text-decoration: none; color: #b4929b; font-weight: normal; outline: 0;}

#Pagina #Contenedor .BotonEnlace {border: outset 1px #b4929b; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 5px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; text-decoration: none; font-weight: normal; color: #ffffff;}
#Pagina #Contenedor .TextBoxLinea {border: solid 0px #fafafa; border-bottom: solid 2px #294c8c; background: #fafafa;}
#Pagina #Contenedor .TextBoxLineaNumero{border: solid 0px #fafafa; border-bottom: solid 2px #294c8c; background: #fafafa;}

#Pagina #Contenedor .Titulo1 {color: #294c8c; font-size: 18px; font-weight: bold; border-bottom: solid 2px #294c8c; letter-spacing: 2px;}
#Pagina #Contenedor .Titulo2 {color: #294c8c; font-size: 14px; font-weight: bold; border-bottom: solid 1px #294c8c; line-height: 25px; letter-spacing: 1px; margin: 15px 15px 15px 15px;}
#Pagina #Contenedor .Titulo3 {color: #294c8c; font-size: 12px; font-weight: bold; margin: 15px 30px 15px 30px;}
#Pagina #Contenedor .Titulo4 {color: red; font-size: 14px; font-weight: bold; letter-spacing: 2px;}
#Pagina #Contenedor .Titulo5 {color: #294c8c; font-size: 12px; font-weight: bold; margin-top: 10px; margin-left: 10px;}
#Pagina #Contenedor .Small {color: #666; display:block; font-size:10px; font-weight:normal;}
#Pagina #Contenedor .Aviso {color: red; text-align: center; line-height: 200px; font-weight: bold;}

#Pagina #Contenedor #Loading {width: 100%; margin-top: 100px; margin-bottom: 100px; text-align: center; color: #294c8c;}

#Pagina #Contenedor .TablaResultados {margin: 0px; margin-top: 10px; width: 100%; font-size: 11px;}
#Pagina #Contenedor .TablaResultados tr th {width: auto; height: 35px; border-right: solid 1px #fafafa; text-align: left; font-weight: bold; color: #fafafa; background-color: #294c8c; padding-left: 5px; /*background-image: url(../../Images/BgThResultados.gif); background-position: top center;*/}
#Pagina #Contenedor .TablaResultados tr th .Boton {border: outset 1px #fafafa; color: #000000; background-color: #d7d7d7;}
#Pagina #Contenedor .TablaResultados tr td {height: 25px; padding-left: 5px;}
#Pagina #Contenedor .TablaResultados .TextBox {border: inset 1px #294C8C; background-color: #FAFAFA; font-size: 10px;}
#Pagina #Contenedor .TablaResultados .Seleccion {cursor: pointer;}
#Pagina #Contenedor .TablaResultados .Seleccion:hover {background-color: #dae3f4;}
#Pagina #Contenedor .TablaResultados .Oculto {display: none;}
#Pagina #Contenedor .TablaResultados .NoOculto {}

#Pagina #Contenedor .TablaDatos {width: 95%; margin: 0px auto 0px auto; background-color: #eef6ff; font-size: 9pt; color: #294c8c; border-bottom: solid 1px #294c8c; border-left: solid 1px #294c8c;}
#Pagina #Contenedor .TablaDatos tr th {text-align: left; border-top: solid 1px #294c8c; border-right: solid 1px #294c8c; padding-left: 3px; color: #333333; font-size: 12px; font-weight: bold; font-variant: small-caps; background-color: #c8c8c8; height: 20px;}
#Pagina #Contenedor .TablaDatos tr td {text-align: center; border-top: solid 1px #294c8c; border-right: solid 1px #294c8c; padding: 0px 3px 0px 3px; vertical-align: middle; height: 25px;}
#Pagina #Contenedor .TablaDatos .Header {text-align: left; color: #FAFAFA; font-size: 10pt; font-weight: bold; background-color: #294c8c; text-indent: 3px;}

#capa_filtro{display: block; float: left; width: 200px; height: 200px; border: 1px solid #294c8c; margin-top: 5px; margin-right: 5px;}
#titulo_capa_filtro{width: 195px; display: block; float: left; height: 17px; background-color: #294c8c; padding-top: 2px; padding-left: 5px; font-weight: bold; color: #ffffff;}
#capa_filtro_actual{width: 180px; display: block; float: left; height: auto; background-color: #294c8c; margin-top: 10px; border: 1px solid #294c8c; margin-left: 10px; margin-right: 10px;}
#titulo_capa_filtro_actual{width: 175px; display: block; float: left; height: 17px; background-color: #294c8c; padding-top: 2px; padding-left: 5px; font-weight: bold; color: #ffffff;}
#cuerpo_capa_filtro_actual{width: 175px; display: block; float: left; height: auto; padding-top: 20px; padding-left: 5px; background-color: #ffffff;}
#capa_filtro_aplicar{width: 180px; display: block; float: left; height: auto; background-color: #294c8c; margin-top: 10px; border: 1px solid #294c8c; margin-left: 10px; margin-right: 10px;}
#titulo_capa_filtro_aplicar{width: 175px; display: block; float: left; height: 17px; background-color: #294c8c; padding-top: 2px; padding-left: 5px; font-weight: bold; color: #ffffff;}
#cuerpo_capa_filtro_aplicar{width: 175px; display: block; float: left; height: auto; padding-top: 20px; padding-left: 5px; background-color: #ffffff;}

.span_texto_resultados {padding-top: 5px; height: 15px;}
.span_texto_resultados a {color: #ffffff; text-decoration: none;}
.span_texto_resultados a:hover{color: #dae3f4;}
.span_imagen_resultados { display: block; float: right; margin-right: 5px; height: 20px;}

/* EN MANTENIMIENTO */
#CapaMantenimento {height: 492px; width: 600px; margin: auto; background-image: url(/Images/BgMantenimiento.gif); background-repeat: no-repeat;}

/* LOGIN */
#CapaLogin {min-height: 500px; background-image: url(/Images/BgAcceso.gif); background-position: left; background-repeat: no-repeat;}
#TablaLogin {margin: 50px auto 50px auto; border: solid 2px #294c8c; background:#ebf4fb; width: 500px; font-size: 13px;}
#TablaLogin .Small {color: #666; display:block; font-size:10px; font-weight:normal;}
#TablaLogin hr {height: 0px; border-top:0px; border-bottom: dotted 1px #294c8c;}
#TablaLogin .TextBox {font-size: 12pt; width: 130px;}

#Pagina #Contenedor #TablaMsgSistema {margin: 100px auto 100px auto;}
#Pagina #Contenedor #TablaMsgSistema tr td {text-align: center; font-size: 12pt; color: #294c8c;}

/* ViewADMIN.php */
.ulOrden
{
  list-style:circle;
}
.ulOrden li
{ 
  height: 20px;    
  background-color: #294c8c; 
  color: white; 
  border: 1px solid #cccccc; 
  padding-top: 5px; 
  padding-left: 5px; 
  width: 200px;
}

/* ViewADSL.php */
#Pagina #Contenedor #TablaLeyenda {border: solid 1px #294c8c; font-size: 10px; width: 800px; margin: 15px auto 5px auto;}

/* ViewDSLAM.php */
#Pagina #Contenedor .TablaDslam {margin: 0px auto 10px auto; width: 600px; border: solid 1px #294C8C;}
#Pagina #Contenedor .TablaDslam .Logo {width: 150px; text-align: right;}
#Pagina #Contenedor .TablaDslam .Id {font-family: Century Gothic; font-size: 14px; color: #294c8c; letter-spacing: 2px; font-weight: bold;}

#Pagina #Contenedor #DslamNortel {margin: 10px auto 10px auto; width: 800px; height: 1200px; background-image: url(../../../Images/ChasisNortel.jpg); background-position: center center; background-repeat: no-repeat;}
#Pagina #Contenedor #DslamNortel #TablaDslamNortel {margin-left: 1px; padding-top: 177px; width: 797px; height: 807px;}
#Pagina #Contenedor #DslamNortel #TablaDslamNortel .Slot {width: 49px; height: 807px; text-align: center; color: #d7d7d7;}
#Pagina #Contenedor #DslamNortel #TablaDslamNortel .Tarjeta {width: 49px; height: 807px; text-align: center; background-image: url(../../../Images/TarjetaNortel.jpg); background-position: center center; background-repeat: no-repeat;}
#Pagina #Contenedor #DslamNortel #TablaDslamNortel .Controladora {width: 74px; height: 807px; background-image: url(../../../Images/ControladoraNortel.jpg); background-position: center center; background-repeat: no-repeat;}

#Pagina #Contenedor #DslamHuawei {margin: 10px auto 10px auto;padding-top: 1px; width: 800px; height: 156px; background-image: url(../../../Images/ChasisHuawei.jpg); background-position: center center; background-repeat: no-repeat;}
#Pagina #Contenedor #DslamHuawei #TablaDslamHuawei {margin: 10px 43px 0px auto; width: 426px; height: 136px; font-size: 8px;}

/* ViewFIREWALL */
a.tooltip img
{
  vertical-align: middle;
}
a.tooltip:hover 
{
  text-decoration:none;
}

a.tooltip span 
{
  display:none;
  margin:20px 0 0 0;
  padding:5px 5px;
}

a.tooltip:hover span 
{
  display:inline;
  position:absolute;
  border:1px solid #294c8c;
  background:#ffffff;
  color:#666666;
}

/* POPUPS */
.VentanasEmergentes
{
	width: 800px; 
	padding: 5px 0px 5px 0px; 
	background-color: #fafafa; 
	overflow-x: auto;
}

.VentanasEmergentes .BotonEnlace {border: outset 1px #b4929b; background-color: #294c8c; color: #fff; padding: 3px 5px 3px 5px; font-size: 10px; font-family: century gothic; outline: 0px; cursor: pointer; text-decoration: none; font-weight: normal; color: #ffffff;}
.VentanasEmergentes .TextBoxLinea {border: solid 0px #fafafa; border-bottom: solid 2px #294c8c; background: #fafafa;}
.VentanasEmergentes .TextBoxLineaNumero{border: solid 0px #fafafa; border-bottom: solid 2px #294c8c; background: #fafafa;}

.VentanasEmergentes .Titulo1 {color: #294c8c; font-size: 18px; font-weight: bold; border-bottom: solid 2px #294c8c; letter-spacing: 2px;}
.VentanasEmergentes .Titulo2 {color: #294c8c; font-size: 14px; font-weight: bold; border-bottom: solid 1px #294c8c; line-height: 25px; letter-spacing: 1px; margin: 15px 15px 15px 15px;}
.VentanasEmergentes .Titulo3 {color: #294c8c; font-size: 12px; font-weight: bold; margin: 15px 30px 15px 30px;}
.VentanasEmergentes .Titulo4 {color: red; font-size: 14px; font-weight: bold; letter-spacing: 2px;}
.VentanasEmergentes .Small {color: #666; display:block; font-size:10px; font-weight:normal;}
.VentanasEmergentes .Aviso {color: red; text-align: center; line-height: 200px; font-weight: bold;}

/* Contacto */
#TablaContacto {margin: 10px auto 10px auto; font-size: 11px; background-image: url(../../../Images/BgContacto.png); background-position: center center; background-repeat: no-repeat; }
#TablaContacto tr th {background-color: #294c8c; color: #FAFAFA; text-align: left; font-weight: bold; padding-left: 10px; padding-right: 10px; line-height: 30px;}
#TablaContacto tr td {color: #333333; padding-left: 10px; padding-right: 10px; line-height: 25px;font-weight: bold;}
#TablaContacto tr td hr {height: 0px; border-top:0px; border-bottom: dotted 1px #294c8c;}

/* Proteccion */
#TablaProteccion {margin: 10px auto 10px auto; font-size: 11px; background-image: url(../../../Images/BgLey.png); background-position: center 60px; background-repeat: no-repeat;}
#TablaProteccion tr th {background-color: #294c8c; color: #FAFAFA; text-align: left; padding-left: 10px; padding-right: 10px; line-height: 30px;}
#TablaProteccion tr td {color: #333333; padding-left: 10px; padding-right: 10px; text-align: justify;}

/* Aviso */
#TablaAviso {margin: 10px auto 10px auto; font-size: 11px; background-image: url(../../../Images/BgAviso.png); background-position: center center; background-repeat: no-repeat;}
#TablaAviso tr th {background-color: #294c8c; color: #FAFAFA; text-align: left; padding-left: 10px; padding-right: 10px; line-height: 30px;}
#TablaAviso tr td {color: #333333; padding-left: 10px; padding-right: 10px; text-align: justify;}
#TablaAviso tr td hr {height: 0px; border-top:0px; border-bottom: dotted 1px #294c8c;}

/* Perfil */
#TablaPerfil {margin: 10px auto 10px auto; font-size: 11px; background-image: url(../../../Images/BgAviso.png); background-position: center center; background-repeat: no-repeat; }
#TablaPerfil tr th {background-color: #294c8c; color: #FAFAFA; text-align: left; font-weight: bold; padding-left: 10px; padding-right: 10px; line-height: 30px;}
#TablaPerfil tr td {color: #333333; padding-left: 10px; padding-right: 10px; line-height: 25px;font-weight: bold;}
#TablaPerfil tr td hr {height: 0px; border-top:0px; border-bottom: dotted 1px #294c8c;}

/* Regla */
#TablaRegla {margin: 10px auto 10px auto; font-size: 11px; background-image: url(../../../Images/BgAviso.png); background-position: center center; background-repeat: no-repeat; }
#TablaRegla tr th {background-color: #294c8c; color: #FAFAFA; text-align: left; font-weight: bold; padding-left: 10px; padding-right: 10px; line-height: 30px;}
#TablaRegla tr td {color: #333333; padding-left: 10px; padding-right: 10px; line-height: 25px;font-weight: bold;}
#TablaRegla tr td hr {height: 0px; border-top:0px; border-bottom: dotted 1px #294c8c;}

/* Modelo */
#TablaModelo {margin: 10px auto 10px auto; font-size: 11px; background-image: url(../../../Images/BgAviso.png); background-position: center center; background-repeat: no-repeat; }
#TablaModelo tr th {background-color: #294c8c; color: #FAFAFA; text-align: left; font-weight: bold; padding-left: 10px; padding-right: 10px; line-height: 30px;}
#TablaModelo tr td {color: #333333; padding-left: 10px; padding-right: 10px; line-height: 25px;font-weight: bold;}
#TablaModelo tr td hr {height: 0px; border-top:0px; border-bottom: dotted 1px #294c8c;}

/* Tipo Atributo */
#TablaTipoAtributo {margin: 10px auto 10px auto; font-size: 11px; background-image: url(../../../Images/BgAviso.png); background-position: center center; background-repeat: no-repeat; }
#TablaTipoAtributo tr th {background-color: #294c8c; color: #FAFAFA; text-align: left; font-weight: bold; padding-left: 10px; padding-right: 10px; line-height: 30px;}
#TablaTipoAtributo tr td {color: #333333; padding-left: 10px; padding-right: 10px; line-height: 25px;font-weight: bold;}
#TablaTipoAtributo tr td hr {height: 0px; border-top:0px; border-bottom: dotted 1px #294c8c;}

/* IP */
#TablaIP{margin: 10px auto 10px auto; font-size: 11px; background-image: url(../../../Images/BgAviso.png); background-position: center center; background-repeat: no-repeat; }
#TablaIP tr th {background-color: #294c8c; color: #FAFAFA; text-align: left; font-weight: bold; padding-left: 10px; padding-right: 10px; line-height: 30px;}
#TablaIP tr td {color: #333333; padding-left: 10px; padding-right: 10px; line-height: 25px;font-weight: bold;}
#TablaIP tr td hr {height: 0px; border-top:0px; border-bottom: dotted 1px #294c8c;}

/* PASS */
#TablaCambiarPass {margin: 10px auto 10px auto; font-size: 11px; background-image: url(../../../Images/BgAviso.png); background-position: center center; background-repeat: no-repeat; }
#TablaCambiarPass tr th {background-color: #294c8c; color: #FAFAFA; text-align: left; font-weight: bold; padding-left: 10px; padding-right: 10px; line-height: 30px;}
#TablaCambiarPass tr td {color: #333333; padding-left: 10px; padding-right: 10px; line-height: 25px;font-weight: bold;}
#TablaCambiarPass tr td hr {height: 0px; border-top:0px; border-bottom: dotted 1px #294c8c;}

/* ATRIBUTOS */
.ListaAtributos { height: auto; border: 1px solid #294c8c;; width: auto; margin-top: 10px; overflow: hidden; }
.ListaAtributos p  { width: 100%; height: 20px; vertical-align: center; color: white; font-weight: bold; background-color: #294c8c; margin-left: 0px; margin-top: 0px; padding-left: 5px; }

/* Plantillas */
.TablaPlantillas {margin: 0px; margin-top: 10px; width: 100%; font-size: 11px;}
.TablaPlantillas tr th {width: auto; height: 35px; border-right: solid 1px #fafafa; text-align: left; font-weight: bold; color: #fafafa; background-color: #294c8c; padding-left: 5px; /*background-image: url(../../Images/BgThResultados.gif); background-position: top center;*/}
.TablaPlantillas tr th .Boton {border: outset 1px #fafafa; color: #000000; background-color: #d7d7d7;}
.TablaPlantillas tr td {height: 25px; padding-left: 5px;}
.TablaPlantillas .TextBox {border: inset 1px #294C8C; background-color: #FAFAFA; font-size: 10px;}
.TablaPlantillas .Seleccion {cursor: pointer;}
.TablaPlantillas .Seleccion:hover {background-color: #dae3f4;}
.TablaPlantillas .Oculto {display: none;}
.TablaPlantillas .NoOculto {}



/* SEGURIDAD PASS */
.testresult
{
	font-weight: bold;
	font-size:11px;
	font-family: arial,helvetica,san-serif;
	color:#666;
	padding:0px 0px 0px 0px;
	margin-left:10px;
	display: block;
	height:20px;
	float:left;
}
.testresult span
{
	padding:0px 5px 0px 10px;
	margin: 0px 0px 0px 20px;
	display:block;
	float:right;
	white-space: nowrap;
}
.shortPass
{
	background:url(../../../Images/red.png) no-repeat 0 0;
}
.shortPass span{
	background:url(../../../Images/red.png) no-repeat top right;
}
.badPass{
	background:url(../../../Images/red.png) no-repeat 0 0;
}
.badPass span{
	background:url(../../../Images/red.png) no-repeat top right;
}
.goodPass{
	background:url(../../../Images/yellow.png) no-repeat 0 0;
}
.goodPass span{
	background:url(../../../Images/yellow.png) no-repeat top right;
}
.strongPass{
	background:url(../../../Images/green.png) no-repeat 0 0;
}
.strongPass span{
	background:url(../../../Images/green.png) no-repeat top right;
}