﻿body 
{
    font-size:  16px;
     font-family:Arial;
}

.liMenuPrincipal
{
    
    height:30px; 
    display:block;
    padding: 3px 7px; 
    text-align:center;
    line-height: 2em; 
    margin-left:0px; 
    cursor:pointer; 
    float:left; 
    margin-left:5px;
     
}

.inputTexto
{
    text-transform:uppercase;
    
    }

.inputClave
{
    
    text-transform:uppercase;
    
    }

.inputNumero
{
    text-align:right;
    }

.inputDecimal
{
    text-align:right;
    }

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
 .labelTotales
 {
     border-style:solid;
     border-color: Gray;
     border-width:1px;
      
     }
     .labelRed
     {
          color:Red;
         }
         
.textarea 
{
    text-transform:uppercase;
    resize: none;
}
.trDetalle
{
    background-color:rgb(226, 228, 255);
}
    
    .spanInLine
    {
        
          display:inline-block !IMPORTANT; 
          top:3px !IMPORTANT; 
          cursor:pointer;
         position:relative;
         top:3px;
        
        }
    
    .divInputReadOnlyText
    {
         display:inline-block; 
         border:1px solid silver; 
         height:20px; 
         vertical-align:middle; 
         line-height:20px; 
         text-align:left;
         overflow:hidden;
          color:Gray;
        }
        
         .divInputReadOnlyNum
    {
         display:inline-block; 
         border:1px solid silver; 
         height:20px; 
         vertical-align:middle; 
         line-height:20px; 
         text-align:right;
         overflow:hidden;
           color:Gray;
        }
        .divReadOnlyTexto
    {
         display:inline-block; 
         height:25px; 
         
         vertical-align:middle; 
         line-height:25px; 
         text-align:left;
         overflow:hidden;
        
        }
        
           .divReadOnlyNumero
    {
         display:inline-block; 
         height:25px; 
         
         vertical-align:middle; 
         line-height:25px; 
         text-align: right;
         overflow:hidden;
        
        }
   .progress-label
   {
       
       float: left;
     margin-left:30%;
   font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
       
       }
       
       .divLinkIconosPrincipal
{
    cursor: pointer;
    color: #000099;
    font-weight: bold;
}
           
.menuAcciones
{
                
    width:100px;
    float:left;
    list-style:none;
              
}
                   
.BotonIconOnly
{
                       
    min-height:25px;
                       
}

       .divLinkIconosPrincipalDisabled
{
    color: Gray;
    font-weight: bold;
    opacity: 0.9;
}

.divPaginacionBotones
{
    
    display:inline-block; background-repeat:no-repeat; background-size: 100% 100%; cursor:pointer; width:15px; height:15px;
    
}

.divPaginacionBotonesCarrito
{
    
    display:inline-block; background-repeat:no-repeat; background-size: 100% 100%; cursor:pointer; width:15px; height:15px;
    
}

.divAgregarCarrito
{
        
    background-color:#f1c616; text-align:center; width:80px; height:30px; font-weight:bold; color:#34495e; cursor:pointer; display:inline-block; width:150px;
        
    }
        
.divModificarCantidad
{

    background-color:#16a085; text-align:center; width:80px; height:30px; font-weight:bold; color:#bdc3c7; cursor:pointer; display:inline-block;

}
        
.divVistaProductoId
{
    display:inline-block; 
    width:200px; 
    text-align:left; 
    font-weight:bold; 
    color:#7f8c8d; 
    font-size:large;
}

.divRemover
{
    color:Blue;
    font-size:small;  
    cursor:pointer;
}

.divRemover:hover
{
    text-decoration:underline;
}

.Activo
{
    background-color:#fb6900;
    border-right:1px solid #f9c6a2;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fb6900), to(#f9c6a2));
    background: -moz-linear-gradient(#fb6900, #f9c6a2);
    background: linear-gradient(#fb6900, #f9c6a2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fb6900, EndColorStr=#f9c6a2)";
}
    
.EstadoNormal
{
     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e5e5e5), to(#fff));
    background: -moz-linear-gradient(#e5e5e5, #fff);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#e5e5e5, EndColorStr=#ffffff)";
        
}
        
.Boton
{
    background-color: #0000CC;
    color: #f5f5f5;
}
            
.Boton:hover
{
    background-color:#f99f5e; color:#f5f5f5;
}

.OpcionMenu
{
    float:left;
    
    cursor:pointer;
    border-right: 1px solid #ccc;    
    width:150px;
    height:35px;
    line-height: 35px;
    font-size:medium;
    text-align:center;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e5e5e5), to(#fff));
    background: -moz-linear-gradient(#e5e5e5, #fff);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#e5e5e5, EndColorStr=#ffffff)";
}

.OpcionMenu:hover
{
     background-position: initial;
    background-image: linear-gradient(rgb(251, 105, 0), rgb(249, 198, 162));
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #fb6900;
    color:White;
    text-align:center;
}

.MenuSeleccionado
{
    
     background-position: initial;
    background-image: linear-gradient(rgb(251, 105, 0), rgb(249, 198, 162));
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: #fb6900;
    color:White;
    text-align:center;
    
}

.Footer
{
     position:fixed;
      bottom:0px;
     width:100%;
     height:50px;
     background-color: #191919;
    margin: 0px;
  padding: 0px;
  font-size: 100%;
  color: #666;
}
    
    
.aOp3
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    font-style: normal !Important;
}
.aOp2
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	color: Gray !Important;
}


.aOpciones
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	color: Gray !Important;
	 

}