/****************************************/
/* Button */
.boton
{
   font-size:10px;
   font-family:Verdana,Helvetica;
   font-weight:bold;
   color:white;
   background:#638cb5;
   border:0px;
   width:80px;
   height:19px;
   text-align:center;
}

/****************************************/
/* SPAN */
.menu
{
   font-family : Verdana, Arial, Trebuchet MS;    
   font-weight : bold;
   font-size   : smaller;
}

/****************************************/       
/* Loading */
.Loading 
{
  background-color:#CF4342;
  color:#fff;    
  top:0px;
  right:0px; 
  position:fixed;
}

.Loading img 
{
  vertical-align:middle;
  margin:10px;
}

/****************************************/
/* Tabla */        

table,td
{
  background-color     : White;
  border               : 1px solid #CCC;
  border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

td
{
    text-align           : left;
    }

.TDmenu{
  background-color     : White;
  border               : 1px solid #CCC;
  border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  text-align           : left;
}

.TDLogged{
  background-color     : White;
  border               : 1px solid #CCC;
  border-collapse      : collapse;
  font-family          : Verdana, Arial, Tahoma;
  font-size            : smaller;
  text-align           : left;
  font-weight          : bold;
}


.sinborde
{
  background-color     : White;
  border               : 0px solid #CCC;
  border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}

.sinbordev2
{
  background-color     : White;
  border               : 0px solid #CCC;
  border-collapse      : collapse;
  font-family          : Verdana, Arial, Tahoma;
  font-size            : smaller;
  font-weight          : bold;
  text-align           : left;
}

.celdaHijo
{
  border               : 1px solid #CCC;
  border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  color                : black;
  background-color     : #F2FFF2;
}

.tdHijoFijo
{
  border               : 1px solid #CCC;
  border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  color                : black;
  background-color     : #F4F4FF;
  font-weight          : bold;
  position              :fixed; 
}

.tdPadreFijo
{
  border               : 1px solid #CCC;
  border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  color                : black;
  background-color     : #F4F4FF;
  font-weight          : bold;
  position              :fixed; 
}

.celdaPadre
{
  border               : 1px solid #CCC;
  border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  color                : black;
  background-color     : #F4F4FF;
  font-weight          : bold;  
}

.celdaPadreNum
{
  border               : 1px solid #CCC;
  border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  color                : black;
  background-color     : #F4F4FF;
  font-weight          : bold;  
  text-align           : right;
}

.celdaNoAprobada{
  border               : 1px solid #CCC;
  border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  color                : black;
  background-color     : #eef4d3;
}

.ItemSinSaldo{
  border               : 1px solid #CCC;
  border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  font-weight          : bold;
  color                : red; 
  background-color     : #FBFBFB; /*#F7CBCA;*/  
}

.UnidadSinSaldo{
  border               : 1px solid #CCC;
  border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  font-weight          : bold;
  color                : red; 
  background-color     : #F4F4FF; /*#F7CBCA;*/  
}

.celdaDato
{
  border               : 1px solid #CCC;
  border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  color                : black;
  background-color     : #FBFBFB;
  text-align           : right;
}

.celdaDetalle
{
  border               : 1px solid #CCC;
  border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  color                : black;
  background-color     : #FFFFCC;
  text-align           : right;
}

.celdaDetalleSinSaldo
{
  border               : 1px solid #CCC;
  border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  color                : red;
  font-weight          : bold;
  background-color     : #FFFFCC;
  text-align           : right;
}

.celdaCabecera
{
  background-color     : #F9FDFF;
  border               : 1px solid #CCC;
  border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
  font-weight          : bold;
}

.tableSinBorde{
  border-left   : 0px;
  border-right  : 0px;
  border-top    : 0px;
}

table{
  border                :1px solid #CCC;
}

thead th,
tbody th
{
  
  color                 : #666;  
  padding               : 5px 10px;
  border-left           : 1px solid #CCC;
    
}

tbody th
{
  background            : #fafafb;
  border-top            : 1px solid #CCC;
  border-bottom         : 1px solid #CCC;
  text-align            : left;
  font-weight           : bold;
}

.thBlue
{
  background            : #C3D9FF;
  border-top            : 1px solid #CCC;
  border-bottom         : 1px solid #CCC;
  text-align            : left;
  font-weight           : bold;
}

tbody tr td
{
  padding               : 5px 10px;
  color                 : #666;
}


.fila:hover
{
  background            : #FFF url(../img/tr_bck.gif) repeat;
}

tbody tr td:hover
{
  color                 : #454545;
}

tfoot td,
tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
  padding               : 4px;
  background            : #FFF url(img/foot_bck.gif) repeat;
  color                 : #666;
}

caption
{
  text-align            : left;
  font-size             : 120%;
  padding               : 10px 0;
  color                 : #666;
}

table a:link
{
  color                 : #666;
  text-decoration       : none;
}

table a:visited
{
	color                 : #666;
	text-decoration       : none;
}

table a:hover
{
	color                 : #003366;
	text-decoration       : none;
}

