html, body
{
    height:100%;
}
    
.bodyLogin {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(../../imagenes/fondo_principal.png);
    background-repeat: repeat;    
}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px; 
}

form {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px; 
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px; 
}

/* Cajas De Texto */
.cajas_texto {font-family:Arial, sans-serif; color:#333333; font-size:12px; border:1px solid #999999;}
/* Cajas De Texto Tipo TextArea */
.cajas_texto_area {font-family:Arial, sans-serif; color:#333333; font-size:12px; border:1px solid #999999;height:inherit}
/*Cajas de texto Positiva*/
.cajas_convocados {font-family:Arial, sans-serif; color:#333333; font-size:12px; border:1px solid #999999;}
/* Textos */
.mensajeHtml{ text-align:center; background-color:transparent; color:#F29400; font-size:large; font-family:Arial; }
.textoIndexBlancoNegrita {font-family:Arial, sans-serif; color:#ffffff; font-weight:bold; font-size:12px;}
.textoCerrarVentana {font-family:Arial, sans-serif; color:#b1331d; font-weight:bold; font-size:12px;}
.textoProductos {font-family:Arial, sans-serif; color:#FE9007; font-weight:bold; font-size:12px;}
.cont{	font-family:Arial;	font-size: 11px; text-decoration:none; color:#333333;}
.contNaranja { font-family:Arial;	font-size: 14px; text-decoration:none; color:#FE9007;}
.contRojo { font-family:Arial;	font-size: 11px; text-decoration:none; color:#FF0000;}
.contRojoOs { font-family:Arial;	font-size: 11px; text-decoration:none; color:#b1331d;}
.contVerd { font-family:Arial;	font-size: 11px; text-decoration:none; color:#0000FF;}
.colVerd {
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
    color: green;
}
.texto {font-family:Arial, sans-serif; color:#333333; font-size:12px;}
.textNaranja { font-family:Arial;	font-size: 12px; color:#FE9007; font-weight:bolder;}
.textoBlanco {font-family:Arial, sans-serif; color:#ffffff; font-size:12px;}
.textoIndex {font-family:Arial, sans-serif; color:#666666; font-size:12px;}
.textoTitulo {font-family:Arial, sans-serif; color:#999999; font-size:13px;}
.textoCont {font-family:Arial, sans-serif; color:#333333; font-size:12px;}
.textoCont th{border-color:#CCCCCC;border-style:ridge;border-width:1px; background-color:#F29400; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; }
.textoCont td{border-color:#CCCCCC;border-style:ridge;border-width:1px; font-family: Arial; font-size: 12px; color:#333333;}

.textoTituloServicios {font-family:Arial, sans-serif; color:#FF9900; font-size:14px;}
.tipheader {background-color: #F69400; color: #ffffff; font-weight: bold; font-size: 14px; font-family: arial;}
.tipheaderIN {background-color: #F69400; color: #ffffff; font-weight: bold; font-size: 18px; font-family: arial;}

/* botones */
.boton {font-family:Arial, sans-serif; color:#333333; font-size:12px;}

/* mascaras en cajas texto */
.mascara {	color:#BAB9B8;	font-family: Arial;	font-weight:normal;	font-style:italic;	text-align: left;	font-size: small; }

/* gridview */
.grillas{ border-color:#CCCCCC; font-size:11px; border-width:1px;border-style:solid; font-family:Arial }
.grillas>tbody>tr>th{border-color:#CCCCCC;border-style:solid;border-width:1px; background-color:#F29400; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:10px; padding:1px 2px;}
.grillas>tbody>tr>td{border-color:#CCCCCC;border-style:solid;border-width:1px; font-family: Arial; font-size: 10px; color:#333333; padding:1px 2px;}
.griLinksRight{padding-right:6px; text-decoration:underline; cursor:pointer;}
.griTextRight{padding-right:6px;}
.grillasFndAma { background-color:#FFF1DD}
.grillasFndBla { background-color:#FFFFFF}
.grillasFndGri { background-color:#EEEEEE}
.grillasFndRoj { background-color:#FF0000}

/* gridview anidado */

.subGrilla { border:none; border-collapse:collapse; empty-cells:show; width:100%; margin:0px auto;}
.subGrilla th { border:none; border-bottom:1px solid #CCC; border-right:1px solid #CCC;font-family: Arial; font-size: 10px; color:#333333; font-weight: bold; text-align:center; background-color:#FFF; padding:1px 2px;}
.subGrilla td { border:none; border-bottom:1px solid #CCC; border-right:1px solid #CCC;font-family: Arial; font-size: 10px; color:#333333; padding:1px 2px;}
.subGrilla tr td:last-child { border-right:none; }
.subGrilla tr:last-child td { border-bottom:none; }

.GridTblTh{ background-color:#D6D6D6; color: #3F3F3F; font-family:Arial; font-size:11px; border-width:1px; border-style:solid; font-weight:bold; padding-left:2px; padding-right:2px;}
.GridTblTd{ background-color:#F1F0F0; color: #6A6B6B; font-family:Arial; font-size:11px; vertical-align:middle; padding-left:2px; padding-top:4px; padding-bottom:4px;  padding-right:2px;}

/* estilo formulario de informe de gestion */
.tblForm1 {
	width:100%; empty-cells:show; border:none;
	border-collapse:separate;
}

.tblForm1 th, .tblForm1 td {
	width:33%; border:1px dotted #CCC; padding:2px 5px;
	text-align:left; font-family:Tahoma; font-size:11px;
}

.tblForm1 th {
	width:17%; text-align:right; background-color:#FFF; 
	font-weight:bold;
}

.btnHabil {color:#FE9007; padding:2px; font-weight:bold;}
.btnDesHabil {color:#999; padding:2px; font-weight:bold;}
.divTitulo {
    color:#FE9007; border-bottom:2px solid #FE9007; font-size:14px; 
    font-weight:bold; margin-bottom:10px; padding:3px 0px;
}
.divAlerta {
    margin-top:5px; padding:5px; border:1px solid #FC0; background-color:#FFFFD2;    
}
/*[DIEGO FAJARDO][25/06/2012] Se implementa clase que se mostrara en link para mensaje en los reportes*/
.linkMensaje{
    color:#3399ff;
}
.punteroLink{
    cursor: pointer;
}
/*[DIEGO FAJARDO][26/06/2012] Estilos para menu en base a un listado (ul - li)*/
.menuListado {
    /*margin:auto;*/
    padding-top:5px;   
    height:25px;
    /*float: left;*/
    font-family: Arial;
    font-size: 12px;
}
.menuListado ul {
    list-style:none;
    margin:0px;
    /*padding:0px;*/
    padding-left: 0px;
    
    text-align:center;
}
.menuListado ul li {
    float:left;
    padding:0px 6px 0px 6px;
    border-color: #CCCCCC;
    border-style: dotted solid dotted dotted;
    border-width: 1px 2px 1px 1px;
    color: #666666;
    text-transform: lowercase;
    
    display: inline-block; 
    display: -moz-inline-stack; /* hack FF 2 */
    *display: inline; /* hack IE 7 */
}

/*[DIEGO FAJARDO][30/06/2012] Codigo de actividad para el listado de un plan*/
.codactiv{
    padding :0px 2px;
    background-color: #DDDDDD;
    font-weight: bolder;
    margin-right: 2px;
    cursor: help;
}
/*[DIEGO FAJARDO][03/07/2012] Se incorporan estilos independientes */
.negrita{
    font-weight: bold;
}
/*Diego Fajardo Estilos de los titulos que indican la razon socila o de quin son los programas*/
.titflotante{
    float: left;
    margin-left: 10px;
    position: absolute;
    margin-top: 2px;
}
.titflotante div{
    float: left;
    margin-left: 5px;
}
.titflotante label{
    float: left;
    color: #333333;
    font-size: 14px;
    font-family: Arial, sans-serif;
}
/*Diego Fajardo - Clase contenedora de la imagen del "candado"*/
.btn_candado {
    background-repeat:no-repeat;
    display:inline-block;
    cursor:pointer;
    border-style:none;
    background-color:transparent;
    background-image:url(../../imagenes/candado1.png);
    width:25px;
    height:29px;
    text-indent :-10000px;
}
/*Diego Fajardo - Clases para ampliar espacios en la razon social de la empresa */
.celda_cerrarventana{
    padding-bottom: 5px;
    border-bottom: 1px dotted #999999;
}
.celda_flotante{
    padding-top: 10px;
}
/*Diego Fajardo - Clase contenedora de la imagen del "candado" - SOLO LECTURA */
.clase_lectura {
    background-repeat:no-repeat;
    display:inline-block;
    border-style:none;
    background-color:transparent;
    background-image:url(../../imagenes/candado1.png);
    width:30px;
    height:30px;
}
/*Diego Fajardo - Clase que controla las cabeceras del listado de tarifas*/
.head_list_tarifas{border-color:#CCCCCC;border-style:ridge;border-width:1px; font-family: Arial; font-size: 11px; color:#333333;background-color:#FFFFFF; padding:2px;}
/*Diego Fajardo - Clase para el mensaje de empresa no Efectiva*/
.contazul { font-family:Arial;	font-size: 11px; text-decoration:none; color:#0088ee;}
/*Diego Fajardo - Clase contenedora de los mensajes an asignacion de Sedes */
.cont_men_sede{ padding:5px; background-color:#FFFFD2; border:1px dotted #CC1100; font-size:14px; text-align:center;}
.watermark { color: #999 !important; }
.lblrazsocarp { color:#A33B1A; font-family:Arial; font-size:13px; font-weight: bold; }
.lblcontrazarp { font-family:Arial; font-size:13px; }
.puntero{ cursor:pointer; }
/*Menu version movil*/
.menu_mov{ list-style: none outside none; padding: 0px; margin: 0px auto; line-height:18px; width:210px; }
.menu_mov li a{ text-decoration:underline; display:block; color:#000000; font-weight:bold; padding:5px 10px; }
.menu_mov li a:hover{ background-color:#00AADB; color:#FFFFFF; }
/*Se le omiten los atributos a un tag a*/
.linksolo{ text-decoration:none; font-weight:bold; color:#000000; }
/*"boton" para ir al inicio*/
.iriniciomovil{ margin:0px auto; width:150px; height:20px; text-align:center; background-color:#777777; margin-top:10px; padding-top:10px; color:#FFFFFF !important; font-size:12px !important;}
.iriniciomovil:hover{ background-color:#bbbbbb; }
.iriniciomovil a{ color:#FFFFFF !important;}
.iriniciomovil:hover a{ color:#000000 !important; }
/*Imagen para listado de horas/mes Asesor*/
.cont_imghrsmes{ background-image:url(../../imagenes/clock.png); cursor:help; height:16px; width:16px; display:inline-block; background-repeat:no-repeat; background-position:right; padding-left:2px; vertical-align:middle; }
.cont_msjes_carp{ overflow:auto; width:999px; max-height:240px; text-align:center; font-size:14px; color:#B1331D; }
.cont_linkCarp{ background-image:url(../../imagenes/go-icon.png); height:16px; width:16px; cursor:pointer; }
.cont_linkCarpVerificacion:link{ background-image:url(../../imagenes/pdf_icon.png); height:16px; width:16px; cursor:pointer; display: block; }
.icargando {
    background-image:url(../../imagenes/cargando2.gif) !important;
    background-repeat:no-repeat;
    display:inline-block;
    border-style:none;
    background-color:transparent;
    width:16px;
    height:11px;
}

.imgBoton {
    background-repeat:no-repeat;
    display:inline-block;
    cursor:pointer;
    border-style:none;
    background-color:transparent;
}
.btnMas {
    background-image:url(../../imagenes/mas_men.png);
    background-position:0px 0px;
    width:9px;
    height:9px;
}
.btnMen {
    background-image:url(../../imagenes/mas_men.png);
    background-position:-10px 0px;
    width:9px;
    height:9px;
}
.cmbMulticober {
    background-color:#58585A;
    border:none;
    color:#FFF;
    font-weight:bold;
    font-family:Arial;
    font-size:12px;
    margin:0px;
    padding:0px;
    line-height:13px;
}
.txt_deshabil {
    background-color:#EEEEEE !important;
    font-family:Arial, sans-serif; color:#333333; font-size:12px; border:1px solid #999999;
} 
.flechOrdAsc, .flechOrdDesc {
    color:#FFFFFF !important; font-family:Arial; font-size:11px; 
    font-weight: bold; padding-right:15px; text-decoration:none;
    background-repeat:no-repeat; background-position:right;
}
.flechOrdAsc {
    background-image:url(../../imagenes/flecha1.png);
}
.flechOrdDesc {
    background-image:url(../../imagenes/flecha2.png);
}

.tblFrmBusq {
    border:0px; margin:0px; empty-cells:show; border-collapse:collapse;
}
.tblFrmBusq td, .tblFrmBusq th {
    border:1px dotted #CCC; padding:1px 2px;
    font-family:Arial; font-size:11px; font-weight:normal;
}

.tblBandej {
    border:0px; margin:0px; empty-cells:show; border-collapse:collapse;
}
.tblBandej td, .tblBandej th {
    border:1px solid #CCC; border-top:none; padding:1px 2px;
    font-family:Arial; font-size:11px; font-weight:normal;
}
.btnChain {
    display:block; width:20px; height:16px; position:absolute; margin-left:-10px; 
    top:3px; left:50%; background-image:url(../../imagenes/chain1.png); cursor:pointer;
}
.btnUnchain {
    display:block; width:20px; height:16px; position:absolute; margin-left:-10px; 
    top:3px; left:50%; background-image:url(../../imagenes/chain2.png); cursor:pointer;
}
.dvChain {
    display:block; margin:auto; padding:5px 4px; width:280px; 
    border:2px solid #333; border-bottom:none;
}
.dvUnchain {
    display:block; margin:auto; padding:5px 4px; width:280px; 
    border:1px dashed #CCC; border-bottom:none;
}
.dvNotifiGrid {
    padding:10px; text-align:center; font-size:14px;
    font-weight:bold; color:#b1331d;
}
.dvNotifi {
    margin:0px auto; padding:5px; background-color:#FFFFD2; 
    border:1px dotted #FC3; margin-top:10px;
}
.tblHrsMes {
    width:100%; empty-cells:show; border-collapse:collapse;
}
.tblHrsMes th, .tblHrsMes td {
    text-align:center; font-family:Arial; font-size:10px;
    border:1px solid #f0f0f0; padding:0px; color:#333333;
}
.msjOK {
    color:#07AD00;
}

/*07/01/2016 Nuevos estilo v7*/
.btnNaranja {
    height:32px;
    color:#FFF;
    font-family:Tahoma;
    font-size:16px;
    text-decoration:none;
    padding:2px 15px;
    line-height:28px;
    background-color:#F8AF4F;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow:1px 1px 1px #666;
    -webkit-box-shadow:1px 1px 1px #666;
    -moz-box-shadow:1px 1px 1px #666;
}

.btnAzul {
    height:25px;
    color:#FFF;
    font-family:Tahoma;
    font-size:16px;
    text-decoration:none;
    padding:2px 10px;
    line-height:21px;
    background-color:#49ACDC;
    border-radius : 2px;
    -moz-border-radius : 2px;
    -webkit-border-radius : 2px;
    box-shadow:1px 1px 1px #666;
    -webkit-box-shadow:1px 1px 1px #666;
    -moz-box-shadow:1px 1px 1px #666;
}

.clsCampo {
    display: inline-block;
    padding: 3px 5px 3px 15px;
}

.clsCampo .caNO {
    width: 160px;
    height: 12px;
    margin-right: 6px;
    background-color: rgba(255,255,255,0.8);
    color: #333;
    font-size: 12px !important;
    border: 1px solid #999;
    border-radius: 2px;
    padding:3px;
}

.clsCampo label {
    font-family: Tahoma;
    font-size: 11px;
    color: #999;
}

.MsjError { 
    font-family: Arial;	
    font-size: 14px; 
    text-decoration: none; 
    color: #b1331d;
    padding: 5px;
    font-weight: bold;
    text-align: center;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
  font-weight: bold;
    text-align: center;
    font-family:Arial, sans-serif; color:#333333; font-size:12px;
    margin:1px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .3s;
  transition: .3s;
  padding:2px;
}

input:checked + .slider {
  background-color: #f29400;
}

.vertical-text {
    transform: rotate(270deg);
    transform-origin: left top 0;
}