@charset "UTF-8";
a:link,
a:hover,
a:active {
    text-decoration: none;
    color: #666666;
}

#body {
    font-family: Helvetica;
    width: 100%;
    margin: 0px auto;
    text-align: center;
}

.contenedor-titulo {
    width: 100%;
    margin: 0px auto;
    max-width: 1100px;
}

.titulo {
    background-color: #D02026;
    width: 18%;
    max-width: 1100px;
    text-align: center;
    height: 30px;
    padding: 10px;
    font-weight: bold;
}

#panel-principal {
    width: 90%;
    margin: 0px auto;
    padding: 13px;
    padding-top: 50px;
    max-width: 1100px;
    text-align: center;
    display: inline-block;
    min-width: 300px;
}

#panel-izquierdo {
    width: 10%;
    margin: 0px auto;
    max-width: 1100px;
    display: inline-block;
    float: left;
    padding: 30px;
}

#panel-izquierdo2 {

    margin: 0px auto;
    max-width: 1100px;
    display: flex;
    flex-flow: column;
    padding: 30px;
}

.news {
    background-color: #808080;
    width: 90%;
    margin: 0px auto;
    color: white;
    padding: 4px;
    border-radius: 6px;
}

.div-fotos {
    width: 100%;
    margin: 40px auto;
    background: white;
    font-weight: bold;
    color: #E68025;
    font-size: 11pt;
    text-align: left;
}
.div-fotos2 {
    width: 100%;
    margin: 25px auto;
    background: white;
    font-weight: bold;
    color: #E68025;
    font-size: 11pt;
    text-align: left;
    display: flex;
}

.foto-individual {
    margin: 20px auto;
}

.foto-individual2 {
    margin: 25px ;
}

.div-tags {
    width: 90%;
    margin: 0px auto;
    background: white;
    font-size: 11pt;
    color: black;
}
.div-tags2 {
    width: 90%;
    margin: 0px auto;
    background: white;
    font-size: 11pt;
    color: black;
    display: flex;
}


.div-tags>div {
    background-color: #E8E8E8;
    border: 1px solid #c1c1c1;
    padding: 3px;
    margin: 7px auto;
    border-radius: 4px;
    font-size: 11pt;
}
.div-tags2>div {
    background-color: #E8E8E8;
    border: 1px solid #c1c1c1;
    padding: 3px;
    margin: 7px auto;
    border-radius: 4px;
    font-size: 11pt;
    display: flex;
}


.div-tags>span {
    font-weight: bold;
    text-align: left!important;
    
}

#panel-centro {
    width: 60%;
    margin: 0px auto;
    max-width: 1100px;
    display: inline-block;
}

.panel-texto {
    width: 100%;
    margin: 0px auto;
}

.titulo-centro {
    font-size: 20pt;
    font-weight: bold;
    color: black;
    text-align: left!important;
}

.fecha {
    font-size: 12pt;
    font-weight: bold;
    color: black;
    text-align: left!important;
}

.texto-naranja {
    font-size: 12pt;
    color: #E68025;
}

.texto-normal {
    font-size: 11pt;
    color: #666666;
    text-align: justify;
}
.container-img-orcid{
    text-align: right;
}
.container-img-orcid span{
    display: inline-block;
    width: 82%;
    text-align: left;
}
.container-img-mapa{
    display: inline-block;
}
.container-img-mapa span,.container-img-mapa img{
    display:inline-block;
    vertical-align: top;
}
.container-img-mapa .last{
    width:52%;
}
.container-img-mapa .first{
    width: 48%;
    margin: 0 2% 0 0;
}

.container-img-marcalyc{
    display: inline-block;
}
.container-img-marcalyc span,.container-img-marcalyc img{
    display:inline-block;
    vertical-align: top;
}
.container-img-marcalyc .last{
    width:52%;
}
.container-img-marcalyc .first{
    width: 48%;
    margin: 0 2% 0 0;
}
.contenedor-texto-completo {
    width: 100%;
    margin: 50px auto 0px;
}
.container-img-ind{
    display: inline-block;
}
.container-img-ind span,.container-img-ind img{
    display:inline-block;
    vertical-align: top;
}
.container-img-ind .first{
    width: 48%;
    margin: 0 2% 0 0;
}
.img-dora {
    float: right;
    margin: 0px 0px;
    clear: both;
}

#panel-derecho {
    width: 20%;
    margin: 0px auto;
    max-width: 1100px;
    display: inline-block;
    float: right;
    padding: 0px;
}

.tags-derecho {
    width: 85%;
    background-color: #F2F2F2;
    margin: 25px auto;
    padding: 15px;
    text-align: left;
}

.tags-derecho>div {
    display: inline-block;
    padding: 4px;
    background-color: #8F8F8F;
    color: white;
    margin: 0px auto;
    font-size: 9pt;
    font-weight: bold;
    border-radius: 3px;
    margin: 2px;
}

.div-entradas {
    margin: 0px auto;
    width: 100%;
    display: inline-grid;
}

