/* ELEMENTOS FIJOS*/
@font-face {
    font-family: "Open Sans";
    src: url("../font/OpenSans-Regular-webfont.eot");
    src: url("../font/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"),
     url("../font/OpenSans-Regular-webfont.woff") format("woff"),
     url("../font/OpenSans-Regular-webfont.ttf") format("truetype"),
     url("../font/OpenSans-Regular-webfont.svg#finantia") format('svg');
    font-style: normal;
    font-weight: normal;
}

* { margin:0; 
    padding:0;
    outline:none;
}
body,html{
    height:100%;
    width:100%
}
body{
	background:url(../img/1280_homebankinhomepage.jpg) no-repeat;
	background-size: 100% 100%;
}
body.psd2{
	background:#fff;
	box-sizing:border-box;
	font-family:Arial, Helvetica, Verdana, sans-serif;
}
#cabecera{
	height:135px;
	background:url(../img/fondo_degradado_menu.png) repeat-x;
	background-position:0 32px;
}
#cabecera a img{margin: 7px 0 0 20px;}
#cabecera span img{margin: 7px 0 0 20px !important;}
#bienvenido{
	color: #084593;
	font-weight: bold;
	position: relative;
	float:right;
	top: 4px;
}
#idiomasLogin{
	width: 350px;
	height: 30px;
	position: relative;
	float: right;
	top:30px;
	margin-right:20px;
	padding:10px;
}
#cabDerIdiomas{
	width: 59px;
	height: 19px;
	float: left;
	padding: 6px 19px 4px 19px !important;
	color: #084593;
	border-left: none !important;
	border-right: #7A98BD 1px solid;
	margin-left:20px;
	margin-top:0;
}
#cabDerIdiomas a{
	text-decoration: none !important;
	font-family: "Open Sans", calibri;
	font-weight: normal;
	font-size: 10pt !important;
}
ul.cabeceraDer .sel{border-bottom: #084593 2px solid;}
/* Portada */
#portada{padding:3% 0;color:#3c3c3b;}
.portadaDer{
	width: 610px;
	background: #fff;
	margin: 0 auto;
	padding: 3% 5%;
}
#portada h1, #portada h2{
	width:100%;
	height:25px;
	float:left;
	border-bottom:1px solid #012C71;
	font-size:2.2em;
	font-weight:normal;
	margin:20px 0;
	color:#012C71;
}
#portada h1 a, #portada h2 a{
	height:15px;
	color:#fff;
	display:block;
	background-color:#00b5dd;
	background-position:-5px 0;
	float:right;
  font-size:0.5em;
  font-weight:bold;
  margin-top:7px;
  padding:3px 5px 0 15px;
}
#portada h1 a:hover, #portada h2 a:hover{color:#002A72;}
#portada p{
	font-size:1.3em;
	line-height:17px;
	text-align:justify;
}
.cont_port{overflow:hidden; margin:0px;}

