/*

LACNIC - anexo de estilos

*/
/* -- viene de Directorio asistencias -- */
#dirasis{
width:100%;
margin:5px auto;
border:1px solid #999;
font-family:"Helvetica", "Arial", "Sans-serif";
font-size:12px;
font-weight:normal;
line-height:16px;
color:#222;
}
	#dirasis th, #dirasis td{
	padding:5px;
	vertical-align:middle;
	text-align:center;
	}
	#dirasis th{
	background-color:#444;
	font-weight:bold;
	color:#fff;
	}
	#dirasis td{
	border:1px solid #e1e1e1;
	}
/* -- listados: folder, generico, etc -- */
#listado{
	display:block;
	margin:0 auto;
	padding:0;
}
#listado a{
	text-decoration:none;
}
#listado table{
	width:100%;
	border-bottom:1px dotted #CCC;
	empty-cells:hide;
	padding:0;
	margin:0 0 10px 0;
}
#listado table:hover{
	background-color:#f7f7f7;
}
#listado table td{
	vertical-align:top;
}
#listado table td#listadoicon{
	width:10%;
}
	#listado table td#listadoicon img{
		max-width:100%;
		height:auto;
	}
#listado table td#listadoname{
	font-family: 'foundrymonolinelight';
	font-size:14pt;
	color:#009dca;
	padding:5px;
	margin:0;
	text-align:left;
}
#listado table td#listadodesc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:lighter;
	color:#222;
	padding:5px;
	margin:0;
	text-align:justify;
}
#listado table td#listadoinfo{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:lighter;
	color:#222;
	padding:5px;
	margin:0;
	text-align:right;
	background-color:#f7f7f7;
} 
/* -- news-políticas -- */
.pol-news{
margin:0 0 10px 0;
padding:5px;
border-radius:5px;
background-color:#009DCA;
}
.pol-news div h3{
color:#fff;
border:none;
padding:0 !important;
margin:0 !important;
}
.pol-news div h3 a{
color:#fff !important;
background-color:transparent !important;
text-decoration:none !important;
border-radius:0 !important;
display:inherit !important;
padding:0 !important;
margin:0 !important;
}
.pol-news div h3 a:hover{
text-decoration:none !important;
background-color:none !important;
}
.pol-news div{
display:block;
padding:5px;
}
.pol-news a span{
margin:0 10px 5px 0;
color:#000;
}
.pol-news a{
background-color:rgba(255,255,255,0.85);
text-decoration:none;
padding:5px;
border-radius:5px;
display:block;
}
.pol-news a:hover{
text-decoration:none;
background-color:rgba(255,255,255,0.96);
}
/* -- menu-políticas -- */
.menu-pol{
display:block;
padding:5px;
margin:0 0 10px 0;
background-color:#009DCA;
border-radius:5px;
}
.menu-pol h3{
color:#fff;
display:block;
text-align:left;
padding:5px 5px 10px 5px !important;
margin:0 !important;
border-bottom:none;
font-weight:normal;
}
.menu-pol a{
color:#fff;
display:block;
padding:5px;
border-radius:5px;
margin:2px 5px 3px 5px;
background-color:rgba(255,255,255,0.25);
border-radius:5px;
text-decoration:none;
}
.menu-pol a:hover{
background-color:rgba(255,255,255,0.85);
color:#009DCA;
border-radius:5px;
text-decoration:none;
}
/* -- 30.07.2014 agregado - "video ayudas" -- */
#viay{
display:block;
padding:10px;
margin:0 0 10px 0;
text-align:center;
background-color:#0a9cae;
border-radius:5px;
}
	#viay span a{
	display:block;
	padding:5px 10px;
	margin:0;
	color:#fde384;
	font-weight:bold;
	font-size:14px;
	font-family:Georgia, Times New Roman, Times, Serif;
	border:1px solid #fde384;
	border-radius:5px;
	}
	#viay span a:hover{
	color:#fff7dc;
	border:1px solid #fff7dc;
	text-decoration:none;
	}
