/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////                                                                          //////////////////////////////////////
//////////////////////////////////////                               CONTRATAR                                  //////////////////////////////////////
//////////////////////////////////////                                                                          //////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/




/*Contact Pages
------------------------------------*/

/*Custom Sky Forms (Advanced Contacts Page)*/
.sky-changes-3.sky-form,
.sky-changes-3.sky-form footer {
  border: none;
}

.sky-changes-3.sky-form footer,
.sky-changes-3.sky-form fieldset {
	padding: 0;
	background: none;
}





/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////                                                                             /////////////////
/////////////////               MENU  TIPO  CLIENTE  ==>  NUEVO  /  YA SOY                    /////////////////
/////////////////                                                                             /////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.tipo_cliente {
    display: block;
    overflow: hidden;
    min-height: 300px;
    position: relative;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
}

.tipo_cliente:before {
	top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: rgba(42,42,42,0);
}
.tipo_cliente:hover:before {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1000%;
    content: " ";
    position: absolute;

    background: rgba(142,142,142,0.1);
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.tipo_cliente:hover {
	text-decoration: none;
}
.tipo_cliente .tipo_cliente-bg {
    width: 100%;
    display: table;
    min-height: 240px;
    background-clip: padding-box;
}
.tipo_cliente .tipo_cliente-ads {
    width: 100%;
    height: 300px;
    overflow: hidden;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 15px 20px 20px;
    background-clip: padding-box;
}

/*Illustration Images*/
#cliente_nuevo,
#cliente_existe  {
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
/*#cliente_nuevo {
	background: url(../../img/contratar/nuevo_cliente.png)  no-repeat  center center;
        background-size: contain;
}
#cliente_nuevo:hover {
	background: url(../../img/contratar/nuevo_cliente.png)  no-repeat  center center;
    background-size: contain;
}
#cliente_existe {
	background: url(../../img/contratar/ya_soy_cliente.png)  no-repeat  center center;
    background-size: contain;
}
#cliente_existe:hover {
	background: url(../../img/contratar/ya_soy_cliente.png)  no-repeat  center center;
    background-size: contain;
}*/
#cliente_nuevo:hover,
#cliente_existe:hover  {
	-transform: scale(1.05);
	-o-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
}



.tipo_cliente .tipo_cliente_box_mensaje {
    top: 4px;
    left: 0;
    right: 0;
    z-index: 1;
    display: block;
    position: relative;
    border-top: 5px solid rgba(255,255,255,0.5);
    border-bottom: 5px solid rgba(255,255,255,0.5);
}
.tipo_cliente span.mensaje_big {
	color: #fff;
	display: block;
	font-size: 35px;
	font-weight: 600;
	line-height: 50px;
	letter-spacing: 12px;
	text-transform: uppercase;
}
.tipo_cliente span.mensaje_small {
	color: #ddd;
	font-size: 24px;
}
/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////               MENU  TIPO  CLIENTE  ==>  NUEVO  /  YA SOY                    /////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/














/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////                                                                             /////////////////
/////////////////                        MENU  PASOS  CONTRATACION                            /////////////////
/////////////////                                                                             /////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*Common*/
#menu_pasos_contratar {
    width: 100%;
    display: block;
    overflow: hidden;
}
#menu_pasos_contratar {
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
}
#menu_pasos_contratar > li {
	padding: 0;
	display: inline-block;
    cursor: default;
}

/* Accessibility */
#menu_pasos_contratar .current-info,
#menu_pasos_contratar > .content > .title {
    left: -999em;
    position: absolute;
}

/*Wizard Steps*/
#menu_pasos_contratar {
    width: 100%;
    display: block;
    position: relative;
}

#menu_pasos_contratar .number {
    float: left;
	font-size: 36px;
	margin-right: 15px;
}

#menu_pasos_contratar > li {
    width: 30%;
    margin-left: 30px;
    position: relative;
}

#menu_pasos_contratar > li:first-child {
	margin-left: 0;
}

@media (min-width: 1200px) {
	#menu_pasos_contratar > li {
		width: 30%;
	}
}
@media (max-width: 1200px) {
	#menu_pasos_contratar > li {
		width: 30%;
	}
}
@media (max-width: 991px) {
	#menu_pasos_contratar > li {
		width: 100%;
		margin: 0 0 15px 0;
	}
}

#menu_pasos_contratar > li,
#menu_pasos_contratar > .actions > ul > li {
    float: left;
}

