/*=============
  CSS REGISTRO DE USUARIO

  INDICE
    1. GENERAL
    2. FORMULARIO REGISTRO
    3. CABECERA
    4. NUMERO
    5. CAMPO INPUT
    6. FEEDBACK
    7. PIE
  
  
  =========================*/

/*--------------------------------------GENERAL--------------------------------------------*/
span {
font-family:inherit;
font-size:inherit;
}
div {text-align:center;}
/*QUITAMOS FORMULARIO DE ACCESO y H4*/

div#sombra_form{
display:none!important;
*display:none!important;
}
div#acceder{
display:none!important;
*display:none!important;
}
div#registro{
display:none!important;
*display:none!important;
}
td#left_menu table.TableLogin{
display:none!important;
*display:none!important;
}
td#left_menu ul.login_menu li:last-child{
display:none!important;
*display:none!important;
}
h4.title_paginas_publicas{
display:none!important;
*display:none!important;
}
div.LeftMenuElementos ul.login_menu li.primer_acceso a {
display:none!important;
*display:none!important;
}
/*--------------------------------------FORMULARIO REGISTRO--------------------------------------------*/

table.CuadroDefinirPaso {margin:0 auto;}

/*FONDO*/

tr td#content_right {
padding:0!important;
margin-left:-325px!important;
width:650px!important;
top:0px!important;
opacity:0.95!important;
border-right:1px solid #FFF!important;
border-left:1px solid #FFF!important;
border-top:1px solid #FFF!important;
border-bottom:1px solid #d8d8d8!important;
-webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.9)!important;
-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.9)!important;
box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.9)!important;
font-family:'Trebuchet MS' !important;
}

td div.pnl_screen {
padding:0!important;
margin:0!important;
}

table.master_content_right {width:100%;}

/*------------------------------CABECERA-----------------------------*/
thead {margin:0 auto;padding:0;}

tr.Encabezado td span {
  font-family: 'Nothing You Could Do', cursive;
  font-size:26px;
  display:block!important;
  width:100%;
  margin:0 auto;
}

tr.Encabezado td {
width:100%;
float:none;
clear:both;
}

tr.Encabezado {
height:65px;
line-height:65px;
font-family: 'Nothing You Could Do', cursive;
font-size:30px;
width:100%;
color:#FFF;
font-weight:bold;
border:none;
border-bottom:1px solid #7c7c7c;
text-shadow: 2px 2px 3px rgba(133, 133, 133, 1);
background: #a0a0a0; /* Old browsers */
background:url("../img/registro/login_icon.png") #a0a0a0 no-repeat 95% 50% !important;
background: -moz-linear-gradient(top, #898989 0%, #a0a0a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#898989), color-stop(100%,#a0a0a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #898989 0%,#a0a0a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #898989 0%,#a0a0a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #898989 0%,#a0a0a0 100%); /* IE10+ */
background: linear-gradient(to bottom, #898989 0%,#a0a0a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#a0a0a0',GradientType=0 ); /* IE6-9 */
}
/*-------------------------CONTENIDO-----------------------------------------*/
table.cuadrodefinirpaso tbody {background-position: 0% 0%;
  margin: 0 auto;
  padding: 0;
  background-color:none!important;
  background-image: none !important;
  background-repeat: repeat !important;
  background-attachment: scroll !important;
}

/*-------------------------------------FILAS-------------------------------------*/

div#screen tr.fila {
  height:73px!important;
  margin:0!important;
  padding:0!important;
  border-top:1px solid #d4d4d4!important;
  width:100%;
}
  div#screen tr.fila td:nth-child(1) {
  height:70px!important;
  }
  div#screen tr.fila td.celda_3 {
  display:table-cell!important;}


.fila5{border-bottom:0;}

/* -----------------------------------------NÚMERO-----------------------------------------------------*/

span.Paso {
float:left;
line-height:70px;
height:70px;
width:131px;
border-right:1px solid #dadada;
border-top:1px solid #FFF;
font-family: 'Nothing You Could Do', cursive !important;
font-size:40px;
color:#a0a0a0;
background-color:#f3f3f3;
font-weight:bold;
text-shadow: 2px 2px 0px #FFF;
}

/*------NÚMERO ACTIVO/PASOS ACTIVOS-------*/

.Paso1Activo span.Paso, .Paso2Activo span.Paso, .Paso3Activo span.Paso, .Paso4Activo span.Paso, .Paso2seatActivo span.Paso, .Paso3seatActivo span.Paso {
width:132px;
background: none repeat scroll 0 0 #868686;
height: 71px;
position: relative;
color:#FFF;
border-right:none;
text-shadow:none;
z-index:5;
}

