/* importar familia de font de Google */
/*  @import url(http://fonts.googleapis.com/css?family=Molengo); */
/* @import url(http://fonts.googleapis.com/css?family=Julius+Sans+One&subset=latin,latin-ext); */
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,700,300); */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);

/* External Style Sheets */

/* Libro de los 25 anios del ibt en verde olivo */

/* Reunion academica 2008 */

/* @import url("reunionacademica08.css") ; */


@import url("libro_25aniv.css");

/* LOS GENERALES, no importa donde se localicen */

h1, h2, h3, h4, h5 {
	font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue", Verdana, Open-Sans, "Helvetica Neue", "Century Gothic", Arial, Helvetica, sans-serif;
	color: blue;
}

strong {
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
}

table {
   font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
}

table.unpx {
   font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   text-align: justify;
   border-collapse: collapse;
   border: none;
}


table.unpx td {
	border: 1px solid gray;
	padding: 4px;
}

tr.datacellone {
	background-color: #D3D3D3; color: black;
}
tr.datacelltwo {
	background-color: #B0C4DE; color: black;
}


/* PARA REUNION ACADEMICA */

table.unpx tr.gris {
   font-family: Verdana, Arial, "Century Gothic",  sans-serif;
   font-size: 12px;
   color: gray;
}

table.unpx tr.azul {
   font-family: Verdana, Arial, "Century Gothic",  sans-serif;
   font-size: 12px;
   color: blue;
}

table.unpx tr.verde {
   font-family: Verdana, Arial, "Century Gothic",  sans-serif;
   font-size: 12px;
   color: green;
}

table.unpx tr.negro {
   font-family: Verdana, Arial, "Century Gothic",  sans-serif;
   font-size: 12px;
   color: black;
}

table.unpx td.azul {
   font-family: Verdana, Arial, "Century Gothic",  sans-serif;
   font-size: 12px;
   color: black;
   background-color: lightblue;
}


table.unpx td.turquesa {
   font-family: Verdana, Arial, "Century Gothic",  sans-serif;
   font-size: 12px;
   color: black;
   background-color: #3caef7;
}

/* Para reunion Academica 17*/
table.unpx td.dias {
   font-family: Verdana, Arial, "Century Gothic",  sans-serif;
   font-size: 12px;
   color: black;
   background-color: #c6d9f0; 
}

table.unpx td.magistral {
   font-family: Verdana, Arial, "Century Gothic",  sans-serif;
   font-size: 12px;
   color: black;
   background-color: #e5b8b8; 
}

table.unpx td.moderadores_i {
   font-family: Verdana, Arial, "Century Gothic",  sans-serif;
   font-size: 12px;
   color: black;
   background-color: #ccffcc;
}

table.unpx td.moderadores_f {
   font-family: Verdana, Arial, "Century Gothic",  sans-serif;
   font-size: 12px;
   color: black;
   background-color: #ffff99;
}   
   

/* Fin R. A. 2017 */

table.unpx td.receso {
   font-family: Verdana, Arial, "Century Gothic",  sans-serif;
   font-size: 12px;
   color: black;
   background-color: lightgray;
}

table.unpx td.letras_grises {
   font-family: Verdana, Arial, "Century Gothic",  sans-serif;
   font-size: 12px;
   color: lightgray;
}

table.unpx td.letras_rojas {
   font-family: Verdana, Arial, "Century Gothic",  sans-serif;
   font-size: 12px;
   color: red;
}

/* FIN DE tr's de REUNION ACADEMICA */

/* LIGAS PARA LOS ITEMS VISTO EN LA REUNION ACADEMICA ra*/
a:link.ra    {
	text-decoration: underline;
	color: blue;
}

a:visited.ra {
	text-decoration: none;
	color: gray;	
}

a:hover.ra   {
	text-decoration: underline;
	color: blue;
}