/* -- depletion -- */
#l4lacnic{
float:left;
padding:5px;
margin:0 0 10px 0;
background-color:#EE2F25;
border-radius:5px;
}
	#l4lacnicdata{
	float:left;
	margin:0 0 0 20px;
	}
		#l4lacnicdata p{
		color:#fff;
		font-weight:bold;
		}
	#l4lacniclink{
	float:left;
	margin:10px 0 0 0;
	width:100%;
	background-color:#FDB913;
	border-radius:5px;
	}
		#l4lacniclink p{
		text-align:center;
		}
		#l4lacniclink a{
		color:#fff;
		text-decoration:none;
		}
	#tickets{
	padding:5px;
	margin:5px 0 0 0;
	background-color:#fff;
	border-radius:5px;
	float:left;
	}
		#tickets ul{
		padding:0;
		margin:0;
		text-align:center;
		list-style:none;
		}
			#tickets ul li{
			font-family:"Arial", "Helvetica", Sans-serif;
			font-weight:normal;
			font-size:12px;
			line-height:14px;
			padding:3px 0;
			margin:0;
			color:#222;
			border-bottom:1px solid #e6e6e6;
			}
			#tickets ul li:last-child{
			border:none;
			}
		#ticketname{
			font-family:"Georgia", "Times", "Times New Roman", Serif;
			font-weight:normal;
			font-size:14px;
			line-height:16px;
			padding:5px;
			margin:0 0 5px 0;
			color:#fff;
			text-align:center;
			}
 
