body{
	font-family: Helvetica;
	font-size: 14px;
}

.rojo, a{
	color: #e7801f;
	text-decoration: none;
}

.negrita{
	font-weight: bold;
	color: #8f1b33;
}

.italica{
	font-style: italic;
}

.underline{
    text-decoration: underline;
}

.romanos{
	font-variant: small-caps;
}

.sangria{
	text-indent: 30px;
}

#pantalla{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 3;
}

#caratula-titulo-autores > .editor{
	display: none;
}

#logotipo-redalyc{
	display: none;
}

#visor-cabecera{
	position: absolute;
	height: 80px;
	top: 0;
	left: 0;
	right: 0;
}

#logo-titulo{
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: center;
	overflow: hidden;
	top: 0;
	background-color: #8f1b33;
	color: white;
	font-size: 13px;
	z-index: 3;
}

#barra-herramientas{	
	position: fixed;
	width: 50px;
	height: 50px;
	/*bottom: 60px;
	right: 10px;*/
	bottom: 5px;
	right: -5px;
	background-color: #8f1b33 !important;
	z-index: 3;
	border-radius: 40px;
	cursor: pointer;
}

/*#herramientas{
	width: 100%;
	height: 100%;
	display: inline-flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	align-items: center;
	-webkit-align-items: center;
}*/

.herramienta, .h-flotante{
	height: 0px;
	width: 0px;
	cursor: pointer;
	font-size: 8px;
	text-align: center;
	position: absolute;
	bottom: 20px;
	right: 20px;
	/*opacity: 0;*/
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;	
	/*background-color: #d10a11;*/
	border-radius: 25px;
}

#descarga-pdf, #descarga-epub{
	bottom: 23px;
	right: 98px;
	z-index: 4;
}

#visor-html-mini, #descarga-epub-mini, #impresion-pdf-mini-n{
	bottom: 90px;
	right: 160px;
	z-index: 4;
}

#numero-completo, #revista-completa, #como-citar{
	bottom: 168px;
	right: 95px;
	z-index: 4;
}

#idioma-en, #idioma-es, #idioma-fr, #idioma-pt{
	z-index: 4;
	bottom: 78px;
	right: 78px;
}

.herramienta > span{
	position: relative;
	bottom: -42px;
	margin: auto;
	color: black;
}

#logo-r{
	width: 40px;
	height: 40px;
	background-image: url('../img/opciones-redalyc.png');
	position: relative;
	left: 5px;
	top: 5px;
	background-color: #8f1b33 !important;
}

#visor-html-mini{
	background-image: url('../img/html-r-mini.png');
}
#descarga-epub-mini{
	background-image: url('../img/epub-r-mini.png');
}
#impresion-pdf-mini-n{
	background-image: url('../img/ICONOPDFletras.png');
	background-repeat: no-repeat;
    background-position: center;
	background-size: 38px;
}

#secciones{
	background-image: url('../img/secciones-inactivo.png');
}

#referencias{
	background-image: url('../img/referencias-inactivo.png');
}

#resumen{
	background-image: url('../img/resumen-inactivo.png');
}

#descargas{
	background-image: url('../img/descarga-inactivo.png');
}

#descargas-r{
	background-image: url('../img/descargas-r.png');
}

#editor-estilo{
	background-image: url('../img/estilo-inactivo.png');
}

#opciones{
	background-image: url('../img/servicios-inactivo.png');
}

#buscador{
	background-image: url('../img/buscar-inactivo.png');
}

#descarga-pdf{
	background-image: url('../img/pdf.png');
}
#descarga-epub{
	background-image: url('../img/epub.png');
}
#numero-completo{
	background-image: url('../img/redalyc_icono_numero.png');
}
#revista-completa{
	background-image: url('../img/redalyc_icono_sitio_rev.png');
}
#como-citar{
	background-image: url('../img/redalyc_citas.png');
}

