#body_01{
	overflow: hidden;
	background: #eee;
	}

#texto_01{
	font-size:16px;
	padding-left:2px;
	margin-top:15px;
	margin-bottom:30px;
	}

/* en la tabla esta es la fila que imprime las horas del dia */
#fila_encabezado_horas{
												background-color: #e6e6e6;
												font-size: 12px;
												text-align: center;												
												}

#texto_horas {
							color:#000;
							font-size:11px; 
							margin-bottom:0px;
							}

#body_02{	
	background: #eee;
	}	

.columna_auxiliar{				background-color: #fff;}



	#texto_seleccion_carrera {
														font-family: 'Open Sans', sans-serif;														
														font-size: 16px;
														}

	#listado_materias {
										list-style-type: square;
										padding-left:5%;
										}

	#listado_comisiones {
										list-style-type: square;
										padding-left:5%;
										}										

#listado_comisiones > li {
													line-height:300%;
													}										

/* row_01 es invocado en filtro_year-02.php y utilizado en la visualización de las tablas de tipo tabla_hover */
#row_01 {
	margin-top:5%;
	padding-bottom: 3%;
				}


#row_02{
				height:60px !important;
				background:#f6f6f6;							
				padding-left:25px;							
				padding-top: 15px;
				padding-bottom: 0px;
				margin-top:0px;							
				margin-bottom:0px;
				border:0px solid #000;
				}	




/* fila de los selects */
#row_03{
				background:#f6f6f6;
				margin-top:0px;		
				padding-left:25px;							
				padding-top: 0px;
				margin-bottom:0px;
			}							

#row_04{
				background:#fff;
				margin-top:0px;		
				padding-top: 0px;		
			}				


#row_05 {
				
				margin-top:0px;		
				}

#row_06 {
				background:#f6f6f6;
				margin-top:0px;		
				padding-bottom:20px;		
				padding-left:0px;							
				margin-left:15px !important;							
				}				

#row_07{
			
				background:#f6f6f6;							
				padding-left:25px;							
				padding-top: 15px;
				padding-bottom: 30px;
				margin-left:10px;							
				margin-top:0px;							
				margin-bottom:0px;
				border:0px solid #000;
				width: 90%;
				}					


.select_inicio{
				padding-left: 10px;
				width:240px; 
				background:#f6f6f6;
				}


li>a { 
			text-decoration:none; !important;				
			font-family: 'Open Sans', sans-serif;
			color: #41657f;
			font-size: 16px;
			}	
li>a:hover {color: #000;}	

a { 
			text-decoration:none; !important;				
			font-family: 'Open Sans', sans-serif;
			color: #41657f;
			font-size: 16px;
			}	
a:hover {color: #000;}	


 #header {
 				background: #123f60;  				
 				height:90px; 
 				padding-top:5px;	
 			}

#container_02{
							width:100% !important;
							padding-top:10px;
							padding-left:10px;
							border:none;
							margin-top:105px;
							padding-bottom: 25px;
							margin-bottom:20px;			
						}

#container_03{
							width:90%;
							background:#fafafa;
							margin-top:195px;
							padding-top:30px;
							padding-left:45px;
							padding-right:45px;
							border:1px solid #ccc;
							padding-bottom: 25px;
							margin-bottom:25px;							
							} 

/*container de bioingenieria.php*/
#container_04{
							/*background:#fafafa; */
							margin-top:115px;							
							padding-left:25px;
							padding-right:25px;
							border:0px solid #ccc;
							padding-bottom: 25px;
							margin-bottom:25px;
						}	

#container_05{
							background:#fafafa; 
							margin-top:130px;							
							padding-left:35px;
							padding-right:35px;
							border:1px solid #ccc;
							padding-bottom: 25px;
							margin-bottom:25px;
						}	 						 




.logo {
		width:60%;
		margin-left:5%;
		margin-top:10px;
		}


.fade-in {animation: fadeIn 1.6s ease-in-out;}

.fade-out {animation: fadeOut 1.6s ease-in-out;}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
				}

@keyframes fadeOut {
				  from { opacity: 1; }
				  to { opacity:0; }
				}

.show {
display: block;
}

.hide {
display: none;
}

/**************************************************   Tarjetas de las materias ****************************************************/
.card{
	margin-bottom:20px;			
	margin-bottom:20px;			
	}

	.card-header {
					font-size: 20px;
					padding-top:5px ;
					padding-bottom:5px ;
					font-weight: 600;
					background: #dcdcdc;
					text-align: center;
				}	

	.card-body {
				font-size: 16px;
				line-height:100%;
				padding-top:10px ;				
				padding-bottom:0px ;
				}

