@font-face {
    font-family: helvetica_light;
    src: url('/resources/fonts/helvetica-neue-ultra-light.eot');
    src: url('/resources/fonts/helvetica-neue-ultra-light.woff') format('woff'),
         url('/resources/fonts/helvetica-neue-ultra-light.ttf') format('truetype')
}

@font-face {
    font-family: helvetica_normal;
    src: url('/resources/fonts/Helvetica-Light.eot');
    src: url('/resources/fonts/Helvetica-Light.woff') format('woff'),
         url('/resources/fonts/Helvetica-Light.ttf') format('truetype')
}

body {
	font-family: helvetica_normal;
}

#fondo-encabezado{
	height: 80px;
	width: 100%;
	border-bottom: 1px solid #de5a0c;
	position: fixed;
	background: #ffffff;
	z-index: 100;
}

#fondo-amarillo{
	background-color: #f8f8f8;
	width: 40%;
	height: 100%;
	float: right;
}

#encabezado{
	height: 80px;
	width: 980px;
	/*padding: 15px 0px;*/
}

.rojo{
	color: #d10019 !important;
}

#logo-redalyc{
	width: 270px;
	height: 70px;
	float: left;
}


#logo-redalyc a img{
	width: auto;
	height: 80px;
}

#titulo-encabezado{
	width: 512px;
	height: 100%;
	float: right;
	cursor: pointer;
	background-image: url('/resources/img/marcalyc-nombre.png');
	background-size: cover;
	
	/*text-align: right;	
	font-weight: lighter;
	color: #a19c9c;*/
}

#titulo-sistema-encabezado{
	width: 320px;
	position: absolute;
	text-align: right;
	font-family: helvetica_light;
	letter-spacing: 2px;
	font-size: 22px;
	top: 27px;
}

#titulo-sistema-encabezado > span:first-child{
	color: #E9932A;
	/*font-weight: bold;*/
	font-family: helvetica_normal;
	letter-spacing: 0;
	font-size: 23px;
}

/*#titulo-encabezado span{
	color: #777;
	font-size: 19px;
	line-height: 16pt;
}*/

#cuerpo{
	height: 100%;
}

#pie{
	position: relative;
	height: 55px;
	/*background-image: url("/resources/img/lado-pie.png");*/
	font-size: 12px;
	color: #858585;
	clear: left;
	
	font-family: helvetica_normal;
	/*letter-spacing: 1px;
	font-weight: bold;*/
	background-color: #e0e0e0;
	border-bottom: 1px solid #858585;
}

#logotipos-pie{
	background-image: url('/resources/img/home-2.2_07.png');
	background-repeat: no-repeat;
	backgound-position: center;
	width: 192px;
	height: 100%;
	float: left;
	margin-top: 7px;
}

/*Mapa de la imagen de la uaem para que tenga link */
#pie-uaemex{
	position: absolute;
	top: 10px;
	left: 50px;
	width: 75px;
	height: 40px;
	background-color: transparent;
	/*border: 1px solid green;*/ /*Borde de referencia para ubicarlo*/
}

#imagen-fondo-pie{
	position: relative;
	height: 55px;
	width: 979px;
	/*background-image: url("/resources/img/Sistema-marcacion-1_36.png");*/
	/*margin-top:606px;*/
	left: 2%;
}

#titulo-pie{
	width: 315px;
	float: left;
	margin-left: 50px;
	text-align: left;
	padding-top: 15px;
}

#version-sistema{
	text-align: left;
	float: left;
	padding-top: 15px;
	position: absolute;
	left: 53%;
}

#open-access{
	width: 195px;
	height: 100%;
	float: left;
	background-image: url('/resources/img/marcalyc-pie_05.png');
	background-repeat: no-repeat;
	background-position: center right;
	position: absolute;
	left: 67%
}

#oa{
	width: 42px;
	height: 100%;
	float: left;
	
	background-image: url('/resources/img/marcalyc-pie_10.png');
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 10px;
}

a:link, a:visited, a:hover{
	text-decoration: none;
	color: #908f8f;
}

#pie a:link, a:visited, a:hover{
	text-decoration: none;
	color: #908f8f !important;
}

#info-acceso{
	position: relative;
	font-family: helvetica_normal;
	font-size: 12px;
	color: #5B5A5A;
	text-align: center;
	bottom: 17px;
}

#info-acceso a:link, #info-acceso a:visited, #info-acceso a:hover, #passForget a:link, #passForget a:visited, #passForget a:hover{
	color: #8f1b33 !important;
}