a:active.ra  {
	color: blue;
}
/* FIN LIGAS PARA LOS ITEMS VISTO EN LA REUNION ACADEMICA ra*/



/* Tabla de aquellas paginas que tienen menu central */

table.tabla-menu {
   font-family: Verdana, "Century Gothic", Arial, sans-serif;
   font-size: 16px;
   text-align: justify;
   color: white;
   font-weight: 500;
   border-collapse: collapse;
   border: none;
}


/*antes de propuesta de nayeli 0712fa  */
table.tabla-menu td {
	border:  2px solid white;
	padding: 6px;
	background-image: url(/img/fondoBotones.gif);
	background-position: left;
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #002F5A;
}


ul {
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   /*line-height:25px;Lo elimine por el plan de desarrollo */
   text-align: justify;
}

ol {
	list-style-position: outside;
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   /*line-height:20px; Lo elimine por el plan de desarrollo */
}

ol.abc {
	list-style-type: lower-latin;
	list-style-position: outside;
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   line-height:20px;
}

ol.ABC {
	list-style-type: upper-latin;
	list-style-position: outside;
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   line-height:20px;
}

ol.min-romano {
	list-style-type: lower-roman;
	list-style-position: outside;
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   line-height:20px;
}

ol.may-romano {
	list-style-type: upper-roman;
	list-style-position: outside;
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   line-height:20px;
}

hr {
	height: 1px;
	color: #6699AA;
}

hr.pp {
	size: 1px;
	width: 50%;
	color: #6699AA;
	
}


h2.titulo {
	font-family: "Helvetica Neue Ultra Light", "Century Gothic", Arial, Verdana, Helvetica, sans-sefif;
	color: gray;
}

h3.titulo {
	font-family: "Helvetica Neue", "Century Gothic", Arial, Verdana, Helvetica, sans-sefif;
	color: gray;
}

h4.titulo {
	font-family: "Helvetica Neue", "Century Gothic", Arial, Verdana, Helvetica, sans-sefif;
	color: gray;
}

h5.titulo {
	font-family: "Helvetica Neue", "Century Gothic", Arial, Verdana, Helvetica, sans-sefif;
	color: gray;
}

h2.alerta {
	font-family: "Helvetica Neue Ultra Light", "Century Gothic", Arial, Verdana, Helvetica, sans-sefif;
	color: red;
}

div.caja-gris {
	padding-top:    20px;
	padding-bottom: 20px;
	padding-right:  60px;
	padding-left:   60px;
	margin: 40px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	background-color: lightgray;
}



/* cajas azules para los contenidos
	(antes de propuesta Nayeli blue por #002F5A
*/

div.base {
	padding-top:    20px;
	padding-bottom: 20px;
	padding-right:  60px;
	padding-left:   60px;
	margin: 40px;
	border-style: solid;
	border-width: 1px;
	/* width: 800px ; */
	border-color: #211ead;
	/*border-color: #808080; E.Mendez */

}

div.basesinlinea {
	padding-top:    20px;
	padding-bottom: 20px;
	padding-right:  60px;
	padding-left:   60px;
	margin: 40px;
}



div.transparente-der {
	padding-top:    2px;
	padding-bottom: 2px;
	padding-right:  6px;
	padding-left:   6px;
	text-align: right;
}

/* Para aquellas paginas que muestran texto se formatea a 800px  centrado */

div.texto {
	width: 800px ;
	margin-left: auto;
	margin-right: auto;
	padding-top:    20px;
	padding-bottom: 20px;
	padding-right:  60px;
	padding-left:   60px;
	margin-top: 20px;
	margin-bottom:  40px;
	border-style: solid;
	border-width: 1px;
	border-color: #211ead;
	background-image: url(/img/un_cuarto_logo_IBt.png);
	background-position: right bottom;
	background-repeat: no-repeat;
}

