
	body{
		background:url('/kernel/imagenes/bg_login_2017.jpg') no-repeat top center;
		background-size:100% auto;
	}
	.footerlogin {
	    background: none !important;
	    position: fixed;
	    border-top: 1px solid #ffffff;
	    height: 44px;
	    bottom: 0;
	    width: 100%;
	}
	.footerlogin p{
		float:left;text-align:left;font-size:14px;line-height:20px;
		padding:12px 12px;display:table;width:calc(100% - 24px);
		margin:0px;
	}
	.footerlogin p a{
		float:right;text-align:right;font-size:14px;line-height:20px;
	}
	.divwrapper {
    	padding-top: 0px;
    	margin-bottom: 0px;
	    height:100%;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
    	align-items: flex-end;
	}
	.div_formrecuperar {
	    width: 90%;
	    max-width: 423px;
	    right:13.2%;
	    float:right;
	    height: auto;
	    display: table;
	   	background:none;
	   	border:none;
	   	box-shadow:none;
	   	border-radius:none;
    	position: absolute;

	}
	.div_formrecuperar .divcampostexto {
	    float:right;
	    height: auto;
	    display: table;
	    margin: 0px auto 10px auto;
	    background: #ffffff;
	    border-radius: 5px;
	    position: relative;
	    border: none !important;
	    box-shadow: none !important;
	    padding:40px 0px 60px 0px;
	    width:100% !important;
	}
	.div_formrecuperar .divcampostexto h3{
		font-family:"Lato", sans-serif;
		width:calc(100% - 100px) !important;
		padding:0px 50px 0px 50px;
		text-align:center;
		font-size:24px;line-height:30px;font-weight:300;color:#444444;
	}
	.div_formrecuperar .divcampostexto .divcamposform {
	    width: calc(100% - 80px);
	    margin: auto;
	    padding: 0px;
	    display: table;
	}
	.div_formrecuperar .divcampostexto .divcorreoenviado {
	    width: calc(100% - 80px);
	    margin: auto;
	    padding: 0px;
	    display: table;
	}
	.divcorreoenviado p{
		color:#444444;margin:0px;
	}

	#enlace img{
		width:100%;max-width:273px !important;height:auto;
		margin: 0px auto 20px auto;
    	position: relative;
    	display: table;
	}
	
	#campologinrecuperar{
   	 	background: url(/kernel/imagenes/iconmaillogin.png) no-repeat center left;
    	background-position: 13px 11px;
	}
	
	.itemcamporecuperar{
		background-color:#ffffff !important;border-radius:4px;border:1px solid #cccccc;
		height:38px;width:99%;margin-bottom:11px;
	}

	.divinputrecuperar{
		background:#ffffff;width;80%;float:right;border-left:1px solid #cccccc;
		 border-radius: 0px 4px 4px 0px;height: 38px;width: calc(100% - 42px);
	}
	.divinputrecuperar input{
		border:none;line-height:38px;padding: 0 10px;width: 100%;
		font-family:"Lato", Helvetica, Arial, sans-serif;font-size:14px;color:#888888;font-weight:300;
		border-radius:3px;
		height: 38px;
	}
	.divinputrecuperar a{
		color:#006fb1;font-family:"Lato", Helvetica, Arial, sans-serif;;font-size:12px;line-height:38px;height:38px;position:relative;width:30%;
	}
	.divinputrecuperar select {
	    background: url("arrowselectpais.png") no-repeat center right;
	    background-position:97%;
	    border: medium none;
	    border-radius: 0 4px 4px 0;
	    color: #666666;
	    font-family:"Lato", Helvetica,Arial,sans-serif;
	    font-size: 14px;
	    height: 32px;
	    line-height: 32px;
	    padding: 0 0 0 5px;
	    width: 120%;
	}
	#btn_enviar{
		height:50px;width:100%;position:relative;float:right;
		background:#006fb1;border-radius:3px;
		border:none !important;
		font-family:"Lato", Helvetica, Arial, sans-serif;font-size:16px;line-height:50px;text-align:center;color:#ffffff;
		padding:0px;margin-top:20px;cursor:pointer;text-transform:uppercase
	}
	#btn_enviar:hover{
		background:rgba(0,111,177,0.5);
	}
	.checkrecordar{
		width:100%;float:left;position:relative;margin-top:10px;
	}
	.checkrecordar input{
		float: left;
	    height: 28px;
	    line-height: 28px;
	    margin-right: 10px;
	    padding: 0 !important;
	}
	.checkrecordar span{
		font-size:12px;line-height:28px;font-family:"Lato", Helvetica, Arial, sans-serif;color:#333333;width:40%;
		float:left;
	}
	
	.checkrecordar a{
		width:50%;float:left;position:relative;color:#006fb1;font-family:"Lato", Helvetica, Arial, sans-serif;
		font-size:12px;line-height:28px;
	}
	p{
		font-family:"Lato", Helvetica, Arial, sans-serif;font-size:14px;line-height:33px;text-align:center;color:#ffffff;
		margin-top:40px;
	}
	
	.abcRioButton.abcRioButtonLightBlue {
	    line-height: 20px !important;
	    margin:auto !important;
	    box-shadow: none !important;
   		
	}
	
	.abcRioButtonIcon {
	    float: right !important;padding:4px !important;
	}
	span.abcRioButtonContents {
	    font-family: "Lato", Roboto, sans-serif;
	    font-size: 14px !important;
	    color: #888888;
	    line-height: 30px !important;
	}
	.g-signin2{
		display:table;position:relative;width:calc(100% - 40px);
		float:left;background:#ffffff;
		border: 1px solid #cccccc;
		border-radius:5px !important;
		padding: 10px 20px 5px 20px !important;
	    height: 28px !important;
	}
	.hrlogin{
		float: left;
	    margin: 26px 0px;
	    width: 100%;
	    /* color: #cccccc !important; */
	    background: none !important;
	    /* border-color: #cccccc; */
	    border: none !important;
	    border-top: 1px solid #cccccc !important;
	}
	
	
	.enlaceContrasena, .enlaceInicio {
	    color: #006fb1;
	    text-align: center;
	    padding-top: 10px;
	    display: table;
	    width:100%;
	}
	.enlaceContrasena a, .enlaceInicio a {
	    text-decoration: none;
	    font-size: 16px;
	    font-weight: 400;
	    color: #006fb1;
	}
	@media (max-height:800px){
		.div_formrecuperar {
		    width: 90%;
		    max-width: 323px;
		    right:13.2%;
		    float:right;
		    height: auto;
		    display: table;
		   background:none;
		   border:none;
		   box-shadow:none;border-radius:none;
		   margin:0px !important;
		}
		.div_formrecuperar .divcampostexto {
		    float:right;
		    height: auto;
		    display: table;
		    margin: 0px auto 10px auto;
		    background: #ffffff;
		    border-radius: 5px;
		    position: relative;
		    border: none !important;
		    box-shadow: none !important;
		    padding:20px 0px 30px 0px;
		    width:100% !important;
		}
		.div_formrecuperar .divcampostexto h3{
			font-family:"Lato", sans-serif;
			width:calc(100% - 60px) !important;
			padding:0px 30px 20px 30px;
			text-align:center;
			font-size:20px;line-height:30px;font-weight:300;color:#444444;
		}
		.div_formrecuperar .divcampostexto .divcamposform {
			width: calc(100% - 60px);
		}
		.div_formrecuperar .divcampostexto .divcorreoenviado {
			width: calc(100% - 60px);
		}
		#enlace img {
    		max-width: 223px !important;
		}
	}
	@media (max-width:1320px){
		body{
			background-size:cover;
		}
	}
	@media (max-width:1024px){
		
		.div_formrecuperar {
		    width: 90%;
		    max-width: 423px;
		    left:0;right:0;margin:auto !important;
		    float:none !important;
		}
	}
	@media (max-width:412px){
		.div_formrecuperar {
		    width: 90%;
		    max-width: 323px;
		    right:0px;
		    float:right;
		    height: auto;
		    display: table;
		   background:none;
		   border:none;
		   box-shadow:none;border-radius:none;
		   margin:0px auto !important;
		}
		.footerlogin{
			height:auto;
		}
		.footerlogin p{
			text-align:center;
		}
		.footerlogin p a{
			width:100%;text-align:center;margin-top:10px;
		}
	}
	@media (max-width:360px){
		#enlace img {
			max-width: 200px !important;
   		 	margin-top: 10px;
			margin-bottom:20px;
		}
		.div_formrecuperar .divcampostexto {		   
		    padding:15px 0px 15px 0px;
		}
		.hrlogin{
			float: left;
	    	margin: 16px 0px;
	    }
	    .div_formrecuperar .divcampostexto h3 {
		    font-family: "Lato", sans-serif;
		    width: calc(100% - 60px) !important;
		    padding: 0px 30px 20px 30px;
		    text-align: center;
		   font-size: 22px;
    		line-height: 26px;
		    font-weight: 300;
		    color: #444444;
		}
		#btn_enviar{
			margin:0px !important;
		}
	}