#cinta-jats{
	position: relative;
	bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#panel-passForget, #ventana-correo{
	/*display: none;	
	width: 600px !important;
	position: absolute !important;
	bottom: 0 !important;
	padding: 0px !important;*/
	height: 100%;
	background: rgba(20, 20, 20, 0.5);
}

#passForget{
	position: relative !important;
	font-family: helvetica_normal !important;
	font-size: 14px !important;
	color: #5B5A5A !important;
	text-align: center !important;
	bottom: 17px !important;
	padding-top: 5px !important;
	
}

.panel-centrado{
	left: calc((100% - 600px)/2);
	/*top: calc((100% - 154px)/2);*/
	width: 600px !important;
	position: absolute !important;
	overflow: hidden;
	background: #e9e9e9 !important;
}

.pass-grid{
	text-align: center !important;
	margin-left: auto;
	margin-right: auto;
	width: 350px;
}

#p-pass_footer{
	background: #e9e9e9 !important;
	border: 0px;
}

.pass-grid .ui-message{
	font-size: 15px !important;
}

.panel-pass-centrado{
	left: calc((100% - 600px)/2);
	top: calc((100% - 154px)/2);
	width: 600px !important;
	position: absolute !important;
	overflow: hidden;
	background: #e9e9e9 !important;
}

#contenedor{
	margin-bottom: 50px;
	margin-top: 51px;
}

#contenedor-interno{
	/*position: relative;*/
	width: 979px;
}

#contenedor-opciones{
	position: relative;
	width: 979px;
}

#marcalyc-center{
	width: 381px;
	height: 314px;
	background-image: url('/resources/img/imgWikilyc/marcalyc-center.png');
	margin-bottom: 30px;
}

#mensaje-inicial{
	font-size: 30px;
	color: #70706E;
	margin-bottom: 30px;
}

#pagina-marcacion{
	margin-top: -15px;
}

#cinta {
	width: 100%;
	height: 80px;
	/*position: relative;*/
	font-size: 5px;
	background-color: #F2F2F2;
	background-size: 4px 4px;
	/*margin-bottom: 30px;*/
	color: #E78600;
}

.elemento-icono{
	float: left;
	margin: 15px 10px 0px 20px;
}

.texto-icono{
	float: left;
	margin: 5px 20px 0px 20px;
	color: #6c6c6c;
	width: 120px;
	font-size: 12px;
	text-align: justify;
}

#barra{
	position: relative;
	width: 985px;
	height: 80px;
	margin: 0 auto;
	/*left: 35px;*/
}

#opciones{
	width: 211px;
	height: 128px;
	/*background: #000;*/
	z-index: 100;
	position: fixed;
	left: calc(50% + 505px);
	top: 25%;
	display: none;
}

.seccion{
	height: 1371px;
}

#conjunto-opciones{
	width: 128px;
	height: 116px;
	float: left;
}

#certif{
	width: 58px;
	height: 58px;
	background-image: url('/resources/img/imgWikilyc/certif_off.png');
	float: left;
}

#preguntas{
	width: 58px;
	height: 58px;
	background-image: url('/resources/img/imgWikilyc/preguntas_off.png');
	float: left;
}

#blog{
	width: 58px;
	height: 58px;
	background-image: url('/resources/img/imgWikilyc/blogs_off.png');
	float: left;
}

#manual{
	width: 58px;
	height: 58px;
	/*background-image: url('/resources/img/imgWikilyc/manual_off.png');*/
	float: left;
}


#videos{
	/*width: 72px;
	height: 121px;*/
	width: 58px;
	height: 58px;
	background-image: url('/resources/img/imgWikilyc/videos_off.png');
	float: left;
	/*margin-right: 6px;*/
}

#infotec{
	width: 58px;
	height: 58px;
	background-image: url('/resources/img/imgWikilyc/infotec_off.png');
	float: left;
}

.opciones-generales{
	cursor: pointer;
}

.clase-conjunto-opciones{
	margin-right: 6px;
	margin-bottom: 6px;
}

.mensaje-secundario{
	float: left;
	margin: 5px 20px 0px 79px;
	color: #70706E;
	width: 520px;
	font-size: 37px;
	text-align: justify;
}

.subtitulo{
	float: left;
	color: #E78600;
	width: 520px;
	font-size: 30px;
	text-align: justify;
	margin: 35px 0px 15px 15px;
}

#lector-pdf{
	
	left: calc((49% - 600px)/2);
	float: left;
}

