/*********************************************
    Documento : TablaOrden.css
	Version   : 1.0
	Licencia  : Creative Commons-No Comercial
    Creado    : ‎jueves, ‎28‎ de ‎noviembre‎ de ‎2013
    Autor     : Aldo Tellez
    E-mail    : tellez.franco.aldo@gmail.com
**********************************************/
/*
Usted tiene el derecho de copiar distribuir, exhibir 
y representar la obra y hacer obras derivadas para 
fines no comerciales.
*/
.TablaOrden{
    padding:2em 0 0;
    margin:0 auto;
    color:#ccc;
    text-decoration:none;
    border-collapse:collapse;
    background-color:#000
}
.TablaOrden,.TablaOrden>caption{
    text-align:left;
    border:dimgray 1px solid
}
.TablaOrden>caption{
    padding:.5em 1em .5em .5em;
    color:#fff;
    background:#1e5799
}
.TablaOrden>tbody tr:nth-child(odd){
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    background:#45484d
}
.TablaOrden>tbody tr:hover td{
    border-bottom:1px solid #6678b1;
    border-top:1px solid #6678b1;
    background:#000
}
.TablaOrden>thead{
    cursor:pointer;
    line-height:10px;
    text-shadow:0 1px 1px rgba(0,0,0,.3);
    border:dimgray 1px solid;
    background:#45484d;
    background:-moz-linear-gradient(top,#45484d 0%,#000 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#45484d),color-stop(100%,#000));
    background:-webkit-linear-gradient(top,#45484d 0%,#000 100%);
    background:-o-linear-gradient(top,#45484d 0%,#000 100%);
    background:-ms-linear-gradient(top,#45484d 0%,#000 100%);
    background:linear-gradient(to bottom,#45484d 0%,#000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 )
}
.TablaOrden>thead th{
    padding:.5em 1em .5em .5em
}
.TablaOrden>thead th:hover{
    background:rgba(255,255,255,.2)
}
.TablaOrden>thead th:after{
    float:left;
    width:10px;
    height:13px;
    margin-right:3px;
    content:'';
    background-color:none
}
.ord_asc,.ord_desc{
    background:rgba(255,255,255,.2)
}
.ord_asc:before,.ord_desc:before{
    float:left;
    margin-right:-5px;
}
.ord_asc:before{
    content:'\2191'
}
.ord_desc:before{
    content:'\2193'
}
.bg_fila{
    background:rgba(255,255,255,.3)
}