/**************************************************   fin Tarjetas de las materias ****************************************************/

#texto_header{
			text-align: center; 
			margin-top:20px; 
			margin-left:0px; 
			margin-right:0px; 
			font-size:20px; 
			color:#FFF;
			}

#texto_fecha{
			margin-top:10px; 
			margin-left:10px; 
			font-size:20px; 
			color:#FFF; 
			text-align: center;"
			}

.footer {
		background: #123f60; 
		height:40px; 
		padding-top:0px; 
		margin-bottom:0px;"		
		}

#texto_footer{
			margin-top:15px;
			margin-left:15px;
			font-size:10px;
			color:#ddd;
			}

.table td {vertical-align: middle;}

#boton_volver{
	outline:none
}

#boton_volver:hover{
	background-color: #0189df;
}

/*Formato de la tabla que se visualiza cuando el usuario selecciona alguna comisión de 1er año*/
#grilla_horarios{
								 color:#000;
								 font-size:14px; 
								 text-align: center;
								 border: 1px solid #000; 
								 margin-bottom:0px;
								}

	/* th son las celdas table data  */ 
	#grilla_horarios td {	
	 text-align: center;
	 border: 1px solid #ccc;
	 height: 35px; 	
	}

	/* th son las celdas de encabezado, table header */ 
	#grilla_horarios th{	
	 text-align: center;
	 border: 1px solid #bbb; 	
	 background: #ddd;
	 height: 35px; 	
	}







/*Formato del texto con el cual se muestran los nombres de asiguanturas*/
#texto_grilla-asignatura{
 color:#000;
 font-size:14px; 
 font-weight: 600;
 margin-bottom:0px;
}

/*Formato del texto con el cual se muestran la modalidad de dictado : practica teoria o coloquio*/
#texto_grilla-modalidad{
 color:#000;
 font-size:12px;
 margin-bottom:0px;
 padding-bottom:0px;
}

/************************************************************ tabla_02  ********************************************************************/
/* tabla_03 es la tabla utilizada cuando el usuario selecciona ver las materias por dia de cursado */

#texto_asignatura-tabla_02 {
														font-size: 14px;
														font-weight: 600 !important;
														margin-top: 0px;	
														margin-bottom: 0px;	
													 } 

#texto_datos-tabla_02 {
														font-size: 12px;
														font-weight: normal !important;
														margin-top: 0px;	
														margin-bottom: 0px;	
													 } 													 
#tabla_02{
				width:100%;
				margin-left: 0px;
				margin-right: 10px;
				margin-top: 0px;			
				text-align: center;
  			vertical-align: middle;
				}

/*damos formato a las celdas de la tabla tabla_02 */
#tabla_02 th,#tabla_02 td {
													  text-align: center;
													  vertical-align: middle;
													  border: 0.25px solid #CCC;
													  padding-left:5px;
													  padding-right:5px;
													  padding-top:5px;
													  padding-bottom:5px; 
													}				

/* Damos formato a todas las columnas (th) de la primer fila (tr) de la tabla cuyo id es tabla_02 */
#tabla_02 tr:first-of-type th {
															background: #e6e6e6;
															font-size: 14px;
															font-weight: 400 !important;
															width:4% !important;
														}

/* formato del último elemento del tipo th de la tabla cuyo id es tabla_02 */
#tabla_02 tr:last-of-type th {
															background: #e6e6e6;
															font-size: 14px;
															font-weight: 400 !important;
															width:4% !important;
															}

/************************************************************ final tabla_02  ********************************************************************/




/************************************************************ tabla_03  ********************************************************************/
/* tabla_03 es la tabla utilizada cuando el usuario selecciona ver las materias por dia de cursado */

#texto_asignatura_tabla_03{
 color:#000;
 font-size:14px; 
 font-weight:500; 
 margin-bottom:0px;
}

/*Formato del texto con el cual se muestran la modalidad de dictado : practica teoria o coloquio*/
#texto_modalidad_tabla_03{
 color:#000;
 font-size:12px;
 margin-bottom:0px;
 padding-bottom:0px;
}

#tabla_03{
				margin-left: 0px;
				margin-right: 10px;
				margin-top: 0px;			
				margin-bottom:30px;
				text-align: center;
  			vertical-align: middle;
				}

