/*publicacion blog*/
.ContentViews{
	width: 100%;
	height: 100vh;
}
.ViewItemBlogImg{
	background: rgba(127, 140, 141,0.8);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: 150px;
}
.ViewItemBlogImg>img{
	position: relative;
	width: 30%;
	height: 100%;
}
.ViewItemBlogBtn{
	display: block;
	position: relative;
	width: 15%;
	background-color: #ffffff;
	height: 100%;
	min-height: 150px;
	border: 2px solid #D9AA0B;
}
.ViewItemBlogBtn>a{
	display: block;
	/*position: relative;*/
	width: 100%;
	min-height: 100%;
}
.ViewItemBlogBtn>a:hover{
	background-color: #D9AA0B;
	color: #fff;
}
.ViewItemBlogBtn>a>span{
	min-height: 140px;
	display: flex;
	justify-content: center;
	align-items: center;

}
.ViewItemBlogDetail>p{
	color: #2c3e50;
	font-size: 0.9em;
    width: 100%;
	height: 243px; 
    text-align: justify;
 	word-wrap: break-word;
    padding: 10px;
}
.ViewItemBlogTitel{
	color: #fff;
	padding: 20px;
	border-bottom:1px solid #fff;
}
.ViewItemBlog{
	margin: 30px auto;
	width: 80%;
}

/*publicacion blog*/
.ContentBodyTitle{
	margin: 30px auto;
	padding:0 50px;
}
.ContentBodyTitle>h1{
	width: 100%;
	color: #003366;
	font-size: 1.5em;
	border-bottom: 2px solid #D9AA0B;
}
.BlogPost{
	width: 90%;
	margin-left: 150px;
}
.BtnArtBlog{
	display: block;
	width: 300px;
	padding: 10px;
	margin: 5px;
	border:1px solid #000;
}
.BtnArtBlog:hover{
	position: relative;
	top:-5px;
	box-shadow: 5px 5px 5px 5px #837A7A;

}
.BlogTitleViews{
	border-bottom: 1px solid var(--ColorMark);;
}
.BlogTitleViews>h4{
	color: var(--ColorMark);
}
.BlogTitleViews>h5{
	font-size: 12px;
	color: var(--ColorMark);
}
.BlogDescription > p{
	color: #2c3e50;
	font-size: 12px;
    text-overflow: ellipsis;
    width: 100%;
	height: 243px; 
    text-align: justify;
 	word-wrap: break-word;
    overflow: hidden;
}
.Blogflex{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.BlogImg>img{
	width: 100%;
}

@media (max-width: 960px ) {
	.BlogPost{
		width: 90%;
		margin-left: 100px;
	}
}