/*
 * Contenido: Página Principal
 *
 */
 
	/* Banner Principal */
	div#banner {
		display: none;
	}

	.slider {
		position: relative;
		overflow: hidden;
	}
	/* Espacio */
	div.espacio {
		display: none;
	}
	
	/* Monitoreo */
	div#monitoreo {
		margin: 0 10%;
	}
	 
	 /* Nuestras Apps */
	 ul#apps { list-style: none; }
	 
	 ul#apps > li {
		margin: 0.5em 0 0.5em 0;
		text-align: center;
	 }

		 ul#apps > li > a { 
			display: block;
			border: 1px solid #ddd;
			padding: 0;
		 }

			 ul#apps > li > a > img { 
				width: 12em;
			 }
	
	/* NIC-PY Banner */
	img#logo_nic {
		width: 9em;
		margin-bottom: 2em;
	}
	 
	p#go_to_nicpy {
		text-align: center;
	}
	
	/* IX-Py Banner */
	img#logo_ixpy {
		width: 9em;
		margin-bottom: 2em;
	}
	 
	p#go_to_ixpy {
		text-align: center;
	}
	
	/* Servicio de Sincronización Horaria */
	.fecha { font-size: 2em; text-align: center; color: #2998BE; line-height: 1.5em; font-weight: bold; }
	.hora { font-size: 5em; text-align: center; line-height: 2em; margin: 0; }
	.verano { font-size: 1.5em; text-align: center; color: #873B00; }
	.ciudad { font-size: 2em; text-align: center; color: #2998BE; line-height: 1.5em; font-weight: bold; }
	
	/* Redes Sociales */
	div#social-networks {
		margin-top: 2em;
		width: 100%;
	}
	
	/* Twitter */
	div#twitter {
		margin-top: 2em;
		padding: 0 2em 1em 2em;
		width: 17em;
		background: #f8f8f8;
		border: 2px dotted #ddd;
		border-radius: 1em;
	}

/*
 * Contenido: Acerca del CNC
 *
 */

	.staff {
		margin-bottom: 1em;
		padding-bottom: 1em;
	}

		.staff hr {
			margin: 1em 0;
		}

		#staff-direccion-general {
			border: 1px solid #dedede;
			padding-bottom: 1.5em;
			margin-bottom: 2em;
		}
		
		#staff-direccion-general,
		#staff-direccion-general p,
		.staff-departamento h3,
		.staff-departamento h4,
		.staff-departamento p {
			text-align: center;
		}

		#staff-direccion-general h3,
		.staff-departamento h3,
		.staff-departamento h5 {
			color: #18385b;
		}

		.staff-departamento {
			margin-bottom: 3em;
			border: 1px solid #dedede;
		}

		.staff-departamento h5 {
			padding-left: 2em;
		}

		.staff-departamento ul {
			padding-left: 3.625em;
			margin-bottom: 1.5em;
		}
		
		#servidor_ntp { color: #00a7c8; }
/*
 * Contenido: Cursos
 *
 */

	.tabla_cursos > thead > tr {
		border-top: 1px solid #1B657E;
		border-right: 1px solid #1B657E;
		border-bottom: 1px solid #1B657E;
		background: #2998BE;
		color: #ffffff;
	}
	
		.tabla_cursos > thead > tr > th {
			padding: 0.75em 1.5em;
			border-left: 1px solid #00A2BA;	
		}
	
		.tabla_cursos > tbody > tr > td {
			border-right: 1px solid #1B657E;
			border-bottom: 1px solid #1B657E;
			border-left: 1px solid #1B657E;
			padding: 0.75em 1.5em;
			background: #ffffff;
		}

