/* Estilos generales */
* { margin:0; padding:0; }

p{ margin: 0 0 1em 0;}
a img{
	border: 0px;
	text-decoration: none;
}
abbr, acronym {
	border: none;
}

input, select {
	border: 1px solid #313131;
	color: #313131;
	font-size: x-small;
}
input.radio {
	border:none;
}
input[type=text], input[type=password], select, input[type=file], tr.barraBusqueda td a img{
	margin-top:1px;
}


/* Tipografia general */
body{
  color: #000;
  font-family: Tahoma, Arial, Verdana,  Helvetica, sans-serif;

}

.linea{
  border-bottom: 1px solid #ccc;
}

/*Estilo general para la letra de las tablas que no tienen estilo*/
table{
  font-size: 12px;
  color: #000;
  margin: 0 auto;
}
table[align=center]{
	margin-left:auto;
	margin-right:auto;
}

input {
	border: 1px solid #666;
	color: #40403F;
	padding:1px 0;
}
.tablacontenido input[value=""] {
	min-width:17px;
}

select{
  font-size: 11px;
  color: #40403F;
  border:1px solid #666;
	cursor:pointer;
}

.lista{
  /*font-family: Courier New, Courier;*/
}

/*BOTONES*/
.button{
  background-color: #efefef;
  border: 1px solid #ccc;
  height: 17px;
  padding-left:5px;
  padding-right:5px;
}

/*ENLACES*/
.linkHand {
    text-decoration:    underline;
    color:black;
    cursor: pointer;
}


.enlaceorder{
  text-decoration: none;
  color: #535353;
  font-size: 11px;
  font-weight: normal;
}

/*TABLA DONDE SE MUESTRAN LAS LISTAS(lista d usuarios, lista d stats...)*/
.tablalista{
  color: #40403F;
  font-size: 11px;
}

.tablalista .tituloinfo{
  color:#0080bc;
  width: 100%;
  float:left;
  padding-left: 0px;
  font-weight: bold;
  font-size: 24px;
}

.tablalista td {
  text-align:left;
}

.td-overflow-ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 1%;
}

.tablalista td div {
    color: #535353;
    display: block;
    height: auto;
    padding: 0.5em;
}

.tablalista .titulo{
  background-color: #FFF !important;
  border-top: 1px solid #ccc !important;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
}

.tablalista .filapar{
  background-color:#FFFFFF;
  font-weight:normal;
  color:#000000;
}

.tablalista .filaimpar{
  background-color:#EFEFEF;
  font-weight:normal;
  color:#000000;
}

.tablalista .filaparsel{
  background-color:#FFFFFF;
  font-weight:bold;
  color:#313031;
}

.tablalista .filaimparsel{
  background-color:#EFEFEF;
  font-weight:bold;
  color:#313031;
}

.tablalista .barras{
  background-color: #ccc;
  font-weight: bold;
}

.tablalista .barraBusqueda{
  background-color: #fff;
  vertical-align:top;
}

.tablalista .pixBusqueda{
  background-color: #ccc;
  font-size:0;
}

.tablalista .borrador{
  color: #afafaf;
}

.tablalista .barrainfo{
  background-color: #efefef;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  font-weight: bold;
}

.tablalista .barrainfo2{
  background-color: #efefef;
  border-bottom: 1px solid #ccc;
  font-size: 11px;
}

/*Tabla de cada opción q pertenece a la sección d usuarios*/
.tablapestanias{
    background-color: #ececec;
    border-bottom: 1px solid #999;
    margin:0 auto;
}

.tablapestanias .barras
{
    background-color:#ccc;
    color: white;
    font-weight:bold;
}

.tablapestanias .titu{
  color: gray;
}

.tablapestanias .linea{
  background-color:gray;
}

.tablapestanias .boton{
  font-family: Tahoma, Arial, Verdana,  Helvetica, sans-serif;
  background-color: #ececec;
  color: #313031;
  border-style: none;
  padding: 4px 7px 6px;
  font-weight: bold;
  font-size: 11px;
  cursor: pointer;
  position: relative;
  bottom: 0;
}
.tablapestanias input.boton[disabled]{
	color: #CDCDCD;
    cursor: default;
}

.tablapestanias .botonactivo{
    background-color: #FFFFFF;
    border: 1px solid #999;
    border-bottom-color: #FFFFFF;
	bottom: -1px;
    color: #0080BC;
    cursor: pointer;
	font-family: Tahoma, Arial, Verdana,  Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 7px 6px;
    position: relative;
}
.tablapestanias input.boton{
	cursor:pointer;
}

.tablacontenido{
  background-color: #fff;
  margin:0 auto;
}

/* Tabla con el contenido por debajo de tablapestanias */
.tablacontenido .barra{
  border-bottom: 1px solid #999;
  font-size: 0;
}

.error{
  color:red;
}


/*TABLA DE AYUDA*/
.ayuda{
  font-size:9px;
  padding-left:10px;
  padding-top:10px;
  padding-right:10px;
}