#menu_pasos_contratar a,
#menu_pasos_contratar a:hover,
#menu_pasos_contratar a:active {
    width: auto;
    padding: 15px;
    display: block;
    text-decoration: none;
}

#menu_pasos_contratar h2 {
	font-size: 22px;
    line-height: 57px;
	margin: 0 0 0px;
    color: #B058B3;
    font-weight: bold;
}

#menu_pasos_contratar p {
	opacity: 0.8;
	font-size: 16px;
    color: #888;
    display: none;
}

#menu_pasos_contratar i {
	top: 25px;
	right: 20px;
	width: 40px;
	height: 40px;
	padding: 8px;
	color: #aaa;
	font-size: 20px;
	text-align: center;
	position: absolute;
	display: inline-block;
	border: 2px dashed #e0e0e0;
}




/*////////////////////////////////////////////////////////
////////    PASO  GENERAL
////////////////////////////////////////////////////////*/
#menu_pasos_contratar  a,
#menu_pasos_contratar  a:hover,
#menu_pasos_contratar  a:active {
	color: #ccc;
    background: transparent;
	border: 2px solid #eee;
    -webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

#menu_pasos_contratar   .number,
#menu_pasos_contratar   h2,
#menu_pasos_contratar   p,
#menu_pasos_contratar   i {
	color: #ccc;
}
#menu_pasos_contratar   i {
	border-color: #ccc;
}


/*////////////////////////////////////////////////////////
////////    PASO  COMPLETADO   /   PASO  PENDIENTE
////////////////////////////////////////////////////////*/
#menu_pasos_contratar .pendiente a,
#menu_pasos_contratar .pendiente a:hover,
#menu_pasos_contratar .pendiente a:active {
	color: #ccc;
    background: transparent;
	border: 2px solid #eee;
	cursor: default;
    -webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}
/*///////////////////////////////////////////////////////*/
#menu_pasos_contratar .done a,
#menu_pasos_contratar .done a:hover,
#menu_pasos_contratar .done a:active {
	color: #ccc;
    background: transparent;
	border: 2px solid #eee;
	cursor: default;
    -webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}
/*////////////////////////////////////////////////////////
////////    PASO  ACTUAL
////////////////////////////////////////////////////////*/
#menu_pasos_contratar .current a,
#menu_pasos_contratar .current a:hover,
#menu_pasos_contratar .current a:active {
	color: #003b69;
    background: transparent;
	border: 2px solid #003b69;
    -webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

#menu_pasos_contratar .current .number,
#menu_pasos_contratar .current h2,
#menu_pasos_contratar .current p,
#menu_pasos_contratar .current i {
	color: #003b69;
	border-color: #003b69;
}

 

 
/*////////////////////////////////////////////////////////
////////    ERROR  DE  PASO
////////////////////////////////////////////////////////*/
#menu_pasos_contratar .error a,
#menu_pasos_contratar .error a:hover,
#menu_pasos_contratar .error a:active {
    color: #fff;
    background: #c9253c;
    -webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

#menu_pasos_contratar > .content > .body em.invalid {
    display: block;
    color: #8a1f11;
    font-weight: 400;
    display: none !important;
    -webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

#menu_pasos_contratar > .content > .body input.invalid {
	color: #8a1f11;
	font-weight: 400;
	border: 1px solid #eec5c7 !important;
	-webkit-transition: all 0.3s ease-in-out;
   	-moz-transition: all 0.3s ease-in-out;
   	-o-transition: all 0.3s ease-in-out;
   	transition: all 0.3s ease-in-out;
}

#menu_pasos_contratar > .content > .body input.invalid.form-control::-moz-placeholder {
	color: #8a1f11;
}

#menu_pasos_contratar > .content > .body input.invalid.form-control:-ms-input-placeholder {
	color: #8a1f11;
}

#menu_pasos_contratar > .content > .body input.invalid.form-control::-webkit-input-placeholder {
	color: #8a1f11;
}

/*Small Input Field*/
#menu_pasos_contratar > .content > .body .input-small-field input {
	width: 20%;
	float: left;
	margin-right: 10px;
}

#menu_pasos_contratar > .content > .body .input-small-field input.invalid {
	margin-right: 10px;
}

#menu_pasos_contratar > .content > .body .input-small-field span.slash {
	color: #888;
	float: left;
	font-size: 20px;
	margin-right: 8px;
}

/*Content*/
#menu_pasos_contratar > .content {
	overflow: hidden;
    position: relative;
}

