/**********************************************************************************************************************************/
/* Estilos generales                                                                                                              */
/* Autor: Dorian Minaya                                                                                                           */
/**********************************************************************************************************************************/

body
{
    /* verificado */
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-style: none;
    /*background-image: url(../imagenes/FondoWeb.png);*/
    background-color:#eeeeee; /*fondo-salamanca*/   
}

a img {border: none; }

.CeldaCabecera
{
    background-image: url(../imagenes/cabecera.jpg);
    background-repeat: no-repeat;
    background-color: #813B0A;
    height: 98px;
    width: 950px;
}

.UndermenuOverskrift {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; margin-right:10px;
}

.popup1
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: auto;
    width: auto;
    display: none;
}

.tr
{
    background-color: #FFFFFF;
    color:black;
}

.tr:hover
{
    background-color: #99CCFF ;
}

.trSeguimiento
{
    background-color: #FFFFFF;   
    color: #813B0A;
}

.trSeguimiento:hover
{
    background-color: #F9F3DC;   
    color: Black;
}

.trSeleccionado
{
    background-color: #CCCCCC;
    color: Black;
}

.trObservado
{
    background-color: #FF8080;
    color: #FFFFFF;
}

.trObservado:hover
{
    background-color: #FF9D9D;
    color: #FFFFFF;
}

.CheckBoxRepeater label
{
    display:none;
}

.disabled
{
    
    color: #7676f2; 
    background-color: #d1e5f9; 
    border: #7676f2 solid 1px; 
}

.Etiqueta
{
    font-family: verdana,arial,helvetica;
    font-size:8pt;
    padding:5px;
}

.fondo
{
    /*
    padding: 10px;
    */
     /*background-color : #FBF6E3;*/
    background-color: #fafafa; /*fondo-salamanca*/
    width: 695px;
    height: 100%;
    vertical-align : top;
}

.Contenido
{
    width: 95%;
    height: auto;
    vertical-align : top;
}

.Etiqueta1
{
    color: #006600;
    font-family: Arial ;
    padding:5px;
    font-size: 11px;
    background-color: #efebd0;
    vertical-align: middle;
    text-align :left ;
}

.BotonPestana
{
    background-color: #CE5C11;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-radius: 10px  10px 0px 0px;
    font-size: 12px;
    height: 25px;
    box-shadow: 4px 0px 0px 0px #111;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial;
    cursor: pointer;
}

.fondoVista
{
    border: 5px solid #4A301C;
    /*
    padding: 10px;
    */
    width: 100%;
    height: 100%;
    vertical-align: top;
    /*
    box-shadow: 5px 5px 7px #111;
    border-radius: 00px  10px 10px 10px;
    */
}

.BotonActivo
{
    background-color: #4A301C;
    border-radius: 10px  10px 0px 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    font-size: 12px;
    height: 25px;
    box-shadow:  4px 0px 0px 0px #111;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial;
    cursor: pointer;
}

.fondoOscurecido1
{
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    background-color: #000000;
    /*position:fixed;*/
}

.SubTitulo
{
    padding-top : 5px;
    padding-bottom : 5px;
    font-family: Arial;
    font-size: 12px;
    text-align:justify;
}

.Texto
{
    color: #000000;
    font-family: Arial;
    font-size: 10px;
    text-align:left;
    
}

.Texto2
{
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    text-align:left;
    
}

.BotonEnviar
{
    margin-top: 10px;
    background-color: #4A301C;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px;
    font-size: 11px;
    height: 30px;
    width: 65px;
    box-shadow: 4px 3px 4px 0px #111;
    color: #FFFFFF;
    font-weight: bold;
    font-family: Arial;
    cursor: pointer;
    vertical-align: middle;
    text-align: right;
    background-image:url(../imagenes/Enviar.png);
    background-repeat:no-repeat;  
    background-position:left;
}


.CeldaTablaInscritos
{
    font-family:Arial;
    font-size:11px; 
    padding:5px;
    border-style:double;
    border-color:#A5A5A5;
    border-width:1px;
    text-align:center !important;
    background-color:White;
}

.SeccionPiedePagina
{
    font-family:Arial;
    font-size:11px;    
    color: #7F7F7F;
}

.SeccionMenuLateralIzquierdo
{
    font-family:Arial;
    font-size:13px;    
    color: #000000;
}

.DivGrupoBotonesPreInscripcion 
{
    padding: 8px 10px 0px 0px;
    height:30px;
}

.barraSuperior
{
    /*width:500px;*/
    height: 22px;
    background-color:#4A301C;
}

.TituloPopup
{
    font-family:Arial;
    font-size:12px;
    color: #FFFFFF;    
}

.botonCerrar
{
    background-color: #4A301C;
    border-color:Window;
    border-width:2px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: 'Arial';
}

.CuerpoPopup
{
    height:557px;
    width:auto;
    padding: 5px 0px 0px 5px;
}

.CuerpoPopup fieldset
{
        padding: 0px 0px 0px 0px;
}