.ayuda ul {
  padding-left: 2em;
}


/*TITULO PRINCIPAL DE CADA OPCIÓN*/
.superTitulo{
  background-color: #fff;
  font-weight: bold;
  font-size: 14px;
  color: #c80000;
  padding-left: 14px;
}

.pag
{
	color:gray;
}


#calendario { border: 1px solid #000; width: 225px;}

/* Menu lateral izquierdo */
#menu {
	margin-left:29px;
	width: 225px;
	background-color:#ececec;
}

.vineta { margin: 0px 6px 1px 3px; }
.vineta_vino_desp { margin: 0px 6px 2px 0px; }
.icono { margin-right: 4px; }
.menuseparador { background-color: #999; }

.menu { padding: 5px 20px 5px 18px; background-color: none; height:auto; }
.tablalista td.menu{padding:1px 0 0 0;}
.menu a:link { color: #000; text-decoration: none; }
.menu a:visited { color: #000; text-decoration: none; }
/*.menu a:hover { color: #fff; text-decoration: none; background:#4f98c1; }*/

.menuactivo { color: #fff; background: none repeat scroll 0 0 #2e8cc2; padding: 5px 20px 5px 18px; height:auto; }
.menuactivo a:link  { color: #fff; text-decoration: none;}
.menuactivo a:visited  { color: #fff; text-decoration: none;}
/*.menuactivo a:hover { color:#fff; background:#4f98c1; text-decoration: none; }*/

.hovermenu { color: #fff; background: #4f98c1; padding: 5px 20px 5px 18px;height:auto;}
.hovermenu a:link { color: #fff; text-decoration: none;}
.hovermenu a:visited { color: #fff; text-decoration: none;}
/*.hoveractivo a:hover { color:#fff; text-decoration: none;}*/

.submenu { color: #000; padding: 2px 20px 2px 31px; }
.submenu a:link { color: #000; text-decoration: none; }
.submenu a:visited { color: #000; text-decoration: none; }
/*.submenu a:hover { color: #000; background:#4f98c1;}*/

.submenuactivo { color: #fff; font-weight: bold; background: none repeat scroll 0 0 #4f98c1; padding: 2px 20px 2px 31px; }
.submenuactivo a:link { color: #fff; font-weight: bold; text-decoration: none; }
.submenuactivo a:visited { color: #fff; font-weight: bold; text-decoration: none;}
/*.submenuactivo a:hover {color:#c80000;font-weight:bold;font-size:11px;text-decoration:underline!important;}*/

.hoversubmenu { color: #fff; background: #4f98c1; padding: 2px 20px 2px 31px; }
.hoversubmenu a:link { color: #fff; text-decoration: none; }
.hoversubmenu a:visited { color: #fff; text-decoration: none;  }
/*.hoveractivo a:hover { color:#fff; text-decoration: none;}*/

.submenu2 { color: #000; padding: 2px 20px 2px 50px; }
.submenu2 a:link { color: #000; text-decoration: none; }
.submenu2 a:visited { color: #000; text-decoration: none; }

.submenuactivo2 { color: #000; font-weight: bold; background: none repeat scroll 0 0 #4f98c1; padding: 2px 20px 2px 50px; }
.submenuactivo2 a:link { color: #000; font-weight: bold; text-decoration: none; }
.submenuactivo2 a:visited { color: #000; font-weight: bold; text-decoration: none;}

.hoversubmenu2 { color: #000; background: #4f98c1; padding: 2px 20px 2px 50px; }
.hoversubmenu2 a:link { color: #000; text-decoration: none;}
.hoversubmenu2 a:visited { color: #000; text-decoration: none;}


.dtree {
	color: #666 !important;
	white-space: nowrap;
	text-align: left;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
    color: #666;
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #ccc;
    color: #000;
}
.dtree .clip {
	/*overflow: hidden;*/
}
#dd0{
    overflow:auto !important;
}

/* Tabla izquierda de edicion de arboles - lista de nodos */
.tabladtree{
  border-bottom: 1px solid #ccc;
}

/* Tabla derecha de edicion de arboles - propiedades del nodo seleccionado */
.tablapropiedad{
  border-bottom: 1px solid #ccc;
}


/*****************************************************************************/
/*****************************************************************************/
/*****************************************************************************/


.tdinformeSMD
{
  color:#629570;
  font-size: 10px;
  background-color:#D3EAD9;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
}
.fontSMD
{
  color:#629570;
  font-weight:bold;
}

.tdinformeSELHORA
{
  color:#A19262;
  font-size: 10px;
  background-color:#F3E8C6;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
}
.fontSELHORA
{
  color:#A19262;
  font-weight:bold;
}

.tdinformeORIGEN
{
  color:#6D9197;
  font-size: 10px;
  background-color:#D6EAEE;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
}
.fontORIGEN
{
  color:#6D9197;
  font-weight:bold;
}

.informeNODO
{
  color:#956E8A;
  font-size: 11px;
  background-color:#FFFFFF;

  border-width: 0;
}
.informeNODO .nodo
{
  color:#000000;
  /*padding: 2px 2px 2px 2px;*/
}

.tdinformeACTIVAS
{
  color:#939b37;
  font-size: 10px;
  background-color:#f2f3c6;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
}
.fontACTIVAS
{
  color:#939b37;
  font-weight:bold;
}
.tdinformeCODIGOS
{
  color:#d146cc;
  font-size: 10px;
  background-color:#ffd8ff;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
}
.fontCODIGOS
{
  color:#d146cc;
  font-weight:bold;
}
.tdinformeCALLERID
{
  color:#d27607;
  font-size: 10px;
  background-color:#FFE178;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
}
.fontCALLERID
{
  color:#d27607;
  font-weight:bold;
}

.tdinformeNOTIFXURL
{
  color:#a15670;
  font-size: 10px;
  background-color: #e3cad3;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
}
.fontNOTIFXURL
{
  color:#a15670;
  font-weight:bold;
}

.tdinformeGENTTS
{
  color:#d38137;
  font-size: 10px;
  background-color:#ffd587;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
}
.fontGENTTS
{
  color:#d38137;
  font-weight:bold;
}

.tdinformeDIA
{
  color:#c92100;
  font-size: 10px;
  background-color:#f7ded9;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
}
.fontDIA
{
  color:#c92100;
  font-weight:bold;
}

.tdinformeASR
{
  color:#d77f0e;
  font-size: 10px;
  background-color:#fbdbb2;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
}
.fontASR
{
  color:#d77f0e;
  font-weight:bold;
}

.tdinformeLOCUCION
{
  color:#8eb22a;
  font-size: 10px;
  background-color:#d9f092;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
}
.fontLOCUCION
{
  color:#8eb22a;
  font-weight:bold;
}

.tdinformeCARGA
{
  color:#2c66ec;
  font-size: 10px;
  background-color:#c6d3f1;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
}
.fontCARGA
{
  color:#2c66ec;
  font-weight:bold;
}

.tdinformeDIAL
{
  color:#8a4ccf;
  font-size: 10px;
  background-color:#d9c8ed;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
}
.fontDIAL
{
  color:#8a4ccf;
  font-weight:bold;
}

.tdinformeACD
{
  color:#948d8b;
  font-size: 10px;
  background-color:#eae2e1;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
}
.fontACD
{
  color:#948d8b;
  font-weight:bold;
}

.tdinformeES_FAX
{
  color:#6b8edc;
  font-size: 10px;
  background-color:#e1e9fb;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #FFFFFF;
}
.fontES_FAX
{
  color:#6b8edc;
  font-weight:bold;
}

#MenuBar ul {
	background-color: #fff;
	color: #666;
}

#MenuBar li {
	background-color: #fff;
	color: #666;
}

#MenuBar li a{
	background-color: transparent;
	color: #666;
}

#MenuBar li a:hover{
	background-color: #efefef;
	color: #000;
}

#MenuBar1 ul {
	color: #000000;
	padding-top: 5px;
}

#MenuBar1 li {
	background-color: #FFFFFF;
}

.liB {
	border: 1px solid #666666;
}

#MenuBar1 MBFlechaNegra {
	background-image: url(../img/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

#MenuBar1 liB {
	border: 1px solid #efefef;
}

#MenuBar1 liNB {
	border: 0px;
}

#MenuBar1 li a{
	background-color: transparent;
	border-color: #efefef;
	border-width: medium;
	color: #000000;
}

#MenuBar1 li a:hover{
	background-color: #efefef;
	color: #FFFFFF;
}

#MenuBar1 li a:hover{
	background-color: #efefef;
}

/* Borradores */
#MenuBar2 ul{
	background-color: #fff;
	color: #666;
	font-size: 11px;
	width: 18.4em !important;
}

#MenuBar2 li{
	background-color: #fff;
	color: #666;
    padding-bottom: 0.1em;
}

#MenuBar2 li a{
	background-color: transparent;
	color: #666;
}

#MenuBar2 li a:hover{
	background-color: #efefef;
	color: #000000;
}


/********************************** nuevos estilos */
hr {
  border: 0;
  width: 100%;
  color: #ccc;
  height: 1px;
}

.cien { width: 100% !important; }

.calendariobar {margin: 0.5em; /*width: 80em; */ border-collapse:collapse; font-size: 11px;}
	.calendariobar td {margin: 2em 0em 2em 0em !important; /*border: none !important;*/ width:1.4em !important;  }
	.calendariobar td:hover{ background-color: 1px solid #C60052 !important;}
	.diabar {/*border: 1px solid #eaeaea !important; */
		font-size: 0.8em;
		width:1.4em !important;
		height: 2.1em !important;
		padding:0em;
		margin: 0em !important;
		text-align: center;
		}
	.diabar hover  { background-color: 1px solid #C60052 !important;  }
	.week {display: block; position: relative; }
	.mesbar {font-size: 0.9em !important;}


.calendariobar td a { text-decoration: none; border: 4px solid #C60052 !important; color:black; width: 100%; padding: 0.2em !important; border-collapse:collapse; }
.calendariobar td a:hover{ width: 100%; }

.enlace { cursor: pointer; }

/*estilos popup*/
h3.titarbol {
  background-color: #0080bc;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  margin: 0em;
  padding: 0.5em;
  text-align: center;
  width: 245px;
}

.subtitpopup {
  font-weight: bold;
  font-size: 11px;
  margin: 0em;
  padding: 0.5em 0.5em 0.5em 0.5em;
  color: #000;
}

.arbolespopup {
  font-size: 11px;
  color: #000;
  overflow: scroll;
  overflow-x: hidden;
  width: 21em;
  height: 9.4em;
  border: 1px solid #ccc;
  margin: 0em 0em 0em 0.5em;
  float: left;
  padding: 0.5em;
}

.popuparbol {
  float: left;
  border: 1px solid #ccc;
  width: 255px;
  margin: 0em;
  padding: 0em;
  background-color: #FFF;
  position:absolute;
  z-index: 5;
  display: block;
}


#arboles { position:absolute; z-index: 5; display: block; }
#infoarboles { position:absolute; z-index: 5; display: block; }

/*tabla popup*/
.datospopup { font-size: 11px; color: #000; width: 23em; margin: 0 auto; float: left; padding: 1em 0.5em 0.5em 0.5em; }
.tablearbol { width: 100%; }
.tablearbol td { font-size: 11px; color: #000; margin: 0em; padding: 0.1em !important; border: 2px solid #FFF; }
.datospopup p { margin: 0.5em 0em 1em 0em; padding: 0em; }
.botonpopup{ border: 1px solid #ccc; background-color: #efefef; text-decoration: none !important; margin-right: 0.5em !important; color: #000; }

.bloque { position:absolute; z-index: 3; display: block; border: 1px solid #000 !important; margin: 0em; padding: 0em; height: 1.5em; padding-top: 0.5em; margin-left: -0.4em; width: 1.5em; text-align: center; /*padding: 0em 0em 0em 0.3em;*/ text-align: center !important; }
.bordehover td:hover { background-color: #C60052 !important; display: block !important; }


/* Margenes para identar en informe de numero */
.mlq { margin-left: 15px; }
.mlt { margin-left: 30px; }
.mlc { margin-left: 45px; }

/* Clase para el No configurado en informe de numero */
.no_config {
  font-size: 11px;
  color: #000;
  margin-left: 5px;
}

/* Para los avisos de las asignaciones/des-asignaciones en servicios */
.separador_asigna{
  width: 98%;
  padding: 5px 0 5px 0;
  border-bottom: 1px solid #ccc;
}

.bg_gris {
  background-color: #efefef;
  height: 22px;
  padding-left: 12px;
}


/********* NUEVOS ESTILOS COMUNICACION POR VOZ *********/

/* Contenedor para todo el cuerpo central, sin incluir cabecera y pie */
#contenedor {
	margin: 0 auto;
	width: 900px;
	background:url(../img/fdo_cuerpo.gif) repeat-y;
	border: 1px solid #999999;
}

/* Cabecera */
#cabecera {
	margin: 0 auto;
	width: 900px;
	height: 107px;
	background: url(../img/todo_en_cabecera900.jpg) no-repeat scroll 0 0 #fff;
    overflow: hidden;
    position: relative;
}

/* Contenedores principales para simular el reborde */
#cont_top {
	background: url(../img/fnd_cont_contenido.png) repeat-x scroll 0 0 transparent;
}

/* Tabla principal que contiene todo el cuerpo */
#cuerpo{
	/*width: 593px;*/
	width: 605px;
	margin-left: 12px;
	margin-right: 29px;
	background-color: #fff;
}

/* Titulos principales de cada apartado */
#titulo_ppal {
	background-color: #0080BC;
	color: #FFFFFF;
	font-size: 14px;
	padding: 7px 15px 13px 15px;
	text-align:left;
}

/* Pie de la pagina */
#pie{
	margin: 0 auto;
	width: 900px;
	height: 25px;
	color: #9E9E9E;
    font-size: 10px;
}

/* Caja contenedor del login - la mas exterior */
#cont_login {
	height: 400px;
	text-align: center;
}

/* Caja exterior del login */
#caja_ext_login {
    background: none repeat scroll 0 0 #EDEDED;
    width: 335px;
	float: left;
}

td.sombra-down{
    text-align: left;
}

.cont-caja_ext_login {
	margin: 0 auto;
	width: 335px;
	height: 127px;
	padding-bottom: 23px;
}

/* Caja interior del login */
#caja_int_login {
	font-size: 11px;
	font-weight: bold;
	margin: 25px 15px 25px 15px;
    text-align: left;
}

/* Error en el login */
#error_login {
    background-color: #F4F3EE;
    border: 1px solid red;
    font-size: 12px;
    margin: 0 0 25px;
    padding: 10px;
	color: red;
}

/* Tamanio de letra de los input del login */
.input_login { font-size: 12px; }

/* Margen superior e inferior del contenido */
.margen { height: 29px; }

/* Caja de cerrar sesion */
.cerrar { text-align: right; padding-top: 23px; }
	.cerrar a { color: #0080bc; text-decoration: none; }
	.cerrar a:hover { text-decoration: underline; }

/* Enlace de ayuda */
.b_ayuda { display: inline; }
	.b_ayuda a { color: #fff; font-size: 14px; text-decoration: none; }
	.b_ayuda a:hover { text-decoration: underline; }

/* Botones de los formularios */
.submitButton {
	background: url(../img/button_bgazul.jpg) repeat-x scroll left top #0080bc;
	color: #fff;
	cursor: pointer;
	border-color: #4c9cc2 #999999 #999999 #4c9cc2;
	border-style: 1px;
	font-weight: bold;
	padding: 4px 8px;
	font-size: 11px;
    font-family: Tahoma, Arial, Verdana,  Helvetica, sans-serif;
}

/* Enlaces */
.link, .linkNoS { color: #0080bc; }

/* Titulo de cada nodo al editar un arbol */
.titulosarbol{ color: #0080bc; font-size: 12px; font-weight: bold; border: none; }

/* Titulo de las ayudas */
.ayuda .titulo {
  background-color: #0080bc;
  color: #fff;
  margin-bottom: 15px;
  margin-top: 10px;
  font-size: 15px;
  height: 35px;
}

/* Etiqueta de porcentajes para hijos de nodos CARGA */
.etiq_porcentaje{
	border: 1px solid #000;
	background-color: #fff;
	color: #000;
	font-size: 9px;
	padding: 0 1px 0 1px;
	width: 30px;
	text-align: right;
}

.caja_informe{
  background-color: #0080bc;
  border-right:solid 1px #ccc;
  padding:10px;
  color: #fff;
}

.prioridades{
	color: #999;
	font-weight: bold;
	font-size: 10px;
	margin-left: 20px;
}

/********* NUEVOS ESTILOS CORTINILLA compatibilidad *********/

.fondo_noticias{
	background-color: #f4f4f4;
}

/* Caja contenedor de la caja de noticias - la mas exterior */
.cont_noticias {
	position: absolute;
    left: 50%;
    top: 50%;
    /*height: 262px;*/
	height: 301px;
    margin-top: -150px; /* 301px/2 */
	/*margin-top: -131px;*/
    /*width: 416px;*/
	width: 417px;
    margin-left: -208px; /* 417px/2 */
	background: none repeat scroll 0 0 #fff;
}

/* Tabla que contiene el titulo de la caja de noticias */
.titulo_noticia{
	background: none repeat scroll 0 0 #ebebeb;
	margin-left: 2px;
	margin-right: 2px;
	height: 35px;
	color: #525252;
	font-weight: bold;
}

.titulo_noticia img {
	/*margin: 0 4 0 8px;*/
	margin-left: 7px;
}

/* Estilo generico para mostrar una fuente mas pequenia */
.fuente_peq {
	font-size: 11px;
	text-align: left;
}

/* Para colocar las sombras lateral derecha y por debajo de las tablas contenedor */
.sombra {
	border-right: 2px solid #dbdbdb;
	border-bottom: 2px solid #dbdbdb;
}

/* Filas par e impar sin pertenecer a una tabla especifica */
.filapar{
  background-color:#EFEFEF;
  font-weight:normal;
  color:#000000;
}

.filaimpar{
  background-color:#FFFFFF;
  font-weight:normal;
  color:#000000;
}

/***************** ESTILOS CALENDARIO POPCALENDAR *******************/

/* all styles are prefixed with "pc" */
#pcIDcalendar {
	padding: 0;
	border: 1px solid #8fa7a7;
	background-color: white;
	z-index: +999;
	position: absolute;
	visibility: hidden;
	width: 193px;
    box-shadow:2px 2px 10px #666;
}

#pcIDselectMonth, #pcIDselectYear {z-index:+999;position:absolute;visibility:hidden;}

#pcIDcaption {
	padding: 2px 3px 4px 2px;
	color: #0080bc;
	font: bold 11px Arial, Helvetica, sans-serif;
}

#pcIDcaption div {clear :none;}

#pcIDcontent table {
	border: 0;
	margin: 1px 0 0 0;
	white-space: nowrap;
	color: Black;
	font: 10px Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 100%;
}

/* IE6-hack */
* + html #pcIDcontent table {width: auto;}
/* IE7-hack */
* + html #pcIDcontent table {width: auto;}


#pcIDcontent table tr:hover {background: #fafafa;}

#pcIDcontent th {
	padding-right: 3px;
	border-bottom: 1px solid #ACA899;
	font-weight: normal;
	text-align: right;
    background-color: #ebebeb;
    border-right: 1px solid #d9d9d9;
}

#pcIDcontent td{
	text-align: right;
	cursor: default;
	padding: 0;
	border: 0;
}

#pcIDcalendar input {
  font-size: small;
}

#pcIDcalendar td a, #pcIDcalendar td a:visited {
	border: 1px solid transparent;
	color: black;
	display:block;
	padding:3px;
	font-weight: normal;
	text-decoration: none
}

#pcIDcalendar td a:hover {
	border: 1px solid transparent;
    background-color: #4f98c1;
	color: #fff;
	font-weight: normal;
	text-decoration: none
}

#pcIDcalendar td.pcDayPast      a { color: #909090 }
#pcIDcalendar td.pcToday        a { border: 1px solid #CA1539 }
#pcIDcalendar td.pcDaySelected  a { background-color: #0080bc; color: #fff; font-weight: bold; }
#pcIDcalendar td.pcDayHoliday   a { background-color: #87CEFA }
#pcIDcalendar td.pcWeekend a,
#pcIDcalendar td.pcWeekend a:visited,
#pcIDcalendar td.pcWeekend a:link { color: #4f98c1 }
#pcIDcalendar td.pcWeekend a:hover { color: #fff }
#pcIDcalendar td.pcWeekendPast  a { color: #909090 }

#pcIDcalendar td.pcWeekNumber{
	border-right: 1px solid #ACA899;
	padding: 0 1px 0 1px;
	color: black;
	background: #D9EAFB;
	font-size: 8px;
	text-align: right
}

#pcIDfooter {
	padding: 1px 4px 1px 4px;
	color: black;
	background: #f0f0f0;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
}

#pcIDfooter a, #pcIDfooter a:hover { border: none; color: #006; font-weight: normal }


#pcIDselectYear, #pcIDselectMonth {
	border: 1px solid #a0a0a0;
	padding: 0;
	width: 4em;
	background-color: #f0f0f0;
	text-align: center;
	box-shadow:2px 2px 10px #666;
}
#pcIDselectMonth {width:7em; text-align:left}

#pcIDselectYear ul, #pcIDselectMonth ul {margin:0;padding:0;border:none;}
#pcIDselectYear li, #pcIDselectMonth li {list-style:none;margin:0;padding:0;}
#pcIDselectYear li a, #pcIDselectMonth li a {
	display: block;
	color: Black;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
	width: 100%;
	cursor:pointer;
	border: none;
	list-style-image: none;
	list-style-type: none;
	font: normal 11px Arial, Helvetica, sans-serif
}
#pcIDselectYear li a:hover, #pcIDselectMonth li a:hover {background-color: #909090;}

html>body #pcIDselectYear li a, html>body #pcIDselectMonth li a {width: auto;}

#pcIDcaption div {
	cursor:pointer;
	float: left;
	color: #0080bc;
	margin-right: 3px;
	width: 2em;
	font: bold 11px Arial, Helvetica, sans-serif
}

#pcIDleft, #pcIDright {width: 2em !important;}

#pcIDcaption div a {
	border: 1px solid #c2c2c2;
	display: block;
	text-decoration: none;
	width: 100%;
	color: #0080bc;
	font: bold 11px Arial, Helvetica, sans-serif
}