.Paso1Activo span.Paso:before, .Paso2Activo span.Paso:before, .Paso3Activo span.Paso:before, .Paso4Activo span.Paso:before, .Paso2seatActivo span.Paso:before, .Paso3seatActivo span.Paso:before {
border-bottom: 13px solid rgba(0, 0, 0, 0);
border-left: 12px solid #868686;
border-top: 13px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
position: absolute;
left: 100%;
top: 20px;
width: 0;
}


/*--------------------NÚMEROS ERROR-------------------------*/

.PasoIncorrecto .Paso {
width:132px;
background: none repeat scroll 0 0 #eb473a;
height: 71px;
position: relative;
z-index:999999!important;
color:#FFF;
border-right:none;
text-shadow:none;
}

.PasoIncorrecto .Paso:before {
border-bottom: 13px solid rgba(0, 0, 0, 0);
border-left: 12px solid #eb473a;
border-top: 13px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
position: absolute;
left: 100%;
top: 20px;
width: 0;
}
/*MACHACAMOS EL COLOR CUANDO HACEMOS FOCUS EN EL INPUT ERROR*/
.PasoIncorrecto #ctl00_ContentBody_Paso1, .PasoIncorrecto #ctl00_ContentBody_Paso2, .PasoIncorrecto #ctl00_ContentBody_Paso3, .PasoIncorrecto #ctl00_ContentBody_Paso4, .PasoIncorrecto #ctl00_ContentBody_Paso2seat, .PasoIncorrecto #ctl00_ContentBody_Paso3seat {background: none repeat scroll 0 0 #eb473a;}

.PasoIncorrecto #ctl00_ContentBody_Paso1:before, .PasoIncorrecto #ctl00_ContentBody_Paso2:before, .PasoIncorrecto #ctl00_ContentBody_Paso3:before, .PasoIncorrecto #ctl00_ContentBody_Paso4:before, .PasoIncorrecto #ctl00_ContentBody_Paso2seat:before, .PasoIncorrecto #ctl00_ContentBody_Paso3seat:before {
border-bottom: 13px solid rgba(0, 0, 0, 0);
border-left: 12px solid #eb473a;
border-top: 13px solid rgba(0, 0, 0, 0);
}

/*-------------------NÚMEROS OK-------------------------*/

.PasoCorrecto .Paso {
width:132px;
background: none repeat scroll 0 0 #00867b;
height: 71px;
position: relative;
color:#FFF;
border-right:none;
text-shadow:none;
}
.PasoCorrecto .Paso:before {
border-bottom: 13px solid rgba(0, 0, 0, 0);
border-left: 12px solid #00867b;
border-top: 13px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
position: absolute;
left: 100%;
top: 20px;
width: 0;
}
/*MACHACAMOS EL COLOR CUANDO HACEMOS FOCUS EN EL INPUT OK*/
.PasoCorrecto #ctl00_ContentBody_Paso1, .PasoCorrecto #ctl00_ContentBody_Paso2, .PasoCorrecto #ctl00_ContentBody_Paso3, .PasoCorrecto #ctl00_ContentBody_Paso4, .PasoCorrecto #ctl00_ContentBody_Paso2seat, .PasoCorrecto #ctl00_ContentBody_Paso3seat {background: none repeat scroll 0 0 #21bd81;}

.PasoCorrecto #ctl00_ContentBody_Paso1:before, .PasoCorrecto #ctl00_ContentBody_Paso2:before, .PasoCorrecto #ctl00_ContentBody_Paso3:before, .PasoCorrecto #ctl00_ContentBody_Paso4:before, .PasoCorrecto #ctl00_ContentBody_Paso2seat:before, .PasoCorrecto #ctl00_ContentBody_Paso3seat:before {
border-bottom: 13px solid rgba(0, 0, 0, 0);
border-left: 12px solid #21bd81!important;
border-top: 13px solid rgba(0, 0, 0, 0);
}

/*-----------------------------------------------------------CAMPO FORMULARIO---------------------------------------------------------------*/

.fila input {
  width:280px!important;
  margin-left:30px!important;
  margin-right:30px!important;
  float:left;
  margin:0 auto;
  padding:0;
  border:1px solid #aaaaaa;
  padding-left:10px;
  color:#868686;
}

