@charset "utf-8";

/* CSS Document */

/* //////////////////////////////////////////////////////
/* 													   */
/*        CSS TIPO para FORMULARIOS FORM-TIPO-1        */  
/* 													   */
/* ////////////////////////////////////////////////////*/


/* Fuente genérica  */
.form-tipo-1
{
	font-family: "Open Sans", sans-serif
}

/* Tamaño del contendor  */
.form-tipo-1 .container
{
	max-width:970px;
	width:100%;
	padding: 0 2px;
}

/* H5  */
.form-tipo-1 h5
{
	line-height:20px;
	text-align:justify;
	color:#575757
}

/* H4  */
.form-tipo-1 h4
{
	line-height:20px;
	text-align:justify;
	color:#575757
}

/* //////////////////////////////////////////////////////
/* Literal rellena datos y literal campos obligatorios */

.form-tipo-1 .page-header h5
{
	line-height:5px;
}

.form-tipo-1 .page-header
{
	border-bottom: 1px dotted #d2e4ee;
	display: table;
	margin: 10px 0 30px;
	padding-bottom: 0;
	width: 100%;
}

.form-tipo-1 .rellena-datos
{
	color: #282c33;
	float: left;
	font-family: "Oswald";
	font-size: 18px;
	font-weight: lighter;
	text-align: left;
}

.form-tipo-1 .required_notification
{
	float:right
}

.form-tipo-1 .required_notification:before
{
	color: #d45252 !important;
	content:"\f069";
	font-family: 'FontAwesome';
	margin-right: 5px;
	vertical-align: top;
	font-size:12px;
}

.form-tipo-1 .required_notification
{
	color: #d45252 !important;
	display: block;
	font-family: "oswald";
	font-size: 14px;
	font-weight: lighter;
	text-align: right;
}

/* //////////////////////////////////////////////////////



/* ///////////////////////////////////////////////////////////////////////////// */
/* ================             FORMULARIO                      ================ */
/* ///////////////////////////////////////////////////////////////////////////// */
/* // Elementos del formulario: Label, Form-control, select, help-block, etc.. //*/
/* ///////////////////////////////////////////////////////////////////////////// */


/* /////////////////////////////////////////////////////////////////
/* Columna que contiene el Dígito de Control de la tarjeta
/* Eliminamos padding para que quepa el icono de validación
*/
.col-dc
{
	padding-right:0px !important;
}

/* === ajustamos icono de error / éxito ==== */
.form-tipo-1 .col-dc .form-control-feedback
{
	right:-2px
}

/* === ajustamos icono de error / éxito en aaqeullos eleemntos SELECT que no tienen una etiqueta en el group form ==== */
.feedbak-top-0 .form-control-feedback{
    top: 0px;
}



/* /////////////////////////////////////////////////////////////////
/* Formateamos la clase FORM-GROUP
*/

.form-tipo-1 .form-group::before, .form-tipo-1 .form-group::after
{
	content: " ";
	display: table;
}

.form-tipo-1 .form-group
{
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 20px;
}

.form-tipo-1 .form-group::after
{
	clear: both;
}

.form-tipo-1 .form-group::before, .form-tipo-1 .form-group::after
{
	content: " ";
	display: table;
}

.form-tipo-1 .form-group::after
{
	clear: both;
}

/* ////////////////////////////////////////////////////////////////*/


/* FORMULARIO: Borde de los campos INPUT , SELECT*/

.form-tipo-1 .form-control
{
	border: 1px solid #ccdbe6 ;
	border-radius: 3px !important;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) ;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) ; 
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) ;
	transition: padding 0.25s ease 0s ;
	box-shadow:none ;
	-webkit-appearance: none;
}


.form-tipo-1 .form-control:focus
{
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)
}



.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline
{
	color:#a94442
}

