.img-author {
    height: 56px;
    width: 56px;
}

#related-articles {
    padding-left: 15px;
}

.info-author-drop {
    /*top: -20px;*/
    /*right: 2em;*/
    font-family: 'open_sansregular';
    font-size: 1em;
    color: #718d99;
    padding-left: 39px!important;
}

.info-author-drop button:hover {
    color: #718d99;
}

.info-author-drop-opinion {
    /*top: -20px;*/
    right: -1em;
    font-family: 'open_sansregular';
    font-size: 1em;
    color: #718d99;
    padding-left: 39px!important;
}

.info-author-drop-opinion button:hover {
    color: #718d99;
}

.info-author-drop-suplementos {
    /*top: -20px;*/
    right: -2em;
    font-family: 'open_sansregular';
    font-size: 1em;
    color: #718d99;
    padding-left: 39px!important;
}

.info-author-drop-suplementos button:hover {
    color: #718d99;
}


.info-author-socials-header {
    /*font-family: 'open_sansregular';*/
    /*font-size: 1em;*/
    /*color: #718d99;*/
    list-style-type: none;
    margin-bottom: 0px;
}

.info-author-socials {
    font-family: 'open_sansregular';
    /*font-size: 0.9em;*/
    color: #414040;
    /*padding-left: 20px;*/
    padding-right: 5px;
    font-size: 1em;
    margin-top: 3px;
}

.info-author-socials-header a {
    color: #718d99;
}

.img-author-opinion {
    height: 86px;
    width: 86px;
    right: 3em;
    top: -2em;
}

.img-author-index-page {
    height: 86px;
    width: 86px;
}

.info-author-drop-opinion {
    top: 0.6em;
    right: -2em;
    font-family: 'open_sansregular';
    font-size: 1em;
    color: #718d99;
}

.links a {
    color: #718d99;;
}

.links a:hover {
    color: #18a4de;
}

.info-news {
    /* color: #718d9a; */
    color: #414040;
}

.info-news .date {
    float: left;
    margin-right: 0.25em;
}

.info-news .date-info {
    padding-top: 7px;
    font-size: 18px;
    margin-right: 10px;
}

.info-news .date-info-author {
    padding-top: 7px;
    font-size: 18px;
    margin-right: 10px;
}

.info-news .author-tweet {
    float: left;
    padding-top: 7px;
    font-size: 18px;
}

.detalles-desplegar {
    top: 3px;
    padding-left: 10px;
    cursor: pointer;
}

/*dropdown de los datos de cada autor*/
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #f1f1f1
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
    display: block;
}

@media (max-width: 767px) {
    .info-news .author-tweet {
        /*float:right;*/
        padding-top: 0px;
        font-size: 18px;
    }
}

.info-news .author-name {
    padding-top: 9px;
    font-size: 18px;
    float: left;
}

.info-news .author {
    float: right;
    width: 50%;
}

@media (max-width: 991px) {
    /*.info-news .img-author {
        width: 160%;
    }*/
}

.info-news .title {
    font-size: xx-large;
    color: #414040;
}

@media (max-width: 767px) {
    .info-news .title {
        font-size: x-large;
    }
}

.info-news .text-article {
    padding-top: 10px;
}

.info-news article {
    color: #414040;
}

.info-news .img-footer {
    float: right;
    font-size: 0.8em;
    margin-right: 10px;
    margin-left: 10px;
    width: 50%;
    text-align: right;
}

.img-footer {
    float: right;
    font-size: 0.8em;
}

.info-news .social-info {
    padding-top: 25px;
    font-size: 16px;
    text-decoration: underline;
}

.info-news .send-comment {
    padding-top: 17px;
    font-size: 18px;
    color: #414040;
}

.info-news .last-group {
    padding-top: 10px;
    color: #414040;
}

.info-news .comment-text {
    font-size: 16px;
    text-align: justify;
    text-decoration: none;
}

.info-news .normas-text {
    font-size: 13px;
    text-align: left;
    color: #414040;
}

.info-news .photo-details {
    background-color: #fff;
    padding-left: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.3em;
}

.hover-effect {
    display: block;
    position: relative;
    background: none;
    overflow: hidden;
    /*z-index: 0;*/
    /*color skin*/
    /* style1 : checked icon */
}