#idiomas{
	background-image: url('../img/idiomas-inactivo.png');
}
#idioma-es{
	background-image: url('../img/idioma-es.png');
}
#idioma-en{
	background-image: url('../img/idioma-en.png');
}
#idioma-fr{
	background-image: url('../img/idioma-fr.png');
}
#idioma-pt{
	background-image: url('../img/idioma-pt.png');
}

#pantalla-completa{
	background-image: url('../img/pantalla-completa-inactivo.png');
}

#visor-contenido{
	position: absolute;
	top: 80px;
	bottom: 40px;
	left: 0;
	right: 0;
	overflow: hidden;
}

#pestanias{
	position: absolute;
	height: 40px;
	width: 100%;
	background-color: #efeded;
}

div[id^="pestania-"]{
	/*border-right: 1px solid #515151;*/
	height: 100%;
	width: 25%;
	/*display: inline-block;*/
	text-align: center;
	font-size: 13px;
	cursor: pointer;
	float: left;
}

div[id^="pestania-"] > span{
	font-variant: small-caps;
	position: relative;
	top: 10px;
}

#pestania-indicador{
	position: absolute;
	width: 25%;
	height: 5px;
	background-color: #e7801f;
	z-index: 1;
	display: block;
	bottom: 0;
	left: 25%;
}

#contenidos{
	/*width: 100%;
	height: 100%;*/
	position: absolute;
	top: 40px;
	bottom: 0;
	left: 0;
	right: 0;
}

#contenido-secciones, #contenido-resumenes, #contenido-referencias, #contenido-imagenes{
	width: 100%;
	/*height: 100%;*/
	position: absolute;
	top: 0;
	bottom: 0;
	/*left: 0;*/
	/*right: 0;*/
	overflow: hidden;
	height: auto;
	text-align: justify;
}

#contenido-secciones{
	/*border: 1px solid #ff0000;*/
	/*background-color: #ff0000;*/
	left: 0%;
}

#contenido-resumenes{
	/*border: 1px solid #00ff00;*/
	/*background-color: #00ff00;*/
	left: -100%;
}

#contenido-referencias{
	/*border: 1px solid #0000ff;*/
	/*background-color: #0000ff;*/
	left: 100%;
}

#contenido-imagenes{
	/*border: 1px solid #eeeeee;*/
	/*background-color: #777777;*/
	left: 100%;
}

div[class^="seccion-"], div[class^="subseccion-"]{
	overflow: hidden;
	/*height: 60px;*/
}

div[class^="seccion-"]{
	border-bottom: 2px solid #e7801f;
}

div[class^="subseccion-"]{
	border: 1px solid #efeded;
}

div[class^="seccion-"] > *, div[class^="subseccion-"] > *, #contenido-resumenes > *{
	padding: 0px 10px;
}

.ficha, .reda, .creative{					/*ESTILOS PARA CAR�TULA*/
	padding-bottom: 15px !important;
}
/*
.ficha{
	padding-top: 15px !important;
}*/

.nombre{
	font-weight: bold;
}

#caratula-titulo{
	font-size: 16px;
	color: #8f1b33;
	font-weight: bold;
}

.caratula-subtitulo{
	font-size: 15px;
	color: #E4801e;
	font-weight: bold;
}

.doi, .funding{
	font-weight: bold;
}											/*FINALIZAN ESTILOS PARA CAR�TULA*/

.titulo-seccion, .titulo-subseccion{
	/*background-color: #313131;*/
	min-height: 10px;
	color: white;
	padding: 20px !important;
	margin-top: 5px;
	cursor: pointer;
}

.titulo-referencia{
	height: 15px;
	color: white;
	padding: 20px;
	margin-top: 5px;
}

.titulo-seccion, .titulo-referencia{
	background-color: #e7801f;
}

.titulo-subseccion{
	background-color: #efeded;
	color: black;
}

.titulo-seccion a, .titulo-seccion a{
	color: #8f1b33;
}

