ul.contacto-redes li a i {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    background: #ED3A5A;
    color: #fff;
    box-sizing: border-box;
    text-decoration: none;
    width: 32px;
    height: 32px;
    /* position: relative; */
    top: 10px;
}

ul.contacto-redes li a {
    text-decoration: none;
}
.icoFacebook:hover i {
    background-color: #3B5998;
    color: #fff;
}
.icoTwitter:hover i {
    background-color: #33ccff;
    color: #fff;
}
.icoGoogleplus:hover i {
    background-color: #E04006;
    color: #fff;
}
.icoYoutube:hover i {
    background-color: #CF3427;
    color: #fff;
}

/**************************************/

.content{
    border: 0px solid black;
    border-radius: 3px;
    padding: 5px;
    margin: 0 auto;
    width: 50%;
}

.post{
    border-bottom: 1px solid black;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.post:last-child{
    border: 0;
}

.post h1{
    font-weight: normal;
    font-size: 30px;
}

.post a.link{
    text-decoration: none;
    color: black;
}
.post-text{
    letter-spacing: 1px;
    font-size: 15px;
    font-family: serif;
    color: gray;
    text-align: justify;
}
.post-action{
    margin-top: 15px;
    margin-bottom: 15px;
}

.like,.unlike{
    border: 0;
    background: none;
    letter-spacing: 1px;
    color: lightseagreen;
}

.like,.unlike:hover{
    cursor: pointer;
}

/* media query */
@media (max-width: 800px){
    .content{
        width: 95%;
    }
}

/********************************************/

.barra{width:150px; height:30px; background:#ebebeb; position:relative;}
.stars{position:absolute; left:0; top:0; width:100%;}
.star{
	float:left;
	width:30px;
	height:30px;
	text-align:center;
	position:relative;
	cursor:pointer;
}
.star.full{background:linear-gradient(to bottom, #fee24f, #f4bb2f)}

.bg{float:left;height:30px; width:30%; background:linear-gradient(to bottom, #fee24f, #f4bb2f);}
.starAbsolute{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url("../../../public/starpng.png") top left no-repeat;
	background-size:cover;
}


/************************** Alertas y/o Notificacines *************************/
.alerta {
    width: 400px;
    min-width: 150px;
    position: absolute;
    top: -150px;
    right: 30px;
    z-index: 99999;
    -webkit-transition: all .2s ease-out .2s; /* Safari */
    transition: all .2s ease-out .2s;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 5px;
    visibility: hidden;
}

.alerta-icon {
    padding-left: 0px;
}

.alerta-body {
    padding-right: 0px;
}

.alerta:hover {
    border: 1px solid #FFF;
    opacity: .8;
}

.alertload {
    border: 2px solid #FFF;
    width: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: width 6s;
    -moz-transition: width 6s;
    -o-transition: width 6s;
    transition: width 6s;
}

.alerta-success {
    background-color: #2AB87F;
    color: #FFF;
    font-weight: 300;
}

.alerta-danger {
    background-color: #CA2222;
    color: #FFF;
    font-weight: 300;
}

@media (max-width: 767px) {
    .alerta {
        max-width: 250px;
    }
    .alerta-icon, .alerta-body>h5 {
        display: none;
    }
}