#nav
{
position:relative;    
z-index:10000;
font-size:.8em;
font-family:Verdana;

}

#nav ul
{
margin: 0;
padding: 0;
list-style-type: none;
height:10px;
text-align: justify; 
border-right:2px solid white;
}

 #nav li 
{ 
margin: 0; 
position:relative;
float:left; 
background-color:#6192c0; 
list-style:none;
border-right:2px solid white;
}     


#nav a 
{ 
color: White;
background-color:#6192c0;
width:90px;
padding: 3px 12px 3px 2px;
text-decoration: none;
text-align:center;
border-right-color:White;
}

 #nav li ul 
{ 
display:none; 
position:absolute; 
} 

#nav li li a
{
display: block;
color: #E9E2E2;
background-color:#6192c0;
width: 200px;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
border-left:none;
text-align:left;

}                  
 

#nav a:hover
{
background-color:Black;/* #E9E2E2;*/
color: White;
display:block;
border-bottom: 1px solid #6192c0;
border-right:none;
cursor:pointer;
}  

#nav li:hover ul 
 {
display:block; 
margin-top:0px;
background:White; 
color:Black;
border-top: 5px solid White;
border-right:none;
cursor:pointer; 
}

#nav li a
{ display:block;
}

.borde{border-right: 1px solid white;}

.flecha:hover {
  position:relative;
  display:none;
  border-right:none;
}
.flecha:after, .flecha_abajo:visited  {
  position:absolute;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #6192c0;
  content: " ";
  left: 50%;
  margin-left: -10px;
}



/*--------------------------------------------------------------------
FORZAR SALDO DE PAGINA. SE COLOCA EN UN <div>
----------------------------------------------------------------------*/

#salto_pagina_despues{
 
page-break-after:always;
 
}
 
#salto_pagina_anterior{
 