.CuerpoPopupConfirmacion
{
    height:auto;
    width:auto;
    padding: 5px 0px 0px 5px;
}

.TextPopup
{
    font-family:Arial;
    font-size:11px;
    color: #000000;    
}

.TextoConfirmacion
{
    height:auto;    
}

.TextoConfirmacion span
{
    font-family:Arial;
    font-size:13px;
    text-align:center;
    color: #000000;    

}

.LeyendaSeguimiento
{
    font-family:Arial;
    font-size:15px;
    font-weight:bolder;
    color: #4A301C;
     
}

.IconoLeyendaPopup
{
    font-family:Arial;
    font-size:11px;
    color: #4A301C;
    width:14px;
       
}

.txtMin
{
    font-family:Arial;
    font-size:11px;
    color: #000000; 
    height:16px;  
    width:65px;     
}

.txtMin:focus {
	background-color:#FFFFEB;
}

.CajaTextChicoPopup1
{
    font-family:Arial;
    font-size:11px;
    color: #000000; 
    height:16px;  
    width:60px;     
}

.CajaTextChicoPopup:focus {
	background-color:#FFFFEB;
}

.CajaTextChicoPopup1:focus {
	background-color:#FFFFEB;
}

.CajaTextMedianoPopup
{
    font-family:Arial;
    font-size:11px;
    color: #000000; 
    height:16px;  
    width:140px; 
}

.CajaTextMedianoPopup:focus {
	background-color:#FFFFEB;
}

.txtPequeno
{
    font-family:Arial;
    font-size:11px;
    color: #000000; 
    height:16px;  
    width:110px; 
}

.txtPequeno:focus {
	background-color:#FFFFEB;
}

.CajaTextMedianoPopup1
{
    font-family:Arial;
    font-size:11px;
    color: #000000; 
    height:16px;  
    width:200px; 
}

.CajaTextMedianoPopup1:focus {
	background-color:#FFFFEB;
}

.CajaTextGrandePopup
{
    font-family:Arial;
    font-size:11px;
    color: #000000; 
    height:16px;  
    width:317px;
    margin-left: 0px;
}

.CajaTextGrandePopup:focus {
	background-color:#FFFFEB;
}

.CajaTextAreaGrandePopup
{
    font-family:Arial;
    font-size:11px;
    color: #000000; 
    height:170px;  
    width:280px; 
}

.CajaTextAreaGrandePopup:focus {
	background-color:#FFFFEB;
}

.ComboChicoPopup
{
    font-family:Arial;
    font-size:11px;
    color: #000000; 
    height:20px;  
    width:100px; 
}

.ComboExtenso 
{
    font-family:Arial;
    font-size:10.5px;
    color: #000000; 
    margin-left: 0px;
    display:inline;
    background: #FFFFFF no-repeat;
    height:25px;
    width:580px;
}

.ComboMedio
{
    font-family:Arial;
    font-size:10.5px;
    color: #000000; 
    margin-left: 0px;
    display:inline;
    background: #FFFFFF no-repeat;
    height:25px;
    width:210px;
}

.ComboMedio select
{
    font-family:Arial;
    font-size:10.5px;
    color: #000000; 
    margin-left: 0px;
    display:inline;
    background: #FFFFFF no-repeat;
    height:25px;
    width:200px;
}

.ComboMedio:disabled
{
    font-family:Arial;
    font-size:10.5px;
    color: #000000; 
    margin-left: 0px;
    display:inline;
    background: #dddddd no-repeat;
}

.ComboPequeno
{
    font-family:Arial;
    font-size:10.5px;
    color: #000000; 
    margin-left: 0px;
    display:inline;
    background: #FFFFFF no-repeat;
    height:25px;
    width:120px;
}

.ComboPequeno select
{
    font-family:Arial;
    font-size:10.5px;
    color: #000000; 
    margin-left: 0px;
    display:inline;
    background: #FFFFFF no-repeat;
    height:25px;
    width:110px;
}

.ComboPequeno:disabled
{
    font-family:Arial;
    font-size:10.5px;
    color: #000000; 
    margin-left: 0px;
    display:inline;
    background: #dddddd no-repeat;
}

.ComboMin
{
    font-family:Arial;
    font-size:10.5px;
    color: #000000; 
    margin-left: 0px;
    display:inline;
    background: #FFFFFF no-repeat;
    height:25px;
    width:90px;
}

.ComboMin select
{
    font-family:Arial;
    font-size:10.5px;
    color: #000000; 
    margin-left: 0px;
    display:inline;
    background: #FFFFFF no-repeat;
    height:25px;
    width:70px;
}

.ComboMin:disabled
{
    font-family:Arial;
    font-size:10.5px;
    color: #000000; 
    margin-left: 0px;
    display:inline;
    background: #dddddd no-repeat;
}

.ComboExtenso:disabled
{
    font-family:Arial;
    font-size:10.5px;
    color: #000000; 
    margin-left: 0px;
    display:inline;
    background: #dddddd no-repeat;
}