table a:active
{
 	 color                 : #003366;
}

/****************************************/
/* Popup */
.CajaDialogo{    
     border-top: 1px solid #ddd;
     border-left: 1px solid #ddd;
     border-right: 1px solid #666;
     border-bottom: 1px solid #666;
     padding: 2px 0;
     font-family:Verdana, Arial;
     background:#FFFFFF;
     }

.CajaDialogo td{
     text-align: left;
}

.FondoAplicacion{
     background: #FFFFFF;
     filter: alpha(opacity=70);
     opacity: 0.7;            
     }

/****************************************/
/* Iframe */

.Iframe{
	color:#222222;
	text-align:center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	outline: 0 0 0;	   
	width:100%;
	height: 200px;
	background-color: #c0c0c0;
    border: 1px solid #EFEFEF;
	}

/****************************************/
/* TextBox */

.numBox_normal 
{ 
    background-color:#FFFFFF;
    border: 1px solid #EFEFEF;
    /* border: 1px solid #FFFFFF; */
    text-align:right;
    width:65px;
    }
    
.numBox_activado 
{ 
    background-color:#FFFFEC; /* #FFFFCC; */
    border: 1px solid #638cb5;
    text-align:right;
    width:65px;
    }

.numBox_activadoB
{ 
    background-color:#FFFFFF; /* #FFFFCC; */
    border: 1px solid #638cb5;
    text-align:right;
    width:65px;
    }
    
.numBox_cambio
{ 
    background-color:#FFFFFF; /* #FFFFCC; */
    border: 1px solid #638cb5;
    text-align:right;
    color:Red;
    width:65px;
    }
    

.txtBox_normal 
{ 
    background-color:#FFFFFF;
    border: 1px solid #EFEFEF;    
    }
    
.txtBox_activado 
{ 
    background-color:#FFFFCC; 
    border: 1px solid #638cb5;
    }

.txtBox_error
{ 
    background-color:#C3D9FF; /*#FFCC99;*/
    border: 1px solid #EFEFEF;
    }

    
/****************************************/
/* Mensajes Alerta */    

.clean-error{
	border:solid 1px #CC0000; 
	background:#F7CBCA;
	color:#CC0000;
	font-weight:bold;
	padding:4px;
	text-align:center;
	font-family:Verdana,Arial;
	font-size:10px;
	}

.clean-ok{
    border:solid 1px #349534; 
	background:#C9FFCA;
	color:#008000;
	font-weight:bold;
	padding:4px;
	text-align:center;
	font-family:Verdana,Arial;
	font-size:10px;
	}

.clean-alerta{
	border:solid 1px #DEDEDE; 
	background:#FFFFCC;
	color:#222222;
	padding:4px;
	text-align:center;
	font-family:Verdana,Arial;
	font-size:10px;
    font-weight:bold;
	}

.up-alerta{
	border:solid 1px #DEDEDE; 
	background:#FFFFCC;
	color:#222222;
	padding:4px;
	text-align:center;
	font-family:Verdana,Arial;
	font-size:10px;
    font-weight:bold;
    top:0px;
    right:50%;
    left:40%;
    position:fixed;    
	}

.up-ok{
    border:solid 1px #349534; 
	background:#C9FFCA;
	color:#008000;
	font-weight:bold;
	padding:4px;
	text-align:center;
	font-family:Verdana,Arial;
	font-size:10px;
    top:0px;
    right:50%;
    left:40%;
    position:fixed;    	
	}

/****************************************/

li,ul,ol{
    list-style:none;
    margin:0;
    padding:0;
    }
    
    
.DivBase{
	text-align:center;
	font-family:Verdana,Arial;
	font-size:10px;    
    }
    
img{
    border-width: 0px
    }
  
    
/****************************************/

    .background{
         display: none;
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 1000px;
         background: #FFF;
         z-index:1;
         opacity:.60;
         -moz-opacity: 0.60;
         filter: alpha(opacity=60);                 
    }    
    
    .modal {
         display: none;
         position: absolute;
         margin:0 auto 0 auto;
         top: 5%;
         left: 50%;
         /* left: 25%; */
         width: 50%;
         height: 70%;
         padding: 16px;
         background: #fff;
         color: #333;
         z-index:2;
         overflow: auto;
         border: solid 1px #5A8B7E          
    }   
    
.txtClasico
{
     background-color:#FFFFFF;
     border: 1px solid #EFEFEF;
     text-align:left;
     color                 : Black;
    }

.txtClaro
{
     background-color:#FFFFFF;
     border: 1px solid #EFEFEF;
     text-align:left;
     color                 : #666;
    }    
 
    
a:link
{
  color                 : #666;
  text-decoration       : none;
}

a:visited
{
	color                 : #666;
	text-decoration       : none;
}

a:hover
{
	color                 : #003366;
	text-decoration       : none;
}

a:active
{
 	 color                 : #003366;
}    


li:hover {
  background: #FFFFCC;
  color: black;
}