#pcIDcaption div a:hover {
	display: block;
	text-decoration: none;
}

#pcIDleft a {background: url(../img/left1.gif) no-repeat top; }
#pcIDright a {background: url(../img/right1.gif) no-repeat top;}
#pcIDleft a:hover  {background: url(../img/left2.gif) no-repeat top;}
#pcIDright a:hover {background: url(../img/right2.gif) no-repeat top;}
#pcIDMonth a, #pcIDYear a {background: url(../img/drop1.gif) no-repeat right;padding: 0 14px 0 2px;}
#pcIDMonth a:hover, #pcIDYear a:hover {background: url(../img/drop2.gif) no-repeat right;padding: 0 14px 0 2px;}

.pcBtn {cursor:pointer;}

html>body #pcIDcaption div, html>body #pcIDcaption a {width: auto;}


input[name=insertargeo], input[name=borrargeo], input[name=agregar], input[name=borrar], input[name=insertarVariable], input[name=borrarVariable]{
	min-width:13px;
	min-height:12px;
	background-repeat:no-repeat;
}
/*select[name=mascaras_desvio]{
	width:150px !important;
}*/
#tablalista td input[type="radio"] {
    margin: 1px 3px 0 0;
}
input[type=radio], input[type=checkbox]{
	margin:0 4px;
}
table td div input[name=aniadir], table td div input[name=quitar]{
	width:27px;
	height:22px;
}
table td  select#restricciones{
	width:200px;
}
input#txtinicio, input[name=txtinicio], input#txtfin, input[name=txtfin], input#busq2, input#busq3, input#Year2Digit, input#fecha_compra, input#fecha_entrega {
    float:left;
    margin-top:0 !important;
    height:13px;
}
#busq2 + input, #busq3 + input, input[name=txtinicio] + input, input[name=txtfin] + input, #Year2Digit + input, input#fecha_compra + input, input#fecha_entrega + input{
	width:17px;
	height:17px;
	margin-left: -1px;
	float:left;
}
.tablalista table td[colspan="7"] > div, .tituloinfo + table{
	width: 750px;
}
td span{
	display:inline-block;
}
table#calendariobar{
	font-family: Arial !important;
}
tr[height="4"], tr[height="1"], tr[height="10"], tr[height="5"], td[height="1"]{
	font-size:0;
}
tr.filapar td div div{
	width:auto !important;
	min-width:150px !important;
}
td select#asociados, td select#telefonos2, td select#cunas, td select#provincias, td select#tipos_tlf, td select#telefonos1{
	width:200px;
	margin-top:1px;
}
td select#provinciasasignadas{
	width:100px;
}
select#tlf_sip1, select#tlf_sip2, select#tlf_sip3, select#tlf_sip4, select#tlf_sip5, select#tlf_sip6{
	width:113px;
}
table[align=center] table[width="75%"], table[align=center] table[width="50%"], table[align=center] table[width="80%"], table[align=center] table[width="90%"] {
    margin: auto;
}
textarea{
	border:1px solid #666;
	margin-top:1px;
}
legend{
	margin-left:6px;
	padding:0 3px;
}
table[bordercolor="#959394"]{
	border: 1px solid #444
}
fieldset {
    border: 1px solid #CDCDCD !important;
}
select[name=usuario].lista{
	width:210px;
}
select[name=telefonos0].lista{
	width:200px;
}
#gestionTerminales td[width="105"], #gestionTerminales td[width="103"], #gestionTerminales td[width="20%"],
#gestionAplicaciones td[width="105"], #gestionAplicaciones td[width="103"], #gestionAplicaciones td[width="20%"]{
	width:130px !important;
}
select#tlf_sip1, select#tlf_sip2, select#tlf_sip3, select#tlf_sip4, select#tlf_sip5 {
	width:177px;
}
#formUsuarios input[type=checkbox]{
	margin-left:0 !important;
}
#formUsuarios table[width="80%"] td{
	width:145px !important;
}
select[name=txtinforme]{
	width:165px;
}
.barraBusqueda td {
	width: auto;
}
.barraBusqueda td table{
	margin:0;
	width:100%;
}
.anchotdcapa{
	width: 108px;
}
.anchotdcapa2{
	width: 106px;
}