#menu_pasos_contratar > .content {
	margin-top: 35px;
	padding-top: 35px;
	border-top: 1px solid #eee;
}

#menu_pasos_contratar > .content > .body {
	padding: 0;
	width: 100%;
}

/*Actions*/
#menu_pasos_contratar > .actions {
    text-align: right;
}

#menu_pasos_contratar > .actions > ul {
    display: inline-block;
}

#menu_pasos_contratar > .actions > ul > li {
    margin-left: 10px;
}

#menu_pasos_contratar > .actions > ul > li:first-child {
	margin-left: 0;
}

#menu_pasos_contratar > .actions a {
    color: #fff;
    display: block;
    font-size: 16px;
    min-width: 126px;
   	padding: 8px 10px;
    text-align: center;
    background: #18ba9b;
    text-decoration: none;
    text-transform: uppercase;
}

#menu_pasos_contratar > .actions a:hover {
	background: #2cd5b6;
}

#menu_pasos_contratar > .actions .disabled a,
#menu_pasos_contratar > .actions .disabled a:hover,
#menu_pasos_contratar > .actions .disabled a:active {
    color: #fff;
    background: #82dac9;
}






/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////                                                                             //////////////////////
//////////////////////                                                                             //////////////////////
//////////////////////                                  GENERAL                                    //////////////////////
//////////////////////                                                                             //////////////////////
//////////////////////                                                                             //////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.secciones_contratacion  {
  border: 1px  thin red;
}
.secciones_contratacion  h3 {
  border-bottom: 1px #cccccc dashed;
  color: #616161;
  margin-left: -14px;
  margin-bottom: 20px;
}
.secciones_contratacion  h3  i {
  color: #003b69;
}


#form_contratar  label  i  {
  background: #eee;
}
#form_contratar  label.select  i  {
  background: transparent;
}
#form_contratar  .aviso_error  p  {
  color: #FF3D3D;
  margin: 0;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 14px;
}






/*////////////////////////////////////////////////////////////////////////////////
////    SI EL CLIENTE YA EXISTE  ===>  OCULTAMOS  ALGUNOS  DATOS  PERSONALES
////////////////////////////////////////////////////////////////////////////////*/
#paso_2  #box_datos_recuperados  {

}
#paso_2  #box_datos_recuperados  p  {
  position: relative;
}
#paso_2  #box_datos_recuperados  p.texto_info  {
  color: #B13DB5;
  font-size: 17px;
  font-style: italic;
  font-weight: bold;
}
#paso_2  #box_datos_recuperados  p.texto_info_2  {
  color: #999;
  font-size: 12px;
}

#paso_2  #box_datos_recuperados  blockquote {
  margin-bottom: 5px;
  background: rgb(222, 245, 251);
  border-left: solid 2px #E74E25;
}
#paso_2  #box_datos_recuperados  blockquote  i {
  font-size: 18px;
  /* position: absolute; */
  width: 20px;
  text-align: center;
}

#paso_2  #datos_personales_bloque_1.ocultar    {   display: none;      }
#paso_2  #datos_personales_bloque_2.ocultar    {   display: none;      }
#paso_2  #datos_personales_bloque_3.ocultar    {   display: none;      }




/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////                                                                             //////////////////////
//////////////////////                                                                             //////////////////////
//////////////////////                                  PASO  1                                    //////////////////////
//////////////////////                                                                             //////////////////////
//////////////////////                                                                             //////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



/*////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////                                                                        /////////////////
/////////////////                          TIPO DE CONTRATACION                          /////////////////
/////////////////                                                                        /////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#box_elegir_tipo_contratacion  label  i  {
  background: #eee;
}

#box_elegir_tipo_contratacion .radio input:checked + i, #box_elegir_tipo_contratacion .checkbox input:checked + i, #box_elegir_tipo_contratacion .toggle input:checked + i {
    background: #E74E25;
}
#box_elegir_tipo_contratacion .toggle i {
    width: 57px;
    height: 25px;
    border-width: 1px;
    margin-top: -3px;
    position: relative;
    float: right;
    background: #bbb;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
#box_elegir_tipo_contratacion .toggle i.checked {
}



/*///////////        BEFORE          ///////////*/
#box_elegir_tipo_contratacion .toggle i:before {
    top: 5px;
    right: 6px;
    background: #eee;
    content: '';
    position: absolute;
    z-index: 1;
    top: 1px;
    right: 1px;
    display: block;
    width: 22px;
    height: 21px;
    border-color: #555;
    opacity: 1;

  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;

    -ms-transition: right 0.2s;
    -moz-transition: right 0.2s;
    -webkit-transition: right 0.2s;
}
#box_elegir_tipo_contratacion .toggle input:checked + i:before {
    right: 32px;
}

