@font-face {
    font-family: 'Neuehanskendrick-Regular';
    src: url('../font/neuehanskendrick-regular.eot');
    src: url('../font/neuehanskendrick-regular.eot?#iefix') format('embedded-opentype'),
       url('../font/neuehanskendrick-regular.ttf') format("opentype");
    font-style: normal;
}

@font-face {
    font-family: 'Neuehanskendrick-Bold';
    src: url('../font/neuehanskendrick-bold.ttf') format("opentype");
    font-weight: bold;
}

@font-face {
    font-family: 'Heuristica-Regular';
    src: url('../font/Heuristica-Regular.eot');
    src: url('../font/Heuristica-Regular.eot?#iefix') format('embedded-opentype'),
    	 url('../font/Heuristica-Regular.ttf') format("opentype");
    font-style: normal;
}

@font-face {
    font-family: 'Heuristica-Bold';
    src: url('../font/Heuristica-Bold.ttf') format("opentype");
    font-weight: bold;
}

@font-face {
    font-family: 'Corbel';
    src: url('../font/Corbel.ttf') format("opentype");
    font-style: normal;
}

@media screen, print{
	
	/* Popup: Administrativos/No docentes
	-----------------------------------------------------------------------------*/
	
	.popup .grid.administrativos > tbody > tr:last-child td{
		padding: 5px;
		text-align: center;
	}
	
	.popup .grid.administrativos .MultiEntryUnit .links{
		padding: 5px;
	}
	
	/* Info Postulante
	-----------------------------------------------------------------------------*/
	div.postulant-info .DataUnit{
		margin: 10px;
	}
	
	/* Info Institution
	-----------------------------------------------------------------------------*/
	div.institution .EntryUnit{
		margin: 10px;
	}
	
	div.institution .DataUnit .control-label,
	div.institution .EntryUnit .control-label{
		width: 150px;
	}
	
	div.institution .DataUnit .controls,
	div.institution .EntryUnit .controls{
		margin-left: 170px;
	}
	
	div.institution .DataUnit .controls-data,
	div.institution .EntryUnit input,
	div.institution .EntryUnit textarea{
		width: 350px;
	}
	
	/* Propuestas > InformaciÃ³n General
	-----------------------------------------------------------------------------*/
	.general-info .propuesta-summary table{width: 366px;}
	
	.form-horizontal .general-info .control-group .control-label{
		width: 200px;
	}
	
	.form-horizontal .general-info .control-group .controls{
		/*margin-left: 220px;*/
	}
	
	.form-horizontal .general-info .control-group-actions{
		margin-bottom: 0px;
	}
	
	.form-horizontal .general-info .control-group-actions .controls{
		margin: 10px 20px 0;
	}
	
	.general-info .grid.paralelos{
		width: auto;
		margin-left: 220px;
		margin-bottom: 10px;
	}
	
	.general-info .grid.paralelos > tbody > tr > td{
		padding: 0px;
	}
	
	.general-info .grid.paralelos .MultiEntryUnit table.dataTable td.numero_paralelo{
		vertical-align: middle;
		text-align: center;
	}
	
	.grid.general-info .proyec-matri{
		width: 200px;
		/*margin-left: 220px;*/
	}
	
	.grid.general-info .proyec-matri table.dataTable{
		margin-bottom: 10px;
	}
	
	.grid.general-info .proyec-matri table.dataTable td.anio,
	.grid.general-info .proyec-matri table.dataTable td.cantidad_primer_anio{
		vertical-align: middle;
		text-align: center;
	}
	
	.general-info .control-group-actions.next-buttons .control-groups-actions{
		margin-bottom: 20px;
	}
	
	/* Propuestas > InformaciÃ³n Programa
	-----------------------------------------------------------------------------*/
	
	.form-horizontal .program-info .control-group-actions{
		margin-bottom: 0px;
	}
	
	.form-horizontal .program-info .control-group-actions .controls{
		margin: 0 20px;
	}
	
	.program-info .control-group-actions.next-buttons .control-groups-actions{
		margin-bottom: 20px;
	}
	
	.form-horizontal .program-info .justif .EntryUnit .control-group .controls .btn-group-vertical label{
		display: inline-block;
		white-space: normal;
		width: 600px;
		text-align: justify;
		margin-bottom: 0;
		line-height: 20px;
	}
	
	/* Propuestas > Plan Estudio
	-----------------------------------------------------------------------------*/
	
	.grid.plan-estudio{
		width: 900px;
	}
	
	.grid.plan-estudio .componente-docencia table.dataTable > thead > tr > th{
		text-align: center;
	}
	
	.grid.plan-estudio .componente-docencia table.dataTable > tbody > tr > td{
		vertical-align: middle;
	}
	
	.grid.plan-estudio .componente-docencia .btn-calc{
		width: 15px;
	}
	
	.grid.plan-estudio .frame-subtotal,
	.grid.plan-estudio .frame-total{
		width: 290px;
		margin-left:auto;
	}
	
	.grid.plan-estudio .frame-componente-graduacion{
		width: 500px;
		margin-right: auto;
		margin-left:auto;
	}
	
	.grid.plan-estudio .row-fluid.frame-componente-graduacion .span3{
		width:220px;
	}
	
	.grid.plan-estudio .row-fluid.frame-componente-graduacion .span1{
		width:46px;
	}
	
	.grid.plan-estudio .row-fluid.frame-componente-graduacion .EntryUnit .control-group-actions{
		border:none;
	}
	
	.grid.plan-estudio .row-fluid.frame-componente-graduacion .EntryUnit .control-group-actions .controls{
		margin: 0 20px;
		padding: 0;
	}
	
	/* Propuestas > InformaciÃ³n Administrativa
	-----------------------------------------------------------------------------*/
	
	.grid.admin-info .MultiEntryUnit table.dataTable > thead > tr > th.header{
		text-align: center;
	}
	
	.grid.admin-info .MultiEntryUnit table.dataTable > tbody > tr > td{
		padding-left: 0;
		padding-right: 0;
	}
	
	.grid.admin-info .MultiEntryUnit table.dataTable > tbody > tr > td.value.nivel_formacion,
	.grid.admin-info .MultiEntryUnit table.dataTable > tbody > tr > td.value.dedicacion_semanal,
	.grid.admin-info .MultiEntryUnit table.dataTable > tbody > tr > td.value.tipo_contrato{
		text-align: center;
	}
	
	.grid.admin-info .MultiEntryUnit table.dataTable > tbody > tr > td{}
	
	.grid.admin-info .MultiEntryUnit table.dataTable > tbody > tr > td input[type="text"],
	.grid.admin-info .MultiEntryUnit table.dataTable > tbody > tr > td textarea{
	}
	
	/* Propuestas > Presupuesto
	-----------------------------------------------------------------------------*/
	
	.grid.presupuesto .anual table.dataTable th.header{
		text-align: center;
	}
	
	.grid.presupuesto .anual table.dataTable th.descripcion,
	.grid.presupuesto .total .total.header{
		width: 200px;
	}
	
	.grid.presupuesto .anual table.dataTable th.administracion,
	.grid.presupuesto .total .value.administracion{
		width: 104px;
	}
	
	.grid.presupuesto .anual table.dataTable th.provision,
	.grid.presupuesto .anual table.dataTable th.vinculacion,
	.grid.presupuesto .total .value.provision,
	.grid.presupuesto .total .value.vinculacion{
		width: 114px;
	}
	
	.grid.presupuesto .anual table.dataTable th.fomento,
	.grid.presupuesto .total .value.fomento{
		width: 146px;
	}
	
	.grid.presupuesto .anual table.dataTable th.total,
	.grid.presupuesto .total .value.total{
		width: 58px;
	}
	
	.grid.presupuesto .anual table.dataTable td.value,
	.grid.presupuesto .total td.value{
		vertical-align: middle;
		text-align: center;
	}
	
	.grid.presupuesto .anual table.dataTable .value.descripcion{
		text-align: left;
	}
	
	.grid.presupuesto .anual table.dataTable .value.level-1{
		font-weight: bold;
	}
	
	.grid.presupuesto .anual table.dataTable .value.level-2{}
	
	.grid.presupuesto .anual table.dataTable .value.descripcion.level-2{
		padding-left: 15px;
	}
	
	.grid.presupuesto .anual table.dataTable .value.descripcion.level-3{
		padding-left: 25px;
	}
	
	.grid.presupuesto div[class^='ingresos-'],
	.grid.presupuesto div[class*=' ingresos-']{
		margin-top: 25px;
	}
	
	.grid.presupuesto .total .total.header{
		text-transform: uppercase;
	}
	
	/* Propuestas > Indicadores
	-----------------------------------------------------------------------------*/
	
	.grid.indicadores table.dataTable td.value.indicador_ponderacion,
	.grid.indicadores table.dataTable td.value.valoracion,
	.grid.indicadores table.dataTable td.value.ponderacion{
		text-align: center;
	}
	
	/* Solicitud Asignatura
	-----------------------------------------------------------------------------*/
	.form-horizontal .grid.form-asignatura .DataUnit .control-group-data{
		border: none;
	}
	
	.form-horizontal .grid.form-asignatura .DataUnit .control-group-data .control-label{
		background:transparent;
		color: #000;
		
	}
	
	/* Calendarios (nombre) 
	-----------------------------------------------------------------------------*/
	.academic-calendar .dataTable .value.descripcion{
		white-space: nowrap;
	} 
	
	/* Solicitud Asignatura > Topicos 
	-----------------------------------------------------------------------------*/
	.grid.topic_list .MultiEntryUnit .header.name{
		min-width: 400px;
	}
	
	.grid.topic_list .MultiEntryUnit .value.horas_docencia,
	.grid.topic_list .MultiEntryUnit .value.horas_practicas,
	.grid.topic_list .MultiEntryUnit .value.horas_autonomo,
	.grid.topic_list .MultiEntryUnit .header.horas_docencia,
	.grid.topic_list .MultiEntryUnit .header.horas_practicas,
	.grid.topic_list .MultiEntryUnit .header.horas_autonomo{
		text-align: center;
		width: 124px;
	}
	
	/* Popup periodo clases
	-----------------------------------------------------------------------------*/
	.grid.periodo-clases .EntryUnit .control-group .control-label{
		width: 130px;
	}
	
	.grid.periodo-clases .EntryUnit .control-group .controls{
		margin-left: 150px;
	}
	
	.grid.periodo-clases .EntryUnit div[class*="control-group-actions-"] .controls{
		margin-left: 10px;
	}
	
	/* Horario group
	-----------------------------------------------------------------------------*/
	
	span[class*="horario-group-"] {
		display:block;
	}
	
	span[class*="horario-group-"]:first-child{}
	
	span[class*="horario-group-"] > span.horario-dias {
		font-weight: bold;
	}
	
	span[class*="horario-group-"] > span.horario-inicio {}
	
	span[class*="horario-group-"] > span.horario-fin {}
	
	span[class*="horario-group-"] > span.horario-fin:before {
		content: " - "
	}
	
	span[class*="horario-group-"] > span.horario-aula {
		font-weight: bold;
	}
	
	/* Calendario acadÃ©mico
	-----------------------------------------------------------------------------*/
	.academic_calendar table.dataTable thead tr th.header.inicio_plan,
	.academic_calendar table.dataTable thead tr th.header.fin_plan{
		width: 150px;
	}
	
	.academic_calendar table.dataTable thead tr th.header.estado{
		width: 100px;
	}
	
	
	.width_documento{
		width: 40px;
	}
	
	
	.width_post{
		width: 900px;	
	}
	
	
	
	/*ESTILOS PORTAL
	-----------------------------------------------------------------------------*/
	
	/* Cambio en el estilo del acordion
	-----------------------------------------------------------------------------*/
	div.frame.collapsible h2{
		font-size: 12px; 
		line-height: 30px; 
	}
	
	div.frame.collapsible h2.close{
		line-height: 30px; 
		float: none; 
		opacity: 1.0;
	}
	
	div.frame.collapsible div.header {
		margin-left: 10px; 
		font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;	
		text-transform: uppercase;
	}
	
		
	.plain.detalle_programa {
		margin-left:20px;
		/*font-family: cursive;*/
		margin-right: 18px;
		text-align: justify;	
	}
	

	/* Tablas programas de postgrados
	-----------------------------------------------------------------------------*/
	
	table.programas{
		width: 700px;		
	}
	
	table.prog_prof td.Detalle{
		width: 30px;
	}
	
	
	/* Planificacion academica
	-----------------------------------------------------------------------------*/
	table.dataTable th.header.count_asignatura {
		width: 80px;
	}
	
	table.dataTable td.value.count_asignatura {
		text-align:center;
	}
	
	
	/* Estilo pagina inicio
	-----------------------------------------------------------------------------*/
	
	.bienvenido8{
		font-variant: small-caps;
		font-weight: bold;
		font-size: x-large;
		text-align: center;
	}
	
	.informacion{
		/*font-variant: small-caps;*/
		/*font-weight: bold;*/
		text-align: justify;
		font-size: small;
	}
	
	.info_general{
		font-variant: small-caps;
		font-weight: bold;
		text-align: justify;
		font-size: small;
		
	}
	
	.imagenes{
		margin-top: 17px;	
		margin-left: 10px;
	}
	
	.doc_titulo 
	{
		width: 175px;
	}
	
	.cert_laboral
	{
		width: 175px;
	}
	
	.record_acad
	{
		width: 175px;
	}
	
	
	
	
	/* Estilo para el titulo y subtitulo de la pagina
	-----------------------------------------------------------------------------*/
	imagen{
		font-size: 30.5px;
		/*color:#095394;*/
		color:#ffffff;		 		
		font-weight: bold;  
		/*font-variant: small-caps;  */
		/*font-family: Lucida Sans Unicode, Lucida Grande, Verdana, sans-serif;*/
		margin-left: 22px; 
		/*margin-top: -63px;	*/	
		background: -webkit-gradient(linear, 0 0%, 0 100%, from(#ffffff), to(#ffffff));		
		background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
		background: -webkit-gradient(linear, 0 0%, 0 100%, from(#ffffff), to(#ffffff));
		
		
		/*background: -webkit-linear-gradient(top, #095394 0%, #3995d6 100%);*/
		/*background: -moz-linear-gradient(top, #095394 0%, #3995d6 100%);*/
		/*background: -ms-linear-gradient(top, #0000FF 0%, #3995d6 100%);*/
		/*background: -o-linear-gradient(top, #0000FF 0%, #3995d6 100%);*/
		/*background: -linear-gradient(top, #0000FF 0%, #3995d6 100%);*/
				
		background: -ms-linear-gradient(top, #0000FF 0%, #3995d6 100%);
		background: -o-linear-gradient(top, #0000FF 0%, #3995d6 100%);
		background: -linear-gradient(top, #ffffff 0%, #ffffff 100%);		
		
		-webkit-background-clip: text;		
		-webkit-text-fill-color: transparent;		
	}
	
	#logo .titulo_decanato{
		font-size: 28px;
		margin-top:-66px;
		margin-left:127px;
		color: #ffffff;	
	}
	
	#logo .subtitulo_decanato{
		font-size: 21px;
		margin-top:-80px;
		margin-bottom:70px;
		margin-left:127px;
		color: #ffffff;	
	}
	
	titulo-alumni{
		font-size: 25.5px;		
		color:#ffffff;		 		
		font-weight: bold;  
		font-family:Lucida Calligraphy;
		/*font-variant: small-caps;  */
		margin-left: 10px; 
		
		background: -webkit-gradient(linear, 0 0%, 0 100%, from(#ffffff), to(#ffffff));		
		background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
		background: -webkit-gradient(linear, 0 0%, 0 100%, from(#ffffff), to(#ffffff));	
				
		background: -ms-linear-gradient(top, #0000FF 0%, #3995d6 100%);
		background: -o-linear-gradient(top, #0000FF 0%, #3995d6 100%);
		background: -linear-gradient(top, #ffffff 0%, #ffffff 100%);		
		
		-webkit-background-clip: text;		
		-webkit-text-fill-color: transparent;		
	}
	
	
	subtitulo-alumni{
		font-family:Lucida Calligraphy; 
		font-size: 24.5px;
		margin-top:-118px;
		margin-bottom:70px;
		margin-left:127px;
		color: #ffffff;		
	}
	
	
	
	subtitulo{
		magin-top:-10px; 
		margin-left:103px;
		color: #666;		
	}
		
		
	/* Estilo widget-box-portal y sus componentes
	-------------------------------------------------------------------------------*/
	.widget-box-portal {
		background: none repeat scroll 0 0 #F9F9F9;
		border-top: 0px solid #CDCDCD;
		border-radius:10px;
		border-left: 1px solid #CDCDCD;
		border-right: 1px solid #CDCDCD;
		clear: both;
		margin-top: 16px;
		margin-left:10px;
		margin-bottom: 16px;
		position: relative;
	}
	
	.widget-box-portal .widget-title-portal {
		background-color: #EFEFEF;
		background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#FDFDFD), to(#EAEAEA));
		background-image: -webkit-linear-gradient(top, #FDFDFD 0%, #EAEAEA 100%);
		background-image: -moz-linear-gradient(top, #FDFDFD 0%, #EAEAEA 100%);
		background-image: -ms-linear-gradient(top, #FDFDFD 0%, #EAEAEA 100%);
		background-image: -o-linear-gradient(top, #FDFDFD 0%, #EAEAEA 100%);
		background-image: -linear-gradient(top, #FDFDFD 0%, #EAEAEA 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#eaeaea',GradientType=0 );
		border-bottom: 1px solid #CDCDCD;
		height: 36px;
	}
	
	.widget-box-portal .widget-title-portal span.icon {
		border-right: 1px solid #CDCDCD;
		padding: 9px 10px 7px 11px;
		float: left;
		opacity: .7;
	}
	
	.widget-box-portal .widget-title-portal h3 {
		color: #0000FF;
		text-shadow: 0 1px 0 white;
		float: left;
		font-size: 9.5pt;
		font-weight: bold;
		padding: 12px;
		line-height: 12px;
		margin: 0;
	}
	
	.widget-box-portal .widget-content-portal {
		padding: 0 !important;
		border-bottom: 1px solid #CDCDCD;
		border-radius: 10px;
	}
	
	.widget-box-portal .widget-content-portal .IndexUnit{}
	
	.widget-box-portal .widget-content-portal .DataUnit table{
		width: 100%;
	}
	
	.widget-box-portal .widget-content-portal .ajaxDiv:last-child .btn,
	.widget-box-portal .widget-content-portal .MultiEntryUnit > .links .btn{
		margin: 5px;
	}
	
	/* Yes/No questions blocks
	-----------------------------------------------------------------------------*/
	
	.widget-box-portal .widget-content-portal .EntryUnit .control-group.yn-qn .control-label{
		float: none;
		width: auto;
		text-align: center;
		margin-left: 10px;
	}
	
	.widget-box-portal .widget-content-portal .EntryUnit .control-group.yn-qn .controls{
		text-align: center;
		margin-left: 0px;
	}
	
			
	.widget-box-portal .noticias_widget{
		background-color: #3186AD;
		background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#3186AD), to(#095394));
		background-image: -webkit-linear-gradient(top, #3186AD 0%, #095394 100%);
		background-image: -moz-linear-gradient(top, #3186AD 0%, #095394 100%);
		background-image: -ms-linear-gradient(top, #3186AD 0%, #095394 100%);
		background-image: -o-linear-gradient(top, #3186AD 0%, #095394 100%);
		background-image: -linear-gradient(top, #3186AD 0%, #095394 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3186AD', endColorstr='#eaeaea',GradientType=0 );
		height: 30px;	
	}
	
	#noticias {
		float: right;
		width: 225px;
		font-size: 12px;
		/*font-family: cursive;*/
		border-color:#3eaacd;
		background:#d9edf7;
	}
	
	
	#enlaces{
		/*float: right;*/
		width: 225px;
		font-size: 12px;
		/*font-family: cursive;*/
		border-color:#3eaacd;
		background:#d9edf7;
		margin-bottom: 10px;
    	margin-top: 1px;
    	text-align:center;
    	
	}	
		
	
	#ver_noticias{
		float: right;
		text-align:right;
		/*background:#d9edf7;*/
		width: 225px;	
	}
	
	
	.widget-box-portal .enlaces{
		text-align: center;	
		margin-left: 73px;
	}
	
	.widget-box-portal .widget-content-info_general {
		padding: 0 !important;
		/*border-bottom: 0px solid #CDCDCD;*/
		/*font-family: cursive;*/
		text-align: justify;
		/*color: #999ea2;*/
		/*text-transform: uppercase;*/
		margin-bottom: 10px;		
	}
	
	
	/*Uso del estilo de widget-box con nuevas clases
	-----------------------------------------------------------------------------------------------------*/		
	.widget-box .normativas {
		background-color: #3186AD;
		background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#3186AD), to(#095394));
		background-image: -webkit-linear-gradient(top, #3186AD 0%, #095394 100%);
		background-image: -moz-linear-gradient(top, #3186AD 0%, #095394 100%);
		background-image: -ms-linear-gradient(top, #3186AD 0%, #095394 100%);
		background-image: -o-linear-gradient(top, #3186AD 0%, #095394 100%);
		background-image: -linear-gradient(top, #3186AD 0%, #095394 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3186AD', endColorstr='#eaeaea',GradientType=0 );
		border-bottom: 1px solid #CDCDCD;
		height: 28px;
		padding: 5px;
		color:#FFFFFF;
		font-family:Tahoma;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;		
	}
	
	
	/* Otras clases para el diseï¿½o del Layout Portal template
	----------------------------------------------------------------------------------------*/	
	.container_1 {
		clear: both;
    	width: 1050px;
    	margin-top: 100px;
    	margin-left: 150px;    	
		height: 71px; 			
	}
	
	.container_2 {
    	width: 960px;
    	margin-top: 106px;
    	margin-left: 20px;
    	
	}
	
	#wrapper_1 {
	    background-color: #FFFFFF;
	    border-left: 1px solid #D6D6D6;
	    border-right: 1px solid #D6D6D6;
	    height: auto !important;
	    margin: 0 auto;
	    min-height: 100%;
	    width: 1000px;
    }
    
    .breadcrumb_1 {
	    background-color: #E5E5E5;
	    border-bottom: 1px solid #D6D6D6;
	    border-radius: 0;
	    border-top: 1px solid #D6D6D6;
	    box-shadow: 0 0 1px #FFFFFF;
	    margin: -9px 25px 5px -91px;
	    padding: 0 10px;
	    width: 906px    
    }
    
    .breadcrumb_1 a {
		padding: 8px 20px 8px 10px;
		display: inline-block;
		background-image: url('../img/breadcrumb.png');
		background-position: center right;
		background-repeat: no-repeat;
		font-size: 11px;
		color: #666;
	}
	
	.breadcrumb_1 a.current {
		font-weight: bold;
		color: #444;
	}
	
	.breadcrumb_1 a:last-child {
		background-image: none;
	}   
	
	.programas_portal{
		margin-top: 73px;
	
	}  
	
	.promociones
	{
		margin: 10px;	
	} 
	
	.normativas_posicion_tabla
	{
		margin-left: 10px;
		
	}
	
	.mapa 
	{
		margin-left: 18px;
	}
	
	#footer-portal {
		background-color: #1B223C;
		display: block;
		color: #817e77;
		font-size: 11px;
		height: 300px;
		position: relative;
		width: 981px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.seguimiento_aplicacion {
		margin-top: 10px;
	
	}
	
	
	#footer-portal .outer {
		width: 980px;
		margin: 0em auto 0em auto;
	}
	
	
	#footer-portal .outer .inner {
		width: 980px;
		margin: 0;
		float: left;
	}
	
	#footer-portal .footer-link-lists {
		float: left;
		width: 978px;
		margin: 20px 0;
		
	}
	
	
	#footer-portal .footer-link-list {
		float: left;
		width: 280px;
		margin: 0 10px 0 0;
		margin-left: 20px;
	}
	
	#footer-portal .outer .inner h5 {
		color: #ffffff;
		margin-bottom: 7px;
	}   
	
	
	#footer-portal .footer-link-list a {
		color: #ffffff;
	}
	
		
	#carousel-control{
		border-radius: 0px;
		font-size: 40px;		
		width: 20px;	
		margin-top: 10px;
	}
	
	#carousel-indicators{
		top:265px;	
	}
	
	#carousel-caption{
		padding: 40px;
		width:560px;
	}
	
	.fechasadmision .EntryUnit .control-group .control-label{    
    	margin-left: 50px;
    	width: 220px;
    }
    
    .fechasadmision .EntryUnit div[class*="control-group-actions-"] .controls {
	    margin-left: 0;
	}
	
	.fechasadmision .EntryUnit .control-group .controls{  margin-left: 285px;}
	
	.fechasadmision .admision .EntryUnit .control-group .control-label{    
		margin-left: 155px;
    	width: 190px;
    }
	
	.fechasadmision .admision .EntryUnit .control-group .controls{margin-left: 365px;}
	
	.calificacionwarning{		
		color: #b94a48;		
	}
	
	.calificacionerror{		
		color: #c09853;		
	}
}


/****************************************************************/
/*               MEDIA SCREEN [min-width: 1200px]               */
/****************************************************************/
@media only screen and (min-width: 1200px) {
}

/****************************************************************/
/*               MEDIA SCREEN [max-width: 980px]                */
/****************************************************************/
@media only screen and (min-width: 980px) {
}

/****************************************************************/
/*               MEDIA SCREEN [max-width: 979px]                */
/****************************************************************/
@media only screen and (max-width: 979px) {
	.nav-collapse, .nav-collapse.collapse {
    	z-index: 10;
    	/*background: #25223f;*/
    	background: #001c43;
	}
	
	.navbar .navbar-inner .header_container .nav-collapse .nav > li.dropdown {
    	border-top: 1px solid #F5b400;
	}
	
	.navbar .navbar-inner .header_container .nav-collapse .nav > li.dropdown > a.dropdown-toggle span {
    	background: none;
	}
}

/****************************************************************/
/*      MEDIA SCREEN [min-width: 768px] [max-width: 979px]      */
/****************************************************************/
@media only screen and (min-width: 768px) and (max-width: 979px) {
}

/****************************************************************/
/*               MEDIA SCREEN [max-width: 767px]                */
/****************************************************************/
@media only screen and (max-width: 767px) {
}

/****************************************************************/
/*               MEDIA SCREEN [max-width: 480px]                */
/****************************************************************/
@media only screen and (max-width: 480px) {
}

/****************************************************************/
/*                         MEDIA PRINT                          */
/****************************************************************/
@media print{
}



.breadcrumb > li + li.acciones:before {
  content: "\0020";
  padding: 0 5px;
  color: #cccccc;
}

.margin-top5{margin-top:5px;}
.margin-top10{margin-top:10px;}

/*MUESTRA EL MENU DESPLAZADO*/
.navbar ul.nav li:hover ul {
  display: block;
}

.navbar ul.nav li:hover a:hover{
  /*color: #FFF;*/
  color: #FAB900;
}

.navbar ul.nav li ul {
  /*display: none;
  width: 250px;
  position: absolute;
  margin: 0;
  padding: 0;
  list-style-type: none;
  /*background: #ffffff;
  background: #25223f;*/
  background: #001c43;
  /*border: 1px solid #ece6e8;
  border-bottom: 3px solid #d9ced2;
  border-top: 0 none;*/
  opacity: 0.9;
}

.navbar .navbar-inner .container .nav > li.dropdown > ul.dropdown-menu,
	.navbar .navbar-inner .container .nav > li.dropdown.active > ul.dropdown-menu{
		-webkit-box-shadow: none;
			-moz-box-shadow: none;
				box-shadow: none;
		border-top: none;
		-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
				border-radius: 0px;
		margin-top: 0px;
		background-color: #2C88A7;
	}
	
.navbar .navbar-inner .container .nav > li.dropdown.active > ul.dropdown-menu > li.active > a {
    background-image: none;
    background-color: #1B223C;
}

.navbar .navbar-inner .container .nav > li.dropdown > ul.dropdown-menu > li > a {
    font-weight: normal;
    color: #FFFFFF;
}

.navbar .navbar-inner .container .nav > li.dropdown.active > ul.dropdown-menu > li.active > a:hover, .navbar .navbar-inner .container .nav > li.dropdown.active > ul.dropdown-menu > li.active > a:focus, .navbar .navbar-inner .container .nav > li.dropdown.active > ul.dropdown-menu > li > a:hover, .navbar .navbar-inner .container .nav > li.dropdown.active > ul.dropdown-menu > li > a:focus, .navbar .navbar-inner .container .nav > li.dropdown > ul.dropdown-menu > li > a:hover, .navbar .navbar-inner .container .nav > li.dropdown > ul.dropdown-menu > li > a:focus {
    background-image: none;
    background-color: #3EAACD;
}

.has-error div{
	color:red;
}









/*ESTILOS PERSONALIZADOS PARA EL NUEVO DISEÑO*/
.header_page_start
{	height: 150px;
	color:#FFF;
	/*font-weight: bold;*/
	background-image: url(../img/logo-ESPOL-para-fondo-azul.png);
    background-position: 0px 40px, 0px 1px, 50px 1px;
    background-repeat: no-repeat;
    background-size: 196px 80px;
}

.header_page_end
{
	color:#FFF;
	/*font-weight: bold;*/
	padding-top: 8px;
	
	
}

.h_title_start
{
	font-size: 24PX;
	/*margin: 35px 0px 0px 130px;*/
	/*font-family: "Neuehanskendrick-Regular",Times New Roman,Arial,sans-serif;*/
	margin: 38px 0px 0px 230px;
	font-family: "Neuehanskendrick-Regular";
	/*COLOR NUEVO HEADER NEW-STYLE*/
	/*color: #25223f;*/
	color: white;
	line-height: normal;
	
}

.h_title_end
{
	font-family: "Neuehanskendrick-Regular";
	font-size: 24px;
	margin: 0px 0px 0px 230px;
	/*COLOR NUEVO HEADER NEW-STYLE*/
	/*color: #25223f;*/
	color: white;
}

hr.hr_header{
	border:none;
	background-color: #FAB900;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 2px;
    margin:0px 0px;
	
}

.navbar .nav {
    left: 5px;
}

.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}

.navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}

span.hr_cohor, .navbar .navbar-inner .header_container .nav > li > a.hr_cohor{
	color: #FAB900;
}

.navbar .navbar-inner .header_container .nav > li > a.hr_cohor{
	pointer-events: none;
}

.dropdown-menu
{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-top: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-top: 0px;
	/*background-color: #2C88A7;*/
}

.nav > li.active > .dropdown-menu > li.active > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    /*background: #FAB900;
    color: #333;*/
    background: none;
    color: #FAB900;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #fff;
}

.nav > li.dropdown.menu.active > a
{
	background: #FFF;
}

.login .modal-roles {
    top: 35%;
    left: 55%;
    width: 450px;
    background-color: #F5F5F5;
}

.table-hover tbody tr:hover > td {
    /*background: #F5b400;*/
    color: #F5b400;
    background: none;
}

table.dataTable tr th.header, table.dataTable thead tr td, table.dataTable thead tr th {
    /*background: #25223f;*/
    background: #001c43;
}

fieldset .plain.header > .DataUnit .control-group-data .control-label {
    /*background: #25223f;*/
    background: #001c43;
}

.widget-box .widget-title h5 {
    color: #F5b400;
    font-size: 15px;/*14pt*/
    /*font-weight: normal;*/
    padding-left: 5px;
}

div.even.controls.controls-data{
	background: rgba(0, 0, 0, 0.04);
	/*background: #EEE;*/
}

.progress {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    /*background-color: #25223f;*/
    background-color: #001c43;
    background-image:none;
    /*background-image: -moz-linear-gradient(top,#25223f;,red);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image: -webkit-linear-gradient(top,#08c,#04c);
    background-image: -o-linear-gradient(top,#08c,#04c);
    background-image: linear-gradient(to bottom,#08c,#04c);*/
    background-repeat: repeat-x;
    /*border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);*/
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled {
    /*background-color: #25223f;*/
    background-color: #001c43;
    color: #F5b400;
    /*border: 1px solid #25223f;*/
    border: 1px solid #001c43;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}

.btn-primary[disabled]{
	/*background-color: #25223f;*/
	background-color: #001c43;
    /*border: 1px solid #25223f;*/
}

div.wizard .EntryUnit ul.steps li.current {
    color: #F5b400;
}

.label-info, .badge-info {
    background-color: #F5b400;
}

div.wizard {
    background-color: #EBEBEB;
}

li.badge-info {
    background-color: #828282;
}

div.top-info, div.bottom-info {
    background-color: #EEE;
}

.pagination ul>.active>a, .pagination ul>.active>span {
    color: #F5b400;
    font-size: 12px;/*12pt*/
}

.pagination-mini ul>li>a, .pagination-mini ul>li>span {
    font-size: 12px;/*12pt*/
}

a {
    color: BLACK;
}

.alert-info {
    color: #828282;
    background-color: #EBEBEB;
    border-color: #EBEBEB;
    border-radius:4px;
}

input, button, select, textarea {
    font-family: Helvetica,Arial,sans-serif;
}

table.dataTable tr th, table.dataTable tr td {
    font-size: 13px;/*12pt*/
}

.btn {
    font-size: 13px;/*12pt*/
}

input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input {
    font-size: 13px;/*12pt*/
}

.breadcrumb a {
    font-size: 10pt;
}

.label, .badge {
    font-size: 13px;/*12pt*/
}

#rol_user
{
	background-image: url(../img/fugue/roles.png);
    /*background-position: 0px 20px, 0px 1px, 50px 1px;*/
    /*height: 50px;*/
	background-repeat: no-repeat;
	height: 20px;
}

#rol_user:hover
{
	background-image: url(../img/fugue/roles-mo.png);
}

#rol_exit{
	background-image: url(../img/fugue/salir.png);
	background-repeat: no-repeat;
	height: 20px;
}

#rol_exit:hover
{
	background-image: url(../img/fugue/salir-mo.png);
}

/* SOLO GESTION */
#widgetsistemas{
	background-image: url(../img/icon-home.png);
	background-repeat: no-repeat;
	height: 20px;
}

#widgetsistemas:hover
{
	background-image: url(../img/icon-home-mo.png);
}
/*FIN*/

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    /*font-family: "Heuristica-Regular",Helvetica,Arial,sans-serif;
    font-size: 12pt;*/
}

#navbar_start{
	height: 150px;
	padding-left: 0px;
}
#navbar_end{
	height: 48px;
}

.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
    background-color: white;
}

table.dataTable tr.even {
    background: #EEE;
}

.widget-box .widget-content .pagination {
    background: none;
}

.dropdown-menu > li > a {
    color: white;
}

.navbar .navbar-inner .header_container .nav > li.dropdown.open > a#rol_user, 
.navbar .navbar-inner .header_container .nav > li.dropdown.open.active > a#rol_user {
    background-image: url(../img/fugue/roles-mo.png);
    /*background-color: #25223f;*/
    background-color: #001c43;
}

.navbar .navbar-inner .header_container .nav > li.dropdown.open > a#widgetsistemas, 
.navbar .navbar-inner .header_container .nav > li.dropdown.open.active > a#widgetsistemas {
    background-image: url(../img/icon-home-mo.png);
    /* background-color: #25223f; */
    background-color: #001c43;
}

.navbar .nav.pull-right {
    /*margin-right: 20px;*/
}

.navbar .navbar-inner .header_container .nav > li > a.no_cursor{
	pointer-events: none;
}

.login .modal-login {
    top: 35%;
    /*left: 55%;*/
    background-color: #F5F5F5;
    /*width:inherit;*/
}

.modal{
	/*width: auto;
	z-index: 1000;*/
}

.habilitar_edicion{
	color: #F5b400;
}

legend.legboostrap {
    color: #F5b400;
    font-size: 15px;
    font-weight: bold;
}

fieldset legend{
	color: #F5b400;
	font-weight: bold;
	font-size: 13px;
}

.form-horizontal .control-group .control-label {
	color: #001c43;
}

p{
	/*color: #001c43;*/
}


/******ESTILO DEL WIDGET *******/
#l_profesor, #l_consejerias, #l_investigacion, #l_sidweb, #l_correo, #l_gestioncurso, #l_talentohumano, #l_evaluaciondocente{
    background-repeat: no-repeat;
    height: 81px;
    width: 81px;
    display: inline-block;
}

#l_profesor{
	background-image: url(../img/profesor.png);
    /* background-position: 0px 20px, 0px 1px, 50px 1px; */
}

#l_consejerias{
	background-image: url(../img/consejerias.png);
}

#l_investigacion{
	background-image: url(../img/investigacion.png);
}

#l_sidweb{
	background-image: url(../img/sidweb.png);
}

