body {

}

p,blockquote, a, h1, h2, h3, h4, h5, h6 { 
	font-family: 'Signika', sans-serif; 
}

h1, h2, a {
	color: #000;
}

h3, h4 {
	color: #8a8a8a;
}

.image-size {
	max-width: 100%;
    height: auto;
    width: auto;
}

.new-post {
	width: 20%; 
	background-color: #3c6; 
	padding: 7px; 
	border-radius: 50px;
	clear: none;
}

.new-post:hover {
	background-color: #49df85;
}

.new-post a {
	text-align:center;
	text-decoration: none;
}

.new-post a h3 {
	color: #fff !important;
}

.delete-post, .edit-post {
	padding: 15px;
	border-radius: 7px;
	display: inline-block;
}

.delete-post {
	background-color: #c33;
}

.delete-post:hover {
	background-color: #f66;
}

.edit-post {
	background-color: #E5A91D;
}

.edit-post:hover {
	background-color: #fc3;
}

.delete-post a, .edit-post a {
	text-decoration: none;
	color: #fff;
	text-align: center !important;
}

.view-post-div {
	width: 80%; 
	background-color: #fff;
	padding: 30px;
}

.post-body, .view-post-body, .edit-post-body {
	background-color: #EFECEC;
}

.view-post-img {
	float:right; 
	width: 40%; 
	margin: 0 0 25px 25px;
}

.view-post-h5, .view-post-p {
	text-align: left !important;
}

.index-post-p {
	text-align: justify !important;
	width: 100%;
}

.admin-bar {
	background-color: #4aadde;
	clear: none;
	float: right;
	border-radius: 10px;
}

.admin-btn, .logout-btn {
	background-color: #4aadde;
	display: inline-block;
	padding: 10px;
}

.admin-btn a, .logout-btn a {
	text-decoration: none;
	color: #fff !important;
}

.admin-btn:hover, .logout-btn:hover {
	background-color: #83c4e5;
	display: inline-block;
}

.admin-btn, .admin-btn:hover {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.logout-btn, .logout-btn:hover {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.top-bar {
	width: 97%;
}

.none-decoration {
	text-decoration: none;
}

@media screen and (min-width: 310px) {
.blog-index {
	width: 1px;
    min-width: 310px;
    border: red 5px solid;
}

.image-container {
	float:left; 
	width: 100%;
	height: 250px;
}

.index-post-img {
	max-width: 100%;
	max-height: 100%;
}

.index-post-p {
	font-size: 12px !important;
}
}

@media screen and (min-width: 576px) {
.blog-index {
	width: 1px;
    min-width: 576px;

}

.image-container {
	float:left; 
	width: 100%;
	height: 250px;
	padding: 10px;
}

.index-post-img {
	max-width: 100%;
	max-height: 100%;
}

.index-post-p {
	font-size: 12px !important;
}
}

@media screen and (min-width: 768px) {
.blog-index {
	width: 1px;
    min-width: 768px;
}

.image-container {
	float:left; 
	width: 55%;
	height: 250px;
	padding: 10px;
}

.index-post-img {
	max-width: 100%;
	max-height: 100%;
}

.index-post-p {
	font-size: 16px !important;
}
}

@media screen and (min-width: 992px) {
.blog-index {
	width: 1px;
    min-width: 992px;
}

.image-container {
	float:left; 
	width: 30%;
	height: 250px;
	padding: 0 40px 10px 10px;
}

.index-post-img {
	max-width: 100%;
	max-height: 100%;
}

.index-post-p {
	font-size: 16px !important;
} 
}

@media screen and (min-width: 1200px) {
.blog-index {
	width: 1px;
    min-width: 1200px;
    *width: 100%;
}

.image-container {
	float:left; 
	width: 30%;
	height: 250px;
	padding: 0 40px 10px 10px;
}

.index-post-img {
	max-width: 100%;
	max-height: 100%;
}

.index-post-p {
	font-size: 16px !important;
}
}
 /*      aqui se escribio la deecripcion de la noticia    */
.content {
	width:100%
    /*width: 900px;*/
    /*border: 2px solid red;*/
    padding: 20px;
    overflow: hidden;
    clear: both
	

}

.content img {
	width: 250px;
	height: auto;
    margin-right: 15px;
    float: left;
    overflow:hidden;
}