aside hgroup h2{
font-family: Dosis;
color:#f6a934;
font-size:40px;
margin-left:8px;
padding-bottom:10px;
}

aside hgroup h3{
width:310px;
font-family: Dosis;
color:#3f518e;
font-size:20px;
margin:10px 5px 0px 8px;
padding-bottom:10px;
border-bottom:1px dotted #3f518e;
}


.view {
   width: 300px;
   height: 110px;
   margin-top: 20px;
   float: left;
   border: 5px solid #fde9ca;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff ;
}

.view .mask,.view .content {
   width: 300px;
   height: 110px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   font-family: Dosis;
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 20px;
   background: rgba(0, 0, 0, 0.8);
   margin: 5px 0 0 0;
}
.view p {
   width:270px;
   font-family:nexa_lightregular;
   font-size: 15px;
   line-height:16px;
   position: relative;
   color: #fff;
   padding: 10px 10px 10px 10px;;
   text-align: center;
   float:left;
}
.view a.info {
   text-decoration:none;
   text-transform:uppercase;
   color:#f6a934;
   padding:5px 5px 2px 5px;
   border-radius:3px;
    background: rgba(255, 255, 255, 0.5);

   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   text-align:center;
   
}
.view a.info:hover {
	color: #3f518e;
   
}