/*MODAL*/
#login-nav input { margin-bottom: 15px; }
.iframeSSO {width:100%;height: 650px;}
.loader {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url('https://www.clublibertaddigital.com/sso_server/public/img/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);}
.closeModal {background-color: #c9302c;color: #FFFFFF;line-height: 25px;position: absolute;right: -10px;text-align: center;top: -10px;width: 24px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;font-size:14px;cursor: pointer;z-index: 1;}
.closeModal:hover { background: #1d71b8;color:#fff; }
.modal_login{border:0px !important;}

.modalDialog {position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.6);z-index: 99999;opacity:0;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;}
.modalDialog:target {opacity:1;pointer-events: auto;}
.modalDialog > div {max-width: 400px;position: relative;margin: 10% auto;padding: 30px 30px 30px 30px;border-radius: 10px;background: #fff;border: 1px solid rgba(0,0,0,.2);border-radius: 6px;}
.close {background-color: #c9302c;color: #FFFFFF;line-height: 25px;position: absolute;right: -12px;text-align: center;top: -10px;width: 24px;text-decoration: none;font-weight: bold;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-moz-box-shadow: 1px 1px 3px #000;-webkit-box-shadow: 1px 1px 3px #000;box-shadow: 1px 1px 3px #000;font-size:14px;}
.close:hover { background: #1d71b8;color:#fff; }
.modalDialog .sso_login_recover_changeinfo a:-webkit-any-link {color: -webkit-link;text-decoration: underline;cursor: auto;color:#000;}
.sso_login_recover_changeinfo{font-size:0.7em;font-weight:400;font-family: Roboto, sans-serif;margin-bottom:10px;}
.sso_login_recover_changeinfo a{margin:0 0 0 2%;}
.sso_login_recover_changeinfo {text-align:center;}

.sso_main_wrap_inner .boton{margin:50px 0px 0px 0px;}
.sso_main_wrap_inner .boton a h2 {background-color: #c9302c !important;max-width:300px;}
.sso_main_wrap_inner .boton a:hover h2 {background-color: #1d71b8 !important;}


div.sso_login_recover_changeinfo a:-webkit-any-link {color: -webkit-link;text-decoration: underline;cursor: pointer;color:#000;}
div.sso_main_form_header{font-size:1.8em;text-align:center;margin-bottom:20px;margin-top:20px;font-weight:700;font-family: Roboto, sans-serif;}
div.sso_main_formtitle{font-size:0.9em;margin-bottom:10px;font-weight:400;font-family: Roboto, sans-serif;}
div.sso_server_message_wrap {max-width: 400px;overflow: hidden;padding: 0.5em 0 0.8em 0.7em;border-bottom: 1px dashed #CCCCCC;margin: 0 auto 0.8em;}
div.sso_main_formdata input{-moz-appearance: none;-webkit-appearance: none;appearance: none;display: inline-block;height: 36px;padding: 0 8px;margin: 0;background: #fff;border: 1px solid #d9d9d9;border-top: 1px solid #c0c0c0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;font-size: 15px;color: #404040;width:100%;margin-bottom:20px;}
div.sso_main_formdata select{display: inline-block;height: 36px;padding: 0 8px;margin: 0;background: #fff;border: 1px solid #d9d9d9;border-top: 1px solid #c0c0c0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;font-size: 15px;color: #404040;width:100%;margin-bottom:20px;}
div.sso_main_formshowhide{font-size:0.7em;font-weight:400;font-family: Roboto, sans-serif;margin-bottom:10px;}
div.sso_login_recover_changeinfo{font-size:0.7em;font-weight:400;font-family: Roboto, sans-serif;margin-bottom:10px;}
div.sso_main_formsubmit{text-align:center;margin-bottom:20px;}
div.sso_main_formsubmit input{background-color:#1d71b8;border:0px;text-transform:uppercase;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;letter-spacing: 0px !important;    font-size: 0.8em !important;padding: 14px !important;font-weight:400;color:#ffffff !important; cursor: pointer}
div.sso_main_formsubmit input:hover{background-color:#c9302c;}
div.sso_login_recover_changeinfo a{margin:0 0 0 2%;}
div.sso_login_recover_changeinfo {text-align:center;}

div.sso_main_wrap_inner .btn-hazte-socio{margin:50px 0px 0px 0px;}
div.sso_main_wrap_inner .btn-hazte-socio a {text-decoration: none;}
div.sso_main_wrap_inner .btn-hazte-socio a h2 {background-color: #c9302c !important;max-width:300px;color:#ffffff;border:0px;text-transform:uppercase;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;letter-spacing: 0px !important;font-size: 0.8em !important;padding: 14px !important;font-weight:400;cursor: pointer;}
div.sso_main_wrap_inner .btn-hazte-socio a:hover h2 {background-color: #1d71b8 !important;}
div.sso_server_message_wrap_nosplit {border-bottom: none;margin: 0 auto;}
div.sso_server_message_wrap div.sso_server_error {background: url('https://www.clublibertaddigital.com/sso_server/public/img/error.png') 0 0.1em no-repeat;padding-left: 25px;}
div.sso_server_message_wrap div.sso_server_warning {background: url('https://www.clublibertaddigital.com/sso_server/public/img/warn.png') 0 0.1em no-repeat;padding-left: 25px;}
div.sso_selector_wrap {max-width: 600px;margin: 0 auto;overflow: hidden;}
div.sso_selector_wrap div.sso_selector_wrap_inner {margin: 3px;}
div.sso_selector_wrap div.sso_selector_header {font-size: 1.3em;font-weight: bold;color: #333333;}
div.sso_selector_wrap div.sso_selectors {margin-top: 0.7em;}
div.sso_selector_wrap div.sso_selector {margin: 0.8em 1px 1px 1px;}
div.sso_selector_wrap div.sso_selector a, div.sso_selector_wrap div.sso_selector a:visited, div.sso_selector_wrap div.sso_selector a:link {display: block;border: 0 none;border-radius: 3px;padding: 21px 6px 21px 66px;color: #333333;text-decoration: none;background-repeat: no-repeat;background-position: 6px 6px;}
div.sso_selector_wrap div.sso_selector a:hover {border: 1px solid #CCCCCC;padding: 20px 5px 20px 65px;background-color: #F8F8F8;background-position: 5px 5px;}
div.sso_selector_wrap div.sso_selector a:active {border: 1px solid #C1C1C1;padding: 21px 4px 19px 66px;background-color: #F1F1F1;background-position: 6px 6px;}
div.sso_selector_wrap div.sso_selector a.sso_login {background-image: url('https://www.clublibertaddigital.com/sso_server/public/img/sso_login.png');}
div.sso_selector_wrap div.sso_selector a.sso_facebook {background-image: url('https://www.clublibertaddigital.com/sso_server/public/img/sso_facebook.png');}
div.sso_selector_wrap div.sso_selector a.sso_google {background-image: url('https://www.clublibertaddigital.com/sso_server/public/img/sso_google.png');}
div.sso_selector_wrap div.sso_selector a.sso_linkedin {background-image: url('https://www.clublibertaddigital.com/sso_server/public/img/sso_linkedin.png');}
div.sso_selector_wrap div.sso_selector a.sso_ldap {background-image: url('https://www.clublibertaddigital.com/sso_server/public/img/sso_ldap.png');}
div.sso_selector_wrap div.sso_selector a.sso_remote {background-image: url('https://www.clublibertaddigital.com/sso_server/public/img/sso_remote.png');}
div.sso_main_wrap {max-width: 600px;margin: 0 auto;overflow: hidden;}
div.sso_main_wrap div.sso_main_wrap_inner {margin: 3px;}
div.sso_main_wrap div.sso_main_messages_wrap {padding-bottom: 0.8em;border-bottom: 1px dashed #CCCCCC;margin-bottom: 0.8em;}
div.sso_main_wrap div.sso_main_messages_wrap div.sso_main_messages_header {font-weight: bold;}
div.sso_main_wrap div.sso_main_messages_wrap div.sso_main_messages {margin: 0.5em 0 0 0.7em;}
div.sso_main_wrap div.sso_main_messages_wrap div.sso_main_messages div.sso_main_messageerror {background: url('https://www.clublibertaddigital.com/sso_server/public/img/error.png') 0 0em no-repeat;padding-left: 25px;}
div.sso_main_wrap div.sso_main_messages_wrap div.sso_main_messages div.sso_main_messagewarning {background: url('https://www.clublibertaddigital.com/sso_server/public/img/warn.png') 0 0em no-repeat;padding-left: 25px;}
div.sso_main_wrap div.sso_main_messages_wrap div.sso_main_messages div.sso_main_messageokay {background: url('https://www.clublibertaddigital.com/sso_server/public/img/ok.png') 0 0em no-repeat;padding-left: 25px;}
div.sso_main_wrap div.sso_main_info {}
div.sso_main_wrap div.sso_main_form_wrap {margin-top: 0.7em;}
div.sso_main_wrap div.sso_main_form_header {font-size: 1.3em;font-weight: bold;color: #333333;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem {margin-top: 0.8em;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem div.sso_main_formdata input.sso_main_text {width: 100%;font-size: 0.9em;padding: 0.3em;border: 1px solid #BBBBBB;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem div.sso_main_formdata input.sso_main_text:focus {border: 1px solid #888888;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem div.sso_main_formdata input.sso_main_text:hover {border: 1px solid #888888;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem div.sso_main_formdata select.sso_main_dropdown {width: 100%;font-size: 0.9em;border: 1px solid #BBBBBB;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem div.sso_main_formdata select.sso_main_dropdown:focus {border: 1px solid #888888;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem div.sso_main_formdata select.sso_main_dropdown:hover {border: 1px solid #888888;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem div.sso_main_formdata div.sso_main_static {margin-left: 0.5em;font-size: 0.9em;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem div.sso_main_formdesc {color: #333333;margin-bottom: 0.2em;margin-left: 0.5em;font-size: 0.9em;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem div.sso_main_formshowhide {margin-top: 0.2em;margin-left: 0.5em;font-size: 0.8em;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem div.sso_main_formtwofactorreset {margin-top: 0.2em;margin-left: 0.5em;font-size: 0.8em;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem div.sso_main_formresult, .sso_main_formresult {margin-left: 0.5em;font-size: 0.8em;margin-bottom: 20px;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem div.sso_main_formresult div.sso_main_formchecking, .sso_main_formchecking {background: url('https://www.clublibertaddigital.com/sso_server/public/img/wait.png') 0 0.1em no-repeat;padding-left: 25px;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem div.sso_main_formresult div.sso_main_formerror, .sso_main_formerror {background: url('https://www.clublibertaddigital.com/sso_server/public/img/error.png') 0 0.1em no-repeat;padding-left: 25px;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem div.sso_main_formresult div.sso_main_formwarning, .sso_main_formwarning {background: url('https://www.clublibertaddigital.com/sso_server/public/img/warn.png') 0 0.1em no-repeat;padding-left: 25px;}
div.sso_main_wrap form.sso_main_form div.sso_main_formitem div.sso_main_formresult div.sso_main_formokay, .sso_main_formokay {background: url('https://www.clublibertaddigital.com/sso_server/public/img/ok.png') 0 0em no-repeat;padding-left: 25px;}
div.sso_main_wrap form.sso_main_form div.sso_main_formsubmit {margin-top: 1.2em;}
div.sso_main_wrap form.sso_main_form div.sso_main_formsubmit input {padding: 0.2em 0.5em;font-weight: bold;font-size: 1.0em;color: #1F1F1F;}
div.sso_main_wrap div.sso_login_recover_changeinfo {margin-top: 1.5em;font-size: 0.8em;}
div.sso_has_js { display: block; }
div.sso_no_js { display: none; }
.contenidoGeneral {display: none;}
.footerGeneral {display: none;}

.sso_main_formshowhide label{font-size:1.1em !important;}

/*  PEDIR CONTRASENA */
div.sso_main_wrap {border:1px solid #ccc;padding:3%;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;margin-top:30px;margin-bottom:30px;}
.sso_login_signin{text-align:center;}
.sso_login_signin a{color:#1d71b8; font-size:0.8em;}
.sso_main_static{margin-left:0px !important;font-weight:bold;}
.sso_main_formdesc{margin-left:0px !important;font-size:0.7em !important;}
.sso_main_formshowhide{margin-top:1em !important;margin-left:0px !important;}
.sso_main_formresult{margin-left:0px !important;margin-top:20px;}

/*USUARIO*/

.d_usuario {border: 1px solid #ccc;border-color: rgba(0,0,0,.2);color: #000;-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);box-shadow: 0 2px 10px rgba(0,0,0,.2);outline: none;overflow: hidden;position: absolute;right: 10px;top: 44px;-webkit-border-radius: 2px;border-radius: 2px;z-index:9999999;width:20%;background-color: #fff;display: none;}
.img_usuario img {width: 100px !Important;height: 100px !Important;-moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius: 50%;}
.img_usuario {text-align: center;margin:10px auto 0px auto;border-bottom:1px dotted #ccc;}
.name_usuario {font-size:14px;text-align: center;margin-top:10px;}
.gestor_usuario {margin:0px;padding:30px 10px 0px 10px;}
.gestor_usuario a {list-style-type: none;font-size:13px;margin:0px;padding:0px;}
.gestor_usuario a li  {color:#666;margin-bottom:5px;padding:5px;border-bottom:1px dotted #ccc;}
.gestor_usuario a:hover li{background-color: #0072bc;color:#fff;border-bottom:1px dotted #0072bc;}
.cerrar_sesion {text-align: center;font-size:13px;padding:10px 0px 10px 0px;margin:20px 0px 20px 0px;}
.cerrar_sesion a {background-color:#e5e5e5;padding:5px;border-radius: 5px;}
.cerrar_sesion a:hover {background-color:#0072bc;color:#fff;}

/*HACERME SOCIO*/
.opciones{max-width:1290px;margin:0px auto;padding:3%;}
.opciones .opcion_01{min-height: 1080px;width:40%;padding:3%;float:left;margin-right:8%;-webkit-box-shadow: 0px 0px 0px 5px rgba(7,99,152,1); -moz-box-shadow: 0px 0px 0px 5px rgba(7,99,152,1);box-shadow: 0px 0px 0px 5px rgba(7,99,152,1);}
.opciones .opcion_01 h4{text-align:center;font-family: Roboto, sans-serif;font-weight:700;font-size:5em;padding-bottom:20px;letter-spacing:-5px;color:#076398;}
.opciones .opcion_01 p{text-align:center;font-family: Roboto, sans-serif;font-weight:300;border-bottom:1px solid #076398;padding-bottom:20px;color:#076398;}
.opciones .precio h3{text-align: center;font-weight: 700;font-size: 6em;padding-bottom: 20px;letter-spacing: -5px;color: #076398;}
.opciones .precio h3 span{text-align:center;font-weight:300;padding-left:20px;font-size:0.4em;letter-spacing:0px;color:#076398;}
.opciones ul li{list-style-type: none;padding-bottom: 30px;font-weight: 300;font-size: 1em;background-image: url('https://www.clublibertaddigital.com/sso_server/public/img/check.svg');background-repeat: no-repeat;background-position: top left;background-size: 25px;padding-left: 40px;color: #076398;}
.opciones ul li.aspa{background-image:url(../img/aspa.svg);background-repeat:no-repeat;background-position:top left;background-size:25px;padding-left:40px;text-decoration:line-through;opacity:0.7;}
.opciones ul{margin-top:15px;color:#fff;}
.opciones .ultimo{margin-right:0% !important;}
.opciones .boton {text-align: center;margin: 80px auto 30px auto;}
.ventajas{max-width:1290px;margin:0px auto;text-align:center;}
.texto h2{font-family: Roboto, sans-serif;font-size:2.5em;line-height:40px;text-align:center;padding:0px 0px 40px 0px;font-weight:300;}
.ventajas p{text-align:center;}
.error-form{font-size:0.8em;height: 20px;background: url('https://www.clublibertaddigital.com/sso_server/public/img/error.png') 0 0em no-repeat;padding-left: 25px;}

.informacion-general {margin-bottom: 20px;}
.formas{font-weight: bold;font-size: 0.9em;}
.condition a{font-weight:bold;}
.condition{margin-bottom:20px;margin-top:20px !important;}


/*SECTION*/
.section_01{width:94%;background-color:#ffffff;padding:5% 3% 5% 3%;}
.section_02{width:100%;background-color:#f6f6f6;padding:3% 0% 3% 0%;}
.section_03{width:94%;background-color:#111111;padding:5% 3% 5% 3%;}
.section_04{width:94%;background-color:#ffffff;padding:3% 3% 3% 3%;}

/*BLOQUE INFERIOR*/
.motivo{text-align:center;color:#ffffff;}
.motivo h2{font-size:2.3em;font-weight:300;}

/*BOTONES*/

.boton{text-align:center;margin:20px auto 0px auto;}
.boton a h2, .boton select{border:0px;margin:0px auto 0px auto;font-size:1em !important;padding:15px !important;background-color:#1d71b8;border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;max-width:200px;color:#ffffff;font-weight:400;transition: all 500ms ease;letter-spacing:0px !important;}
.boton a:hover h2, .boton select:hover{background-color:#c9302c !important;color:#fff !important;transition: all 500ms ease;}
.botones .boton{float:left;margin:0 2% 0 2%;}
.botones{max-width:985px;margin:0px auto;}
.botones .iniciar{margin:0 0 0 34%;}

/*REGISTRO*/

.registro{max-width:1290px;margin:10px auto 0px auto;padding:0px;}
.registro .articulo{width:58%;float:left;padding:0 1% 0 1%;}
.registro h3{font-weight:700;margin:0px 0px 15px 0px;padding:0px 0px 15px 0px;}
.registro-contenido img{width:30%;}

.registro-basico .registro .form div {text-align: left;}

.registro-contenido{width:40%;float:left;}
.registro-contenido img{width: 170px;height: 170px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;background: #5cb85c;}
.avatar input{border:0px !important}
.cargar-avatar label{font-size:0.7em;}
.avatar .subir{background-color: #c9302c !important;color: #fff !important;transition: all 500ms ease;font-size:0.8em;padding:10px;    border-radius: 10px 10px 10px 10px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;}

.registro .form{min-width:100%;width:100%;margin:auto;font-family: Roboto, sans-serif;padding:0px 0% 0px 0%;}
.registro .form div{margin-top:0px;text-align: center;}
.registro .form input, textarea, button,select{width: 100%;border: 1px solid #cccccc;padding: 5px 0px;margin: 10px 0px 10px 0px;}
.registro .form button{background-color: #9ECEDB;color: #184552;cursor:pointer;}
.registro .form button:hover{background-color: #CBEAF2;}
label span{color:red;}
.registro-basico .botones .iniciar {margin: 0px auto;width: 100% !important;}
.registro-basico .botones .iniciar {margin: 20px 0 20px 0 !important;}
.legal{font-size:0.8em;margin:10px 0px 10px 0px;}
#your-legal{float: left;width: 30px;padding: 0px;margin: 5px 0px 0px 0px;}
#your-offers{float: left;width: 30px;padding: 0px;margin: 5px 0px 0px 0px;}

.select-precio select {font-size: 0.7em !important;margin: 20px 0px 20px 0px;padding: 10px !important;}
#formasPago img{width:120px;}
#formasPago .row-style{float:left;width:50%;margin-top:30px;}
#formasPago .row-style input{margin:0px;padding:0px;}

/*MIS PAGOS*/
.mis-pagos{padding-top:0px !important;}
.pagos .tipo{width:100%;border-bottom:1px solid #ccc;}
.pagos .tipo .col{font-weight: 700;font-size: 0.9em;width: 10%;display: table-cell;color:#ccc;    font-family: Roboto, sans-serif;}
.pagos li{list-style-type:none;padding-bottom:5px;margin-bottom:5px;}
.pagos {max-width: 1290px;margin: 0px auto;text-align: center;}
.pagos .tipo .cont{font-weight: 700;text-align:center;font-size: 0.9em;width: 10%;display: table-cell;color:#5a5a5a;font-family: Roboto, sans-serif;}
.pagos .tipo .fecha{color:#0884c6;font-weight:400;}

/*EXITO FRACASO*/
.exito{color:#55ac6e;}
.exito p{color:#000;}
.exito p span{font-weight:bold;}

.error{color:#cc0000;}
.error p{color:#000;}


/*FORMULARIOS*/
.iniciar h2{font-weight:400;}
 #form{min-width:300px;max-width:450px;margin:auto;font-family: Roboto, sans-serif;padding:0px 5% 0px 5%;}
 #form div{margin-top:0px;}
 #form input, textarea, button{width:100%;border:1px solid #cccccc;padding:8px 5px;margin:10px 0px 30px 0px;}
 #form label{font-weight:bold;font-size:0.9em;color:#333333;font-weight:400;letter-spacing:-1px;}
 #form button{background-color: #9ECEDB;color: #184552;cursor:pointer;}
 #form button:hover{background-color: #CBEAF2;}
 .iniciar .texto p{padding-bottom:50px;}
 .iniciar .account{padding-bottom:45px; }
 .iniciar .account a{color:#1d71b8;font-size:0.8em;}

/** Ventana modal **/
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}


.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

/* Avatar*/
.avatar input{border:0px !important}
.cargar-avatar label{font-size:0.7em;}
.avatar .subir{background-color: #c9302c !important;color: #fff !important;transition: all 500ms ease;font-size:0.8em;padding:10px;    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;border-radius: 7px;
}
.registro-contenido img {
    background: #5cb85c none repeat scroll 0 0;
    border-radius: 50%;
    height: 170px;
    width: 170px;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.modal-header:after,
.modal-footer:after {
  clear: both;
} 
 
  
@media (min-width: 50em){body.portada {margin-top: 5.8em;}}
@media only screen and (max-width : 625em) {}
@media only screen and ( max-width: 40em )  {
    .iniciar {padding-bottom:30px; }

    .iniciar .texto p{padding-bottom:10px;}
    #form{margin-top:30px;}
    #form input, textarea, button{width:100%;border:1px solid #cccccc;padding:15px 0px 15px 0px;margin:10px 0px 30px 0px;}
    .botones .iniciar{margin:0 0 1% 0%;}

    .botones .boton{width:100%;margin:0%;}

    .opciones .opcion_01{width:100%;float:left;margin-bottom:20px;margin-right:0 !important;padding:3% 0% 5% 0%;-webkit-box-shadow: 0px 0px 0px 4px rgba(7,99,152,1);
    -moz-box-shadow: 0px 0px 0px 4px rgba(7,99,152,1);box-shadow: 0px 0px 0px 4px rgba(7,99,152,1);}
    .opciones .opcion_01 h2{font-size:3.4em;}

    .modalDialog > div {width: 70%;margin: 5% auto;}
    .sso_main_wrap_inner .boton {margin: 20px 0px 0px 0px;}
    .sso_main_formsubmit {text-align: center;margin-bottom: 10px;}
    .sso_main_formdata input {margin-bottom: 10px;}

    .usuario img{width: 27px !important;}

    .d_usuario {width: 95%;}

    
    .pagos {
        overflow-x: scroll;
    }
    
    .pagos .tipo .cont {
        font-size: 10px;
    }
}