.img_logo
{
    margin-top:10px;    
    margin-bottom:10px;
}

.btn_ako
{
 margin-top:10px;    
}


.bottom_20
{
 margin-bottom:20px; 
}


.left_10
{
 margin-left:10px;    
}

.left_20
{
 margin-left:20px;    
}
.derecha_10
{
 margin-right:10px;   
}

.derecha_5
{
 margin-right:5px;   
}

.barra_ako
{
 margin-top:20px;    
}

.top25
{
 margin-top:25px;    
}
.top20
{
 margin-top:20px;    
}

.top10
{
 margin-top:10px;    
}

.a_la_derecha
{
    float:right;
}

.span_asunto_mensaje
{
     min-width:100px;
    
}

.span_ako
{
     min-width:140px;
}

.span_menu
{
     min-width:140px;
}

.span_menu_cli
{
     min-width:150px;
}

.estado_pedido
{
 margin-left:10px;    
 
}

.span_meses
{
     min-width:90px;
}
.div_calendario
{
 border: 1px solid #FFFF;
 background-color:#E6D690;
 padding-top:5px;
 padding-right:5px;
 padding-bottom:5px;

}

.letra_enana
{
    font-size:xx-small;
}

 @media (min-width: 100px){
  .seven-cols .col-xs-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
   width : 14.285714285714285714285714285714%;
  
 
  }
}  
    


@media (min-width: 768px){
  .seven-cols .col-xs-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
   width : 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
 
  }
}

@media (min-width: 992px) {
  .seven-cols .col-xs-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}