/* Login */
.user{width:230px;float:left;margin:4% 0 0 0;}
.user label, .accesoDni label{width:100px;cursor:pointer;float:left;text-align:left;line-height:16px;color:#4C4C4C;font-size: 1.3em;margin-right: 16px;}
.user label{min-height: 32px;}
.user label + input + label{clear:left;}
.user input, .accesoDni input{width:95px;height:22px;margin:0 0 10px 0px !important;color:#4c4c4c;font-size:1.1em;}
.user .btn_acceso{margin-left:130px;}

ul.coordenadas2{
	width: 350px;
    height: 38px;
    float: left;
    padding-left: 7px;
    margin-left: 10px;
}

ul.coordenadas2 li {float:left;margin:0 7px 10px 0;padding:0;}
ul.coordenadas2 li a{
	width: 7px;
    height: 7px;
    background: #4C4C4C;
    display: block !important;
    font-size: 1.4em !important;
    font-weight: bold;
    color: #fff;
    padding: 6px 11px 12px 9px !important;
    text-decoration: none;
    text-align: center;
}
ul.coordenadas2 li a:hover{background:#333 !important;color:#fff !important;}

ul.coordenadas{
	width: 210px;
	height: 85px;
	float: left;
	padding-left:10px;
	margin-left:10px;
}
ul.coordenadas li {float:left;margin:0 7px 10px 0;padding:0;}
ul.coordenadas li a{
	width:auto;
	height:auto;
	background:#4C4C4C;
	display:block !important;
	font-size:1.4em !important;
	font-weight: bold;
	color:#fff;
	padding:8px 12px 8px 12px !important;
	text-decoration:none;
	text-align:center;
}
ul.coordenadas li a:hover{background:#333 !important;color:#fff !important;}
#botoneraReplegado .boton{clear:both;margin:3px 0 0 20px;background:red;}

#botoneraReplegado{
	height: 144px;
    width: 240px;
    float: left;
    background: url(../img/fondo_teclado.png) no-repeat;
    padding: 20px 5px 0 10px;
    position: relative;
    margin: 3px 0 0 55px;
}

#botoneraVertical .boton{clear:both;margin:3px 0 0 20px;background:red;}

#botoneraVertical{
	height: 155px;
    width: 353px;
    float: left;
    background: url(../img/fondo_teclado_G.png) no-repeat;
    padding: 12px 7px 0 10px;
    position: relative;
    margin: 0px 0 0 10px;
}

.user_der .boton{clear:both;margin:3px 0 0 20px;background:red;}

.user_der{
	height: 88px;
	width: 315px;
	float: left;
	background: url(../img/fondo_teclado.png) no-repeat;
	padding: 20px 5px 0 10px;
	position:relative;
	margin:6px 0 0 30px;
}

/* Idioma */
.izq {float: left;}
.box:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.enlSup li, #menuSup li{float: left;}
.enlSup{margin-right: -8px;}
.enlSup li{padding: 0 8px;}
.enlSup li.in{border-left: 1px solid #A2A2A2;}
.enlSup li a{color: #888;text-decoration: underline;}

ul.cabeceraDer{overflow: hidden;padding-bottom: 5px;}

#idioma{width: 120px;}
#idioma a{
	background: none repeat scroll 0 0 #EDEDED;
	text-decoration: none !important;
	cursor: pointer;
}
#idioma a.desplegar {
	background: url("../img/ico_desplegar.png") no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 22px;
	padding: 0;
	text-indent: -10000px;
	width: 22px;
	cursor: pointer;
}
#idioma p {
	background: none repeat scroll 0 0 #EDEDED;
	padding: 2px 5px;
	width: 80px;
	line-height: 18px;
}
#idioma p.ocultoLogin{display: none;}
#opcDer {overflow:hidden;margin-top:15px;}
#opcDer ul li{
	margin-bottom:10px !important;
	text-align:right !important;
}
#opcDer ul li a{text-decoration: underline;}
select{padding: 1px !important;}
.cont_botones {
	clear: both !important;
	float: right !important;
	height: auto !important;
	margin: 0 85px 0 auto !important;
	overflow: hidden !important;
	position: relative !important;
	width: 90px !important;
}
.portadaIzq ul{margin-left: 20px;list-style: disc !important;}
.portadaIzq ul li{font-size: 1.3em;line-height: 17px;}

#botoneraTeclado{
	width: 80px;
	float: left;
	position: relative;
	bottom: 14px;
}

#botoneraTecladoAceptar{
	margin-left: 35px;
	width: 80px;
	float: left;
	position: relative;
	bottom: 12px;
}

#botoneraTecladoBorrar{
	margin-left: 15px;
	width: 80px;
	float: left;
	position: relative;
	bottom: 12px;
}

#SiguienteNormal{
	border: 2px solid #084593;
	background: #084593;
	font-size: 1.3em;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	margin-top: 3px;
	padding: 7px;
	padding-left: 10px;
}

#SiguienteNormal3{
	width: 37px;
    border: 2px solid #084593;
    background: #084593;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    margin-top: 0px;
    display: inline-block;
    padding: 5px 13px 10px 7px !important;
}

#SiguienteNormal3 span{
	font-size: 12px;
}

#SiguienteNormal2{
	border: 3px solid #084593;
	background: #084593;
	font-size: 1.3em;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	margin-top: 17px;
	padding: 7px;
	padding-left: 15px;
}

