@charset "utf-8";

/* ==========================================================================
   Base
   ========================================================================== */
	 
	 
body
{
	text-rendering: optimizeLegibility;
	margin:0 !important;
	padding:0px !important
}

html, html a
{
	-webkit-font-smoothing: antialiased !important;
	-moz-font-smoothing: antialiased !important;
	-o-font-smoothing: antialiased !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
}


/* === FIREFOX: Elimina outline (línea de puntos) en elementos de formulario === */  
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
 border: none;
}

/* === Elimina input autofocus webkit === */  
*:focus
{
	outline: none;
}

/* === Eliminar el botón de limpiado de controles de IE10 === */  

input::-ms-clear {
 display: none;
}

/* ==========================================================================
   Links
   ========================================================================== */
 
/*
 * Addresses `outline` inconsistencia entre Chrome and otros navegadores.
 */
 
a:focus
{
	outline: thin dotted;
}

/*
 * Mejora la legibilidad cuando el elemento toma el foco o pasamos el ratón sobre el mismo.
 */
 
a:active, a:hover
{
	outline: 0;
	text-decoration:none;
}

/* ==========================================================================
   Contenido embebido
   ========================================================================== */
 
/*
 * 1. Elimina el borde cuando se encuentra en un elemento `a` en IE 6/7/8/9 y Firefox 3.
 * 2. Mejora la calidad de la imagen cuando es reescalada en IE7.
 */
 