.prog_div{
    position:relative;
}
.prog_div span:first-child{
    text-align: center;
    width: 100% !important;
    left:0;
}

.pad_serv{
  padding-bottom: 5px;
}

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

ESTILOS PARA INFORME DE FORMULARIOS

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


#cont_informe_formulario{
  display: none;
}

.td_totales{
    border-right: 1px solid #ccc;
    color: #6c6c6c;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    min-width: 80px;
}

.td_totales .span1{
    font-size: 18px;
    font-weight: bold;
}

.td_totales .span2{
    font-size: 11px;
}

.td_totales_ico{
    text-align: right;
    cursor: pointer;
}

#informeformularios #td-filtros select{
    width:95px;
    margin-right:8px;
}
#informeformularios #td-filtros input[type="text"]{
    width:30px;
    margin-right:5px;
    padding:1px 2px;
}
#informeformularios #td-filtros span{
    margin-right:5px;
}
#informeformularios label{
    float:left;
    clear:both;
    font-size:11px;
}
#informeformularios .content-filtro{
    float:left;
    clear:both;
}
#informeformularios .filtro-desde, #informeformularios .filtro-hasta{
    display:inline-block;
}
#informeformularios .grafico_pie{
    width:290px;
    height:240px;
    display:inline-block
}
#informeformularios .grafico_pie.ultimo{
    width:600px !important;
    height:350px !important;
}
#informeformularios .fila-filtros{
    float:left;
    clear:both;
}
#informeformularios .div_informe_formulario.congraficos{
    padding:20px 0;
}
#informeformularios .highcharts-container, #informeformularios .highcharts-container svg{
    overflow: visible !important;
}
#informeformularios .fila-filtros{
    margin-top:3px;
}
#informeformularios .caja_filtro_a {
    background-color: #f3f3f3;
    border: 1px solid #6c6c6c;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 15px;
    margin: 1px 8px 0 0;
    min-width: 86px;
}
#informeformularios .caja_filtro_a span {
    float: left;
    vertical-align: top;
}
#informeformularios .caja_filtro_a img {
    border-left: 1px solid #666;
    cursor: pointer;
    float: right;
}
#informeformularios .content_campos_filtros{
    display:inline-block;
}
#informeformularios .tipo_filtro{
    width:85px !important;
}
#informeformularios .titulo_pregunta{
    margin:15px 0 5px 0;
    float:left;
    font-weight: bold;
    text-decoration: underline;
}
#informeformularios .desglose_inf_formulario {
    border-bottom: 1px solid #ccc;
    color: #000;
    font-size: 11px;
}
#informeformularios .desglose_inf_formulario th {
    border-bottom: 2px solid #ccc;
    border-right: 1px solid #ccc;
    cursor: pointer;
    font-weight: bold;
    padding-bottom: 4px;
    text-align: left;
}
#informeformularios .desglose_inf_formulario td {
    border-right: 1px solid #ccc;
    cursor: pointer;
    padding:3px;
}
#informeformularios .desglose_inf_formulario tr:nth-child(2n+1) td {
    background-color: #fff;
}
#informeformularios .desglose_inf_formulario tr:nth-child(2n) td {
    background-color: #efefef;
}
#informeformularios .desglose_inf_formulario .resp_texto{
    width:400px;
}
#informeformularios .desglose_inf_formulario .resp_valor{
    width:50px;
}
#informeformularios .desglose_inf_formulario .resp_porcentaje{
    width:50px;
}
#cont_informe_formulario{
    display: none;
}


