@charset "utf-8";

/* ==========================================================================
   Base
   ========================================================================== */
	 
	 
body
{
	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;
}

/* ==========================================================================
   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;
}

#TipoDoc *
{
	box-sizing: border-box;
}


/* ==========================================================================
   TOOLTIP / Estilo : Bootstrap
   ========================================================================== */

.qtip-identificacion
{
	background-clip: padding-box !important;
	background-color: #ffffff !important;
	border: 2px solid rgba(0, 0, 0, 0.3) !important;
	border-radius: 4px !important;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) !important;
	color: #333333 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	padding: 1px !important;
}

/* ==========================================================================
   El HTML
   ========================================================================== */

#TipoDoc h1
{
	color: #ff7500;
	float: left;
	font-family: "Oswald", sans-serif !important;
	font-size: 2.1em !important;
	font-weight: lighter;
	margin: 5px 0 10px;
	text-align: left;
	width: 100%;
}



#TipoDoc:hover img
{
	cursor:pointer;
	-webkit-animation-name:wobble-top;
	-webkit-animation-duration:1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function:ease-in-out;
	-moz-animation-name: wobble-top;
	-moz-animation-duration:1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function:ease-in-out;
	-o-animation-name: wobble-top;
	-o-animation-duration:1s;
	-o-animation-iteration-count: 1;
	-o-animation-timing-function:ease-in-out;
	-ms-animation-name: wobble-top;
	-ms-animation-duration:1s;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function:ease-in-out;
}

#TipoDoc p
{
	color: #6a6a6a;
	font-family: "Oswald", sans-serif;
	font-size: 18px;
	margin: 10px 0 20px;
	text-align: center;
	width:100%;
	font-weight:lighter;
}

.TipoDoc .wrap_tooltip .last_tipodoc
{
	margin-right:0px !important;
	border-right:none !important
}

.bg-dni{background-color:#ffebe5; border-top:3px solid #ffd0c2}

.bg-pasaporte{background-color:#f2dbd4; border-top:3px solid #efbbac}

.bg-tarjeta{background-color:#e9d1ca; border-top:3px solid #e6b7aa}

/* ==========================================================================
   MENSAJES DE AVISO
   ========================================================================== */

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




#TipoDoc .Aviso-vinculacion-identificacion
{
	background-color:#f7feec;
	border:none !important
}

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

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

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


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

#TipoDoc .Aviso-vinculacion-identificacion p
{
	color: #4d4d4d;
    float: left;
    font-family: "Open Sans";
    font-size: 14px;
    margin: 0 !important;
    padding: 7px 0 10px;
    text-align: left;
    width: 100% !important;
}



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


/* ==========================================================================
   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);
}
}


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

.qtip
{
	max-width: 440px !important;
	width:100%
}




.qtip-identificacion
{
	max-width:440px !important;
	width:100% !important
}

#TipoDoc h1
{
	font-size: 1.5em !important;
}

#TipoDoc img{width:60%}

}


 @media screen and (max-width: 480px) {
	 
.hidden-phone
{
	display: none !important;
}

.qtip
{
	max-width: 255px !important;
	width:100%
}



.qtip-identificacion
{
	max-width:255px !important;
	width:100% !important;

}



#TipoDoc h1
{
	font-size: 1.5em !important;
}

#TipoDoc img{width:70%}

#TipoDoc .Aviso-vinculacion-identificacion p{text-align:center}
}


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

.qtip
{
	max-width: 250px !important;
	width:100%
}

.qtip-identificacion
{
	max-width:250px !important;
	width:100% !important
}

#TipoDoc h1
{
	font-size: 1.5em !important;
}
#TipoDoc .Aviso-vinculacion-identificacion p{text-align:center}

}