img
{
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrige desbordamiento en IE 9.
 */
 
svg:not(:root)
{
	overflow: hidden;
}

/* ==========================================================================
   CONTENEDOR PRINCIPAL
   ========================================================================== */

#identificacion-sec *
{
	box-sizing: border-box;
}

.contendor_principal
{
	font-family: 'Open Sans', sans-serif;
}

.clearfix:before, .clearfix:after
{
	content: " ";
	display: table;
}

.grid, *:after, *:before
{
	box-sizing: border-box;
}

.clearfix:after
{
	clear: both;
}

.clearfix
{
}

.wrap
{
	margin: 0 auto;
	padding: 15px 0;
	position: relative;
	width: 970px;
}

/* ==========================================================================
   SECCION 1:  Información sobre registro, recordar contraseña, etc....
   ========================================================================== */
.info_identificacion
{
	float:left;
	width:100%;
}

.info_identificacion h2
{
	color: #0079bc;
    float: left;
    font-family: "oswald";
    font-size: 2.4em;
    font-weight: lighter;
    margin-right: 10px;
}

.wrap_nosocio
{
	float:left;
	margin-top:10px;
	margin-bottom:30px;
}

.inner_nosocio
{
	border: 1px solid #ccdbe6;
	float: left;
	padding: 10px;
	width: 100%;
}

.inner_nosocio h2
{
	font-size:20px;
	color:#6f92ac
}

.inner_nosocio h2 span
{
	color:#ffa16b
}

.inner_nosocio ul
{
	color: #6f92ac;
	float: left;
	font-size: 18px;
	margin: 20px auto;
	text-align: center;
	width: 100%;
}

.inner_nosocio p
{
	color: #6f92ac;
	font-size: 18px;
	float:left;
	font-family: "oswald";
	font-weight: lighter;
}

.inner_nosocio b, .inner_nosocio strong {
    font-weight: 400;
}

.inner_nosocio iframe
{
	width:100% !important
}

.parrafo_solicitud
{
	float:left;
	color: #6f92ac;
	font-size: 18px;
		font-family: "oswald";
	font-weight: lighter;
}

.parrafo_solicitud b, .parrafo_solicitud strong {
    font-weight: 400;
}


.parrafo_final
{
	color: #6f92ac;
	font-size: 18px;
		font-family: "oswald";
	font-weight: lighter;
}

.parrafo_final b, .parrafo_final strong {
    font-weight: 400;
}

.inner_nosocio li
{
	float: left;
	margin: 1px auto;
	width: 33.3%;
}

.inner_nosocio li p
{
	text-align:center
}

.inner_nosocio li img
{
	vertical-align:central
}

/* ==========================================================================
   SECCION 2: FORMULARIO
   ========================================================================== */

/* === Panel exterior que contiene el formulario === */
.formulario_identificacion
{
	border: 1px solid #ccdbe6;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	background-color: #f9f9f9;
}

/* === Cabecera === */
.formulario_identificacion > .panel-heading
{
	background-color: #e8f1f3;
	border-color: #ccdbe6;
	color: #31708f;
	display: inline-block;
	width: 100%;
	padding: 5px 15px;
}

/* === Contendor del Formulario === */  

.panel-body
{
	padding: 15px;
}

.panel-body::before, .panel-body::after
{
	content: " ";
	display: table;
}

.panel-body::after
{
	clear: both;
}




/* === Elementos del formulario === */  

.input_mayusculas
{
	text-transform:uppercase
}

.input_capitalizar
{
	text-transform: capitalize
}

.formulario_identificacion .tc_number
{
	font-size:20px !important;
	margin-top: 25px;
}

.formulario_identificacion .tc_number .fa
{
	font-size: 25px;
}

.formulario_identificacion #tc_check{padding-left:10px}

/* FINAL FORMULARIO*/




/* ==========================================================================
   ANIMACIONES
   ========================================================================== */

.om-animation-enabled
{
	opacity: 0;
}

.om-animation-enabled .omsc-animation-start
{
	opacity: 1;
}

.omsc-effect-fade-rtl
{
	animation: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal forwards 1 om-rtl;
}

.omsc-effect-fade-rtl
{
	animation: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal forwards 1 om-rtl;
}
 @keyframes 
om-btt
{
0% {
 opacity: 0;
 transform: translate(0px, 70px);
}
100% {
 opacity: 1;
 transform: translate(0px, 0px);
}
}
 @-webkit-keyframes 
om-btt
{
0% {
 opacity: 0;
 -webkit-transform:translate(0px, 70px);
}
100% {
 opacity: 1;
 -webkit-transform: translate(0px, 0px);
}
}
 @-moz-keyframes 
om-btt
{
0% {
 opacity: 0;
 -moz-transform:translate(0px, 70px);
}
100% {
 opacity: 1;
 -moz-transform: translate(0px, 0px);
}
}
 @-o-keyframes 
om-btt
{
0% {
 opacity: 0;
 -o-transform:translate(0px, 70px);
}
100% {
 opacity: 1;
 -o-transform: translate(0px, 0px);
}
}
 @keyframes 
om-rtl
{
0% {
 opacity: 0;
 transform: translate(70px, 0px);
}
100% {
 opacity: 1;
 transform: translate(0px, 0px);
}
}
 @-o-keyframes 
om-rtl
{
0% {
 opacity: 0;
 -o-transform: translate(70px, 0px);
}
100% {
 opacity: 1;
 -o-transform: translate(0px, 0px);
}
}
 @-webkit-keyframes 
om-rtl
{
0% {
 opacity: 0;
 -webkit-transform: translate(70px, 0px);
}
100% {
 opacity: 1;
 -webkit-transform: translate(0px, 0px);
}
}
 @-moz-keyframes 
om-rtl
{
0% {
 opacity: 0;
 -moz-transform: translate(70px, 0px);
}
100% {
 opacity: 1;
 -moz-transform: translate(0px, 0px);
}
}


/* Wobble Top */
@keyframes 
wobble-top
{
 16.65% {
 transform: skew(-12deg);
}
 33.3% {
 transform: skew(10deg);
}
 49.95% {
 transform: skew(-6deg);
}
 66.6% {
 transform: skew(4deg);
}
 83.25% {
 transform: skew(-2deg);
}
 100% {
 transform: skew(0);
}
}
 @-webkit-keyframes 
wobble-top
{
 16.65% {
 -webkit-transform: skew(-12deg);
}
 33.3% {
 -webkit-transform: skew(10deg);
}
 49.95% {
 -webkit-transform: skew(-6deg);
}
 66.6% {
 -webkit-transform: skew(4deg);
}
 83.25% {
 -webkit-transform: skew(-2deg);
}
 100% {
 -webkit-transform: skew(0);
}
}
 @-moz-keyframes 
wobble-top
{
 16.65% {
 -moz-transform: skew(-12deg);
}
 33.3% {
 -moz-transform: skew(10deg);
}
 49.95% {
 -moz-transform: skew(-6deg);
}
 66.6% {
 -moz-transform: skew(4deg);
}
 83.25% {
 -moz-transform: skew(-2deg);
}
 100% {
 -moz-transform: skew(0);
}
}
 @-o-keyframes 
wobble-top
{
 16.65% {
 -o-transform: skew(-12deg);
}
 33.3% {
 -o-transform: skew(10deg);
}
 49.95% {
 -o-transform: skew(-6deg);
}
 66.6% {
 -o-transform: skew(4deg);
}
 83.25% {
 -o-transform: skew(-2deg);
}
 100% {
-o-transform: skew(0);
}
}
 @-ms-keyframes 
wobble-top
{
 16.65% {
 -ms-transform: skew(-12deg);
}
 33.3% {
 -ms-transform: skew(10deg);
}
 49.95% {
 -ms-transform: skew(-6deg);
}
 66.6% {
 -ms-transform: skew(4deg);
}
 83.25% {
 -ms-transform: skew(-2deg);
}
 100% {
-o-transform: skew(0);
}
}

/* ==========================================================================
   PINTA CAPA EN EJECUCIÓN
   ========================================================================== */

.wrapperContent_pub a.toggle
{
	background: none repeat scroll 0 0 transparent;
	color: #353535;
	display: block;
	font-size: 48px;
	height: 46px;
	line-height: 46px;
	left: 50%;
	margin: -22px;
	position: fixed;
	top: 50%;
	z-index: 10000;
	width: 46px;
	transition: transform 300ms ease-in-out 0s, opacity 300ms ease-in-out 0s;
	display:none;
}

.wrapperContent_pub a.toggle:before
{
	content: "\f013";
	display: block;
	font-family: 'FontAwesome';
	height: 46px;
	line-height: 46px;
	text-align: center;
	width: 46px;
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

#identificacion #btn_registro
{
	width:100%
}

/* ==========================================================================
   MENSAJES DE ERROR
   ========================================================================== */

/* ==== Inicio mensaje recordatorio ======*/


#identificacion_msjerror
{
	display:none;
}

/* ==== Final mensaje recordatorio ======*/


/* ==========================================================================
   MENSAJES EN VENTANA MODAL DE BOOTSTRAP: VINCULACIÓN...
   ========================================================================== */
   
   .bootstrap-dialog.size-normal .bootstrap-dialog-title
{
	font-family: "Oswald";
	font-size: 16px;
	font-weight: lighter;
}

#msj-vinculacion-identificacion
{
	padding:0px 15px;
}

#msj-vinculacion-identificacion h2
{
	float:left;
	color: #646464;
	font-size: 2em;
	font-family: "Oswald", sans-serif;
	margin-top:10px;
}

.Aviso-vinculacion-identificacion
{
	border-bottom: 1px dotted #b6c2a6;
	border-top: 1px dotted #b6c2a6;
	float: left;
	margin: 10px 0px !important;
}

.Aviso-vinculacion-identificacion span
{
	background: none repeat scroll 0 0 #788566;
	border-radius: 50%;
	display: inline-block;
	height: 62px;
	text-align: center;
	width: 62px;
}

.Aviso-vinculacion-identificacion span i
{
	color: #FFF;
	margin: 5px 0;
	font-size: 3.4em !important;
}

Aviso-vinculacion-identificacion .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;
}

.Aviso-vinculacion-identificacion h2
{
	font-family: 'Oswald', sans-serif !important;
	font-size:16px !important;
	color:#d4734e !important;
	padding: 10px 5px 0px !important;
}

.Aviso-vinculacion-identificacion p
{
	color: #4d4d4d;
	float: left;
	font-size: 14px;
	padding: 7px 5px;
	text-align: left;
}

.inner_mensaje_fancybox .no_border_bottom
{
	border-bottom:none !important
}

#acepto-condiciones-identificacion .btn-lg {
    border-radius: 3px;
    font-size: 18px;
    line-height: 1.33;
    padding: 5px 40px;
}