/*///////////        AFTER          ///////////*/
#box_elegir_tipo_contratacion .toggle i:after {
    content: '';
    position: absolute;
    top: 2px;
    right: 8px;
    left: 8px;
    font-style: normal;
    font-size: 9px;
    line-height: 13px;
    font-weight: 700;
    text-align: left;
    color: #FFF;
}
#box_elegir_tipo_contratacion .toggle input:checked + i:after {
    content: '';
    text-align: right;
}



#box_elegir_tipo_contratacion  .panel-heading  i  {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
#box_elegir_tipo_contratacion  .panel-heading  i:before {
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
}





#box_elegir_tipo_contratacion  input,
#box_elegir_tipo_contratacion  select  {
  margin: 10px auto;
  display: block;
  color:  #777;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: none;
  border-bottom: 1px solid #aaa;
}
#box_elegir_tipo_contratacion  select:focus {
    box-shadow: none;
}

#paso_1  input:focus,
#paso_1  select:focus   {
  color: #E74E25;
  box-shadow: none;
  border-bottom: 1px solid #E74E25;
  background: #fdfdfd;
}



#box_elegir_tipo_contratacion  #msisdn,
#box_elegir_tipo_contratacion  #portingMsisnd,
#box_elegir_tipo_contratacion  #origingBillingType  {
  width: 100%;
}
#box_elegir_tipo_contratacion  #msisdn                {    font-size: 30px;  }
#box_elegir_tipo_contratacion  #origingBillingType    {    font-size: 16px; font-weight: normal;    }
#box_elegir_tipo_contratacion  #iccPrefijo            {    font-size: 16px; font-weight: normal;  background: transparent;   }



#box_telefonos_disponibles input {
    border: none;
    background: none;
    color: #aaa;
    font-size: 19px;
    text-align: center;
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    width: 120px;
    display: block;
    margin: 0 auto;
    padding: 0;
    /* float: left; */
}
#box_telefonos_disponibles  input:hover,
#box_telefonos_disponibles  input.selected  {
  color: #E74E25;
  font-size: 19px;
  font-weight: bold;
}
                 
.panel-body.num_nuevo  {
   text-align: center;
}



#box_elegir_tipo_contratacion  .panel-heading  {
    border: none;
    background: transparent;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-default {
    border: none;
}
#box_elegir_tipo_contratacion  .panel-body  {
    border: none;
    background: transparent;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;

}
#box_elegir_tipo_contratacion  .panel-body.active  {
    border: 1px solid #ddd;
}







/*////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////                                                                        /////////////////
/////////////////                           TIPO DE TARJETA SIM                          /////////////////
/////////////////                                                                        /////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#box_elegir_tipo_sim  label  i::after {

}
.sky-form .radio input + i:after {
    content: '';
    top: 3px;
    left: 3px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #E74E25;
}



/*////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////                                                                        /////////////////
/////////////////                          BONOS INTERNACIONALES                         /////////////////
/////////////////                                                                        /////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#box_elegir_bono_internacional label {
    padding: 0;
}

#box_elegir_bono_internacional .cuadros_bonos_int {
    width: 100%;
    height: 100px;
    padding: 15px;
    text-align: center;
    background: #2BBEED;
    border: none;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;

}

#box_elegir_bono_internacional input[type="radio"]:checked.input_bonos_int + label {
    background: #fff;
    border: 2px solid #2BBEED;
    color: #2BBEED;                
}

#box_elegir_bono_internacional .cuadros_bonos_int span:first-child {
    width: 100%;
    display: block;
    font-size: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ddd;
}

#box_elegir_bono_internacional .cuadros_bonos_int span:last-child {
    font-size: 20px;
}



/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////                                                                             //////////////////////
//////////////////////                                                                             //////////////////////
//////////////////////                                  PASO  2                                    //////////////////////
//////////////////////                                                                             //////////////////////
//////////////////////                                                                             //////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#paso_2  label.select {
   margin-bottom: 0px;
}

#paso_2 select{  cursor: pointer; }
    
#paso_2  input,
#paso_2  select,
#pasos_contratacion  select {
  border: none;
  border-bottom: 1px solid #aaa;
  color: #777;
  background:  #f7f7f7;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#paso_2  input:focus,