.ComboExtenso select
{
    color: #000000; 
    height:18px;  
    width:120px;
    display:inline;
    background: #FFFFFF no-repeat;
}

.ComboMedianoPopup select
{
    font-family:Arial;
    font-size:11px;
    color: #000000; 
    height:18px;  
    width:120px;
    margin-left: 0px;
    display:inline;
    background: #FFFFFF no-repeat;
}

.ComboMedianoPopup:focus {
	background-color:#FFFFEB;
}

.ComboGrandePopup
{
    font-family:Arial;
    font-size:11px;
    color: #000000; 
    height:20px;  
    width:250px;
    margin-left: 0px;
}

.ComboGrandePopup:focus {
	background-color:#FFFFEB;
}

.CheckBoxPopup
{
    font-family:Arial;
    font-size:11px;
    color: #000000; 
    padding: 0px 0px 0px 0px;
}

.CheckBoxPopup:focus {
	background-color:#FFFFEB;
}

.DivGrupoBotones
{
    padding: 8px 10px 0px 0px;
    width:490px;
    height:40px;
}

.DivTablaPopup #tablaFamDet
{
    width:382px;
}

.CeldaEtiqueta 
{
    height:25px;
    text-align:right;
    width:100px;    
}

.BotonAdicionar:hover {
	background-color:#FF9933;
}

.BotonBuscar
{
    background-color: #4A301C;
    border-width: 1px;
    font-size: 11px;
    height: 22px;
    width: 40px;
    box-shadow: 2px 3px 2px 0px #111;
    color: #FFFFFF;
    font-family: Arial;
    cursor: pointer;
    vertical-align: middle;    
    text-align:center;
    background-repeat:no-repeat;  
    background-position:left;
}

.BotonBuscar:hover {
	background-color:#FF9933;
}

.BotonCancelar:hover {
	background-color:#FF9933;
}

.blur{
   background-color: #ccc;   /*shadow color*/
   color: inherit;
   margin-right: 4px;
   margin-top: 4px;
}

.ContenedorNivel0
{
    width:703px;
    height:530px;
    border-style:solid;    
    border-width:thin;
     /*background-color:#FBF6E3;*/
    background-color:#fafafa; /*fondo-salamanca*/
    border-bottom-color:#d4d4d4;
    border-left-color:#d4d4d4;
    border-top-color:#d4d4d4;
    border-right-color:#d4d4d4;
}

.ContenedorNivel0
{
    width:703px;
    height:auto;
    border-style:solid;    
    border-width:thin;
       /*background-color:#FBF6E3;*/
    background-color:#fafafa; /*fondo-salamanca*/
    border-bottom-color:#d4d4d4;
    border-left-color:#d4d4d4;
    border-top-color:#d4d4d4;
    border-right-color:#d4d4d4;
    margin-top:5px;
    margin-left:4px;
}

.LeyendaLogin {
	COLOR: #888888;     	
	FONT-SIZE: 10px; 
	font-family: sans-serif, Arial, Verdana, Helvetica;
}

.TituloLogin {
	COLOR: #380001;
	FONT-SIZE: 12px; 
	font-family: sans-serif, Arial, Verdana, Helvetica;
}

.Parrafo1 {
	COLOR:#bc6101;    	
	FONT-SIZE: 12px; 
	font-family: sans-serif, Arial, Verdana, Helvetica;
}

.TablaPestañas
{
    text-align:left;
    /*width:691px;*/
    margin-bottom : -4px;
    margin-left:5px;
}

.paginacion
{
    text-align: center !important;
}


.botonPestaña 
{ 
    background-color:#FBF6E3;
    color:#4A301C;
    width:69px;
    border-color:#4A301C;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top: 0.5px;
    border-radius: 10px  10px 0px 0px;
    font-size: 12px;
    height: 25px;
    box-shadow: 2px 0px 0px 0px #111;
    font-weight: bold;
    font-family: Arial;
    cursor: pointer;
    text-align: center !important;
    
} 

.botonPestaña:hover
{
    background-color:#ffffff;
} 

.botonPestaña:disabled
{
    background-color:#dddddd;
}

.botonPestañaActual
{
    text-align: center !important;
    background-color:#4A301C;
    color:#FBF6E3;
    width:69px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-radius: 10px 10px 0px 0px;
    font-size: 12px;
    height: 25px;
    box-shadow: 2px 0px 0px 0px #111;
    font-weight: bold;
    font-family: Arial;
    cursor: pointer;
}

.botonPestañaActual:hover
{
    background-color:#ffffff;
    color:#4A301C;
    
} 

.celdaVacia
{
    /*width:760px;    */
}

.celdaPestaña
{
    width:70px;
    border-left: 2px double #FBF6E3;
    border-right: 2px double #FBF6E3;
    border-top: 2px double #FBF6E3;
    border-bottom: 0px double #FBF6E3;
}

.panelOculto
{
    display:none;    
    height:auto;
}

.panelVisible
{
    display:inline;
    height:auto;
}

