.Blanco{
     color:#FFF;
     }
     
 .Claro{
     color:#618A80;
     }    
     
 .Oscuro{
      color:#2E5666;
      }
      
 .Acento{
       color:#86BFB1;
       }

.Parpadeo {
  -webkit-animation: parp 1s infinite; /* Chrome, Safari 5+ */
  -moz-animation: parp 1s infinite; /* Firefox 5-15 */
  -o-animation: parp 1s infinite; /* Opera 12.00 */
  animation: parp 1s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}

@-webkit-keyframes parp {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@-moz-keyframes parp {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@-o-keyframes parp {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@keyframes parp {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}          
     
.Negrita{
     font-weight:bold;
	 color:#2E5666;
     }
 
 /*GENERALES*/
 
html, body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#2E5666;
	overflow:hidden;
	height:99.8%;
	width:100%;
	}
	
iframe{
     border: 1px #ccc solid;
     }
 .NoSeleccionable{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}  
.FondoGris{
	position:absolute;
	overflow-y:auto;
	padding:10px 35px 10px 10px;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;	
	z-index:-11;
	background-image:url(../imagenes/fondoGris.png);
	}  

form{
    background-color:rgba(255,255,255,0);
    }
	
div.Footer{
    text-align:right;
    clear:both;
    z-index:500;
    position:absolute;
    width:100%;
    bottom:15px;
	right:20px;
    }

.LoginPanel{
	position:absolute;
	background-color:#2E5666;
	text-align:center;
	width:350px;
	height:450px;
	top:50%;
	left:50%;
	margin-left:-175px;
	margin-top:-225px;
	-webkit-box-shadow:  0px 2px 7px 0px #000; 
    box-shadow: 0px 2px 7px 0px #000;
	-webkit-border-radius: 12px;
	border-radius: 15px;
	background-clip: padding-box;
	}	
	
a:link, a:hover, a:active, a:visited {
	text-decoration:none;
	color:#86BFB1;
	cursor:pointer;
	}

img{
	border:0;
	}

.hasPlaceholder {
	color: #aaa;
}

.placeholder {
    color: #AAAAAA;
}

		
/*SPAN*/

span.Circulo{
	position:absolute;
	width:28px;
	height:19px;
	background-image:url(../imagenes/circuloFondo.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
    color:white;
    padding-top:8px;
	font-size:10px;
	text-align:center;
	}

div.MenuSpan:hover span.trianguloUpMenu{
	position:relative;
	top:18px;
	left:50%;
	margin-left:-9px;
	z-index:21;
	width: 0; 
	height: 0;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #86BFB1;
} 


.tri-down {

    /* Styling block element, not required */
    position: relative;
    margin-bottom: 2em;
    padding: 1em;
    border-bottom: 1px solid #999;
    background: #f3f3f3;
  }

  /* Required for Down Triangle */
  .tri-down:before, .tri-down:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
  }

  /* Stroke */
  .tri-down:before {
    bottom: -16px;
    left: 21px;

    /* If 1px darken stroke slightly */
    border-top-color: #777;
    border-width: 16px;
  }

  /* Fill */
  .tri-down:after {
    bottom: -15px;
    left: 22px;
    border-top-color: #f3f3f3;
    border-width: 15px;
  }

.trianguloRightMenu{
	width: 0; 
	height: 0; 
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent; 
	border-right:9px solid #CCCCCC; 
}

	/*position:relative;
	top:18px;
	left:50%;
	margin-left:-9px;
	z-index:21;
	width: 0; 
	height: 0;
	border-left: 9px solid transparent;
	border-top: 9px solid #86BFB1;
} */

span.trianguloUp{
	position:fixed;
	z-index:21;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #FFF;
	top:44px;
	right:14px;
}

span.trianguloUpBg{
	position:fixed;
	z-index:20;
	width: 0; 
	height: 0; 
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #999;
	top:42px;
	right:12px;
}	

span.Etiquetas{
	position:absolute;
	margin-top:-10px;
	font-size:9px;
	}

/*DIVS*/
div.Bloqueador{
    position:absolute;
    z-index:1500;
	background-color:rgba(255,255,255,0.75);
	width:100%;
	top:0px;
	bottom:0px;
	background-image:url(../imagenes/cargando.gif);
	background-position:50% 50%;
	background-repeat:no-repeat;
	}

div.BloqueadorSimple{
    position:absolute;
    z-index:1500;
	background-color:rgba(255,255,255,0.4);
	width:100%;
	top:0px;
	bottom:0px;
	}	

div.CargandoMini
{
    cursor:pointer;
	float:left;
	position:absolute;
	top:0px;
	left:0px;
	background-color:rgba(255,255,255,0.6);
	background-color:#FFF;
	z-index:999;
	width:60px;
	height:50px;
	margin-right:10px;
	background-image:url(../imagenes/cargandomini.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}	

div.PopViewContenedor{
    position:absolute;
    z-index:1700;
	background-color:rgba(255,255,255,0.5);
	width:100%;
	top:0px;
	bottom:0px;
	}

div.PopViewContenedor div.Dialogo{
	position:absolute;
	width:700px;
	height:400px;
	top:50%;
	left:50%;
	margin-left:-350px;
	margin-top:-200px;
	-webkit-box-shadow: 0px 2px 7px 1px #999; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 2px 7px 1px #999; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
	}
	
div.DialogoContenido{
	background-color:#F1F2F2;
	margin:12px;
	width:auto;
	height:320px;
	padding:15px;
	text-align:justify
	}
div.AccionesTareas{
	background-color:#F1F2F2;
	margin:10px 0px 10px 0px;
	width:auto;
	height:340px;
	padding:15px;
	text-align:justify
	}	
	div.Bordeado{
	border:1px solid #999999;
	padding:10px;
	}

.BotonTexto{
	 margin:5px;
	 padding:10px;
     color:#FFF;
	 background-color:#666;
     cursor:pointer;
	 text-align:center;
     }
     
 .BotonTexto:hover{
     color:#2E5666;
	 background-color:#ccc;
     }

div.Logo40{
	/*background-image:url(../imagenes/logo40.png);
    background-repeat:no-repeat;
    background-position:0% 0%;
    width:40px;*/
    height:40px;
	float:left;
	}	

div.BgLogo{
    position:absolute;
    top:0;
    z-index:-10;
    background-image:url(../imagenes/bgLogo.png);
    background-repeat:no-repeat;
    background-position:0% 0%;
    width:100%;
    height:100%;
    margin:0px;
    }

.InicioBtn{
    position:absolute;
    top:8px;
    left:170px;
    width:75px;
    height:12px;
    color:#2E5666;
    text-align:center;
    padding:5px;
    z-index:1;
    /*background-image:url(../imagenes/home_btn.png);
    background-repeat:no-repeat;
    background-position:0% 50%;
    background-size:25%;
    cursor:pointer;*/
    } 	
    
.divStrip{
	border-bottom:solid 1px #CCCCCC;
	border-left:solid 1px #666666;
	padding:10px 0px 10px 10px;
	width:100%;
	height:auto;
	font-size:12px;
	position:relative;
	text-align:left;
	}

.divStrip:hover {
	background-color:#86BFB1;
	color:#FFF;
	cursor:pointer;
	}

.divStripSelected {
	background-color:#86BFB1;
	color:#FFF;
	}	

div.Logo{
	width:100%;
	height:163px;
	background-image:url(../imagenes/logopj.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	margin:55px 0px 25px 0px;
	}

div.VerticalText{
	text-align:right;
	width:586px;
	max-width:586px;
	/*height:38px;*/
	height:60px;
	max-height:60px;
	position:absolute;
	z-index:1;
	white-space:nowrap;
	font-size:12px;
	color:#2E5666;
	top:285px;
	left:-293px;
	/*padding-top:22px;*/
	padding-right:60px;
	-webkit-transform: rotate(-90deg);  /* Chrome, Safari 3.1+*/ 
    -moz-transform: rotate(-90deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(-90deg);  /* IE 9 */
    -o-transform: rotate(-90deg);  /* Opera 10.50-12.00 */ 
    transform: rotate(-90deg);  /* Firefox 16+, IE 10+, Opera 12.50+*/
}

div.MenuPrincipal{
	position:absolute;
	z-index:10;
	top:0px;
	left:0px;
	width:100%;
	min-width:500px;
	height:40px;
	background-color:#F1F2F2;
	-webkit-box-shadow: 0px 6px 14px 2px #999;
	box-shadow: 0px 6px 14px 2px rgba(0,0,0,0.5);
	}
	
div.MenuBase{
	position:relative;
	top:35px;
	left:0px;
	width:auto;
	min-width:500px;
	height:40px;
	background-color:#618A80;
	}

div.Foto{
	float:right;
	width:40px;
	height:40px;
	background-color:#666;
	padding:5px
	}

div.DetallesUsuario{
	padding:15px;
	text-align:right;
	}	

div.DetallesContenedor{
	display:none;
	border:solid #999 1px;
	position:fixed;
	z-index:20;
	top:53px;
	right:5px;
	background-color:#FFF;
	opacity:0.95;
	width:225px;
	height:auto;
	}

div.Herramientas{
	z-index:1500;
	position:fixed;
	right:0px;
	top:40%;
	width:30px;
	max-width:30px;
	background-color:#F1F2F2;
	-webkit-box-shadow: 0px 2px 7px 1px #999; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
    box-shadow: 0px 2px 7px 1px #999; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
	}		

div.ContenedorPrincipal{
	background-color:rgba(255,255,255,0);
	margin:0px;
	width:100%;
	height:100%;
	}

div.BandaContenedor{
	padding:3px;
	border:solid 1px #CCC;
	width:auto;
	height:200px;
	overflow-x:hidden;
	overflow-y:auto;
	margin:5px;
	background-color:#FFF;
	}

div.BandaContenedorNoBorde{
	padding:3px;
	width:auto;
	height:200px;
	overflow-x:hidden;
	overflow-y:auto;
	margin:5px;
	}	
	
div.BandaContenedorDis{
	background-color:#F1F2F2;
	color:#D1D3D4;
	}	

div.BandaPrincipal{
    position:relative;
	padding:5px 5px 10px 5px;
	border-bottom:solid 1px #CCCCCC;
	cursor:pointer;
	}
	
div.BandaPrincipalNS{
    position:relative;
	padding:5px 5px 10px 5px;
	border-bottom:solid 1px #CCCCCC;
	}
	
div.BandaPrincipalSelected{
	position:relative;
	padding:5px 5px 10px 5px;
	border-bottom:solid 1px #CCCCCC;
	background-color:#86BFB1;
	cursor:pointer;
	}	
	
div.BandaVista{
    position:relative;
	padding:5px 5px 10px 5px;
	border-bottom:solid 1px #CCCCCC;
	}	
	
div.BandaSilueta{
	background-image:url(../imagenes/silueta_mini.png);
	background-repeat:no-repeat;
	background-position:0% 20%
	}
	
div.BandaClip{
	background-image:url(../imagenes/clip_icono.png);
	background-repeat:no-repeat;
	background-position:0% 20%;
	}	

div.BandaPrincipal:hover{
	background-color:#86BFB1;
	cursor:pointer;
	}	

div.BandaTitulo{
	padding-left:20px;
	font-weight:bold;
	color:#2E5666;
	margin-bottom:5px;
	}	
	
div.BandaChildren{
	color:#666;
	font-size:10px;
	font-weight:normal;
	font-style:italic;
	margin-top:8px;
	margin-left:21px;
	height:15px;
	padding:8px 5px 4px 5px;
	position:relative;
	}

div.BandaChildrenEspecial{
	color:#666;
	font-size:10px;
	font-weight:normal;
	font-style:italic;
	margin-top:8px;
	margin-left:25px;
	/*height:15px;*/
	padding:8px 15px 4px 10px;
	position:relative;
	min-height:12px;
	}

span.Caja{
	background-color:#2E7361;
	color:#FFF;
	width:110px;
	height:110px;
	float:left;
	margin:22px 0px 0px 22px;
	cursor:pointer;
    position:relative;
	}

span.Caja:first-child{
	background-color:#2E7361;
	color:#FFF;
	width:110px;
	height:110px;
	float:left;
	margin:22px;
	cursor:pointer;
	}

span.Caja:hover, span.Cajita:hover{
	background-color:#86BFB1;
	}

span.Caja:hover span.Contador{
	background-color:#2E7361;
	color:#FFF;
	}	

span.Caja:hover span.Nombre, span.Cajita:hover span.Nombre{
	color:#2E7361;
	}

span.Caja:hover span.Nombresote{
    opacity:1;
     left: -280px;
    }

span.Caja span.Contador{
	color:#FFF;
	font-size:14px;
	color:#2E5666;
	width:24px;
	height:21px;
	background-color:#86BFB1;
	text-align:center;
	padding-top:3px;
	}		
	
span.Caja span.Nombre{
	display:inline-block;
	width:100px;
	height:25px;
	margin-top:41px;
	margin-left:51px;
	padding-top:2px;
	text-align:left;
	font-size:11px;
	border-top:1px solid #FFF;
	-webkit-transform: rotate(-90deg);  /* Chrome, Safari 3.1+*/ 
    -moz-transform: rotate(-90deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(-90deg);  /* IE 9 */
    -o-transform: rotate(-90deg);  /* Opera 10.50-12.00 */ 
    transform: rotate(-90deg);  /* Firefox 16+, IE 10+, Opera 12.50+*/
	}

    span.Caja span.Nombresote {
    opacity:0;
    -webkit-transition: opacity 0.3s linear, left 0.3s linear; /* Safari and Chrome */
       -moz-transition: opacity 0.3s linear, left 0.3s linear; /* Firefox */
        -ms-transition: opacity 0.3s linear, left 0.3s linear; /* Internet Explorer */
         -o-transition: opacity 0.3s linear, left 0.3s linear; /* Opera */
            transition: opacity 0.3s linear, left 0.3s linear;
    position: absolute;
    top: 50%;
    left: -330px;
    color: #618A80;
    font-size: 24px;
    text-align: right;
    margin-top: -10px;
    text-align:right;
    width:250px;
    }
	
span.Cajita{
	background-color:#2E7361;
	color:#FFF;
	width:50px;
	height:50px;
	float:left;
	margin:5px 0px 0px 5px;
	cursor:pointer;
	}
	
span.Cajita span.Nombre{
	display: inline-block;
	width: 41px;
	height: 25px;
	margin-top: 14px;
	margin-left: 25px;
	padding-top: 1px;
	text-align: left;
	font-size: 11px;
	border-top: 1px solid #FFF;
	padding-left: 4px;
	-webkit-transform: rotate(-90deg);  /* Chrome, Safari 3.1+*/ 
    -moz-transform: rotate(-90deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(-90deg);  /* IE 9 */
    -o-transform: rotate(-90deg);  /* Opera 10.50-12.00 */ 
    transform: rotate(-90deg);  /* Firefox 16+, IE 10+, Opera 12.50+*/
	}

span.Caja:hover span.Nombre{
	color:#2E7361;
	}

.AspButton {
    width: 51px;
    height: 51px;
    position: absolute;
    margin-top: -41px;
    margin-bottom: 0px;
    background-color: transparent;
    border:none;
    cursor:pointer;
}

span.Servicios{
	background-image:url(../imagenes/servicios_icono.png);
	background-repeat:no-repeat;
	background-position:0% 100%;
	}
	
span.Estadistica{
	background-image:url(../imagenes/estadistica_icono.png);
	background-repeat:no-repeat;
	background-position:0% 100%;
	}
	
span.Agenda{
	background-image:url(../imagenes/agenda_icono.png);
	background-repeat:no-repeat;
	background-position:0% 100%;
	}
	
span.EvaluacionEstadistica{
	background-image:url(../imagenes/evaluacionestadistica_icono.png);
	background-repeat:no-repeat;
	background-position:0% 100%;
	}
	
span.CarpetaEvaluacion{
	background-image:url(../imagenes/carpetaevaluacion_icono.png);
	background-repeat:no-repeat;
	background-position:0% 100%;
	}

span.ConsultaPredeterminada{
    background-image:url(../imagenes/consulta_predeterminada_icono.png);
	background-repeat:no-repeat;
	background-position:0% 100%;
    }

span.ConsultaDinamica{
    background-image:url(../imagenes/consulta_dinamica_icono.png);
	background-repeat:no-repeat;
	background-position:0% 100%;
    }

span.PresentacionPromociones{
    background-image:url(../imagenes/presentacion_promociones_icono.png);
	background-repeat:no-repeat;
	background-position:0% 100%;
    }
	
div.Contenido{
	position:absolute;
	overflow-y:auto;
	padding:10px 10px 10px 10px;
	top:40px;
	right:0px;
	bottom:40px;
	left:0px;
	}

div.CortinillaAbajo{
	border:solid #999 1px;
	margin:5px; 
	bottom:0;
	z-index:1600;
	position:absolute;
	background-color:#FFF;
	background-color:rgba(255,255,255,0.95);
	width:99%;
	height:50%;
	}
	
div.ContenidoCortinillaAbajo{
	z-index:4;
	position:absolute;
	max-height:500px;
	overflow-y:auto;
	padding:20px;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	}
	
div.CortinillaDerecha{
	border:solid #999 1px;
	margin:5px;
	top:50px;
	right:-5px;
	bottom:0px;
	z-index:1600;
	position:absolute;
	background-color:#FFF;
	background-color:rgba(255,255,255,0.95);
	width:0%;
	}
	
div.CortinillaIzquierda{
	border:solid #999 1px;
	margin:5px;
	top:50px;
	bottom:0px;
	left:-70px;
	z-index:1600;
	position:absolute;
	background-color:#FFF;
	background-color:rgba(255,255,255,0.95);
	width:0%;
	}		
	
div.ContenidoCortinillaLaterales{
	z-index:4;
	position:absolute;
	overflow-y:auto;
	padding:20px;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	}	
	
/*DIV BOTONES*/

div.FirmaElectronicaBtn{
	cursor:pointer;
	float:left;
	position:relative;
	width:20px;
	height:20px;
	margin: 3px 0px 3px 0px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/firma_electronica_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

div.CerrarBtn{
	position:absolute;
	top:10px;
	right:10px;
	width:20px;
	height:20px;
	z-index:5;
	background-image:url(/AdministracionJuridicaWeb/Servicios/imagenes/cerrar_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	cursor:pointer; 
	}

.CerrarBtn{
	position:absolute;
	top:10px;
	right:10px;
	width:20px;
	height:20px;
	z-index:5;
	background-image:url(/AdministracionJuridicaWeb/Servicios/imagenes/cerrar_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	cursor:pointer; 
	}

div.AtrasBtn{
	cursor:pointer;
	width:30px;
	height:30px;
	margin:3px 0px;
	background-image:url(../imagenes/atras_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-weight:bold;
	float:left;
	}

div.AtrasBtn:hover{
	background-image:url(../imagenes/atras_hover_btn.png);
	}	

.AtrasBtn{
	cursor:pointer;
	width:30px;
	height:30px;
	margin:3px 0px;
	background-image:url(../imagenes/atras_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	font-weight:bold;
	}

.AtrasBtn:hover{
	background-image:url(../imagenes/atras_hover_btn.png);
	}	

div.AdelanteBtn{
	cursor:pointer;
	width:63px;
	height:19px;
	margin-left:5px;
	margin-right:5px;
	padding:8px 15px 0px 0px;
	background-image:url(../imagenes/adelante_btn.png);
	background-repeat:no-repeat;
	background-position:100% 50%;
	font-weight:bold;
	position:relative;
	left:250px;
	}

div.SiguienteBtn{
	cursor:pointer;
	width:60px;
	height:14px;
	font-size:10px;
	text-align:right;
	padding:3px 25px 3px 0px;
	color:#618A80;
	background-image:url(../imagenes/siguiente_btn.png);
	background-repeat:no-repeat;
	background-position:100% 50%;
	position:absolute;
	}
	
div.SiguienteBtn:hover{
	background-image:url(../imagenes/siguiente_hover_btn.png);
	}

div.BackBtn{
	cursor:pointer;
	width:20px;
	height:20px;
	background-image:url(../imagenes/back_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}
	
div.BackBtn:hover{
	cursor:pointer;
	width:20px;
	height:20px;
	background-image:url(../imagenes/back_hover_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

.BackBtn{
	cursor:pointer;
	width:20px;
	height:20px;
	background-image:url(../imagenes/back_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}
	
.BackBtn:hover{
	cursor:pointer;
	width:20px;
	height:20px;
	background-image:url(../imagenes/back_hover_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}		

div.AnteriorBtn{
	cursor:pointer;
	width:60px;
	height:14px;
	font-size:10px;
	text-align:left;
	padding:3px 0px 3px 25px;
	color:#618A80;
	background-image:url(../imagenes/anterior_btn.png);
	background-repeat:no-repeat;
	background-position:0% 50%;
	position:absolute;
	}

div.AnteriorBtn:hover{
	background-image:url(../imagenes/anterior_hover_btn.png);
	}		

div.AgregarBtn{
	cursor:pointer;
	width:20px;
	height:20px;
	margin:5px;
	background-image:url(../imagenes/agregar_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}
.AgregarBtn{
	cursor:pointer;
	width:20px;
	height:20px;
	margin:5px;
	background-image:url(../imagenes/agregar_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}
	
div.AgregarBandaBtn{
	cursor:pointer;
	width:20px;
	height:20px;
	margin:5px;
	background-image:url(../imagenes/agregar_banda_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	float:right;
	}

div.AgregarBandaBtn:hover{
	background-image:url(../imagenes/agregar_banda_hover_btn.png);
	}
	
div.BasuraBtn{
	cursor:pointer;
	width:20px;
	height:20px;
	margin:5px;
	background-image:url(../imagenes/basura_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	float:right;
	}			
.BasuraBtn{
	cursor:pointer;
	width:20px;
	height:20px;
	margin:5px;
	background-image:url(../imagenes/basura_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	float:right;
	}
div.BasuraBtn:hover{
	background-image:url(../imagenes/basura_hover_btn.png);
	}

div.VistaPreviaBtn{
	cursor:pointer;
	width:20px;
	height:20px;
	margin:5px;
	background-image:url(../imagenes/vistaprevia.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	float:right;
	}			
.VistaPreviaBtn{
	cursor:pointer;
	width:20px;
	height:20px;
	margin:5px;
	background-image:url(../imagenes/vistaprevia.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	float:right;
	}
div.VistaPreviaBtn:hover{
	background-image:url(../imagenes/vistaprevia_hover.png);
	}		
	
div.TareaBtn{
	cursor:pointer;
	width:20px;
	height:20px;
	margin:5px;
	background-image:url(../imagenes/tarea_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	float:right;
	}			

div.TareaBtn:hover{
	background-image:url(../imagenes/tarea_hover_btn.png);
	}
	
div.BackBtn{
	cursor:pointer;
	width:20px;
	height:20px;
	background-image:url(../imagenes/back_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}
	
div.BackBtn:hover{
	cursor:pointer;
	width:20px;
	height:20px;
	background-image:url(../imagenes/back_hover_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}	

/*DIV BOTONES HERRAMIENTAS*/

div.aceptarBtn{
	cursor:pointer;
	width:20px;
	height:20px;
	background-image:url(../imagenes/aceptar_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

div.aceptarBtn:hover{
	background-image:url(../imagenes/aceptar_hover_btn.png);
	}

div.buscarBtn{
	cursor:pointer;
	width:25px;
	height:25px;
	margin: 3px;
	background-image:url(../imagenes/buscar_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

div.buscarBtn:hover{
	background-image:url(../imagenes/buscar_hover_btn.png);
	}
	
.buscarBtn{
	cursor:pointer;
	width:25px;
	height:25px;
	margin: 3px;
	background-image:url(../imagenes/buscar_btn.png);
	background-repeat:no-repeat;
	background-position:50% 40%;
	border:none;
	}

.buscarBtn:hover{
	background-image:url(../imagenes/buscar_hover_btn.png);
	}	

div.guardarBtn{
	cursor:pointer;
	float:left;
	position:relative;
	width:30px;
	height:30px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/guardar_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

div.guardarBtn:hover{
	background-image:url(../imagenes/guardar_hover_btn.png);
	}

.guardarBtn{
	cursor:pointer;
	position:relative;
	width:30px;
	height:30px;
    margin: 3px 0px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/guardar_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

.guardarBtn:hover{
	background-image:url(../imagenes/guardar_hover_btn.png);
	}
	
div.guardarPersonajesBtn{
	cursor:pointer;
	float:left;
	position:relative;
	width:30px;
	height:30px;
	margin: 3px 0px 3px 0px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/guardar_personajes_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

div.guardarPersonajesBtn:hover{
	background-image:url(../imagenes/guardar_personajes_hover_btn.png);
	}	

div.editarBtn{
	cursor:pointer;
	float:left;
	position:relative;
	width:30px;
	height:50px;
	margin: 0px 3px 0px 3px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/editar_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

div.editarBtn:hover{
	background-image:url(../imagenes/editar_hover_btn.png);
	}

div.cancelarBtn{
	cursor:pointer;
	float:right;
	position:relative;
	width:20px;
	height:20px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/cancelar_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}
	
div.cancelarBtn:hover{
	background-image:url(../imagenes/cancelar_hover_btn.png);
	}
	
div.ayudaBtn{
	cursor:pointer;
	float:left;
	position:relative;
	width:20px;
	height:21px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/ayuda_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}			
	
div.ayudaBtn:hover{
	background-image:url(../imagenes/ayuda_hover_btn.png);
	}

	
div.homeBtn{
	cursor:pointer;
	float:left;
	width:60px;
	height:50px;
	margin-right:10px;
	background-color:#FFF;
	background-image:url(../imagenes/home_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

div.homeBtn:hover{
	background-image:url(../imagenes/home_hover_btn.png);
	}
	
div.expedienteBtn{
	cursor:pointer;
	float:left;
	position:relative;
	width:30px;
	height:30px;
	margin: 0px 10px 0px 3px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/expediente_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

div.expedienteBtn:hover{
	color:#86BFB1;
	background-image:url(../imagenes/expediente_hover_btn.png);
	}		

div.documentoBtn{
	cursor:pointer;
	float:left;
	position:relative;
	width:20px;
	height:30px;
	margin: 0px 10px 0px 3px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/documento_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

div.documentoBtn:hover{
	color:#86BFB1;
	background-image:url(../imagenes/documento_hover_btn.png);
	}		

div.reportesBtn{
	cursor:pointer;
	float:left;
	position:relative;
	width:30px;
	height:30px;
	margin: 0px 10px 0px 3px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/reportes_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

div.reportesBtn:hover{
	color:#86BFB1;
	background-image:url(../imagenes/reportes_hover_btn.png);
	}
	
div.notificacionBtn{
	cursor:pointer;
	float:left;
	position:relative;
	width:80px;
	height:50px;
	margin: 0px 3px 0px 3px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/notificacion_btn.png);
	background-repeat:no-repeat;
	background-position:50% 25%;
	}

div.notificacionBtn:hover{
	color:#86BFB1;
	background-image:url(../imagenes/notificacion_hover_btn.png);
	}
	
div.NotificarBtn{
    float:left;
    width:20px;
    height:30px;
    background-image:url(../imagenes/notificar_btn.png);
    background-position:50% 50%;
    background-repeat:no-repeat;
    cursor:pointer;
    }
 
div.NotificarBtn:hover{
    background-image:url(../imagenes/notificar_hover_btn.png);
    }
   
div.AceptarAcuerdoBtn{
    float:left;
    width:20px;
    height:30px;
    background-image:url(../imagenes/aceptar_acuerdo_btn.png);
    background-position:50% 50%;
    background-repeat:no-repeat;
    cursor:pointer;
    }
 
div.AceptarAcuerdoBtn:hover{
    background-image:url(../imagenes/aceptar_acuerdo_hover_btn.png);
    }     
  
div.RechazarAcuerdoBtn{
    float:left;
    width:20px;
    height:30px;
    background-image:url(../imagenes/rechazar_acuerdo_btn.png);
    background-position:50% 50%;
    background-repeat:no-repeat;
    cursor:pointer;
    }
 
div.RechazarAcuerdoBtn:hover{
    background-image:url(../imagenes/rechazar_acuerdo_hover_btn.png);
    }          

div.ReciboBtn{
	cursor:pointer;
	float:left;
	position:relative;
	width:30px;
	height:30px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/recibo_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}
						
div.ReciboBtn:hover{
	background-image:url(../imagenes/recibo_hover_btn.png);
	}

div.EntrarBtn{
	cursor:pointer;
	float:left;
	width:20px;
	height:30px;
	color:#618A80;
	font-size:10px;
	background-image:url(../imagenes/entrar_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

div.EntrarBtn:hover{
	color:#86BFB1;
	background-image:url(../imagenes/entrar_hover_btn.png);
	}

div.CargarExistenteBtn{
	cursor:pointer;
	float:left;
	width:20px;
	height:30px;
	color:#618A80;
	font-size:10px;
	background-image:url(../imagenes/promocionex_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

div.CargarExistenteBtn:hover{
	color:#86BFB1;
	background-image:url(../imagenes/promocionex_hover_btn.png);
	}
	
div.GenerarBtn{
    margin: 0px 3px;
	cursor:pointer;
	width:40px;
	height:20px;
	background-image:url(../imagenes/generar_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

div.GenerarPDF{
    margin: 0px 3px;
	cursor:pointer;
	width:40px;
	height:20px;
	background-image:url(../imagenes/generar_pdf.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}
div.GenerarBtn:hover{
	background-image:url(../imagenes/generar_hover_btn.png);
	}
	
div.CsvBtn{
    margin: 0px 3px;
	cursor:pointer;
	width:40px;
	height:20px;
	background-image:url(../imagenes/csv_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-color:#BFD730;
	}

div.CsvBtn:hover{
	background-image:url(../imagenes/csv_hover_btn.png);
	}
	
.NuevoBtn{
    margin: 0px 3px;
	cursor:pointer;
	width:40px;
	height:20px;
	background-image:url(../imagenes/nuevo_documento_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

.NuevoBtn:hover{
	background-image:url(../imagenes/nuevo_documento_hover_btn.png);
	}

div.LimpiarBtn{
    margin: 0px 3px;
	cursor:pointer;
	width:40px;
	height:20px;
	background-image:url(../imagenes/limpiar_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	}

div.LimpiarBtn:hover{
	background-image:url(../imagenes/limpiar_hover_btn.png);
	}

div.AyudaBg {
    background-image:url(../imagenes/ayuda_bg.png);
    background-position:110% 120%;
    background-repeat: no-repeat;
    border:1px dashed #86BFB1;
    min-width: 150px;
    height: 175px;
    position: absolute;
    left: 50%;
    right: 25px;
    top: 55px;
    padding: 10px;
    text-align: justify;
    overflow-y:auto;
}

/*BOTONES DUVALIN*/	

input.BuscarDuval{
	width: 127px;
    height: 27px;
    background-image: url(../imagenes/buscar_duvalin.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding-left: 30px;
    margin: 3px;
    cursor: pointer;
    border: 1px solid #999999;
    text-align: left;
    color:#2E5666;
	}
	
input.BuscarDuval:hover{
	background-image:url(../imagenes/buscar_duvalin_hover.png);
	color:#FFFFFF;
	}
	
input.GuardarDuval{
	width: 127px;
    height: 27px;
    background-image: url(../imagenes/guardar_duvalin.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding-left: 30px;
    margin: 3px;
    cursor: pointer;
    border: 1px solid #999999;
    text-align: left;
    color:#2E5666;
	}

input.GuardarDuval:hover{
	background-image:url(../imagenes/guardar_duvalin_hover.png);
	color:#FFFFFF;
	}	

input.ComentarDuval{
	width: 127px;
    height: 27px;
    background-image: url(../imagenes/comentarios_duvalin.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding-left: 30px;
    margin: 3px;
    cursor: pointer;
    border: 1px solid #999999;
    text-align: left;
    color:#2E5666;
	}

input.ComentarDuval:hover {
    background-image: url(../imagenes/comentarios_duvalin_hover.png);
    color:#FFFFFF;
}

input.CancelarDuval{
	width: 127px;
    height: 27px;
    background-image: url(../imagenes/cancelar_duvalin.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding-left: 30px;
    margin: 3px;
    cursor: pointer;
    border: 1px solid #999999;
    text-align: left;
    color:#2E5666;
	}

input.CancelarDuval:hover {
    background-image: url(../imagenes/cancelar_duvalin_hover.png);
    color:#FFFFFF;
}

input.EliminarDuval{
	width: 127px;
    height: 27px;
    background-image: url(../imagenes/eliminar_duvalin.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding-left: 30px;
    margin: 3px;
    cursor: pointer;
    border: 1px solid #999999;
    text-align: left;
    color:#2E5666;
	}

input.EliminarDuval:hover {
    background-image: url(../imagenes/eliminar_duvalin_hover.png);
    color:#FFFFFF;
}								

input.ContinuarDuval{
	width: 127px;
    height: 27px;
    background-image: url(../imagenes/continuar_duvalin.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding-left: 30px;
    margin: 3px;
    cursor: pointer;
    border: 1px solid #999999;
    text-align: left;
    color:#2E5666;
	}

input.ContinuarDuval:hover {
    background-image: url(../imagenes/continuar_duvalin_hover.png);
    color:#FFFFFF;
}	

/*LABELS*/

label.cerrarSesionBtn{
	cursor:pointer;
	color:#618A80;
	font-weight:bold;
	background-image:url(../imagenes/cancelar_btn.png);
	background-repeat:no-repeat;
	background-position:100% 60%;
	padding-right:20px;
	}
	
label.cerrarSesionBtn:hover{
	color:#86BFB1;
	font-weight:bold;
	background-image:url(../imagenes/cancelar_hover_btn.png);
	background-repeat:no-repeat;
	}

label.TituloPanel{
	color:#618A80;
	font-size:12px;
	display:inline-block;
	margin-top:4px;
	}

label.BandaInfo{
	padding-left:10px;
	padding-right:10px;
	border-left:1px solid #86BFB1;
	}

label.Etiqueta1 {
	background-color:#A33E54;
	color:#FFFFFF;
	padding:5px;
	margin:5px;	
	display:inline-block;   
	cursor:pointer;
	border-radius:10px 10px 10px 10px;
}

div.BandaInfo{
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:2px;
	border-right:5px solid #86BFB1;
	width:auto;
	height:30px;
	text-align:right;
	background-color:#F7F8F9;
	padding:10px;
	}	

div.BandaChildren label.BandaInfo{
	float:right;
	padding-left:5px;
	padding-right:10px;
	border-left:none;
	color:#2E5666;
	font-weight:bold;
	}
	
div.BandaChildren span.BandaInfo{
	float:right;
	padding-left:5px;
	padding-right:10px;
	border-left:none;
	color:#2E5666;
	font-weight:bold;
	}

div label.BandaInfo:first-child{
	padding-left:5px;
	padding-right:10px;
	border-left:none;
	}
	
div label.BandaInfo:last-child{
	border-right:1px solid #86BFB1;
	}
	
div label.BandaInfoRenglon{
	padding-left:5px;
	padding-right:10px;
	border-left:none;
	}
	
div span.BandaInfo:last-child{
	border-left:1px solid #86BFB1;
	border-right:1px solid #86BFB1;
	}						


/*INPUT*/

textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:5px;
	/*width:300px;
	height:70px;*/
	border-style:solid;
	border-width:thin;
	border-color:#CCC;
	resize:none;
	}
	
input {
	font-size:10px;
	border: thin solid #CCC;
    width:147px;
	padding:5px;
	margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
}
.inputFirma {
	font-size:10px;
	border: thin solid #CCC;
    width:147px;
	padding:5px;
	margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
user {
	border: thin solid #CCC;
    width:147px;
	padding:5px;
	margin:5px 0px 5px 0px;
}
input.radio{
	width:inherit;
	height:inherit;
	padding:5px;
	border:none;
	}
input[type="radio"]{
    width:inherit;
    height:inherit;
    border:none;
    margin: 0px 5px;
}	

select{
	font-size:10px;
	height:25px;
	width:212px;
	padding:3px;
	border-style:solid;
	border-width:thin;
	border-color:#CCC;
	margin:5px 0px 5px 0px;
	}

/*LOADING*/
.Login_divLogo
{
    display:block;
    background-color:#FFF; 
    color:#FFF;
    height:300px;
    position:absolute;
    left:0%;   
    width:60%;  
    top:30%; 
}

.Login_imgLogo
{
    display:block;
    right:10px;
    top:15px;
    text-align:right;
    position:absolute;
}

.Login_frmLogin
{
    display:block;
    height:300px;
    position:absolute;
    right:5%;   
    width:30%;  
    top:30%; 
}

.Login_divLegal
{
    display:block;
    position:absolute;
    bottom:5px;
    text-align:right;
    font-size:10px;
    right:5px;
}

#restart{
display:none;
text-align:center;
}
#loadingZone{
margin:0 auto;
width:500px;
text-align:center;
}
#loadingBar{
border:none;
height:10px;
text-align:left;
line-height:0;
margin:0;
padding:0;
overflow:hidden; /*fix for IE 6*/
}
#progressBar{
height:10px;
line-height:0;
margin:0;
padding:0;
background:#86BFB1;
width:0%;
}
#loadingSms{
float:left;
padding:10px 2px;
}
#infoProgress{
float:right;
padding:10px 2px;
}
#infoLoading{
padding:10px;
font-size:10px;
}


/*////////////////////// MENSAJES ////////////////// */

div.Mensaje
{
    position:absolute; z-index:10003; 
	padding:20px;
	opacity:.9;
	bottom:15px;right:15px; display:none;
	border-width:0px;
	background-image:url(../imagenes/fondoGris.png);
	border-radius:15px 15px 15px 15px;
    -o-border-radius:15px 15px 15px 15px;
    -webkit-border-radius:15px 15px 15px 15px;
    -mz-border-radius:15px 15px 15px 15px;
    border:1px solid #999;
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5); 
}

/*/////////CALENDARIO///////////////*/

ul, ol {
	padding:0;
	margin:0 0 10px 25px
}
ul ul, ul ol, ol ol, ol ul {
	margin-bottom:0
}
li {
	line-height:20px
}
ul.unstyled, ol.unstyled {
	margin-left:0;
	list-style:none
}
ul.inline, ol.inline {
	margin-left:0;
	list-style:none
}
ul.inline>li, ol.inline>li {
	display:inline-block;
	padding-right:5px;
	padding-left:5px
}
dl {
	margin-bottom:20px
}
dt, dd {
	line-height:20px
}
dt {
	font-weight:bold
}
dd {
	margin-left:10px
}
.dl-horizontal {
*zoom:1
}
.dl-horizontal:before, .dl-horizontal:after {
	display:table;
	line-height:0;
	content:""
}
.dl-horizontal:after {
	clear:both
}
.dl-horizontal dt {
	float:left;
	width:160px;
	overflow:hidden;
	clear:left;
	text-align:right;
	text-overflow:ellipsis;
	white-space:nowrap
}
.dl-horizontal dd {
	margin-left:180px
}

.input-append, .input-prepend {
	margin-bottom:5px;
	font-size:0;
	white-space:nowrap
}

.input-append .add-on, .input-prepend .add-on {
	display:inline-block;
	width:auto;
	height:17px;
	min-width:16px;
	padding:4px 5px;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	background-color:#F9AE41;
	/*border:1px solid #ccc;*/
	margin-bottom:-9px;
}

.input-append .active, .input-prepend .active {
	background-color:#a9dba9;
	border-color:#46a546
}
.input-prepend .add-on, .input-prepend .btn {
	margin-right:-1px
}

[class^="icon-"], [class*=" icon-"] {
display:inline-block;
width:20px;
height:20px;
background-position:14px 14px;
background-repeat:no-repeat
}

.icon-time {
	background-image:url(../imagenes/reloj.png);
	background-position:50% 50%;
}

.icon-calendar {
	background-image:url(../imagenes/calendario.png);
	background-position:50% 50%;
}

.icon-chevron-up {
	background-image:url(../imagenes/agregar_banda_hover_btn.png);
	background-position:50% 50%;
}
.icon-chevron-down {
	background-image:url(../imagenes/menos.png);
	background-position:50% 50%;
}
.dropup, .dropdown {
	position:relative
}
.dropdown-toggle {
*margin-bottom:-3px
}
.dropdown-toggle:active, .open .dropdown-toggle {
	outline:0
}

.dropdown-menu {
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:160px;
	padding:5px 0;
	margin:2px 0 0;
	list-style:none;
	background-color:#fff;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,0.2);
*border-right-width:2px;
*border-bottom-width:2px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box
}

.dropdown-menu li>a {
	display:block;
	padding:3px 20px;
	clear:both;
	font-weight:normal;
	line-height:20px;
	color:#333;
	white-space:nowrap;
	cursor:pointer;
}
.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-submenu:hover>a {
	color:#fff;
	text-decoration:none;
	background-color:#f1f2f2;
}
.dropdown-menu .active>a, .dropdown-menu .active>a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#0081c2;
	background-image:-moz-linear-gradient(top, #08c, #0077b3);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
	background-image:-webkit-linear-gradient(top, #08c, #0077b3);
	background-image:-o-linear-gradient(top, #08c, #0077b3);
	background-image:linear-gradient(to bottom, #08c, #0077b3);
	background-repeat:repeat-x;
	outline:0;
}
.dropdown-menu .disabled>a, .dropdown-menu .disabled>a:hover {
	color:#999
}
.dropdown-menu .disabled>a:hover {
	text-decoration:none;
	cursor:default;
	background-color:transparent;
	background-image:none;
}
.open {
*z-index:1000
}
.open>.dropdown-menu {
	display:block
}
.pull-right>.dropdown-menu {
	right:0;
	left:auto
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
	border-top:0;
	border-bottom:4px solid #000;
	content:""
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
	top:auto;
	bottom:100%;
	margin-bottom:1px
}
.dropdown-submenu {
	position:relative
}
.dropdown-submenu>.dropdown-menu {
	top:0;
	left:100%;
	margin-top:-6px;
	margin-left:-1px;
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px
}
.dropdown-submenu:hover>.dropdown-menu {
	display:block
}
.dropup .dropdown-submenu>.dropdown-menu {
	top:auto;
	bottom:0;
	margin-top:0;
	margin-bottom:-2px;
	-webkit-border-radius:5px 5px 5px 0;
	-moz-border-radius:5px 5px 5px 0;
	border-radius:5px 5px 5px 0
}
.dropdown-submenu>a:after {
	display:block;
	float:right;
	width:0;
	height:0;
	margin-top:5px;
	margin-right:-10px;
	border-color:transparent;
	border-left-color:#ccc;
	border-style:solid;
	border-width:5px 0 5px 5px;
	content:" "
}
.dropdown-submenu:hover>a:after {
	border-left-color:#fff
}
.dropdown-submenu.pull-left {
	float:none
}
.dropdown-submenu.pull-left>.dropdown-menu {
	left:-100%;
	margin-left:10px;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px
}

.collapse {
	position:relative;
	height:0;
	overflow:hidden;
	-webkit-transition:height .35s ease;
	-moz-transition:height .35s ease;
	-o-transition:height .35s ease;
	transition:height .35s ease
}
.collapse.in {
	height:auto
}


/*//////MAS CALENDARIO//////*/

.clearfix {
*zoom:1
}
.clearfix:before, .clearfix:after {
	display:table;
	content:"";
	line-height:0
}
.clearfix:after {
	clear:both
}
.hide-text {
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0
}
.input-block-level {
	display:block;
	width:100%;
	min-height:30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.bootstrap-datetimepicker-widget {
	top:0;
	left:0;
	width:250px;
	padding:4px;
	margin-top:1px;
	z-index:3000;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.bootstrap-datetimepicker-widget:before {
	content:'';
	display:inline-block;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	border-top:7px solid #ccc;
	border-bottom-color:rgba(0,0,0,0.2);
	position:absolute;
	top:260px;
	left:6px
}
.bootstrap-datetimepicker-widget:after {
	content:'';
	display:inline-block;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	border-top:6px solid #fff;
	position:absolute;
	top:259px;
	left:7px
}
.bootstrap-datetimepicker-widget.pull-right:before {
	left:auto;
	right:6px
}
.bootstrap-datetimepicker-widget.pull-right:after {
	left:auto;
	right:7px
}
.bootstrap-datetimepicker-widget>ul {
	list-style-type:none;
	margin:0
}
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
	width:100%;
	font-weight:bold;
	font-size:1.2em
}
.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
	width:4px;
	padding:0;
	margin:0
}
.bootstrap-datetimepicker-widget .datepicker>div {
	display:none
}
.bootstrap-datetimepicker-widget .picker-switch {
	text-align:center
}
.bootstrap-datetimepicker-widget table {
	width:100%;
	margin:0
}
.bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th {
	text-align:center;
	width:20px;
	height:20px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding-bottom:3px;
	padding-top:3px;
}
.bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover {
	background:#eee;
	cursor:pointer
}
.bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new {
	color:#999
}
.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover {
	color:#fff;
	background-color:#5CB6D5;
	border-color:#04c #04c #002a80;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25)
}
.bootstrap-datetimepicker-widget td.active:hover, .bootstrap-datetimepicker-widget td.active:hover:hover, .bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active, .bootstrap-datetimepicker-widget td.active.disabled, .bootstrap-datetimepicker-widget td.active:hover.disabled, .bootstrap-datetimepicker-widget td.active[disabled], .bootstrap-datetimepicker-widget td.active:hover[disabled] {
	color:#fff;
	background-color:#F9AE41;
*background-color:#F9AE41
}
.bootstrap-datetimepicker-widget td.active:active, .bootstrap-datetimepicker-widget td.active:hover:active, .bootstrap-datetimepicker-widget td.active.active, .bootstrap-datetimepicker-widget td.active:hover.active {
	background-color:#F9AE41;
	color:#2E5666;
}
.bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover {
	background:0;
	color:#999;
	cursor:not-allowed
}
.bootstrap-datetimepicker-widget td span {
	display:block;
	width:47px;
	height:54px;
	line-height:54px;
	float:left;
	margin:2px;
	cursor:pointer;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px
}
.bootstrap-datetimepicker-widget td span:hover {
	background:#eee
}
.bootstrap-datetimepicker-widget td span.active {
	color:#fff;
	background-color:#2E5666;
	border-color:#04c #04c #002a80;
	border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25)
}
.bootstrap-datetimepicker-widget td span.active:hover, .bootstrap-datetimepicker-widget td span.active:active, .bootstrap-datetimepicker-widget td span.active.active, .bootstrap-datetimepicker-widget td span.active.disabled, .bootstrap-datetimepicker-widget td span.active[disabled] {
	color:#fff;
	background-color:#F9AE41;
*background-color:#F9AE41;
color:#2E5666;
}
.bootstrap-datetimepicker-widget td span.active:active, .bootstrap-datetimepicker-widget td span.active.active {
	background-color:#F9AE41;
	color:#2E5666;
}
.bootstrap-datetimepicker-widget td span.old {
	color:#999
}
.bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover {
	background:0;
	color:#999;
	cursor:not-allowed
}
.bootstrap-datetimepicker-widget th.switch {
	width:145px
}
.bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev {
	font-size:19px;
}
.bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover {
	background:0;
	color:#999;
	cursor:not-allowed
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
	cursor:pointer
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
	background:#eee
}
.input-append.date .add-on i, .input-prepend.date .add-on i {
	display:block;
	cursor:pointer;
	width:20px;
	height:18px
}
.bootstrap-datetimepicker-widget.left-oriented:before {
	left:auto;
	right:6px
}
.bootstrap-datetimepicker-widget.left-oriented:after {
	left:auto;
	right:7px
}

/*LINEAS DE TIEMPO*/

span.Mes, span.Anio{
	height:20px;
	padding-top:7px;
	font-size:20px;
	color:#2E5666;
	text-align:center;
	border:1px solid #666;
	display:inline-block;
	margin-left:-1px;
	}

span.Linea{
	height:15px;
	padding:15px 0px 5px 0px;
	color:#FFFFFF;
	display:inline-block;
	border:1px thin #FFFFFF;
	margin-left:-1px;
	overflow-x:hidden;
	}
	
div.Tooltip{
	z-index:1000;
	width:auto; 
	height:40px; 
	position:absolute; 
	background-color:#f1f2f2; 
	border:dashed 1px #999; 
	display:none;
	color:#2E5666;
	padding:10px;
	}
	
div.Wrapper
{
    clear:both;
}

span.Linea{
	height:15px;
	padding:10px 0px 10px 0px;
	color:#FFFFFF;
	display:inline-block;
	border:1px thin #FFFFFF;
	margin-left:-1px;
	overflow-x:hidden;
	}
	
span.Periodo1{
	background-color:#9ABCD8;
    color: #10608C;
	}
	
span.Periodo2{
	background-color:#F9ED32;
    color: #2E5666;
	}
	
span.Periodo3{
	background-color:#F6ADCD;
	}
	
span.Periodo4{
	background-color:#10608C;
	}
	
span.Periodo5{
	background-color:#66CC33;
	}
	
span.Periodo6{
	background-color:#CCCCCC;
    color: #333333;
	}
	
span.Periodo7{
	background-color:#C2B59B;
	}
	
span.Periodo8{
	background-color:#000000;
	}

span.Periodo9{
	background-color:#FFFFFF;
	outline: 1px dashed #CCCCCC;
	outline-offset: -4px;
	color:#999999;
	}
	
span.Periodo10{
	background-color:#2E7361;
	}


 .progressBackgroundFilter { 
    z-index:1000;
	background-color:white;
	width:3000px;
	height:3000px; 
	position:fixed;
	top:0px;
	left:0px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity:0.800000011920928955078125;
} 
.processMessage {  
    position:fixed;  
    top:38%;  
    left:40%; 
    padding:10px; 
    width:14%; 
    z-index:1001;  
}

div.luzAmarilla{
    float:left;
	width:25px;
	height:57px;
	background-image:url(../imagenes/luz_amarilla.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
    margin-top:10px;
}

div.luzVerde{
    float:left;
	width:25px;
	height:57px;
	background-image:url(../imagenes/luz_verde.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
    margin-top:10px;
}

div.luzRoja{
    float:left;
	width:25px;
	height:57px;
	background-image:url(../imagenes/luz_roja.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
    margin-top:10px;
}

div.BasuraEstaBtn{
	cursor:pointer;
	width:20px;
	height:20px;
	margin:5px;
	background-image:url(../imagenes/basura_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	float:right;
}

div.guardarEstaBtn{
	cursor:pointer;
	float:right;
	position:relative;
	width:30px;
	height:30px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/guardar_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}

div.DescargarReporteBtn{
	cursor:pointer;
	float:right;
	position:relative;
	width:30px;
	height:30px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/descargar.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}

div.ExcelBtn{
	cursor:pointer;
	float:right;
	position:relative;
	width:30px;
	height:30px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/excel_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}

div.PdfBtn{
	cursor:pointer;
	float:right;
	position:relative;
	width:30px;
	height:30px;
	color:#FFF;
	font-size:10px;
	background-image:url(../imagenes/pdf_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}