.last-entradas {
    margin: 0px auto;
    width: 100%;
    background-color: #E6E6E6;
    padding: 15px 0px;
    font-size: 11pt;
}

.comentarios-last-entradas {
    margin: 0px auto;
    width: 100%;
    background-color: #F2F2F2;
    text-align: left!important;
}

.panel-revistas {
    width: 100%;
    margin: 0px auto;
    text-align: center;
    display: table;
}

.numero-revistas {
    width: 25%;
    border: 1px solid #e0dede;
    font-size: 23pt;
    color: #666666;
    padding: 15px;
    display: table-cell;
    vertical-align: middle;
}

.lista-revistas {
    width: 60%;
    padding: 15px;
    font-size: 11pt;
    color: #E68025;
    border: 1px solid #e0dede;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.4;
}

.numero {
    font-size: 44pt;
    margin: 0px;
    font-weight: bold;
}

.texto-numero {
    margin: 6px;
    font-size: 19pt;
    font-weight: bold;
}

.panel-comentarios-revistas {
    width: 100%;
    margin: 50px auto;
}

.titulo-comentarios {
    width: 69%;
    margin: 0px auto;
    font-size: 13pt;
    font-weight: bold;
    color: #E68025;
    text-align: left;
}

.comentarios-revistas {
    width: 100%;
    margin: 25px auto;
}

.contenedor-comentario {
    width: 100%;
    margin: 15px auto;
    display: table;
}

.contenedor-comentario img {
    width: 70px;
    height: 70px;
}

.logo-revista {
    width: 3%;
    margin: 0px auto;
    display: table-cell;
}

.comentarios-revista-individual {
    width: 40%;
    margin: 0px auto;
    display: table-cell;
    border-left: 2px solid #666666;
    font-size: 9pt;
    text-align: justify;
    padding: 0px 20px;
    vertical-align: top;
    line-height: .9;
    color: #666666;
    box-shadow: 0 0 15px 0 #A2AAAE;
}

.lista-oculta {
    display: none;
}

.lista-ins {
    text-align: right!important;
    color: #828282!important;
    float: right;
    cursor: pointer;
}

.idiomas {
    width: 60%;
    margin: 0px auto;
    text-align: right;
    font-size: 9pt;
    color: #828282;
}

.div-resaltado {
    float: right;
    width: 190px;
    color: #D02026!important;
    font-style: italic;
    padding: 16px;
    font-size: 12pt;
}

.resaltado {
    color: #D02026!important;
}

.imagenes-derecho {
    width: 100%;
    margin: 0px auto;
}

.widget-twitter{
    width: 100%;
    margin: 0px auto;
    padding: 5px;
}

/*FIRMANTES DECLARACIÓN*/

.organizacion{
	text-align: left;
	width: 100%;
	padding: 10px 0px;
}

.logo-organizacion{
	display: inline-block;
	width: 130px;
	overflow: hidden;
	text-align: center;
}

.firmantes{
	display: inline-block;
}

.firmantes > .texto-normal{
	font-size: 9pt;
}

/*FIN FIRMANTES DECLARACIÓN*/

@media only screen and (max-width: 1040px) {
    .titulo {
        width: 25%;
    }
}

@media only screen and (max-width: 768px) {
    .titulo {
        width: 25%;
    }
    .titulo-centro {
        font-size: 16pt;
    }
    .fecha {
        font-size: 11pt;
    }
    .texto-normal {
        font-size: 10pt;
    }
    .texto-naranja {
        font-size: 10pt;
    }
    .lista-revistas {
        font-size: 10pt;
    }
    .numero {
        font-size: 30pt;
    }
    .texto-numero {
        font-size: 15pt;
    }
    .div-resaltado {
        font-size: 10.5pt;
    }
    #panel-izquierdo {
        width: 17%;
        padding: 0px;
    }
    #panel-izquierdo2 {
        width: 17%;
        padding: 0px;
    }
    .tags-derecho {
        padding: 10px;
    }
    .div-fotos {
        font-size: 11pt;
    }
    .div-tags>div {
        font-size: 9pt;
    }
    .titulo {
        width: 50%;
    }
}

@media only screen and (max-width: 640px) {
    #panel-izquierdo {
        float: none;
        display: block;
        width: 90%;
    }
    #panel-izquierdo2 {
        float: none;
        display: block;
        width: 90%;
    }
    #panel-centro {
        display: block;
        width: 90%;
    }
    #panel-derecho {
        display: table;
        float: none;
        width: 90%;
    }
    .div-fotos {
        display: table;
    }
    .foto-individual {
        display: table-cell;
    }

    .div-tags {
        display: table;
    }
    .div-tags>div {
        display: table-cell;
    }
    .tags-derecho {
        width: 50%;
        display: table-cell;
        vertical-align: middle;
    }
    .numero-revistas {
        padding: 0px;
    }
}

@media only screen and (max-width: 385px) {
    #franja-roja {
        font-size: 13pt;
    }
    .contenedor-comentario img {
        width: 50px;
        height: 50px;
    }
}