body{overflow-x:hidden;}


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


#select_carrera{
	
	border: 0px;
	padding-top:3px;
	padding-bottom:5px;
	padding-right: 2rem;
	
	
	
	background-color: #e7e7e7;
	border-radius: 3px;
	
	
	color:#000;
}



#header {		
		background: #123f60;
		height:75px;
		}

#header .container{		
					width:100% !important;
					height:100% !important;		
					}

#header .row{				
			width:100% !important;
			height:100% !important;
			}


#texto_header{
			text-align: center; 			
			margin-left:0px; 
			margin-right:0px; 
			font-size:1.4em; 
			color:#FFF;
			font-weight:400;			
			}

.celda_logo {
    padding-top: 5px;    
    display: inline-block;
    justify-content: center;
    align-items: center;    
}

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

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


/************************************   CONFIGURACIONES DEL MENÚ ********************************************************************************** */

#menu{			
background-color:#eceeef;
margin-top: 80px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0.625em;
padding-left: 0px;
padding-right: 0px;
padding-bottom:1px;			
height: 60px;
width:100%;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: none;
border-right: none;			
} 

#menu > ul {
			display: inline-block;	
			height: 60px;
			padding: 0;
			margin: 0;	
			}

#menu > ul > li {
				float: left;	
				min-width: 90px;
				height: 60px;
				padding: 0;
				margin: 0;	
				text-align: center;
				list-style: none;	
				border-left: 1px solid #ccc;
				border-top: none;	
				}


#menu > ul > li > a {
					display: block;	
					height: 100%;
					padding: 0 15px;	
					font-size: 12px;
					font-weight: bold;					
					color: #656565;									
					text-decoration: none !important;
					}

#menu > ul > li > a:hover {
							text-decoration: none !important;
							/*color:#417b79 !important;	*/
							color:#000 !important;	
							}									

#menu > ul > li :hover {
						background-color: #ddd !important;
						}														

/* iconos del menu */ 
#menu > ul > li > a > i {
										display: inline-block;	
										width: 24px;
										height: 24px;
										margin-top: 11px;
										margin-bottom: -3px;
										font-size: 20px;
										text-decoration: none !important;
										}

#menu > ul > li > a > span {display: block;}

/************************************   FIN CONFIGURACIONES DEL MENÚ ********************************************************************************** */

#container_01{
	width: 95%;
	background:#fafafa;
	padding-top:10px;
	padding-left: 2rem;
	padding-right: 2rem;	
	border:1px solid #ccc;
	padding-bottom: 25px;
	margin-bottom:25px;
}

#configuraciones_container
{
	width: 95%;
	background:#fafafa;
	padding-top:10px;
	padding-left: 2rem;
	padding-right: 2rem;	
	border:1px solid #ccc;
	padding-bottom: 25px;
	margin-bottom:25px;
}

#planificacion_container
	{
		width:75%;
		background:#fafafa;
		padding-top:10px;
		padding-left:35px;
		border:1px solid #ccc;
		margin-bottom:25px;
	}


.celda_titulo_general
		{
			margin-top:25px;
			margin-bottom:50px;
			border:1px solid #ddd;
			/*background-color:#f9fafb;*/
			background-color:#f5f6f7;
			
		}

.titulo_general{
				font-size: 20px !important;
				font-family:opensans-light,sans-serif !important;
				margin-top: 10px !important;
				text-align: center !important;
				line-height: 175%;
				}



.btn , .btn-primary {
				    color: #fff;
				    background-color: #337ab7;
				    border-color: #2e6da4;
				    outline: none !important;
					}

.btn:hover , .btn-primary:hover {
				    color: #fff;
				    background-color: #286090;
				    border-color: #204d74;
					}





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





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

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

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

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

.tabla_hover tbody tr {background-color: #fff;}

.tabla_hover thead th {
	background:#d6d6d6;
	border: 0.25px solid #AAA;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	font-weight: 500;
}

/* Define el color de resaltado al hacer mouseover sobre una fila de la tabla cuya clase es tabla_hover */
/*al especificar tbody indicamos que no aplice el efecto hover al encabezado! */
.tabla_hover tbody tr:hover {background-color: #e6e7e6;}

/* Anular el hover SOLO en las celdas de clase sin_hover */
.tabla_hover tbody tr:hover td.sin_hover {
    background-color: #fff !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;}

body {background: #eee;}

.logo {
		width:12%;
		margin-left:150px;
		position:absolute;
		margin-left:10%;
	}


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;}
												#contenedor_pagina{display:none;}
												#too_small{
															display:block; 
															margin-top:50%; 
															padding-left:5px; 
															width:100%; 
															height:100%; 
															background-color:#123f60;
															}
												.logo {
														width:50%;
														margin-left:5%;
														position:absolute;
														margin-left:10%;
													}

													#text_header{display:none;}

												} /* final del @media