* {margin:0; padding:0; outline:none}

.sortable {width:100%; border-left:1px solid #aaa; border-top:1px solid #aaa; border-bottom:none; margin:0 auto 15px}
.sortable th {padding:10px; background-color:#BAAEA3; text-align:center; color:#fff; border:1px solid #fff; border-right:none}
.sortable td {padding:4px 6px 6px; text-align:center; border-bottom:1px solid #aaa; border-right:1px solid #aaa; height:38px}
.sortable .head h3 {background:url(../images/sort.png) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background-color:#F89A3E}
.sortable .desc h3 {background:url(../images/desc.png) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(../images/asc.png) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#f2f2f2}
.sortable td.evenselected {background:#FFFCBE}
.sortable td.oddselected {background:#FFF98D}

#controls {width:680px; margin:40px auto; font-size:18px}
#perpage {float:left; width:150px}
#perpage select {float:left;}
#perpage span {float:left; margin:2px 0 0 5px}
#navigation {float:left; width:320px; text-align:center}
#navigation img {cursor:pointer}
#text {float:right; width:190px; text-align:right; margin-top:2px}

.foto_t td{ height: 160px;}