page-break-before:always;  
} 


 .etiqueta-campo.t{ background-color:#0431B4; color:White; text-align:center; width:33.3%;}
  .ddl.t{ width:92%; text-align:right; padding-right:2px; background-color:White;}

                 
                 
.paramensajes
{
    
border-spacing:5px;
background-color:transparent;
text-align:center;
border-radius:15px;
box-shadow: 0 10px 13px rgba(0,0,0,0.6);
position:fixed;
z-index:9999999;
top:0px;
left:0px;
width:100%;
height:100%;
vertical-align:middle;

}  


.divcentrado {
position: absolute;
top: 50%;
left: 50%; 
		width:400px;
		margin-left:-200px;
		height:150px;
		margin-top:calc( -75px);
		padding:5px;
background-color:White;
border-top:20px solid #6192c0;  overflow:hidden;
border-left:5px solid  #6192c0;
border-right:5px solid #6192c0;
border-bottom:5px solid #6192c0;

}





    
.raya
{
    padding-bottom:5px; text-align:left; color:White; font-weight:bold; vertical-align:top;  background-color:#317123; padding-left:-1px; font-size:.7em;
}


#raya
{
    padding-bottom:5px; text-align:left; color:White; font-weight:bold; vertical-align:top;   background-color:#317123; padding-left:-1px; font-size:.7em;
}
#rayac
{
   padding-bottom:5px; text-align:left; color:Navy; font-weight:bold; 
    vertical-align:middle; height:17px;  background-color:White; font-size:14px;
    font-family:Arial; padding-left:3px; padding-top:3px;
   
}
#rayad
{
   padding-bottom:5px; text-align:right; vertical-align:top; height:25px;  border-bottom:2px solid #317123;
}

.rayac
{
    padding-bottom:5px; text-align:left; color:Navy; font-weight:bold; 
    vertical-align:middle; height:17px;  background-color:White; font-size:14px;
    font-family:Arial; padding-left:3px;
    
}
#rayaiz
{
 background-color:#D8D8D8;
    color:Navy;
    font-size:14px;
    text-align:left;
    padding-left:5px;
    font-family:Arial, Helvetica, sans-serif;
    height:16px;
    font-weight:bold; 
    vertical-align:middle;
}
.rayaiz
{
 background-color:White;
    color:Navy;
    text-align:left;
    padding-left:5px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    height:16px;
    font-weight:bold;
    vertical-align:middle;
}
#rayader
{
  text-align:right; color:Navy; font-weight:bold; 
    vertical-align:middle; height:16px;  background-color:White; padding-left:-1px; font-size:14px;
    font-family:Arial;
    border-top:2px solid #0C289A;  overflow:hidden;
border-left:1px solid  #0C289A;
border-right:1px solid #0C289A;
border-bottom:1px solid #0C289A;
/*border-radius:10px;*/
-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
    
    
}

.rayader
{
  text-align:right; color:Navy; font-weight:bold; 
    vertical-align:middle; height:16px;  background-color:#6192c0; padding-left:-1px; font-size:14px;
    font-family:Arial;
    border-bottom:1px solid Navy;
    
}

#rayacen
{
 padding-bottom:5px; text-align:right; color:White; font-weight:bold; 
    height:16px;  background-color:#D8D8D8; padding-left:-1px; font-size:14px:
    font-family:Arial;
    text-align:center;   
    vertical-align:middle;
}
.rayacen
{
 padding-bottom:5px; text-align:right; color:White; font-weight:bold; 
   height:16px;  background-color:White; padding-left:-1px; font-size:14px;
    font-family:Arial;
    text-align:center;   
    vertical-align:middle;
}

.botex
{
    background-color:White;
    background-image:url('puntos.jpg');
    background-position:left;  
    background-repeat:no-repeat;
    color:#6192c0;
    font-weight:bold;
    border:none;
    font-size:14px;
    font-family:Arial;
    border:1px solid Navy;
    text-align:left;
    padding-left:35px;
    
}


.botex:hover
{
 color:Red;
  background-image:url('puntos.jpg');
    background-position:left;  
    background-repeat:no-repeat;
 
 cursor:pointer;   
}




.butgrid
{
    height:20px;
    margin-top:5px;
    margin-left:4px;
    margin-bottom:2px;
    border-radius:2px;
}




.ftx
{
   background:White;
    text-transform: uppercase;
    text-align:left;
    padding-left:3px;
    color:Navy;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
     
}





.ftd
{background:White;
    text-transform: uppercase;
    text-align:left;
    padding-left:3px;
    color:Navy;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
     }


        
/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
    padding-left:3px;
    margin-left:5px;
}
 
/* Track *//* #63d542*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #6192c0; /*rgba(0,0,0,0.3); */
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-left:5px;
    margin-left:3px;
    background: #6192c0; /* rgba(255,0,0,0.8); */
    -webkit-box-shadow: inset 0 0 6px #6192c0;/* rgba(0,0,0,0.5); */
}
::-webkit-scrollbar-thumb:window-inactive {
	background:#6192c0;/* rgba(255,0,0,0.4); */
}










