/*
- Ancho cabecera y pie: 750px (margin left -375px)
- Ancho base: 750px 
- Menú lateral: 190px
- Contenidos: 570px
- #infobox3 y #overbox3: 768px
- ContenedorProximosNumeros: 550px;
*/

@media only screen 
and (min-width : 768px) 
and (max-width : 1365px) 
and (orientation : portrait) {
	/* Styles */
	body  {
		font: 12px Arial;
		background: #FFF;
		margin: 0;
		padding: 0;
		text-align: center;
		color: #000000;
		padding-top: 155px;
	}
	#MainContent .MenuMoviles {
		display: none;
	}
	#EncabezadoMain {
		width: 750px;
		height: 120px;
		position: absolute;
		left: 50%;
		margin-left: -375px;
		display: flex;
	}
	#SubCabecera .MenuSuperior {
		width: 750px;
		height: 30px;
		position: absolute;
		left: 50%;
		margin-left: -375px;
		display: flex;
	}
	#MainContent {
		border: thin solid #CCC;
		width: 750px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0;
	}
	#MainFooter {
		width: 750px;
		height: 80px;
		position: absolute;
		left: 50%;
		margin-left: -375px;
		display: flex;
		font-size: 8px;
	}

	#MainContent .Contenidos {
		display: flex;
		width: 750px;
	}
	
	#MainContent .MenuLateral {
		width: 190px;
		height: auto;
		background-color: #efefef;
		margin-top: 0px;
		min-height: 1560px;
	}	
	#MainContent .Contenido {
		height: auto;
		text-align: left;
		margin-left: 10px;
		margin-right: 10px;
		width: 570px;
	}
	#EncabezadoMain .head-sup-1 {
		flex-basis: 140px;
	}
	#EncabezadoMain .head-sup-2 {
		flex-basis: 926px;
	}
	#EncabezadoMain .head-sup-3 {
		flex-basis: 300px;
	}	
	#SubCabecera .head-sup-1 {
		width: 60px;
	}
	#SubCabecera .head-sup-2 {
		width: 395px;
	}
	#SubCabecera .head-sup-3 {
		width: 300px;
	}
	#Encabezado .LogoGrupo {
		background-repeat: no-repeat;
		height: 120px;
		width: 155px;
		display: block;
		margin-left: -52px;
	}
	#Encabezado .LogoIFE{
		background-image: url(../../imagenes/v4.0/index/cabecera/tec-de-monterrey-logo-pq.png);
		height: 110px;
		width: 150px;
		background-repeat: no-repeat;
		background-position: 50px 15px;
	}
	#Encabezado .LogoOxbridge{
		background-image: url(../../imagenes/v4.0/index/cabecera/oxbridge-logo-pq.png);
		height: 60px;
		width: 170px;
		background-repeat: no-repeat;
		background-position: 23px 27px;
	}	
	
	#Encabezado .LogoRevista {
		background-image: url(../../imagenes/v4.0/index/cabecera/logo-revista.png);
		background-size: 418px 70px;
		background-position: 25px 10px;
		background-repeat: no-repeat;
		height: 120px;
	}
	#Encabezado .LogoRevista h1 {
		display: none;
	}
	#Encabezado .LogoRevista h2 {
		color: #f6d308;
		font-family: arial;
		font-weight: 100;
		font-size: 9px;
		text-align: left;
		margin-left: 90px;
		padding-top: 20px;
	}
	#Encabezado .DoiRevista {
		height: 52px;
		margin-top: 0px;
	}
	#Encabezado .DoiRevista h3:nth-of-type(1) {
		margin: 40px 0px 0px 0px;
		padding: 0;
		color: #FFF;
		font-family: arial;
		font-weight: 100;
		font-size: 11px;
		text-align: right;
		letter-spacing: 1px;
	}
	#Encabezado .DoiRevista h4:nth-of-type(1) {
		margin: 5px 0px 0px 0px;
		padding: 0;
		color: #FFF;
		font-family: arial;
		font-weight: 100;
		font-size: 10px;
		text-align: right;
		margin-left: 0px;
	}
	#Encabezado .DoiRevista a {
		text-decoration: none;
		color: #FFFFFF;
	}
	#Encabezado .DoiRevista p {
		padding-top: 5px;
		margin-bottom: -12px;
		color: #FFF;
		font-family: arial;
		font-weight: 100;
		font-size: 9px;
		text-align: right;
		letter-spacing: 0px;
		margin-left: 50px;
	}
	#Encabezado .DoiRevista ul {
		margin-left: -55px;	
	}
	#Encabezado .DoiRevista li {
		display: block;
		float: left;
		margin: 15px 0px 0px 10px;
	}
	#SubCabecera .menu-1 li {
		display: block;
		list-style-type: none;
		float: left;
		font-family: arial;
		font-size: 10px;
		font-weight: bold;
		margin-right: 8px;
		margin-top: 13px;
	}
	#SubCabecera .menu-2 {
		margin-top: 15px;	
	}
	#SubCabecera .menu-2 li {
		display: block;
		list-style-type: none;
		float: left;
		font-family: arial;
		font-size: 10px;
		font-weight: bold;
		margin-right: 8px;
	}
	#SubCabecera .menu-3 {
		margin-left: -52px;
	}
	#SubCabecera .menu-3 li {
		display: block;
		list-style-type: none;
		float: left;
		font-family: arial;
		font-size: 10px;
		font-weight: bold;
		margin-left: 16px;
	}
	
	#SubCabecera .MenuSuperior .editores {
		margin-left: 0px;
		margin-top: -5px;
	}
	#SubCabecera .head-sup-3 ul {
		margin-top: 6px;
	}
	#SubCabecera .MenuSuperior .facebook img {
		margin-top: 0px;
		width: 16px;
		height: 16px;
	}

	#SubCabecera .MenuSuperior .twitter img {
		margin-top: 0px;
		margin-left: -20px;
		width: 16px;
		height: 16px;
	}

	#SubCabecera .MenuSuperior .linkedin img {
		margin-top: 0px;
		margin-left: -20px;
		width: 16px;
		height: 16px;
	}

	#SubCabecera .MenuSuperior .scholar img {
		margin-top: 0px;
		margin-left: -20px;
		width: 16px;
		height: 16px;
	}

	#SubCabecera .MenuSuperior .wikipedia img {
		margin-top: 0px;
		margin-left: -20px;
		width: 16px;
		height: 16px;
	}

	#SubCabecera .MenuSuperior .youtube img {
		margin-top: 0px;
		margin-left: -20px;
		width: 16px;
		height: 16px;
	}

	#SubCabecera .MenuSuperior .academia img {
		margin-top: 0px;
		margin-left: -20px;
		width: 16px;
		height: 16px;
	}

	#SubCabecera .MenuSuperior .researchgate img {
		margin-top: 0px;
		margin-left: -20px;
		width: 16px;
		height: 16px;
	}

	#SubCabecera .MenuSuperior .mendeley img {
		margin-top: 0px;
		margin-left: -20px;
		width: 16px;
		height: 16px;
	}

	#SubCabecera .MenuSuperior .wizdom img {
		margin-top: 0px;
		margin-left: -20px;
		width: 16px;
		height: 16px;
	}

	#SubCabecera .MenuSuperior .rss img {
		margin-top: 0px;
		margin-left: -20px;
		width: 16px;
		height: 16px;
	}		
	
	#SubCabecera .MenuSuperior .metadatos img {
		margin-top: 0px;
		margin-left: -20px;
		width: 16px;
		height: 16px;
	}

	#SubCabecera .menu-1 {
		margin-left: -20px;
	}
	#SubCabecera .menu-3 img {
		margin-right: 12px;
	}
	#MainContent .titulo-menu {
		background-color: #000000;
		height: 20px;
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		line-height: 20px;
		padding-left: 5px;
		text-align: left;
		-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.46);
		-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.46);
		box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.46);
	}
	#MainContent .MenuLateral ol li {
		height: 35px;
		line-height: 35px;
		color: #990000;
		font-family: arial;
		text-align: left;
		border-bottom: 1px solid #c8c8c8;
		letter-spacing: -0.6px;
	}
	#MainContent .MenuLateral ol li a {
		font-size: 11px;	
	}

	#MainContent .MenuLateral ol {
		list-style: none;
		padding-left: 10px;
		padding-right: 5px;
	}	
	#MainContent .MenuLateral ul {
		padding: 0px;
		margin-top: 0px;
		width: 160px;
	}
	.pagina2 .portada img{
		width: 300px;
	}
	#Contenedor-Inicial .anuncio-q1 {
		height: 25px; 
		position: absolute; 
		margin-left: 420px; 
		margin-top:-10px;
		z-index: 1;
	}
	#Contenedor-Inicial .anuncio-q1 img{
		height: 100px;
	}
	#Contenedor-Inicial {
		display: flex; 
		padding-top: 35px;
		width: 570px;
		flex-flow: column-reverse;
	}
	#Contenedor-Inicial .pagina1{
		width: 100%;
		padding: 0 10px;
	}
	#Contenedor-Inicial .pagina2{
		position: relative; 
		text-align: center;
		margin-top: -35px;
		width: 100%;
	}
	#infobox3 {
		margin: auto;
		position: relative;
		top: 0px;
		height: 58px;
		width: 768px;
		text-align:center;
		background-color: #eeeeee;
	}
	#overbox3 {
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 768px;
		z-index: 999999;
		display: block;
	}
	#Articulos-Index { 
		margin-top: 40px;
		margin-bottom: 20px;
		border-top:#900 solid 1px;
		width: 570px;
	}
	#Articulos-Index #articulos{
		margin-top: 40px;
		display: flex;
		width: 570px;
		flex-wrap: wrap;
		justify-content: center;
	}
	#Articulos-Index #articulos .contenedor-articulo{
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 50%;
		height: 150px;
	}	
	#Videos-Index { 
		margin-top: 20px;
		margin-bottom: 20px;
		border-top:#900 solid 1px;
		width: 570px;
	}
	#videos{
		display: flex;
		text-align: center;
		flex-wrap: wrap;
		align-items: center;
		width: 570px;
	}
	#videos .video{
		margin-top: 40px;
		flex-basis: 570px;
		align-items: center;
		justify-content: center;
	}
	#videos .video object{
		width: 300px;
		height: 169px;
	}
	#videos .video-intro{
		margin-top: 40px;
		flex-basis: 570px;
		align-items: center;
		justify-content: center;
	}
	#videos .video-intro object{
		width: 300px;
		height: 169px;
	}	
	#Banner-Indices {
		border-top: #990000 solid 1px;
		margin-top: 40px;
		width: 570px;
	}
	#Slider-Index{
		margin-top: 40px;
		margin-bottom: 20px;
		border-top:#900 solid 1px;
		width: 570px;
		text-align: center;
	}
	#slider {
		width:570px;
		height:100px;
		overflow:hidden;
		margin:0 auto;
		margin-left:0px;
		margin-top: 40px;
	}

	#slider img{
		height:100px;
	}	
	#Proyectos{
		border-top: #990000 solid 1px;
		margin-top: 40px;
		text-align: right;
		width: 570px;
	}

	#Proyectos img{
		height: 30px;
		text-align: center;
	}
	#RevistasConsorciadas { 
		margin-top: 40px;
		margin-bottom: 40px;
		border-top:#900 solid 1px;
		text-align: right;
		width: 570px;
	}
	#RevistasConsorciadas .RevistasConsorciadasListado img{
		margin-top:20px;
		margin-bottom:-7px;
		margin-left:5px;
		margin-right:5px;
	}
	#MainFooter .foot-1 img {
		height: 20px;
		margin-left: 5px;
	}	
	#MainFooter .foot-1 .researcher {
		margin-left: 0px;
	}
	#MainFooter .foot-1 {
		text-align: left;
		margin-top: 35px;
		margin-right: 10px;
	}
	#MainFooter .foot-2 {
		flex: 1;
		text-align: right;
		margin-top: 20px;
	}
	#MainFooter .foot-3 p {
		color: #FFFFFF;
		line-height: 10px;
		margin-bottom: 9px;
	}
	#MainFooter .foot-3 {
		flex: 1;
		text-align: right;
		margin-top: 25px;
	}
	#TituloPagina{
		margin-top: 20px;
		width: 570px;
	}	
	#ContenedorIndices {
		display: flex;
		border-bottom: 1px #e9caca solid;
		margin-bottom: 20px;
		width: 570px;
	}
	.TituloRevista{
		text-align:left;
		color:#006;
		margin-bottom:45px;
		font-size:18px;
		margin-top:-10px;
	}

	.TituloRevistaSecundario{
		text-align:left;
		color:#676767;
		margin-bottom:45px;
		font-size:12px;
		margin-top:-30px;
	}
	#Detalles-Revista-Actual .EditoresTematicos{
		margin-bottom: 0px;
		color: #000099;
		font-size: 10px;
	}	
	#VerPresentacion{
		text-align:left;
		margin-top: 20px;
	}
	#Detalles-Revista-Actual{
		margin-top:0px;
		margin-left: 10px;
	}	
	#Presentacion-Revista-Actual{
		margin-left: 10px;
	}

	#Pagina1-revistas img{
		border: none;
		width: 212px;
		height: 280px;
		border-radius: 10px 10px 10px 10px;
	}
	.ElementosRevista{
		width: 570px;
	}	
	.secciones-revista{
		height:34px; 
		width:570px; 
		background-color:#CCC;
	}	
	#ContenedorDetalles {
		display: flex;
		min-height: 1369px;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 570px;
		flex-direction: column;
	}
	#ContenedorDetalles .ContenidoPrincipal {
		flex-basis: 570px;
		padding: 0 10px;
	}

	#ContenedorDetalles .ContenidoSecundario {
		flex-basis: 570px;
		padding-left: 10px;
	}
	#DetallesPortadilla{
		width: 570px;
		height: auto;
		text-align: right;
		padding-right: 10px;
		display: none;
	}	
	#DetallesDescarga{
		border-top: 1px solid #900000;
		width: 570px;
		margin-right: 10px;
		margin-left: -10px;
		margin-top: 40px;
	}
	#MetricasAlternativasArticulo_1 {
		width: 570px;
		border-top: 1px solid #900000;
		margin-right: 10px;
		margin-left: -10px;
		margin-top: 40px;
	}
	#MetricasAlternativasArticulo_2 .altmetric{
		margin-top: 0px;
		flex: 1;
		margin-right: 35px;
		margin-left: 50px;
	}
	#ComoCitarArticulo {
		width: 570px;
		margin-top: 40px;
		margin-right: 10px;
		margin-left: -10px;		
		border-top: 1px solid #900000;
	}
	#CompartirArticulo {
		width: 570px;
		margin-top: 60px;
		margin-right: 10px;
		margin-left: -10px;
		border-top: 1px solid #900000;
		text-align: center;
	}
	#DetallesArticulosMultimedia .video{
		width: 50%;
		text-align: center;
	}
	#DetallesArticulosMultimedia .youtube{
		width: 100%;
		height: 141px;
	}
	#DetallesArticulosMultimedia .infografia img{
		width: 250px;
	}
	#DetallesArticulosMultimedia .infografia{
		height: 141px;
		overflow: hidden;
		text-align: center;
		width: 50%;	
	}
	#DetallesArticulosMultimedia{
		width: 570px;
		margin-top: 40px;
		
		
		text-align: center;
		display: flex;
		flex-direction: row;
	}
	#DetallesPortadillaPreprint{
		width: 570px;
		height: auto;
		text-align: right;
		padding-right: 10px;
		display: none;
	}
	#NumerosPublicados .Num img {
		height: 126px;
		margin-left: 30px;
		transition: all .5s ease-in-out;
	}	
	#NumerosPublicados .detalles {
		padding-left: 10px;
		padding-right: 0px;
		width: 100%;
	}
	#NumerosPublicados .Num {
		display: flex;
		width: 350px;
		margin-bottom: 35px;
		margin-left: 20%;
	}
	#Video_Inicial {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	#Video_Inicial .Video {
		flex-basis: 350px;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	#ContenedorProximosNumeros {
		border:#990000 solid 1px; 
		margin-top:40px;
		display: flex;
		width: 550px;
		flex-wrap: wrap;
		padding-left: 20px;
	}	
	#ContenedorProximosNumeros .portada {
		width: 100%;
		text-align: center;
		padding-top: 20px;
	}
	#ContenedorProximosNumeros .video-y-patrocinadores {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	#ContenedorProximosNumeros .video{
		align-self: center;
		margin: 20px 20px 10px 0;
	}
	.metrica_anual_indices{
		font-size:11px; 
		margin-bottom:0px;
		margin-left: 0px;
	}
	#BasesDeDatos {
		display: flex;
		margin: 0 0 40px 0;
		flex-direction: row;
		width: 570px;
		flex-wrap: wrap;
		justify-content: center;
	}
	#RankingRevistas img {
		width: 170px;
	}
	.MetricaTituloRankingArea{
		width:98%;
		margin-left:auto; 
		margin-right:auto; 
	}	
	.tabla-ranking-indexaciones-resultados {
		font: Helvetica, sans-serif;
		font-size:12px;
		color: #000;
		border-collapse:collapse;
		border-spacing:0px;
		width:98%;
	}
	.MetricaTituloRanking {
		border:#CCC 1px dashed; 
		margin-bottom:30px;
		width: 570px;
	}
	#RankingESCI .MEinicial{
		text-align:center; 
		font-size:14px; 
		font-weight:bold; 
		background-color:#000000; 
		height:30px; 
		line-height:30px; 
		color:#ffffff;
		margin-top:0px;
		width: 98%;
	}
	#RankingESCI .tabla-ranking-indexaciones-resultados-esci {
		font: Helvetica, sans-serif;
		font-size:10px;
		color: #000;
		border-collapse:collapse;
		border-spacing:0px;
		width: 98%;
	}
	#RankingESCI .ranking-indexaciones-total-nota-aclaratoria-esci{
		font-size:11px;
		text-align:justify;
		color:#333;	
		width: 570px;
		padding: 0 10px;
	}

	#RankingESCI .ranking-indexaciones-nota-esci-1{
		font-size:11px;
		text-align:right;
		width: 570px;
		padding: 0 10px;
	}

	#RankingESCI .ranking-indexaciones-nota-esci-2{
		font-weight:bold;
		font-size:10px;
		text-align:center;
		width: 570px;
		padding: 0 10px;
	}

	#RankingESCI .ranking-indexaciones-nota-esci-3{
		font-weight:bold;
		font-size:10px;
		text-align:left;
		width: 570px;
		margin-top:-5px;
		padding: 0 10px;
	}	
	#RankingESCI .MetricaTituloRankingArea-esci p{
		font-weight:bold; 
		background-color:#900; 
		color: #fff; 
		font-size:11pt;
		height:25px;
		line-height:25px;
		text-align:center;
		width: 98%;
	}
	#contenedor-formulario-registro{
		width: 570px;
		margin-bottom: 50px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
	}

	#contenedor-formulario-registro-datos-generales{
		width: 570px;
		margin: 0 auto;
	}
	#contenedor-formulario-registro-botonera{
		width: 570px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}	
	#Metricas_Generales {
		width: 570px;
		justify-content: space-around;
		display: flex;
		flex-wrap: wrap;
	}
	#Metricas_Generales .item_metricas_1{
		width: 400px; 
		border:#999 solid 1px; 
		margin-bottom:10px;
	}
	#Metricas_Generales .item_metricas_2{
		width: 400px; 
		border:#999 solid 1px; 
		margin-bottom:10px;
		text-align: -webkit-center;
	}
	#NumerosPublicados {
		display: flex;
		margin-top: 20px;
		margin-bottom: 20px;
		flex-direction: row;
		flex-basis: 100%;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#Antiplagio .iconos {
		width: 50%;
		text-align: center;
	}
	#Articulos-Index #articulos .imagen, .titulo{
		width: 240px;
		justify-content: center;
	}	
	#ContenedorSecundario {
		padding: 0 10px;
	}
	#ContenedorProximosNumeros .detalles {
		flex-basis:507px;
		margin-top: 10px;
	}	
	#ContenedorProximosNumeros .pdf{
		text-align:left;
		margin-top: 0px;
		margin-bottom: 20px;
	}
	#ContenedorProximosNumeros .patrocinadores{
		text-align: center;	
		margin-bottom: 20px;	
	}
	#Video_Inicial .Texto {
		padding: 0px 50px 0px 50px;
		text-align: justify;
	}
	#IconosTesauro .Academia div, .Researchgate div {
		width: 100%;
	}
	#MetricasDeArticulos , a {
		font-size: 10px;
	}
	#RelacionRevisores div{
		width: 100%;	
	}	
	#AutoresComunicar{
		display:flex; 
		width: 95%; 
		flex-flow:wrap;
	}
	#AutoresComunicar .ListadoAutoresComunicar{
		width: 50%;
	}
	#ResaultadoPesquisaAutores .Listado {
		width: 100%;
	}
	#ResaultadoPesquisaAutores .MasAutores {
		width: 100%;
		margin-top: 20px;
		align-self: flex-end;
	}
	.AutorDetallesNumero a{
		color:#666666;
		font-size:11px;
		text-decoration:none;
	}
	#DetallesArticulosTitulo {
		margin-top: 40px;
	}
	#DetallesArticulosTitulo h1, #DetallesArticulosTitulo h1 a{
		color: #990000;
		margin-bottom: 10px;
		text-decoration: none;
		font-size: 30px;
	}
	#DetallesArticulosTitulo h2, #DetallesArticulosTitulo h2 a{
		margin-top: 0px;
		margin-bottom: 10px;
		color: #676767;
		text-decoration: none;
		font-size: 25px;
	}
	#DetallesArticulosAutores {
		margin-bottom: 30px;
		margin-top: 30px;
	}
	#DetallesArticulosAutores .DetallesAutor {
		color: #000000;
		line-height: 20px;
		margin-bottom: 0px;
	}

	#DetallesArticulosAutores .DetallesAutor img{
		vertical-align:middle;	
	}
	#DetallesArticulosAutores .DetallesAutor a{
		color:#000000;
		text-decoration:none;
		font-size: 14px;
	}
	#DetallesArticulosAutores .DetallesAutor a:hover{
		color:#808000;
		text-decoration:none;
	}	
}