.divBorde
{
    border-left: 2px double #4A301C;
    border-right: 2px double #4A301C;
    border-top: 2px double #4A301C;
    border-bottom: 2px double #4A301C;
    height:auto;
}

.divBordeReporte
{
    border-left: 2px double #4A301C;
    border-right: 2px double #4A301C;
    border-top: 2px double #4A301C;
    border-bottom: 2px double #4A301C;
    height:auto;
    background-color:White;
}

.marcaAgua
{
    color:#CFC8AB;
    font-family: Arial;
    font-size: 12px;
    width:140px; 
}

.tablaTabs
{
    border: 2px solid #4A301C;
    /*
    padding: 10px;
    */
    width: 695px;
    height: 100%;
    vertical-align: top;
    /*
    box-shadow: 5px 5px 7px #111;
    border-radius: 00px  10px 10px 10px;
    */
}

.tablaOtroDato
{
    height: 100%;
    vertical-align: top;
     width: 695px;
    
}

.tituloTablaTabs
{
    width:110px;
    color: #595959;
    font-family: Arial ;
    padding:5px;
    font-size: 12px;
    background-color: #F9F3DC;
    vertical-align: middle;
    text-align :left;    
}

.divEspacio
{
    height:10px;    
}

.reftituloTablaTabs
{
    color: #595959;
    font-family: Arial ;
    padding:5px;
    font-size: 12px;
    background-color: #F9F3DC;
    color: #000000;
    vertical-align: middle;
    text-align :left;    
}

.seguimientoText
{
    color: Black;
    font-family: Arial ;
    padding:5px;
    font-size: 14px;
    background-color: #ffffff;
    vertical-align: middle;
    text-align :left;    
    border-width:thick;

}

.campoTablaTabs
{
    
}

.notaPopup
{
    font-size: 10px;    
}

.leyendaTablaTabs
{
    width:18px;
}

.botonTablaTabs
{
    width:40px;
}

.peqCampoTablaTabs
{
    width:100px;    
}

.grandCampoTablaTabs
{
    width:280px;    
}

.peqTituloTablaTabs
{
    width:60px;
    color: #595959;
    font-family: Arial ;
    padding:5px;
    font-size: 12px;
    background-color: #F9F3DC;
    vertical-align: middle;
    text-align :left ;    
}

.cabBloq
{
    position:relative; 
    top:expression(this.offsetParent.scrollTop);
}

.divScrolls
{
    OVERFLOW: auto; 
    HEIGHT: 200px;
}

.regresar
{
    
    cursor:pointer;
}

.labelUbicacion
{
    text-align:right; 
    /*width:500px;*/
}

.Validashadow 
{
    -webkit-box-shadow: 0px 0px 1px #ff0000;
    /*background-color:Red;*/
    -moz-box-shadow: 0px 0px 1px #ff0000;
    box-shadow: 0px 0px 1px #ff0000;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#FF0000')";
    /* IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#FF0000');
}

.ContenedorTituloPaginaPreInsc
{
    border-bottom: thin solid #d4d4d4;
    margin: 0px;
    width:943px;
    height:50;
    padding: 10px 0px 5px 5px;
    border-left-width:0px;
    border-right-width:0px;
    border-top-width:0px;
    color:#006600;    
    background-color:#efebd0;    
    font-family:Arial;
    font-size:12px;      
    text-align:left;
    border-left-style: solid;
    border-right-style: solid;
    border-top-style: solid;
}

.BtnBarraHerramientaAdicionar 
{
    cursor:pointer;
    margin-right:3px;
}

.BtnBarraHerramientaNuevo 
{
    cursor:pointer;
    margin-right:3px;
}

.BtnBarraHerramientaNuevo:hover {	
	background-image:url(../imagenes/nuevo2.png);
}

.BtnBarraHerramientaEliminar
{
    cursor:pointer;
    margin-right:3px;
}

.BtnBarraHerramientaEliminar:hover {	
	background-image:url(../imagenes/eliminar2.png);
}

.Celda3SeccionCabeceraPag
{
    color: #4A301C;
    font-family: Arial ;
    padding:5px;
    font-size: 14px;
    background-color: #F9F3DC;
    vertical-align: middle;
    text-align :center;
    font-weight: bold;
}

.Celda2SeccionCabeceraPag
{
    font-family: Arial ;
    padding:5px;
    font-size: 12px;
    background-color: #F9F3DC;
    vertical-align: middle;
    text-align :left ;    
}

.ComboMedianoPag
{
    font-family:Arial;
    font-size:12px;
    height:20px;  
    width:144px; 
}

.SeccionTablaPag
{
    margin-left:3px;
    margin-right:3px;
    margin-bottom:5px;
}

.TablaDatos
{
    width:100%;  
    border-style:double; 
    border-color:#A5A5A5;
    border-width:1px; 
}

.TablaSeguimiento
{
    width:100%;  
    border-style:double; 
    border-color:#A5A5A5;
    border-width:2px; 
}

.CeldaCabeceraTabla
{
    font-family:Arial;
    font-size:12px;   
    padding:5px;
    border-style:double;
    border-color:#4A301C;
    border-width:1px;
}

.CeldaCabeceraTablaConfirmacion
{
    font-family:Arial;
    font-size:11px;   
    padding:5px;
    border-style:double;
    border-color:#4A301C;
    border-width:1px;
}

.CeldaTabla
{
    font-family:Arial;
    font-size:11px; 
    padding:5px;
    border-style:double;
    border-color:#A5A5A5;
    border-width:1px;
}

.CeldaPopUp
{
    font-family:Arial;
    font-size:small;
    text-align:left;
    width:150px;
    padding-left:20px;    
}

.CeldaTablaConfirmacion
{
    font-family:Arial;
    font-size:10px; 
    padding:5px;
    border-style:double;
    border-color:#A5A5A5;
    border-width:1px;
}

.NotaPaginaPag
{
    /*color: #595959;*/
    color: #4A301C;
    font-family: Arial ;
    padding:5px;
    font-size: 11px;
    vertical-align: middle;
    text-align :left ;    
    width: 680px;
}