div.texto-sin-logo {
	width: 800px ;
	margin-left: auto;
	margin-right: auto;
	padding-top:    20px;
	padding-bottom: 20px;
	padding-right:  60px;
	padding-left:   60px;
	margin-top: 20px;
	margin-bottom:  40px;
	border-style: solid;
	border-width: 1px;
	border-color: #211ead;
}

div.texto2 {
	width: 800px ;
	margin-left: auto;
	margin-right: auto;
	padding-top:    20px;
	padding-bottom: 20px;
	padding-right:  60px;
	padding-left:   60px;
	border-style: solid;
	border-width: 1px;
	border-color: #211ead;
}


/* LIGAS LUTO */
a:link.luto    {
	/* text-decoration: underline; */
	color: black;
}

a:visited.luto {
	text-decoration: none;
	color: black;	
}

a:hover.luto   {
	/* text-decoration: underline; */
	color: gray;
}

a:active.luto {
	color: black;
}
/* FIN LIGAS LUTO*/


/* Links generales, de azul a oro */
a:link   {
	text-decoration: none;
	color: blue;
}

a:visited {
	/* text-decoration: none; */
	color: blue;	
}

a:hover  {
	text-decoration: underline;
	color: gray;
}

a:active {
	color: blue;
}

/* Ligas tabla menu, de aquellas paginas que solo contienen menu */

table.tabla-menu a:link    {
	text-decoration: none;
	color: white;
}

table.tabla-menu  a:visited {
	text-decoration: none;
	color: white;	
}

table.tabla-menu a:hover   {
	text-decoration: underline;
	color: white;
}

table.tabla-menu a:active  {
	color: white;
}



/* Fin de seccion de LOS GENERALES */

/* Inicio Pagina Principal  pp*/

/* border-color: #B5D8F0 background-color: #002F5A por E. Mendez */
div.caja-metas-pp {
	padding: 10px;
	font-size: 13px;
	font-family:  Helvetica, Arial;
	border-style: solid;
	border-width: 1px;
	text-align: justify;
	border-color: black;
	background-color: #002F5A;
}

