/*==============================================================================
 * Indice de artículos
 *============================================================================*/
#MODULO .IDXARTICULOS {
	max-width:		none !important;
}
#MODULO .IDXARTICULOS div.ENCARTICULO {
	display:		inline-block;
	width:			300px;
	background:		#dddddd;
	border-radius:		10px;
	padding:		15px;
	margin:			10px;
	text-align:		left;
	overflow:		auto;
	vertical-align:		top;
}
#MODULO .IDXARTICULOS div.ENCARTICULO p {
	margin:			0px;
	padding:		2px;
}
@media screen and (max-width: 350px) {
	#MODULO .IDXARTICULOS div.ENCARTICULO {
		width:			250px;
	}
}
#MODULO .IDXARTICULOS div.ENCARTICULO .ENLACE a {
	background:		none;
    display:        inline-block;
    width:          calc(100% - 30px);
    vertical-align: middle;
}
#MODULO .IDXARTICULOS h2 {
	text-align:		left;
}
#MODULO .IDXARTICULOS div.BIOGRAFIA {
	text-align:		justify;
}
#MODULO .IDXARTICULOS div.ENCARTICULO:first-of-type {
	padding-top:		20px;
}
#MODULO .IDXARTICULOS div.ENLACE .FOTOARTICULO {
    max-width:          100%;
    max-height:         300px;
    border-radius:      5px;
}
#MODULO .IDXARTICULOS div.ENLACE a {
	background:		#ffffff;
	font-size:		1.5em;
	padding:		5px;
	border-radius:		5px;
}
#MODULO .IDXARTICULOS div.ENLACE a:hover {
	background:		#2C2C82;
	color:			white;
}
#MODULO .IDXARTICULOS div.AUTOR {
	margin-top:		5px;
}
#MODULO .IDXARTICULOS div.INFO {
	color:			#555555;
	font-size:		.9em;
}
#MODULO .IDXARTICULOS div.INFO div.CALIFICACION {
	float:			right;
}
#MODULO .IDXARTICULOS div.INFO div.FECHA {
	color:			black;
}
#MODULO .IDXARTICULOS div.RESUMEN {
	max-width:		600px;
	font-size:		.9em;
	overflow:		auto;
}
#MODULO .IDXARTICULOS div.RESUMEN p {
	background:		none;
	margin:			5px;
}
#MODULO .IDXARTICULOS div.RESUMEN li {
	margin-left:		0px;
	background:		none;
}
#MODULO .IDXARTICULOS div.RESUMEN li p {
	margin:			auto;
}
#MODULO .IDXARTICULOS div.RESUMEN img.FOTO {
	float:			left;
	margin-right:		20px;
	margin-top:		10px;
	margin-bottom:		10px;
	border-radius:		5px;
}
/*==============================================================================
 * Despliegue del artículo
 *============================================================================*/
