.recentPosts{
	display: flex;
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	-o-flex-direction: row-reverse;
}

.recentPosts > div {
    padding: 20px;
}

.recentPosts > div:first-child {
    padding-right: 0;
}

.recentPosts > div:last-child {
    padding-left: 0;
}

/************* Columna Izquierda *************/
.recentPosts > div:last-child > div {
    display: flex;
    align-items: center;
}

.recentPosts > div:last-child > div > div:first-child {
    margin-right: 40px;
    max-width: 30%;
}

.recentPosts > div:last-child > div > div:last-child .teaser{
	display: none;
}

.recentPosts > div:last-child .date {
    color: #f03e3a;
}

.recentPosts > div:last-child .posttitle {
    line-height: 19px;
	margin-top: 0;   
}

.recentPosts > div:last-child .posttitle a {
    color: #333;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 700;    
}

.recentPosts > div:last-child .posttitle a:hover {
    color: #f03e3a;
}

/**************** Columna Derecha *****************/

.recentPosts > div:first-child > div .item_inn .teaser{
	display: none;
}

.recentPosts > div:first-child > div .item_inn{  
	background: #f03e3a;
	padding: 30px;
	color: #fff;
	text-transform: uppercase;  
	font-weight: 300;
}

.recentPosts > div:first-child > div .item_inn .posttitle {
    margin-top: 0;
    line-height: 19px;
}

.recentPosts > div:first-child .posttitle a {
    color: #fff;    
    font-size: 19px;
    font-weight: 700;    
}

.recentPosts > div:first-child .posttitle a:hover {
    color: #1c3e5e;
}

@media screen and (max-width:480px){
	.recentPosts {
	    display: flex;
	    flex-wrap: wrap;
	}

	.recentPosts > div{
		padding:0;
	}
}