.quote{
	font-style: italic;
    margin-left: 25px;
    margin-right: 25px;
}

.numeracion{
	/*list-style-type: decimal;*/
	list-style-type: none;
}

.vinietas{
	list-style-type: inherit;
	margin-left: 12pt;
}

.alpha-lower{
	list-style-type: lower-alpha;
}

.alpha-upper{
	list-style-type: upper-alpha;
}

.roman-lower {
	list-style-type: lower-roman;
}

.roman-upper {
	list-style-type: upper-roman;
}

.simple {
	list-style-type: none;
}

/*IM�GENES EN L�NEA*/
.cuadro{
	width: auto;
	border: 1px solid #e7801f;
	padding: 10px;
	text-align: center;
	color: #515151;
	background-color: #efeded;
	margin: 10px 0px;
	
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.cuadro img{
	width: 30%;
	height: auto;
	cursor: pointer;
}

.imagen-nombre-generico, #imagen-flotante > span:nth-child(2), #sp1{
	font-size: 12px;
}
.imagen-titulo, #imagen-flotante > span:nth-child(4), #sp2{
	font-size: 12px;
	font-weight: bold;
}
.imagen-fuente, #imagen-flotante > span:nth-child(8), #sp3{
	font-size: 10px;
}

.referencia{
	/*margin: 20px 0px;
	border-bottom: 1px solid #e7801f;*/
	margin: 5px 0px;
	background-color: #efeded;
	padding: 15px !important;
	font-size: 12px;
}

.m-nota, #m-agradecimiento, #m-financiamiento, #m-material-suplementario, #m-enlace-alternativo, #m-articulo-relacionado{
	margin: 5px 0px;
	background-color: #e7801f;
	padding: 15px !important;
	font-size: 12px;
	color: white;
}

#articulo{
	width: 100%;
	height: 100;
	display: none;
}

#titulo{
	font-weight: bold;
	position: relative;
	top: 6px;
	display: block;
	height: 32px;
	overflow: hidden;
}

#autores-sitio{
	width: 80%;
	margin: auto;
	margin-top: 25px;
	border-radius: 10px;
	background-color: #efeded;
	color: #515151;
	padding: 15px;
	position: relative;
}

#portadilla{
	max-height: 180px;
	overflow: hidden;
}

.inner{
    width: 100%;
    overflow: auto;
    height: 100%;
    padding-right: 15px;
}

#creditos{
	position: absolute;
	width: 100%;
	height: 40px;
	background-color: #8f1b33;
	color: white;
	bottom: 0;
	left: 0;
	text-align: center;
	font-size: 12px;
}

#creditos > span{
	position: relative;
	top: 15px;
}


#buscador-fondo, #visor-imagenes, #paginas, #secciones-referencias-resumen{
	display: none;
}








/*VISOR DE IM�GENES*/

#visor-imagenes{
	position: fixed;
	border: 3px solid #000000;
	z-index: 30;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: none;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	z-index: 4;
	font-size: 12px;
}

#visor{
	height: 100%;
	width: 100%;
	position: fixed;
}

#operaciones-imagen{
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 60px;
	background-color: #e7801f;
	display: inline-flex;
	display: -webkit-flex;
	
	flex-direction: row;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	
	align-items: center;
	-webkit-align-items: center;
	
	z-index: 1;
}

.operaciones{
	height: 40px;
	width: 40px;
	cursor: pointer;
	margin-top: -8px;
}

.operaciones > span{
	font-size: 9px;
	position: relative;
	top: 38px;
	color: white;
}

p[class="verso"]{
	margin-left: 15%;
    margin-right: 15%;
    font-size: 12px;
	text-align: left !important;
}

.verso-title{
	font-weight: bold;
}

.verso{
	font-style: italic;
}