div.menu-oro-pp {
	width: 100%;
	height: 100%;
	background-image: url(/img/fondo-oro.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

div.principal-sup {
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #B5D8F0;
	background-color: #E0EAF1;
}

div.pp-sup {
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #f7a64e;
	background-color: white;
}
/*f8dbbc*/

/*	background-color: #EBECF3;
	border-style: solid; */
div.principal-inf {
	padding: 5px;
	border-top-style: solid;
	border-width: 1px;
	border-color: #C5C5CB;
	background-color: white;
}

div.principal-img {
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #B5D8F0;
	background-color: #E0EAF1;
	background-image: url(/img/fondo-muertos.gif);
	background-position: bottom left;
	background-repeat: repeat-x;	
}

div.frontiers {
	padding: 5px;
	border-top-style: dashed;
	border-width: 1px;
	border-color: #C5C5CB;
	background-color: #EBECF3;
	background-image: url(/img/frontiers.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

p.principal {
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px; 
   text-align: justify;	
}


div.menu-izq-pp {
	padding-top:    2px;
	padding-bottom: 2px;
	padding-right:  6px;
	padding-left:   6px;
	font-family: 'Open Sans Condensed', Arial,Verdana, Helvetica, "Century Gothic", sans-serif;
	font-size: 12 px;
	color: white;
	text-align: left;
}

p.titulos-pp {
	font-family: 'Open Sans Condensed', Arial, sans-serif, Helvetica ;
	color: #666666;
	font-size: 23px;
	text-align: left;
}

p.titulos-small-pp {
	font-family: 'Open Sans Condensed', Arial, sans-serif, Helvetica ;
	color: #666666;
	font-size: 18px;
	text-align: left;
}

p.titulos-rosa {
	font-family: 'Open Sans Condensed', Arial, sans-serif, Helvetica ;
	color: #666666;
	font-size: 18px;
	text-align: left;
}

div.banner-pp {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 80px;
	padding-left: 10px;
	padding-top: 3px;
	border-bottom-width: 1px;
	background-color: #cccccc;
}


a:link.menu-izq-pp    {
	text-decoration: none;
	color: white;
}

a:visited.menu-izq-pp {
	text-decoration: none;
	color: white;	
}

a:hover.menu-izq-pp   {
	text-decoration: underline;
	color: lightblue;
}

a:active.menu-izq-pp  {
	color: white;
}


/* FIN SECCION PAGINA PRINCIPAL */


/* p Para todos los parrafos estandar, por ejemplo, los contenidos
   de las paginas.
*/

span {
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   text-align: justify;	
}

span.actualizacion {
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 10px;
   text-align: left;	
}

/* Para parrafos que son de una sola linea, p.e. en el curriculum */
p  {
   font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px; 
   text-align: justify;	
}

p.linea {
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 13px;
	
}


p.alerta {
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 13px;
   color: red;	
}

p.base {
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   line-height:20px;
   text-align: justify;	
}

p.centrado {
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
	font-size: 12px;
	line-height:20px;
	text-align: center;	
}

p.blanco {
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   line-height:20px;
   color: white;
}

/* PARA EL SISTEMA DE NOTICIAS DEL IBt */
p.gris {
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
	font-size: 14px;
	line-height:20px;
	color: gray;
}

p.nws {
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
	font-size: 14px;
	line-height:20px;
	color: gray;
}

ul.nws {
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 14px;
   line-height:20px;
   text-align: justify;
   color: gray;
}

ol.nws {
	list-style-position: outside;
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
	font-size: 14px;
	line-height:20px;
	text-align: justify;
	color: gray;
}


/* FIN DE SISTEMA DE NOTICIAS DEL IBt*/

/* Los dos siguientes div caso particular en los curricula */

div.publicaciones {
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   line-height:20px;
   text-align: justify;	
}


div.patentes {
	font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   line-height:20px;
   text-align: justify;	
}


img.curri {
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: grey;
}

/* Sombras para las imagenes de curricula, gpos, unidades, deptos*/

div.img-shadow {
  float:left;
  background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

div.img-shadow img {
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

/* Para imagenes pequenitas */

div.img-sombrita {
  float:left;
  background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

div.img-sombrita img {
  display: block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #a9a9a9;
  margin: -5px 5px 5px -5px;
  padding: 2px;
}

/* Sombra para cajas */
div.sombra-caja  {
	width: 90%;
	float:left;
	background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/img/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}

div.uno {
	background: none !important;
	background: url(/img/shadow2.gif) no-repeat left top;
	padding: 0 !important;
	padding: 0 6px 6px 0;
}

div.sombra-caja div {
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #C5C5CB;
	background-color: #EBECF3;
	margin: -6px 6px 6px -6px !important;
	margin: 0;
}


/* Fin de sombras cajas */



/*
p {font-family: Verdana, 'Trebuchet MS', Arial, sans-serif;
   font-size: 12px; 
   text-align: justify;
}
*/

/* etiquetas y ligas para el menu inferior de cada pagina, nLISTON-ESPANOL y nLISTON-INGLES */

span.alerta {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: red;
}


span.menuinf {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

span.menupub {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

span.publicaciones {
	font-family: Verdana, Arial, Helvetica, sans-sefif ,"Century Gothic";
	font-size: 8pt;
	color: #000000;
}


a:link.menuinf    {
	text-decoration: none;
	color: #336699;
}

a:visited.menuinf {
	text-decoration: none;
	color: #336699;	
}

a:hover.menuinf   {
	text-decoration: underline;
	color: #6699AA;
}

a:active.menuinf  {
	color: #6699AA;
}


/* E. Mendez
a:link.menuinf    {
	text-decoration: none;
	color: gray;
}

a:visited.menuinf {
	text-decoration: none;
	color: gray;	
}

a:hover.menuinf   {
	text-decoration: underline;
	color: black;
}



a:active.menuinf  {
	color: black;
}
/* 99CCFF */

/*
AMV 25 MAR 09
 para forzar salto de pagina al imprimir
*/

H1.SaltoDePagina
{
PAGE-BREAK-AFTER: always
}

/*
CSS Comision Local de Seguridad CLS

*/

table.incendios {
   font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   text-align: justify;
   border-collapse: collapse;
   border: none;
   width:620
}

table.incendios td {
	border: 1px solid lightgray;
	padding: 4px;
	color: black;
	background-color: white;
}

table.incendios th {
	border: 1px solid lightgray;
	padding: 4px;
	color: white;
	background-color: red;
}
table.auxilios {
   font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   text-align: justify;
   border-collapse: collapse;
   border: none;
   width:620
}

table.auxilios td {
	border: 1px solid lightgray;
	padding: 4px;
}


table.emergencias {
   font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   text-align: justify;
   border-collapse: collapse;
   border: none;
   width:620
}

table.emergencias td {
	border: 1px solid lightgray;
	padding: 4px;
	color: black;
	background-color: white;
}

table.emergencias th {
	border: 1px solid lightgray;
	padding: 4px;
	color: black;
	background-color: yellow;
}

table.proteccion {
   font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   text-align: justify;
   border-collapse: collapse;
   border: none;
   width:620
}

table.proteccion th{
	border: 1px solid lightgray;
	padding: 4px;
	color: blue;
	background-color: orange;
}

table.proteccion td {
	border: 1px solid lightgray;
	padding: 4px;
	color: black;
	background-color: white;
}

table.evacuacion {
   font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   text-align: justify;
   border-collapse: collapse;
   border: none;
   width:620
}

table.evacuacion td {
	border: 1px solid lightgray;
	padding: 4px;
	color: black;
	background-color: white;
}

table.evacuacion th {
	border: 1px solid lightgray;
	padding: 4px;
	color: black;
	background-color: orange;
}

table.comunicacion {
   font-family: Verdana, Arial, "Century Gothic", sans-serif;
   font-size: 12px;
   text-align: justify;
   border-collapse: collapse;
   border: none;
   width:620
}

table.comunicacion td {
	border: 1px solid lightgray;
	padding: 4px;
	color: black;
	background-color: white;
}
table.comunicacion th {
	border: 1px solid lightgray;
	padding: 4px;
	color: white;
	background-color: green;
}

table.directorio {
   font-family: Verdana, "Century Gothic", Arial, sans-serif;
   font-size: 14px;
   text-align: justify;
   color: black;
   font-weight: 500;
   border-collapse: collapse;
   border: none;
}


/*antes de propuesta de nayeli 0712fa  */
table.directorio td {
	border:  2px solid white;
	padding: 6px;
	/* background-image: url(/img/fondoBotones.gif); */
	background-position: left;
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #C1C6C6;
}

/* div para formar la fecha, mes y dia */

div.cal {
	width:  36;
	height: 32;
}

/* Dia de puertas abiertas.dpa 
	background-color: #558ed5;
*/

div.dpa1 {
	width: 100%;
	height: 478;
	padding-top:    20px;
	padding-bottom: 20px;
	background-color: #558ed5;
}

/* PARA INFORME ACADEMICO  */

div.usuario {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 22px;
	padding-left: 10px;
	padding-top: 3px;
	border-bottom: solid;
	border-bottom-width: 1px;
	background-color: #268bd2;
	font-family: Arial, Helvetica, Verdana, "Century Gothic", sans-serif;
	font-size: 13px;
	text-align: justify;
	color: white;
}

/* FORMAS */
/* 	line-height: inherit; */

input.boton-color  {
	font-family: Arial, Helvetica, Verdana, "Century Gothic", sans-serif;
	font-size: 12px;
	line-height: inherit;
	background-color: #0080ff;
	color: white;
}