/* -- directorio / comisiones -- */
.director{
float:left;
width:640px;
margin:0 0 10px 0;
border-bottom:1px dotted #d9d9d9;
}
.dirimg{
float:left;
width:114px;
margin:0 20px 0 0;
}
.dirname{
width:500px;
float:right;
margin:0 0 10px 0;
}
.dirname h3 {
    border: 0 none;
    color: #0B9DAF; /*#4B4B4B; */
    font-family: 'foundrymonolinebold';
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    margin: 10px 10px 5px 0;
    padding: 0;
}
.dirname p {
border-bottom:1px dashed #e7e7e7;
}
.dirdesc{
width:500px;
float:right;
margin:0;
padding:0;
}
.dirdesc a{
float:right;
display:inline;
padding:10px 5px 5px 0;
}
/* -- menu-gob -- */
.menu-gob{
padding:5px;
margin:10px 0;
background-color:#f7f7f7;
border-radius:5px;
border:1px dashed #d6d6d6;
}
.menu-gob h3{
color:#333;
display:block;
padding:5px 5px 10px 5px !important;
margin:0 !important;
border-bottom:none;
font-weight:normal;
}
.menu-gob p{
color:#666;
}
.menu-gob img{
float:left;
margin:0 10px 10px 0;
}
/* -- menu-right -- */
.menu-right{
padding:5px;
margin:0;
background-color:#f3f3f3;
border-radius:5px;
}
.menu-right a{
color:#555;
display:block;
padding:5px;
border-bottom:1px dotted #999;
}
.menu-right a:hover{
background-color:#f9f9f9;
color:#F4A227;
text-decoration:none;
}
.menu-right a#menu-right-top{
color:#fff;
background-color:#999;
border-bottom:none;
border-radius:5px 5px 0 0;
}
.menu-right a#menu-right-bottom{
border-bottom:none;
}
/* -- newtabla -- */
.newtabla{
border:3px solid #6BAD0C;
border-radius:5px 5px 0 0 !important;
border-collapse:inherit !important;
}
.newtabla th{
background-color:#6BAD0C;
color:#fff;
padding:5px 10px;
font-weight:bold;
font-size:12px;
text-align:left;
}
.newtabla td{
padding:3px 10px;
font-size:10px;
text-align:left;
color:#222;
border:1px solid #d7d7d7;
}
.newtablanada{
background-color:#f7f7f7;
}
/* -- tablas -- */
.approved{
color:#67AD0C;
}
.consensed{
color:#0B9DAF;
}
.non-approved{
color:#F26C2A;
}
.closed{
color:#CC231F;
}
/* -- eventos-list -- */
.eventoslist{
height:61px;
margin:0 0 10px 0;
padding:3px;
width:100%;
border-bottom:1px dotted #e9e9e9;
}
.eventoslistimg{
width:60px;
height:61px;
padding:0;
margin:0;
}
.eventoslistnom{
height:61px;
padding:5px;
}
.eventoslistnom a{
font-family: 'foundrymonolinebold';
font-weight:bold;
font-size:14px;
line-height:16px;
margin:0 0 5px 0;
padding:5px;
color:#666;
background-color:#d6d6d6;
border-radius:0 5px 5px 0;
display:block;
text-decoration:none;
}
.eventoslistnom a:hover{
background-color:#e9e9e9;
color:#0B9DAF;
text-decoration:none;
}
.eventoslistnom p{
font-weight:normal;
font-size:12px;
padding:0 0 0 5px;
display:block;
}
.eventoslistnom p span{
font-weight:bold;
color:#000;
}
/* -- iniciativas -- */
.iniciativas{
float:left;
width:660px;
margin:0 0 10px 0;
padding:10px 0;
border-radius:5px;
background-color:#f6f6f6;
}
.inilogo{
float:left;
width:120px;
text-align:center;
}
.inititulo{
float:left;
width:510px;
margin:0 0 5px 20px;
padding:0 0 5px 0;
border-bottom:1px dashed #d3d3d3;
}
.iniinfo{
float:left;
width:510px;
margin:0 0 0 20px;
}  
 /* organigrama */

 .organigrama {
    width: 100%;
	padding: 0;
	margin: 10px 0;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	font-weight: lighter;
	color: #222;
	text-align: center; 
	display: block;
	height: 400px;
	background: #f2f2f2;
} 
.organigrama .cargo {
	background: rgba(0,0,0,0.1);
	box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.2);
	padding: 4px;
}
.organigrama td {
  padding: 2px;
}
.lineleft {
  border-left:1px solid rgba(0,0,0,0.2); 
}
.linebottom {
  border-bottom:1px solid rgba(0,0,0,0.2);
}
.lineright {
  border-right:1px solid rgba(0,0,0,0.2);
}
/* organigrama end*/
.staff {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
	margin: 25px 0;
}
	.staff div {
		display: grid;
    	grid-template-rows: max-content max-content 1fr max-content;
		overflow: hidden;
		padding-bottom: 9px;
		border: 1px solid rgb(0 0 0/5%);
		border-radius: 10px;
		box-shadow: 0 2px 6px 0px rgb(0 0 0 / 5%), 0 0 60px 0 rgb(39 102 149 / 10%);
	}
	.staff img {
		width: 100%;
	}
	.staff h3 {
		margin: 0;
		padding: 9px 10px 7px 10px;
		border: 0;
		text-align: center;
		font-size: 11pt;
		font-family: -apple-system,system-ui,BlinkMacSystemFont,"Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
	}
	.staff p {
		font-size: 10pt;
		padding: 5px;
		text-align: center;
	}
	@media only screen and (max-width:980px) {
		.staff {
			grid-template-columns: 1fr 1fr 1fr;
		}
	}
	@media only screen and (max-width:580px){
		.staff {
			grid-template-columns: 1fr 1fr;
		}
	}
	@media only screen and (max-width:380px){
		.staff {
			grid-template-columns: 1fr;
		}
	}

 
 
 
 
/*-- Webinars --*/
#webreg{
	background-color:#5B7C37;
	display:block;
	padding:5px 10px;
	color:#fff;
	text-decoration:none;
	font-weight:bolder;
	font-size:14px;
	text-align:center;
}
#webreg:hover{
	background-color:#79A341;
	display:block;
	padding:5px 10px;
	color:#fff;
	text-decoration:none;
	font-weight:bolder;
	font-size:14px;
	text-align:center;
}