#descargar-imagen{
	background-image: url('../img/descargar-imagen-activo.png');
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
}
#exportar-ppt{
	background-image: url('../img/exportar-negro.png');
	background-repeat: no-repeat;
	background-position: top;
}
#ver-contexto{
	background-image: url('../img/contexto-activo.png');
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
}
#descargar-todas{
	background-image: url('../img/descargar-todas-activo.png');
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
}
#ver-tira-imagenes{
	background-image: url('../img/ver-tira-negro.png');
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
}

#visor-tira-imagenes{
	position: fixed;
	left: 0;
	right: auto;
	top: 0;
	bottom: 0;
	width: 110px;
	background-color: #e7801f;
	display: none;
}

#imagen-actual-visor{
	height: 100%;
	width: 100%;
	float: left;
	background-color: #eaeaea;
}

#imagen-actual-visor > img{
	background-color: #efeded;
	display: none;
	border: 2px solid #e7801f;
}

#imagen-anterior, #imagen-siguiente{
	position: absolute;
	top: 0;
	width: 70px;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}

#imagen-anterior:hover, #imagen-siguiente:hover{
	opacity: 0.5;
}

#imagen-anterior, #pagina-anterior{
	background-image: url("../img/anterior.png");
	background-repeat: no-repeat;
	background-position: center;
}

#imagen-siguiente, #pagina-siguiente{
	right: 0;
	background-image: url("../img/siguiente.png");
	background-repeat: no-repeat;
	background-position: center;
}

#imagen-actual-visor div{
	position: absolute;
	width: 87%;
	background: rgba(234, 234, 234, 0.8);
	color: #000;
}

#nombre-generico-imagen{
	top: 0;
	padding-top: 5px;
	color: #e7801f !important;
	font-weight: bold;
}

#titulo-imagen{
	top: 21px;
}

#fuente-imagen{
	bottom: 60px;
	width: 100% !important;
	max-height: 38%;
	overflow: hidden;
}

#fuente-imagen > div{
	position: relative;
	width: 100% !important;
	overflow: visible;
}

#imagen-actual-visor .scroll{
	width: 5px !important;
	background-color: #8f1b33 !important;
}

/*			TIRA IM�GENES VISOR			*/
/*#flecha-arriba, #flecha-abajo{
	position: absolute;
	right: 0;
	left: 0;
	height: 35px;
}

#flecha-arriba{
	top: 0;
	background-color: #777;
}

#flecha-abajo{
	bottom: 0;
	background-color: #777;
}*/

#carousel-visor-imagenes{
	position: absolute;
	right: 0;
	left: 0;
	top: 10px;
	bottom: 10px;
}

#carousel-vertical{
	position: absolute;
	width: 90%;
	right: 5%;
	left: 5%;
	top: 0;
	bottom: 0;
	overflow: hidden;
	height: auto;
}

.carousel-vertical-img{
	height: 100px;
	width: 100%;
	padding-bottom: 10px;
	opacity: 0.3;
	background-color: white;
}

.carousel-vertical-img:hover{
	opacity: 1;
}

#cerrar, #cerrar-visor-imagenes{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 20;
	cursor: pointer;
}

#cerrar img, #cerrar-visor-imagenes img{
	width: 25px !important;
	height: auto !important;
}

.inlineImage{
	max-height: 14px;
}

/* REFERENCIA O NOTA FLOTANTE  */

#referencia-nota{
	position: absolute;
	width: 350px;
	height: auto;
	background-color: #e7801f;
	padding: 10px 20px;
	display: none;
	z-index: 4;
	text-align: justify;
	overflow: hidden;
	color: white;
}

#ref-not-div{
	position: initial;
	overflow: hidden;
}

#referencia-nota a{
	color: #8f1b33 !important;
}


/* BUSCADOR */
#buscador-fondo{
	width: 100%;
	height: 80px;
	/*border: 1px solid grey;*/
	position: absolute;
	top: 0;
	right: 0;
	background-color: #8f1b33;
	color: white;
	display: none;
	font-size: 15px;
	z-index: 4;
}