#BorraNormal{
	border: 2px solid #084593;
	padding: 7px;
	padding-left: 10px;
	font-size: 1.3em;
	text-decoration: none;
	color: #084593;
	font-weight: bold;
	margin-top: 17px;
	height: 15px;
	background:none;
}

#BorraNormal2{
	border: 2px solid #084593;
	padding: 7px;
	padding-left: 15px;
	font-size: 1.3em;
	text-decoration: none;
	color: #084593;
	font-weight: bold;
	margin-top: 17px;
	height: 15px;
	background:none;
}

#BorraNormal3{
	font-size: 14px !important;
    border: none !important;
    padding: 7px;
    padding-left: 15px;
    font-size: 1.3em;
    text-decoration: none;
    color: #084593;
    font-weight: bold;
    margin-right: 30px;
    margin-top: 0px;
    height: 15px;
    background: none;
}

#BorraNormal4{
	width: 4px;
    height: 4px;
    border: 2px solid #084593;
    padding: 5px;
    font-size: 1.3em;
    text-decoration: none;
    color: #084593;
    font-weight: bold;
    background: none;
    display: inline-block;
    margin: 0;
    padding: 4px 13px 14px 7px !important;
}

li a#UP{
	width: 4px;
    height: 4px;
    border: 2px solid #084593;
    font-size: 1.3em;
    text-decoration: none;
    color: #084593;
    font-weight: bold;
    background: none;
    padding: 4px 13px 14px 7px !important;
}

li a#UP:hover, a#BorraNormal4:hover{
	background:#084593 !important;color:#fff !important;
}

a#SiguienteNormal3:hover{
	background: none !important;color:#084593 !important;
}


#msgApplet{
	color: #084593;
	font-weight: bold;
	font-size: 0.75em;
	margin-bottom: 50px;
}
#msgApplet:hover{
	color: #7A98BD;
	font-weight: bold;
	font-size: 0.75em;
}
#imagen{
	width: 219px;
	height: 144px;
	float: left;
	margin-right:50px;
	background-position: center;
    background-size: 100%;
}
.img09{background-image:url(../img/imagenMenuLat1_09.png);}
.img06{background-image:url(../img/imagenMenuLat1_06.png);}
.img01{background-image:url(../img/imagenMenuLat1_06.png);}
#inf{width: 590px;height: 160px;}
#textoLogin{
	width: 315px;
	float: left;
	bottom:17px;
}
#textoLogin p {text-align: left;line-height: 19px;margin-bottom: 3px;}
.wrapper iframe{height:0;}
.psd2 .wrapper{
	margin:0;
}
.psd2 .portadaDer{
	max-width:425px;
	background: rgba(0, 62, 115,.9);
	width: calc(100% - 100px);
}

.psd2 #cabecera{
	background:#fff;
    max-width: calc(950px + 40px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    position: relative;
}
@media (min-width:320px){
		.psd2 #cabecera{max-height:100px}
}

@media (min-width: 660px){
	.psd2 #cabecera{
		padding-top: 10px;
		padding-bottom: 10px;
		max-height:125px;
	}
}
@media (min-width: 960px){
	.psd2 #cabecera{
		padding-top: 36px;
		padding-bottom: 10px;

	}
}
.psd2  .login{
   display: flex;
   flex-direction: column;
}
.psd2 #portada{
	background: url(../img/finantia_16.jpg) no-repeat;
	background-position:center;
	height:575px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding:0;
	width: 100%;
	max-width:1850px;
	background-size: cover;
	margin:0 auto;
}

.psd2 #cabecera span img{
	width:320px;
	margin-left: 0!important;
}
@media (max-width: 640px){
	.psd2 #portada{min-height:389px;height: calc(100vh - 100px);}	
	.psd2 #cabecera span img{
		width:250px;
		margin: 25px auto!important;
		display:block;
	}

}
.psd2 label{
	display: block;
    color: #003e73;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
}
.psd2 .portadaDer{
	padding: 50px;
}
.psd2 .portadaDer label{
	color:#fff
}
.psd2 input{
	display: block;
	width: 100%;
	padding: 8px;
	font-size: 15px;
	line-height: 1.5;
	color: #4C4C4C;
	background-clip: padding-box;
	border: 2px solid transparent;
	background-color: transparent;
	border-bottom: 2px solid #cdcdcd;
	border-radius: 0;
	box-shadow: none;
	-webkit-appearance: none;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	height: 42px;
	margin:10px 0 30px;
	box-sizing: border-box;
}
input:-internal-autofill-selected {
    background-color:none !important;
    background-image: none !important;
    color: #fff!important;
}