#l_correo{
	background-image: url(../img/correo.png);
}

#l_gestioncurso{
	background-image: url(../img/gestionCURSO.png);
}

#l_talentohumano{
	background-image: url(../img/talentoHUMANO.png);
}

#l_evaluaciondocente{
	background-image: url(../img/EvaluacionDOCENTE.png);
}

.widget_app{
	width:340px;
}

.navbar .nav {
    left: 0px;
}

.user_login_right{
	color: #FAB900;
	float: right;
	margin-top: 15px;
	text-transform: capitalize;
	font-size: 14px;
}

ul.nav > li.dropdown > a{
	text-transform: uppercase;
}

.state_contenido_vigente{
	color: #8bc435;
}

.state_contenido_novigente{
	color: #0c95be;
}

.ui-button-text-only .ui-button-text {
    padding: 0;
}

.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    color: #ffffff;
    background-color: #001c43;
    background-repeat: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
    text-shadow: none;
    border-color: 0px;
    border-color: 0px;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.text-left{
	text-align: left;
}

#msn-horario{
	padding-top:5px;
	color:#001c43;
}

.msn-hidden{
	display:none;
}

.certificado_estudiante{
	background-image: url(../img/logo-gris.png);
	background-position: 0px 0px, 0px 1px, 50px 1px;
    background-repeat: no-repeat;
    height: 70px;
    padding-top: 10px;
}