/*
 * Contenido: Investigación
 *
 */

	ul.investigadores, ul.publicaciones {
		list-style-type: none;
	}
	
		ul.investigadores > li > i, ul.publicaciones > li > i { vertical-align: middle; margin-right: 0.25em; color: #2998BE; }
		
/*
 * Proyectos
 *
 */
ul.lista { padding-left: 1.1em; }

/*
 *	Eventos
 */

.eventos {
	float: left;
	width: 95%;
	margin: 1em 2em 1em 0;
	padding: 0.125em;
	
	background: #f4f4f4;
	border: 1px solid #ccc;
}

	.fechahora_evento {
		font-size: 1.125em;
		color: #2998BE;
		margin: 0;
		padding: 0;
	}
	
	img.evento-img { width: 100%; }
	
	.evento-info {
		padding: 1.25em 2.5em;
	}
	
		.evento-info > h4 {
			margin: 0.25em 0 1em 0;
		}

/*
 *	Alquiler de Espacios
 */
.auditorio > ul {
	padding-left: 1.25em;
}
	
	.auditorio > p, .auditorio > ul > li { font-size: 1.25em; margin: 1.5em 0; }
	
	.auditorio > table > thead > tr > th, .auditorio > table > tbody > tr > td { font-size: 1.25em; padding: 0.5em 1em; }

	.auditorio > img { width: 90%; padding: 0.25em; border: 1px solid #ccc; }
	
	.auditorio > h3 { text-align: center; color: #18385b; }
	
	.auditorio > h4 { text-align: center; margin: 2em 0; color: #185C73; }
	
	.auditorio > table { margin: 0 auto; }
	.auditorio > table > thead { background: #5fbcd3; font-weight: bold; }
	.auditorio > table > thead > tr > th, .auditorio > table > tbody > tr > td {  border: 1px solid #37abc8; }
	.auditorio > table > tbody > tr:nth-child(odd) { background: #d7eef4; }
	.auditorio > table > tbody > tr > td:nth-child(2) { text-align: right; }
	.auditorio > table > tbody > tr > td:nth-child(3) { text-align: center; }

/*
 * Contacto
 *
 */

div.maps { float: right; width: auto; border: 1px solid #ddd; padding: 0.5em; }


/* 
 * Media Queries
 * 
 */
 
	
	
	/* MIN-WIDTH: 29em == 464px */
	@media only screen and (min-width : 29em) {
		
		ul#apps > li {
			float: left;
			margin: 0.25em 0.5em 0.25em 0;
			text-align: left;
		}
		
			ul#apps > li > a > img {
				width: 10em;
			}
		
	}
	
	/* MIN-WIDTH: 36.5em == 584px */
	@media only screen and (min-width : 36.5em) {
		
		div#banner {
			display: block; 
			clear: both;
			padding: 0 5%;
			background: #2d3e50;
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			text-align: center;
		}
		
			div#banner > a > img  { width: 100%; }
		
		div.espacio {
			display: block; 
			clear: both;
			padding: 1em 0;
		}

	}

	/* MIN-WIDTH: 745px */
	@media only screen and (min-width : 745px) {
		
		.staff {
			overflow: hidden;
		}
	
		.staff-departamento {
			float: left;
			width: 47.5%;
		}

		.staff-departamento:nth-child(odd) {
			margin-left: 4%;
		}

		.staff-departamento:nth-child(3) ul {
			height: 19.5em;
		}

		.staff-departamento:nth-child(5) ul {
			height: 9.875em;
		}

		.staff-departamento:nth-child(7) ul {
			height: 19.625em;
		}

		.staff-departamento:nth-child(9) ul {
			height: 10.75em;
		}

	}

	/* MIN-WIDTH: 1366px */
	@media only screen and (min-width : 1366px) {
		
		.eventos {
			width: 45%;
		}
		
		.auditorio > img { width: 45%; max-width: 500px; padding: 0.25em; }
		
		.nosotros {
			margin: 0 5%;
			}

		.staff-departamento {
			float: left;
			width: 30%;
		}

		.staff-departamento:nth-child(odd) {
			margin-left: 0;
		}

		.staff-departamento:nth-child(3),
		.staff-departamento:nth-child(4),
		.staff-departamento:nth-child(6),
		.staff-departamento:nth-child(7),
		.staff-departamento:nth-child(9),
		.staff-departamento:nth-child(10) {
			margin-left: 4%;
		} 

		.staff-departamento:nth-child(3) ul,
		.staff-departamento:nth-child(4) ul {
			height: 19.5em;
		}

		.staff-departamento:nth-child(5) ul {
			height: 8.25em;
		}
		
		.staff-departamento:nth-child(7) ul {
			height: 19.75em;
		}

		.staff-departamento:nth-child(10) ul {
			height: 14.325em;
		}

	}