#palabras-encontradas{
	font-size: 12px;
	margin-left: -20%;
	color: darkgrey;
	width: 50px;
	text-align: right;
}

#buscador-fondo > div{
	width: 100%;
	height: 100%;
	position: relative;
	margin: auto;

	display: inline-flex;
	display: -webkit-flex;
	
	flex-direction: row;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	
	align-items: center;
	-webkit-align-items: center;
}

#buscador-fondo > div > div{
	width: 30px;
	height: 30px;
	cursor: pointer;
	/*border: 1px solid #efeded;*/
	border-radius: 20px;
}

#buscador-fondo > div > input{
	height: 24px;
	width: 130px;
	border: 1px solid transparent;
	border-radius: 20px;
	padding-left: 10px;
}

#busqueda-anterior{
	background-image: url('../img/arriba.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#busqueda-siguiente{
	background-image: url('../img/abajo.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#cerrar-buscador{
	background-image: url('../img/cerrar2.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#caratula-titulo-autores > .autor{
	padding-bottom: 12pt;
}

.texto-buscado{
	background-color: #e7801f;
	border-radius: 10px;
	padding: 0px 5px;
	color: white;
}

.busqueda-actual{
	background-color: #8f1b33;
}

.scroll {
    position: absolute !important;
    width: 3px;
    background-color: #8f1b33;
    border-radius: 10px;
    right: 0px;
    z-index: 1;
	padding: initial !important;
}

.imagen{
	text-align: center;
	overflow: hidden;
	width: 95%;
	margin: auto;
	padding: 0px !important;
}

.imagen .MathJax_SVG, .imagen-formula{
	margin-right: 5%;
}

.imagen-formula{
	max-width: 30%;
}

@media only screen and (orientation: landscape){
	#visor-cabecera{
		height: 45px;
	}
	
	#titulo{
		height: 15px;
	}
	
	#autores{
		position: relative;
		top: -4px;
	}
	
	#visor-contenido{
		top: 45px;
		bottom: 22px;
	}
	
	#creditos{
		height: 20px;
	}
	
	#creditos > span{
		top: 4px;
	}
	
	#buscador-fondo{
		height: 45px;
	}
}

#articulo-categoria{
	font-weight: bold;
	color: #FE811C;
	text-align: right;
}



@keyframes remarcar-fondo-negro {
    0%   {background-color: rgba(81, 81, 81, 0.5);}
    100% {background-color: transparent;}
}

@-webkit-keyframes remarcar-fondo-negro {
    0%   {background-color: rgba(81, 81, 81, 0.5);}
    100% {background-color: transparent;}
}

@-moz-keyframes remarcar-fondo-negro {
    0%   {background-color: rgba(81, 81, 81, 0.5);}
    100% {background-color: transparent;}
}

.remarcar{
	animation: remarcar-fondo-negro 4s ease;
	-webkit-animation: remarcar-fondo-negro 4s ease;
	-moz-animation: remarcar-fondo-negro 4s ease;
}

.cssToolTip {
    position: relative;
    color: #ff8c00;   
}

.cssToolTip > span{
	display: none;
}

.product-portada-col , .product-portada-img , .product-portada-img  > img{
	max-width: 80px;
}

.product-portada-data{
	font-weight: initial;
    font-size: 12px;
}

#ref-not-div .cssToolTip > span{
	display: inline-block !important;
	margin-left: 5px;
}

/*.cssToolTip span {
	max-height: 138px;
	width: 300px;
	right: auto;
	bottom: auto;
	display: none;
	position: absolute;
	background-color: #efeded;
	padding: 10px 20px;
	display: none;
	z-index: 2;
	text-align: left;
	overflow: hidden;
	color: white;
	background-color: #e7801f;
	border-radius: 8px;
	font-size: 14px;
}

.cssToolTip:hover span {
    display: inline;
}*/