#MODULO .ARTICULO h1 {
	margin-left:		20px;
	margin-right:		20px;
}
#MODULO .ARTICULO h2 {
	color:			#2c2c82;
	margin-top:		50px;
	padding-top:		15px;
	border-top:		4px solid #2c2c82;
	border-radius:		15px;
}
#MODULO .ARTICULO h3 {
	color:			#0F1440;
	text-align:		left;
	margin-top:		30px;
	margin-left:		20px;
	margin-right:		20px;
	text-decoration:	underline;
}
#MODULO .ARTICULO strong {
        color:                  #182069;
}
#MODULO .ARTICULO a {
        color:                  navy;
        text-decoration:        underline;
}
#MODULO .ARTICULO tr {
        background:             white;
        border-radius:          10px;
}
#MODULO .ARTICULO thead tr {
        background:             black;
        color:                  white;
}
#MODULO .ARTICULO thead tr p {
        background:             black;
        color:                  white;
        text-align:             center;
}
#MODULO .ARTICULO thead tr strong {
        color:                  white;
}
#MODULO .ARTICULO tr:nth-child(even) {
        background:             #ccc;
}
#MODULO .ARTICULO ol ,
#MODULO .ARTICULO ul {
	background:		white;
}
#MODULO .ARTICULO ol li strong ,
#MODULO .ARTICULO ul li strong {
	text-decoration:        underline;
}
#MODULO .ARTICULO td p {
	background:		none;
}
#DESP_ARTICULO {
	max-width:		700px;
}
#DESP_ARTICULO p {
	font-size:		1.2em;
}
#DESP_ARTICULO li p {
	font-size:		1em;
}
#DESP_ARTICULO li {
	text-align:		left;
	font-size:		1.1em;
}
#DESP_ARTICULO div.COMENTARIO {
}
#DESP_ARTICULO div.FOTO img {
	max-width:		400px;
	border-radius:		8px;
}
#DESP_ARTICULO aside {
	width:			250px;
	float:			right;
	margin-left:		25px;
	text-align:		center;
	font-size:		.9em;
	padding:		5px;
	border-radius:		5px;
}
#DESP_ARTICULO aside a.GRANBOTON {
	display:		block;
	background:		#2C2C82;
	font-size:		1.3em;
	padding:		5px;
	border:			1px solid black;
	border-radius:		5px;
	color:			white;
}
#DESP_ARTICULO aside div.CALIFICAR {
	background:		#0079AE;
	margin-top:		15px;
	border-radius:		5px;
}
#DESP_ARTICULO div.INFO {
	font-size:		.8em;
}
#DESP_ARTICULO div.INFO [tipo=label] {
	display:		inline-block;
	width:			150px;
	overflow:		hidden;
	font-weight:		bold;
	text-align:		right;
	vertical-align:		middle;
}
#DESP_ARTICULO div.INFO div.POS_EDITOR {
	display:		inline;
	width:			auto;
}
#DESP_ARTICULO div.AUTOR {
}
#DESP_ARTICULO div.FECHA {
}
#DESP_ARTICULO div.TEMA {
}
#DESP_ARTICULO div.EDITOR {
}
#DESP_ARTICULO div.RESUMEN {
	margin-top:		20px;
}
#DESP_ARTICULO div.CONTENIDO {
}
#DESP_ARTICULO div.CONTENIDO iframe {
	width:			700px;
	height:			400px;
	margin:			auto;
}
#DESP_ARTICULO div.BIO_AUTOR {
}
#DESP_ARTICULO div.BIO_AUTOR img.FOTO {
	border-radius:		5px;
	height:			70px;
	vertical-align:		top;
}
#DESP_ARTICULO pre {
	background:		lightgrey;
	margin:			20px;
	border:			1px solid grey;
	border-radius:		12px;
	padding:		6px;
	text-align:		left;
	overflow:		auto;
}
#ESCRXCOMENTARIOS {
    background:         #ccc;
    margin:             3px;
    border-radius:      10px;
    padding:            10px;
}
#ESCRXCOMENTARIOS .AUTOR {
    display:            inline-block;
    width:              50%;
    font-family:        fuente_delgada;
    font-size:          1.3em;
    text-align:         left;
}
#ESCRXCOMENTARIOS .FECHA {
    display:            inline-block;
    width:              calc(50% - 10px);
    font-size:          1.3em;
    text-align:         right;
}
#ESCRXCOMENTARIOS .TEXTO {
    background:         #ddd;
    margin:             3px;
    border-radius:      10px;
    padding:            10px;
    text-align:         justify;
}
/*==============================================================================
 * Formulario para los comentarios del artículo
 *============================================================================*/
#COMENTARIO {
}
#COMENTARIO div.FORMA table {
	margin:			0px;
	width:			100%;
}
#COMENTARIO div.FORMA div {
	width:			calc(100% - 10px);
}
#COMENTARIO div.FORMA td {
	padding:		0px;
}
#COMENTARIO div.FORMA td.TEXTO {
	text-align:		right;
	vertical-align:		top;
	padding-right:		10px;
	font-size:		.7em;
}
#COMENTARIO div.FORMA td.DATOSOLO {
	text-align:		center;
}
#COMENTARIO div.FORMA td.DATOSOLO textarea {
	width:			500px;
	height:			170px;
	margin:			10px;
	margin-left:		auto;
	margin-right:		auto;
	border:			2px solid #2C2C82;
	border-radius:		4px;
	padding:		5px;
	font-size:		1.2em;
}
#COMENTARIO div.BOTONERA {
	text-align:		center;
}
#COMENTARIO div.BOTONERA input.BOTON {
	margin:			3px;
}
/*==============================================================================
 * Listado de sugerencias
 *============================================================================*/
#DESP_ARTICULO ul {
	overflow:		auto;
}
#DESP_ARTICULO .SUGERENCIAS {
    margin:             10px 0px 10px 0px;
    padding:            10px;
    background:         #2C2C82;
    border-radius:      5px;
    color:              white;
}
#DESP_ARTICULO .SUGERENCIAS h3 {
    margin-top:         5px;
    text-align:         center;
}
#DESP_ARTICULO .ART_SUGERIDO {
    background:         white;
    color:              #2C2C82;
    border-radius:      5px;
    margin:             5px; 
    padding:            2px;
    text-align:         center;
    cursor:             pointer;
}
#DESP_ARTICULO .ART_SUGERIDO:hover {
    background:         #0079AE;
    color:              white;
}
#DESP_ARTICULO .PUBL_TXT_FLOTANTE {
    background:         lightgray;
    border-radius:      15px;
    border:             3px solid grey;
    cursor:             pointer;
    font-size:          1.3em;
    font-weight:        bold;
    margin-bottom:      10px;
    margin-left:        10px;
    margin-right:       10px;
    margin-top:         10px;
    max-width:          160px;
    padding:            20px;
    position:           fixed;
    right:              50px;
    text-align:         center;
    text-decoration:    none;
    top:                200px;
}
@media screen and (max-width: 1100px) {
    #DESP_ARTICULO .PUBL_TXT_FLOTANTE {
        margin-right:       0px;
        right:              0px;
        margin-top:         0px;
        top:                0px;
        border-radius:      0px 0px 0px 15px;
        border-right:       0px;
        border-top:         0px;
        padding:            5px;
        font-weight:        normal;
        max-width:          130px;
    }
}