#informe{
    margin-top: 15px;
    color: #000;
    font-size: 11px;
    border-bottom: 1px solid #ccc;
}

/* CSS para colorear las filas */
table#informe tr:nth-child(odd) td {
   background-color: #fff;
}

table#informe tr:nth-child(even) td {
   background-color: #efefef;
}

#informe th{
    font-weight: bold;
    text-align: left;
    cursor: pointer;
    padding-bottom: 4px;
    padding-left: 5px;
    border-right: 1px solid #ccc;
    border-bottom: 2px solid #ccc;
}

#informe th a{
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

#informe td{
    cursor: pointer;
    border-right: 1px solid #ccc;
}

#informe .no_select td{
    cursor: default;
}

#informe .primera{
    padding-left: 0;
    /*width: 150px;*/
    width: 140px;
}

#informe .primera_d{
    padding-left: 0;
    width: 115px;
}

#informe td.llamadas{
    text-align: right;
    width: 70px;
    padding-right: 5px;
}

#informe .duracion{
    border-right: none;
    width: 70px;
}

#informe td.duracion{
    text-align: right;
}

#informe .sorttable_nosort{
    color: #6c6c6c;
    cursor: default;
    border-right: none;
    padding-left: 0;
}

#informe th.gestion{
    width: 55px;
}