.has-error .form-control
{
	border-color:#a94442 ;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}

.has-error .form-control:focus
{
	border-color:#843534 ;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483
}



/* FORMULARIO: Borde de los campos : ELIMINAMOS BORDE AL TIPO SELECT .BTN */

.form-tipo-1 .bootstrap-select .btn
{
	border:none
}

/* FORMULARIO: Color del PLACEHOLDER */
.form-tipo-1 .form-control::-moz-placeholder {
    color: #bcbcbc;
    opacity: 1;
}


/* FORMULARIO: Label (Etiquetas de los campos)  */

.form-tipo-1 label
{
	color: #0079bc;
	font-family: "Oswald", sans-serif;
	font-size: 17px;
	font-weight: lighter;
	line-height: 20px;
	width: 100%;
}

/* /////////////////////////////////////////////////////////////////
/* FORMULARIO: Ajuste del Plugin para sustituir los desplegables  */

.form-tipo-1 .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"]
{
	display: inline-block;
	float: left;
	margin-left: 0;
	width: 100% !important;
}

.form-tipo-1 .form-control-feedback
{
	right: 12px;
}

/* /////////////////////////////////////////////////////////////////

/* ////////////////////////////////////////////////////////////////
/* FORMULARIO: Ajustar posición del icono de feedback en select  */

.form-tipo-1 .selectContainer .form-control-feedback
{
	right: -15px;
}

/* Ajustar posición del bloque de ayuda / mensajes de error  */
.form-tipo-1 .help-block
{
	margin-bottom: 0px;
	font-family: "Oswald";
	font-size: 13px;
	font-weight: lighter;
}

.form-tipo-1 .selectContainer .help-block
{
	line-height:25px
}

/* ///////////////////////////////////////////////////////////////*/


/* ////////////////////////////////////////////////////////////////
/* FORMULARIO: LABEL PARA NUMERO DE TARJETA  */

.form-tipo-1 .tc_number
{
	color: #0079bc;
	font-family: "Oswald", sans-serif;
	font-size: 28px;
	margin-top:18px;
}

.form-tipo-1 .tc_number .fa
{
	color: #0079bc;
	font-size: 32px;
	vertical-align: baseline;
	line-height: 1.2em;
}


/* ////////////////////////////////////////////////////////////////
/* FORMULARIO: CHECKS y OPTIONS                                  */
.form-tipo-1 .radio-inline, .form-tipo-1 .checkbox-inline {
    padding-left: 0px;
	margin-left:0px;
}

.form-tipo-1 .icheckbox_square-blue, .form-tipo-1 .iradio_square-blue {
    height: 26px;
}

.checkbox-inline span {padding-left:5px; color:#858585}

.checkbox-inline a
{
	font-weight:400;
	color:#3e3e3e
}

.checkbox-inline a:hover
{
	color:#174f79
}

.checkbox-inline .form-control-feedback {display: none !important;}






/* ///////////////////////////////////////////////////////////////*/





/* ////////////////////////////////////////////////////////////////
/* FORMULARIO: BOTÓN DE AYUDA (BUBBLE)                           */

.button_ayuda
{
	-moz-user-select: none;
	background: none repeat scroll 0 0 #ea9372;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	height: 32px;
	text-decoration: none;
	width: 32px;
	right:0px;
}

.button_ayuda:hover
{
	background: none repeat scroll 0 0 #d96634;
	color: #ffffff;
}

.button_ayuda .fa
{
	margin-left: 8px;
	margin-top: 2px;
}

/* Inicio Efecto Bubble Left: desplazamiento vertice caja de ayuda */
.bubble-left
{
	display: inline-block;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.bubble-left:before
{
	border-color: transparent #ea9372 transparent transparent;
	border-style: solid;
	border-width: 6px 6px 6px 0;
	content: "";
	left: 0;
	pointer-events: none;
	position: absolute;
	top: calc(50% - 7px);
	transition-duration: 0.3s;
	transition-property: left;
	z-index: -1;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-property: left;
}

.bubble-left:hover:before, .bubble-left:focus:before, .bubble-left:active:before
{
	border-color: transparent #d98261 transparent transparent;
	left: -10px;
}



/* ////////////////////////////////////////////////////////////////
/* FORMULARIO: BOTÓN DE AYUDA PEQUEÑO(BUBBLE)                           */

.button_ayuda_peq
{
	-moz-user-select: none;
	background: none repeat scroll 0 0 #ea9372;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	font-size: 9px;
	height: 22px;
	text-decoration: none;
	width: 22px;
	right:0px;
	line-height: 28px;
}

.button_ayuda_peq:hover
{
	background: none repeat scroll 0 0 #d96634;
	color: #ffffff;
}

.button_ayuda_peq .fa
{
	margin-left:5px;
	margin-top: -7px;
}

/* ///////////////////////////////////////////////////////////////*/



/* /////////////////////////////////////////////////////////////////////
/* 							BOTONES BOOTSTRAP 
/* /////////////////////////////////////////////////////////////////////
/* Muchas  de estas clases se han eliminado del Bootstrap.min.csss debido
/* a incompatibilidades con estilos y clases de la Web original
*/
  
 
.form-tipo-1 .btn
{
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.form-tipo-1 .btn:focus
{
	outline: thin dotted #333;
	outline-offset: -2px;
}

.form-tipo-1 .btn:hover, .form-tipo-1 .btn:focus
{
	color: #333;
	text-decoration: none;
}

.form-tipo-1.btn:active, .form-tipo-1 .btn.active
{
	background-image: none;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
	outline: 0 none;
}

.form-tipo-1 .btn.disabled, .form-tipo-1 .btn[disabled], fieldset[disabled] .form-tipo-1 .btn
{
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.65;
	pointer-events: none;
}

.form-tipo-1 .btn-default
{
	background-color: #fff;
	border-color: #ccc;
	color: #333;
}

.form-tipo-1 .btn-default:hover, .form-tipo-1 .btn-default:focus, .form-tipo-1 .btn-default:active, .form-tipo-1 .btn-default.active, .open .dropdown-toggle.btn-default
{
	background-color: #ebebeb;
	border-color: #adadad;
	color: #333;
}

.form-tipo-1 .btn-default:active, .form-tipo-1 .btn-default.active, .open .dropdown-toggle.btn-default
{
	background-image: none;
}

.form-tipo-1 .btn-default.disabled, .form-tipo-1 .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active
{
	background-color: #fff;
	border-color: #ccc;
}

.form-tipo-1 .btn-primary
{
	background-color: #428bca;
	border-color: #357ebd;
	color: #fff;
}

.form-tipo-1 .oswald-btn-font
{
	font-family:"Oswald" !important;
	font-weight:lighter !important
}

.form-tipo-1 .btn-primary:hover, .form-tipo-1 .btn-primary:focus, .form-tipo-1 .btn-primary:active, .form-tipo-1 .btn-primary.active, .open .dropdown-toggle.btn-primary
{
	background-color: #3276b1;
	border-color: #285e8e;
	color: #fff;
}

.form-tipo-1 .btn-primary:active, .form-tipo-1 .btn-primary.active, .open .dropdown-toggle.btn-primary
{
	background-image: none;
}

.form-tipo-1 .btn-primary.disabled, .form-tipo-1 .btn-primary[disabled], fieldset[disabled] .btn-primary, .form-tipo-1.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active
{
	background-color: #428bca;
	border-color: #357ebd;
}


.form-tipo-1 .form-control[disabled], .form-tipo-1 .form-control[readonly], .form-tipo-1 fieldset[disabled] .form-control {
    background-color: #eee;
    cursor: not-allowed !important;
    opacity: 0.65;
}


.form-tipo-1 .select-form-control .disabled {
    background-color: #eee !important;
    border-color: #ccdbe6 !important;
    box-shadow: none;
    cursor: not-allowed !important;
    opacity: 0.65;
    pointer-events: none;
}




.form-tipo-1 .btn-warning
{
	background-color: #f0ad4e;
	border-color: #eea236;
	color: #fff;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning
{
	background-color: #ed9c28;
	border-color: #d58512;
	color: #fff;
}

.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning
{
	background-image: none;
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning.active
{
	background-color: #f0ad4e;
	border-color: #eea236;
}

.form-tipo-1 .btn-danger
{
	background-color: #d9534f;
	border-color: #d43f3a;
	color: #fff;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger
{
	background-color: #d2322d;
	border-color: #ac2925;
	color: #fff;
}

.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger
{
	background-image: none;
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger.active
{
	background-color: #d9534f;
	border-color: #d43f3a;
}

.form-tipo-1 .btn-success
{
	background-color: #5cb85c;
	border-color: #4cae4c;
	color: #fff;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success
{
	background-color: #47a447;
	border-color: #398439;
	color: #fff;
}

.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success
{
	background-image: none;
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success.active[disabled], fieldset[disabled] .btn-success.active
{
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.form-tipo-1 .btn-info
{
	background-color: #5bc0de;
	border-color: #46b8da;
	color: #fff;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info
{
	background-color: #39b3d7;
	border-color: #269abc;
	color: #fff;
}

.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info
{
	background-image: none;
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info.active[disabled], fieldset[disabled] .btn-info.active
{
	background-color: #5bc0de;
	border-color: #46b8da;
}

.form-tipo-1 .btn-link
{
	border-radius: 0;
	color: #428bca;
	cursor: pointer;
	font-weight: normal;
}

.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link
{
	background-color: transparent;
	box-shadow: none;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active
{
	border-color: transparent;
}

.btn-link:hover, .btn-link:focus
{
	background-color: transparent;
	color: #2a6496;
	text-decoration: underline;
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus
{
	color: #999;
	text-decoration: none;
}

.form-tipo-1 .btn-lg
{
	border-radius: 6px;
	font-size: 18px;
	line-height: 1.33;
	padding: 10px 40px;
}

.form-tipo-1 .btn-sm, .form-tipo-1 .btn-xs
{
	border-radius: 3px;
	font-size: 12px;
	line-height: 1.5;
	padding: 5px 10px;
}

.form-tipo-1 .btn-xs
{
	padding: 1px 5px;
}

.form-tipo-1 .btn-block
{
	display: block;
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

.form-tipo-1 .btn-block + .btn-block
{
	margin-top: 5px;
}

.form-tipo-1 input.btn-block[type="submit"], .form-tipo-1 input.btn-block[type="reset"], .form-tipo-1 input.btn-block[type="button"]
{
	width: 100%;
}

/* ===== Botón registro estandar en formularios de este tipo ===== */
#btn_registro .fa-spin
{
	animation: 2s linear 0s normal none infinite running spin;
}

#btn_registro .fa-2x
{
	font-size: 1.5em;
}

#btn_registro .fa-pr5
{
	margin-left: 5px;
}

/* //////////////////////////////////////////////////////////////////////////////*/

/* ///////////////////////////////////////////////////////////////////////////// */
/* ================             MENSAJES DE ERROR               ================ */
/* ///////////////////////////////////////////////////////////////////////////// */
/* // TIPO MENSAJE: RECORDATORIO                                               //*/
/* ///////////////////////////////////////////////////////////////////////////// */

.Recordatorio
{
	margin: 10px 0 !important;
}

.Recordatorio span
{
	background: none repeat scroll 0 0 #b94a48;
	border-radius: 50%;
	display: inline-block;
	height: 40px;
	text-align: center;
	width: 40px;
}

.Recordatorio span i
{
	color: #fff;
	font-size: 2em !important;
	margin: 8px 0;
}

.Recordatorio h2
{
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	color:#b94a48;
	padding: 0px;
}

.Recordatorio p
{
	color: #b94a48;
	float: left;
	font-size: 14px;
	padding: 5px 0px;
	margin-bottom: 0;
	text-align:justify;
}

.Recordatorio p:hover
{
	color:#1c1c1c;
}

.lit_error
{
	float:left;
	background-repeat:no-repeat;
}

.lit_error h2
{
	padding-top:15px !important
}


.Wrap_Recordatorio
{
	border-radius: 3px;
	border-style: solid;
	border-width: 1px 1px 1px 5px;
	display: table;
	width: 100%;
}

.featured-icon
{
	padding-top: 10px;
	text-align: center;
	transition: all 350ms;
	-o-transition: all 350ms;
	-moz-transition: all 350ms;
	-webkit-transition: all 350ms;
}

.lit_error span
{
	color: #514846;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
}


/* ///////////////////////////////////////////////////////////////////////////// */
/* // TIPO MENSAJE: ERROR                                              		   //*/

#id_msjerror
{
	display:none;
}


#identificacion_msjerror
{
	display:none;
}

.msj-error
{
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}

#id_msjerror span
{
	background: none repeat scroll 0 0 #b94a48;
	border-radius: 50%;
	display: inline-block;
	height: 40px;
	text-align: center;
	width: 40px;
}

#id_msjerror h2
{
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	color:#b94a48;
	padding: 0px;
}

#id_msjerror p
{
	color: #b94a48;
	float: left;
	font-size: 14px;
	padding: 5px 0px;
	margin-bottom: 0;
}



#id_msjerror p:hover
{
	color:#1c1c1c;
}




#id_msjerrorIndividuo span
{
	background: none repeat scroll 0 0 #b94a48;
	border-radius: 50%;
	display: inline-block;
	height: 40px;
	text-align: center;
	width: 40px;
}

#id_msjerrorIndividuo h2
{
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	color:#b94a48;
	padding: 0px;
}

#id_msjerrorIndividuo p
{
	color: #b94a48;
	float: left;
	font-size: 14px;
	padding: 5px 0px;
	margin-bottom: 0;
}



#id_msjerrorIndividuo p:hover
{
	color:#1c1c1c;
}




/* ///////////////////////////////////////////////////////////////////////////// */
/* // TIPO MENSAJE: OK                                              		   //*/

#id_msjok
{
	display:none;
}

#identificacion_msjok
{
	display:none;
}

.msj-ok
{
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}


.msj-ok span
{
	background: none repeat scroll 0 0 #5f7954;
	border-radius: 50%;
	display: inline-block;
	height: 40px;
	text-align: center;
	width: 40px;
}

.msj-ok h2
{
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	color:#5f7954;
	padding: 0px;
}

.msj-ok p
{
	color: #468847;
	float: left;
	font-size: 14px;
	padding: 5px 0px;
	margin-bottom: 0;
}



.msj-ok p:hover
{
	color:#d6e9c6;
}


#id_msjok span
{
	background: none repeat scroll 0 0 #5f7954;
	border-radius: 50%;
	display: inline-block;
	height: 40px;
	text-align: center;
	width: 40px;
}

#id_msjok h2
{
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	color:#5f7954;
	padding: 0px;
}

#id_msjok p
{
	color: #468847;
	float: left;
	font-size: 14px;
	padding: 5px 0px;
	margin-bottom: 0;
}



/*#id_msjok p:hover
{
	color:#d6e9c6;
}
*/


/* ///////////////////////////////////////////////////////////////////////////// */




/* ///////////////////////////////////////////////////////////////////////////// */
/* ================             DISPOSITIVOS MÓVILES            ================ */
/* ///////////////////////////////////////////////////////////////////////////// */
/* //                                                                          //*/
/* ///////////////////////////////////////////////////////////////////////////// */

/*
/*
/* CSS ESPECÍFICOS PARA DISPOSITIVOS PEQUEÑOS  800 px
*/

@media screen and (max-width: 800px) {

.form-tipo-1 .page-header
{
	margin: 10px 0 30px;
}

/* ////////////////////////////////////////////////////////////////
/* FORMULARIO: Ajustar posición del icono de feedback en select  */

/* === ajustamos icono de error / éxito ==== */
.form-tipo-1 .col-dc .form-control-feedback
{
	right:-2px;
	padding:0px;
}

.form-tipo-1 .container
{
	padding:0px 5px;
}

.formulario_alta .form-group
{
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom:30px;
}

/* === ajustamos icono de error / éxito ==== */
.form-tipo-1 .col-dc input 
{
	padding: 0px 0px 0px 12px !important;
}

.formulario_alta .tc_number
{
	margin-top:0px;
	margin-bottom:5px;
}

.form-tipo-1 .page-header h5
{
	line-height: 18px;
}

.Wrap_Recordatorio
{
	border-width: 1px 1px 1px 3px;
}

.Recordatorio span
{
	background: none repeat scroll 0 0 #b94a48;
	border-radius: 50%;
	display: inline-block;
	height: 30px;
	text-align: center;
	width: 30px;
}

.Recordatorio span i
{
	color: #fff;
	font-size:1.9em !important;
	margin: 10px 0;
}

/* ////////////////////////////////////////////////////////////////
/* FORMULARIO: LABEL PARA NUMERO DE TARJETA  */

.form-tipo-1 .tc_number
{
	color: #0079bc;
	font-family: "Oswald", sans-serif;
	font-size: 23px;
	margin-top:24px;
}

.form-tipo-1 .tc_number .fa
{
	color: #0079bc;
	font-size: 27px;
	vertical-align: baseline;
	line-height: 1em;
}
}


/*
/*
/* CSS ESPECÍFICOS PARA DISPOSITIVOS PEQUEÑOS  736 px
*/

@media screen and (max-width: 736px) {

.form-tipo-1 .page-header
{
	margin: 10px 0 20px;
}

/* ////////////////////////////////////////////////////////////////
/* FORMULARIO: Ajustar posición del icono de feedback en select  */

.form-tipo-1 .selectContainer .form-control-feedback
{
	right: -25px;
}

/* === ajustamos icono de error / éxito ==== */
.form-tipo-1 .col-dc .form-control-feedback
{
	right:12px
}

.form-tipo-1 .container
{
	padding:0px 5px;
}

.form-tipo-1 .xs-margin-top-10
{
	margin-top:15px !important
}

.formulario_alta .form-group
{
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom:10px;
}

.formulario_alta .tc_number
{
	margin-top:0px;
	margin-bottom:5px;
}

.form-tipo-1 .page-header h5
{
	line-height: 18px;
}

.form-tipo-1 .col-xs-1, .form-tipo-1 .col-xs-2, .form-tipo-1 .col-xs-3, .form-tipo-1 .col-xs-4, .form-tipo-1 .col-xs-5, .form-tipo-1 .col-xs-6, .form-tipo-1 .col-xs-7, .form-tipo-1 .col-xs-8, .form-tipo-1 .col-xs-9, .form-tipo-1 .col-xs-10, .form-tipo-1 .col-xs-11, .form-tipo-1 .col-xs-12
{
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.form-tipo-1 .btn-lg
{
	border-radius: 6px;
	font-size: 18px;
	line-height: 1.33;
	width: 100%;
}

.Wrap_Recordatorio
{
	border-width: 1px 1px 1px 3px;
}

.Recordatorio span
{
	background: none repeat scroll 0 0 #b94a48;
	border-radius: 50%;
	display: inline-block;
	height: 30px;
	text-align: center;
	width: 30px;
}

.Recordatorio span i
{
	color: #fff;
	font-size:1.9em !important;
	margin: 10px 0;
}

/* ////////////////////////////////////////////////////////////////
/* FORMULARIO: LABEL PARA NUMERO DE TARJETA  */

.form-tipo-1 .tc_number
{
	color: #0079bc;
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	margin-top:10px;
}

.form-tipo-1 .tc_number .fa
{
	color: #0079bc;
	font-size: 24px;
	vertical-align: baseline;
	line-height: 1em;
}
}



/*
/*
/* CSS ESPECÍFICOS PARA DISPOSITIVOS PEQUEÑOS  480 px
*/

@media screen and (max-width: 480px) {

.form-tipo-1 .page-header
{
	margin: 15px 0 20px;
}

.form-tipo-1 .rellena-datos {font-size:17px;}

.form-tipo-1 .page-header h5 {
    line-height: 1px;
}

/* ////////////////////////////////////////////////////////////////
/* FORMULARIO: Ajustar posición del icono de feedback en select  */

/*#intro { border-bottom: 1px  dotted #e16565}*/

.form-tipo-1 .selectContainer .form-control-feedback
{
	right: -25px;
}

/* === ajustamos icono de error / éxito ==== */
.form-tipo-1 .col-dc .form-control-feedback
{
	right:2px !important
}

.form-tipo-1 .container
{
	padding:0px 5px;
}

.form-tipo-1 .xs-margin-top-10
{
	margin-top:15px !important
}

.formulario_alta .form-group
{
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom:10px;
}

.formulario_alta .tc_number
{
	margin-top:0px;
	margin-bottom:5px;
}


.form-tipo-1 .col-xs-1, .form-tipo-1 .col-xs-2, .form-tipo-1 .col-xs-3, .form-tipo-1 .col-xs-4, .form-tipo-1 .col-xs-5, .form-tipo-1 .col-xs-6, .form-tipo-1 .col-xs-7, .form-tipo-1 .col-xs-8, .form-tipo-1 .col-xs-9, .form-tipo-1 .col-xs-10, .form-tipo-1 .col-xs-11, .form-tipo-1 .col-xs-12
{
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.form-tipo-1 .btn-lg
{
	border-radius: 6px;
	font-size: 18px;
	line-height: 1.33;
	width: 100%;
}

.form-tipo-1 select
{
	border: 1px solid #ccdbe6;
	border-radius: 3px;
	box-shadow: 0 0 0 #ccc, 0 0 0 #eee inset;
	transition: padding 0.25s ease 0s;
}

.checkbox-inline span{font-size:15px}

.checkbox-inline a{font-size:15px}


.Wrap_Recordatorio
{
	border-width: 1px 1px 1px 1px;
}

.Recordatorio span
{
	background: none repeat scroll 0 0 #b94a48;
	border-radius: 50%;
	display: inline-block;
	height: 30px;
	text-align: center;
	width: 30px;
}

.Recordatorio span i
{
	color: #fff;
	font-size:1.9em !important;
	margin: 10px 0;
}

/* ////////////////////////////////////////////////////////////////
/* FORMULARIO: LABEL PARA NUMERO DE TARJETA  */

.form-tipo-1 .tc_number
{
	color: #0079bc;
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	margin-top:10px;
}

.form-tipo-1 .tc_number .fa
{
	color: #0079bc;
	font-size: 24px;
	vertical-align: baseline;
	line-height: 1em;
}
}