*	 	{ box-sizing: border-box; }
h1 		{ font: bold 24px arial; color: #fff; }
body 	{ font: normal 14px Calibri; line-height: 130%; background: #42190c; padding: 5px 10px; }
header	{ text-align: center; color: #777; }
footer	{ padding: 25px 10px 15px; text-align: center; font-size: 12px; color: #777; }
a		{ color: #eee; }
a:hover	{ color: #fff; }

.clear { clear: both; }

#tab { border: 2px solid #933506; border-radius: 10px; background: #74280a; border-spacing: 0px; border-collapse: separate; margin: 30px auto; box-shadow: 5px 5px 4px rgba(0, 0, 0, .3); }
#tab td, #tab th { padding: 4px; background: #853213; color: #fff; border: 2px solid #74280a;  }
#tab th { background: #44c201; font-size: 16px; text-shadow: 1px 1px 1px black; }
#tab tr td:first-child { text-align: center; }
#tab tr:hover td { border-top-color: #44c201; border-bottom-color: #44c201; }
#tab tr:hover td:first-child { border-left-color: #44c201; }
#tab tr:hover td:last-child { border-right-color: #44c201; }

.img_tag_off,
.img_tag { display: block; float: left; width: 31px; height: 31px; border: 0; margin: 2px 2px; }
.img_tag_off { -webkit-filter: grayscale(100%) opacity(30%); filter: grayscale(100%) opacity(30%);  }
.img_portrait { height: 50px; margin: 0; display: block; }