/* lato-regular - latin */
	@font-face {
	  font-family: 'Lato';
	  font-style: normal;
	  font-weight: 400;
	  src: url('/servicios/resources/fonts/Lato/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
	  src: local('Lato Regular'), local('Lato-Regular'),
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
	}
	/* lato-700 - latin */
	@font-face {
	  font-family: 'Lato';
	  font-style: normal;
	  font-weight: 700;
	  src: url('/servicios/resources/fonts/Lato/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
	  src: local('Lato Bold'), local('Lato-Bold'),
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/servicios/resources/fonts/Lato/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
	}
	
	/* Equal width */
	.col {
	  -ms-flex-preferred-size: 0;
	  flex-basis: 0;
	  -webkit-box-flex: 1;
	  -ms-flex-positive: 1;
	  flex-grow: 1;
	  max-width: 14.28%;
	}
	
	/* Add gutters */
	.col {
	  position: relative;
	  width: 100%;
	  min-height: 1px;
	  padding-right: 15px;
	  padding-left: 15px;
	}
	
	body{		
		font-size: 11px !important;
		font-family: "Lato" !important;		
	}
	
	input:-webkit-autofill {
    	-webkit-box-shadow: 0 0 0 30px transparent inset !important;
    	transition: all 5000s ease-in-out 0s;
	}
	
		
	/*		ESTILO PARA EL CALENDARIO	*/
	
	#ui-datepicker-div{
		background: none;
		background-color: #636363 !important;
		color: #fff !important;
		font-size: 16px !important;
		font-family: inherit;
	}
	#ui-datepicker-div > div{
		background-color: transparent !important;
	}
	#ui-datepicker-div > div  a{
		color: #636363 !important;
	}
	
	#ui-datepicker-div > div + table{
		font-size: 16px !important;
		border-color: #000 !important;
	}
	#ui-datepicker-div > div + table td.ui-state-disabled span{
		box-shadow: none !important;
		color: #fff !important;
		text-shadow: none !important;
	}
	
	
	#ui-datepicker-div > div + table a{
		box-shadow: none !important;
		text-shadow: none !important;		
		color: #fff !important;
		font-weight: bold !important;
	}
	#ui-datepicker-div > div + table a.ui-state-active{
		box-shadow: none !important;
		text-shadow: none !important;		
		color: #fff !important;
		font-weight: bold !important;
		background-color: #000 !important;
	}
	
	
	#ui-datepicker-div > div + table a:hover{
		background-color: #000 !important;
		border: none !important;
		padding-right: 5px !important;
	}
	
	/*	//--	*/
	
	div[id="form:mensajes_container"]{
		background-color: #fff !important;
	}
	div[id="form:mensajes_container"] > div {
        background-color: #fff !important;
        color: #50060e !important;
        font-family: "Lato" !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }
    
	.check-media{
	    display:none;
	    width:0;
	}	
	
	.ui-datatable thead th{
		background: #004990 !important;
		border-bottom: 3px solid #82a5bb !important;
		border-left: 1px solid #82a5bb !important;
		border-right: 1px solid #82a5bb !important;
		border-top: 1px solid #82a5bb !important;
		color: #fff !important;
	}
	.ui-datatable tbody td{
		color: #000 !important;
		border: 1px solid #82a5bb !important;
		font-size: 11px !important;
		height: 30px !important;
	}
	
	.ui-datatable-even{
		color: #fff !important;
	}
	.ui-state-selectable{
		color: #fff !important;
	}
	.ui-state-highlight{
		background: none !important;
		background-color:#ccc !important ;		
		text-shadow: none !important; 
	}
	
	.ui-state-hover{
		background: none !important;
		background-color: #82a5bb !important;
		border: 1px solid #82a5bb !important;
		box-shadow: none !important;
	}
	
	/* font awesome */
	.fa-info-circle{
		color: #2b3990 !important;
	}
	
	.fa-search{
		color: #fff !important;
	}
	.fa-remove{
		color: #fff !important;
	}
	
	hr.separador{
		border-top: 1px solid #ccc;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.fila-apps{
		padding-top: 20px;
		padding-bottom: 30px;
		background-color: #f9f9f9;
	}
	
	.titulo-app{
		color: #000;
		font-size: 20px;
		font-weight: bold;
	}		
	.content-app{
		color: #1f2123;
		font-size: 14px;
		font-weight: 600;
	}
	
	.titulo-panel{
		text-align: left !important;
	}	
	
	.proximamente{
		color: #1d094a;
		font-size: 22px;
		font-weight: bold;
		text-align: center;
		padding-top: 5%;
		font-style: italic;			
		opacity: 0.5;
	}
	
	.enconstruccion a:hover{
		cursor: default;
	}
	
	.boton-default{
		color: white !important;
		background-color: #636363 !important;
		border: 1px solid #888 !important; 		
	}
	.boton-default:hover{
		color: white !important;
		background-color: #535252 !important;
			
	}
	
	.boton-login{
		color: white !important;
		background-color: #4c64f6 !important;		 
		border: none;
		margin-top: 10px !important;
	}
	.boton-login:hover{
		
		background-color: #2b3990 !important;
		border: 1px solid #4c64f6 !important;	
	}
	
	.app:hover{
		background-color: #e5e1cb;
		cursor: pointer;
	}
	.align-right{
		text-align: right;
	}
	
	.no-padding-left{		
		padding-left: 0px !important;
	}
	.no-padding-right{		
		padding-right: 0px !important;
	}
	
	.padding-left{		
		padding-left: 10px !important;
	}
	.padding-right{		
		padding-right: 10px !important;
	}
	
	.panel-sin-marco{
		border: none !important;
		background-color: transparent !important;
	}
	.panel-sin-marco > div > div{
		padding: 0px !important;
	}
	
	.opciones > div.radio{
		margin-top: 0px !important;
		padding-right: 0px !important;
		display: inline;		
		padding-left: 15px;
	}
	.opciones > div.radio > label{
		color: #3399FF;
		font-size: 14px;
	}
	
	.columna{
		padding-left: 10px !important; 
		padding-right: 10px !important;
	}
		
	.hito_etapa{
		display: none;
	}
	.hito_etapa > div > div{
		padding: 0px !important;
		margin-bottom: 10px;
	}
	.title_hito{
		background-color: #2b3990;
		color: white;;
		font-size: 12px;
		text-align: center;
		width: 100%;
		height: 40px;
		line-height: 40px;
		padding: 0px 5px 0px 5px;
	}
	.date_hito{
		font-size: 12px;
		text-align: center;
		width: 100%;
		height: 40px;
		line-height: 40px;
	}
	
	.marco-resumen{
		background: rgba(112, 148, 170, 0.2);		
		border: 1px solid #003767;
		height: 40px;
		line-height: 40px;		
		
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
						
		-webkit-box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);
		-moz-box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);
		box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);	
		
		text-align: left;
		padding-left: 10px;	
	}
	
	.marco-resumen-label{
		background: rgba(144, 144, 157, 0.9);
		border: 1px solid #003767;
		color: #000;
		height: 40px;
		line-height: 40px;	
		font-weight:600;	
		
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
						
		-webkit-box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);
		-moz-box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);
		box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);	
		
		text-align: left;
		padding-left: 10px;
		text-align: right;
		padding-right: 10px;
	}
	
	.titulo-resumen {		
		background-color: #525663;
		border: 1px solid #888;
		height: 40px;
		text-align: right;
		line-height: 40px;
		color: #3399FF;
		font-weight: 500;;
		font-size: 12px;
		padding-right: 10px;
		
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
	}
	
	.panel-publicaciones{
		border: none !important;
		margin-bottom: 0px;
	}
	
	.panel-detalle > div + div > div {
		padding-left: 0px !important;
		padding-right: 0px !important;		
	}
	
	#acordeon table{
		 width: 100% !important;
		/*
		margin-left: auto;
		margin-right: auto
		*/
	}
	
	#acordeon .dataTables_info{
		display: none !important;
	}
	
	#acordeon > div > div > div.panel-heading{
		background-color: #fff !important;
		border: 1px solid #ddd;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	#acordeon > div > div > div.panel-heading:hover{
		background-color: #eee !important;
		
	}	
	
	#acordeon > div > div > div > h4 {
		font-size: 14px;
		color: #034b90;
		font-weight: bold;
	}
	
	#acordeon > div > div > div > h4 > a{
		height: 30px !important;
		line-height: 30px !important;
	}
	
	#acordeon > div > div > div > h4 > a:hover{
		text-decoration: none !important;
		color: #000 !important;
	}
	
	/**************		EFECTO INPUT	*****************/	
	:focus{outline: none;}
	.effect{
		border: 0 !important; 
		padding: 4px 0 !important; 
		border-bottom: 1px solid #ccc !important;
		border-radius: 0px !important; 
		background-color: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
	}
	
	span.calendario_inicio > input, span.calendario_fin > input{
		border: 0px !important; 
		padding: 4px 0 !important; 
		border-radius: 0px !important; 
		background-color: transparent !important;
		color: #000 !important;
		box-shadow: none !important;		
		font-family: inherit;
		font-size: 14px;
		margin-bottom: 0px !important;		
		text-shadow: none !important;
		width: 100% !important;
		
	}
	
	
	.effect .focus-border{position: absolute !important; bottom: 0 !important; left: 50% !important; width: 90% !important; !important; background-color: #21203a !important; transition: 0.4s !important;}
	.effect:focus .focus-border{width: 90% !important; transition: 0.4s !important; left: 0 !important; }
	.has-content.effect  .focus-border{width: 90% !important; transition: 0.4s !important; left: 0 !important;}
	.effect label{position: absolute; left: 0; width: 100%; top: 9px; color: #fff; transition: 0.3s; letter-spacing: 0.5px;}
	.effect:focus label{top: -16px !important; font-size: 12px !important; color: #21203a !important; transition: 0.3s !important;}
	.has-content.effect label{top: -16px !important; font-size: 12px !important; color: #21203a !important; transition: 0.3s !important;}
	
	.input-effect{
		margin-top: 20px;
		padding-bottom: 1px;
	}
	
	.input-effect > div{
		margin-bottom: 0px;
		padding-left: 0px !important;
		padding-right: 0px !important;		
	}
	
	.input-effect >div > select > option{
		background: rgba(99, 99, 99, 0.9) !important;
	}
	
	/*	Placeholder 	*/
	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	    color: #ddd;
	    opacity: 1; /* Firefox */
	}
	
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	    color: #ddd;
	}
	
	::-ms-input-placeholder { /* Microsoft Edge */
	    color: #ddd;
	}
	/*	--	*/
	
	/************************	CABECERA	***************/
	.cabecera1{
		height: 30px;
		background-color: #1d094a;
		color: white;
		line-height: 30px;
		
		
	}
	
	.cabecera2{		
		margin-bottom: 0px !important;
		height: 140px;
		
		background: rgba(255,254,255,1);
		background: -moz-linear-gradient(top, rgba(255,254,255,1) 0%, rgba(255,254,255,1) 47%, rgba(215,212,211,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,254,255,1)), color-stop(47%, rgba(255,254,255,1)), color-stop(100%, rgba(215,212,211,1)));
		background: -webkit-linear-gradient(top, rgba(255,254,255,1) 0%, rgba(255,254,255,1) 47%, rgba(215,212,211,1) 100%);
		background: -o-linear-gradient(top, rgba(255,254,255,1) 0%, rgba(255,254,255,1) 47%, rgba(215,212,211,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,254,255,1) 0%, rgba(255,254,255,1) 47%, rgba(215,212,211,1) 100%);
		background: linear-gradient(to bottom, rgba(255,254,255,1) 0%, rgba(255,254,255,1) 47%, rgba(215,212,211,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffeff', endColorstr='#d7d4d3', GradientType=0 );

	}
	
	.nombre-usuario{		
		font-weight: 700;
		font-size: 11px;		
	}
	.logo-legal{
		margin-top:10px;
		width: 200px;
	}
	.logo-servicios{
		margin-top:-5px;
		width: 260px;
	}
	.logo-senae-tracking{
		margin-top:-5px;
		width: 200px;
	}
	.logo_animated{
		width: 100%;
		text-align: center;
		margin-top: 60px;		
	}
	.logo-senae-tracking-fondo{
		width: 300px;
		height: auto;
	}
	.texto_logo_animated{
		color: white;		
		text-align: center;
		width: 100%;				
	}
	
	.texto_logo_animated > h3{
		font-size: 45px;
		font-weight: bold;
	}
	
	.total-header{				
		color: white;
		display: none;
		font-size: 14px;		
		height: auto;
		position: absolute;		
		width: 100%;
				
	}
	/* --- */
	
	/**************************	MENU	**************/
	ul.menu > li{		
		font-size: 12px;
		padding-top: 40px;
	} 
	ul.menu > li > a:hover{
		color: #00;
		font-weight: 600;
		background-color: #d0ac29 !important;		
	}
	/* --- */
	
	
	/*****************		ETAPAS		***************/
	
	.thumbnail-etapa{	
		background-color: #d1d2d4 !important;
		width: 85% !important;
		height: auto !important;
		padding: 0px !important;
		margin: 0 auto !important; 
		transition: 0.5s;
	}
	
	.thumbnail-etapa:hover{	
		background-color: #dbd6b8 !important;		
		width: 85% !important;
		height: auto !important;
		cursor:pointer;
		border-width: 2px;		
		margin: 0 auto ;
	}
	
	div.thumbnail-etapa_on{	
		background-color: #ecc717 !important;
		width: 85% !important;
		margin: 0 auto;		
			
			
	}
	
	div.thumbnail-etapa_on:hover{
		background-color: #dbd6b8 !important;
		width: 85% !important;
		height: auto !important;
		cursor:pointer;
		margin: 0 auto;
	}
	/*	---	*/
	
	
	/****************	TIME LINE	****************/
	.anime_track{
		padding-top: 25px;
		padding-bottom: 35px;
		position: relative;
		margin-bottom: 15px;
	}
	
	.line-track{
		bottom: 0;
		left: 0;
		width: 0px;
		height: 4px;
		background-color: #6b7199;
		transition: 0.8s;
	}
	.line_track_move{
		width: 100%;
		left: 0;
		transition-timing-function: linear;
		-webkit-transition-timing-function: linear;
	}	
	
	.line-xs-track{
		top: 0;
		left: 35%;
		width: 6px;
		height: 0px;
		background-color: #6b7199;
		position: absolute;
		transition: 5.0s;		
	}
	.line_xs_track_move{		
		left: 35%;
		transition-timing-function:linear;
		position: absolute;
	}
	
	/***********	CIRDCULO DEL TRACK	**********/
	.circle_track{
		display: none;
		left: 45%;
		width: 30px;
	    height: 30px;
	     -moz-border-radius: 50%;
	     -webkit-border-radius: 50%;
	     border-radius: 50%;
	     background: #7e7a78;
	     position: absolute;
	     top: 10px;
	     transition: 1.5s;
	     z-index: 1000;	     
	     
	}
	.circle_track_on{		
	     background: #1c3f76;	     
	     top: 10px;
	     position: absolute;
	     z-index: 1000;
	}
	/*	--	*/
	
	
	/*****************	D�?AS DEL TRACK	*****************/
	.dias_track{		
		display: none;
		font-size: 14px;
		text-align: center;
		width: 100%;
		position: absolute;
		top: 50px;		
	}
	/*	--	*/
	
	/**************		SERVICIOS		****************/
	.panel-servicios{
		margin-bottom: 0px !important;	
		border: none !important;	
		box-shadow: none !important;		
	}
	.panel-servicios > div + div > div{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.panel-primary > .panel-heading{
		background-color: #565656 !important;
	}
	.texto-servicios{
		padding: 15px 10px;
		text-align: center;
		color: #001A6A;
		font-size: 12px;
		font-weight: 600;
		text-transform: uppercase;
	}
	/*	--	*/
	
	/**********************		FOOTER		*****************/
	.footer{		
		background-color: #c8c8c8;
		padding-left: 0px !important;
		padding-right: 0px !important;			
		text-align: center;
		height: 180px;		
	}
	.titulo-footer{
		font-size: 14px;
		font-weight: 700;
		color: white;
		padding: 5px, 0px, 5px, 0px;
	}
	.list-footer{
		font-size: 12px;		
		color: white;
		padding-left: 10px;
	}
	
	.footer2{
		padding-left: 0px;
		padding-right: 0px;
		background-color: #fff;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.footer2-texto{
		line-height: 60px !important;
	}
	.footer2-logos{
		padding: 5px 30px 5px 30px !important;
	}
	.location-footer{
		position: absolute;
		top: 20%;
		text-align: center;
		width: 100%;
	}
	.location-footer > p{
		line-height: 1.0;
		color: #000 ;
	}
	.email-footer{
		color: #0b71f5;
		font-size: 12px;
	}
	.titulo-copyright{
		font-size: 12px;		
		color: #66676b;		
		text-align: center;
		padding-top: 25px;
	}
	/*	--	*/
	
	/************	PARA LA ALINEACIÓN DE TRACKING CATEGOR�?A EN LA P�?GINA PRINCIPAL DE SENAE TRACKING*/
	#panel_servicio_track_migrante > div > div > div > div{
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		border: 0px !important;
	} 
	
	#panel_servicio_track_migrante > div{
		margin-bottom: 0px !important;
	}
	#panel_servicio_track_migrante > div > div{
		border: 0px !important;
		box-shadow: none !important;
	}
	
	
	/*******************	BUSCADOR		 ********************/
	.busqueda_fondo_capa1{		
		width: 100%;
		height: auto;
		position: relative;;	
		background-color: transparent;	
	}
	.img_fondo{		
		width: 100%;
		height: auto;
					
	}	
	.img_fondo_capa2{		
		width: 100%;
		height: auto;
		position: absolute;
		top: 0px;
		opacity: 0.9;
		z-index: 0;	
	}
	
	.img_login{
		position: absolute;
		top: 50px;
		left: 110px;
		z-index: 0;
	}
	
	.busqueda{
		position: absolute;
		top: 0px;		
		width: 100%;
		z-index: 1;
	}
	
	.busqueda_marco{
		background-color: #67676e;
		opacity: 0.9;
		border: 1px solid #888;
		padding: 30px 10px 30px 10px;
		
		border-radius: 20px 20px 20px 20px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;		
	}
		
	.busqueda_login{
		width: 100%;		
		position: absolute;;			
		top: 50px;		
	}
	
	.marco_login{
		
		background: rgba(74, 75, 83, 0.5);
		border: 1px solid #888;
		padding-bottom: 20px;		
		
		border-radius: 20px 20px 20px 20px;
		-moz-border-radius: 20px 20px 20px 20px;
		-webkit-border-radius: 20px 20px 20px 20px;
						
		-webkit-box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);
		-moz-box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);
		box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);		
	}
	
	.marco_migrantes{
		margin-top: 15px;
	}
	
	.marco_migrantes > div > div{
		
		background: rgba(128, 128, 141, 1.0); 
		border: 1px solid #888;
		padding-bottom: 0px;		
		
		border-radius: 00px 00px 20px 20px;
		-moz-border-radius: 0px 0px 20px 20px;
		-webkit-border-radius: 0px 0px 20px 20px;
						
		-webkit-box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);
		-moz-box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);
		box-shadow: 13px 13px 48px -11px rgba(0,0,0,0.5);	
		
	}
		
	
	.titulo-login{		
		background-color: #90909d;
		height: 50px;
		text-align: center;
		line-height: 50px;
		color: black;
		font-weight: 500;;
		font-size: 13px;
		border-radius: 10px 10px 00px 00px;
		-moz-border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
	}
	.botones-left, .botones-right{
		padding-top: 15px !important;
	}
	.botones-left div{
		padding-left: 0px !important;	
	}
	.botones-right div{
		padding-right: 0px !important;		
	}
	
	.captcha{
		width: 100% !important;
	}
	/*	---	*/