.TituloMenu
{
    BORDER-BOTTOM:solid 1px #DCD4A6; 
    COLOR: #bc6101; 
    FONT-SIZE: 12px;         
    FONT-WEIGHT:bold;     
    PADDING:10px; 
    PADDING-LEFT:0px;
    TEXT-ALIGN:left; 
}

.TituloOpcionMenu
{
    font-family:Arial;
    font-size:12.3px;
    color:#4A301C;
    margin-bottom:5px;
    margin-top:5px;
}

.TextoOpcionMenu
{
    font-family:Arial;
    font-size:11.2px;
}

/* la altura de toda celda se define en 25 pixeles */
/* la alineación por defecto de una celda es a la izquierda */
td
{
    /* verificado */
    height: 25px;
    text-align: left;
}

/* Tamaño estandar mediano para las listas desplegables */
.ComboMediano /* verificado */
{
    font-family: Arial;
    font-size: 12px;
    height: 20px;
    width: 144px;
}


/* Tipo de texto para los mensajes de error en la validación de entrada  */
.TextoError /* verificado */
{
    font-family: Arial;
    font-size: 11px;
    color: Red;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0px;
}

.DivSeccionCuerpoPag
{
    padding: 5px;
    width: 703px;
}

.TextoGeneral
{
    font-family:Arial;
    font-size:12px;
}


/**********************************************************************************************************************************/
/* Estilos para las páginas de mantenimiento                                                                                      */
/* Autor: Dorian Minaya                                                                                                           */
/**********************************************************************************************************************************/

.ContenedorTituloPagina
{
    width: 700;
    height: 50;
    padding: 10px 0px 5px 5px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-style: solid;
    border-bottom-color: #d4d4d4;
    border-bottom-width: thin;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    /*color: #006600;*/
    color:White; /* salamanca */
    /*background-color: #efebd0;*/
    background-color: #85c6e6; /*salamanca*/
    font-family: Arial;
    font-size: 12px;
    text-align: left;
}

/* Estilos para la manipulación de los elementos de la barra de herramientas  (verificado) */

.ContenedorToolBarr
{
    width: 700;
    height: 50;
    border-style: solid;
    border-width: thin;
    padding: 10px 0px 5px 10px;
    margin-top: 0px;
    margin-left: 1px;
    margin-right: 0px;
    border-bottom-color: #d4d4d4;
    border-left-color: #d4d4d4;
    border-left-width: 0px;
    border-top-color: #d4d4d4;
    border-top-width: 0px;
    border-right-color: #d4d4d4;
    border-right-width: 0px;
    color: #000000;
    background-color: rgb(251, 246, 227);
     /*background-image: linear-gradient(rgb(255, 255, 255), rgb(251, 246, 227) 75px);*/
    background-image: linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255) 75px); /* Salamanca */
}


.BtnBarraHerramientaNuevo
{
    cursor: pointer;
    margin-right: 3px;
}

.BtnBarraHerramientaNuevo:hover
{
    background-image: url(../imagenes/nuevo2.png);
}

.BtnBarraHerramientaEliminar
{
    cursor: pointer;
    margin-right: 3px;
}

.BtnBarraHerramientaEliminar:hover
{
    background-image: url(../imagenes/eliminar2.png);
}


.BtnBarraHerramientaGrabar
{
    cursor: pointer;
    margin-right: 3px;
}

.BtnBarraHerramientaGrabar:hover
{
    background-image: url(../imagenes/grabar2.png);
}

.BtnBarraHerramientaAceptar
{
    cursor: pointer;
    margin-right: 3px;
}

.BtnBarraHerramientaAceptar:hover
{
    background-image: url(../imagenes/aceptar2.png);
}

.BtnBarraHerramientaCancelar
{
    cursor: pointer;
    margin-right: 3px;
}

.BtnBarraHerramientaCancelar:hover
{
    background-image: url(../imagenes/cancelar2.png);
}

