/*.serviclub-header {
	background: url(../images/mi-cuenta/register.jpg)  !important;
		box-shadow: 0 0 20px 0 #999;
	min-height: 230px;
	height: auto;
	background-size: cover;
}*/
.serviclub-header {
	background: url(../images/registro/YPF_BannerUF.png)  !important;
	/*	box-shadow: 0 0 20px 0 #999;*/
	height: 15vh;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-color: black !important;
}

/*.clienteproveedor-header {
	background: url('../images/header-extranets2.jpg') !important;
	box-shadow: 0 0 20px 0 #999;
	background-size: cover;
	position: relative;
	display: block;
	width: 100%;
	min-width: 1089px;
	height: 150px;
}*/
.clienteproveedor-header {
	background: url('../images/registro/YPF_BannerCP.png') !important;
	box-shadow: 0 0 20px 0 #999;
	height: 15vh;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

/* Rojo en los mensajes de error */
p.form-error-message-general {
	font: 15px/1em 'Light';
	text-rendering: optimizeLegibility;
    color: #EF3D41;
    font-weight: bold;
    padding-bottom: 15px;
  	width: 100%;
}

p.form-error-message {
	font: 13px/1em 'Light';
	text-rendering: optimizeLegibility;
    color: #EF3D41;
    font-weight: bold;
  	width: 100%;
}



/* Estilo nuevo para el input */
input, select {
	display: block;
	padding: 7px 10px 5px 10px;
	border: none;
	border-radius: 0;
	font-size: 1.2em;
	color: #434343;
	width: 100%;
	margin-bottom: 5px;
	border-bottom: 1px solid #979797;
	-moz-appearance: none;
	-webkit-appearance: none;
	}
	

.clienteproveedor-contenedor {
	padding-top: 20px !important;
	width: 100% !important;
	font-family: "Medium";
	font-size: 13px;
	/*text-transform: uppercase;*/
	color: rgb(85, 85, 85);
}

/*.serviclub-contenedor {
	padding-top: 40px !important;
	width: 100% !important;
}*/
.serviclub-contenedor {
	width: 100% !important;
}

.null-contenedor {
	padding-top: 40px !important;
	width: 100% !important;
}




/* para ayudita de las claves en pagina de cambio de clave */
.tooltipAyudaClave {
	background-color: #000000;
  	border-color: #000000;
  	color: white;
  	z-index: 1000000;
  	width: 300px;
  	position: absolute;
  	margin-left: 45px;
  	margin-top: -15px;
}

.tooltipAyudaClave:before {
	border-color: transparent #000000 transparent transparent;
 	border-right: 1px solid #000000;
  	border-style: solid;
  	border-width: 6px 6px 6px 0px;
  	content: "";
  	display: block;
 	height: 0;
 	width: 0;
  	line-height: 0;
  	position: relative;
  	top: 25px;
  	left: -6px;
}

/*Solo IE 7*/
.tooltipAyudaClave p {
	margin: 10px;
	color: white;
	font-size: 13px;
}

.tooltipAyudaClave p.inner {
	padding: 3px 0px;
}

/* Para la ayuda de clave: agrega un tilde verde a la derecha */

li.parachequeo {
  color: black;
  list-style-type: square;
  list-style-position: inside;
}

li.valid {
  color: green;
  list-style-type: none;
}

li.valid:before {
  position: relative;
  left: -8px;
  color: green;
  content: "✔";
}

li.invalid {
  color: red;
  list-style-type: square;
  list-style-position: inside;
}

span#indicadorUsr.indicadorUsuario {
	Display: none;
}
input.invalid {
	background-color: lightpink;
}
input.valid {
	background-color: none;
}
i.togglePassword2 {
margin-left: -30px; 
cursor: pointer;
}
div.parteclaves {
	
}
div.botonclaves {
		margin-top: -80px; 
		cursor: pointer;
		float:right;
}
::-ms-reveal {
  display: none;
}

span#clavesingresadasnosoniguales.clavesingresadasnosonigualesas {
	Display: none;
}
span#clavesingresadasnosoniguales.invalid {
	color: red;
	Display: block;
	font-size: x-small;
}
span#clavesingresadasnosoniguales.valid {
	Display: none;
}



span#caracteresinvalidosenclave.caracteresinvalidosenclave {
	Display: none;
}
span#caracteresinvalidosenclave.invalid {
	color: red;
	Display: block;
	font-size: x-small;
}
span#caracteresinvalidosenclave.valid {
	Display: none;
}