/* Damos formato a todas las columnas (th) de la primer fila (tr) de la tabla cuyo id es tabla_03 */
/* tabla_03 es usada en horarios_dia.php */
#tabla_03 tr:first-of-type th {
															background: #e6e6e6;
															font-size: 15px;
															font-weight: 400 !important;
															}

/*damos formato a las celdas de tabla cuyo id es tabla_03 */
/* esta tabla es la tabla utilizada cuando se selecciona la visualización por día */
#tabla_03 th,#tabla_03 td{
												  text-align: center;
												  vertical-align: middle;
												  border: 0.25px solid #CCC;
												  padding-left:5px;
												  padding-right:5px;
												  padding-top:5px;
												  padding-bottom:5px; 
												}				

/********************************************************************** /tabla_03 ****************************************************************************************/

.descripcion_reset{
					font-size:14px; 
					margin-left: 15px;
				}


select{
		padding-left:5px !important;			
		outline:none !important;
		margin-bottom:25px;
		}

input {outline:none !important; margin-bottom:25px;}		


/*************************************************************  tabla_hover *************************************************************************/
  	
 /* Damos formato a la primer fila (tr) de la tabla cuya clase es tabla_hover */

  	.tabla_hover{
									width:100%; 
									border-collapse:collapse; 
									margin-left: 5px;
									margin-right: 10px;
									margin-bottom: 0px;
								}

/* formato de los elementos table-data(td) de la tabla cuya clase es tabla_hover */
	.tabla_hover td { 
									padding-top:7px; 
									padding-bottom:7px; 									
									padding-left:3px; 
									padding-right:3px; 
									border:#ddd 1px solid;
									font-size: 15px;
									}

/* filas de la tabla */
.tabla_hover tr{background: #fff;}

/* Define el color de resaltado al hacer mouseover sobre una fila de la tabla cuya clase es tabla_hover */
.tabla_hover tr:hover {background-color: #e6e7e6;}

/* formato de la primer fila de la tabla cuya clase es tabla_hover */
.tabla_hover tr:first-child {
															background: #e6e6e6;
															font-size: 14px;
															font-weight: 400 !important;
															border: 1px solid #000 !important;
															}




/* formato de los elementos table-data primer fila de la tabla cuya clase es tabla_hover */
.tabla_hover tr:first-child td {border: 1px solid #ccc !important;}



/*************************************************************  final tabla_hover *************************************************************************/

.link_enable_disable:hover,focus{font-weight: bold; text-decoration:none; outline:none; color:#000;}

#too_small {display:none;}

.boton{ 	
		outline:none !important;
		color: #FFF !important;
		border: 1px solid #2e6da4 !important;
		background-color: #337ab7;		
		border-radius: 5px !important;
		width:120px !important;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 12px;
		padding-right: 12px;
		font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size:14px;
		}

.boton:hover , :visited{ 
		outline:none;
		text-decoration:none;
		border: 1px solid #204d74 !important;
		background-color: #286090;
		}

		.boton:visited{ 
		outline:none;
		text-decoration:none;
		
		}


.subnavbar .container > ul > li > a:hover {
											color: #123f60;
											text-decoration: none;
										}

.fa:hover, .fa-poweroff:hover {color:#123f60;}

textarea {
			width:100% !important;
			word-wrap: break-word !important;
			padding-left: 15px !important;
			padding-top: 15px !important;
			padding-right: 10px !important;
			padding-bottom: 10px !important;
			}


.nav> li > a { padding-left: 5px !important; padding-right: 5px !important;}

.nav-tabs{
			margin-bottom:20px !important;
			margin-top:20px !important;
		}	

.tab-pane{
		padding-left: 0px !important;			
		}			



.control-label{
		padding-left:0px; 
		text-align: left !important; 
		width: 350px !important; 
		margin-bottom:10px !important;
		font-size:14px !important;
	}

.col-sm5 {
		padding-left:0px; text-align: left;
		}

.form-horizontal { text-align: left !important; }


@media (min-width: 100px) and (max-width: 1023px){
																									body {
																												background: #123f60;
																												overflow: scroll;
																												}

																									#texto_fecha{display:none;}
																									
																									#too_small{
																												display:block; 
																												margin-top:50%; 
																												padding-left:5px; 
																												width:100%; 
																												height:100%; 
																												background-color:#123f60;
																												}

																									#texto_header{
																													font-size: 14px;
																													margin-top:0px;
																												}

																									.logo {
																											width:100%;
																											margin-left:5%;
																											margin-top:0px;
																											}												

																									} /* final del @media