.BtnBarraHerramientaBuscar
{
    cursor: pointer;
    margin-right: 3px;
}

.BtnBarraHerramientaBuscar:hover
{
    background-image: url(../imagenes/buscar2.png);
}

.BtnBarraHerramientaEditar
{
    cursor: pointer;
    margin-right: 3px;
}

.BtnBarraHerramientaEditar:hover
{
    background-image: url(../imagenes/Editar2.png);
}

.BtnBarraHerramientaImprimir
{
    cursor: pointer;
    margin-right: 3px;
}

.BtnBarraHerramientaImprimir:hover
{
    background-image: url(../imagenes/imprimir2.png);
}

.BtnBarraHerramientaExportar
{
    cursor: pointer;
    margin-right: 3px;
    width: 16px;
    height: 16px;
}

.BtnBarraHerramientaExportar:hover
{
    background-image: url(../imagenes/excel2.png);
}

.BtnBarraHerramientaCorreo
{
    cursor: pointer;
    margin-right: 3px;
}

.BtnBarraHerramientaCorreo:hover
{
    background-image: url(../imagenes/correo2.png);
}


.BtnBarraHerramientaSalir
{
    cursor: pointer;
    margin-right: 3px;
}

.BtnBarraHerramientaSalir:hover
{
    background-image: url(../imagenes/salir2.png);
}

/*** Estilos para la sección Cabecera de la página de mantenimiento *************************************************************/

.TablaSeccionCabeceraPag
{
      /*background-color: #FBF6E3;*/
    background-color:#fafafa; /*salamanca*/
    width: 97%;
    vertical-align: top;
    border-spacing: 2px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
}

.CeldaSeccionCabeceraPag
{
    color: #595959;
    font-family: Arial;
    padding: 5px;
    font-size: 12px;    
    /*background-color: #F9F3DC;*/
    background-color:#fafafa; /*salamanca*/
    vertical-align: middle;
    text-align: left;
}

/**estilo para la sección Tabla de la página de mantenimiento *************************************************************/

.TituloTablaPag
{
    color: #595959;
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    
}

.BordeTituloTablaPag
{
    background-image: url("../imagenes/blinea.png");
    vertical-align: middle;
}

.tableMergeHead, .CeldaCabeceraTabla, .cabeceraMergeHead
{
    /**background-color: #FC780D;
    border-color: #FC780D;Salamanca**/
    background-color: #85c6e6;
    border-color: #fafafa;
}

.CeldaCabeceraTabla, .cabeceraMergeHead
{    
    border-style: double;
    border-width: 1px;    
    text-align: center;
}

.tableMergeHead
{
    width: 100%;
}

.tableMergeHead th, .CeldaCabeceraTabla
{
    font-family: Arial;
    font-size: 12px;
    color: White;    
    padding: 5px;
    font-weight: 700;
}

.cabeceraMergeItem
{
    border-style: solid;
}
    
.CeldaTabla, .cabeceraMergeItem
{
    background-color: White;
    border-color: #A5A5A5;
    border-width: 1px;
    font-family: Arial;
    font-size: 11px;
}

.CeldaTabla
{
    color: Black;
    padding: 5px;
    border-style: double;
}

/*para tablas con hover*/
.CeldaTablaChoose, .cabeceraMergeItem
{
    /*background-color: White;*/
    border-color: #A5A5A5;
    border-width: 1px;
    font-family: Arial;
    font-size: 11px;
}

.CeldaTablaChoose
{
    /*color: Black;*/
    padding: 5px;
    border-style: double;
}

/* Cuando se selecciona una fila de la tabla esta se sombrea */

.FilaTabla
{
    background-color: #FFFFFF;
    color: black;
}

.FilaTabla:hover
{
    cursor: pointer;
    background-color: #99CCFF;
    color: white;
}

.SeleccionFilaTabla
{
    background-color: #CCCCCC;
    color: Red;
}


/**********************************************************************************************************************************/
/* Estilos para la presentación de los popups                                                                                     */
/* Autor: Dorian Minaya                                                                                                           */
/**********************************************************************************************************************************/

/* atributos para los cuadros de dialogo que se abren en forma de popup */
.popup /* verificado */
{
    position: absolute;
    top: 0px;
    left: 0px;
    height: auto;
    width: auto;
    display: none;
}

/* cuando se abre el popup en segundo plano se pone la pantalla oscuro con estos atributos */
.fondoOscurecido /* verificado */
{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    background-color: #000000;
}


/* atributos para simular sombreado en los bordes del popu */
.blur
{
    background-color: #ccc; /*shadow color*/
    color: inherit;
    margin-right: 4px;
    margin-top: 4px;
}

.shadow, .content
{
    position: relative;
    bottom: 2px;
    left: 2px;
}

.shadow
{
    /*background-color: #813b0a; /*shadow color*/
     /*background-color: #4A301C;*/
    background-color:#08314f; /* salamanca */
    color: inherit;
    box-shadow: -2px 2px 12px 3px #111;
}