.certificado_estudiante span{
	display: block;
	font-size:16px;
	text-align: center;
}

.contenido_certificado_estudiante .setw{
	width: 600px;
    margin: auto;
}

.negrita{
	font-weight: bold;
}

.firma{
	border-top: 1px solid black;
	width: 150px;
    text-align: center;
    margin: auto;
}

.contenido_certificado_estudiante{
	font-size:16px;
	/*border: 1px solid gray;*/
	position:relative;      
    -webkit-box-shadow:0 0px 0px #777, 0 0 20px #CCC inset;
    -moz-box-shadow:0 0px 0px #777, 0 0 20px #CCC inset;
    box-shadow:0 0px 0px #777, 0 0 20px #CCC inset;
    padding-top: 30px;
    padding-bottom: 30px;
}

.action_imprimir_ce{
	position:absolute;
	margin-left: 2px;
}

.btn-imprimir-ce{
	height: 24px;
}





/**************************** WIDGET ****************************/
/***************************************************************/
/***************************************************************/
/***************************************************************/
.wg_espol_icon_main {
    background-image: url(../img/icon-home.png);
    background-repeat: no-repeat;
    height: 33px;
    cursor: pointer;
    display: block;
}
.wg_espol_icon_main:hover {
    background-image: url(../img/icon-home-mo.png);
}
.wg_espol_dropdown_menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
}
.wg_espol_dropdown_menu_right {
    right: 0;
    left: auto;
    
}
.wg_espol_open>.wg_espol_dropdown_menu {
    display: block;
}
.wg_espol_dropdown_login {
    margin-top: 8px;
    margin-right: -5px;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.24);
    box-shadow: 0 0 6px rgba(0,0,0,.24);
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important;
    background-color: rgba(122,122,122,0.8);
	border-radius: 0px;
	padding: 15px 15px 15px 20px;
    font-size: 12px;
    width: 345px;
}

