/********************************************************************************************************************************************************
*********************************************************************************************************************************************************
*********************************************************************************************************************************************************
Hoja de estilos de la página principal del PUIC
/********************************************************************************************************************************************************
*********************************************************************************************************************************************************
*********************************************************************************************************************************************************
/********************************************************************************************************************************************************
Body*/

body
{
	background: #929292;
	font-family: Arial;
	margin: auto;
	width: 1024px;
}

#contenido
{
	background: #FFF;
	margin: auto;
	width: 1024px;
}

a
{
	border: none;
	color: #000;
	text-decoration: none;
}

@font-face 
{
	font-family: 'Tangerine';
	src: url(Tangerine_Regular.ttf);
	font-style: normal;
	font-weight: normal;
}

/***************************************************************************************************
Encabezado*/

#encabezado
{
	background-image: url("../imagenes/inicio/cabezal/fondo.jpg");
	height: 120px;
	margin: auto;
	width: 1024px; 
}

.unam
{
	float: left;
	margin-left: 92px;
	position: absolute;
	z-index: 4;
}

.puic
{
	float: right;	
	margin-right: 100px;
	margin-top: 30px;
	position: relative;
	z-index: 5;
}

/********************************************************************************************************************************************************
Menú principal*/

#menu_principal
{
	background: #4E4F50;
	clear: both;
	height: 44px;
	margin: auto;
	position: relative;
	width: 1024px; 
	z-index: 9999;
}

#menu
{
	align-items: center;

	
	display: flex;
	
	height: 44px;
	list-style-type: none;
	margin: 0;
	padding: 0px;
	z-index: 9999;
}

#menu > li
{
	
}

#menu li a
{
	display: block;
	padding: 0px;
}

#menu ul
{
	display: none;
	list-style: none;
	list-style-type: none;	
	margin: 0;
	padding: 0;
	position: absolute;
}

#menu ul li a 
{
	background: #204E53;
	border-bottom: 3px solid #FFF;
	color: #FFF;
	font-family: Arial;
	font-size: 1em;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	z-index: 9999;
}

#boton1  li a:hover 
{
	background: #908150;
}

#boton2 li a:hover 
{
	background: #4E4F50;
}

#boton3 li a:hover 
{
	background: #86827C
}

#menu li:hover > ul
{
	display: block;
}

li.derecho 
{
	border-right: 3px solid;
	color: #FFF;
}

.menu1 ul 
{
	max-width: 142px;
	min-width: 142px;
	width: 142px;
	opacity: 0.95;
}

.menu2 ul 
{
	max-width: 153px;
	min-width: 153px;
	width: 153px;
	opacity: 0.95;
}

.menu3 ul 
{
	max-width: 184px;
	min-width: 184px;
	width: 184px;
	opacity: 0.95;
}

.menu4 ul 
{
	max-width: 194px;
	min-width: 194px;
	width: 194px;
	opacity: 0.95;
}

.menu5 ul 
{
	max-width: 200px;
	min-width: 200px;
	width: 200px;
	opacity: 0.95;
}

.menu6 ul 
{
	max-width: 136px;
	min-width: 136px;
	width: 136px;
	opacity: 0.95;
}

#b1
{
	background-image: url("../imagenes/inicio/menu_principal/1.jpg");
	color: #FFF;
	font-family: Arial Black, Arial;		
	font-size: 1.5em;
	font-style: normal;	
	font-variant: normal;
	font-weight: 900;		
	height: 44px;
	letter-spacing: -1.5px;
	line-height: 39px;
	text-align: center;
	width: 142px;	
}

#b2
{
	background-image: url("../imagenes/inicio/menu_principal/2.jpg");
	color: #FFF;
	font-family: Arial;	
	font-size: 0.95em;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;		
	height: 44px;
	letter-spacing: -0.5px;
	line-height: 39px;
	text-align: center;
	width: 153px;	
}

#b3
{
	background-image: url("../imagenes/inicio/menu_principal/3.jpg");
	color: #FFF;
	font-family: Arial;	
	font-size: 0.95em;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;	
	height: 44px;
	letter-spacing: -0.5px;
	line-height: 21px;
	text-align: center;
	width: 184px;	
}

#b4
{
	background-image: url("../imagenes/inicio/menu_principal/4.jpg");
	color: #FFF;
	font-family: Arial;	
	font-size: 0.95em;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;		
	height: 44px;
	letter-spacing: -0.2px;
	line-height: 21px;
	text-align: center;
	width: 194px;	
}

#b5
{
	background-image: url("../imagenes/inicio/menu_principal/5.jpg");
	color: #FFF;
	font-family: Arial;	
	font-size: 0.95em;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;		
	height: 44px;
	letter-spacing: 0px;
	line-height: 21px;
	text-align: center;
	width: 200px;	
}

