.ff-container{width:1000px;margin:10px auto 30px auto}.ff-container label{font-family:'BebasNeueRegular','Arial Narrow',Arial,sans-serif;width:100px;height:30px;cursor:pointer;color:#777;text-shadow:1px 1px 1px rgba(255,255,255,0.8);line-height:33px;font-size:19px;background:#ffffff;background:-moz-linear-gradient(top,#ffffff 1%,#eaeaea 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#ffffff),color-stop(100%,#eaeaea));background:-webkit-linear-gradient(top,#ffffff 1%,#eaeaea 100%);background:-o-linear-gradient(top,#ffffff 1%,#eaeaea 100%);background:-ms-linear-gradient(top,#ffffff 1%,#eaeaea 100%);background:linear-gradient(top,#ffffff 1%,#eaeaea 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eaeaea',GradientType=0);float:left;box-shadow:0px 0px 0px 1px #aaa,1px 0px 0px 0px rgba(255,255,255,0.9) inset,0px 1px 2px rgba(0,0,0,0.2)}.ff-container label.ff-label-type-all{border-radius:3px 0px 0px 3px}.ff-container label.ff-label-type-3{border-radius:0px 3px 3px 0px}.ff-container input.ff-selector-type-all:checked ~ label.ff-label-type-all,.ff-container input.ff-selector-type-1:checked ~ label.ff-label-type-1,.ff-container input.ff-selector-type-2:checked ~ label.ff-label-type-2,.ff-container input.ff-selector-type-3:checked ~ label.ff-label-type-3{background:#f5d86e;background:-moz-linear-gradient(top,#ffeeb2 0%,#ebcf6a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffeeb2),color-stop(100%,#ebcf6a));background:-webkit-linear-gradient(top,#ffeeb2 0%,#ebcf6a 100%);background:-o-linear-gradient(top,#ffeeb2 0%,#ebcf6a 100%);background:-ms-linear-gradient(top,#ffeeb2 0%,#ebcf6a 100%);background:linear-gradient(top,#ffeeb2 0%,#ebcf6a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeb2',endColorstr='#ebcf6a',GradientType=0);color:#333;text-shadow:0px 1px 1px rgba(255,255,255,0.3);box-shadow:0px 0px 0px 1px #ccb972,0 2px 2px rgba(0,0,0,0.1) inset}.ff-container input{display:none}.ff-items{position:relative;margin:0px auto;padding-top:20px}.ff-items a{display:block;position:relative;padding:10px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.1);margin:4px;width:290px;height:150px}.ff-items a span{display:block;background:rgba(204,0,51,0.9);color:#fff;font-weight:bold;padding:10px;position:absolute;bottom:10px;left:10px;width:270px;height:0px;overflow:hidden;opacity:0;text-align:left;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:15}.ff-items a span div.title{padding:0px 0px 0px 0px}.ff-items a span div.date{padding:3px 0px 5px 0px;font-size:12px;font-weight:normal}.ff-items a span div.description{padding:5px 0px 5px 0px;font-weight:normal;line-height:16px}.ff-items a:hover span{height:130px;opacity:1}.ff-items li img{display:block}.ff-items li{margin:0px 10px 0px 0px;float:left;width:320px;height:180px;-webkit-transition:opacity 0.6s ease-in-out;-moz-transition:opacity 0.6s ease-in-out;-o-transition:opacity 0.6s ease-in-out;-ms-transition:opacity 0.6s ease-in-out;transition:opacity 0.6s ease-in-out;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.ff-container input.ff-selector-type-all:checked ~ .ff-items li,.ff-container input.ff-selector-type-1:checked ~ .ff-items .ff-item-type-1,.ff-container input.ff-selector-type-2:checked ~ .ff-items .ff-item-type-2,.ff-container input.ff-selector-type-3:checked ~ .ff-items .ff-item-type-3{opacity:1}.ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1),.ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2),.ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3){opacity:0.1}.ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1) span,.ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2) span,.ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3) span{display:none}@font-face{font-family:'BebasNeueRegular';src:url('fonts/BebasNeue-webfont.eot');src:url('fonts/BebasNeue-webfont.eot#iefix') format('embedded-opentype'),url('fonts/BebasNeue-webfont.woff') format('woff'),url('fonts/BebasNeue-webfont.ttf') format('truetype'),url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');font-weight:normal;font-style:normal}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}ol,ul{list-style:none}section,header{display:block}.containerp{text-align:center}.clr{clear:both}