.content
{
     /*background-color: #fbf6e3;*/ /*background color of content*/
    background-color:#fafafa; /*fondo-salamanca*/
    /*border: 1px solid #813b0a; /*border color*/
    border: 1px solid #4A301C;
}



/* Barra de título del Popup  */
.barraSuperiorPopup /* verificado */
{
    height: 22px;
     /*background-color: #4A301C;*/
    background-color: #08314f; /* salamanca */
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
}

/* Botón Cerrar del Popup */
.botonCerrarPopup /* verificado */
{
    /*background-color: #4A301C;*/
    background-color:#08314f; /* salamanca */
    border-color: Window;
    border-width: 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: 'Arial';
}


/* Barra de Subtitulo del Popup */
.SubTituloPopup /* verificado */
{
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
    padding: 8px 0px 0px 0px;
    /**    background-color: #FC780D;salamanca**/
    background-color:#85c6e6 ;
    height: 20px;
}

.help-block 
{
    font-size:9px;
    display: block;
    color: #4A301C;    
}


/* Leyenda usada para el texto "Datos Obligatorios (*)"  */
.LeyendaPopup /* verificado */
{
    font-family: Arial;
    font-size: 11px;
    color: #833B0B;
}

/* Atributos para el div de la tabla del Popup  */
/* la tabla del popup contiene a los cuadro de texto, combobox, etc. **/
.DivTablaPopup /* verificado */
{
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    padding: 5px 5px 5px 5px;
    margin-top: 0px;
}

.DivBotonesAccionPopup /* verificado */
{
    margin-top: 12px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: right;
}

.TextoPopup
{
    font-family: Arial;
    font-size: 12px;
}

.LabelControlPopup
{
    font-family:'Lucida Sans';
    font-size: 11px;
    padding-right:1em;
    color: #000000;
    text-align:right;
}

.Label
{
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    text-align: left;
}

/* Tamaño estandar mediano para las listas desplegables en popup */
.ComboMedianoPopup /* verificado */
{
    font-family: Arial;
    font-size: 11px;
    height: 20px;
    width: 144px;
}

.ComboMedianoPopup: disabled /* verificado */
{
    font-family: Arial;
    font-size: 11px;
    height: 20px;
    width: 144px;
}

.CajaText
{
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    height: 16px;
}

.CajaText:focus
{
    background-color: #FFFFEB;
}

.CajaTextChicoPopup
{
    font-family: Arial;
    font-size: 11px;
    color: #000000;
    height: 16px;
    width: 80px;
}

.CajaTextChicoPopup:focus
{
    background-color: #FFFFEB;
}

.BotonAceptar
{
    background-color: #4A301C;
    border-width: 1px;
    font-size: 11px;
    height: 28px;
    width: 220px;
    box-shadow: 2px 3px 2px 0px #111;
    color: #FFFFFF;
    font-family: Arial;
    cursor: pointer;
    vertical-align: middle;
    text-align: center; /*background-image:url(../imagenes/tbaceptar.png);*/
    background-repeat: no-repeat;
    background-position: left;
}

.BotonAceptar:hover
{
    background-color: #FF9933;
}

.BotonAdicionar
{
     /*background-color: #4A301C;*/
    background-color:#08314f; /* salamanca */ 
    border-width: 1px;
    font-size: 11px;
    height: 28px;
    width: 88px;
    box-shadow: 2px 3px 2px 0px #111;
    color: #FFFFFF;
    font-family: Arial;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    background-image: url('../imagenes/tbaceptar.png');
    background-repeat: no-repeat;
    background-position: left;
}

.BotonAdicionar:hover
{
      /* background-color: #FF9933;*/
    background-color: #00a8df; /* salamanca */
}

.BotonCancelar
{
    /*background-color: #4A301C;*/
    background-color: #08314f; /* salamanca */
    border-width: 1px;
    font-size: 11px;
    height: 28px;
    width: 88px;
    box-shadow: 2px 3px 2px 0px #111;
    color: #FFFFFF;
    font-family: Arial;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    background-image: url(../imagenes/tbcancelar.png);
    background-repeat: no-repeat;
    background-position: left;
}

.BotonCancelar:hover
{
       /*background-color: #FF9933;*/
    background-color:#00a8df; /* salamanca */
}