#b6
{
	background-image: url("../imagenes/inicio/menu_principal/6.jpg");
	color: #FFF;
	font-family: Arial;	
	font-size: 0.95em;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;		
	height: 44px;
	letter-spacing: 0px;
	line-height: 21px;
	text-align: center;
	width: 135px;	
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Menu secundario*/

#menu_secundario
{
	
	align-items: center;
	background-image: url("../imagenes/inicio/menu_secundario/barra.png");
	background-repeat: no-repeat;
	clear: both;
	display: flex;
	height: 32px;
	margin: auto;
	overflow: hidden;
	width: 1024px;
}

.menu_sec
{
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	margin: auto;
	width: 1000px;
}

.menu_secP01
{
	align-items: center;
	display: flex;
}

.twitter,
.youtube,
.vimeo,
.mapa_sitio,
.traductor
{
	margin-left: 25px;
}

.creditos
{
	color: #4E4F50;
	cursor: pointer;
	font-family: Arial;
	font-size: 0.75em;
	margin-left: 25px;
}

.creditos:hover
{
	color: #6B8C93;
}

.traductor_g
{
	margin-top: -5px;
}


/********************************************************************************************************************************************************
Contenido general*/

#cajacontenido
{
	clear: both;
	margin-left: 20px;
	margin-top: 20px;
	width: 984px;
}

/********************************************************************************************************************************************************
Proyectos acedémicos - PUIC-UNAM*/

#proyectos_academicos-puic
{
	clear:both;
	overflow: hidden;
	width: 984px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Proyectos acedémicos*/

#proyectos_academicos
{
	border: solid 1px #86827C;
	float: left;
	height: 238px;	
	overflow: hidden;
	position: relative; 
	width: 731px; 
}

.titulo_proyectos-academicos
{
	color: #224F53;
	font-family: Arial Black, Arial;
	font-size: 1.563em;
	font-style: normal;		
	font-variant: normal;
	font-weight: 900;
	letter-spacing: -1.5px;
	line-height: 30px;
	margin-top: 15px;
	position: absolute;
	text-align: center;	 	
	width: 225px;
}

.titulo_seccion_pa
{
	color: #4E4F51;
	font-family: Arial Black, Arial;
	font-size: 1.05em;
	font-style: normal;
	font-variant: normal;
	font-weight: 900;
	letter-spacing: -1px;
	line-height: 20px;
	margin-top: 95px;
	position: absolute;
	text-align: center;
	width: 225px;
	z-index: 100;
}

.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
{
	border: #000 1px solid;
	cursor: pointer;
	filter: alpha(opacity=70);
	opacity: .7;
	overflow:hidden;
}

.jssorb01 div 
{ 
	background-color: gray; 
}

.jssorb01 div:hover, .jssorb01 .av:hover 
{ 
	background-color: #d3d3d3; 
}

.jssorb01 .av 
{ 
	background-color: #fff; 
}

.jssorb01 .dn, .jssorb01 .dn:hover 
{ 
	background-color: #555555; 
}

.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
{
	background: url(../imagenes/inicio/proyectos_academicos/control.png) no-repeat;
	cursor: pointer;
	display: block;
	margin-top: 10px;
	overflow:hidden;
	position: absolute;	
}

.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }

.id01
{
	float: left;
	height: 240px;
	position: relative; 
	width: 733px; 
}

.id05
{
	 
	height: 240px; 
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
	overflow: hidden; 
	width: 733px; 
}

.p01 > img
{
	height: 199px;
	margin-left: 229px;
	margin-top: 20px;
	position: relative;	
}

.p02 > img
{ 
	height: 199px;
	margin-left: 14px;
	margin-top: 20px;
	position: relative;	
}

.p03 > img
{
	margin-left: 288px;
	margin-top: 20px;
	position: relative;
}

.textopa /*Primera imagen + texto de 3 líneas*/
{
	color: #FFF;
	font-family: Arial;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;	
	font-weight: bold;		
	height: 62px;
	line-height: 19px;	
	margin-left: 230px;
	margin-top: -72px;
	overflow: hidden;
	padding-top: 3px;
	position: absolute;	
	text-align: center;
	width: 234px;	
	z-index: 20;
	text-shadow: 0px 4px 5px #000;
	-webkit-text-shadow: 0px 6px 5px #000;
	-moz-text-shadow: 0px 6px 5px #000;
}	

.textopa02 /*Segunda imagen + texto de 2 líneas*/
{
	color: #FFF;
	font-family: Arial;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;	
	font-weight: bold;		
	height: 62px;
	line-height: 19px;
	margin-left: 480px;
	margin-top: -72px;	
	text-align: center;
	overflow: hidden;
	padding-top: 10px;
	position: absolute;	
	width: 234px;	
	z-index: 20;
	text-shadow: 0px 4px 5px #000;
	-webkit-text-shadow: 0px 6px 5px #000;
	-moz-text-shadow: 0px 6px 5px #000;
}

.textopa03 /*Sección con una sola imagen + texto de 1 línea*/
{
	color: #FFF;
	font-family: Arial;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;	
	font-weight: bold;		
	height: 62px;
	line-height: 19px;	
	margin-left: 288px;
	margin-top: -72px;
	overflow: hidden;	
	padding-top: 20px;
	position: absolute;
	text-align: center;
	width: 368px;	
	z-index: 20;
	text-shadow: 0px 4px 5px #000;
	-webkit-text-shadow: 0px 6px 5px #000;
	-moz-text-shadow: 0px 6px 5px #000;
}

.textopa04 /*Primera imagen + texto de 2 líneas*/
{
	color: #FFF;
	font-family: Arial;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;	
	font-weight: bold;		
	height: 62px;
	line-height: 19px;
	margin-left: 230px;
	margin-top: -72px;	
	overflow: hidden;
	padding-top: 10px;
	position: absolute;
	text-align: center;	
	width: 234px;	
	z-index: 20;
	text-shadow: 0px 4px 5px #000;
	-webkit-text-shadow: 0px 6px 5px #000;
	-moz-text-shadow: 0px 6px 5px #000;
}

.textopa05 /*Primera imagen + texto de 1 línea*/
{
	color: #FFF;
	font-family: Arial;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;	
	font-weight: bold;		
	height: 62px;
	line-height: 19px;
	margin-left: 230px;
	margin-top: -72px;
	overflow: hidden;
	padding-top: 20px;
	position: absolute;	
	text-align: center;
	width: 234px;	
	z-index: 20;
	text-shadow: 0px 4px 5px #000;
	-webkit-text-shadow: 0px 6px 5px #000;
	-moz-text-shadow: 0px 6px 5px #000;
}

.textopa06 /*Segunda imagen + texto de 1 línea*/
{
	color: #FFF;
	font-family: Arial;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;	
	font-weight: bold;		
	height: 62px;
	line-height: 19px;
	margin-left: 480px;
	margin-top: -72px;
	overflow: hidden;	
	padding-top: 20px;
	position: absolute;
	text-align: center;		
	width: 234px;	
	z-index: 20;
	text-shadow: 0px 4px 5px #000;
	-webkit-text-shadow: 0px 6px 5px #000;
	-moz-text-shadow: 0px 6px 5px #000;
}

.textopa07 /*Segunda imagen + texto de 3 líneas*/
{
	color: #FFF;
	font-family: Arial;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;	
	font-weight: bold;		
	height: 62px;
	line-height: 19px;
	margin-left: 480px;
	margin-top: -72px;
	overflow: hidden;
	padding-top: 3px;
	position: absolute;	
	text-align: center;	
	width: 234px;	
	z-index: 20;
	text-shadow: 0px 4px 5px #000;
	-webkit-text-shadow: 0px 6px 5px #000;
	-moz-text-shadow: 0px 6px 5px #000;
}

.textopa08 /*Sección con una sola imagen + texto de 2 líneas*/
{
	color: #FFF;
	font-family: Arial;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;	
	font-weight: bold;		
	height: 62px;
	line-height: 19px;
	margin-left: 288px;
	margin-top: -72px;	
	overflow: hidden;
	padding-top: 10px;
	position: absolute;
	text-align: center;	
	width: 368px;	
	z-index: 20;
	text-shadow: 0px 4px 5px #000;
	-webkit-text-shadow: 0px 6px 5px #000;
	-moz-text-shadow: 0px 6px 5px #000;
}

.textopa09 /*Sección con una sola imagen + texto de 2 líneas*/
{
	color: #FFF;
	font-family: Arial;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;	
	font-weight: bold;		
	height: 62px;
	line-height: 19px;
	margin-left: 288px;
	margin-top: -72px;	
	overflow: hidden;
	padding-top: 3px;
	position: absolute;
	text-align: center;	
	width: 368px;	
	z-index: 20;
	text-shadow: 0px 4px 5px #000;
	-webkit-text-shadow: 0px 6px 5px #000;
	-moz-text-shadow: 0px 6px 5px #000;
}

.p0602:hover
{
	position: relative;
	z-index: 1080;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
PUIC-UNAM*/

#puic-unam
{
	background: #6B8C93;
	float: right;
	height: 240px;
	margin-top: 0px;
	/*margin-left: 20px;*/
	width: 231px;
}

.titulo_puic
{
	color: #FFF;
	font-family: Arial Black, Arial;
	font-size: 1.5em;
	font-weight: 900;	
	margin-top: 10px;
	text-align: center;
	word-spacing: 2px;
}

.texto_puic
{
	color: #FFF;
	font-family: Arial;
	font-size: 1.125em;
	font-weight: normal;
	line-height: 26px;
	margin-top: 10px;
	text-align: center;
	word-spacing: 2px;
}

.ver_acuerdo_puic
{
	color: #224F53;
	font-family: Arial;
	font-size: 0.95em;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
	word-spacing: 2px;
}

/********************************************************************************************************************************************************
Servicio académicos*/

#servicios_academicos
{
	clear: both;
	margin-top: 15px;
	overflow: hidden;
	width: 984px;
}

.materia_optativa
{
	float: left;
	height: 239px;
	width: 155px;
}

.becas, .centro_documentacion, .publicaciones, .cursosCF, .servicio_practicas
{
	float: left;
	height: 239px;
	margin-left: 10.8px;
	width: 155px;
}

.nombre_sa
{
	align-items: center;
	display: flex;
	justify-content: center;
	
	color: #FFF;
	font-family: Arial;
	font-size: 0.90em;
	font-style: normal;
	font-variant: normal;	
	font-weight: bold;		
	height: 66px;
	letter-spacing: 0px;
	line-height: 19px;
	margin-top: -72px;
	text-align: center;
	position: absolute;	
	width: 155px;	
	z-index: 2;
	text-shadow: 0px 4px 5px #000;
	-webkit-text-shadow: 0px 6px 5px #000;
	-moz-text-shadow: 0px 6px 5px #000;	
}



/********************************************************************************************************************************************************
Nuestros foros y ponencias - Eventos y convocatorias - Cultura y política*/

#foros_eventos_opinion
{
	clear:both;
	margin-top: 15px;
	overflow: hidden;
	width: 984px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Nuestros foros y ponencias y Memoria*/

#foros_ponencias_memoria
{
	float: left;
	height: 382px;
	overflow: hidden;
	width: 237px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Nuestros foros y ponencias

#foros_ponencias
{
	background: #CFCDCA;
	/*height: 382px;
	height: 194px;
	overflow: hidden;
	width: 237px;	
}

.foros_ponenciasR
{
	float: left;
	height: 70px;
	margin-left:20px;
	margin-top: 20px;
	width: 194px;
}

.titulos_foros_ponencias
{
	background-image: url("../imagenes/inicio/nuestros_foros_ponencias/1.jpg");
	height: 71px;
	overflow: hidden;
	width: 237px;	
}

.titulos_foros_ponencias:hover 
{
	background-image: url("../imagenes/inicio/nuestros_foros_ponencias/1_b.jpg");
}

.ntfp
{
	color: #FFF;
	font-family: Arial Black, Arial;
	font-size: 1.05em;
	font-style: normal;
	font-variant: normal;	
	font-weight: 900;		
	letter-spacing: 0px;
	margin-top: 8px;
	line-height: 20px;
	text-align: center;	
}

.ntfmemoria
{
	color: #FFF;
	font-family: 'Tangerine';
	font-size: 1.45em;
	font-style: normal;
	font-variant: normal;	
	letter-spacing: 0px;
	line-height: 23px;
	text-align: center;	
}


.titulo_foros_ponencias
{
	color: #908150;
	float: right;
	font-family: Arial;
	font-size: 0.95em;
    font-weight: bold;
	line-height: 16px;
	margin-bottom: 5px;
	text-align: center;
	text-decoration: none;
	width: 194px;
}

.titulo_foros_ponencias:hover
{
	color: #4E4F50;
}

.autor_foros_ponencias
{
	color: #000;
	font-family: Arial;
	font-size: 0.95em;
	font-weight: normal;
}

.foros_ponencias_espacio
{
	float: left;
	margin-left:20px;
	margin-top: 15px;
	width: 204px;
}

.paginacion_foros_ponencias ul 
{
	display: inline-block;
	float: right;
	height: 25px;
	margin-top: 13px;
	margin-right: 1px;
}

 .paginacion_foros_ponencias li 
{
    display: inline;
}

 .paginacion_foros_ponencias a 
{
	cursor: pointer;
	float: left;
}

.linea_nfp > img
{
	width: 194px;
	margin:auto;
	text-align: center;
}

#memoria_eventos
{
	height: 178px;
	margin-top: 10px;
	overflow: hidden;
	width: 237px;	
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Eventos y convocatorias*/

#eventos_convocatorias
{
	float: left;
	margin-left: 14.5px;
}

#slider
{
	margin: auto;
	z-index: 5;
}

ul.bjqs /* estilos del slider */
{
	display: none;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative; 
}

li.bjqs-slide
{
	display: none;
	position: absolute; 
}

ul.bjqs-controls
{
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0;
}

ul.bjqs-controls.v-centered li a
{
	position: absolute;
}

ul.bjqs-controls.v-centered li.bjqs-next a
{
	right: 0;
}

ul.bjqs-controls.v-centered li.bjqs-prev a
{
	left: 0;
}

ol.bjqs-markers
{
	list-style: none; 	 
	margin: 0;
	padding: 0;
	position: absolute;
	width:100%;	
	z-index: 999;
}

ol.bjqs-markers.h-centered
{
	text-align: center;
} 

ol.bjqs-markers li
{
	display:inline;
}

ol.bjqs-markers li a
{
	display:inline
}


ol.bjqs-markers /*Botonera ubicada al pie del slideshow*/
{
	height: 16px;
	margin-top:-16px;
	text-align: center;
}

ol.bjqs-markers li
{
	margin-top: 20px;
}

ol.bjqs-markers li a
{
	background: #CFCDCA;
	border-radius: 3.5px;
	color: transparent;
	font-size: 0px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 7px;
	padding-top: 7px;
	text-decoration: none;
		-moz-border-radius: 3.5px;	
}

li.active-marker a, 
ol.bjqs-markers li a:hover
{
	background:#6B8C93!important;
	color: transparent;
}

ul.bjqs-controls.v-centered li a /* Controles atras y adelante */
{
	background: #000;
	color: #000;
	display: block;	
	font-family: verdana;
	font-size: 2.45em;	
	opacity: 0.15;
	padding: 10px;
	text-decoration: none;
	transition: color .1s ease, background .1s ease;
		-webkit-transition: color .1s ease, background .1s ease;
		-moz-transition: color .1s ease, background .1s ease;
		-o-transition: color .1s ease, background .1s ease;
}

ul.bjqs-controls.v-centered li a:hover
{
    background: #000;
    color: #fff;
	opacity: 0.7;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Cultura y política*/

#cultura_politica
{
	/*background: #CFCDCA;*/
	float: left;
	height: 382px;
	margin-left: 14.5px;
	width: 237px;
}
/*
.titulos_cultura_politica
{
	background-image: url("../imagenes/inicio/cultura_politica/1.jpg");
	height: 71px;
	overflow: hidden;
	width: 237px;
}

.titulos_cultura_politica:hover 
{
	background-image: url("../imagenes/inicio/cultura_politica/1_b.jpg");
}

.ntcp
{
	color: #FFF;
	font-family: Arial Black, Arial;
	font-size: 1.25em;
	font-style: normal;
	font-variant: normal;	
	font-weight: 900;		
	letter-spacing: 0px;
	margin-left: 27px;
	margin-top: 10px;
	line-height: 25px;
}

.detallecp
{
	font-family: 'Tangerine';
	font-size: 2em;
	line-height: 0px;
	margin-left: 20px;
}

#content2
{
	margin-top: 4px;
	overflow: hidden;
}

.cultura_politicaR 
{
	clear: both;
	float: left;
	height: 87px;
	margin-bottom: 5px;
	overflow: hidden;
	width: 225px;
}

.foto_cultura_politica
{
	float: left;
	margin-left: 12px;
}

.titulo_cultura_politica
{
	color: #333333;
	float: left;
	font-family: Arial;
	font-size: 0.875em;
	font-weight: bold;
	height: 87px;	
	line-height: 16px;
	margin-left: 13px;
	width: 135px;
	word-spacing: 2px;
}

.titulo_cultura_politicaL
{
	color: #333333;
	float: left;
	font-family: Arial;
	font-size: 0.875em;
	font-weight: bold;
	height: 87px;	
	line-height: 16px;
	margin-left: 13px;
	margin-top: 10px;
	width: 135px;
	word-spacing: -2px;
	letter-spacing: -0.2pt;
}

.autor_cultura_politica 
{
	color: #4E4F50;
	float: left;
	font-family: Arial;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 16px;
	margin-top: 10px;
	text-decoration: none;
}

.paginacion_cultura_politica ul 
{
	display: inline-block;
	float: right;
	height: 25px;
	margin-top: 5px;
	margin-right: 1px;
}

.paginacion_cultura_politica li 
{
    display: inline;
}

.paginacion_cultura_politica a 
{
    color: #FFF;
	cursor: pointer;
	float: left;
}*/


/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Secciones especiales COVID-19*/

#bannerT1 a img
{
	height: 178px;
	overflow: hidden;
	width: 237px;	
}

#bannerT2 a img
{
	height: 178px;
	overflow: hidden;
	margin-top: 15px;
	width: 237px;	
}


/********************************************************************************************************************************************************
Noticias*/

#Noticias
{
	clear:both;
	height: 46px;
	margin-top: 15px;	
}

#titulos_noticias
{
	background-image: url("../imagenes/inicio/noticias/1.jpg");
	float: left;
	height: 46px;
	overflow: hidden;
	width: 167px;
}

#titulos_noticias:hover 
{
	background-image: url("../imagenes/inicio/noticias/1_b.jpg");
}

.ntn
{
	color: #FFF;
	font-family: Arial Black, Arial;
	font-size: 1.25em;
	font-style: normal;
	font-variant: normal;	
	font-weight: 900;		
	letter-spacing: 0px;
	text-align: center;
	margin-top: 9px;
	line-height: 25px;
}

#notas
{
	background-image: url("../imagenes/inicio/noticias/fondo.jpg");
	float: right;
	font-family: Arial;
	font-size: 1.05em;
	font-weight: normal;
	height: 46px;
	line-height: 45px;
	overflow: hidden;
	 white-space: nowrap;
	width: 817px;   
}

/********************************************************************************************************************************************************
Documentos de interés - Galería audiovisual - Los becarios opinan - Sitios web, blogs y cátedras*/

#documentos_galeria_becarios_blogs
{
	clear:both;
	margin-top: 15px;
	overflow: hidden;
	width: 984px;
}

.titulo_documentos_galeria_becarios_blogs
{
	color: #4E4F50;
	font-family: Arial Black, Arial;
	font-size: 1.2em;
	font-weight: 900;	
	height: 50px;
	line-height: 24px;
	margin: auto;
	margin-bottom: 15px;
	margin-top: 10px;	
	text-align: left;
	width: 215px;
}

.titulo_documentos_galeria_becarios_blogs a
{
	color: #4E4F50;
}

.titulo_documentos_galeria_becarios_blogs a:hover
{
	color: #6B8C93;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Documentos de interés*/

#documentos_interes
{
	border: 1px solid #000;
	float: left;
	height: 375px;
	width: 232px;
}

.documentos_interesR 
{
	height: 92px;
	margin-bottom: 10px;
	margin-left: 2px;
	width: 220px;
}

.imagorganizacion_documentos_interes
{
	float: left;
	height: 60px;
	width: 70px;
}

.organizacion_di
{
	color: #3F3F3F;
	float: left;
	font-family: Arial;
	font-size: 0.95em;
	font-weight: bold;
	line-height: 18px;
	margin-left: 5px;
	width: 145px;
	word-spacing: 2px;
}
	
.titulo_documentos_interes
{
	color: #4E4F50;
	float: left;
	font-family: Arial;
	font-size: 0.95em;
	font-weight: normal;
	line-height: 18px;
	word-spacing: 0px;
}

 .paginacion_documentos_interes ul 
{
	display: inline-block;
	float: right;
	height: 25px;
	margin-right: 1px;
	margin-top: -25px;
}

 .paginacion_documentos_interes li 
{
    display: inline;
}

 .paginacion_documentos_interes a 
{
	cursor: pointer;
	float: left;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Galería audiovisual*/

#galeria_audiovisual
{
	border: 1px solid #000;
	float: left;
	height: 375px;
	margin-left: 16px;
	width: 232px;
}

.audiovisualR
{
	height: 80px;
	margin-left: 10px;
	margin-bottom: 14px;
	width: 215px;
}

.imagen_audiovisual 
{
	float: left;
	margin-top: 9px;
}

.imagen_audiovisual02
{
	float: left;
	margin-top: 4px;
}

.titulo_audiovisual
{
	color: #3F3F3F;
	float: left;
	font-family: Arial;
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1.3;
	margin-left: 10px;
	width: 155px;
	word-spacing: 2px;
}

.elementos_audiovisual
{
	color: #4E4F50;
	font-family: Arial;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.3;
	width: 155px;
	word-spacing: 2px;
}

.paginacion_galeria_audiovisual ul 
{
	display: inline-block;
	float: right;
	height: 25px;
	margin-right: 1px;
	margin-top: 0px;
}

 .paginacion_galeria_audiovisual li 
{
    display: inline;
}

 .paginacion_galeria_audiovisual a 
{
	cursor: pointer;
	float: left;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Los becarios opinan*/

#becarios_opinan
{
	border: 1px solid #000;
	float: left;
	height: 375px;
	margin-left: 16px;
	width: 232px;
}

.becariosR 
{
	height: 128px;
	margin-left: 10px;
	margin-bottom: 15px;
	width: 215px;
}

.nombre_becarios
{
	color: #3F3F3F;
	float: left;
	font-family: Arial;
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1.3;
	width: 210px;
	word-spacing: 2px;
}

.opinion_becarios
{
	color: #4E4F50;
	float: left;
	font-family: Arial;
	font-size: 0.95em;
	font-weight: normal;
	line-height: 18px;
	word-spacing: 2px;
}

.paginacion_becarios ul 
{
	display: inline-block;
	float: right;
	height: 25px;
	margin-right: 1px;
	margin-top: -5px;
}

 .paginacion_becarios li 
{
    display: inline;
}

 .paginacion_becarios a 
{
	cursor: pointer;
	float: left;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Sitios web, blogs y cátedras*/

#blogs_catedras
{
	border: 1px solid #000;
	float: left;
	height: 375px;
	margin-left: 16px;
	width: 232px;
}

.blogs_catedrasR 
{
	height: 85px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 217px;
}

 .paginacion_blogs_catedras ul 
{
	display: inline-block;
	float: right;
	height: 25px;
	margin-right: 1px;
	margin-top: -5px;
}

 .paginacion_blogs_catedras li 
{
    display: inline;
}

 .paginacion_blogs_catedras a 
{
	cursor: pointer;
	float: left;
}

.encuentro, .materia, .warman, .poesia, .radio, .oaxaca
{
	overflow: hidden;
}

.imagen_warman, .imagen_poesia, .imagen_radio, .imagen_oaxaca
{
	float: left;
}

.titulo_warman a,  
.titulo_radio a
{
	color: #4E4F50;
	float: left;
	font-family: Arial;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 15px;
	margin-left: 13px;
	margin-top: 6px;
	text-align: left;
	width: 130px;
}

.titulo_poesia a
{
	color: #4E4F50;
	float: left;
	font-family: Arial;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 15px;
	margin-left: 13px;
	margin-top: 5px;
	text-align: left;
	width: 138px;
}

.titulo_oaxaca a
{
	color: #4E4F50;
	float: left;
	font-family: Arial;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 15px;
	margin-left: 13px;
	margin-top: 14px;
	text-align: left;
	width: 138px;
}

.titulo_encuentro a
{
	color: #4E4F50;
	float: left;
	font-family: Arial;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 15px;
	margin-left: 13px;
	margin-top: 5px;
	text-align: left;
	width: 138px;
}

.titulo_materia a
{
	color: #4E4F50;
	float: left;
	font-family: Arial;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 15px;
	margin-left: 13px;
	margin-top: 0px;
	text-align: left;
	width: 138px;
}

.titulo_warman a:hover,  
.titulo_radio a:hover,
.titulo_poesia a:hover,
.titulo_oaxaca a:hover,
.titulo_materia a:hover
{
	color: #333333;
}


/*-----------------------------------------------------*/

.cultura_politicaR 
{
	clear: both;
	float: left;
	height: 87px;
	margin-bottom: 5px;
	overflow: hidden;
	width: 225px;
}

.foto_cultura_politica
{
	float: left;
	margin-left: 12px;
}

.titulo_cultura_politica
{
	color: #333333;
	float: left;
	font-family: Arial;
	font-size: 0.875em;
	font-weight: bold;
	height: 90px;	
	line-height: 16px;
	margin-left: 13px;
	width: 135px;
	word-spacing: 2px;
}

.titulo_cultura_politicaL
{
	color: #333333;
	float: left;
	font-family: Arial;
	font-size: 0.875em;
	font-weight: bold;
	height: 87px;	
	line-height: 16px;
	margin-left: 13px;
	margin-top: 10px;
	width: 135px;
	word-spacing: -2px;
	letter-spacing: -0.2pt;
}

.autor_cultura_politica 
{
	color: #4E4F50;
	float: left;
	font-family: Arial;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 16px;
	margin-top: 5px;
	text-decoration: none;
}

.paginacion_cultura_politica ul 
{
	display: inline-block;
	float: right;
	height: 25px;
	margin-right: 1px;
	margin-top: 5px;
}

.paginacion_cultura_politica li 
{
    display: inline;
}

.paginacion_cultura_politica a 
{
    cursor: pointer;
	float: left;
}






/********************************************************************************************************************************************************
La diversidad en imagenes*/

#diversidad_imagenes
{
	background: #CFCDCA;
	clear: both;
	margin: auto;
	margin-top: 15px;
	overflow: hidden;
	width: 984px;
}

#titulo_diversidad_imagenes
{
	color: #224F53;
	font-family: Arial Black, Arial;
	font-size: 1.2em;
	font-weight: 900;	
	line-height: 24px;
	margin-bottom: 15px;
	margin-left: 18px;
	margin-top: 20px;	
	text-align: left;
}

a .ldi
{
	color: #224F53;
}

a .ldi:hover
{
	color: #6B8C93;
}

.imagenes_diversidad
{
	
	clear: both;
	overflow: hidden;
}

.diversidad_imagenes1 img
{
	float: left;
	height: 146px;
	margin-left: 18px;
	width: 234px;
}

.diversidad_imagenes2 img
{
	float: left;
	height: 146px;
	margin-left: 5px;
	width: 234px;
}

.titulos_imagenes_diversidad
{
	clear: both;
	margin-top: 10px;
	overflow: hidden;
}

.pie_diversidad_imagenes 
{
	float: left;
	margin-bottom: 15px;
	margin-left: 18px;
	width: 234px;
}

.pie_diversidad_imagenes02
{
	float: left;
	margin-bottom: 15px;
	margin-left: 5px;
	width: 234px;
}

.pie_di1
{
	color: #224F53;
	font-family: "Arial Narrow", "Arial", sans-serif;
	font-size: 0.95em;
	font-stretch: condensed;	
	line-height: 24px;
	margin:auto;
	text-align: center;
	width: 200px;
}

/*****************************************************************************************************************************************************
Comunidad UNAM*/

#comunidad_unam article
{
	align-items: center;
	display: flex;
	justify-content: space-between;
	clear: both;
	margin: auto;
	margin-top: 30px;
	overflow: hidden;
	width: 984px;	
}

#comunidad_unam_02 article
{
	align-items: center;
	display: flex;
	justify-content: space-around;
	clear: both;
	margin: auto;
	margin-top: 30px;
	overflow: hidden;
	width: 984px;	
}

.unam_plan_trabajo,
.unam_igualdad_genero,
.unam_ddu,
.unam_gaceta,
.unam_etica
{
	float: left;
}

.unam_plan_trabajo a img,
.unam_igualdad_genero a img,
.unam_ddu a img,
.unam_gaceta a img,
.unam_etica a img
{
	height: 45px;
}


/********************************************************************************************************************************************************
pie de página*/

#pie_pagina
{
	background-image: url("../imagenes/inicio/pie_pagina/fondo.jpg");
	clear: both;
	height: 274px;
	margin-top: 20px;
	width: 1024px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Preguntas frecuentes*/

.preguntas_frecuentes
{
	float:left;
	margin-left: 30px;
	margin-top: 15px;
	width: 665px;
}

.PF 
{
	float:left;
	height: 90px;
	width: 300px;
}

.logopf
{
	float:left;
	height: 58px;
	margin-top: 10px;
	width: 58px;
}

.nombrepreguntas
{
	float:left;
	color: #FFF;
	font-family: 'Tangerine';
	font-size: 3em;
	font-weight: normal;
	margin-left: 5px;
	margin-top: 10px;
	letter-spacing: -1px;
	width: 230px;
	word-spacing: 10px;	
}

.PF_temas01
{
	float: left;
	margin-left: 1px;
	margin-top: 10px;
}

.PF_temas02
{
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}

.PF_temas11
{
	color: #FFF;
	font-family: Arial;
	font-size: 0.75em;
	font-weight: bold;
	margin-bottom: 5px;
}

.PF_temas12
{
	color: #FFF;
	font-family: "Arial Narrow", "Arial", sans-serif;
	font-size: 0.875em;
	font-stretch: condensed;	
	font-weight: normal;
	margin-bottom: 5px;
}

.escribenos
{
	clear: both;
	color: #FFF;
	font-family: Arial;
	font-size: 1em;
	font-weight: normal;
	margin-left: 300px;
	text-align: left;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Redes sociales*/

.redes_sociales_pie
{
	float: right;
	margin-right: 53px;
	margin-top: 25px;
}

.facebook_pie 
{
	float: left;
}

.twitter_pie
{
	float: left;
	margin-left: 25px;
}

.vimeo_pie
{
	float: left;
	margin-left: 14px;
}

.youtube_pie
{
	float: left;
	margin-left: 15px;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Ubicación*/

.ubicacion
{
	clear: both;
	float:right;
	margin-right: 55px;
	margin-top: -35px;
}

.titulo_ubicacion
{
	color: #FFF;
	font-family: Arial;
	font-size: 0.95em;
	font-weight: normal;
	margin-bottom: 10px;
	text-align: center;
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------
contador de visitas*/

.contador_visitas
{
	color: #FFF;
	float: left;
	font-family: "Arial Narrow", "Arial", sans-serif;
	font-size: 0.95em;
	font-stretch: condensed;	
	font-weight: normal;
	line-height: 30px;
	margin-left: 30px;
	margin-top: 20px;
	text-align: center;
}


.nvisitas
{
	background-color: #FFF;
	color: #000;
	font-family: "Arial Narrow", "Arial", sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: 4px;
	border: solid 1px #CFCDCA;
	text-align: center;
	padding-left: 4px;
	
}


/*-------------------------------------------------------------------------------------------------------------------------------------------------------
Legales*/

.legales
{
	color: #FFF;
	float: left;
	font-family: Arial;
	font-size: 0.625em;
	font-weight: normal;
	height: 120px;
	line-height: 1.7;
	margin-left: 40px;
	margin-top: 15px;
	text-align: right;
	width: 500px;
	word-spacing: 2px;
}