/* 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 */
	}
	
	label{
		text-transform: uppercase;
		font-weight: bold;
		padding-left: 10px;
	}
	
	hr{
		padding: 0px !important;
		margin: 0px !important;
		border-top: 2px solid #000 !important;
		margin-bottom: 20px !important;
	}
	.importante ul{
		padding-left: 15px;
	}
	.texto{
		font-family: "Lato";		
	}
	
	.texto-parrafo{
		font-size: 12px;
	}
	
	
	.titulo-info{
		font-size: 16px;
		font-weight:100;
		color: #000;	
		text-align: center;	
	}
	
	
	
	.titulo-sabias-que{
		font-weight:100;
		font-style: italic;
		color: #666;
	}
	
	.padding-inferior{
		padding-bottom: 20px;
	}
	
	.logo-senae-info{
		text-align: center;
		position: relative;
		top: 65px;
		z-index: 999;
		margin-top: 0px;
	}
	
	/* 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{	
		width:100%;
		height:100%; 	
		font-size: 11px !important;
		font-family: "Lato" !important;			   	
    	flex-flow: row wrap;     	
	   	background: url("/servicios/javax.faces.resource/senae-images/fondo-senae-info.jpg.xhtml") no-repeat bottom center fixed;
	   	-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover					;
				
	}
	
	input:-webkit-autofill {
    	-webkit-box-shadow: 0 0 0 30px transparent inset !important;
    	transition: all 5000s ease-in-out 0s;
	}
	
		
	
	
	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: #000 !important;
	}
	.fa-remove{
		color: #000 !important;
	}
	
	
	.boton-default{
		color: #fff !important;
		background-color: #E71A26 !important;
		border: 1px solid #D0A700 !important; 	
		border-radius: 0px !important;	
		font-size: 14px !important;
		font-weight: 700 !important;
		text-transform: uppercase;
	}
	.boton-default:hover{
		color: #fff !important;
		background-color: #A21118 !important;
			
	}
	
	.boton-login{
		color: white !important;
		background-color: #EC604D !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;
	}
	
	
	/**************		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.3s !important; left: 0 !important; }
	.has-content.effect  .focus-border{width: 90% !important; transition: 0.3s !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;
	}
	/*	--	*/
	
	/******	INPUT SIN EFECTO	*****/
	.input-login{
		background-color: #9EB7DC !important;
	}
	/*	--	*/	
	
	/*******************	BUSCADOR		 ********************/
	h3.titulo{
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		padding: 50px 0px 20px 0px;
	}
	
	h4.resultado{
		font-size: 12px;
		font-weight: bold;
		text-align: center;		
	}
	
	.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);		
	}
	
	div[id="form:panel"] > div{
		background: rgba(255, 255, 255, 0.8) !important;
	}
	
	.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{						
		text-align: center;		
		color: black;
		font-weight: 800;;
		font-size: 18px;
		margin-top: 70px;
		margin-bottom: 20px;
	}

	.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;
	}
	/*	---	*/
	
	#form_panelcontent{
		-webkit-box-shadow: 10px 10px 28px -3px rgba(0,0,0,0.75);
		-moz-box-shadow: 10px 10px 28px -3px rgba(0,0,0,0.75);
		box-shadow: 10px 10px 28px -3px rgba(0,0,0,0.75);
	}