#informe td.gestion{
    padding-left: 20px;
}

#informe th.desvio{
    /*width: 155px;*/
    width: 120px;
}

#informe td.desvio{
    padding-left: 2px;
    padding-right: 4px;
}

#informe th.medio_p{
    width: 100px;
}

#informe .ultima{
    border-right: none;
    border-left: 1px solid #ccc;
}

#informe .ultima_b{
    border: none;
    text-align: right;
}

#informe .ultima_d{
    border-right: none;
}

#informe td.ultima{
    text-align: right;
    /*width: 80px;*/
}

#informe td.ultima_d{
    width: 135px;
    /*width: 89px;*/
    border: none;
    /*width: 147px;    */
}

#informe th.th_secundario{
    /*border-right: none;
    border-bottom: 1px solid #ccc;*/
    cursor: default;
    text-align: right;
    padding-bottom: 0;
    border: none;
}

#informe .barra_tpo{
    height: 9px;
    cursor: pointer;
}

.paginacion{
    text-align: right;
    padding: 5px 0px 5px;
}

.pag
{
    color:gray;
}

.reg_auxiliares{
    position: absolute;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 11px;
    padding: 10px;
    overflow: hidden;
    display: none;
}

.reg_auxiliares table{
    font-size: 11px;
    text-align: left;
}

.reg_auxiliares table .titulo{
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 10px;
    border: none;
}

.tdinformeFORMULARIO
{
    color:#227a68;
    font-family: arial;
    font-size: 10px;
    background-color:#b6dad3;
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 3;
    border-color: #FFFFFF;
}
.fontFORMULARIO
{
    color:#227a68;
    font-weight:bold;
}

.submitButton:disabled{ 
  opacity: 0.5;
  cursor: auto; 
}

/* Fix tabla grabaciones */
form#formGrabaciones table#tablalista tr.titulo td:not(:nth-child(1)) {
  width: 90px !important;
}

form#formGrabaciones table#tablalista tr.titulo td:nth-child(4),
form#formGrabaciones table#tablalista tr.titulo td:nth-child(5) {
  width: 100px !important;
}

.downloadTable a.submitButton{
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
}

.downloadTable {
  max-height: 100px;
  height: 100%;
  text-align: center;
}

form[name="form_descarga"]{
  display: flex;
  align-items: center;
  gap: 10px;
}

input[name="clave_privada"]{
  margin-top: 0px;
  padding: 2px;
}