/**********************************************************************************************************************************/
/* Estilos para la presentación del contenedor de Fichas                                                                          */
/* Autor: Bryan Chauca                                                                                                            */
/* Co-Autor: Dorian Minaya                                                                                                        */
/**********************************************************************************************************************************/

        .tabContenedor
        {
            position:relative;
	        width:100%;
	        font-size:11px;	        
            font-family:Arial;
        }
	    .tabContenedor ul{
		    overflow:hidden;		    
		    height:30px;
		    position:absolute;
		    border: 1px solid gray;
		    padding:0;
		    margin:0;
	    }
	    .tabContenedor li{
		    float:left;
		    list-style:none;
	    }
	    .tabContenedor li a{
		    background:#F2F1E8;		    
		    border-right: 1px solid gray;		    
		    color:#666;
		    cursor:pointer;
		    display:block;
		    height:30px;
		    line-height:30px;
		    padding:0 3px;
		    font-size: 9px;
            font-family:Arial;
		    text-decoration:none;
		    text-transform:uppercase;		    
	    }
	    .tabContenedor li:last-child a{
	        border-right:0;
	    }
	    .tabContenedor li a:hover{
		    background:#FC780D;		    
		    color:White;
	    }
	    .tabContenedor li a.active{
		    background:#FC780D;
		    border:1px solid #FC780D;
		    border-right:0;
		    color:White;
	    }
	    .tabDetalle{		    
		    background:white;
		    border:1px solid gray;
		    margin:31px 0 0;
	    }
	    .tabContenido{
		    padding:20px;
	    }
	    .tabContenido h1{
		    /*font:normal 24px/1.1em Georgia, "Times New Roman", Times, serif;*/
		    padding:0 0 10px;
	    }
	    .tabContenido p{
		    padding:0 0 10px;
	    }
	    

/**********************************************************************************************************************************/
/* Estilos para el cambio de Color en columna numérica de filas                                                                   */
/* Autor: Bryan Chauca                                                                                                            */
/**********************************************************************************************************************************/

.rowNumber
{
   /*background-color: #F9F3DC;*/
    background-color:#85c6e6; /* Salamanca */
    /*border: 1px Solid #F9F3DC;*/
    /*color:Black;*/
    color:White; /* Salamanca */
}

.textRight{
    text-align:right;
}

.textCenter{
    text-align:center;
}

/*Agregado por Bryan para cabecera de ordenamiento*/
.lnkOrdenar
        {
            color: white;
            text-decoration:none;
         }
/*end cabecera de ordenamiento*/
         
/*Agregado para check Mostrar Todos*/
.mostrarTodos:before,
        .mostrarTodos:after {
          display: table;
          line-height: 0;
          content: "";
        }
        .mostrarTodos
        {
            font-size:11px;
            margin-right:5px;
        }
        .mostrarTodos>div
        {
            float:right;
        }
        .mostrarTodos label, .mostrarTodos input[type*="checkbox"]
        {
            vertical-align:middle;
            }
        .mostrarTodos:after
        {
            clear:both;
            }

/*end check Mostrar Todos*/

/* Estilos para el Formulario de Indicadores */
.Footer
        {
            font-family: Arial;
            font-size: 11px;
            color: Black;
            padding: 5px;
            border-style: double;
            border-color: #A5A5A5;
            border-width: 1px;
            background-color: White;
            text-align: center;
        }
        
.Indicador
        {
            font-family: Arial;
            font-size: 8pt;
            color: Black;
            padding: 5px;
        }

.modificarIndicador
        {
            font-family: Arial;
            font-size: 8pt;
            color: Black;
            padding: 3px;
        }

.modificarSubIndicador
        {
            font-family: Arial;
            font-size: 8pt;
            color: Black;
            padding: 3px;
        }        
        
.EliminarSubIndicador
        {
            background-color: #833B0B;
            border-width: 1px;
            font-size: 11px;
            height: 28px;
            width: 88px;
            box-shadow: 2px 3px 2px 0px #111;
            color: #FFFFFF;
            font-family: Arial;
            cursor: pointer;
            vertical-align: middle;
            text-align: center;            
            background-repeat: no-repeat;
            background-position: left;
        }

.overlayI  
        {
          position: fixed;
          z-index: 39;
          top: 0px;
          left: 0px;
          right: 0px;
          bottom: 0px;
          background-color: #aaa; 
          filter: alpha(opacity=80); 
          opacity: 0.8; 
        }

.overlayContentI
        {
          z-index: 40;
          margin: 250px auto;
          width: 80px;
          height: 80px;
        }
        
.overlayContentI h2
        {
            font-size: 18px;
            font-weight: bold;
            color: #000;
        }
        
.overlayContentI img
        {
          width: 80px;
          height: 80px;
        }

/* Estilos para ficha de pre-inscripción */

.overlay  
        {
          position: fixed;
          z-index: 98;
          top: 0px;
          left: 0px;
          right: 0px;
          bottom: 0px;
          background-color: #aaa; 
          filter: alpha(opacity=80); 
          opacity: 0.8; 
        }

.overlayContent
        {
          z-index: 99;
          margin: 150px auto;
          width: 80px;
          height: 80px;
        }
        
.overlayContent h2
        {
            font-size: 18px;
            font-weight: bold;
            color: #000;
        }
        
.overlayContent img
        {
          width: 80px;
          height: 80px;
        }

div.vertical-line{
  width: 1px; /* Line width */
  background-color: black; /* Line color */
  height: 100%; /* Override in-line if you want specific height. */
  float: right; /* Causes the line to float to left of content. 
    You can instead use position:absolute or display:inline-block
    if this fits better with your design */
}