.hover-effect:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-transform: rotateY(180deg) scale(0.5, 0.5);
    -moz-transform: rotateY(180deg) scale(0.5, 0.5);
    -ms-transform: rotateY(180deg) scale(0.5, 0.5);
    -o-transform: rotateY(180deg) scale(0.5, 0.5);
    transform: rotateY(180deg) scale(0.5, 0.5);
    background: url(../img/hover-effect.png) no-repeat center;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    background-color: rgba(1, 120, 220, 0.6);
}

.hover-effect img {
    display: block;
    position: relative;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-backface-visibility: hidden;
}

.hover-effect:hover:after {
    visibility: visible;
    -webkit-transform: rotateY(0deg) scale(1, 1);
    -moz-transform: rotateY(0deg) scale(1, 1);
    -ms-transform: rotateY(0deg) scale(1, 1);
    -o-transform: rotateY(0deg) scale(1, 1);
    transform: rotateY(0deg) scale(1, 1);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.hover-effect:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.img-multimedia-effect {
    display: block;
    position: relative;
    background: none;
    overflow: hidden;
}

.img-multimedia-size {
    max-height: 160px;
    margin-bottom: 3em;
    margin-top: 2em;
    padding: 0;
    padding-left: 10px;
}

.img-multimedia-effect img {
    display: block;
    position: relative;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-backface-visibility: hidden;
}

.img-multimedia-effect:hover:after {
    visibility: visible;
    -webkit-transform: rotateY(0deg) scale(1, 1);
    -moz-transform: rotateY(0deg) scale(1, 1);
    -ms-transform: rotateY(0deg) scale(1, 1);
    -o-transform: rotateY(0deg) scale(1, 1);
    transform: rotateY(0deg) scale(1, 1);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.img-multimedia-effect:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.opac-photo-more {
    display: block;
    position: relative;
    background: none;
    overflow: hidden;
}

.opac-photo-more::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: visible;
    background: url(../img/plus.png) no-repeat center;
    background-color: rgba(0, 0, 0, 0.35);
}

.opac-photo-more:hover:after {
    background-color: rgba(0, 0, 10, 0.75);
}

.opac-photo-more-info {
    display: block;
    position: relative;
    background: none;
    /*overflow: hidden;*/
    overflow: visible;
}

.opac-photo-more-info::after {
    content: '';
    position: absolute;
    left: 60em;
    top: 34em;
    width: 10%;
    height: 10%;
    visibility: visible;
    background: url(../img/plus.png) no-repeat center;
    background-color: rgba(0, 0, 0, 0.35);
}

.opac-photo-more-info:hover:after {
    background-color: rgba(0, 0, 10, 0.75);
}

.opac-photo-more-info-sup {
    display: block;
    position: relative;
    background: none;
    /*overflow: hidden;*/
}

.opac-photo-more-info-sup::after {
    content: '';
    position: absolute;
    left: 60em;
    top: 34em;
    width: 10%;
    height: 10%;
    visibility: visible;
    background: url(../img/plus.png) no-repeat center;
    background-color: rgba(0, 0, 0, 0.35);
}

.opac-photo-more-info-sup:hover:after {
    background-color: rgba(0, 0, 10, 0.75);
}

.multi-video-more {
    color: #fff;
}

.multi-video-more a {
    color: #fff;
}

.info-news .photo-details a {
    /* color: #718d98; */
    color: #414040;
}

.info-news .normas-title {
    font-size: 16px;
    text-align: left;
}

.photo-details {

}

@media (max-width: 767px) {
    .form-group {
        margin-bottom: 0px;
    }
}

.info-news .media-heading {
    padding-top: 40px;
}

.info-news .media-heading-avatar-comments {
    padding-top: 18px;
}

.info-news .media-heading-author-section {
    padding-top: 0px;
}

.info-news .space-between {
    padding-top: 20px;
}

.info-news .replay-comment {
    text-decoration: underline;
    font-size: medium;
}

.tema-tag {
    border-radius: 1px;
    border: 2px solid #718d9a;
    width: auto;
    text-align: center;
    padding: 5px 18px 10px 18px;
    font-size: 1em;
    font-family: open_sansregular;
    margin-right: 1.2em;
}

.tag-cloud a {
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 5px;
    text-align: justify;
    color: #303030;
}

.tagcloud a:hover {
    color:#FFF;
    background-color:#718d98;
    border-color:#718d98;
}

.info-news .col-lg-2 {
    width: 6em !important;
}

.resize {
    resize: none !important;
}