.psd2 .portadaDer input{
	color:#fff;
	border-bottom: 1px solid #fff;
}
.psd2 input:-webkit-autofill,
.psd2 input:-webkit-autofill:hover, 
.psd2 input:-webkit-autofill:focus,
.psd2 textarea:-webkit-autofill,
.psd2 textarea:-webkit-autofill:hover,
.psd2 textarea:-webkit-autofill:focus,
.psd2 select:-webkit-autofill,
.psd2 select:-webkit-autofill:hover,
.psd2 select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
  background:transparent;
}


.psd2 .botonForm{
	display: block;
	display: inline-flex;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: transparent;
	color: #3f83d6;
	border: 1px solid #3f83d6;
	align-items: center;
	justify-content: center;
	min-height: 64px;
	line-height: 3.1;
	text-transform: uppercase;
	cursor: pointer;
	letter-spacing: 2px;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	width: 100%;
	max-width: 202px;
	padding: 10px 22px;
	margin-right: 15px;
	box-sizing: border-box;
	text-decoration: none;
}
.psd2 .portadaDer .botonForm{
	color:#fff;
	border-color:#fff;
}

.psd2 .botonForm + .botonForm{
	   margin-right: 0;
}
.psd2 .botonForm:hover{
    border-color: #3f83d6;
    color: white;
    background-color: #3f83d6;
}
@media (max-width: 640px){
	.psd2 .botonForm{max-width:46%;margin-right: 16px;}
	.psd2 .portadaDer{padding:50px 25px;width:calc(100% - 50px)}
	
}
.psd2 .wrapper:after{
	content:'';
	display:none;

}

/* Mensajes confirm. */
.mensaje{
   line-height: 1.6;
   letter-spacing: -.5px;
   font-size: 15px;
   display: table;
   text-align: left;
   margin: 0 auto 30px!important;
   border:1px solid #353535;
   position: relative;
   background-repeat: no-repeat;
   background-position: 15px;
   padding: 20px 20px 20px 60px!important;
   width: calc(100% - 82px);
   background-color:rgba(53, 53, 53,.1);
}
.mensaje.warning{
    border-color:#FF6200;
    color:#FF6200;
    background:rgba(255,98,0,.1);
    background-image: url(../img/icon-warning.png);	
    background-repeat: no-repeat;
    background-position: 15px;
    background-size: 35px;
}
.mensaje.ko{
    border-color:rgb(232, 12, 12);
    color:rgb(232, 12, 12);
    background:rgba(232, 12, 12,.1);
    background-image: url(../img/icon-ko.png);
    background-repeat: no-repeat;
    background-position: 15px;
    background-size: 35px;
}
.mensaje.info{
    border-color: rgb(185, 222, 240);
    color:rgb(185, 222, 240);
    background:rgba(185, 222, 240,.1);
    background-image: url(../img/icon-info.png);
    background-repeat: no-repeat;
    background-position: 15px;	
     background-size: 35px;
}
.mensaje.ok{
    border-color:rgb(98, 176, 30);
    color:rgb(98, 176, 30);
    background:rgba(98, 176, 30,.1);
    background-image: url(../img/icon-ok.png);
    background-repeat: no-repeat;
    background-position: 15px;
     background-size: 35px;
}


.aviso{background-color:#4C4C4C;}

/*
.mensaje p, .mensaje ul li{
	display:block;
	background: #4C4C4C;
	margin-left:20px;
	padding:2px 0 2px 10px;
	font-weight:bold;
	text-align:center !important;
	color:#ECECEC;
	font-size:13px !important;
}
.mensaje ul li a{
	color:#ECECEC;
	text-decoration: none;
}*/

#capaErrorNormal{margin-bottom:10px;}