/* ==== Final estilos para checkboxes en ventana ======*/



.botonaccion
{
	border-radius: 3px;
	box-shadow: none;
	visibility: hidden;
	width: 100%;

}



/* ==========================================================================
   ELIMINA  OUTLINE en elemento SELECT
   ==========================================================================
   Mejor situarlo al final del CSS
   ========================================================================== */

 select:-moz-focusring {
 color: transparent;
 text-shadow: 0 0 0 #000;
}


/* ///////////////////////////////////////////////////////////////////////////// */
/* =============     ESPECIFICACIONES CHECKS EN VINCULACIÓN            ========== */
/* ///////////////////////////////////////////////////////////////////////////// */
/* //                                                                          //*/
/* ///////////////////////////////////////////////////////////////////////////// */

#acepto-condiciones-identificacion .radio-inline, #acepto-condiciones-identificacion .checkbox-inline {
    margin-left: 0;
    padding-left: 0;
    width: 100%;
}

#acepto-condiciones-identificacion .checkbox-inline span {
    color: #858585;
    display: inline-table;
    padding-left: 5px;
    width: 95%;
	text-align:justify
}



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


/*
/*
/* CSS ESPECÍFICOS PARA DISPOSITIVOS GRANDES > 768 px
*/

@media screen and (min-width: 769px) {
	
	#title .section-title-repsol::before {
		content: url(https://travelclub.s3.amazonaws.com/web/dual/repsol/tarjeta_alta.jpg);
	}

}
/*
/*
/* CSS ESPECÍFICOS PARA DISPOSITIVOS MEDIANOS  768 px
*/

