@font-face { font-family: 'HelveticaLtCn'; src: url('../fonts/HelveticaNeue-LightCond.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LCDWinTT'; src: url('../fonts/LCD2N___.TTF'); font-weight: normal; font-style: normal; } html, body{ height: 100%; } body { padding-top: 70px; padding-bottom: 70px; font-family: "Helvetica"; /*background: #f1f1f1;*/ /*background: url("../../archivos/web/fondo_icf.jpg");*/ background-repeat:no-repeat; /*background-size:100%;*/ background-size:cover; /*background-position:center;*/ background-position:top; /*background: white;*/ /* For browsers that do not support gradients */ /*background: -webkit-linear-gradient(rgb(251,218,212), rgb(217,239,251));*/ /* For Safari 5.1 to 6.0 */ /*background: -o-linear-gradient(rgb(251,218,212), rgb(217,239,251));*/ /* For Opera 11.1 to 12.0 */ /*background: -moz-linear-gradient(rgb(251,218,212), rgb(217,239,251));*/ /* For Firefox 3.6 to 15 */ /*background: linear-gradient(rgb(251,218,212), rgb(217,239,251));*/ /* Standard syntax */ } body > .container { height: 87%; } input {border:none;} .float-left { float: left !important; } .float-right { float: right !important; } .clear-both { clear: both; } .borde-inferior-azul{ border-bottom: 1px solid #212443!important; } /* Modal */ #myModal{ padding-right: 0px!important; } .modal-backdrop{ background-color: rgba(0, 0, 0, 0.7)!important; } /* Continuar */ #btContinuar{ min-width: 158px!important; margin-left: -80px!important; } /* Retroceder */ #btRetroceder{ min-width: 50px!important; /*margin-left: -80px!important;*/ } .anchura-indice, .anchura-indice span, .fecha_tratamiento, .fecha_tratamiento span{ display: block; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } /* Contra */ .text-contra{ color: #0f163c; font-weight: bold; font-size: 14px; text-transform: uppercase; } .btn-contra{ width: 210px; height: 50px; font-size: 14px; font-weight: 600; color: #ffffff; background-color: #404664; border-color: #404664; border-radius: 5px; text-transform: uppercase; text-align: center; } .btn-contra:hover{ background-color: #0f163c; border-color: #0f163c; cursor: pointer!important; } /* Columnas menu */ .col-menu{ float: left; width: 18%; margin: 0 10px; } .separador-menu{ padding-top: 30px; background: url("../../archivos/web/separador.png"); background-repeat:no-repeat; background-size:100%; background-position:center; } .segunda-linea-texto{ /*position: absolute; left: 55px;*/ left: 25%; overflow-y: hidden; } .segunda-linea-texto-nohay{ /*position: absolute;*/ left: 0; /*overflow-y: hidden;*/ white-space: normal; } #primera-columna-inferior.col-sm-1{ width:0!important; padding-right: 0; padding-left: 0; } .margen-menu-inferior{ margin-left: 23%; } .margen-menu-inferior-2{ margin-left: 12.5%; } .margen-menu-inferior-3{ margin-left: 2%; } .margen-menu-inferior-4{ margin-left: 0; } #primera-columna-superior.col-sm-1{ width:0!important; padding-right: 0; padding-left: 0; } .margen-menu-superior{ margin-left: 7%; } .margen-menu-superior-2{ margin-left: 5%; } .margen-menu-superior-3{ margin-left: 4%; } .margen-menu-superior-4{ margin-left: 2%; } .margen-menu-superior-5{ margin-left: 0; } /* Columnas barra iconos */ .navbar-buttons{ text-align: center; } .navbar-buttons .contenedor-menu-icon{ display: inline-block; padding-bottom: 5px; border-bottom: 1px solid #212443; } .navbar-buttons .contenedor-menu-icon .col-menu-icon{ display: inline-block; width: 70px; height: 70px; margin: 5px; } .navbar-buttons .contenedor-menu-icon .swiper-pagination{ display: none; } /* Desplegable usuario */ .navbar-right #boton-salir .dropdown-menu { right: 0!important; left: auto!important; } /* Buscar */ #search-input-icf{ width: 80%!important; } /* Vista iconos */ .view-toggle-icf{ display: flex; align-items: center; justify-content: flex-end; /*text-align: right;*/ } .view-toggle-icf #icon-view-btn{ margin-right: 3px; margin-left: 3px; } .view-toggle-icf .btn-secondary.view-icf{ background: #d8d8dd!important; } .col-sm-2.vlista{ width: 100%!important; text-align: left!important; border-bottom: solid 1px #d8d8dd!important; padding-bottom: 2px!important; margin-bottom: 5px!important; } .col-sm-2.vlista a{ display: inline-flex!important; align-items: center!important; justify-content: start!important; flex-wrap: wrap!important; background: none!important; border: none!important; } .col-sm-2.vlista span.text{ flex: 1!important; margin-left: 10px!important; margin-top: 0!important; padding-top: 0!important; text-align: left!important; } .col-sm-2.vlista .imagen-lista{ display: inline-flex!important; width: 35px!important; height: 35px!important; background-size: 100% auto!important; background-position: center center!important; border: 1px solid #0f163c!important; border-radius: 25px!important; } .col-sm-2.vlista .courses-flat-button .imagen-lista, .col-sm-2.vlista .shortcut-flat-button .imagen-lista{ border: none!important; border-radius: 0!important; } .col-sm-2.vlista .imagen-lista-act{ display: inline-flex!important; width: 35px!important; height: 35px!important; background-size: 100% auto!important; background-position: center center!important; border: 1px solid #0f163c!important; border-radius: 10px!important; } .col-sm-2.vlista .globo-info{ left: 0!important; width: 37px!important; height: 37px!important; font-size: 12px!important; padding: 9px 3px!important; } /* Autenticacion */ #verificationcode{ margin-bottom: 5px!important; } .texto-recordar{ font-size: 14px!important; } /* Margin and padding utilities */ .no-space { margin: 0px !important; padding: 0px !important; } .no-margin { margin: 0; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-15 { margin-bottom: 15px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-25 { margin-bottom: 25px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-15 { margin-top: 15px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-top-50 { margin-top: 50px !important; } .margin-top-80 { margin-top: 80px !important; } .margin-left-5 { margin-left: 5px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-15 { margin-left: 15px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-left-35 { margin-left: 35px !important; } .margin-right-10 { margin-right: 10px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-30 { margin-right: 30px !important; } .margin-top-pie { margin-top: 10px !important; } .margin-top-barra { margin-top: 15px !important; } .padding-top-10 { padding-top:10px !important; } .padding-top-15 { padding-top:15px !important; } .padding-bottom-10 { padding-bottom:10px !important; } .padding-bottom-15 { padding-bottom:15px !important; } #espaciado-resultados{ margin-top: 20px!important; margin-bottom: 20px!important; } .espaciado-izquierda { margin-left: 0px; } .espaciado-izquierda-inferior { margin-left: 15px; } /* Superior e Inferior */ .superior-5 { top:5%; } .superior-10 { top:10%; } .superior-15 { top:15%; } .superior-20 { top:20%; } .inferior-5 { bottom:5%; } .inferior-10 { bottom:10%; } .inferior-15 { bottom:15%; } .inferior-20 { bottom:20%; } /* Position */ .relativa{ position: relative; } .absoluta{ position: absolute; } /* Loading icon */ /* Paste this css to your style sheet file or under head tag */ /* This only works with JavaScript, if it's not present, don't show loader */ .no-js #loader { display: none; } .js #loader { display: block; position: absolute; left: 100px; top: 0; } .se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; /*background: url("../../archivos/web/preloader.gif") center no-repeat #fff;*/ background: url("../../archivos/web/preloader.gif") center no-repeat transparent; } /* Tamaño */ .tamano-65{ width:60px!important; height:60px!important; } /* Rounded Element */ .rounded-2 { border-radius: 2px !important; } .rounded-3 { border-radius: 3px !important; } .rounded-4 { border-radius: 4px !important; } /* Circle Element */ .circle { border-radius: 50% !important; } .circle-right { border-radius: 0 50% 50% 0 !important; } .circle-left { border-radius: 50% 0 0 50% !important; } .circle-bottom { border-radius: 0 0 50% 50% !important; } .circle-top { border-radius: 50% 50% 0 0 !important; } /** Message Boxes **/ .message_sign { height:52px; width:30px; text-align: center;} .message_text { height:52px; padding: 5px; } .success_message_box { height:auto; color: #000000; background-color:#f1fff1; border:1px solid #3ac13a; } .important_message_box { height:auto; color: #000000; background-color:#fff1f1; border:1px dotted #c13a3a; } .load_message_box { height:auto; color: #000000; background-color:#b5dae6; border:1px solid #53afce; } .message_box { height:auto; color: #000000; background-color:#fffff1; border:1px solid #c1c13a; } /** Item Tablet **/ /*.item_tablet { background-image: url("../../archivos/repositorio/imagenes/audio_entrada_tablet.png"); display:none; }*/ .semana-en-curso{ height: 41px!important; } .panel-body .botonera{ padding-top: 20px; } #portal_cabecera{ padding-bottom:5px; /*border-bottom:1px solid #212443;*/ /*min-height: 76px;*/ } #portal_cabecera .navbar-header{ width:50%!important; display:flex!important; justify-content:flex-start!important;} #portal_cabecera .navbar-right{ width:50%!important; display:flex!important; justify-content:flex-end!important;} /** Videos Vimeo y Digimevo **/ .video_vimeo, .video_digimevo{ /*width: 736px; height: 435px;*/ width: 100%; height: 100%; max-width:1024px!important; /* background: url("../../archivos/web/televisor_46.png") no-repeat; background-position: center; padding: 30px 63px 0;*/ margin: 0px auto; } .video_vimeo{ max-height:576px!important; } .video_vimeo_small, .video_digimevo_small{ /*width: 547px; height: 280px;*/ width: 100%; height: 100%; max-width:1024px!important; /*background: url("../../archivos/web/televisor_23.png") no-repeat; background-position: center; padding: 19px 0px 0;*/ margin: 0px auto; } .video_vimeo_small{ max-height:576px!important; } #ifr_vimeo, #ifr_digimevo{ position:relative; margin-top:1%; margin-left:10px; max-width:1024px!important; } #ifr_vimeo{ max-height:576px!important; } .vp-player-layout{ border:2px solid #e7e7e7; } .imagen_video{ margin: 3% 0px 0px; background: transparent url("../../archivos/avatar/es/fin_actividad.png"); background-repeat: no-repeat; background-position: center; /*background-size: 100%;*/ background-size: contain; height:100%; } .ip-address-overlay { position: absolute; background: rgba(0, 0, 0, 0.7); color: #fff; padding: 5px 10px; font-size: 14px; display: none; } #contActDocumento a.jp-video-play-icon, #explicativaFlex .imagen_der a.jp-video-play-icon, #explicativaFlex .imagen_izq a.jp-video-play-icon{ left: 50%!important; } #explicativaFlex .imagen_der .doc_audio, #explicativaFlex .imagen_izq .doc_audio{ width: 65%!important; } /*#explicativaFlexAlta .imagen_der .doc_audio, #explicativaFlexAlta .imagen_izq .doc_audio{ width: 100%!important; } #explicativaFlexAlta .cp-container{ background-size: 100px 100px!important; padding: 24px!important; } #explicativaFlexAlta .cp-controls{ padding: 13px 13px 38px 13px!important; } #explicativaFlexAlta .cp-buffer-holder, #explicativaFlexAlta .cp-progress-holder, #explicativaFlexAlta .cp-circle-control{ width: 52px!important; height: 52px!important; } #explicativaFlexAlta .cp-buffer-1, #explicativaFlexAlta .cp-buffer-2{ background-size: 52px 52px!important; width: 52px!important; height: 52px!important; } #explicativaFlexAlta .cp-progress-1{ background-size: 52px 52px!important; width: 52px!important; height: 52px!important; clip: rect(0,26px,52px,0)!important; border-radius: 26px!important; } #explicativaFlexAlta .cp-progress-2{ background-size: 52px 52px!important; width: 52px!important; height: 52px!important; clip: rect(0,26px,52px,0)!important; border-radius: 26px!important; } #explicativaFlexAlta .cp-controls li a{ width: 25px!important; height: 25px!important; } #explicativaFlexAlta .cp-controls .cp-play, #explicativaFlexAlta .cp-controls .cp-pause{ background-size: 50px 50px!important; } #explicativaFlexAlta .cp-controls .cp-play:hover{ background-position: -25px 0!important; } #explicativaFlexAlta .cp-controls .cp-pause{ background-position: 0 -25px!important; } #explicativaFlexAlta .cp-controls .cp-pause:hover{ background-position: -25px -25px!important; } #explicativaFlexAlta .centro-vertical .doc_audio{ display: inline-block; vertical-align: middle; width: 20%; position: absolute; bottom: 0; left: 40%; }*/ #explicativaFlexAlta .cp-container{ zoom: 100%!important; } .centro-vertical .doc_audio{ display: inline-block; vertical-align: middle; width: 20%; position: absolute; top: 32%; left: 41%; } .imagen_video_sin{ margin: 3% 0px 0px; height:100%; } .imagen-clara{ margin-top:25%; margin-left:15%; width:80%; height:auto; display:none; } .imagen-sesion{ width:auto; height:100%; } .btn-logout { /*background-color: #e74c3c;*/ background: url("../../archivos/web/logout_new.png") no-repeat; background-position: center; /*border-radius: 50%;*/ display: inline-block; /*height: 40px; width: 40px;*/ height: 35px; width: 29px; margin: 5px; margin-top: 15px; font-size: 24px; text-align: center; /*border-bottom: 2px solid #db4334;*/ /*-webkit-box-shadow: inset 0 -2px #db4334;*/ /*box-shadow: inset 0 -2px #db4334;*/ } .btn-logout:hover { text-decoration: none; } .btn-logout span { color: #fff; display: inline-block; text-align: center; vertical-align: middle; } .btn-tt{ font-size:18px!important; } .content-login { margin-top: 6%; } .content-login > div{ padding: 15px; /*background: rgba(255, 255, 255, 0.75);*/ background: #babbc4; border-radius: 3%; } .navbar-fixed-top .navbar-brand { padding: 5px 15px; } .navbar-fixed-top .navbar-text { margin-top: 15px; /*margin-bottom: 5px;*/ margin-bottom: 0; } .navbar-brand-texto{ font-size: 30px; padding-top: 12px; color: #0f163c; } .texto_sg { margin: 20px 15px; font-size: 20px; color: #6D6D6D; text-align: justify; } .control-box { text-align: right; width: 100%; } .LCDWinTT{ font-family: "LCDWinTT"; } .global .tooltip { position: relative; display: inline-block; margin: 10px auto; opacity: 1; } .contInformacion { padding-bottom: 52px; } .icon-resultado { width:150%; height:150%; margin-left:-20%; } .footer-info{ padding-top:25px!important; padding-bottom:25px!important; } /*** Panel ***/ .fecha_tratamiento { font-size:17px; } .texto_footer { font-size:18px; } .texto_realizadas { font-size:19px; } .cabecera-fecha { top:25%; bottom:30%; } /*************/ #modal-icf{ width:55%; padding-left:50px; padding-right:50px; } .boton-naranja-ventana{ font-size:1.3em!important; } .texto-ventana-gmo{ font-size:20px; } #link-redes-sociales{ background-size: 166px auto!important; } #link-atc{ background-size: 150px auto!important; } #link-cuidate{ background-size: 150px auto!important; } #link-tercer-nivel{ background-size: 150px auto!important; } #principal{ height: 100%; } #principal.contInformacion .row{ margin-right: 0; margin-left: 0; } #principal.contInformacion .opciones{ display: flex; justify-content: center; flex-wrap: wrap; } #menu-principal .text, #menu-principal2 .text2 { /*visibility:hidden;*/ } #menu-principal:hover .text, #menu-principal2:hover .text2 { visibility:visible; } #ico-img-1 { height:190px; /*width:162px;*/ width:190px; } #ico-img-2 { height:190px; /*width:159px;*/ width:190px; } #ico-img-3 { /*height:154px; width:192px;*/ height:190px; width:190px; } #ico-img-4 { /*height:159px; width:190px;*/ height:190px; width:190px; } #ico-img-5 { height:190px; width:190px; } #ico-img-6 { /*height:165px; width:180px;*/ height:190px; width:190px; } #ico-img-7 { /*height:149px; width:177px;*/ height:190px; width:190px; } #ico-img-8 { /*height:177px; width:173px;*/ height:190px; width:190px; } #acceso a{ color: #0f163c; } #recuperar a{ color: #e64215; } #acceso.active > a, #acceso.active > a:focus, #acceso.active > a:hover { background: #0f163c; color: #ffffff; } #recuperar.active > a, #recuperar.active > a:focus, #recuperar.active > a:hover { background: #e64215; color: #ffffff; } #numusuario a{ color: #0f163c; } #dninie a{ color: #0f163c; } #numusuario.active > a, #numusuario.active > a:focus, #numusuario.active > a:hover { background: #0f163c; color: #ffffff; } #dninie.active > a, #dninie.active > a:focus, #dninie.active > a:hover { background: #0f163c; color: #ffffff; } #contResultadosRecompensas .dirigidas > a, #contResultadosRecompensas .libres > a { color: #0f163c; font-weight:bold; } #contResultadosRecompensas .dirigidas { /*background: #ffaf4b;*/ background: #f08447; } #contResultadosRecompensas .libres { /*background: #58c7ed;*/ background:#8c8d9c; } #contResultadosRecompensas .recompensas { float: left; width: 100%; padding: 5px 0 10px; position: relative; } #contResultadosRecompensas .recompensas .msg_recompensas { position: absolute; width: 300px; font-size: 16px; margin-top: -25px; margin-left: -140px; top: 50%; left: 50%; /*color: #fff;*/ color:#0f163c; font-weight:bold; padding: 5px; filter: alpha(opacity=80); opacity: 0.8; } #contResultadosRecompensas .recompensas .grupo { float: left; width: 48%; margin: 0 1%; } #contResultadosRecompensas .recompensas .item { float: left; width: 18%; margin: 1% 1% 0; padding: 15px 0; font-size: 26px; color: #fff; text-align: center; background-image: url("../../archivos/web/item_recompensa.png"); background-repeat:no-repeat; background-size:cover; background-position:center; text-shadow: 0px 1px 1px #ffffff, 1px 2px 2px #444444; } #contResultadosRecompensas .recompensas .item_dirigida { /*color: #ffaf4b;*/ color:#f08447; /*text-shadow: 0px 1px 1px #ffaf4b, 1px 2px 2px #444444;*/ text-shadow: 0px 1px 1px #f08447, 1px 2px 2px #444444; cursor: pointer; } #contResultadosRecompensas .recompensas .item_libre { /*color: #58c7ed;*/ color:#8c8d9c; /*text-shadow: 0px 1px 1px #58c7ed, 1px 2px 2px #444444;*/ text-shadow: 0px 1px 1px #8c8d9c, 1px 2px 2px #444444; cursor: pointer; } #contResultadosRecompensas .recompensas .item img { margin: -15px auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 0; } #cont_principal { height: 100%; } #contActExplicativa, #contActAsociativa, #contActCuestionarioEuroQoL, #contActCuestionarioEVA, #contActCuestionarioOSWESTRY, #contActCuestionarioSatisfaccion, #contActCuestionarioBORG, #contActDocumento, #contActInformativa, #contActOpciones, #contActSecuencial, #feedBack, #contActes, #actEsenciales { height: 100%; } #contResultadosGeneral { height: 90%; } #contTratamiento { height: 99%; } #contTratamiento .avatar, #contTratamiento .avatar2, #contTratamiento .avatar3, #contTratamiento .avatar4 { height: 100%; text-align: center; } #contTratamiento .avatar video { /*height: 100%; width: auto;*/ position: absolute; height: 100%; width: 160%; left: -25%; top: 27%; } #contTratamiento .avatar2 video { position: absolute; height: 100%; width: 130%; left: -6%; top: 21%; } #contTratamiento .avatar3 video { position: absolute; height: 100%; width: 110%; left: 9%; top: 16%; } #contTratamiento .avatar4 video { position: absolute; height: 100%; width: 140%; left: -18%; top: 18%; } #contTratamiento .cerebro { height: 100%; text-align: center; } #contTratamiento .cerebro video { height: 70%; width: auto; margin-top: 15%; } #contTratamiento .infoTratamiento { height: 100%; } #contTratamiento .infoTratamiento > .panel { height: 108%; position: relative; } #contTratamiento .infoTratamiento > .panel > .panel-footer { position: absolute; bottom: 0; width: 100%; } #contTratamiento .infoTratamiento > .panel > .titulo-bloques { padding: 5px 15px!important; } #contTratamiento .infoTratamiento .titulo, #contTratamiento .infoTratamiento .titulo-bloques, #contTratamiento .infoTratamiento .titulo-sinclara { font-size: 24px; font-weight: bold; margin: -10px 0; } #contTratamiento .infoTratamiento .texto-final-sesion { font-size: 30px; font-weight: bold; text-transform: uppercase; } #contTratamiento .infoTratamiento .texto-final-sesion.inferior { text-transform: none; } #contTratamiento .infoTratamiento th { color: #ffffff; font-size: 21px; text-transform: uppercase; text-align: center; font-weight: bold; padding: 0 5px; vertical-align: top; white-space: nowrap; background-color: #cbcbcb; border-left: 1px solid #fff; border-right: 1px solid #fff; } #contTratamiento .infoTratamiento th:first-child { border-left: 0px; } #contTratamiento .infoTratamiento th:last-child { border-right: 0px; } #contTratamiento .infoTratamiento td.semanas { border: 1px solid #dcdbd8; background: #fafafa; color: #858585; font-size: 5px; text-align: center; font-weight: bold; } #contTratamiento .infoTratamiento .cantidad{ color: #ff930c; font-size: 50px; font-weight:bold; overflow: hidden; text-align: center; line-height: 52px; } #contTratamiento .infoTratamiento .msg { /*float: left;*/ padding: 26px 35px; font-size: 32px; line-height: 32px; text-align: center; /*color: #438DA6;*/ color:#0f163c; } #contTratamiento .infoTratamiento .msg .reducido { font-size: 24px; line-height: 24px; } #contTratamiento .barraPuntos { background-color: #dadada; padding: 5px 15px 5px; margin-bottom: 2px; } #contTratamiento .barraPuntos .col-sm-4 { border-right: 1px solid #f2f2f2; padding-right: 14px; } #contTratamiento .barraPuntos .col-sm-8 { border-left: 1px solid #cbcbcb; padding-left: 14px; } #contTratamiento .barraPuntos .puntuacion { background-color: #f2f2f2; margin: 8px 0; padding: 0 5px; border-radius: 4px; box-shadow: 0px 0px 6px rgba(125, 125, 125, .75); } #contTratamiento .barraPuntos .puntuacion .total, #contTratamiento .barraPuntos .puntuacion .conseguido { padding: 0 10px; text-align: right; } #contTratamiento .barraPuntos .puntuacion .total { border-bottom: 1px solid #dadada; } #contTratamiento .barraPuntos .puntuacion .conseguido { border-top: 1px solid #fefefe; } #contTratamiento .barraPuntos .puntuacion .total img, #contTratamiento .barraPuntos .puntuacion .conseguido img { float: left; } #contTratamiento .barraPuntos .puntuacion .total .counter, #contTratamiento .barraPuntos .puntuacion .total .counter-no, #contTratamiento .barraPuntos .puntuacion .conseguido .counter, #contTratamiento .barraPuntos .puntuacion .conseguido .counter-no { display: block; font-size: 24px; line-height: 31px; } #contTratamiento .barraPuntos .niveles { float: left; width: 100%; list-style: none; background-color: #f2f2f2; margin: 8px 0; padding: 0 5px; border-radius: 4px; box-shadow: 0px 0px 6px rgba(125, 125, 125, .75); } #contTratamiento .barraPuntos .niveles li { float: left; margin: -3px 3%; padding: 2px; line-height: 68px; text-align: center; text-transform: uppercase; font-size: 22px; font-weight: bold; /*color: #438DA6;*/ color:#0f163c; } #contTratamiento .barraPuntos .niveles li.active { /*box-shadow: 0px 0px 8px rgba(125, 125, 125, 1); border-radius: 4px; background-color: #d3d3d3;*/ } #contTratamiento .ejercicioItems{ height: 100%; } #contTratamiento .ejercicioFin{ height: 100%; } #box-contador{ line-height: 52px; font-size: 20px; box-shadow: 0px 0px 8px rgba(125, 125, 125, 1); border-radius: 4px; background-color: #d3d3d3; padding: 10px; } .titulo, .titulo-bloques{ /*color: #4188A0;*/ color: #0f163c; font-size: 30px; font-weight: bold; } .texto-final-sesion{ color: #0f163c; font-size: 36px; font-weight: bold; } .resultado{ color: #FFFFFF; /*font-size: 30px;*/ font-size: 40px; text-align: center; /*padding-top: 10px;*/ padding-top: 5px; } #texto_respuesta{ background-color: transparent; color: #FFFFFF; text-align: center; width: 80%!important; } #logo { float: left; width: 177px; height: 42px; margin-top: 15px; /*margin-left: 30px;*/ background: url("../../archivos/web/logo_n_a.png") center no-repeat; } #logo-previsualizar { float: left; width: 177px; height: 42px; margin-top: 15px; /*margin-left: 30px;*/ background: url("../../archivos/web/logo_n.png") center no-repeat; } #logo-personaliza { float: left; width: 177px; height: 42px; margin-top: 15px; } #logo-central { position: relative; /*left: 29%;*/ left: 4%; width: 177px; height: 42px; margin-top: 15px; } #miga { margin-top: 22px; margin-right: 30px; font-size: 18px; /*font-weight: bold;*/ line-height: 18px; color: #77788a; } .globo-info { position: absolute; top: 0; left: 72%; font-size: 14px; font-weight: bold; color: #ffffff; background-color: #ff0000; padding: 12px 5px; border: solid 1px #ff0000; border-radius: 25px; } .icono-pendiente{ position: absolute; top: 10%; } .icono-nuevo{ position: absolute; top: 10%; } /*** Bienvenida ***/ #tbBienvenida { /*width: 990px;*/ height:100%; margin: 0px auto; } #tbBienvenida .video { /*float: left;*/ width: 80%; height:100%; margin: 15px 10%; text-align: center; } /*** Resumen Sesiones Dirigidas ***/ #sobre_mensaje { float: left; width: 64px; height: 46px; margin: 10px 10px 0px 20px; cursor: pointer; background: url("../../archivos/web/sobre.png") center no-repeat; } #resumen_box_mensaje { position: absolute; /*width: 530px;*/ width: 40%; color: #ffffff; bottom: 50px; margin-left: 20px; display: none; } #resumen_box_mensaje .bt_closed { position: absolute; width: 30px; height: 30px; background: url("../../archivos/web/bg_box_closed.png") no-repeat; top: 0px; right: -5px; cursor: pointer; } #resumen_box_mensaje .bg_head { float: left; /*width: 530px;*/ width: 100%; height: 17px; /*background: url("../../archivos/web/bg_box_head.png") no-repeat;*/ } #resumen_box_mensaje .bg_body { float: left; /*width: 480px;*/ width: 100%; padding: 5px 25px; background: url("../../archivos/web/bg_box_body.png") repeat; } #resumen_box_mensaje .bg_body .imagen { float: left; /*width: 100px;*/ width: 30%; /*height: 95px;*/ height: 100%; padding: 11px; /*background: url("../../archivos/web/bg_box_imagen.png") no-repeat; text-align: center;*/ } #resumen_box_mensaje .bg_body .texto { float: right; /*width: 350px;*/ width: 65%; font-size: 12px; line-height: 18px; margin: 2% 1%; text-align: justify; } #resumen_box_mensaje .bg_foot { float: left; width: 530px; /*width: 40%;*/ height: 17px; /*background: url("../../archivos/web/bg_box_foot.png") no-repeat;*/ } /*** Tabla registros resultados ***/ #registros-actividades th{ background-color: #0f163e; color: #ffffff; } #registros-actividades th, #registros-actividades td{ border: 1px solid #bdc3c7; padding-left: 10px; } /*** Registros kilometraje y reservas de sala ***/ #tabla-registros{ /*max-height: 40vh;*/ overflow-y: auto; } #registros-kilometraje th, #tabla-reservas th{ background-color: #0f163e; border: 1px solid #0f163e; color: #ffffff; } #registros-kilometraje th, #registros-kilometraje td, #tabla-reservas th, #tabla-reservas td{ border: 1px solid #0f163e; padding: 5px; } #registros-kilometraje td, #tabla-reservas td{ background-color: #ffffff; color: #0f163e; } #tabla-reservas td{ vertical-align:top; } #reserva-salas-meses, #reserva-salas-anos{ margin-left: 2px; } #meses-km, #reserva-salas, #reserva-salas-meses, #reserva-salas-anos, #sel-centros-eq, #sel-subcentros-eq, #sel-centros-rv, #sel-anos-rv{ font-size: 18px; color: #0f163e; padding: 2px; } #meses-km, #reserva-salas, #reserva-salas-meses, #reserva-salas-anos, #sel-centros-rv, #sel-anos-rv{ width: 250px; } #sel-centros-eq, #sel-subcentros-eq{ width: 400px; } .kilometer-box, .booking-box, .equipment-box{ border-collapse: collapse; border-spacing: 0; display: table; table-layout: fixed; width: 96%; height: 100%; margin-left: 15px; margin-right: 15px; } .kilometer-box .lg-side, .booking-box .lg-side, .equipment-box .lg-side{ background: none repeat scroll 0 0 #fff; border-radius: 0 4px 4px 0; width: 75%; } .kilometer-box aside, .booking-box aside, .equipment-box aside{ display: table-cell; float: none; height: 100%; padding: 0; vertical-align: top; } .kilometer-head, .booking-head, .equipment-head{ background: none repeat scroll 0 0 #0f163e; border-radius: 0 4px 0 0; color: #fff; min-height: 50px; padding: 10px 20px; } .kilometer-head h3, .booking-head h3, .equipment-head h3{ font-size: 20px!important; margin: 5px 0!important; } .kilometer-body, .booking-body, .equipment-body{ padding: 2%; /*max-height: 60vh; */ overflow-y: auto; } .kilometer-body #kilometer-form p, .kilometer-body #kilometer-form label, .kilometer-body #kilometer-form select, .booking-body #booking-form label, .booking-body #booking-form select, .booking-body #booking-form textarea, .equipment-body #equipment-form label, .equipment-body #equipment-form select, .equipment-body #equipment-form textarea{ width: 100%; } .kilometer-body #kilometer-form input, .kilometer-body #kilometer-form select, .booking-body #booking-form input, .equipment-body #equipment-form input, .equipment-body #equipment-form select, .equipment-body #equipment-form input, .booking-body #booking-form select, .booking-body #booking-form textarea, .equipment-body #equipment-form textarea{ background-color: #f1f1f1; } #booking-form{ display: flex; flex-wrap: wrap; justify-content: space-between; } .booking-body #booking-form p, .booking-body #booking-form div.horario{ flex: 0 0 calc(50% - 10px); } .kilometer-body #kilometer-form .fecha, .booking-body #booking-form .fecha, .equipment-body #equipment-form .fecha{ border: none; box-sizing: border-box; outline: 0; position: relative; width: 100%; } .booking-body #booking-form input[type="date"]::-webkit-calendar-picker-indicator , .equipment-body #equipment-form input[type="date"]::-webkit-calendar-picker-indicator , .kilometer-body #kilometer-form input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto; } .kilometer-body #kilometer-form .fecha span, .booking-body #booking-form .fecha span, .equipment-body #equipment-form .fecha span{ position: absolute; right: 10px; padding-top: 30px; } .kilometer-body #kilometer-form .fecha .glyphicon-calendar:before, .booking-body #booking-form .fecha .glyphicon-calendar:before, .equipment-body #equipment-form .fecha .glyphicon-calendar:before{ color: #0f163e; } .booking-body #booking-form .fecha .glyphicon-calendar{ cursor: pointer; } .booking-body #booking-form .horario{ display: flex; flex-direction: column; width: 100%; } .booking-body #booking-form .horario .columna-partida{ display: flex; } .booking-body #booking-form .horario .columna-partida label, .booking-body #booking-form .horario .columna-entera{ flex: 1; } .booking-body #booking-form .horario .columna-entera{ font-size: 13px!important; font-style: italic; color: #0f163e; } .booking-body #booking-form .horario select{ width: 60px; } .booking-body #booking-form .observaciones{ flex: 0 0 100%; } .kilometer-body #kilometer-form label, .revsalas label, .booking-body #booking-form label, .equipment-body #equipment-form label, #equipos label, #revisiones label, .revsalas label{ font-size: 16px; color: #0f163e; margin-bottom: 0!important; } .kilometer-body #kilometer-form input, .booking-body #booking-form input, .equipment-body #equipment-form input{ width: 100%; border: solid 1px #0f163e; } .kilometer-body #kilometer-form input, .kilometer-body #kilometer-form select, .booking-body #booking-form input, .booking-body #booking-form select, .equipment-body #equipment-form input, .equipment-body #equipment-form select{ font-size: 15px; } .kilometer-body #kilometer-form input, .booking-body #booking-form input, .equipment-body #equipment-form input{ padding: 2px 5px; } .kilometer-body #kilometer-form select, .booking-body #booking-form select, .equipment-body #equipment-form select{ padding: 4px 5px; } .equipment-body #equipment-form .row{ margin-bottom: 8px; } .revsalas{ margin:0!important; } .reserva-salas-container{ display: flex; } .reserva-salas-container .salas-meses{ flex: 0 0 35%; text-align: left; } .reserva-salas-container .salas-caracteristicas{ flex: 0 0 65%; text-align: left; padding: 10px; color: #0f163e; border: solid 1px #0f163e; } .reserva-salas-container .salas-caracteristicas p{ margin: 0; } .btn-reserva-salas{ text-align: left; } .btn-reserva-salas .texto-descriptivo{ color: #0f163e; font-weight: 700; } #contenido-caracteristicas{ display: none; } .tabla-reservas{ /*max-height: 60vh; */ overflow-y: auto; } #texto-confirmacion{ font-size: 15px; line-height: 19px; font-weight: 700; color: #0f163e; padding-top: 10px; } .calendario-descripcion-reserva{ font-size: 12px; line-height: 15px; font-weight: 700; color: #ec661a; padding-bottom: 5px; border-bottom: solid 1px #0f163e; } /*** Gestión de equipos ***/ #gestion-equipos-tab{ border-bottom: 1px solid #0f163e!important; } #equipos-tab, #revisiones-tab{ color: #333!important; background: #d8d8dd!important; font-size: 16px!important; font-weight: bold!important; padding: 5px 15px!important; border-color: #d8d8dd!important; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-right: 5px; } #equipos-tab.active, #revisiones-tab.active{ color: #fff!important; background: #0f163e!important; border-color: #0f163e!important; } #gestion-equipos-tab-content .tab-pane{ text-align: center!important; } .bs5-select .bootstrap-select{ padding: 1.5px 5px!important; background-color: #f1f1f1!important; border: solid 1px #0f163e!important; } .bs5-select .bootstrap-select .filter-option-inner-inner{ font-size: 15px; } .bs5-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner{ width: 100%!important; } .bs5-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner::after { content: "\f107"!important; font-family: 'FontAwesome'!important; font-weight: 700!important; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .bs5-select .bootstrap-select .dropdown-menu li a:hover{ background-color: rgb(64, 70, 100, 0.5)!important; } /*** Inscripción cursos ***/ #centro-inscripcion{ font-size: 16px; font-weight: 700; color: #0f163e; text-align: center; padding:10px 0 20px 0; } #seleccion-inscripcion{ margin-top:40px; } /***************************************** EJERCICIOS FESKITS *****************************************************************/ #contTratamiento .ejercicioItems .background { position:absolute; z-index:0; width:100%; height:115%; } /*** Aviso Consigna ***/ .avisoConsigna-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; background-color: #000; filter: alpha(opacity=70); opacity: .7; } /*#contTratamiento .ejercicioItems .avisoConsigna-wrap { position: absolute; top: 0; z-index: 1101; width: 40%; padding: 25px; margin: 10% 0 0 30%; line-height: 60px; font-size: 40px; text-align: center; background-color: #ff6600; color: #ffffff; } #contTratamiento .ejercicioItems .avisoConsignaResp-wrap { position: absolute; top: 0; z-index: 1101; width: 40%; padding: 25px; margin: 10% 0 0 30%; line-height: 60px; font-size: 40px; text-align: center; background-color: #ff0000; color: #000000; }*/ .avisoConsigna-wrap { position: absolute; top: 0; z-index: 1101; width: 40%; padding: 25px; margin: 10% 0 0 30%; line-height: 60px; font-size: 40px; text-align: center; background-color: #ff6600; color: #ffffff; } .avisoConsignaResp-wrap { position: absolute; top: 0; z-index: 1101; width: 40%; padding: 25px; margin: 10% 0 0 30%; line-height: 60px; font-size: 40px; text-align: center; background-color: #ff0000; color: #000000; } /*** Aviso Previo ***/ #contTratamiento .ejercicioAvisoPrevio { /*float: left; position: relative; overflow: hidden; height:115%;*/ } #contTratamiento .ejercicioAvisoPrevio .asterisco { position: absolute; top: 50%; left: 50%; display: inline-block; width: 88px; height: 90px; margin-top: -45px; margin-left: -44px; z-index: 100; } /*** Tratamientos Ejercicios Clicar A ***/ #contTratamiento .ejercicioItems .item_clicar { display: inline-block; position: absolute; top: 0; left: 0; z-index: 100; } #contTratamiento .ejercicioItems .item_clicar.borde { border: 2px solid #e7e7e7; } #contTratamiento .ejercicioItems .item_clicar img.pequeno { width: 50px; /*width: 12%;*/ } #contTratamiento .ejercicioItems .item_clicar img.mediano { width: 100px; /*width: 24%;*/} #contTratamiento .ejercicioItems .item_clicar img.grande { width: 200px; /*width: 35%;*/ } #contTratamiento .ejercicioItems .item_clicar .texto.pequeno { font-size: 28px; } #contTratamiento .ejercicioItems .item_clicar .texto.mediano { font-size: 48px; } #contTratamiento .ejercicioItems .item_clicar .texto.grande { font-size: 68px; } /*** Tratamientos Ejercicios Clicar B y C3 ***/ #contTratamiento .ejercicioItems .parcelas { margin: 25px auto; } #contTratamiento .ejercicioItems .parcelas.grande { margin: 65px auto; } #contTratamiento .ejercicioItems .parcelas.borde { border: 1px solid #616277; } #contTratamiento .ejercicioItems .parcelas.borde td { border: 1px solid #616277; /*background-color:#FFF*/} #contTratamiento .ejercicioItems .parcelas td.mini { /*width: 90px; height: 90px;*/ /*font-size: 22px;*/ font-size: 21px; } #contTratamiento .ejercicioItems .parcelas td.pequeno { /*width: 120px; height: 120px;*/ /*font-size: 22px;*/ font-size: 21px; } #contTratamiento .ejercicioItems .parcelas td.mediano { /*width: 160px; height: 160px;*/ /*font-size: 28px;*/ font-size: 27px; } #contTratamiento .ejercicioItems .parcelas td.grande { /*width: 194px; height: 194px;*/ /*font-size: 48px;*/ font-size: 47px; } /*#contTratamiento .ejercicioItems .parcelas td img { width: 92%; height: 50%; border: 5px solid white; }*/ #contTratamiento .ejercicioItems .parcelas td.mini img { /*height:32%;*/ width:100%; height:auto; } #contTratamiento .ejercicioItems .parcelas td.pequeno img { /*height:41%;*/ width:100%; height:auto; } #contTratamiento .ejercicioItems .parcelas td.mediano img { /*height:50%;*/ width:100%; height:auto; } #contTratamiento .ejercicioItems .parcelas td.grande img { /*height:68%;*/ width:100%; height:auto; } #contTratamiento .ejercicioItems .parcelas .item, #contTratamiento .ejercicioItems .parcelas .item_marcado { position: relative; text-align: center; } #contTratamiento .ejercicioItems .parcelas .item_marcado span { position: absolute; top: 0; width: 100%; height: 100%; /*background: #fff;*/background: transparent; filter: alpha(opacity=70); opacity: .7; } /*** Tratamientos Ejercicios Clicar C1 ***/ #contTratamiento .ejercicioItems .clicarC1 { width: 100%; z-index: 100; } #contTratamiento .ejercicioItems .clicarC1 .modelo { float: left; /*width: 240px; height: 240px;*/ width: 22%; height: 22%; border-color: #616277; border-style: double; display:table; } #contTratamiento .ejercicioItems .clicarC1 .item { float: left; /*width: 240px; height: 240px;*/ width: 22%; height: 22%; border: 1px solid #e7e7e7; display:table; } #contTratamiento .ejercicioItems .clicarC1 .item .texto{/*width: 240px; height: 240px;*/width: 22%; height: 22%; display: table-cell;vertical-align: middle;text-align: center;font-size: 24px; font-weight: bold;} #contTratamiento .ejercicioItems .clicarC1 .item img, #contTratamiento .ejercicioItems .clicarC1 .modelo img { width: 100%; } #contTratamiento .ejercicioItems .clicarC1 .modelo .wrap { display: none; width: 100%; height: 100%;display:table } #contTratamiento .ejercicioItems .clicarC1 .modelo .wrap .texto{/*width: 240px; height: 240px;*/width: 22%; height: 22%; display: table-cell;vertical-align: middle;text-align: center; font-size: 24px; font-weight: bold;} #contTratamiento .ejercicioItems .clicarC1 .modelo.horizontal { /*margin-left: 278px;*/ margin-left: 25%; } #contTratamiento .ejercicioItems .clicarC1 .item.horizontal { margin: 0px 10px; } #contTratamiento .ejercicioItems .clicarC1 .modelo.vertical { /*margin: 0 389px 16px;*/ margin: 0 40% 16px; } #contTratamiento .ejercicioItems .clicarC1 .item.vertical { /*margin: 0 389px;*/ margin: 0 40%;} /*** Tratamientos Ejercicios Clicar D ***/ #contTratamiento .ejercicioItems .clicarD { position: absolute; width: 97%; height: 100%; margin: 15px auto; z-index: 100; } #contTratamiento .ejercicioItems .clicarD .contItem { margin: 0 auto; /*width: 240px; height: 240px;*/ width: 100%; height: 20%; } #contTratamiento .ejercicioItems .clicarD .contItem .item { /*width: 240px; height: 240px;*/ width: 20%; height: 20%; /*border: 1px solid #616277;*/ text-align: center; /*font-size: 28px;*/font-size: 70px; color: #616277; background: #fff; display: none; } #contTratamiento .ejercicioItems .clicarD table.opciones { /*margin-top: 30px;*/ margin-top: 20%; width: 100%; /*height: 240px;*/ border-spacing: 0; border: 1px solid #CCCCCC; border-left: none; } #contTratamiento .ejercicioItems .clicarD table.ejemplos { margin-top: 5%; } #contTratamiento .ejercicioItems .clicarD table.opciones td { text-align: center; border-left: 1px solid #CCCCCC; font-size: 28px; color: #424041; background: #fff; } #contTratamiento .ejercicioItems .clicarD table.opciones td img { max-height: 48%; max-width: 100%; /*width:192px*/ /*width: 65%;*/} #contTratamiento .ejercicioItems .clicarD .contItem .item img{ height: 100%; width: 100%;} #contTratamiento .ejercicioItems .clicarD .contItem .item .texto, #contTratamiento .ejercicioItems .clicarD table.opciones td .texto{padding: 5%;} /*** Tratamientos Ejercicios Clicar E ***/ #contTratamiento .ejercicioItems .clicarE { position: absolute; /*width: 980px; height: 485px;*/ margin: 25px 0; z-index: 100; } #contTratamiento .ejercicioItems .clicarE .contItem { float: left; width: 100%; } #contTratamiento .ejercicioItems .clicarE .contItem .item, #contTratamiento .ejercicioItems .clicarE .contItem .item_inactivo { display: inline-block; margin: 5px; text-align: center; line-height:1; } #contTratamiento .ejercicioItems .clicarE .contItem .item { color: #4188a0; border: 2px solid transparent; } #contTratamiento .ejercicioItems .clicarE .contItem .item_inactivo { color: #2e9214; border: 2px solid #2e9214; } #contTratamiento .ejercicioItems .clicarE .contItem.pequeno { /*font-size: 43px;*/ /*font-size: 39px;*/ font-size: max(3.9vh);} #contTratamiento .ejercicioItems .clicarE .contItem.mediano { /*font-size: 57px;*/ /*font-size: 48px;*/ font-size: max(4.7vh); } #contTratamiento .ejercicioItems .clicarE .contItem.grande { /*font-size: 71px;*/ /*font-size: 63px;*/ font-size: max(6.2vh); } /*** Tratamientos Ejercicios Escritura ***/ #contTratamiento .ejercicioItems .pregunta { float: left; position: relative; width: 100%; height: 100%; /*height: 525px; font-size: 28px;*/ font-weight: bold; color: #4188a0; margin-top: 10px;} #contTratamiento .ejercicioItems .pregunta tbody{ margin-left: 300px; } #contTratamiento .ejercicioItems .pregunta .texto_escritura { display: inline-block; text-align: center; padding: 15px 0; line-height: 28px;} #contTratamiento .ejercicioItems .pregunta .texto_escritura img { border: 2px solid #e7e7e7; margin: 10px 10px 20px 10px; } #contTratamiento .ejercicioItems .pregunta .texto.pequeno { font-size: 32px; } #contTratamiento .ejercicioItems .pregunta .texto_escritura.mediano { /*font-size: 48px; font-size: 38px;*/ } #contTratamiento .ejercicioItems .pregunta .texto_escritura.grande { /*font-size: 68px;*/ } #contTratamiento .ejercicioItems .pregunta .img_escritura{ /*width: 400px;*/ width: 34%; } /*** Tratamientos Ejercicios Relaciona Normal ***/ #contTratamiento td.ejercicioItems { float:none;} #contTratamiento .ejercicioItems .parcelas_horizontal { float: left; /*height: 100%;*/ padding: 25px 20px; } #contTratamiento td.ejercicioItems .parcelas_horizontal{ margin: 8px !important; padding: 0px !important; height: auto !important; width:auto !important;} #contTratamiento .ejercicioItems .parcelas_vertical { float: left; /*height: 100%;*/ padding: 25px 20px; } #contTratamiento td.ejercicioItems .parcelas_vertical { height: auto } #contTratamiento .ejercicioItems .parcelas_preguntas, #contTratamiento .ejercicioItems .parcelas_respuestas { margin: 0 auto; height: 100%; } #contTratamiento .ejercicioItems .parcelas_preguntas td.select, #contTratamiento .ejercicioItems .parcelas_respuestas td.select{ border: 5px solid blueviolet !important; } #contTratamiento .ejercicioItems .parcelas_preguntas.borde, #contTratamiento .ejercicioItems .parcelas_respuestas.borde { } #contTratamiento .ejercicioItems .parcelas_preguntas.borde td, #contTratamiento .ejercicioItems .parcelas_respuestas.borde td { border: 4px solid #FFFFFF; outline:1px solid #4188a0; } #contTratamiento .ejercicioItems .parcelas_preguntas td { text-align: center; background: #fff; display: table-cell; /*padding-top:1.035%; padding-bottom:1.035%;*/ } #contTratamiento .ejercicioItems .parcelas_respuestas td { text-align: center; background: #fff; display: table-cell; /*padding-top:1.035%; padding-bottom:1.035%;*/ } #contTratamiento .ejercicioItems .parcelas_preguntas td.imagen, #contTratamiento .ejercicioItems .parcelas_respuestas td.imagen { font-size: 0; } #contTratamiento .ejercicioItems .parcelas_preguntas td.imagen.nano, #contTratamiento .ejercicioItems .parcelas_respuestas td.imagen.nano { /*width: 192px; height: 30px;*/ } #contTratamiento .ejercicioItems .parcelas_preguntas td.imagen.mini, #contTratamiento .ejercicioItems .parcelas_respuestas td.imagen.mini { /*width: 192px; height: 86px;*/ } #contTratamiento .ejercicioItems .parcelas_preguntas td.imagen.pequeno, #contTratamiento .ejercicioItems .parcelas_respuestas td.imagen.pequeno { /*width: 112px; height: 112px;*/ } #contTratamiento .ejercicioItems .parcelas_preguntas td.imagen.mediano, #contTratamiento .ejercicioItems .parcelas_respuestas td.imagen.mediano { /*width: 152px; height: 152px;*/ } #contTratamiento .ejercicioItems .parcelas_preguntas td.imagen.grande, #contTratamiento .ejercicioItems .parcelas_respuestas td.imagen.grande { /*width: 232px; height: 232px;*/ } #contTratamiento .ejercicioItems .parcelas_preguntas td.imagen img, #contTratamiento .ejercicioItems .parcelas_preguntas td.texto img, #contTratamiento .ejercicioItems .parcelas_respuestas td.imagen img, #contTratamiento .ejercicioItems .parcelas_respuestas td.texto img { /*height: 100%;*/ height: 32%; } #contTratamiento .ejercicioItems .parcelas_preguntas td.texto.grande, #contTratamiento .ejercicioItems .parcelas_respuestas td.texto.grande { width: 492px; } #contTratamiento .ejercicioItems .parcelas_preguntas td.texto.mediano, #contTratamiento .ejercicioItems .parcelas_respuestas td.texto.mediano { width: 192px; } #contTratamiento .ejercicioItems .parcelas_preguntas td.texto.pequeno, #contTratamiento .ejercicioItems .parcelas_respuestas td.texto.pequeno { width:92px; } #contTratamiento .ejercicioItems .parcelas_preguntas .item, #contTratamiento .ejercicioItems .parcelas_respuestas .item { position: relative; } #contTratamiento .ejercicioItems .parcelas_respuestas span.texto, #contTratamiento .ejercicioItems .parcelas_preguntas span.texto td, #contTratamiento .ejercicioItems .parcelas_respuestas span.texto td{border: none !important; outline:none !important; text-align: left; /*color:#6D6D6D !important*/} #contTratamiento .ejercicioItems .parcelas_preguntas span.texto_grande , #contTratamiento .ejercicioItems .parcelas_respuestas span.texto_grande{ font-size: 28px !important; } #contTratamiento .ejercicioItems .parcelas_preguntas span.texto_medio , #contTratamiento .ejercicioItems .parcelas_respuestas span.texto_medio{ font-size: 21px !important;} #contTratamiento .ejercicioItems .parcelas_preguntas span.texto_normal , #contTratamiento .ejercicioItems .parcelas_respuestas span.texto_normal{ font-size: 18px !important;line-height: 8px;} #contTratamiento .ejercicioItems .parcelas_preguntas td.select, #contTratamiento .ejercicioItems .parcelas_respuestas td.select { border: 4px solid blueviolet !important; } #contTratamiento .ejercicioItems .parcelas_preguntas td.acierto, #contTratamiento .ejercicioItems .parcelas_respuestas td.acierto { border: 4px solid green; } #contTratamiento .ejercicioItems .parcelas_preguntas td.error, #contTratamiento .ejercicioItems .parcelas_respuestas td.error { border: 4px solid red; } #contTratamiento .ejercicioItems .parcelas_preguntas td.ayuda { border: 4px solid cyan; } #contTratamiento .ejercicioItems .parcelas_respuestas td.ayuda { border: 4px solid deeppink; } #contTratamiento .ejercicioItems .parcelas_preguntas .item_oculto_inactivo, #contTratamiento .ejercicioItems .parcelas_respuestas .item_oculto_inactivo { position: relative;background: #c1c1c1;border:4px solid #c1c1c1 !important } #contTratamiento .ejercicioItems .parcelas_preguntas .item_ok_inactivo, #contTratamiento .ejercicioItems .parcelas_respuestas .item_ok_inactivo { background: #fff; filter: alpha(opacity=70); opacity: .3;outline:1px solid #616277 !important; } #contTratamiento .ejercicioItems .parcelas_preguntas .item_oculto_inactivo td, #contTratamiento .ejercicioItems .parcelas_respuestas .item_oculto_inactivo td , #contTratamiento .ejercicioItems .parcelas_preguntas .item_ok_inactivo td, #contTratamiento .ejercicioItems .parcelas_respuestas .item_ok_inactivo td{ /*border: none ;*/ } #contTratamiento .ejercicioItems .parcelas_preguntas .item_oculto_inactivo span.texto td, #contTratamiento .ejercicioItems .parcelas_respuestas .item_oculto_inactivo span.texto td , #contTratamiento .ejercicioItems .parcelas_preguntas .item_ok_inactivo span.texto td, #contTratamiento .ejercicioItems .parcelas_respuestas .item_ok_inactivo span.texto td { /*outline:none !important;*/ } /*** Tratamientos Ejercicios Relaciona Memory ***/ #contTratamiento .ejercicioItems .parcelas_memory { width: 80%; /*height:80%;*/ margin: 25px auto; } #contTratamiento .ejercicioItems .parcelas_memory.borde { border: 1px solid #616277; } #contTratamiento .ejercicioItems .parcelas_memory.borde td { border: 1px solid #616277; } #contTratamiento .ejercicioItems .parcelas_memory td.imagen { font-size: 0; } #contTratamiento .ejercicioItems .parcelas_memory td.nano { /*width: 67px; height: 67px;*/ font-size: 16px; } #contTratamiento .ejercicioItems .parcelas_memory td.mini { /*width: 79px; height: 79px;*/ font-size: 18px; } #contTratamiento .ejercicioItems .parcelas_memory td.mini2 { /*width: 94px; height: 94px;*/ font-size: 22px; } #contTratamiento .ejercicioItems .parcelas_memory td.pequeno { /*width: 120px; height: 120px;*/ font-size: 28px; } #contTratamiento .ejercicioItems .parcelas_memory td.mediano { /*width: 160px; height: 160px;*/ font-size: 38px; } #contTratamiento .ejercicioItems .parcelas_memory td.grande { /*width: 240px; height: 240px;*/ font-size: 56px; } #contTratamiento .ejercicioItems .parcelas_memory td { background: #c1c1c1; } #contTratamiento .ejercicioItems .parcelas_memory td img { /*width: 100%;*/ width: 85%;} #contTratamiento .ejercicioItems .parcelas_memory .item { position: relative; } #contTratamiento .ejercicioItems .parcelas_memory .item img, #contTratamiento .ejercicioItems .parcelas_memory .item .texto { /*display: none;*/ filter: alpha(opacity=0); opacity: 0; font-size: 33px; text-align: center } #contTratamiento .ejercicioItems .parcelas_memory .item_oculto_inactivo { } #contTratamiento .ejercicioItems .parcelas_memory .item_oculto_inactivo { top: 0; left: 0; /*width: 100%; height: 100%;*/ background: #c1c1c1; filter: alpha(opacity=100); opacity: 1; } #contTratamiento .ejercicioItems .parcelas_memory .item_ok_inactivo { font-size: 33px!important; /*text-align: center;*/ } #contTratamiento .ejercicioItems .parcelas_memory .item_ok_inactivo { position: relative; top: 0; left: 0; /*width: 100%; height: 100%;*/ background: #fff; filter: alpha(opacity=70); opacity: .7; } /*** Tratamientos Ejercicios Traslada ***/ #contTratamiento .ejercicioItems .parcelas_origen, #contTratamiento .ejercicioItems .parcelas_destino { width: 90%; /*height:100%;*/ margin: 0 auto; border: 1px solid #616277; } #contTratamiento .ejercicioItems .parcelas_origen td, #contTratamiento .ejercicioItems .parcelas_destino td { border: 1px solid #616277; } #contTratamiento .ejercicioItems .parcelas_origen td { text-align: center; background: #ffffff; } #contTratamiento .ejercicioItems .parcelas_destino td { text-align: center; background: #c1c1c1; } #contTratamiento .ejercicioItems .parcelas_destino td.gris, #contTratamiento .ejercicioItems .parcelas_origen td.gris{background: #c1c1c1;} #contTratamiento .ejercicioItems .parcelas_destino td.blanco, #contTratamiento .ejercicioItems .parcelas_origen td.blanco{background: #ffffff !important; } #contTratamiento .ejercicioItems .parcelas_origen td.imagen, #contTratamiento .ejercicioItems .parcelas_destino td.imagen { font-size: 0; } #contTratamiento .ejercicioItems .parcelas_origen td.imagen.nano, #contTratamiento .ejercicioItems .parcelas_destino td.imagen.nano { width: 38px; height: 38px; } #contTratamiento .ejercicioItems .parcelas_origen td.imagen.mini, #contTratamiento .ejercicioItems .parcelas_destino td.imagen.mini { width: 94px; height: 94px; } #contTratamiento .ejercicioItems .parcelas_origen td.imagen.pequeno, #contTratamiento .ejercicioItems .parcelas_destino td.imagen.pequeno { width: 115px; height: 120px; } #contTratamiento .ejercicioItems .parcelas_origen td.imagen.mediano, #contTratamiento .ejercicioItems .parcelas_destino td.imagen.mediano { width: 150px; height: 150px; } #contTratamiento .ejercicioItems .parcelas_origen td.imagen.grande, #contTratamiento .ejercicioItems .parcelas_destino td.imagen.grande { width: 214px; height: 214px; } #contTratamiento .ejercicioItems .parcelas_origen td.imagen img, #contTratamiento .ejercicioItems .parcelas_destino td.imagen img { width: 100%; /*max-height: 100%;*/ } #contTratamiento .ejercicioItems .parcelas_origen td.texto div, #contTratamiento .ejercicioItems .parcelas_destino td.texto div { font-size: 20px; padding: 6px 0; } #contTratamiento .ejercicioItems .parcelas_origen td.texto.grande, #contTratamiento .ejercicioItems .parcelas_destino td.texto.grande { width: 450px; } #contTratamiento .ejercicioItems .parcelas_origen td.texto.mediano, #contTratamiento .ejercicioItems .parcelas_destino td.texto.mediano { width: 200px; } #contTratamiento .ejercicioItems .parcelas_origen td.texto.pequeno, #contTratamiento .ejercicioItems .parcelas_destino td.texto.pequeno { width: 150px; } #contTratamiento .ejercicioItems .parcelas_origen .item, #contTratamiento .ejercicioItems .parcelas_destino .item { position: relative; } #contTratamiento .ejercicioItems .parcelas_origen .item span, #contTratamiento .ejercicioItems .parcelas_destino .item span { position: absolute; top: 0; left: 0; margin-top: -5px; margin-left: -5px; width: 100%; height: 100%; z-index: 1000; } #contTratamiento .ejercicioItems .parcelas_destino .item span.acierto { border: 5px solid green; } #contTratamiento .ejercicioItems .parcelas_origen .item span.error, #contTratamiento .ejercicioItems .parcelas_destino .item span.error { border: 5px solid red; } #contTratamiento .ejercicioItems .parcelas_origen .item span.ayuda { border: 5px solid cyan; } #contTratamiento .ejercicioItems .parcelas_destino .item span.ayuda { border: 5px solid deeppink; } /*** Tiempo Agotado ***/ #contTratamiento .tiempoAgotado { position: absolute; /*width: 980px; height: 85px;*/ width:100%; height:87%; left:0; /*padding: 225px 0;*/ padding: 20% 0; margin:0 auto; line-height: 80px; font-size: 68px; text-align: center; /*background-color: #4188a0;*/ background-color: rgba(15, 22, 62, .6); color: #ffffff; z-index: 9999; } /*** FeedBack ***/ #contTratamiento .ejercicioFeedBack { /*width: 980px;*/ margin: 0px auto; text-align: center; } #contTratamiento .ejercicioFeedBack .imagen { /*width: 250px; margin: 176px auto;*/ margin:25% auto; } #contTratamiento .ejercicioFeedBack .imagen img { width: 25%; } #contTratamiento .ejercicioFeedBack .respuesta_tachada {text-decoration:line-through;color: #ff0000;} #contTratamiento .ejercicioFeedBack .respuesta_tachada { position: relative; display: inline-block; margin-top: 240px; padding: 0 15px; text-align: center; font-size: 78px; } #contTratamiento .ejercicioFeedBack .respuesta_tachada span {color: #4188a0;font-size: 48px; } #contTratamiento .ejercicioFeedBack .respuesta_erronea { position: relative; display: inline-block; margin-top: 240px; padding: 0 15px; text-align: center; font-size: 48px; color: #4188a0; } #contTratamiento .ejercicioFeedBack .respuesta_erronea .error { color: #ff0000; } /*** Tratamientos Fin de Ejercicio ***/ #contTratamiento .ejercicioFin .contDetalles .actividad { float: left; /*width: 482px; height: 96px;*/ margin: 25px 45px; text-align: center; /*background: url("../../archivos/web/bg_info_actividad_fin_no_intentos.png") no-repeat;*/ } #contTratamiento .ejercicioFin .contDetalles .actividad .titulo { font-size: 35px; /*height: 35px;*/ } #contTratamiento .ejercicioFin .contDetalles .actividad .cantidad { font-size: 60px !important; } #contTratamiento .ejercicioFin .contDetalles .actividad .intentos { color: #6d6d6d; /*width: 110px;*/ } #contTratamiento .ejercicioFin .contDetalles .actividad .aciertos { color: #99db2d; /*width: 110px;*/ padding:10px; border: 2px solid #e7e7e7; } #contTratamiento .ejercicioFin .contDetalles .actividad .fallos { color: #ff3f0c; /*width: 110px;*/ padding:10px; border: 2px solid #e7e7e7; } #contTratamiento .ejercicioFin .contDetalles .actividad .tiempo { color: #0f163c; padding:10px; border: 2px solid #e7e7e7; } #contTratamiento .ejercicioFin .contDetalles .porcentaje {/*width: 543px;*/ margin:0px !important } /************************************************************************************************************************/ /***************************************** EJERCICIOS ICF *****************************************************************/ /*** Tratamientos Actividad Opciones Respuesta ***/ #contActOpciones .pregunta { float: left; width: 100%; /*height: 237px;*/ padding: 10px 0; line-height: 31px; font-size: 20px; font-weight: bold; color: #6d6d6d; text-align: justify; } #contActOpciones .pregunta .texto { float: left; /*width: 980px; height: 219px;*/ margin-top: 5px; } #contActOpciones .pregunta .texto > div { float: left; width: 100%; /*height: 219px;*/ } #contActOpciones .pregunta_big { float: left; width: 100%; height: 100px; padding: 10px 0; line-height: 31px; font-size: 20px; color: #6d6d6d; text-align: justify; } #contActOpciones .pregunta_big .texto { float: left; /*width: 980px; height: 85px;*/ margin-top: 5px; } #contActOpciones .pregunta_big .texto > div { float: left; width: 100%; /*height: 85px;*/ } #contActOpciones .pregunta .imagen_izq { float: left; /*width: 345px; height: 219px;*/ margin-top: 5px; margin-right: 25px; } #contActOpciones .pregunta .imagen_izq img { border: 2px solid #e7e7e7; padding: 5px; } #contActOpciones .pregunta .texto_der { float: left; /*width: 600px; height: 219px;*/ margin-top: 5px; } #contActOpciones .pregunta .texto_der > div { float: left; width: 100%; /*height: 219px;*/ } #contActOpciones .consigna { float: left; width: 100%; /*height: 43px;*/ line-height: 43px; padding: 11px 0; font-size: 20px; font-weight: bold; color: #4188a0; margin-right: 20px; text-align: justify; /*display: none;*/ overflow: hidden; font-style: italic; } #contActOpciones .respuestas .item { margin: 11px 0; padding: 0 32px; background: url("../../archivos/web/bg_option.png") center left no-repeat; cursor: pointer; font-size: 20px; line-height: 24px; } #contActOpciones .respuestas .item_act { margin: 11px 0; padding: 0 32px; background: url("../../archivos/web/bg_option_act.png") center left no-repeat; color: #ffa536; cursor: pointer; font-size: 20px; line-height: 24px; } #contActOpciones .respuestas .item:hover { background: url("../../archivos/web/bg_option_hover.png") center left no-repeat; } #contActOpciones .respuestas .columna { float: left; width: 100%; margin-top: 10px; } #contActOpciones .respuestas .columna_izq { float: left; /*width: 439px;*/ width: 50%; margin-top: 10px; } #contActOpciones .respuestas .columna_der { float: right; /*width: 439px;*/ width: 50%; margin-top: 10px; } #contActOpciones .respuestas .separador { float: left; /*width: 102px; height: 212px;*/ background: url("../../archivos/web/separador_opcionales.png") center no-repeat; } #contActOpciones .respuestas table { /*float: left; width: 100%; height: 192px;*/ margin: 10px auto 0; } #contActOpciones .respuestas table td { text-align: center; width: auto; vertical-align: middle; padding: 0 20px; } #contActOpciones .respuestas .item_img { margin: auto; /*width: 153px; height: 190px;*/ cursor: pointer; } #contActOpciones .respuestas .item_img img { border: 3px solid #e7e7e7; } #contActOpciones .respuestas .img_four img{ max-width: 20%!important; } #contActOpciones .respuestas .img_five img{ max-width: 16%!important; } #contActOpciones .respuestas .item_img .acierto { position: absolute; /*width: 131px; height: 168px; margin: 3px; border: 8px solid #f5aa51; width: 147px; height: 184px; background: #000000; filter: alpha(opacity=50); opacity: .5;*/ } #contActOpciones .respuestas .img_big { /*width: 228px; height: 286px;*/ } #contActOpciones .respuestas .img_big .acierto { /*width: 222px; height: 280px; width: 206px; height: 264px;*/ } #contActOpciones .respuestas .contDesplegable { /*margin: 30px 370px;*/ margin: 2% 35%; } #contActOpciones .respuestas .opciones-especial, #contActOpciones .respuestas .opciones-especial-drc { position:absolute; top:50%; transform: translateY(-50%); } #contActOpciones .respuestas .opciones-especial-drc { right:0; } /*** Tratamientos Actividad Informativa ***/ #contActInformativa .frase { float: left; width: 100%; height: 25px; font-size: 20px; font-weight: bold; color: #0f163c; /*color: #4188a0;*/ margin-top: 10px; overflow: hidden; font-style: italic; } /*** Tratamientos Actividad Explicativa ***/ #contActExplicativa { /*width: 980px;*/ margin: 0px auto; } #contActExplicativa .titulo { float: left; width: 100%; /*height: 34px;*/ font-size: 28px; font-weight: bold; /*color: #4188a0;*/ color: #0f163c; margin-top: 10px; overflow: hidden; } #contActExplicativa .texto { float: left; /*width: 460px; height: 435px;*/ margin-top: 15px; font-size: 20px; color: #6d6d6d; text-align: justify; line-height: 31px; } #contActExplicativa .texto > div { float: left; width: 100%; /*height: 435px;*/ } #contActExplicativa .texto2 { float: left; width: 100%; /*height: 64px;*/ margin-top: 5px; font-size: 20px; color: #6d6d6d; text-align: justify; line-height: 31px; overflow: hidden; } #contActExplicativa .texto3 { float: left; width: 100%; /*height: 32px;*/ margin-top: 5px; font-size: 20px; color: #6d6d6d; text-align: justify; line-height: 31px; overflow: hidden; } #contActExplicativa .imagen_izq { float: left; /*width: 486px; height: 435px;*/ height: 100%; margin-top: 15px; margin-right: 25px; text-align: center; } #contActExplicativa .imagen_der { float: right; /*width: 486px; height: 435px;*/ height: 100%; margin-top: 15px; margin-left: 25px; text-align: center; } #contActExplicativa .imagen { float: left; width: 100%; height: 85%; /*width: 977px; height: 348px;*/ margin-top: 25px; } #contActExplicativa .imagen3 { float: left; width: 98%; height: 80%; /*width: 977px; height: 464px;*/ margin-top: 15px; } #contActExplicativa .imagen_izq img, #contActExplicativa .imagen_der img { border: 2px solid #e7e7e7; padding: 5px; } #contActExplicativa .imagen img { border: 2px solid #e7e7e7; padding: 5px; } #contActExplicativa .frase { float: left; width: 100%; /*height: 25px;*/ font-size: 20px; font-weight: bold; color: #0f163c; /*color: #4188a0;*/ margin-top: 10px; overflow: hidden; font-style: italic; } #contActExplicativa .descarga { float: right; width:18%;/*width: 155px; height: 46px;*/ line-height: 86px; margin-top: 4px; font-size: 22px; font-weight: bold; color: #ffaf4b; /*background: url("../../archivos/web/icon_download.png") right no-repeat;*/ background: url("../../archivos/web/ico_descarga.png") right no-repeat; } /*** Tratamientos Actividad Cuestionario EVA ***/ #contActCuestionarioEVA { width: 100%; height: 100%; /*width: 980px; height: 535px;*/ margin: 0px auto; background: url("../../archivos/web/bg_cuestionario.png") right 20px no-repeat; } #contActCuestionarioEVA .titulo { float: left; width: 90%; /*height: 34px;*/ font-size: 28px; font-weight: bold; color: #363636; margin-top: 10px; overflow: hidden; } #contActCuestionarioEVA .texto { float: left; width: 90%; /*width: 590px; height: 170px;*/ margin-top: 15px; font-size: 20px; font-weight: bold; color: #6d6d6d; text-align: justify; line-height: 31px; overflow: hidden; } #contActCuestionarioEVA .texto > div { float: left; /*height: 170px;*/ } #contActCuestionarioEVA .escala { float: left; width: 90%; height: 35%; /*width: 440px; height: 182px;*/ margin: 2% 22% 0px 22%; padding: 0 7px; } #contActCuestionarioEVA .escala .point { position:relative; float: left; width: 5%; height: 100%;} #contActCuestionarioEVA .escala .selected { background: url("../../archivos/web/point_escala_eva.png") center no-repeat; } #contActCuestionarioEVA .consigna { float: left; width: 100%; /*margin-top: 5px;*/ font-size: 20px; font-weight: bold; color: #363636; overflow: hidden; text-align: center; } #contActCuestionarioEVA .consigna span.texto_consigna {float: left; line-height: 42px; } #contActCuestionarioEVA .consigna span.valor { display: block; margin: 0px auto; width: 100%; height: 70px; /*width: 72px; height: 70px;*/ line-height: 70px; background: url("../../archivos/web/bg_valor_escala_euroqol.png") no-repeat; background-size:contain!important; background-position:center!important; color: #ffffff; font-size: 32px; text-align: center; overflow: hidden; } #contActCuestionarioEVA .botones { float: left; width: 100%; margin-top: 15px; text-align: center; } #contActCuestionarioEVA .botones div { display: inline-block; width: 137px; height: 43px; margin: 0 10px; text-align: center; font-size: 18px; font-weight: bold; line-height: 42px; color: #959595; cursor: pointer; background: url("../archivos/web/bt_cuestionario_eva.png") no-repeat; } #contActCuestionarioEVA .botones div.aceptar { color: #ffffff; background: url("../../archivos/web/bt_cuestionario_eva_aceptar.png") no-repeat; } /*** Tratamientos Actividad Cuestionario OSWESTRY ***/ #contActCuestionarioOSWESTRY { /*width: 980px; height: 535px;*/ margin: 0px auto; background: url("../../archivos/web/bg_cuestionario.png") right 10px no-repeat; } #contActCuestionarioOSWESTRY .titulo { float: left; width: 90%; /*height: 34px;*/ font-size: 28px; font-weight: bold; color: #363636; margin-top: 10px; overflow: hidden; } #contActCuestionarioOSWESTRY .texto { float: left; width: 90%; /*height: 435px;*/ margin-top: 15px; font-size: 20px; font-weight: bold; color: #6d6d6d; text-align: justify; line-height: 31px; overflow: hidden; } #contActCuestionarioOSWESTRY .texto > div { float: left; width: 100%; /*height: 435px;*/ } #contActCuestionarioOSWESTRY .pregunta { float: left; width: 100%; padding: 21px 0; font-size: 28px; font-weight: bold; color: #373737; text-align: justify; } #contActCuestionarioOSWESTRY .respuestas { float: left; width: 100%; /*height: 394px;*/ margin-top: 0px; font-size: 20px; color: #6d6d6d; text-align: justify; /*display: none;*/ } #contActCuestionarioOSWESTRY .consigna { float: left; width: 100%; line-height: 28px; padding: 18px 10px; font-size: 20px; font-weight: bold; color: #373737; text-align: center; /*display: none;*/ overflow: hidden; } #contActCuestionarioOSWESTRY .respuestas .item { margin: 21px 0; padding: 0 32px; background: url("../../archivos/web/bg_option.png") center left no-repeat; cursor: pointer; } #contActCuestionarioOSWESTRY .respuestas .item_act { margin: 21px 0; padding: 0 32px; background: url("../../archivos/web/bg_option_act.png") center left no-repeat; color: #ffa536; cursor: pointer; } #contActCuestionarioOSWESTRY .respuestas .item:hover { background: url("../../archivos/web/bg_option_hover.png") center left no-repeat; } #contActCuestionarioOSWESTRY .consigna #jp-play_consigna { padding: 0 35px; } /*** Tratamientos Actividad Cuestionario EuroQoL-5D ***/ #contActCuestionarioEuroQoL { /*width: 980px; height: 535px;*/ margin: 0px auto; background: url("../../archivos/web/bg_cuestionario.png") right 10px no-repeat; } #contActCuestionarioEuroQoL .pregunta { float: left; /*width: 900px; height: 68px;*/ padding: 18px 0; font-size: 28px; font-weight: bold; color: #373737; text-align: justify; } #contActCuestionarioEuroQoL .respuestas { float: left; width: 100%; /*height: 366px;*/ margin-top: 0px; font-size: 22px; color: #6d6d6d; text-align: justify; /*display: none;*/ } #contActCuestionarioEuroQoL .consigna { float: left; width: 100%; line-height: 28px; padding: 18px 10px; font-size: 20px; font-weight: bold; font-style: italic; color: #373737; text-align: center; /*display: none;*/ overflow: hidden; } #contActCuestionarioEuroQoL .respuestas .item { margin: 21px 0; padding: 0 32px; background: url("../../archivos/web/bg_option.png") center left no-repeat; cursor: pointer; } #contActCuestionarioEuroQoL .respuestas .item_act { margin: 21px 0; padding: 0 32px; background: url("../../archivos/web/bg_option_act.png") center left no-repeat; color: #ffa536; cursor: pointer; } #contActCuestionarioEuroQoL .respuestas .item:hover { background: url("../../archivos/web/bg_option_hover.png") center left no-repeat; } #contActCuestionarioEuroQoL .titulo { float: left; /*width: 550px;*/ font-size: 28px; font-weight: bold; color: #363636; margin-top: 10px; overflow: hidden; } #contActCuestionarioEuroQoL .texto { float: left; /*width: 550px; height: 440px;*/ margin: 0px; font-size: 20px; font-weight: bold; color: #6d6d6d; text-align: justify; line-height: 31px; overflow: hidden; } #contActCuestionarioEuroQoL .texto > div { float: left; width: 90%; /*height: 440px;*/ } #contActCuestionarioEuroQoL .valor { float: right; /*margin-top: 230px; width: 72px; height: 70px;*/ line-height: 70px; background: url("../../archivos/web/bg_valor_escala_euroqol.png") no-repeat; color: #ffffff; font-size: 32px; text-align: center; overflow: hidden; } #contActCuestionarioEuroQoL .escala { float: right; /*width: 98px; height: 421px;*/ margin: 20px 80px 0 0; padding: 33px 59px 34px 2px; } #contActCuestionarioEuroQoL .escala .point { float: left; width: 98px; height: 3px; margin: 1px 0 0; } #contActCuestionarioEuroQoL .escala .point_dec { height: 4px; } #contActCuestionarioEuroQoL .escala .point_big { height: 6px; } #contActCuestionarioEuroQoL .escala .selected { background: url("../../archivos/web/point_escala_euroqol.png") center no-repeat; } #contActCuestionarioEuroQoL .consigna #jp-play_consigna { padding: 0 35px; } /*** Tratamientos Actividad Cuestionario Satisfaccion ***/ #contActCuestionarioSatisfaccion { /*width: 980px; height: 535px;*/ margin: 0px auto; /*background: url("../../archivos/web/bg_cuestionario.png") right 10px no-repeat;*/ } #contActCuestionarioSatisfaccion .titulo { float: left; width: 90%; /*height: 34px;*/ font-size: 28px; font-weight: bold; color: #363636; margin-top: 10px; overflow: hidden; } #contActCuestionarioSatisfaccion .texto { float: left; width: 90%; /*height: 435px;*/ margin-top: 15px; font-size: 20px; font-weight: bold; color: #6d6d6d; text-align: justify; line-height: 31px; overflow: hidden; } #contActCuestionarioSatisfaccion .texto > div { float: left; width: 100%; /*height: 435px;*/ } #contActCuestionarioSatisfaccion .pregunta { float: left; width: 90%; /*height: 68px;*/ padding: 4px 0; font-size: 28px; font-weight: bold; color: #373737; text-align: justify; } #contActCuestionarioSatisfaccion .respuestas { float: left; width: 100%; /*height: 394px;*/ margin-top: 50px; padding:0 15%; font-size: 20px; color: #6d6d6d; text-align: justify; /*display: none;*/ } #contActCuestionarioSatisfaccion .consigna { float: left; width: 100%; line-height: 28px; padding: 18px 10px; margin-top: 80px; font-size: 20px; font-weight: bold; color: #373737; text-align: center; /*display: none;*/ overflow: hidden; } /*#contActCuestionarioSatisfaccion .respuestas .item { margin: 21px 0; padding: 0 32px; background: url("../../archivos/web/bg_option.png") center left no-repeat; cursor: pointer; float:left; }*/ #contActCuestionarioSatisfaccion .respuestas .item { text-align: center; background: #0e163b; color: white; height: 50px; width: 50px; margin: 11px; font-size: 26px; line-height: 50px; float:left; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } #contActCuestionarioSatisfaccion .respuestas .item_act { margin: 21px 0; padding: 0 32px; background: url("../../archivos/web/bg_option_act.png") center left no-repeat; color: #ffa536; cursor: pointer; } /*#contActCuestionarioSatisfaccion .respuestas .item:hover { background: url("../../archivos/web/bg_option_hover.png") center left no-repeat; }*/ #contActCuestionarioSatisfaccion .respuestas .item:hover { cursor: pointer; } #contActCuestionarioSatisfaccion .texto_sat_izq { font-size: 20px; padding:0 0 0 16%; font-style: italic; float: left; } #contActCuestionarioSatisfaccion .texto_sat_drc { font-size: 20px; padding:0 23% 0 0; font-style: italic; float: right; } #contActCuestionarioSatisfaccion .consigna #jp-play_consigna { padding: 0 35px; } /*** Tratamientos Actividad Cuestionario BORG ***/ #contActCuestionarioBORG { width: 100%; height: 100%; margin: 0px auto; background: url("../../archivos/web/bg_cuestionario.png") right 20px no-repeat; } #contActCuestionarioBORG .titulo { float: left; width: 90%; font-size: 28px; font-weight: bold; color: #363636; margin-top: 10px; overflow: hidden; } #contActCuestionarioBORG .textoinicio { float: left; width: 90%; margin-top: 15px; font-size: 20px; font-weight: bold; color: #6d6d6d; text-align: justify; line-height: 31px; overflow: hidden; } #contActCuestionarioBORG .texto { float: left; width: 90%; margin-top: 15px; font-size: 28px; font-weight: bold; color: #6d6d6d; text-align: justify; line-height: 36px; overflow: hidden; } #contActCuestionarioBORG .textopeq { float: left; width: 90%; margin-top: 0; font-size: 18px; font-weight: bold; color: #6d6d6d; text-align: justify; line-height: 26px; overflow: hidden; } #contActCuestionarioBORG .texto > div, #contActCuestionarioBORG .textopeq > div { float: left; } #contActCuestionarioBORG .textofin { float: left; width: 30%; margin: 15% 30% 10% 30%; padding: 20px; border: solid 2px #0f163c; text-align: center; font-size: 28px; font-weight: bold; color: #0f163c; line-height: 34px; } #contActCuestionarioBORG .textofin p{ margin-bottom: 0; } #contActCuestionarioBORG .escala { float: left; width: 90%; height: 35%; margin: 2% 8% 0px 8%; padding: 0 7px; } #contActCuestionarioBORG .escala .point-group { float: left; position:relative; width: 45%; height: 100%; margin: 0 20px; } #contActCuestionarioBORG .escala .point { width: 100%; height: 15%; margin-bottom: 2px; } #contActCuestionarioBORG .escala .point.nomargen { width:100%; height: 15%; margin-bottom: 0; } #contActCuestionarioBORG .escala .confirma { float: left; width: 45%; margin: 15% 20px; padding: 20px; border: solid 2px #0f163c; display: none; } #contActCuestionarioBORG .escala .conftexto { text-align: center!important; width: 100%; margin-top: 15px; font-size: 28px; font-weight: bold; color: #0f163c; text-align: justify; line-height: 31px; overflow: hidden; } #contActCuestionarioBORG .escala span.valor { color: #e64215; font-size: 36px; } #contActCuestionarioBORG .escala .confbotones { text-align: center!important; } #contActCuestionarioBORG .escala .confbotones a { color: #ffffff; font-size: 20px; padding: 10px 20px; background-color: #0f163c; border: solid 1px #0f163c; border-radius: 10px; margin: 20px 5px; } #contActCuestionarioBORG .escala .confbotones a:hover { text-decoration: none; background-color: #262a41; } /*** Tratamientos Actividad Documentos Descargas ***/ #contActDocumento { /*width: 980px;*/ margin: 0px auto; } #contActDocumento .titulo { float: left; width:100%; /*width: 800px; height: 34px;*/ font-size: 28px; font-weight: bold; /*color: #4188a0;*/ color: #0f163c; margin-top: 10px; overflow: hidden; } #contActDocumento .descarga { float: right; width:18%;/*width: 155px; height: 46px;*/ line-height: 86px; margin-top: 4px; font-size: 22px; font-weight: bold; color: #ffaf4b; /*background: url("../../archivos/web/icon_download.png") right no-repeat;*/ background: url("../../archivos/web/ico_descarga.png") right no-repeat; } #contActDocumento .doc_imagen, #contActDocumento .doc_video, #contActDocumento .doc_audio, #contActDocumento .doc_pdf { float: left; width:100%; height: 85%; /*width: 980px; height: 464px;*/ margin-top: 15px; } #contActDocumento .doc_video { float: left; width:100%; height: 75%; /*width: 980px; height: 464px;*/ margin-top: 15px; } #contActDocumento .doc_audio .cp-container { /*margin: 120px auto 0;*/ margin: 15% 40%; } #contActDocumento .doc_pdf iframe { width:100%; /*width: 977px; height: 464px;*/ width:100%; height: 85%; } /*** Tratamientos Actividad Consentimiento informado ***/ #contActConsentimiento .textopeq { float: left; width: 90%; margin-top: 10%; margin-bottom: 3%; font-size: 18px; /*font-weight: bold;*/ color: #6d6d6d; text-align: justify; line-height: 26px; overflow: hidden; } #contActConsentimiento .confbotones { text-align: center!important; } #contActConsentimiento .confbotones a { color: #ffffff; font-size: 20px; padding: 10px 20px; background-color: #0f163c; border: solid 1px #0f163c; border-radius: 10px; margin: 20px 5px; } #contActConsentimiento .confbotones a:hover { text-decoration: none; background-color: #262a41; } /*** Tratamientos Actividad Secuencial ***/ #contActSecuencial { /*width: 980px;*/ margin: 0px auto; } #contActSecuencial .consigna { float: left; width: 100%; /*height: 50px;*/ padding: 10px 0; font-size: 20px; font-weight: bold; color: #6d6d6d; /*text-align: center;*/ overflow: hidden; } #contActSecuencial .opciones { float: left; width: 100%; height:90%; } #contActSecuencial .opcionesH { float: left; width: 50%; height:90%; /*height: 442px; background: url("../../archivos/web/separador_asociativas.png") top center repeat-y;*/ } #contActSecuencial .opcionesV { /*float: left;*/ width: 100%; height:90%; /*height: 442px; background: url("../../archivos/web/separador_secuenciales_vertical.png") center repeat-x;*/ } #contActSecuencial .opcionesH .items, #contActSecuencial .opcionesH .casillas { width: 50%; /*width: 484px;*/ margin-top: 0px; text-align: center; font-size: 28px; color: #6d6d6d; } #contActSecuencial .opcionesH .items { float: left; width: 90%; height: 100%; } #contActSecuencial .opcionesH .items p, #contActSecuencial .opcionesH div.casilla2.acierto .item2 p{ margin: 0; } #contActSecuencial .opcionesH .casillas { float: right; } #contActSecuencial .opcionesV .items, #contActSecuencial .opcionesV .casillas { /*float: left;*/ width: 100%; /*height: 215px;*/ margin-top: 0px; text-align: center; font-size: 28px; color: #6d6d6d; } #contActSecuencial .opcionesV .items, #contActSecuencial .opcionesV .cajas { width: 90%; margin: auto; } #contActSecuencial .opcionesV .casillas { margin-top: 12px; } #contActSecuencial .items div.item, #contActSecuencial .casillas div.casilla { float: left; margin: 13px 46px; width: 24%; /*width: 362px; height: 70px;*/ padding: 37px 15px; line-height: 35px; overflow: hidden; } #contActSecuencial .casillas div.casilla_img { float: left; margin: 10px 0; width: 100%; padding: 0 15px; line-height: 35px; overflow: hidden; } #contActSecuencial .items div.item { background: url("../../archivos/web/bg_item1_0.png") no-repeat; cursor: pointer; background-size: 100% 100%; background-position: center center; } #contActSecuencial .casillas div.casilla { background: #fefefe; border: 3px solid #e7e7e7; width:24%; /*height: 64px; width: 356px;*/ } #contActSecuencial .casillas div.casilla.acierto { background: url("../../archivos/web/bg_item1_2.png") no-repeat; border: none; width:24%; /*height: 70px; width: 362px;*/ } #contActSecuencial .items div.item2, #contActSecuencial .casillas div.casilla2 { float: left; margin: 7px 17px; width:40%; /*width: 422px; height: 36px;*/ padding: 11px 15px; line-height: 36px; overflow: hidden; } #contActSecuencial .items div.item2 { background: url("../../archivos/web/bg_item2_0.png") top no-repeat; cursor: pointer; background-size: 100% 100%; background-position: center center; } #contActSecuencial .casillas div.casilla2 { background: #fefefe; border: 3px solid #e7e7e7; width:40%; /*height: 30px; width: 414px;*/ } #contActSecuencial .casillas div.casilla2.acierto { background: url("../../archivos/web/bg_item2_2.png") top no-repeat; border: none; background-size: 100% 100%; background-position: center center; /*width:40%;*/ /*width: 420px; height: 36px;*/ } #contActSecuencial .opcionesH .items div.item, #contActSecuencial .opcionesH .casillas div.casilla, #contActSecuencial .opcionesV .items div.item, #contActSecuencial .opcionesV .casillas div.casilla { float: left; margin: 13px 46px; width: 90%; /*width: 362px; height: 70px;*/ padding: 37px 15px; line-height: 35px; overflow: hidden; } #contActSecuencial .opcionesH .items div.item_img, #contActSecuencial .opcionesH .casillas div.casilla_img { float: left; margin: 10px 10%; /*margin: 10px 130px;*/ width:90%; /*width: 222px;*/ cursor: pointer; } #contActSecuencial .opcionesH .items div.item_img img { border: 3px solid #e7e7e7; } #contActSecuencial .opcionesH .items div.item2 { float: left; margin: 7px 17px; width:90%; padding: 11px 15px; line-height: 36px; overflow: hidden; } #contActSecuencial .opcionesH div.casilla2 { float: left; margin: 7px 17px; width:90%; padding: 31px 15px; line-height: 16px; overflow: hidden; } #contActSecuencial .opcionesH div.casilla2.acierto { padding: 18px 15px 6px 15px; } #contActSecuencial .opcionesH div.casilla { width:90%; margin:13px 46px; padding: 68px 15px; } #contActSecuencial .opcionesH div.casilla.acierto { background: url("../../archivos/web/bg_item1_2.png") no-repeat; border: none; width:90%; padding: 37px 15px 22px 15px; background-size: 100% 100%; background-position: center center; text-align: center; } #contActSecuencial .opcionesH div.casilla_img { background: #fefefe; border: 3px solid #e7e7e7; width:90%; /*width: 216px; height: 115px;*/ cursor: default; } #contActSecuencial .opcionesH div.casilla_img.acierto { padding: 0 15px; text-align:center; } #contActSecuencial .opcionesH div.casilla.acierto .item, #contActSecuencial .opcionesH div.casilla2.acierto .item2, #contActSecuencial .opcionesH div.casilla_img.acierto .item_img { height: 100%!important; } #contActSecuencial .opcionesH div.casilla2.acierto .item2{ text-align: center; } #contActSecuencial .opcionesH .casilla_img img, #contActSecuencial .opcionesH .item_img img { max-width: 100%; } /*#contActSecuencial .opcionesH .casilla_img .acierto { position: absolute; width: 216px; height: 115px; background: url("../../archivos/web/acierto.png") bottom left no-repeat; z-index: 1; }*/ #contActSecuencial .opcionesV .items table, #contActSecuencial .opcionesV table { float: left; width: 100%; /*height: 195px;*/ margin-top: 10px; } #contActSecuencial .opcionesV .items table td, #contActSecuencial .opcionesV table td { text-align: center; width: 20%; vertical-align: middle; padding-right: 1%; padding-left: 1%; } #contActSecuencial .opcionesV .items .item_img { margin: auto; /*width: 100%;*/ width: 153px; height: 190px; cursor: pointer; } #contActSecuencial .opcionesV .items .item_img img { border: 3px solid #e7e7e7; width: 100%; height: auto; } #contActSecuencial .opcionesV div.casilla_img { padding: 45% 15px; } #contActSecuencial .opcionesV .casilla_img { margin: auto; background: #fefefe; border: 3px solid #e7e7e7; width:15%; /*width: 147px; height: 184px;*/ } #contActSecuencial .opcionesV .casilla_img img, #contActSecuencial .opcionesV .item_img img { max-width: 100%; } /*#contActSecuencial .opcionesV .casilla_img .acierto { position: absolute; width: 147px; height: 184px; background: url("../../archivos/web/acierto.png") bottom left no-repeat; z-index: 1; }*/ #contActSecuencial .opcionesV .casilla_img.acierto .item_img img { width: 100%; height: auto; } #contActSecuencial .opcionesV div.casilla_img.acierto { padding: 3.5% 15px; text-align:center; } .drophover { background: #b1deff !important; } /*** Tratamientos Actividad Asociativa ***/ #contActAsociativa { /*width: 980px;*/ margin: 0px auto; } #contActAsociativa .titulo { float: left; width: 100%; /*height: 50px;*/ padding: 10px 0; font-size: 20px; font-weight: bold; color: #6d6d6d; /*text-align: center;*/ overflow: hidden; } #contActAsociativa .opciones { float: left; width: 100%; height:90%; /*height: 442px; background: url("../../archivos/web/separador_asociativas.png") top center repeat-y;*/ } #contActAsociativa .preguntas, #contActAsociativa .respuestas { /*width: 484px;*/ margin-top: 5px; text-align: center; font-size: 22px; color: #6d6d6d; } #contActAsociativa .preguntas { float: left; width: 50%; /*border-right: 2px solid #777777;*/} #contActAsociativa .respuestas { float: right; width: 50%; } #contActAsociativa .respuestas p, #contActAsociativa .preguntas p { margin: 0; } #contActAsociativa .preguntas div.item, #contActAsociativa .respuestas div.item { float: left; margin: 13px 46px; width: 90%; /*width: 362px; height: 70px;*/ padding: 33px 15px; line-height: 26px; background-repeat: no-repeat; background-position: center; cursor: pointer; overflow: hidden; } #contActAsociativa .preguntas div.item2, #contActAsociativa .respuestas div.item2 { float: left; margin: 7px 17px; width: 90%; /*width: 422px;*/ padding: 0 15px; line-height: 26px; background-repeat: no-repeat; background-position: center; cursor: pointer; overflow: hidden; } #contActAsociativa .preguntas div.item_img, #contActAsociativa .respuestas div.item_img { float: left; width: 50%; margin: 13px 130px; /*margin: 10px 130px; width: 222px;*/ cursor: pointer; } #contActAsociativa .preguntas div.item_img img, #contActAsociativa .respuestas div.item_img img { border: 3px solid #e7e7e7; } #contActAsociativa .preguntas div.item_img2, #contActAsociativa .respuestas div.item_img2 { float: left; margin: 13px 10px; width: 30%;/*margin: 10px 10px; width: 222px;*/ cursor: pointer; } #contActAsociativa .preguntas div.item_img2 img, #contActAsociativa .respuestas div.item_img2 img { border: 3px solid #e7e7e7; } .bg_item_img_error { position: absolute; width: 20px; /*height: 96px;*/ background: url("../archivos/web/bg_item_img_error.png") top left no-repeat; background-size:cover; } .bg_item_img_1 { position: absolute; width: 20px; /*height: 96px;*/ background: url("../../archivos/web/bg_item_img_1.png") top left no-repeat; background-size:cover; } .bg_item_img_2 { position: absolute; width: 20px; /*height: 96px;*/ background: url("../../archivos/web/bg_item_img_2.png") top left no-repeat; background-size:cover; } .bg_item_img_3 { position: absolute; width: 20px; /*height: 96px;*/ background: url("../../archivos/web/bg_item_img_3.png") top left no-repeat; background-size:cover; } .bg_item_img_4 { position: absolute; width: 20px; /*height: 96px;*/ background: url("../../archivos/web/bg_item_img_4.png") top left no-repeat; background-size:cover; } .bg_item_img_5 { position: absolute; width: 20px; /*height: 96px;*/ background: url("../../archivos/web/bg_item_img_5.png") top left no-repeat; background-size:cover; } .bg_item_img_6 { position: absolute; width: 20px; /*height: 96px;*/ background: url("../../archivos/web/bg_item_img_6.png") top left no-repeat; background-size:cover; } /*** Pie en las actividades de tratamientos ***/ #cont_pie #contBarProgress { float: left; /*width: 282px; height: 36px; padding: 17px 22px;*/ } #cont_pie #contBarProgress .ui-progressbar { height: 38px; /*background: url("../../archivos/web/progressbar.png")*/ top left no-repeat ; border: none; overflow: visible; } #cont_pie #contBarProgress .ui-progressbar .ui-progressbar-value { /*background: url("../../archivos/web/bar_progressbar.png")*/ top left no-repeat; border: none !important; font-size: 19px; text-align: left; text-indent: 10px; line-height: 35px; color: #777777; } #cont_pie #contBarProgress .ui-progressbar .ui-progressbar-value span { font-size: 14px; } #cont_pie #contInfoActividad { float: left; /*width: 449px; height: 70px; padding: 0 30px;*/ } #cont_pie #contInfoActividad .aciertos, #cont_pie #contInfoActividad .fallos, #cont_pie #contInfoActividad .tiempo { float: left; margin: 16px 9px; line-height: 36px; height: 38px; font-weight: bold; } #cont_pie #contInfoActividad .aciertos span, #cont_pie #contInfoActividad .fallos span, #cont_pie #contInfoActividad .tiempo span { float: right; padding-left: 9px; padding-right: 14px; line-height: 36px; height: 38px; font-size: 21px; background: url("../../archivos/web/bg_info_actividad.png") top right no-repeat; } #cont_pie #contInfoActividad .aciertos span { color: #2bd70f; } #cont_pie #contInfoActividad .fallos span { color: #ff3c00; } #cont_pie #contInfoActividad .tiempo span { color: #20b9ed; } #cont_pie #contInfoActividad .aciertos span.txt, #cont_pie #contInfoActividad .fallos span.txt, #cont_pie #contInfoActividad .tiempo span.txt { float: left; padding-left: 14px; line-height: 36px; height: 38px; background: url("../../archivos/web/bg_info_actividad.png") top left no-repeat; font-size: 13px; color: #6d6d6d; } #cont_pie #contInfoActividad .aciertos span.sep, #cont_pie #contInfoActividad .fallos span.sep, #cont_pie #contInfoActividad .tiempo span.sep { float: left; width: 2px; padding: 0; height: 38px; background: url("../../archivos/web/sep_info_actividad.png") no-repeat; } /*** Tratamientos Feed Back ***/ #feedBack { /*width: 980px;*/ margin: 0px auto; } #feedBack .imagen { width: 100%; /*height: 280px;*/ padding: 20px 0; text-align: center; } #feedBack .frase_ok, #feedBack .frase_error { width: 100%; /*height: 193px;*/ padding: 10px 0; line-height: 31px; font-size: 20px; text-align: center; overflow: hidden; } #feedBack .frase_ok { color: #6d6d6d; } #feedBack .frase_error { color: #fb6363; } /* RESULATDOS */ .resultados-fila1{ height: 35%; } .resultados-fila2{ height: 15%; } .resultados-fila3{ height: 48%; } .resultados-fila4{ height: 25%; } .resultados-accesos{ width: 31.5%; } .popup-actividades{ width: 70%; } .resultados-accesos-img{ width: 120px; height: 120px; } .area-feskits{ width:14.28571428571429%; } /************************************************************************************************************************/ .recompensas_pregunta .txt_error { float: left; width: 100%; margin-bottom: 10px; font-size: 18px; color: #ff0000; text-align: center; display: none; } /** BOTONES ALERT **/ .button.small { padding-top: 0.875rem; padding-right: 1.75rem; padding-bottom: 0.9375rem; padding-left: 1.75rem; font-size: 0.8125rem; } .button.success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; } .button.warning { background-color: #f29502; border-color: #cb7d02; color: #FFFFFF; } @media (max-width: 1600px) and (max-height: 900px) { /* Columnas menu */ .col-menu{ /*width: 16%!important;*/ } .espaciado-izquierda{ margin-left: 10%!important; } .espaciado-izquierda-inferior{ margin-left: 9%!important; } .margen-menu-inferior-2{ margin-left: 16.5%; } .margen-menu-inferior-3, .margen-menu-inferior-4{ margin-left: 8%; } .margen-menu-superior-4, .margen-menu-superior-5{ margin-left: 10px; } .margen-menu-superior, .margen-menu-superior-2, .margen-menu-superior-3{ margin-left: 0; } } @media (max-width: 1450px) { #menu-principal{ /*margin-top: 3%!important;*/ } #menu-principal2{ margin-top: -20px; } .espaciado-izquierda{ margin-left: 7%!important; } .margen-menu-inferior{ margin-left: 25%; } .margen-menu-inferior-2{ margin-left: 16.5%; } .margen-menu-inferior-3, .margen-menu-inferior-4{ margin-left: 8%; } .margen-menu-superior-2, .margen-menu-superior-3{ margin-left: 8%; } .margen-menu-superior{ margin-left: 9%; } .margen-menu-superior-4, .margen-menu-superior-5{ margin-left: 7%; } .botones-superior{ margin-bottom: 50px; } } @media (max-width: 1450px) and (min-width: 1401px) { /* Columnas menu */ .col-menu{ /*width: 16%!important;*/ } .espaciado-izquierda{ margin-left: 9.5%!important; } .espaciado-izquierda-inferior{ margin-left: 9%!important; } } @media (max-width: 1400px) and (max-height: 960px){ #menu-principal{ /*margin-top: 3%!important;*/ } #menu-principal2{ margin-top: 0; } .botones-superior{ margin-bottom: 70px; } } @media (max-width: 1366px) and (max-height: 768px){ .botones-superior{ margin-bottom: 50px; } } @media (max-width: 1400px) and (max-height: 700px) { .box-icon { height: 40px!important; width: 40px!important; } .box-img{ margin: 5px!important; } .widget-thumb { padding: 5px 15px!important; } .info .widget-thumb { padding: 0 5px!important; } .info h4 { font-size: 16px!important; } #espaciado-resultados{ margin-top: 5px!important; margin-bottom: 0!important; } .espaciado-izquierda { margin-left: 20%; } .espaciado-izquierda-inferior{ margin-left: 15%; } .margin-top-80 { margin-top: 40px!important; } #menu-principal{ /*margin-top: 1%!important;*/ } #menu-principal2{ margin-top: -53px; } #ifr_vimeo, #ifr_digimevo{ width:73%; } #contActDocumento .doc_audio .cp-container { margin: 5% 40%; } /*#contTratamiento .ejercicioItems .parcelas td img { height:36%; }*/ #contTratamiento .infoTratamiento .msg {font-size: 27px; line-height: 27px;} #contTratamiento .infoTratamiento .msg .reducido {font-size: 20px; line-height: 20px;} #contTratamiento .ejercicioItems .parcelas td.mini img { /*height:23%;*/ width:100%; height:auto; } #contTratamiento .ejercicioItems .parcelas td.pequeno img { /*height:30%;*/ width:100%; height:auto; } #contTratamiento .ejercicioItems .parcelas td.mediano img { /*height:36%;*/ width:100%; height:auto; } #contTratamiento .ejercicioItems .parcelas td.grande img { /*height:49%;*/ width:100%; height:auto; } #contTratamiento .ejercicioItems .clicarD table.opciones { margin-top: 14%; } #contTratamiento .ejercicioItems .clicarD table.ejemplos { margin-top: 0%; } #contTratamiento .ejercicioItems .parcelas_memory td img { width: 65%;} #contTratamiento .avatar2 video { top: 14%; } #contTratamiento .avatar3 video { top:14%; } #contTratamiento .avatar4 video { top:14%; left:-5%; } #contActAsociativa .preguntas, #contActAsociativa .respuestas { font-size:20px; } #contActAsociativa .preguntas div.item, #contActAsociativa .respuestas div.item { padding: 10px 10px; line-height:25px; } #contTratamiento .ejercicioItems .clicarE .contItem.pequeno { /*font-size: 34px;*/ /*font-size: 31px;*/ font-size: max(3.1vh); } #contTratamiento .ejercicioItems .clicarE .contItem.mediano { /*font-size: 42px;*/ /*font-size: 34px;*/ font-size: max(3.4vh); } #contTratamiento .ejercicioItems .clicarE .contItem.grande { /*font-size: 50px;*/ /*font-size: 43px;*/ font-size: max(4.3vh); } #contTratamiento .ejercicioFeedBack .imagen { margin:10% auto; } #contTratamiento .ejercicioItems .parcelas_preguntas td.imagen img, #contTratamiento .ejercicioItems .parcelas_preguntas td.texto img, #contTratamiento .ejercicioItems .parcelas_respuestas td.imagen img, #contTratamiento .ejercicioItems .parcelas_respuestas td.texto img { height: 21%; } /* Columnas menu */ .col-menu{ /*width: 12%;*/ } .margen-menu-inferior-3, .margen-menu-inferior-4, .margen-menu-superior, .margen-menu-superior-2, .margen-menu-superior-3, .margen-menu-superior-4, .margen-menu-superior-5{ margin-left: 0; } #contResultadosRecompensas .recompensas .item { padding: 10px 0; } .botones-superior{ margin-bottom: 50px; } } @media (min-width: 768px) and (max-width: 1024px){ .container { width: 95%; } } @media (max-width: 1400px){ /*.col-menu{ width: 17.3%; }*/ .margen-menu-superior{ margin-left: 8.5%; } .margen-menu-inferior{ margin-left: 24%; } .margen-menu-inferior-3, .margen-menu-inferior-4{ margin-left: 6%; } .margen-menu-inferior-2{ margin-left: 15%; } div#menu-principal2.espaciado-izquierda-inferior{ margin-left: 6%!important; } } @media (max-width: 1200px){ .col-menu{ width: 22%; } #contTratamiento .barraPuntos .puntuacion .total .counter, #contTratamiento .barraPuntos .puntuacion .conseguido .counter{ font-size: 19px; line-height: 24px; } #contTratamiento .barraPuntos .niveles{ margin: 2px 0; } } @media (max-width: 1180px){ #contActSecuencial .opcionesV .items .item_img { width: 118px; height: 146px; } } @media (max-height: 1024px){ #contActAsociativa .preguntas, #contActAsociativa .respuestas, #contActSecuencial .items div.item span, #contActSecuencial .items div.item2 span, #contActSecuencial .opcionesH div.casilla.acierto div.item span, #contActSecuencial .opcionesH div.casilla2.acierto div.item2 span { font-size: 20px; line-height: 20px; } #contActSecuencial .opcionesH div.casilla{ padding: 63px 15px; } #contActSecuencial .opcionesH div.casilla2{ padding: 29px 15px; } #explicativaFlex{ height: 60%!important; } } @media (max-height: 960px){ #contActOpciones .pregunta, #contActOpciones .pregunta .texto_der, #contActOpciones .consigna, #feedBack .frase_ok, #feedBack .frase_error{ font-size: 18px!important; line-height: 20px!important; } #contActOpciones .respuestas .item, #contActOpciones .respuestas .item_act{ font-size: 18px!important; line-height: 24px!important; } #contActSecuencial .opcionesH div.casilla.acierto { line-height: 22px; } #contActSecuencial .opcionesH div.casilla2{ padding: 27px 15px; } #contActInformativa .imagen_izq img{ max-height: 45%!important; } #explicativaFlex{ height: 65%!important; } } @media (max-height: 900px){ .espaciado-izquierda{ margin-left: 9%!important; } .margen-menu-inferior{ margin-left: 25%; } #contActSecuencial .opcionesH .items div.item2 { padding: 9px 15px; } #contActSecuencial .opcionesH div.casilla{ padding: 53px 15px; } #contActSecuencial .opcionesH div.casilla2{ padding: 23px 15px; } #contActCuestionarioBORG .escala .point { height: 17%; } #contActCuestionarioBORG .escala .confirma { margin: 10% 0; } #explicativaFlex{ height: 70%!important; } } @media (max-height: 800px){ .fecha_tratamiento, .texto_realizadas { font-size:12px; } .panel .panel-heading, .panel .panel-body, .panel .titulo-bloques, .sesiones .panel-body, .duracion .panel-body, .diasRec .panel-body, .panel-footer { padding: 5px 15px!important; } #contTratamiento .barraPuntos .puntuacion .total .counter, #contTratamiento .barraPuntos .puntuacion .conseguido .counter{ font-size: 19px; line-height: 24px; } #contTratamiento .barraPuntos .niveles{ margin: 2px 0; } #contTratamiento .infoTratamiento .cantidad{ font-size: 40px; } #contTratamiento .infoTratamiento th { /*font-size: 14px;*/font-size: 19px; } #contTratamiento .infoTratamiento .titulo, #contTratamiento .infoTratamiento .titulo-bloques, #contTratamiento .infoTratamiento .titulo-sinclara, #contTratamiento .barraPuntos .niveles li{ font-size: 18px; } #contTratamiento .infoTratamiento .msg { font-size: 24px; line-height: 24px; } #contTratamiento .infoTratamiento .msg .reducido { font-size: 18px; line-height: 18px; } #contTratamiento .infoTratamiento .texto-final-sesion { font-size: 18px; line-height: 20px; } #contActSecuencial, #contActAsociativa, #contActDocumento{ margin-top: -10px!important; } #contActSecuencial .opcionesH div.casilla.acierto { padding: 32px 15px 17px 15px; line-height: 20px; } #contActSecuencial .opcionesH .items div.item { line-height: 26px; padding: 27px 15px; } #contActSecuencial .opcionesH .items div.item2 { line-height: 26px; padding: 8px 15px; } #contActSecuencial .opcionesV .items .item_img { width: 125px; height: 155px; } #contActSecuencial .opcionesH div.casilla{ padding: 45px 15px; } #contActSecuencial .opcionesH div.casilla2{ padding: 18px 15px; } #contActSecuencial .opcionesH div.casilla2.acierto { padding: 8px 15px 6px 15px; } #contActDocumento .descarga, #contActExplicativa .descarga { line-height: 56px; background-size: 30%; } #contActDocumento .doc_audio .cp-container{ margin: 10% 40%; } #contActDocumento .doc_video{ margin-top: 0; } #contActInformativa .imagen_izq img{ max-height: 55%!important; } #contActCuestionarioBORG .escala .point { height: 19.5%; } #explicativaFlex{ height: 75%!important; } #explicativaFlexAlta{ height: 90%!important; } #contActCuestionarioBORG .escala .point.nomargen { height: 18%; } .kilometer-body, .booking-body{ /*max-height: 50vh;*/ } .tabla-reservas{ /*max-height: 25vh;*/ } } @media (max-height: 700px){ #contTratamiento .barraPuntos .puntuacion{ margin: 0; } #contTratamiento .barraPuntos .niveles li{ line-height: 40px; } #contTratamiento .barraPuntos .niveles li img{ height: 40px; width: auto; } #contTratamiento .barraPuntos .puntuacion .total .counter, #contTratamiento .barraPuntos .puntuacion .conseguido .counter{ font-size: 16px; line-height: 20px; } #contActSecuencial .opcionesH div.casilla{ padding: 42px 15px; } #contActCuestionarioBORG .texto { margin-top: 0; } #contActCuestionarioBORG .textopeq { margin-top: -15px; } #contActCuestionarioBORG .escala{ margin: 1% 8% 0 8%; } #contActCuestionarioBORG .escala .point { height: 20%; } #contActCuestionarioBORG .escala .confirma { margin: 5% 0; } #menu-principal2 { margin-top: -20px!important; } #contActCuestionarioBORG .escala .point.nomargen { height: 20%; } .kilometer-body, .booking-body{ /*max-height: 45vh;*/ } .tabla-reservas{ /*max-height: 20vh;*/ } #tabla-registros{ /*max-height: 35vh;*/ } } @media (max-height: 600px){ .ui-dialog{ top: 25%!important; } .load_image{ margin-top: -20%!important; } .resultados-fila1{ height: 40%; } .texto-area-feskits{ overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .texto_footer { font-size:13px; font-weight:bold; } .cabecera-fecha{ top:1%; } .panel-body .titulo{ display: block; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } .panel-footer{ padding: 3px!important; word-spacing: 0!important; } .superior-20 { top:2%; } .tooltip { font-size:10px; } .sesiones, .duracion, .diasRec{ margin-top: 5px; } .sesiones .panel-body, .duracion .panel-body, .diasRec .panel-body, .panel .panel-body, .panel .titulo-bloques { padding: 0 15px!important; margin: -5px 0; } .fecha_tratamiento, .texto_realizadas{ margin-top: 6px!important; } #contTratamiento .infoTratamiento .titulo{ top: 30%!important; margin: 0; } #contTratamiento .infoTratamiento .cantidad{ font-size: 30px; } #contTratamiento .panel-body.barraPuntos{ height: 14%!important; } #contTratamiento .panel-body.barraPuntos .box-contador{ padding: 5px!important; line-height: 45px!important; } #contTratamiento .barraPuntos .puntuacion, #contTratamiento .barraPuntos .niveles{ margin: 4px 0; } #contTratamiento .barraPuntos .recompensas img{ height: 50px!important; } #actEsenciales{ height: 93%; } #contActOpciones{ margin-top: -10px!important; } #contActSecuencial .consigna, #contActAsociativa .titulo, #contActOpciones .consigna{ height: 20%!important; } #contActAsociativa .preguntas, #contActAsociativa .respuestas, #contActSecuencial .items div.item span, #contActSecuencial .items div.item2 span, #contActSecuencial .opcionesH div.casilla.acierto div.item span, #contActSecuencial .opcionesH div.casilla2.acierto div.item2 span { font-size: 18px; } #contActAsociativa .preguntas div.item, #contActAsociativa .respuestas div.item, #contActSecuencial .opcionesH .items div.item, #contActSecuencial .opcionesH .items div.item2{ padding: 10px 10px; line-height: 20px; } #contActSecuencial .opcionesH div.casilla.acierto div.item { padding: 10px 6px; line-height: 20px; } #contActAsociativa .preguntas div.item2, #contActAsociativa .respuestas div.item2, #contActSecuencial .opcionesH .items div.item2{ padding: 0; } #contActSecuencial .opcionesV .items .item_img { width: 118px; height: 146px; } #contActSecuencial .opcionesH div.casilla{ padding: 16px 15px 12px 15px; } #contActSecuencial .opcionesH div.casilla2{ padding: 12px 15px; } #contActSecuencial .opcionesH div.casilla.acierto, #contActSecuencial .opcionesH div.casilla2.acierto{ padding: 0 15px; } #contActSecuencial .opcionesV div.casilla_img { padding: 28% 15px; } #contActSecuencial .opcionesV .casilla_img.acierto .item_img img { width: 59%; height: auto; } #contActDocumento .descarga, #contActExplicativa .descarga { line-height: 46px; background-size: 22%; } #contActDocumento .doc_audio .cp-container{ margin: 2% 40%; height: 75%; } #contActOpciones .pregunta, #contActOpciones .pregunta .texto_der, #contActOpciones .consigna, #feedBack .frase_ok, #feedBack .frase_error{ font-size: 16px!important; line-height: 18px!important; } #contActOpciones .respuestas .item, #contActOpciones .respuestas .item_act{ font-size: 16px!important; line-height: 20px!important; } #contActExplicativa .titulo, #contActInformativa .titulo{ font-size: 24px!important; line-height:26px!important; } #contActExplicativa .texto_sg, #contActExplicativa .texto_sg span, #contActExplicativa .frase, #contActInformativa .texto_sg, #contActInformativa .frase{ font-size: 16px!important; line-height:18px!important; } #contActInformativa .imagen_izq img{ max-height: 70%!important; } #feedBack .frase_ok span{ font-size: 16px!important; } .botones-superior{ margin-bottom: 40px; } #explicativaFlex{ height: 80%!important; } } @media (max-width: 1200px){ #ico-img-1 { height:140px; width:119px; } #ico-img-2 { height:140px; width:117px; } #ico-img-3 { height:112px; width:140px; } #ico-img-4 { height:117px; width:140px; } #ico-img-5 { height:122px; width:122px; } #ico-img-6 { height:122px; width:133px; } #ico-img-7 { height:106px; width:126px; } #ico-img-8 { height:126px; width:123px; } .box .info h4{ font-size: 12px!important; } /*#miga { margin-top: 26px; font-size: 14px; width:76%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; text-align:right!important; margin-right:10px!important; }*/ #informacion-actividades h4, #informacion-sesiones h4{ font-size: 12px!important; } #informacion-actividades .widget-thumb-body-stat, #informacion-sesiones .widget-thumb-body-stat{ font-size: 22px!important; } #espaciado-resultados h4{ font-size: 12px!important; } #espaciado-resultados .widget-thumb-body-stat{ font-size: 22px!important; } .resultados-accesos{ width: 31%; } .resultados-accesos-img{ width: 100px; height: 100px; } .icono-area-feskits{ margin-left: -14px!important; } .fecha_tratamiento, .texto_realizadas{ font-size: 12px; } } /*** SOLO MENU PRINCIPAL ***/ @media (min-width: 1600px){ .espaciado-izquierda{ margin-left: 0!important; } .margen-menu-inferior{ margin-left: 23%; } } @media (max-width: 1450px) and (max-height: 930px){ .margen-menu-superior-2{ margin-left: 9%; } .margen-menu-superior-3{ margin-left: 10.5%; } .margen-menu-superior-4, .margen-menu-superior-5{ margin-left: 10%; } } @media (max-width: 1400px) and (max-height: 900px){ .margen-menu-superior{ margin-left: 9%; } .margen-menu-superior-3{ margin-left: 10%; } .margen-menu-inferior-2{ margin-left: 16.5%; } .margen-menu-inferior-3, .margen-menu-inferior-4{ margin-left: 7.5%; } div#menu-principal2.espaciado-izquierda-inferior{ margin-left: 9%!important; } } /***************************/ /***************************************************** TABLET ********************************************************************/ @media (max-width: 1024px){ #contTratamiento .ejercicioItems .parcelas_preguntas td.imagen img, #contTratamiento .ejercicioItems .parcelas_preguntas td.texto img, #contTratamiento .ejercicioItems .parcelas_respuestas td.imagen img, #contTratamiento .ejercicioItems .parcelas_respuestas td.texto img { height: 27%; } #contActExplicativa, #contActAsociativa, #contActCuestionarioEuroQoL, #contActCuestionarioEVA, #contActCuestionarioOSWESTRY, #contActCuestionarioSatisfaccion, #contActCuestionarioBORG, #contActDocumento, #contActInformativa, #contActOpciones, #contActSecuencial { padding-left: 3%; } #contActCuestionarioSatisfaccion .respuestas { padding:0 5%; } #contActCuestionarioSatisfaccion .respuestas .item { margin: 17px; } #contActCuestionarioSatisfaccion .texto_sat_izq { padding:0 7%; } #contActCuestionarioSatisfaccion .texto_sat_drc { padding:0 10%; } #menu-principal2{ margin-top: -20px; margin-left: 5px!important; } #espaciado-resultados{ margin-top: 20px!important; margin-bottom: 20px!important; } .texto_footer { font-size: 16px; } .texto_footer2 { font-size: 11px; } /*.texto_sg { font-size: 14px; } .titulo, .resultado{ font-size: 20px; }*/ .tamano-65{ width:45px!important; height:45px!important; } .espaciado-izquierda-inferior { margin-left: 1%; } .margen-menu-inferior-2{ margin-left: 10%; } .margen-menu-inferior-3, .margen-menu-inferior-4{ margin-left: 8.5%; } .margin-top-pie { /*margin-top: 5px !important;*/ } .margin-top-barra { /*margin-top: 2px !important;*/ } .margin-right-30 { margin-right: 25px !important; } .margin-bottom-50 { margin-bottom: 35px !important; } .margin-top-80 { margin-top: 80px !important; } .padding-top-15 { padding-top:5px !important; } .padding-bottom-10 { padding-bottom:5px !important; } .padding-bottom-15 { padding-bottom:5px !important; } /* Superior e Inferior*/ .superior-5, .superior-10 { top:0%; } .superior-15, .superior-20 { top:5%; } .inferior-5, .inferior-10 { bottom:0%; } .inferior-15, .inferior-20 { bottom:5%; } .niveles img { width: 58px; height: 58px; } .content-login { margin-bottom: 30%; } .navbar-fixed-top .navbar-text { /*margin-top: 10px; margin-bottom: 5px;*/ } .btn-logout { /*margin-top: 8px; height: 26px; width: 24px; background-size: 90%;*/ } /*** Panel ***/ .fecha_tratamiento { font-size:12px; } .texto_realizadas { font-size:12px; } .cabecera-fecha { top:1%; } /************/ #modal-icf{ width:95%; padding-left:10px; padding-right:10px; } .icon-resultado { width:220%; height:220%; margin-left:-50%; } .imagen_video{ background-size: 70%; } #ifr_vimeo, #ifr_digimevo{ /*width:63%;*/ } #contResultadosGeneral { height: 100%; } /*#contTratamiento .ejercicioItems .parcelas td img { height:25%; } #contTratamiento .ejercicioItems .parcelas td.mini img { height:21%; } #contTratamiento .ejercicioItems .parcelas td.mediano img { height:32%; } #contTratamiento .ejercicioItems .parcelas td.grande img { height:43%; }*/ #contActDocumento .doc_audio .cp-container { margin: 0% 40%; } #contActAsociativa .preguntas div.item, #contActAsociativa .respuestas div.item { padding: 5px 10px; line-height:20px; } #contTratamiento .ejercicioItems .pregunta { padding-right: 55%; } #contTratamiento .ejercicioItems .pregunta .img_escritura{ width: 75%; } #contTratamiento .ejercicioItems .clicarE .contItem.pequeno { /*font-size: 30px;*/ /*font-size: 28px;*/ font-size: max(2.8vh); } #contTratamiento .ejercicioItems .clicarE .contItem.mediano { /*font-size: 38px;*/ /*font-size: 33px;*/ font-size: max(3.3vh); } #contTratamiento .ejercicioItems .clicarE .contItem.grande { /*font-size: 46px;*/ /*font-size: 41px;*/ font-size: max(4.1vh); } #contTratamiento .infoTratamiento th { /*font-size: 14px;*/font-size: 19px; } #contTratamiento .infoTratamiento .titulo, #contTratamiento .infoTratamiento .titulo-bloques, #contTratamiento .infoTratamiento .titulo-sinclara, #contTratamiento .barraPuntos .niveles li{ font-size: 18px; } #contTratamiento .infoTratamiento .msg { font-size: 24px; line-height: 24px; } #contTratamiento .infoTratamiento .msg .reducido { font-size: 18px; line-height: 18px; } #contTratamiento .infoTratamiento .texto-final-sesion { font-size: 18px; line-height: 20px; } #contTratamiento .ejercicioFin .contDetalles .actividad .titulo { font-size: 25px; } #contTratamiento .ejercicioItems .parcelas td.mini { /*width: 90px; height: 90px;*/ /*font-size: 11px;*/ font-size: 11px; } #contTratamiento .ejercicioItems .parcelas td.pequeno { /*width: 120px; height: 120px;*/ /*font-size: 11px;*/ font-size: 11px; } #contTratamiento .ejercicioItems .parcelas td.mediano { /*width: 160px; height: 160px;*/ /*font-size: 16px;*/ font-size: 16px; } #contTratamiento .ejercicioItems .parcelas td.grande { /*width: 194px; height: 194px;*/ /*font-size: 20px;*/ font-size: 20px; } #contTratamiento .ejercicioItems .parcelas_preguntas td.imagen img, #contTratamiento .ejercicioItems .parcelas_preguntas td.texto img, #contTratamiento .ejercicioItems .parcelas_respuestas td.imagen img, #contTratamiento .ejercicioItems .parcelas_respuestas td.texto img { height: 20%; } #contTratamiento .ejercicioItems .parcelas_preguntas span.texto_grande, #contTratamiento .ejercicioItems .parcelas_respuestas span.texto_grande{ font-size: 23px !important; } #contTratamiento .ejercicioItems .parcelas_preguntas span.texto_medio, #contTratamiento .ejercicioItems .parcelas_respuestas span.texto_medio{ font-size: 16px !important;} #contTratamiento .ejercicioItems .parcelas_preguntas span.texto_normal, #contTratamiento .ejercicioItems .parcelas_respuestas span.texto_normal{ font-size: 13px !important; line-height: 14px;} /*#contTratamiento .infoTratamiento .titulo, #contTratamiento .infoTratamiento .titulo-bloques, #contTratamiento .infoTratamiento .titulo-sinclara { font-size: 18px; } #contTratamiento .ejercicioFin .contDetalles .actividad .titulo { font-size: 11px; } #contActExplicativa .titulo, #contActCuestionarioEVA .titulo, #contActCuestionarioOSWESTRY .titulo, #contActCuestionarioEuroQoL .titulo, #contActCuestionarioSatisfaccion .titulo , #contActDocumento .titulo, #contTratamiento .ejercicioItems .item_clicar .texto.pequeno, #contActExplicativa .titulo, #contActCuestionarioEVA .titulo, #contActCuestionarioOSWESTRY .titulo, #contActCuestionarioOSWESTRY .pregunta { font-size: 19px; } #contActAsociativa .titulo, #contActExplicativa .texto2, #contActExplicativa .texto3 { font-size: 14px; } #contResultadosRecompensas .recompensas .msg_recompensas, #contResultadosRecompensas .recompensas .item, #contTratamiento .ejercicioFin .contDetalles .actividad .titulo { font-size: 12px; } #contTratamiento .infoTratamiento .titulo, #contTratamiento .infoTratamiento .titulo-bloques, #contTratamiento .infoTratamiento .titulo-sinclara { font-size: 18px; } #contTratamiento .infoTratamiento th, #contTratamiento .ejercicioItems .parcelas_respuestas span.texto_normal, #contActCuestionarioEVA .botones div, #cont_pie #contBarProgress .ui-progressbar .ui-progressbar-value, .recompensas_pregunta .txt_error { font-size: 13px; } #contTratamiento .infoTratamiento .cantidad { font-size: 40px; } #contTratamiento .infoTratamiento .msg { font-size: 16px; line-height: 16px; } #contTratamiento .infoTratamiento .msg .reducido { font-size: 12px; line-height: 12px; } #contTratamiento .barraPuntos .puntuacion .conseguido .counter { font-size: 18px; } #contTratamiento .barraPuntos .niveles li, #contTratamiento .ejercicioItems .parcelas_respuestas span.texto_medio { font-size: 16px; } #contTratamiento .ejercicioItems .avisoConsigna-wrap { font-size: 24px; } #contTratamiento .ejercicioItems .item_clicar .texto.mediano, #contTratamiento .ejercicioItems .clicarE .contItem.mediano, #contTratamiento .ejercicioItems .pregunta .texto_escritura.mediano, #contTratamiento .ejercicioFeedBack .respuesta_tachada span, #contTratamiento .ejercicioFeedBack .respuesta_erronea { font-size: 32px; } #contTratamiento .ejercicioItems .item_clicar .texto.grande, #contTratamiento .ejercicioItems .clicarE .contItem.grande, #contTratamiento .ejercicioItems .pregunta .texto_escritura.grande,#contTratamiento .tiempoAgotado { font-size: 44px; } #contTratamiento .ejercicioItems .parcelas td.mini, #contTratamiento .ejercicioItems .parcelas_destino td.texto div, #contTratamiento .ejercicioItems .parcelas td.pequeno, #contActOpciones .pregunta, #contActOpciones .pregunta_big, #contActOpciones .consigna, #contActInformativa .frase, #contActExplicativa .texto, #contActExplicativa .frase, #contActCuestionarioEVA .texto, #contActCuestionarioEVA .consigna, #contActCuestionarioOSWESTRY .texto, #contActCuestionarioOSWESTRY .respuestas, #contActCuestionarioOSWESTRY .consigna, #contActCuestionarioEuroQoL .consigna, #contActCuestionarioEuroQoL .texto, #contActCuestionarioSatisfaccion .texto, #contActCuestionarioSatisfaccion .respuestas, #contActCuestionarioSatisfaccion .consigna, #contActSecuencial .consigna, #feedBack .frase_ok, #feedBack .frase_error { font-size: 14px; } #contTratamiento .ejercicioItems .parcelas td.mediano, #contTratamiento .ejercicioItems .clicarD .contItem .item, #contTratamiento .ejercicioItems .clicarD table.opciones td, #contTratamiento .ejercicioItems .clicarE .contItem.pequeno, #contTratamiento .ejercicioItems .pregunta, #contTratamiento .ejercicioItems .pregunta .texto.pequeno, #contActCuestionarioEuroQoL .pregunta, #contActCuestionarioEuroQoL .titulo, #contActCuestionarioSatisfaccion .titulo, #contActCuestionarioSatisfaccion .pregunta, #contActDocumento .titulo, #contActSecuencial .opcionesH .items, #contActSecuencial .opcionesH .casillas, #contActSecuencial .opcionesV .items, #contActSecuencial .opcionesV .casillas, #contActAsociativa .titulo, #contActAsociativa .preguntas, #contActAsociativa .respuestas { font-size: 19px; } #contTratamiento .ejercicioItems .parcelas td.grande { font-size: 32px; } #contTratamiento .ejercicioItems .clicarC1 .item .texto, #contTratamiento .ejercicioItems .clicarC1 .modelo .wrap .texto{ font-size: 18px; } #box-contador, #cont_pie #contInfoActividad .tiempo span, #contActOpciones .respuestas .item, #contActOpciones .respuestas .item_act { font-size: 14px; } #contTratamiento .ejercicioItems .parcelas_respuestas span.texto_grande, #contTratamiento .ejercicioItems .parcelas_memory .item .texto { font-size: 20px; } #contTratamiento .ejercicioFeedBack .respuesta_tachada { font-size: 52px; } #contActCuestionarioEVA .consigna span.valor, #contActCuestionarioEuroQoL .valor { font-size: 20px; } #contActCuestionarioEuroQoL .respuestas, #contActDocumento .descarga, #contActExplicativa .descarga { font-size: 15px; } #cont_pie #contBarProgress .ui-progressbar .ui-progressbar-value span, #cont_pie #contInfoActividad .tiempo span.txt { font-size: 9px; } #cont_pie #contInfoActividad .tiempo { margin: 8px 5px; }*/ #contActExplicativa .titulo, #contActInformativa .titulo, #contActCuestionarioEVA .titulo, #contActCuestionarioOSWESTRY .titulo, #contActCuestionarioEuroQoL .titulo, #contActCuestionarioSatisfaccion .titulo, #contActCuestionarioBORG .titulo, #contActDocumento .titulo, #contActAsociativa .titulo { top:1%!important; } /*#contActInformativa .frase, #contActExplicativa .frase, #contActOpciones .consigna, #contActSecuencial .consigna { display:none; }*/ #contActSecuencial .consigna, #contActAsociativa .titulo, #contActDocumento .titulo{ font-size: 16px!important; height:auto!important; } #contActSecuencial .items div.item span, #contActSecuencial .items div.item2 span, #contActSecuencial .opcionesH div.casilla2.acierto div.item2 span{ font-size: 18px!important; } #contActSecuencial .opcionesH .items div.item, #contActSecuencial .opcionesH .items div.item2, #contActSecuencial .opcionesH div.casilla2.acierto div.item2{ line-height:18px!important; } #contActSecuencial .opcionesH .items div.item, #contActSecuencial .opcionesH div.casilla { margin: 13px 0!important; } #contActSecuencial .opcionesH div.casilla_img { margin: 10px 0!important; } #contActSecuencial .opcionesH div.casilla2 { padding: 18px 15px; } #contActSecuencial .opcionesH div.casilla.acierto div.item span{ font-size: 18px!important; } #contActSecuencial .opcionesH div.casilla.acierto{ padding: 32px 15px 17px 15px; line-height:20px!important; } #contActSecuencial .opcionesH div.casilla{ padding: 42px 15px; } #contActAsociativa .preguntas, #contActAsociativa .respuestas{ font-size: 18px!important; line-height: 18px!important; } #contActExplicativa .titulo, #contActInformativa .titulo{ font-size: 24px!important; line-height:26px!important; } #contActExplicativa .texto_sg, #contActExplicativa .texto_sg span, #contActExplicativa .frase, #contActInformativa .texto_sg, #contActInformativa .frase{ font-size: 16px!important; line-height:18px!important; } #link-cuidate, #link-personaliza, #link-tercer-nivel { background-size: 100% auto!important; } #contResultadosRecompensas .progress { height: 10px; margin-bottom: 10px; } #contTratamiento .infoTratamiento .cantidad{ font-size: 40px; line-height: 42px; } #logo { /*float: left; width: 126px; height: 30px; margin-top: 5px;*/ margin-left: 15px; /*background: url("../../archivos/web/logo_responsive.png") center no-repeat;*/ /*background: url("../../archivos/web/logo_n.png") center no-repeat; background-size: 80%;*/ } #resumen_box_mensaje { width: 60%; } /*#miga { margin-top: 26px; font-size: 12px; width:72%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; text-align:right!important; margin-right:10px!important; }*/ .navbar-right { width:47%!important; text-align:right!important; } /*.navbar-right p { width:80%!important; }*/ .anchura-indice{ width:82%!important; } #contTratamiento .barraPuntos .niveles li { margin: -3px 2%; } #contActAsociativa .preguntas div.item, #contActAsociativa .respuestas div.item { padding: 18px 15px; margin: 13px 16px; } #contActAsociativa .preguntas div.item_img, #contActAsociativa .respuestas div.item_img{ margin: 13px 80px; } #contActAsociativa .preguntas div.item_img2, #contActAsociativa .respuestas div.item_img2{ margin: 13px 10px; } #cont_pie #contInfoActividad .aciertos, #cont_pie #contInfoActividad .fallos, #cont_pie #contInfoActividad .tiempo { margin: 16px 2px; } #contTratamiento .avatar2 video, #contTratamiento .avatar3 video { top: 0%; } .ui-dialog{ width: 50%!important; left: 25%!important; } .informacion-linea{ width: 100%; } #informacion-actividades h4, #informacion-sesiones h4{ font-size: 13px!important; } #informacion-actividades .widget-thumb-body-stat, #informacion-sesiones .widget-thumb-body-stat{ font-size: 25px!important; } #espaciado-resultados h4{ font-size: 12px!important; } #espaciado-resultados .widget-thumb-body-stat{ font-size: 22px!important; } .resultados-accesos{ width: 30%; } .resultados-accesos-img{ width: 75px; height: 75px; } .icono-area-feskits{ margin-left: 4px!important; } .porcentaje-areas{ font-size: 20px!important; } .box{ padding-left: 5px!important; padding-right: 5px!important; } .botones-superior{ margin-bottom: 35px!important; } #explicativaFlex .imagen_der .doc_audio, #explicativaFlex .imagen_izq .doc_audio{ width: 75%!important; } .kilometer-body, .booking-body, .tabla-reservas, #tabla-registros{ max-height: none; } #booking-form, .reserva-salas-container{ display: block; } .booking-body #booking-form p { width: 100%; } #contenido-caracteristicas { margin: 30px 0; } } @media (min-width: 1024px) and (max-width: 1500px){ #contTratamiento .avatar video, #contTratamiento .avatar2 video , #contTratamiento .avatar3 video{ top: 1%; } } @media (max-width: 1024px) and (max-height: 900px){ .margen-menu-inferior-2{ margin-left: 16.5%; } div#menu-principal2.espaciado-izquierda-inferior{ margin-left: 10%!important; } #contActSecuencial .opcionesH div.casilla{ padding: 16px 15px 12px 15px; } #contActSecuencial .opcionesH div.casilla2{ padding: 12px 15px; } #contActSecuencial .opcionesH div.casilla.acierto div.item { padding: 10px 6px; line-height: 20px; } #contActSecuencial .opcionesH div.casilla.acierto{ padding: 18px 15px; } #contActSecuencial .opcionesH div.casilla2.acierto{ padding: 10px 15px; } } @media (max-width: 1024px) and (max-height: 600px){ .sesiones .panel-body, .duracion .panel-body, .diasRec .panel-body, .panel .panel-body, .panel .titulo-bloques { padding: 0 15px!important; margin: -5px 0; } .panel .panel-heading, .panel-footer{ padding: 3px!important; word-spacing: 0!important; } .texto_footer { font-size:12px; font-weight:bold; } #contTratamiento .infoTratamiento .cantidad{ font-size: 30px; } #contActSecuencial .opcionesH div.casilla.acierto, #contActSecuencial .opcionesH div.casilla2.acierto{ padding: 0 15px; } } @media (max-width: 991px){ .segunda-eq{ margin-top:10px!important; } } @media (max-width: 980px){ .icono-area-feskits{ margin-left: 0px!important; } } @media (max-width: 920px){ #texto_respuesta{ width: 75%!important; } .icono-area-feskits{ margin-left: -2px!important; } #contActSecuencial .opcionesV .items, #contActSecuencial .opcionesV .cajas{ width:100%; } #contActSecuencial .opcionesV .items .item_img { width: 100px; height: 124px; } } @media (max-width: 860px){ /*#miga{ width:70%!important; }*/ .anchura-indice{ width:80%!important; } .box .info h4{ font-size: 9px!important; } .icono-area-feskits{ margin-left: -8px!important; } #ifr_vimeo, #ifr_digimevo{ width:93%; } #contTratamiento .infoTratamiento .titulo{ top: 30%!important; margin: 0; } #contTratamiento .barraPuntos .puntuacion, #contTratamiento .barraPuntos .niveles{ margin: 2px 0; } #contTratamiento .barraPuntos .puntuacion .total .counter, #contTratamiento .barraPuntos .puntuacion .conseguido .counter{ font-size: 11.5px; line-height: 20px; } #contResultadosRecompensas .libres, #contResultadosRecompensas .dirigidas{ font-size: 18px!important; } #contResultadosRecompensas .recompensas .msg_recompensas{ top: 110%; left: 25%; width: 90%; } #contActSecuencial .opcionesV .casilla_img.acierto .item_img img { width: 92%; height: auto; } #contActDocumento .descarga, #contActExplicativa .descarga { line-height: 56px; background-size: 45%; } #contActOpciones .pregunta .imagen_izq{ height: 80%!important; } #contActOpciones .respuestas .item_img{ width: 50%; } #contActOpciones .respuestas .item_img img{ max-width: 45%!important; } #contActOpciones .respuestas .img_three img{ max-width: 30%!important; } #contActOpciones .respuestas .img_four img{ max-width: 20%!important; } #contActOpciones .respuestas .img_five img{ max-width: 16%!important; } #contActInformativa .titulo, #contActInformativa .texto_sg, #contActInformativa .frase{ height: auto!important; } #contActExplicativa .imagen_der, #contActExplicativa .imagen_izq{ top: 8%!important; } #explicativaFlex .imagen_der, #explicativaFlex .imagen_izq{ top: 2%!important; } #explicativaFlex .imagen_der .doc_audio, #explicativaFlex .imagen_izq .doc_audio{ width: 100%!important; } } @media (max-width: 860px) and (min-height: 700px){ .tooltip{ font-size: 10px!important; } .tooltip-inner{ padding: 8px!important; } .margen-menu-inferior-2{ margin-left: 16%; } .margen-menu-inferior-3, .margen-menu-inferior-4{ margin-left: 6.5%; } #contTratamiento .panel-heading{ height: 7%!important; } #contTratamiento .panel-body{ height: 10%!important; } #contTratamiento .panel-body.barraPuntos{ height: 10%!important; } #contTratamiento .panel-fase{ height: 30%!important; } #contTratamiento .barraPuntos .niveles li{ line-height: 40px; } #contTratamiento .barraPuntos .niveles li img{ height: 40px; width: auto; } #contTratamiento .barraPuntos .texto_realizadas.margin-top-20{ margin-top: 10px!important; } #contTratamiento .barraPuntos .recompensas img{ height: 55px!important; } #contTratamiento .panel-body.barraPuntos .box-contador{ padding: 5px!important; line-height: 56px!important; } #explicativaFlex{ height: 40%!important; } #contActDocumento .doc_audio .cp-container { margin: 0% 35%; } #contActExplicativa .imagen_der, #contActExplicativa .imagen_izq{ top: 4%!important; } } @media (max-width: 860px) and (min-height: 1024px){ #contTratamiento .panel-body.barraPuntos{ height: 7%!important; } #contTratamiento .barraPuntos .puntuacion, #contTratamiento .barraPuntos .niveles{ margin: 9px 0; } } @media (max-width: 810px){ #texto_respuesta{ width: 72%!important; } /*.navbar-right p { width:78%!important; }*/ #cont_pie #contInfoActividad .aciertos span.txt, #cont_pie #contInfoActividad .fallos span.txt, #cont_pie #contInfoActividad .tiempo span.txt{ font-size:11px!important; } #cont_pie #contInfoActividad .aciertos span, #cont_pie #contInfoActividad .fallos span, #cont_pie #contInfoActividad .tiempo span{ font-size:13px!important; } .anchura-indice{ width:78%!important; } .icono-area-feskits{ margin-left: -10px!important; } #contTratamiento .barraPuntos .puntuacion .conseguido img{ height: 38px; width: auto; } } /***************************************************** MOBILE ********************************************************************/ @media (max-width: 768px){ body{ /*background-repeat: repeat!important;*/ background: none!important; } .rem-mobile{ display: none!important; } .col-menu{ width: 44%!important; } #principal .opciones { justify-content: flex-start; } #tbSegundoNivel_icon .row .col-sm-2{ width: 46%!important; float: left!important; } #contActes .col-sm-2, #actEsenciales .col-sm-2{ width: 46%!important; float: left!important; } #tbSegundoNivel_icon .row .col-sm-2.vlista, #contActes .col-sm-2.vlista, #actEsenciales .col-sm-2.vlista{ width: 90%!important; margin-bottom:5px!important; } #tbSegundoNivel_icon .row .col-sm-2.margin-left-20, #contActes .col-sm-2.margin-left-20, #actEsenciales .col-sm-2.margin-left-20{ margin-left: 15px!important; } .separador-menu{ display:none!important; } .espaciado-izquierda, .margin-left-10{ margin-left:0!important; } .imagen-sesion{ width:100%; height:auto; } #portal_cabecera{ padding-bottom:10px; } #portal_cuerpo, #portal_cabecera{ margin-right:10px; margin-left:10px; } #logo-texto{ padding-left:10px; } #menu-principal{ /*margin-top:0!important;*/ } div#menu-principal2.espaciado-izquierda-inferior{ margin-left: 0!important; } .botones-superior{ margin-bottom:0!important; } #logo-personaliza, #logo-central{ width:155px!important; height:37px!important; background-size:95% 95%!important; } #logo-central{ left:0; } /*.navbar-right{ min-width:190px!important; }*/ .text-right{ font-size:12px!important; } .panel-body .titulo{ overflow:visible!important; white-space:normal!important; } .navbar-right p{ float:left!important; } .navbar-right p span strong{ /*display:none!important;*/ } #tbSegundoNivel_icon .row .margin-bottom-20, #contActes .margin-bottom-20, #actEsenciales .margin-bottom-20{ margin-bottom:40px!important; } #ico-img-1, #ico-img-2, #ico-img-3, #ico-img-4, #ico-img-5, #ico-img-6, #ico-img-7, #ico-img-8{ margin-left:35%!important; } #contBarProgress{ min-width:30%!important; } .footer-info{ padding-top:10px!important; padding-bottom:10px!important; } #cont_pie #contBarProgress .ui-progressbar .ui-progressbar-value, #cont_pie #contBarProgress .ui-progressbar .ui-progressbar-value span{ font-size:12px!important; line-height:36px!important; } .ui-dialog{ width: 80%!important; left: 10%!important; } .anchura-indice{ width:78%!important; } .resultados-fila1, .resultados-fila2, .resultados-fila3, .resultados-fila4{ height: auto; } .resultados-accesos{ width: 100%; } #espaciado-resultados h4{ font-size: 13px!important; } #espaciado-resultados .widget-thumb-body-stat{ font-size: 25px!important; } .popup-actividades{ width: 97%; } .resultados-accesos-img{ width: 120px; height: 120px; } .area-feskits{ width: 100%; } .icono-area-feskits{ margin-left: 44%!important; } .porcentaje-areas{ font-size: 24px!important; } .box{ padding-left: 25px!important; padding-right: 25px!important; } .espaciado-izquierda-inferior{ margin-left:0!important; } #contTratamiento .barraPuntos .puntuacion .total img{ height: 38px; width: auto; } #contTratamiento .panel-body.barraPuntos{ height: 9%!important; } #contActSecuencial .opcionesV div.casilla_img.acierto { padding: 3% 2px; text-align:center; } #contActSecuencial .opcionesH div.casilla2.acierto { padding: 8px 15px 6px 15px; } div#explicativaFlex.exp56{ height: auto!important; } div#explicativaFlex.exp56 .imagen_der, div#explicativaFlex.exp56 .imagen_izq{ height: 330px!important; } #explicativaFlex, #explicativaFlex .texto_sg{ display: block!important; } #explicativaFlex .imagen_der, #explicativaFlex .imagen_izq{ display: block!important; float: none!important; width: 95%!important; height: 100%!important; margin: 10px 0!important; } #explicativaFlex .imagen_der .video_vimeo, #explicativaFlex .imagen_izq .video_vimeo, #explicativaFlex .imagen_der .video_vimeo_small, #explicativaFlex .imagen_izq .video_vimeo_small, #explicativaFlex .imagen_der .video_digimevo, #explicativaFlex .imagen_izq .video_digimevo, #explicativaFlex .imagen_der .video_digimevo_small, #explicativaFlex .imagen_izq .video_digimevo_small{ height: 120%!important; } #explicativaFlex .imagen_der img, #explicativaFlex .texto_sg.derecha{ margin-top: 15%!important; } #explicativaFlex .texto_sg.derecha, #explicativaFlex .texto_sg.izquierda{ width: 95%!important; } #explicativaFlex .imagen_der .doc_audio, #explicativaFlex .imagen_izq .doc_audio{ width: 50%!important; margin-left: 35%; } .kilometer-box, .booking-box{ width: 94%; } #tabla-filtros-eq, #filtro-codigo-eq, #filtro-tipo-eq, #filtro-localiza-eq{ width: 100%!important; } #tabla-filtros-eq td{ width: 100%; display: block; text-align: left!important; } #botones-filtros-eq td{ text-align: center!important; } .tabla-apilada, .tabla-apilada tbody, .tabla-apilada tr, #participa-lista, #participa-seleccion{ width:100%!important; display:block!important; } } @media (max-width: 768px) and (min-height: 900px){ #contTratamiento .barraPuntos .puntuacion, #contTratamiento .barraPuntos .niveles{ margin: 9px 0; } } @media (max-width: 767px){ #portal_cabecera .navbar-right{ margin-right:-15px!important; } .tooltip { font-size: 8px!important; } .imagen-clara{ margin-top: 5%; margin-left: 0; } .sesiones, .sesiones-final, .duracion, .diasRec{ margin-left: 0!important; margin-bottom: 5px!important; } .panel-body .botonera{ text-align: center; } .panel-body .botonera div{ padding: 25px 0; } #contTratamiento .infoTratamiento > .panel, #contTratamiento .panel-heading, #contTratamiento .panel-body{ height: auto!important; } #contTratamiento .avatar, #contTratamiento .avatar2, #contTratamiento .avatar3, #contTratamiento .avatar4{ height: 80%; } #contTratamiento .infoTratamiento .titulo, #contTratamiento .infoTratamiento .titulo-bloques, #contTratamiento .infoTratamiento .titulo-sinclara{ padding: 15px 0; } #contTratamiento .panel-body.barraPuntos .texto_realizadas{ margin-bottom: 8px!important; } .fecha_tratamiento.text-right{ padding-top: 20px; } .bq-copy{ width: 100%; } .bq-copy .cs-copy{ display: block; width: 100%; text-align: center; padding-top: 10px; } } @media (max-width: 680px){ .navbar-buttons .contenedor-menu-icon{width:100%; padding-bottom:25px; overflow:hidden;} .navbar-buttons .contenedor-menu-icon .col-menu-icon{margin:5px 0;} .navbar-buttons .contenedor-menu-icon .swiper-wrapper{display:flex; align-items:center;} .navbar-buttons .contenedor-menu-icon .swiper-slide{display:flex;} .navbar-buttons .contenedor-menu-icon .swiper-pagination{display:block; bottom:inherit!important;} .navbar-buttons .contenedor-menu-icon .swiper-pagination .swiper-pagination-bullet-active{background:#0f163e!important;} .navbar-buttons .contenedor-menu-icon.no-swipe{width:inherit; padding-bottom:5px;} .navbar-buttons .contenedor-menu-icon.no-swipe .swiper-wrapper{justify-content:center;} .navbar-right{ width:30%!important; } #miga{ display:none!important; } #portal_cabecera .navbar-header{ width:70%!important; } #portal_cabecera .navbar-right{ width:30%!important; } #cont_pie #contBarProgress .ui-progressbar .ui-progressbar-value, #cont_pie #contBarProgress .ui-progressbar .ui-progressbar-value span{ text-indent:0!important; overflow:hidden!important; text-overflow:ellipsis!important; padding-left:5px!important; font-size:10px!important; } .box .info h4{ font-size: 18px!important; } .icono-area-feskits{ margin-left: 42%!important; } #contTratamiento .infoTratamiento th { /*font-size: 12px;*/font-size: 17px; } #contTratamiento .barraPuntos .col-sm-4{ border-right: none; } #contTratamiento .avatar, #contTratamiento .avatar2, #contTratamiento .avatar3, #contTratamiento .avatar4{ height: 68%; } #contActSecuencial .opcionesV .items .item_img { width: 92px; height: 114px; } #contActExplicativa .titulo, #contActExplicativa .texto_sg, #contActExplicativa .frase, #contActExplicativa .imagen, #contActExplicativa .imagen_der, #contActExplicativa .imagen_izq{ height: auto!important; } #contActExplicativa .imagen, #contActExplicativa .imagen_der, #contActExplicativa .imagen_izq{ margin: 10px 0; width: 95%!important; } #contActExplicativa .imagen_der, #contActExplicativa .imagen_izq{ top: 2%!important; } #contActExplicativa .imagen_izq{ text-align: center!important; } #explicativaFlex .imagen_der, #explicativaFlex .imagen_izq{ display: block!important; float: none!important; width: 95%!important; height: 100%!important; margin: 10px 0!important; top: 8%!important; } #explicativaFlex .imagen_der .video_vimeo, #explicativaFlex .imagen_izq .video_vimeo, #explicativaFlex .imagen_der .video_vimeo_small, #explicativaFlex .imagen_izq .video_vimeo_small, #explicativaFlex .imagen_der .video_digimevo, #explicativaFlex .imagen_izq .video_digimevo, #explicativaFlex .imagen_der .video_digimevo_small, #explicativaFlex .imagen_izq .video_digimevo_small{ height: 100%!important; } } @media (max-width: 616px){ #cont_pie #contBarProgress .ui-progressbar .ui-progressbar-value, #cont_pie #contBarProgress .ui-progressbar .ui-progressbar-value span{ font-size:12px!important; line-height:18px!important; } #cont_pie #contInfoActividad .aciertos span.txt, #cont_pie #contInfoActividad .fallos span.txt, #cont_pie #contInfoActividad .tiempo span.txt{ padding-left:7px!important; padding-right:7px!important; } .anchura-indice{ width:76%!important; } #contActSecuencial .opcionesV .items .item_img { width: 84px; height: 104px; } } @media (max-width: 580px){ #cont_pie #contInfoActividad .aciertos span.txt, #cont_pie #contInfoActividad .fallos span.txt, #cont_pie #contInfoActividad .tiempo span.txt{ font-size:10px!important; } #cont_pie #contInfoActividad .aciertos span, #cont_pie #contInfoActividad .fallos span, #cont_pie #contInfoActividad .tiempo span{ font-size:12px!important; } /*.navbar-right p { width:74%!important; }*/ .anchura-indice{ width:74%!important; } #contActSecuencial .opcionesV .items .item_img { width: 78px; height: 96px; } #contActSecuencial .opcionesH .items div.item2{ padding: 15px 15px; } div#explicativaFlex.exp56 .imagen_der, div#explicativaFlex.exp56 .imagen_izq{ height: 275px!important; } } @media (max-width: 500px){ .col-sm-12{padding-right:0!important; padding-left:0!important;} .col-sm-12 .texto_sg{margin: 20px 0!important;} .boton-naranja-ventana{ font-size:0.9em!important; } .load_image{ margin-left: 0!important; } .anchura-indice{ width:70%!important; } .icono-area-feskits{ margin-left: 40%!important; } .imagen .video_vimeo, .imagen .video_digimevo{ margin: 0 10%; } .navbar-right { /*width:42%!important;*/ } #ifr_vimeo, #ifr_digimevo{ width:97%; } a.jp-video-play-icon{ margin-left: -6px!important; } .fecha_tratamiento.text-right{ padding-top: 10px; } #contResultadosRecompensas{ margin-left: 0!important; } #contResultadosRecompensas .recompensas .item{ font-size: 20px!important; } #contResultadosRecompensas .recompensas .msg_recompensas{ left: 42%; } #contActSecuencial, #contActInformativa, #contActAsociativa, #contActDocumento, #contActOpciones{ margin-top: 40px!important; } #contActSecuencial .items div.item span, #contActSecuencial .items div.item2 span, #contActSecuencial .opcionesH div.casilla.acierto div.item span, #contActSecuencial .opcionesH div.casilla2.acierto div.item2 span, #contActAsociativa .preguntas div.item span, #contActAsociativa .respuestas div.item span{ font-size: 14px!important; line-height: 14px!important; } #contActSecuencial .opcionesH .items div.item, #contActSecuencial .opcionesH .items div.item2{ line-height:18px!important; } /*#contActSecuencial .opcionesH .items div.item{ padding: 28px 15px!important; }*/ #contActSecuencial .opcionesH div.casilla.acierto{ padding: 23px 15px; } #contActSecuencial .opcionesH .items div:last-child, #contActSecuencial .opcionesH .casillas div:last-child, #contActSecuencial .opcionesH .items2 div:last-child, #contActSecuencial .opcionesH .casillas2 div:last-child{ margin-bottom: 100px!important; } #contActSecuencial .opcionesV .items .item_img { width: 74px; height: 91px; } #contActAsociativa .preguntas, #contActAsociativa .respuestas, #contActAsociativa .preguntas div.item2, #contActAsociativa .respuestas div.item2{ font-size: 14px!important; line-height: 14px!important; } #contActAsociativa .preguntas div.item, #contActAsociativa .respuestas div.item { margin: 13px 3px; } #contActAsociativa .preguntas div.item2, #contActAsociativa .respuestas div.item2{ margin: 7px; padding: 11px 15px; } #contActAsociativa .preguntas div.item_img, #contActAsociativa .respuestas div.item_img{ margin: 13px 30px; } #contActAsociativa .preguntas div.item_img2, #contActAsociativa .respuestas div.item_img2{ margin: 13px 5px; width: 37%; } #contActSecuencial .opcionesV div.casilla_img { padding: 45% 15px; } #contActDocumento .descarga, #contActExplicativa .descarga { line-height: 56px; background-size: 65%; } #contActDocumento .doc_audio .cp-container{ margin: 0% 20%; width: 65%; } #contActDocumento a.jp-video-play-icon, #explicativaFlex .imagen_der a.jp-video-play-icon, #explicativaFlex .imagen_izq a.jp-video-play-icon{ left: 35%!important; } #contActOpciones .pregunta, #contActOpciones .respuestas{ height: auto!important; } #contActOpciones .pregunta, #contActOpciones .pregunta .texto_der, #contActOpciones .consigna, #feedBack .frase_ok, #feedBack .frase_error{ font-size: 16px!important; line-height: 18px!important; } #contActOpciones .respuestas .item, #contActOpciones .respuestas .item_act{ font-size: 16px!important; line-height: 20px!important; } #feedBack .frase_ok span{ font-size: 16px!important; } #contActOpciones .pregunta{ float: none; margin-top: -20px!important; } #contActOpciones .pregunta .imagen_izq{ width: 100%!important; height: 100%!important; } #contActOpciones .pregunta .texto_der{ margin-top: 20px!important; } #contActOpciones .pregunta .imagen_izq{ margin-top: -30px!important; } #contActOpciones .pregunta .imagen_izq img{ max-width: 100%; } #contActOpciones .respuestas{ clear: both; } #contActOpciones .respuestas .item, #contActOpciones .respuestas .item_act { padding: 0 0 0 32px; } #contActOpciones .respuestas .columna_izq, #contActOpciones .respuestas .columna_der { width: 100%; } #contActOpciones .respuestas .columna_der { margin-top: -10px; } #contActOpciones .respuestas .contDesplegable { /*margin: 60% 15%;*/ margin: 30% 15%; } #contActOpciones .respuestas .contDesplegable .sbHolder{ position: relative!important; } #contActOpciones .respuestas .contDesplegable .sbHolder a{ font-size: 16px!important; } #contActInformativa .imagen_izq{ height: auto!important; margin-bottom: -50px!important; } div#explicativaFlex.exp56{ padding-top: 10px!important; } #explicativaFlex .imagen_der .video_vimeo, #explicativaFlex .imagen_izq .video_vimeo, #explicativaFlex .imagen_der .video_vimeo_small, #explicativaFlex .imagen_izq .video_vimeo_small, #explicativaFlex .imagen_der .video_digimevo, #explicativaFlex .imagen_izq .video_digimevo, #explicativaFlex .imagen_der .video_digimevo_small, #explicativaFlex .imagen_izq .video_digimevo_small{ height: 90%!important; } #explicativaFlex .imagen_der .doc_audio, #explicativaFlex .imagen_izq .doc_audio{ width: 65%!important; margin-left: 25%; } #explicativaFlex .texto_sg.derecha{ margin-top: 2%!important; } .kilometer-box, .booking-box{ width: 98%; margin-left: 0!important; margin-right:0!important; } #form_reserva_salas div.margin-left-15{ margin-left: 0!important; } } @media (max-width: 480px){ #logo-personaliza, #logo-central{ width:133px!important; height:32px!important; margin-top:20px!important; } } @media (max-width: 430px){ #portal_cabecera{ padding-bottom:12px; } #logo-personaliza, #logo-central{ width:123px!important; height:30px!important; } .texto-ventana-gmo{ font-size:15px; } .navbar-right p { float:none!important; display:inline-block!important; /*width:72%!important;*/ } .navbar-right p span strong{ position:relative!important; margin-top:0px!important; bottom:13px!important; } .text-right{ font-size:6.8px!important; } .fecha_tratamiento{ font-size:12px!important; } #tbSegundoNivel_icon .row .col-sm-2.margin-left-20, #contActes .col-sm-2.margin-left-20, #actEsenciales .col-sm-2.margin-left-20{ margin-left: 10px!important; } #cont_pie #contBarProgress .ui-progressbar .ui-progressbar-value, #cont_pie #contBarProgress .ui-progressbar .ui-progressbar-value span{ line-height:12px!important; } #cont_pie #contInfoActividad .aciertos, #cont_pie #contInfoActividad .fallos, #cont_pie #contInfoActividad .tiempo{ margin-left:0px!important; margin-right:0px!important; } #cont_pie #contInfoActividad .aciertos span, #cont_pie #contInfoActividad .fallos span, #cont_pie #contInfoActividad .tiempo span{ font-size:9px!important; padding-left:3px!important; padding-right:5px!important; } #cont_pie #contInfoActividad .aciertos span.txt, #cont_pie #contInfoActividad .fallos span.txt, #cont_pie #contInfoActividad .tiempo span.txt{ font-size:7px!important; } #cont_pie #contInfoActividad .aciertos span.sep, #cont_pie #contInfoActividad .fallos span.sep, #cont_pie #contInfoActividad .tiempo span.sep{ padding-left:0px!important; padding-right:0px!important; } #contBarProgress{ padding-right:5px!important; } .ui-dialog{ top: 25%!important; } .anchura-indice{ width:60%!important; } #informacion-actividades h4, #informacion-sesiones h4{ font-size: 11px!important; } #informacion-actividades .widget-thumb-body-stat, #informacion-sesiones .widget-thumb-body-stat{ font-size: 20px!important; } #espaciado-resultados h4{ font-size: 13px!important; } #espaciado-resultados .widget-thumb-body-stat{ font-size: 25px!important; } .icono-area-feskits{ margin-left: 36%!important; } #contActSecuencial .opcionesH .items div.item{ padding: 15px 15px!important; } #contActSecuencial .opcionesH div.casilla.acierto{ padding: 15px 18px; } #contActSecuencial .opcionesH div.casilla{ padding: 41px 15px; } #contActSecuencial .opcionesV .items .item_img { width: 64px; height: 79px; } div#explicativaFlex.exp56 .imagen_der, div#explicativaFlex.exp56 .imagen_izq{ height: 220px!important; } .booking-body #booking-form .horario { display: block; } } @media (max-width: 390px){ #portal_cabecera{ padding-bottom:14px; } #logo-personaliza, #logo-central{ width:113px!important; height:28px!important; } .tooltip { font-size: 7.5px!important; } .tooltip-inner{ padding: 3px!important; } .load_image{ margin-left: -5%!important; } /*#contTratamiento .panel-heading{ height: 21%!important; }*/ #explicativaFlex .imagen_der, #explicativaFlex .imagen_izq{ height: 40%!important; } #explicativaFlex .imagen_der .video_vimeo, #explicativaFlex .imagen_izq .video_vimeo, #explicativaFlex .imagen_der .video_vimeo_small, #explicativaFlex .imagen_izq .video_vimeo_small, #explicativaFlex .imagen_der .video_digimevo, #explicativaFlex .imagen_izq .video_digimevo, #explicativaFlex .imagen_der .video_digimevo_small, #explicativaFlex .imagen_izq .video_digimevo_small{ height: 123%!important; } #explicativaFlex .imagen_der img{ margin-top: 18%!important; } #explicativaFlex .texto_sg.derecha{ margin-top: 0!important; } #explicativaFlex .imagen_der .doc_audio, #explicativaFlex .imagen_izq .doc_audio{ margin-left: 20%; } } @media (max-width: 380px){ /*.navbar-right p { width:68%!important; }*/ .col-menu{ width: 42%!important; } .imagen .video_vimeo, .imagen .video_digimevo{ margin: 0 8%; } #contResultadosRecompensas .libres, #contResultadosRecompensas .dirigidas{ font-size: 16px!important; } #contResultadosRecompensas .recompensas .msg_recompensas{ left: 45%; } #contActSecuencial .opcionesV .items .item_img { width: 55px; height: 67px; } #contActOpciones .pregunta, #contActOpciones .pregunta .texto_der, #feedBack .frase_ok, #feedBack .frase_error{ font-size: 16px!important; line-height: 18px!important; } #contActOpciones .respuestas .item, #contActOpciones .respuestas .item_act{ font-size: 16px!important; line-height: 20px!important; } #contActOpciones .consigna{ font-size: 14px!important; line-height: 16px!important; } #contActOpciones .respuestas .contDesplegable { /*margin: 70% 10%;*/ margin: 30% 10%; } #feedBack .frase_ok span{ font-size: 16px!important; } #explicativaFlex .imagen_der .video_vimeo, #explicativaFlex .imagen_izq .video_vimeo, #explicativaFlex .imagen_der .video_vimeo_small, #explicativaFlex .imagen_izq .video_vimeo_small, #explicativaFlex .imagen_der .video_digimevo, #explicativaFlex .imagen_izq .video_digimevo, #explicativaFlex .imagen_der .video_digimevo_small, #explicativaFlex .imagen_izq .video_digimevo_small{ height: 130%!important; } #explicativaFlex .imagen_der img{ margin-top: 25%!important; } } @media (max-width: 360px){ .load_image{ margin-left: -8%!important; } .navbar-right { /*width:40%!important;*/ } /*.navbar-right p { width:60%!important; }*/ .imagen .video_vimeo, .imagen .video_digimevo{ margin: 0 4%; } #tbSegundoNivel_icon .row .col-sm-2.margin-left-20, #contActes .col-sm-2.margin-left-20, #actEsenciales .col-sm-2.margin-left-20{ margin-left: 8px!important; } #btContinuar{ min-width: 98px!important; } #cont_pie #contInfoActividad .aciertos span, #cont_pie #contInfoActividad .fallos span, #cont_pie #contInfoActividad .tiempo span{ font-size:7.5px!important; } #cont_pie #contInfoActividad .aciertos span.txt, #cont_pie #contInfoActividad .fallos span.txt, #cont_pie #contInfoActividad .tiempo span.txt{ font-size:6.5px!important; } #contResultadosRecompensas .recompensas .msg_recompensas{ left: 52%; } /*#contTratamiento .panel-heading{ height: 23%!important; }*/ #contActSecuencial .consigna, #contActAsociativa .titulo, #contActDocumento .titulo, #contActOpciones .pregunta{ font-size: 14px!important; } #contActSecuencial .opcionesV .items .item_img { width: 46px; height: 55px; } #contActAsociativa .preguntas div.item, #contActAsociativa .respuestas div.item{ padding: 8px; } #contActAsociativa .preguntas, #contActAsociativa .respuestas, #contActAsociativa .preguntas div.item2, #contActAsociativa .respuestas div.item2, #contActAsociativa .preguntas div.item, #contActAsociativa .respuestas div.item, #contActAsociativa .preguntas div.item span, #contActAsociativa .respuestas div.item span{ font-size: 12px!important; line-height: 12px!important; } #contActDocumento .doc_audio .cp-container{ margin: 0% 15%; width: 75%; height: 85%; } #contActDocumento .doc_audio{ margin-top: 15px!important; } #contActExplicativa .titulo, #contActInformativa .titulo{ font-size: 20px!important; line-height:22px!important; } #contActExplicativa .texto_sg, #contActExplicativa .texto_sg span, #contActExplicativa .frase, #contActInformativa .texto_sg, #contActInformativa .frase{ font-size: 14px!important; line-height:16px!important; } #explicativaFlex{ height: 62%!important; } } @media (max-width: 320px){ .boton-naranja-ventana{ font-size:0.8em!important; } .tooltip { font-size: 6.4px!important; } .load_image{ margin-left: -12%!important; } .imagen .video_vimeo, .imagen .video_digimevo{ margin: 0; } /*#contTratamiento .panel-heading{ height: 34%!important; }*/ #contTratamiento .panel-body.barraPuntos{ padding: 5px 15px!important; } #contTratamiento .avatar, #contTratamiento .avatar2, #contTratamiento .avatar3, #contTratamiento .avatar4{ height: 85%; } #contActDocumento a.jp-video-play-icon, #explicativaFlex .imagen_der a.jp-video-play-icon, #explicativaFlex .imagen_izq a.jp-video-play-icon{ left: 30%!important; } #contActOpciones .consigna{ height: 25%!important; } #contActOpciones .pregunta .imagen_izq{ margin-top: 0!important; } #contActOpciones .respuestas .contDesplegable { /*margin: 85% 5%;*/ margin: 30% 5%; } #explicativaFlex{ height: 98%!important; } #explicativaFlex .imagen_der img{ margin-top: 35%!important; } #explicativaFlex .imagen_der .doc_audio, #explicativaFlex .imagen_izq .doc_audio{ width: 80%!important; margin-left: 15%; } #explicativaFlex .texto_sg.derecha{ margin-top: -50px!important; } #reserva-salas, #reserva-salas-meses, #reserva-salas-anos{ width:290px!important; } }