.wg_espol_dropdown_login_custom {
    margin-top: 8px;
    margin-right: 30px;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.24);
    box-shadow: 0 0 6px rgba(0,0,0,.24);
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important;
    background-color: rgba(122,122,122,0.8);
	border-radius: 0px;
	padding: 15px 15px 15px 20px;
    font-size: 12px;
    width: 345px;
}
.wg_espol_triang_sup {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 12px solid rgba(122,122,122,0.8);
    position: absolute;
    right: 5px;
    top: -12px;
}
.wg_espol_body_portal_imagen_min {
    margin-top: 5px;
    margin-bottom: 5px;
}
.wg_espol_block-portal-imagen{
	vertical-align: middle;
	border: 0;
}
.wg_a {
    margin: 0 !important;
    padding: 0 !important;
}
.wg_a:hover {
    background:none !important;
}
.wg_espol_block_portal {
    float: left;
    width: 80px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.wg_espol_block_portal a:hover .block-portal-imagen {
    border: 2px solid;
    margin: -2px;
}
   
.wg_espol_block_portal img {
    width: 80px;
    height: 80px;
}

/*** boostrap css ***/
.row {
    margin-right: -15px;
    margin-left: -15px;
   
}
@media (min-width: 1200px){
	.col-lg-3 {
	    width: 25%;
	}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
	    float: left;
	}
}

@media (max-width: 370px){
    .wg_espol_dropdown_login {
	    width: auto;
    }
}
/**************************** FIN WIDGET ***********************/
/***************************************************************/

.checkbox-ingreso-valores-medicos li {
    display: inline-block;
    float: left;
    width: 33.33%;
}
.checkbox-ingreso-valores-medicos li label {
    display: inline-block;
}
.checkbox-ingreso-valores-medicos li input {
    margin-bottom: 5px;
}

.checkbox-multi-entry {
    display: inline-block;
    float: left;
}
.checkbox-multi-entry.multiselectionfield {
    margin-bottom: 5px;
    margin-right: 5px;
}

/* Para la tabla con los filtros de búsqueda en Reserva de Cita por parte del Personal */
.celda-tabla-filtros-reserva-cita td{
	vertical-align:top; 
	text-align:left; 
	padding:10px 35px 0px 35px;
}

/* Para la foto que se muestra en perfil del asesor */
#foto{
	height: 152px;
	width: 132px;
	border: 2px #000 solid;
}

.tabla-encuesta .plain.EntryUnit .control-group .control-label {
	width: 50% !important;
	text-align: left;
}