.fila input:focus {border:2px solid #868686!important;}

.watermark {
  background-color: #F7F6F3;
  border: solid 1px #808080;
  padding: 3px;
  color:Gray;
}

/*-------------------------------------------------------TEXTO FEEDBACK------------------------------------------------------*/
td.celda_3 {border-left:1px solid #dadada;}

span.FeedBack {
width:140px!important;
padding-left:10px;
padding-right:10px;
display:table-cell;
vertical-align:middle;
height:71px;
font-family:'Trebuchet MS' ;
font-size:10.5px;
text-align:center;
display:table-cell;
vertical-align:middle;
position:relative;
}

/*-----------TEXTO FEEDBACK ACTIVO--------------*/

span.FeedBackActivo {display:table-cell;position:relative;vertical-align:middle;height:71px; *display:none!important;}

.ie8 span.FeedBackActivo {display:none;}

.Paso1Activo td.celda_3, .Paso2Activo td.celda_3, .Paso3Activo td.celda_3, .Paso4Activo td.celda_3, .Paso2seatActivo td.celda_3, .Paso3seatActivo td.celda_3 {
border-top:1px #FFF solid!important;
width:140px!important;
float:right;
display:table-cell!important;
vertical-align:middle!important;
font-family:'Trebuchet MS' ;
font-size:10.5px;
padding-left:10px;
padding-right:10px;
text-align:center;
height: 71px;
position: relative;
color:#FFF;
background:  #868686;
}

.Paso1Activo td.celda_3:before, .Paso2Activo td.celda_3:before, .Paso3Activo td.celda_3:before, .Paso4Activo td.celda_3:before, .Paso2seatActivo td.celda_3:before, .Paso3seatActivo td.celda_3:before {
border-bottom: 13px solid rgba(0, 0, 0, 0);
border-right: 12px solid #868686;
border-top: 13px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
position: absolute;
right: 100%;
top: 20px;
width: 0;}



/*-------------TEXTO FEEDBACK ERROR--------------*/

.PasoIncorrecto td.celda_3{
background: none repeat scroll 0 0 #eb473a;
border-top:1px #FFF solid!important;
width:140px!important;
float:right;
display:table-cell!important;
vertical-align:middle!important;
font-family:'Trebuchet MS' ;
font-size:10.5px;
padding-left:10px;
padding-right:10px;
text-align:center;
height: 71px;
position: relative;
color:#FFF;
}

.PasoIncorrecto td.celda_3:before {
border-bottom: 13px solid rgba(0, 0, 0, 0);
border-right: 12px solid #eb473a;
border-top: 13px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
position: absolute;
right: 100%;
top: 20px;
width: 0;}

/*-------------TEXTO FEEDBACK OK--------------*/

.PasoCorrecto td.celda_3{
background-position: center;
  border-top:1px #FFF solid!important;
  color:transparent!important;
  font-size:0.1px!important;
  width:140px!important;
  float:right;
  display:table-cell!important;
  vertical-align:middle!important;
  font-family:'Trebuchet MS';
  padding-left:10px;
  padding-right:10px;
  text-align:center;
  height: 71px;
  position: relative;
  background:url("../img/registro/icono_check.png") no-repeat center !important;
  background-color: #21bd81 !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

.PasoCorrecto td.celda_3:before {
border-bottom: 13px solid rgba(0, 0, 0, 0);
border-right: 12px solid #21bd81;
border-top: 13px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
position: absolute;
right: 100%;
top: 20px;
width: 0;}

/*-------TEXTO CONTRASEÑA--------*/
.seguridad_pass_debil{
border-top:1px #FFF solid!important;
width:108px!important;
float:right;
display:table-cell!important;
vertical-align:middle!important;
font-family:'Trebuchet MS' ;
font-size:10.5px;
padding-left:40px;
padding-right:12px;
padding-top:22px;
text-align:left;
height: 50px!important;
position: absolute!important;
margin-top:-19px!important;
margin-left:18px!important;
color:#FFF;
background:url("../img/registro/icono_debil.png") no-repeat left #868686 !important;
z-index:99999;
}

.seguridad_pass_debil:before {
border-bottom: 13px solid rgba(0, 0, 0, 0);
border-right: 12px solid #e24a3b;
border-top: 13px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
position: absolute;
right: 100%;
top: 20px;
width: 0;
z-index:99999;
}
.seguridad_pass_normal{
border-top:1px #FFF solid!important;
width:108px!important;
float:right;
display:table-cell!important;
vertical-align:middle!important;
font-family:'Trebuchet MS' ;
font-size:10.5px;
padding-left:40px;
padding-right:12px;
padding-top:22px;
text-align:left;
height: 50px!important;
position: absolute!important;
margin-top:-19px!important;
margin-left:18px!important;
color:#FFF;
background:url("../img/registro/icono_normal.png") no-repeat left  #868686!important;
z-index:99999;
}

.seguridad_pass_normal:before {
border-bottom: 13px solid rgba(0, 0, 0, 0);
border-right: 12px solid #ffb128;
border-top: 13px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
position: absolute;
right: 100%;
top: 20px;
width: 0;
z-index:99999;
}
.seguridad_pass_segura{
border-top:1px #FFF solid!important;
width:108px!important;
float:right;
display:table-cell!important;
vertical-align:middle!important;
font-family:'Trebuchet MS' ;
font-size:10.5px;
padding-left:40px;
padding-right:12px;
padding-top:22px;
text-align:left;
height: 50px!important;
position: absolute!important;
margin-top:-19px!important;
margin-left:18px!important;
color:#FFF;
background:url("../img/registro/icono_segura.png") no-repeat left  #868686!important;
z-index:99999;
}

.seguridad_pass_segura:before {
border-bottom: 13px solid rgba(0, 0, 0, 0);
border-right: 12px solid #07ab9a;
border-top: 13px solid rgba(0, 0, 0, 0);
content: "";
height: 0;
position: absolute;
right: 100%;
top: 20px;
width: 0;
z-index:99999;
}

/*------------POSICIÓN FEEDBACKS INDIVIDUALES-------------------- */

/*.FeedBackNifActivo {padding-top:7px!important;height: 53px!important;}
.FeedBackEmailActivo {padding-top:16px!important;height: 45px!important;}
.FeedBackPassActivo {padding-top:9px!important;height: 51px!important;}
.FeedBackPass2Activo {padding-top:16px!important;height: 45px!important;}*/

/*-----------------------------BOTON ENVIAR------------------------*/

a.Input {
display:block;
color:#FFF;
width:295px;
height:35px;
text-decoration:none;
float:left;
margin-left:30px;
line-height:35px;
font-size:14px;
border:1px solid #595959;
background: #868686 no-repeat 95% 50% !important;
background: #868686; /* Old browsers */
background: -moz-linear-gradient(top, #a0a0a0 0%, #b2b2b2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#868686), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #868686 0%,#b2b2b2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #868686 0%,#b2b2b2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #868686 0%,#b2b2b2 100%); /* IE10+ */
background: linear-gradient(to bottom, #868686 0%,#b2b2b2 100%); /* W3C */}

a.Input:hover {
border:1px solid #747474;
background-color: #595959!important;
}

/*-------------------------------PIE--------------------------------------*/
tfoot {margin:0 auto;padding:0;}
tr.AyudaContacto {
background-color:#b2b2b2;
height:65px!important;
color:#FFF;
line-height:65px;
border-top:1px solid #7e7e7e;
background: #8e8e8e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlOGU4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMGEwYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #8e8e8e 0%, #a0a0a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e8e8e), color-stop(100%,#a0a0a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8e8e8e 0%,#a0a0a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8e8e8e 0%,#a0a0a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8e8e8e 0%,#a0a0a0 100%); /* IE10+ */
background: linear-gradient(to bottom, #8e8e8e 0%,#a0a0a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#a0a0a0',GradientType=0 ); /* IE6-8 */
}

span.lbl_ayuda_contacto {text-shadow: 2px 2px 0px rgba(150, 150, 150, 1);}

.watermark_none {
border: solid 1px #808080;
padding: 3px;
color:Gray;
}



.CuadroDefinirPaso {
  width:100%;
  margin-top: 20px;
}


/*-----------------------------------------------------REGISTRO OK-----------------------------------------------------*/
.pnl_proceso_correcto {
  height:auto;
  border:2px solid #FFF;
  background:#FFF;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.9)!important;
-moz-box-shadow:    0px 0px 2px 0px rgba(50, 50, 50, 0.9)!important;
box-shadow:         0px 0px 2px 0px rgba(50, 50, 50, 0.9)!important;
}

div.pnl_correcto{
height:250px; 
background: url("../img/registro/proceso_ok_1.png") no-repeat 5% 50% #FFF ;
width:100%;
border-bottom:1px solid #0f5146;
color:#ffb128;
text-align:left!important;
}


div.pnl_correcto span {
font-family: 'Nothing You Could Do', cursive !important; 
font-size:25px; 
width:450px!important;
display:block;
position:relative;
left:175px;
top:76px;
height:160px;
line-height:50px;
text-align:left!important;
/*background: url("../img/registro/flecha_proceso.png") no-repeat 35% 100%;*/
background: none !important;
}

.pnl_email {
font-family: 'Nothing You Could Do', cursive !important;
height:250px; 
background: url("../img/registro/proceso_ok_2.png") no-repeat 95% 50% #1a8775;
width:100%;
color:#FFF;
text-align:left!important;
}

div.pnl_email span {
font-family: 'Nothing You Could Do', bold !important; 
font-size:25px; 
width:400px;
display:block;
position:relative;
left:50px;
top:55px;
line-height:50px;

}

.ie8 tr.AyudaContacto td {
  background-color:gray;
}

span.Paso.Paso_reCaptcha, span.FeedBack.FeedBack_reCaptcha{
  height: 100px;
  line-height: 100px;
}
span.FeedBack.FeedBack_reCaptcha{
  line-height: normal;
}
div.g-recaptcha.registro-recaptcha{
  margin-left: 25px;
}

.PasoIncorrecto .Paso.Paso_reCaptcha:before, .PasoIncorrecto td.celda_3.celda_3_reCaptcha:before{
  top: calc(50% - 13px);
}