#paso_2  select:focus   {
  color: #E74E25;
  box-shadow: none;
  border-bottom: 1px solid #E74E25;
  background: #fdfdfd;
}

.padding0{
    padding: 0px;
}


#tarifas_dinamicasFibra input,
#tarifas_dinamicasFibra  select,
#tarifas_dinamicasFibra  select {
border: none;
  border-bottom: 1px solid #aaa;
  color: #777;
  background:  #f7f7f7;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


@media (min-width:480px)
{
    #box_cuenta_bancaria .col-xs-4  {
      width:16.666666667%;
      padding-right: 9px;
      padding-left:  9px;
    }

    #box_cuenta_bancaria  .col-xs-4.first-child { padding-left: 15px; }
    #box_cuenta_bancaria  .col-xs-4.last-child { padding-right: 15px; }

}

#box_cuenta_bancaria  input  {
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
}



/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////                                                                             //////////////////////
//////////////////////                                                                             //////////////////////
//////////////////////                                  PASO  3                                    //////////////////////
//////////////////////                                                                             //////////////////////
//////////////////////                                                                             //////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#box_elegir_ofertas_comerciales p,
#box_aceptar_web_penalizacion  p,
#box_aceptar_condiciones_contratacion  p {
  color: #aaa;
}
#box_aceptar_condiciones_contratacion   a {
  color: #E74E25;
  font-weight: bold;
  cursor: pointer;
}

#box_aceptar_condiciones_contratacion   a:hover {
  text-decoration: underline;
}





/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////                                             //////////////////////////////////////////////////////////
//////////////////////////////////////////                                             //////////////////////////////////////////////////////////
//////////////////////////////////////////     BLOQUE DERECHA - FIELDSET  RESUMEN      //////////////////////////////////////////////////////////
//////////////////////////////////////////                                             //////////////////////////////////////////////////////////
//////////////////////////////////////////                                             //////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#boxResumen {
    font-family: verdana;
    min-height: 219px;
    position: relative;
    float: right;
    display: block;
    margin: 5px 0 7px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    color: #ffffff;
    z-index: 10;
    border-radius: 5% !important;
    border: 1px solid #000000;
    background: #003b69;
}

#boxResumen  label  {
  color: #FFFFFF; margin-right: 5px;
  font-size: 17px;
  float: left;
  clear: both;
  text-align: left;
  line-height: 15px;
}
button.btn-confirm-eliminar {
    float: right;
}
#datosTarifa button.btn-confirm-eliminar {
    float: right;
    background: #a8a8a8 !important;
    border: 2px solid #fdfdfd;    
    border-radius: 24% !important;
}


#boxResumen  h6 {
  width: 100%;
  margin: 15px 0 0px 0;
  line-height: 16px;
  font-family: arial;
  text-align: center;
  color: #E74E25;
  color: #FFF;
  font-size: 15px;
  letter-spacing: 1.5px;

/*  border-bottom: 1px solid;   */
}

#boxResumen  fieldset {
  width: 100%;                     min-height: 220px;
  float: right;                     display: block;            /*    border: 1px solid red;    */
  margin: 0;                        padding: 10px 00px 15px;
  background: #E74E25;
  color:  #ccc;
  border: 1px solid  #E74E25;
  font-family: arial;
  border-radius: 8px;
  -webkit-border-radius: 8px; /* Safari y Chrome */
  -moz-border-radius: 8px; /* Firefox */
  -khtml-border-radius: 8px; /* Navegadores Linux */
}

