/* *** Fin ScrollHolder *** */

/* ** Desplegables ** */
.cabeceraDesplegable {
border: 1px solid #d1d3d4;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 10px;
color: #666666;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 10px;
background: #fff;
}
.cabeceraDesplegable.sinBordes{
margin:0px;
border:none;
border-bottom: 1px solid #e5e5e5;
padding:12px;
}
.botonDesplegar {
float:left;
}
.infoDesplegar {
float:left;
margin:0 5px;
}
.infoDesplegar span {
margin-right: 5px;
}
.estadoDesplegar {
float:right;
color: #999999;
}
.iconoDesplegar {
float: right;
}
.cabeceraDesplegable.seleccionada {
border: 1px solid #009de5;
color: #ffffff;
-webkit-box-shadow: 0px 2px 1px 0px #aaaaaa;
box-shadow: 0px 2px 1px 0px #aaaaaa;
background: #89d1f3;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg5ZDFmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDlkZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #89d1f3 0%, #009de5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89d1f3), color-stop(100%,#009de5));
background: -webkit-linear-gradient(top,  #89d1f3 0%,#009de5 100%);
background: -o-linear-gradient(top,  #89d1f3 0%,#009de5 100%);
background: -ms-linear-gradient(top,  #89d1f3 0%,#009de5 100%);
background: linear-gradient(to bottom,  #89d1f3 0%,#009de5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89d1f3', endColorstr='#009de5',GradientType=0 );
margin-bottom: 0px;
}
.cabeceraDesplegable.seleccionada .estadoDesplegar {
color: #ffffff;
}
.cabeceraDesplegable.seleccionadaBlanca {
border-top: 1px solid #009DE5;
border-right: 1px solid #009DE5;
border-left: 1px solid #009DE5;
border-bottom: none;
background: #FFF;
margin-bottom: -3px;
}
.cabeceraDesplegable.sinBordes.seleccionada {
border-top: 1px solid #999;
border-right: none;
border-left: none;
border-bottom: none;
background: #e5f6fd;
color: #666666;
}
.icono16 {
width: 16px;
height: 16px;
margin-left: 10px;
}
.contenidoDesplegado {
padding: 5px 0px 5px 10px;
background: #FFF;
}
.contenidoDesplegado.bordeAzul {
padding: 1px 10px 5px 10px;
border: 1px solid #009DE5;
border-top:none;
margin-right: 10px;
}
.contenidoDesplegado.conFondo {
border: 1px solid #dcdcda;
background: #f8f9f3;
padding: 10px;
margin-top: 0px;
}
.contenidoDesplegado.sinBordes {
border: none;
border-bottom: 1px solid #999;
border-top: 1px solid #cbcbcb;
}
/* ** desplegable anidado ** */
.cabeceraDesplegable.desplegada {
border: 1px solid #009de5;
}
.contenidoDesplegado .contenidoDesplegado{
background: #FFF;
}
.cabeceraDesplegable.desplegada .contenidoDesplegado {
margin-left: 10px;
padding: 0px;
}
.cabeceraDesplegable.desplegada .contenidoDesplegado ul li {
margin-bottom: 10px;
}
.cabeceraDesplegable.desplegada .contenidoDesplegado ul li img, .cabeceraDesplegable.desplegada .contenidoDesplegado ul li span {
vertical-align: middle;
}
.cabeceraDesplegable.desplegada .contenidoDesplegado ul li span {
margin-left: 5px;
}
.cabeceraDesplegable.desplegada .contenidoDesplegado ul li ul{
margin: 10px 0px 0px 20px;
}
.contenidoDesplegado ul li ul{
margin: 10px 0px 0px 20px;
}
.contenidoDesplegado ul li {
margin-bottom: 10px;
}
.cabeceraDesplegable.desplegada .contenidoDesplegado ul li ul li span {
font-weight: bold;
font-size: 11px;
}
a.enlaceConfiguracion {
text-decoration: none;
}
a.enlaceConfiguracion:hover {
text-decoration: none;
}
a.enlaceConfiguracion  img{
vertical-align: middle;
padding-bottom:4px;
padding-left:4px;
}
/* en areaInferior */
.areaInferior a {
font-weight: bold;
}



/* contenido sin borde */
.contenidoPestana.sinBordes{
display: none;
background: #FFF;
border: 1px solid transparent;
border-top: 1px solid #DCDCDC;
padding: 15px 5px 0px 5px;
z-index: 1001;
}
.contenidoPestana.conInputs{
display: none;
border: none;
/*padding: 35px 5px 0px 5px;*/
padding: 5px 5px 0px 5px;
/*background: #fff url("../images/separadorPestaniasInputs.png") no-repeat;*/
}
ul.pestanas li.seleccionada.sinBordes{
background: #F4F7F5;
border-bottom: 0px;
}
/* contenido sin borde */
.contenidoPestana.visible, .contenidoBarra.visible{
display: block !important;
}
.barraEnlaces{
margin-right:-5px;
margin-left:-5px;
margin-bottom:10px;
}
.barraEnlaces ul.enlaces{
padding-bottom:10px;
padding-left:10px;
margin-bottom:10px;
border-bottom:1px solid #DCDCDC;
}
.barraEnlaces ul.enlaces li{
display: inline;
font-size: 11px;
padding:10px 5px;
border:none;
background:url("../images/separadorBotonEnlaceOscuro.png") no-repeat right;
}
ul.enlaces li.seleccionada a{
color: #666666;
font-weight: bold;
}
div.contenidoBarra{
background: #fff;
border: 1px solid #e5eaec;
border-radius: 7px;
display: none;
padding:5px;
z-index: 1000;
}
/* --- pesta�as verticales --- */

.pestanasVerticales {
padding: 5px;
margin-bottom: 10px;
}
.pestanasVerticales  ul.pestanas{
position: relative;
z-index: 100;
top: 0;
left: 0;
float: left;
width: 140px;
z-index: 100;
}
.pestanasVerticales  ul.pestanas li{
display: block;
height:20px;
font-weight: bold;
font-size: 12px;
line-height: 12px;
text-align: right;
padding: 14px 10px 5px 5px;
border: 1px solid #E5EAEC;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px;
margin: 0px -1px 5px 0px;
background-color: #FBFDFC;
}
div.pestanasVerticales li.selecciona{
background: #FFF;
border-right: 2px solid #FFF;
}
div.pestanasVerticales li.seleccionada a {
color: #3145C2;
}

.pestanasVerticales .contenidoPestana{
border:none;
background-color: #FFF;
display: none;
padding: 0px 0px 0px 140px;
position: relative; 
top: 0;
left: 0;
z-index: 50;
background-color: transparent;
}
.fondoPestanaVertical{
border: 1px solid #E5EAEC;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 7px 7px 0px;
border-radius: 0px 7px 7px 0px;
background-color: #FFF;
padding: 5px;
min-height: 200px;
}
.pestanasVerticales .contenidoPestana.visible {
display: block;
}
.paginadorVertical {
text-align: center;
}

/* -- pesta�as verticales dentro de pesta�as horizontales -- */

.pestanasHorizontales .pestanasVerticales{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* *** FONDOS CON IMAGENES *** */

.fondo {
min-height: 300px;
padding: 40px 0px 0px 0px;
}
.fondo.token {
background: #ffffff url("../images/fondo_token.png") no-repeat top right;
}

/* *** Menu prefiltro *** */

.dropDown {
margin: 0px 0px 10px 0px;
height: 30px;
width: 100%;
}
.dropDown ul.contenedorDrop li {
float: left;
margin: 5px 0px 0px 5px;
background: #ffffff url("../images/bullet02.png") no-repeat 98% 50%;
padding: 0px 10px 0px 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
/*Si esta dentro de un scroll
position:relative;
*/
}
.dropDown ul.contenedorDrop li.sinIcono{
background:transparent;
padding: 0px;
}
.dropDown ul.contenedorDrop li.enScroll{
position:relative;
}
.enScroll .menuDrop{
width: 240px;
}
.dropDown ul.contenedorDrop .menuDrop:hover {
/*cursor: pointer;*/
}
.dropDown ul li .menuDrop label{
margin-right: 5px;
margin-left: 5px;
}
.dropDown ul li .menuDrop  span{
margin: 0px 0px;
text-decoration: none;
font-size: 12px;
margin-right: 3px;
}
.dropDown ul li.sinIcono .menuDrop  span:hover {
cursor: default;
}
.dropDown ul li.sinIcono .menuDrop  label.descriptivo {
margin: 0px 5px;
font-size: 12px;
font-weight: normal;
}
.dropDown ul li.sinIcono .menuDrop  span.ultimoSpan{
margin-right: 5px;
}
.dropDown ul.contenedorDrop li.sinIcono .opcionesDrop button{
height: 23px;
}
.dropDown  ul li .menuDrop a {
margin: 0px 5px 0px 5px;
text-decoration: underline;
}
div.menuDrop input[type|="text"]{
*width:150px;
*filter: none;
*background:white;
}
.opcionesDrop {
min-width: 250px;
width: auto;
position: absolute;
margin-top: 2px;
background: #fff;
border: 1px solid #d5d5d5; 
padding: 5px;
z-index: 10;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}
.opcionesDrop table, .opcionesDrop .paginador {
background: #fff;
margin-top: 0px;
height: 20px;
margin-bottom: 5px;
}
.opcionesDrop table{
border: 5px solid #fff;
}
.opcionesDrop .paginador {
margin-bottom: 0px;
}
.opcionesDrop table input{
height: auto;
}
.opcionesDrop h3{
font-size: 12px;
color: #757575;
margin: 0px 0px 5px 0px;
}
.opcionesDrop table tr td.selectora {
width: 30px;
}
.opcionesDrop table tr td, .opcionesDrop table tr th {
vertical-align: middle;
}
.opcionesDrop table tr th {
color: #000;
}
.dropDown ul.contenedorDrop li .paginador ul li {
margin: 5px 0 0 0px;
background-image: none;
}
.dropDown ul.contenedorDrop .paginador li {
margin: 0px;
padding: 0px;
}
.dropDown .columnaFormularios label {
color: #757575;
}
.buscadorDrop {
margin: 0px 2px 0px 0px;
}
.tooltipBoton {
min-width: 277px;
height: 105px;
width: auto;
position: absolute;
margin-top: -135px;
margin-left: -100px;
background: #fff;
border: 2px solid #E0E4E1; 
padding: 7px;
z-index: 10;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
*width: 280px;
*height: 110px;
*z-index:1001;
}
.tooltipBoton.izquierda.ancho250 button, .tooltipBoton.izquierda.ancho250 button img {
padding-left: 100px;
}
.tooltipBoton.izquierda.ancho250 button img {
margin-left: -15px;
}
.tooltipBoton h3, .tooltipElemento h3 {
color: #2f62A1;
font-weight: bold;
}
.tooltipBoton  p{
font-size:11px;
}


/* Tooltip CORTO */
/* centro */
.tooltipBoton.corto{
height: 80px;
min-width: 206px;
margin-top: -110px;
margin-left: 0px !important;
z-index:1001;
}


.tooltipBoton.corto:before{
left: 100px !important;
}
.tooltipBoton.corto:after{
left: 102px !important;
}
/* derecha */
.tooltipBoton.corto.derecha{
margin-left: -170px !important;
}
.tooltipBoton.corto.derecha.altoAuto{
 margin-left: -195px !important;   
}
.tooltipBoton.corto.derecha:before{
left: 190px !important;
}
.tooltipBoton.corto.derecha:after{
left: 192px !important;
}
/* izquierda */
.tooltipBoton.corto.izquierda{
margin-left: 0 !important;
}
.tooltipBoton.corto.izquierda:before{
left: 10px !important;
}
.tooltipBoton.corto.izquierda:after{
left: 12px !important;
}
/* Fin Tooltip CORTO*/

/* Tooltip LARGO */
/* centro */
.tooltipBoton.largo{
height: 366px;
width:480px;
border-color: #d4e1ed;
margin-top: -400px;
margin-left: -200px !important;
}
.tooltipBoton.largo:before{
left: 238px !important;
border-top-color: #d4e1ed;
}
.tooltipBoton.largo:after{
left: 240px !important;
}
/* derecha */
.tooltipBoton.largo.lDerecha{
margin-left: -425px !important;
}
.tooltipBoton.largo.lDerecha:before{
left: 460px !important;
}
.tooltipBoton.largo.lDerecha:after{
left: 462px !important;
}
/* izquierda */
.tooltipBoton.largo.izquierda{
margin-left: 0 !important;
}
.tooltipBoton.largo.izquierda:before{
left: 10px !important;
}
.tooltipBoton.largo.izquierda:after{
left: 12px !important;
}
/* Fin Tooltip LARGO*/

/*tooltip Largo Lateral Izquierdo */
.tooltipBoton.largo.marginMovimientos{
margin-top: -250px !important;
margin-left: -189px !important;
}
/*fin tooltip Largo Lateral Izquierdo*/

/*tooltip Lateral derecho */
.tooltipBoton.lateralDerecho{
margin-top: -64px !important;
margin-left: 103px !important;
}
.tooltipBoton.lateralDerecho:before {
border: 12px solid transparent;
border-right-color: #E0E4E1;
bottom: 37px;
display: block;
height: 0;
left: 132px;
position: absolute;
width: 0;
}
.tooltipBoton.lateralDerecho:before {
left: -25px;
}
.tooltipBoton.lateralDerecho:after {
border: 10px solid transparent;
border-right-color: white;
bottom: 38px;
display: block;
left: 134px;
position: absolute;
height: 0;
width: 0;
}
.tooltipBoton.lateralDerecho:after {
left: -20px;
}
/*fin tooltip Lateral derecho*/

/*tooltip Lateral Izquierdo */
.tooltipBoton.lateralIzquierdo{
margin-top: -64px !important;
margin-left: -302px !important;
}
.tooltipBoton.lateralIzquierdo:before {
border: 12px solid transparent;
border-left-color: #E0E4E1;
bottom: 37px;
display: block;
height: 0;
left: 132px;
position: absolute;
width: 0;
}
.tooltipBoton.lateralIzquierdo:before {
left: 293px;
}
.tooltipBoton.lateralIzquierdo:after {
border: 10px solid transparent;
border-left-color: white;
bottom: 38px;
display: block;
left: 134px;
position: absolute;
height: 0;
width: 0;
}
.tooltipBoton.lateralIzquierdo:after {
left: 291px;
}
/*fin tooltip Lateral Izquierdo*/
.tooltipElemento{
min-width: 150px;
*max-width: 700px;
width: auto;
position: absolute;
margin-top: -130px;
background: #fff;
border: 2px solid #E0E4E1; 
padding: 7px;
z-index: 999;
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}
div.cabecera div.tooltipElemento{
background:#E2FAFE;
_width:165px;
}
div.cabecera div.tooltipElemento h3{
margin: 7px;
font-size: 11px;
font-weight:bold;
color: #000;
}
.tooltipBoton:before {
border: 12px solid transparent;
border-top-color: #E0E4E1;
bottom: -25px;
content: "\00a0";
display: block;
height: 0;
left: 132px;
position: absolute;
width: 0;
}
.tooltipBoton:after {
border: 10px solid transparent;
border-top-color: #FFF;
bottom: -20px;
content: "\00a0";
display: block;
left: 134px;
position: absolute;
height: 0;
width: 0;
}

/* Tooltip Abajo */
.tooltipBoton.abajo{
margin-top: 30px;
}
div.cabecera div.tooltipElemento.abajo{
margin-top: 42px;
min-width: 127px !important;
}
.tooltipElemento.abajo{
margin-top: 22px;
}
.tooltipBoton.abajo:before {
border: 12px solid transparent;
border-bottom-color:#E0E4E1;
bottom: auto;
left: 132px;
top: -24px;
}
.tooltipBoton.abajo:after {
border: 10px solid transparent;
border-bottom-color:#FFF;
bottom: auto;
left: 134px;
top: -18px;
}

/* Tooltip CORTO abajo*/
.tooltipBoton.corto.abajo{
margin-top: 30px;
}
.tooltipBoton.corto.abajo:before {
border: 12px solid transparent;
border-bottom-color:#E0E4E1;
bottom: auto;
left: 132px;
top: -24px;
}
.tooltipBoton.corto.abajo:after {
border: 10px solid transparent;
border-bottom-color:#FFF;
bottom: auto;
left: 134px;
top: -18px;
}
/* Fin tooltip CORTO*/
/* Corto scrollable*/
.tooltipBoton.corto.scrollable{
margin-left: -28px !important;
margin-top: -150px;
height: 120px;
z-index:1001;
}
.tooltipBoton.corto.scrollable button{
padding-left: 68px !important;
}
.tooltipBoton.corto.scrollable button img{
margin-left: 52px !important;
}
/* Corto input*/
.tooltipBoton.corto.conInput{
margin-top: -200px;
margin-left: 0px !important;
/*margin-left: -30px !important;*/
height: 112px;
}
.tooltipBoton.corto.conInput button{
padding-left: 90px !important;
}
.tooltipBoton.corto.conInput button img{
margin-left: 60px !important;
}
/* Tooltip LARGO abajo*/
.tooltipBoton.largo.abajo{
margin-top: 30px;
}
.tooltipBoton.largo.abajo:before {
border: 12px solid transparent;
border-bottom-color: #d4e1ed;
bottom: auto;
left: 132px;
top: -24px;
}
.tooltipBoton.largo.abajo:after {
border: 10px solid transparent;
border-bottom-color:#FFF;
bottom: auto;
left: 134px;
top: -18px;
}
/* Fin tooltip LARGO */

/*tooltip Largo Lateral Izquierdo */
.tooltipBoton.largo.marginMovimientos:before {
border: 12px solid transparent !important;
border-left-color: #E0E4E1 !important;
bottom: 110px !important;
left: 132px !important;
}
.tooltipBoton.largo.marginMovimientos:before {
left: 495px !important;
}
.tooltipBoton.largo.marginMovimientos:after {
border: 10px solid transparent !important;
border-left-color: white !important;
bottom: 112px !important;
left: 134px !important;
}
.tooltipBoton.largo.marginMovimientos:after {
left: 494px !important;
}
/*fin tooltip Largo Lateral Izquierdo*/

/* Tooltip boton borde en azul */
/* Arriba */
.tooltipBoton.bordeAzulArriba, .tooltipElemento.bordeAzulArriba{
border: 2px solid #B5E5F9; 
}
.tooltipBoton.bordeAzulArriba:before, .tooltipElemento.bordeAzulArriba:before {
border: 12px solid transparent;
border-top-color: #B5E5F9;
} 
/* Abajo */
.tooltipBoton.bordeAzulAbajo, .tooltipElemento.bordeAzulAbajo{
border: 2px solid #B5E5F9; 
}
.tooltipBoton.bordeAzulAbajo:before, .tooltipElemento.bordeAzulAbajo:before,
.tooltipBoton.corto.bordeAzulAbajo:before, .tooltipBoton.largo.bordeAzulAbajo:before {
border: 12px solid transparent;
border-bottom-color: #B5E5F9;
} 


/* Tooltip Derecha */
.tooltipBoton.derecha, .tooltipElemento.derecha{
margin-left: -200px;
}
div.progreso .tooltipBoton.derecha{
margin-left: -233px !important;
margin-top: 2px !important;
}
div.cabecera div.tooltipElemento.derecha{
margin-left: 15px;
/*_margin-left:25%;*/
}
.tooltipBoton.derecha:before {
left: 252px;
}
.tooltipBoton.derecha:after {
left: 254px;
}

/* Tooltip Izquierda */
.tooltipBoton.izquierda, .tooltipElemento.izquierda{
margin-left: 0%;
}
.tooltipBoton.izquierda:before {
left: 28px;
}
.tooltipBoton.izquierda:after {
left: 30px;
}

.tooltipBoton  button{
width:100%;
height: 28px;
margin-left: 0px;
margin-top: 10px;
vertical-align: middle;
}
.tooltipBoton  button.botonIcono{
width:100%;
height: 28px;
margin-left: 0px;
margin-top: 10px;
padding-left: 112px;
vertical-align: middle;
}
.tooltipBoton  button.botonIconoNormal{
width:auto;
height: 22px;
margin-left: 0px;
margin-top: 10px;
padding: 0px 5px 0px 10px;
vertical-align: middle;
}
.tooltipBoton.lateralDerecho  button.botonIcono{
padding-left: 64px;
}
.tooltipBoton.corto  button.botonIcono{
padding-left: 64px;
}
.tooltipBoton.largo  button.botonIcono{
padding-left: 195px;
}
.tooltipBoton.largo  button.botonIcono img{
margin-left: 187px;
}
.tooltipBoton  button.corto{
width: 32px;
height: 24px;
margin-left: 0px;
margin-top: 10px;
vertical-align: middle;
}
.tooltipBoton  button.corto.calendario {
margin-top: 0px;
}
.tooltipBoton  button.botonIcono img{
height: 24px;
width:24px;
margin-top: -2px;
margin-left:88px;
position:relative;
}
.tooltipBoton  button.botonIconoNormal img{
margin-left:10px;
margin-top:1px;
position:relative;
}
.separadorSuperiorHorizontal{
border-top: 1px solid #E8EBEE;
}


/* Ventana Modal */
.fondoTransparente{
width: 100%;
height:100%;
background: #eee;
position:fixed;
top:0px;
right:0px;
z-index:1002;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.ventanaModal {
    position: fixed;
    top: 100px;
    left: 15%;
    right: 15%;
    width: auto;
}
.ventanaModal::before {
    content: '';
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: rgba(228, 228, 228, 0.6);
}
.ventanaModal > div:first-of-type {
    position: relative;
    top: 10px;
    left: -10px;
}

.ventanaModal > div + div{
    background: white;
    border: solid 4px #D3D3D3;
    padding: 20px 20px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.ventanaModal::before {
    /* content: ''; */
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    /* background: rgba(228, 228, 228, 0.6); */
    z-index: -1;
}

.ventanaModal.grande{
left: 5%;
right: 5%;
width: auto;
border: solid 4px #009EE5;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.ventanaModal.conAcordeon{
top: 10%;
bottom: 10%;
overflow: hidden;
}
.ventanaModalGrafico{
position: fixed;
top: 15%;
height:60%;
width: auto;
left:12%;
right:12%;
z-index:1003;
overflow: auto;
background: white;
border: solid 4px #009EE5;
padding: 20px 18px;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.contenedorGrafico{
height:90%;
}
.ventanaModalLogin{
height:287px;
width: 281px;
text-align:left;
position:fixed;
top:61px;
left:50%;
margin-left:-146px;
z-index:1003;
background: #fff;
border: 1px solid #b2b2b2;
padding: 0px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow:  0px 0px 50px -5px rgba(50, 50, 50, 5);
box-shadow:  0px 0px 50px -5px rgba(50, 50, 50, 5);
}
.ventanaModalLogin img{
margin:0px;
}
.ventanaModal.desconexion{
width: 635px;
position:fixed;
left:50%;
margin-left:-338px;
z-index:1003;
background: #fff;
}
.bordeDesconexion {
border: 10px solid  #ccc;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
padding:10px 0px;
}
.bordeDesconexion .numero{
 font-size: 43px;
 font-weight: bold;
 color: #8c8c8c;
}
.bordeDesconexion .letra{
 font-size:14px;
 font-weight: bold;
 color: #8c8c8c;
}

/* *** VENTANAL MODAL DE MENSAJES VIEJA *** */
.modal{
background: url("../images/fondoModal.png");
width: 100%;
height: 100%;
position: fixed;
z-index: 1091;
top: 0px;
left: 0px;
}
.ventanaMensaje {
margin: 22% auto 0 auto;
width: 650px;
background: #fff;
border: solid 4px #009EE5;
}
.ventanaMensajeInterior {
background: #FFF;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.ventanaMensaje.grande{
margin: 14% auto 0 auto;
}
.ventanaMensaje.grande .mensajesModal{
height: 420px;
width:520px;
}
.modal .zonaIcono{
float: left;
height: 100%;
width: 100px;
text-align: center;
padding: 10px;
color: #757575;
font-size: 11px;
}
.modal .zonaIcono img {
margin: 30px 0px 20px 0px;
}
.mensajesModal{
width: 530px;
float: right;
}
.modal p {
margin: 20px;
color: #082575;
}
.modal div.left, .modal div.right{
margin: 10px 10px 10px 0px;
}
.mensajesModal.cargador{
padding: 20px 5px;
}



.activacionVentanaModal {
	background: #FFF none repeat scroll 0px 0px;
	border: 2px solid #009EE5;
	border-radius: 3px;
	height: auto;
	left: 5%;
	overflow: hidden;
	padding: 20px 18px;
	position: absolute;
	right: 22%;
	top: 100px;
	width: 66%;
	z-index: 1003;
}

}
.activacionTituloVentanaModal{
position: absolute;
top: 51px;
left: 15%;
right: 15%;
height: 5px;
width: 390px;
z-index:1003;
overflow: hidden;
background: #E4EFF7;
border: solid 2px #009EE5;
padding: 20px 18px;
-webkit-border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;

}

.linkEnlaceStyle {
	float: left;
    margin-left: 548px;
    margin-top: -1px !important;
}

.linkEnlaceOperStyle {
    float: left;
    margin-left: 651px;
    margin-top: -1px !important;
}

.linkStyleLanguage {
    margin-left: -67px;
    margin-right: 42px;
    margin-top: 2px !important;
}


.languagesTable {
    width: 58%; !important
}

/*Fin Estilos para Ventana modal para clave de operaciones ya cambio de clave CX*/