.mGrid { width: 100%; background-color:#fff ; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; font-size:.7em; font-family: Arial; }
.mGrid .alt { background: #fcfcfc url(V_grd_alt.png) repeat-x top; }
.mGrid .sel { background-color:#002765; font-weight:400; color:White; }
.mGrid .ft { background: #fcfcfc url(ASPA.JPG) repeat-x top; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }


    .mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
    .mGrid th { color: #fff; background: #424242 url(grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }

/*.mGrid .pgr {background: #424242 url(grd_head.png) repeat-x ;  }*/
.mGrid .pgr { background-image: url(V_grd_foot.png); background-repeat:repeat-x  repeat-y ;   }
    .mGrid .pgr table { margin: 5px 0; border:none; }
    .mGrid .pgr td { border-style:none; border-width: 0; padding: 0 6px;  font-weight: bold; color: #fff; line-height: 12px; }   
    .mGrid .pgr a { color: #666; text-decoration: none; }
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }
    
    
    
 .dropDownBox
{
    height:20px;
    font-size:14px;
    font-family: Arial;
    color: #3b3b3b;
    padding: 1px; }
    
.dropDownBox:focus 
{
     border-color:#646464;
    background-color: #F7F293;
    border-radius: 3px;
    border: 1px solid #999999;
}    
    
.ddl
{
  /*height:16px;*/
  font-size:14px;
  font-family    : Arial, arial, snas-serif;
  color          :  Navy;
  padding-left        :  1px;
  border-left    :  solid 1px #c1c1c1;
  border-top     :  solid 1px #cfcfcf;
  border-right   :  solid 1px #cfcfcf;
  border-bottom  :  solid 1px #cfcfcf;
}

.ddlf
{
  height:26px;
  font-size:16px;
  font-family    : Arial, arial, snas-serif;
  color          :  Navy;
  padding-left        :  1px;
  border-left    :  solid 1px #c1c1c1;
  border-top     :  solid 1px #cfcfcf;
  border-right   :  solid 1px #cfcfcf;
  border-bottom  :  solid 1px #cfcfcf;
}


.ddlgrid
{
  /*height:16px;*/
  font-size:12px;
  font-family    : Arial, arial, snas-serif;
  color          :  Green;
  padding-left        :  1px;
  border:none;
}    
       
.ddl.t{ width:92%; text-align:right; padding-right:2px; background-color:White;}
.der.ddl
{
    text-align:right;
    font-size:.8em;
    height:12px;
    padding-right:2px;
}
.fec.ddl
{
    
    height:18px;
    background-color:Black;
}     

.ddl:focus
{
    border-color:#646464;
    color:Navy;
    background-color:  #F7F293;  


}   
    
.etiqueta-campo 
            {
	           
                background-color:transparent;
	            color:Navy;
	            font-family:Arial,Arial, Arial, Sans-Serif;
	            font-weight:500;
	            font-size:.8em;
	            text-align:left;
                padding-right:1px;
                padding-left:1px;
                padding-bottom:.1em;
                
            }
      
    



/* VIENE DE ESTILOS.CSS

*/
.Grid
{ width: 100%; background-color:#fff ; margin: 5px 0 10px 0; 
        border: solid 1px #525252; border-collapse:collapse; font-size:.7em; font-family: Arial; }

/*.Grid .head2 { background-image: url(V_grd_head.png); height:25px; background-repeat:repeat-x  repeat-y ; color:White; font-weight:bold;   }*/
        
        .Grid .head2 { background-color:#002765; color:White;font-weight:bold;   }

        .grid table 
        {
        	border:solid 1px #99BBE8;
        	height:30px;
	    }
	        
        .grid th
        {
	        background:transparent url(thbackground.gif) repeat;
            height:19px;
            border:solid 1px #99BBE8;
            font-weight:normal;
        }

        .grid td
        {
	        border:1px solid #99BBE8;
            color:Black;
            height:25px;
        }
        
        .pagerstyle 
        {
	        font-size:x-small;
	        text-align:right;
            background-position: bottom left;
            background: #D0DEF0 url(toolbarbck.gif) repeat-x scroll left top;
        }

        .gopag 
        {
            font-size:x-small;
            width:20px;
        }

        .pagprev
        {
            background:transparent url(previous.png) no-repeat scroll center;
            height:1.3em;
            width:16px;
            cursor:pointer;
            border:0px;
        }
        
        .pagnext
        {
            background:transparent url(next.png) no-repeat scroll center;
            height:1.3em;
            width:16px;
            cursor:pointer;
            border:0px;
        }

        .pagfirst
        {
            background:transparent url(first.png) no-repeat scroll center;
            height:1.3em;
            width:16px;
            cursor:pointer;
            border:0px;
        }
        
        .paglast
        {
            background:transparent url(last.png) no-repeat scroll center;
            height:1.3em;
            width:16px;
            cursor:pointer;
            border:0px;
        }


        .Grid .alt { background: #fcfcfc url(V_grd_alt.png) repeat-x top; }
        
        /*.Grid .pgr { background-image: url(V_grd_foot.png); background-repeat:repeat-x  repeat-y ;   }*/
        .Grid .pgr { background-color:White; color:Black; font-weight:bold; border:1px solid Navy;}
        .Grid .pgr table { margin: 5px 0; border:none; }
        .Grid .pgr td { border-style:none; border-width: 0; padding: 0 6px;  font-weight: bold; color: #fff; line-height: 12px; }   
        .Grid .pgr a { color: #666; text-decoration: none; }
        .Grid .pgr a:hover { color: #000; text-decoration: none; }
        .Grid .sel { background-color:#D8D8D8; font-weight:400; color:Black; }
        
        
   



.Grid th
{
    color: #fff;
    background-color:Navy;/*:#3AC0F2;*/
}
/* CSS to change the GridLines color */
.Grid, .Grid th, .Grid td
{
    border:1px solid  #fff000;
}


.FixedHeader {
            position: absolute;
            font-weight: bold;
            margin-bottom:500px;
            background-color:Navy;
            color:White;
            border:1px solid White;
            height:25px;
            font-size:18px;
            
            
            
        }  
        
        


.tabla-titulo
{
    height:15px;
    background:#5882FA;
    text-transform: uppercase;
    text-align:left;
    font-weight:bold;
    padding-left:3px;
    padding-right:3px;
    color:White;
    font-size:12px;
    border:1px solid #002765;
    font-family:Arial, Helvetica, sans-serif;
    vertical-align:middle;
}
.tabla-td
{
    background:White;
    text-transform: uppercase;
    text-align:left;
    padding-left:3px;
    color:#1682ba;
    font-size:.7em;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
   
}
.tabla-cues
{
    background:White;
    text-align:left;
    padding-left:3px;
    color:#0040FF;
    /*font-size:.8em;*/
    border-bottom:1px solid #002765;
    width:90%;
}

.tabla-resul
{
    background:Blue;
    text-transform: uppercase;
    text-align:left;
    padding-left:3px;
    color:White;
    font-size:.8em;
    border:1px solid #002765;
}

.tabla-ddl-resul
{
  height:20px;
  font-size:1em;
  font-family    : Arial, Helvetica, sans-serif;
  color          :White;
  padding-left        :  3px;
  text-align:right;
  background-color: #6192c0;
  font-weight:bold;
  padding-right:5px; 
} 

.tabla-ddl
{
  height:16px;
  font-size:.8em;
  font-family    : Arial, Helvetica, sans-serif;
  color          :#Navy;
  padding-left        :  3px;
  border-left    :  solid 1px #c1c1c1;
  border-top     :  solid 1px #cfcfcf;
  border-right   :  solid 1px #cfcfcf;
  border-bottom  :  solid 1px #cfcfcf;
  width:99%;
} 
.tabla-rbut
{
    height:16px;
  font-size:.8em;
  font-family    : Arial, Helvetica, sans-serif;
  color          :Navy;
  padding-left        :  3px;
  
}
.tabla-campo{text-align:left;}
.tabla-ddl:focus
{
    border-color:#646464;
    color:Navy;
    background-color:#F7F293;  

}   
 
 
  .tabla-drop
{
    color:Navy;
    height:20px;
    font-size:.8em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1px; }
    
.tabla-drop:focus 
{
    border-color:#646464;
    background-color:#F7F293;
    border: 1px solid #D8D8D8;
} 


.ayudiv
{
border-top:2px solid #6192c0;  overflow:hidden;
border-left:1px solid  #6192c0;
border-right:1px solid #6192c0;
border-bottom:1px solid #6192c0;
padding:5px; margin:5px;   

}
.ayup
{
    text-align:center; text-transform:uppercase; text-decoration:underline;
}

.cuadro-div
{
position:absolute; 
top:calc(2% + 30px);
text-align:center;
height:calc(92% - 30px);
z-index:100;
left:1%; 
width:98%; background-color:White;
border-top:2px solid #6192c0;  overflow:hidden;
border-left:1px solid  #6192c0;
border-right:1px solid #6192c0;
border-bottom:1px solid #6192c0;
/*border-radius:10px;*/
-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
 overflow:auto;
 margin-bottom:2%;
} 

.cuadro-int
{
position:absolute; 
top:20%;
text-align:center;
height:88%;
z-index:100;
left:10%; 
width:76%; background-color:White;
border-top:10px solid #0C289A;  overflow:hidden;
border-left:3px solid  #0C289A;
border-right:3px solid #0C289A;
border-bottom:3px solid #0C289A;
border-radius:10px;
-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
oveflow:auto;
} 

.cuadro-izq
{

}  


.boton
      {
          background-color:White;
    background-image:url('puntos.jpg');
    background-position:left;  
    background-repeat:no-repeat;
    color:#6192c0;
    font-weight:bold;
    border:none;
    font-size:14px;
    font-family:Arial;
    border:1px solid Navy;
    text-align:left;
    padding-left:35px;
      }
          
.boton:hover
{
    color:Red;
    background-image:url('puntos.jpg');
    background-position:left;  
    background-repeat:no-repeat;
    cursor:pointer;   
} 
          
          
          


.ajax__tab_blueGrad-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:10px;
    color:Navy;
    border-bottom:solid 10px ##6192c0;
    text-align:left;
     margin-top:1%;
     width:95%;
     left:1%;
     top:3%;
     height:20px;
     margin-top:3px;
}
.ajax__tab_blueGrad-theme .ajax__tab_header .ajax__tab_outer 
{
   /* background:url(images/blueGrad.jpg) repeat-x;*/
    background-color: #6192c0;
    margin:0px 0.09em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:middle;
    border:solid 1px #6192c0;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-width:0px;
}
.ajax__tab_blueGrad-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#ffffff;
  padding:0.35em 0.75em;   
    margin-right:0.01em;
}
.ajax__tab_blueGrad-theme .ajax__tab_hover .ajax__tab_outer 
{
    /*background: url(images/blueGrad.jpg) #84aeef repeat-x left -1300px;*/
    background-color:#6192c0;
}
.ajax__tab_blueGrad-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_blueGrad-theme .ajax__tab_active .ajax__tab_outer
{
     /*background:url(images/blueGrad.jpg) #84aeef repeat-x left -1400px;  */
     background-color: #369;
}
.ajax__tab_blueGrad-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:White;    
    border:solid 1px #6192c0;
    border-top-width:10px;
   
}               

.FixedHeader {
            position: absolute;
            font-weight: bold;
            margin-bottom:500px;
            background-color:Navy;
            color:White;
            border:1px solid White;
        }
        


.d-tit
{
  
    top:0px; 
    background-color:#6192c0;
    background-image:  url(DELATE.gif);
    background-repeat:  no-repeat;
    background-position: right;
     
    
    
    /*background-position:right;
    background-repeat:no-repeat;*/
    color:White; font-family:Verdana; 
    text-align:center; 
    vertical-align:middle; 
    font-weight:bold; 
    font-size:1.1em; 
    height:28px; 
    width:100%;
    text-transform:uppercase;
    margin: 0px 0px 1px 0px;
    text-shadow: 2px 2px 4px #000000;
    
}   


.cuadro-m-der
{

position:absolute; 
top:40px;
text-align:center;
height:calc(94% - 40px);
z-index:100;
left:20px; 
width:calc(99% - 230px); background-color:White;
border-top:2px solid #6192c0;  overflow:hidden;
border-left:1px solid  #6192c0;
border-right:1px solid #6192c0;
border-bottom:1px solid #6192c0;
/*border-radius:10px;*/
-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
 overflow:auto;
} 


.cuadro-m-iz
{

 
position:absolute; 
top:40px;
text-align:center;
height:calc(94% - 40px);
z-index:100;
left:1%; 
width:200px; background-color:White;

border-top:2px solid #6192c0;  overflow:hidden;
border-left:1px solid  #6192c0;
border-right:1px solid #6192c0;
border-bottom:1px solid #6192c0;
/*border-radius:10px;*/
-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
 overflow:auto;
 z-index:2000;
}  


.fin_page { 
position: absolute; 
left: 0px; 
bottom: 0px; 
width: 100%; 
top:calc(95% - 6px);
overflow: hidden; 
background:url('logonewops.gif');
    background-repeat:no-repeat;
    background-position:right;
    background-color:White; /* #6192c0;*/
    height:22px;
    width:98%;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    margin-bottom:5px;
    left:50%;
    margin-left:-49%;
   text-shadow: 2px 2px 4px #000000;
   
  }