.boxDetalle             {  float: left;     width: 100%;        margin: 0 0 5px 0;      font-size: 14px;        }
.boxDetalle  p          {                                       margin: 0 0 5px 0;      line-height: 17px;      }
.boxDetalle .label      {  float: left;     color: #E74E25;        margin-right: 0px;                              }
.boxDetalle .texto      {  float: right;    color: #88d1eb;                                font-weight: normal;      }
.boxDetalle .precio     {  float: right;    color: #88d1eb;        margin-left: 20px;      font-weight: normal;      }

.boxDetalle .bonoV_seleccionado, .boxDetalle .bonoD_seleccionado,  .boxDetalle .promo_seleccionada  {   display: none;  }

/*.promo_seleccionada   p  {  clear: both;  }*/



.boxTotal               {  float: left;     width: 100%;        font-family: Arial;}
.boxTotal   .label      {  float: left;     color: #fff;        font-weight: bold;      margin-right: 5px;      font-size: 16px;      }
.boxTotal   .total      {  float: right;    color: #E74E25;     font-weight: bold;                              font-size: 18px;      }

#boxResumen  #avisoDistribuidor {  height: 0;       overflow: visible;      float: left;    }


#boxResumen  #boxDistribuidor {
  width: 100%;
  margin: 10px auto;            padding:  0px;              display: block;
  font-size: 11px;              background: #d0e7f0;        color: #333;
  box-shadow: 0px 1px 3px 0px #666;
  -moz-box-shadow: 0px 1px 3px 0px #666; /* Para Firefox */
  -webkit-box-shadow: 0px 1px 3px 0px #666; /* Para Firefox */
  -khtml-box-shadow: 0px 1px 3px 0px #666; /* Navegadores de Linux */
  border-radius: 8px; /* CSS3 */
  -webkit-border-radius: 8px; /* Para Safari y Chrome */
  -moz-border-radius: 8px; /* Para Firefox */
  -khtml-border-radius: 8px; /* Navegadores de Linux */
}
/*///////////////////////////////////////////////////////////////////////////////*/
#boxResumen  #contenidoAvisoDistribuidor   .oculto  {
 height: 0;    padding: 0px;   margin: 0;            overflow: hidden;
}
/*///////////////////////////////////////////////////////////////////////////////*/
#boxResumen  #boxDistribuidor   span {
  height: 12px;  line-height: 12px;
}
#boxResumen  #boxDistribuidor   .nombreDistribuidor {
  color: #fff;   font-weight: bold;
}
#boxResumen  #boxDistribuidor   .razonSocialDistribuidor {
  font-size: 9px;
}
#boxResumen  #boxDistribuidor  .contactoDistribuidor  strong,   #boxResumen  #boxDistribuidor   a {
  color: #fff;
}

#boxResumen  #box_r_precio_mensual  {
  font-size: 15px;
  letter-spacing: 1.5px;
  margin-top: 15px;
}
#boxResumen  .precio_mensual  {
  font-size: 16px;
  font-weight: bold;
}



#boxResumen  span.aviso_iva  {
  color: #ddd;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 5px;
  width: 100%;
  display: block;
  font-size: 11px;
  float: left;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////     BLOQUE DERECHA - FIELDSET  RESUMEN      //////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/










/*/////////////////////////////////////////////////////////////////////////////////////////////////
//////////////         POP UP  -  AVISOS  (CLIENTE  YA  EXISTE - AVISOS LEGALES.....)
/////////////////////////////////////////////////////////////////////////////////////////////////*/
.aviso_popup {
    position: fixed;                                display: none;        /*        */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,0.65);
    z-index: 100000;
}
.aviso_popup:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.box_aviso_popup  {
  width : 50%;
  max-height : 80%;
  display: inline-block;
  vertical-align: middle;
  padding: 20px;

  border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -khtml-border-radius: 4px;
  -webkit-border-radius: 4px;
  overflow-y: auto;
  background: rgba(255,255,255,1);
  z-index: 100001;
  border: 1px solid #fff;
  /*background:   url(../imagenes/oficina-virtual/bg_box_linea2.png)  repeat top  left;*/
}
.box_aviso_popup  .box_aviso_popup_contenido  {
  width : 100%;
  height : 100%;
  color: #333;
  padding: 20px;
  position: relative;
  /*border: 1px solid #a9a9a9;*/
  background: #fff;
}
@media (max-width: 991px){
    .box_aviso_popup  {
        width: 85%;
        max-height : 90%;
        padding: 10px;
    }
    .box_aviso_popup  .box_aviso_popup_contenido  {
        padding: 10px;
    }
    
    #boxResumen label { color: #FFFFFF; margin-right: 5px; font-size: 15px; }
    
    #tarifas_dinamicasFibra .dcha {
        float: none !important;
        display: inline;
        
    }
}


.box_aviso_popup  .box_aviso_popup_contenido  span  {
    color: #E74E25;
    font-weight: bold;
    font-size: 15px;
}

.box_aviso_popup  .box_aviso_popup_contenido  .btn  {
  margin-top: 15px;
  width : auto;
}


@media only screen and (max-width :768px) {
   #footer_patumovil { display: none;}
   #cliente_nuevo, #cliente_existe { padding: 0px !important;}
}


select#tipocontratacion1 {
    min-width: 200px;
    text-align: left;
    padding-left: 18px;
}