/* ////////////////////////////////////////////////////////////////
/* 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;
}
.formulario_identificacion .Recordatorio span i
{
	color: #fff;
	margin: 5px 0;
}

.formulario_identificacion .Recordatorio p {
    padding: 5px 10px 5px 0;
}

#acepto-condiciones-identificacion .radio-inline, #acepto-condiciones-identificacion .checkbox-inline {
    margin-left: 0;
    padding-left: 0;
    width: 100%;
}

#acepto-condiciones-identificacion .checkbox-inline span {
    color: #858585;
    display: inline-table;
    padding-left: 5px;
    width: 95%;
	text-align:justify
}

}

/*
/* 
/* CSS ESPECÍFICOS PARA DISPOSITIVOS MEDIANOS  736 px
*/

 @media screen and (max-width: 736px) {
	 
.xs-margin-top-10{margin-top:10px}

.xs-margin-top-15{margin-top:15px}	 
	 
.formulario_identificacion
{
	background-color: transparent;
	border: none;
	border-radius:none;
	box-shadow:none;
}
.formulario_identificacion .tc_number{
	margin-top:0px;
	}
	
	
.formulario_identificacion .form-group
{
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom:15px;
}

.panel-body
{
	padding: 5px 15px;
}

.panel-body::before, .panel-body::after
{
	content: " ";
	display: table;
}

.panel-body::after
{
	clear: both;
}

.formulario_identificacion .Recordatorio span i
{
	color: #fff;
	margin: 5px 0;
}

.formulario_identificacion .Recordatorio p {
    padding: 5px 10px 5px 0;
}

.Aviso-vinculacion-identificacion
{
	margin: 5px 0px !important;
}

#msj-vinculacion-identificacion
{
	padding: 0 2px !important;
}

#msj-vinculacion-identificacion h2
{
	font-size: 1.5em;
	line-height: 15px;
}

.Aviso-vinculacion-identificacion h2
{
	text-align:center;
	padding: 5px 5px 0px !important;
	line-height:11px;
	width:100%
}

.Aviso-vinculacion-identificacion p
{
	text-align:center;
	padding: 2px 5px 0 !important;
}

.submit_botonaccion
{
	margin-top:10px;
}

#acepto-condiciones-identificacion .radio-inline, #acepto-condiciones-identificacion .checkbox-inline {
    margin-left: 0;
    padding-left: 0;
    width: 100%;
}

#acepto-condiciones-identificacion .checkbox-inline span {
    color: #858585;
    display: inline-table;
    padding-left: 5px;
    width: 95%;
	text-align:justify
}
}

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

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

/* === Contendor del Formulario === */  

.formulario_identificacion
{
	background-color: transparent;
	border: none;
	border-radius:none;
	box-shadow:none;
}
.formulario_identificacion .tc_number{
	margin-top:0px;
	}
	
	
.formulario_identificacion .form-group
{
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom:15px;
}
.panel-body
{
	padding: 5px 10px;
}

.panel-body::before, .panel-body::after
{
	content: " ";
	display: table;
}

.panel-body::after
{
	clear: both;
}


.Aviso-vinculacion-identificacion
{
	margin: 5px 0px !important;
}

#msj-vinculacion-identificacion
{
	padding: 0 2px !important;
}

#msj-vinculacion-identificacion h2
{
	font-size: 1.5em;
	line-height: 15px;
}

.Aviso-vinculacion-identificacion h2
{
	text-align:center;
	padding: 5px 5px 0px !important;
	line-height:11px;
	width:100%
}

.Aviso-vinculacion-identificacion p
{
	text-align:center;
	padding: 2px 5px 0 !important;
}

.submit_botonaccion
{
	margin-top:10px;
}

#acepto-condiciones-identificacion .radio-inline, #acepto-condiciones-identificacion .checkbox-inline {
    margin-left: 0;
    padding-left: 0;
    width: 100%;
}

#acepto-condiciones-identificacion .checkbox-inline span {
    color: #858585;
    display: inline-table;
    padding-left: 5px;
    width: 95%;
	text-align:justify
}

}

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

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

/* === Contendor del Formulario === */  

.formulario_identificacion
{
	background-color: transparent;
	border: none;
	border-radius:none;
	box-shadow:none;
}
.formulario_identificacion .tc_number{
	margin-top:0px;
	}
	
	
.formulario_identificacion .form-group
{
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom:15px;
}
.panel-body
{
	padding: 5px 10px;
}

.panel-body::before, .panel-body::after
{
	content: " ";
	display: table;
}

.panel-body::after
{
	clear: both;
}


.Aviso-vinculacion-identificacion
{
	margin: 5px 0px !important;
}

#msj-vinculacion-identificacion
{
	padding: 0 2px !important;
}

#msj-vinculacion-identificacion h2
{
	font-size: 1.5em;
	line-height: 15px;
}

.Aviso-vinculacion-identificacion h2
{
	text-align:center;
	padding: 5px 5px 0px !important;
	line-height:11px;
	width:100%
}

.Aviso-vinculacion-identificacion p
{
	text-align:center;
	padding: 2px 5px 0 !important;
}

.submit_botonaccion
{
	margin-top:10px;
}

p#msjError{
	overflow: hidden;
    width: 100%;
}
 }