#preguntas-faqs {
	float: left;
	margin: 5px 20px 0px 0px;
	/*overflow-x: hidden;
	overflow-y: auto;*/
	min-height: 400px;
	color: #70706E;
	width: 979px;
	/*height: 600px;*/
	font-size: 37px;
	text-align: justify;
	position: relative;
	overflow: hidden;
}

.faqs-hide{
	display: none;
}

.faqs-show{
	display: block;
}

#faqs-left{
	width: 100px;
}

#faqs-right{
	width: 150px;
}

.navega-faqs{
	clear: left;
	position: relative;
	bottom: 52px;
	font-size: 18px;
	color: #e9932a;
	top: -35px;
	margin: 0 auto;
	cursor: pointer;
}

.question {
	color: #6B6A6A;
	font-size: 17px;
	margin-bottom: 10px;
	margin-right: 30px;
	font-weight: bolder;
}

.answer {
	color: #919090;
	font-size: 17px;
	margin-bottom: 50px;
	margin-right: 30px;
}

.videos-orden{
	width: 882px;
	margin: 0 auto;
}
.acordion-orden{
	width: 100%;
	margin: 0 auto;
}

.mini-video{
	width: 400px;
	margin: 15px;
}

#wikilyc-banner{
	width: 979px;
	height: 300px;
}
#training-videos img{
	cursor:pointer;
 width:400px;
 height:200px;
 pading:2px;
 margin: 15px;
}

/* reproductor */

 #contenido{
 position:absolute:
   margin:0 auto;
  	float: left;
	height: 520px;
   width:800px;
   top:80px;
   text-aling:center;

   left: 10%;
   right: 10%;
    cursor:pointer;
  
   }
   #contenido  span{
   color: black;
    font-family: helvetica_light;
   }
   #controles{
   margin-top:10px;
   width:884px;
   height:30px;
   margin:0 auto;
   background-color:#D5D5D5;
   padding:20px;
   padding-bottom:5px;
   border-bottom-right-radius:20px;
   border-bottom-left-radius:20px;
    left: calc(50% - 462px);
    position: absolute;
    top:523px;
   }
   #controles img{
   float:left;
    cursor: pointer;
   }
   #cerrar-video{
     cursor: pointer;
     right:calc(50% - 490px);
     position:absolute;
     top:-23px;
    
   }
   .progress{
   float:left;
   padding-right:10px;
  
   }
   #progreso{
   width:450px;
   height:5px;
     background-color:#E78600;
     cursor:pointer;
    
   }

   .volumen{
   background-color:#D5D5D5;
   border-bottom-left-radius:2px;
   border-bottom-right-radius:2px;
   height:35px;
   width:150px;
   overflow:hidden;
   float:left;
   cursor:pointer;
   color:#FFFFFF;
      
   
   }
 
   #table img{
   cursor: pointer;
   padding:2px;
   float:center;
   margin: 15px;
   }
	
#progreso{
    -webkit-appearance: none !important;
    background:#E78600;
    height:7px;
   

  
}
#Video2{
height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 990;
}
#volumenn{
    -webkit-appearance: none !important;
    background:#E78600;
    height:7px;
    width:80px;
  

  
}
.video_poster{
    width:20px;
    height:39px;
    background-size:694px 390px;
   
}
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background:white ;
    height:10px;
    width:10px;
    
}
#visor-videos {
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    border: 3px solid #E78600;
    bottom: 0;
    display: none;
    font-size: 12px;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index:1;
  
}


/*#bloque-faqs1{
	width: 100%;
	position: absolute;
	left: 0px;
}

#bloque-faqs2{
	width: 100%;
	position: absolute;
	left: 100%;
}*/

.scheme, .attribute-Scheme{
	color: #919090;
	font-size: 17px;
	float: left;
	margin: 5px 20px 0px 0px;
	color: #70706E;
	/*width: 979px;*/
	width: 1299px;
	text-align: justify;
	position: relative;
	overflow: hidden;
}
.attribute-Scheme-label{
	color: #6B6A6A;
	font-size: 20px;
	margin-top: 20px;
}

.ui-widget-content{
	border: 0 !important;
	background: none !important;
}

.ui-tree-horizontal{
	overflow: unset !important;
}

#scheme-info{
	left: 38%;
	float: left;
	position: relative;
	margin: 15px;
}

.nodo{
	font-size: 12px;
}

#myDiagramDiv{
	width: 99%; 
	height: auto; 
	overflow:auto;
	
}

.attribute-selected{
	background-color: #e7801f;
	height: auto;
	width: auto;
	position: absolute;
	display: none;
	color: white;
	border-radius: 8px;
	padding: 8px;
	font-size:15px;
}

#marcalyc-scheme{
float: left;	
}