/*****************
    Breve explicación
    -----------------

    Hay muchas clases que no tienen la explicación o
    el nombre de la etiqueta porque es un ajuste intrascendente,
    porque la etiqueta en sí no necesita un nombre o
    porque están copiadas del 'theme.css'.
    
    Esto lo hacemos, ya que en el 'theme.css', explica que ese archivo puede cambiar en un futuro,
    pero el 'custom.css', en cambio, no puede sobreescribirse por una actualización.
*/

/**** La barra de progreso y los sliders */

    .progress.active .progress-bar,
    .progress-bar.active {
      -webkit-moz-animation: progress-bar-stripes 1s linear infinite;
      -o-animation: progress-bar-stripes 1s linear infinite;
      animation: progress-bar-stripes 1s linear infinite;
    }
    
    .top-container .top-content:empty{display:none}
    .group-description:empty{display:none}
    .group-title:empty{display:none}
    .top-container .progress {
        height: 30px;
        width: 88%;
        margin-bottom: 0;
        /*margin-right: 10%;*/
        margin-left: 6%;
    }
    .top-container .progress {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset; /* flatly remove box-shadow : readd one */
    }
    .progress .progress-bar {
        line-height: 34px;
    }
    
    .fruity .progress-bar {
        color: #faffd7;
        font-size: 20px;
        background-color: #394be7;
        box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    }
    
    #topContainer {
        position: absolute;
        /*top: 55px; now define in JS to fit any title length */
        width: 100%;
        padding: 1em;
        border-bottom: none;
    }
    .progress-container {
      border: 1px solid #0083C3;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      padding: 14px 20px;
    }
    .progress {
        height: 25px;
        margin-bottom: 0px;
        background: #ffffff;
        border: 0;
        box-shadow: none;
    }
    
    /* .progress */
    .progress .progress-bar {
        width: 100% !important;
        background: #ffffff !important;
        color: #0F6C7D;
        box-shadow: none;
        text-align: right;
        font-size: 2em;
        font-weight: bold;
    }
    
    .progress-bar {
        background-color: blue;
        border: #eef5e2;
    }
    
    .slider.slider-horizontal{
        
        width:98%;
    }
    
    .question-code{
        font-size:0px;
        width:0%;
    }
    
    .group-title{
        font-size: 0px;
        width: 0%;
    }
    
    .slider-list .slider-item .control-label {
        margin-top: 1em;
    }
    
    .slider-list .slider-container {
        margin-top: 1em;
    }
    
    .slider-item {
        min-height: 30px;
    }
    
    .slider.slider-horizontal {
        margin-bottom: 0;
    }
    .slider-handle.custom::before {
        color: #9c3b85;
        font-size: 28px !important;
    }
    .withslider .form-group {
        margin-bottom: 5px;
    }
    .slider-list .pull-left {
        position: absolute;
        left: -15px;
        top: 10%;
    }
    .slider-list div.pull-right {
        position: absolute;
        top: -5px;
        right: -17px;
    }
    tooltip-inner {
        background: transparent;
        color: #fff;
        padding-bottom: 0;
    }

/*---------------------------------------*/

/**** Los cambios genéricos implementados a la versión 3.X */

    /** Sumamos el interlineado en la página de bienvenida */
        #group-0 .group-container.space-col > .question-container > .question-title-container > .question-text > .ls-label-question{
            line-height: 1.42857143 !important;
        }
        
        @media only screen and (max-width: 500px) {
            #group-0 .group-container.space-col > .question-container > .question-title-container > .question-text > .ls-label-question{
              line-height: 1.42857143 !important;
          	}
        }
        
        #group-2 .group-container.space-col > .question-container > .question-title-container > .question-text > .ls-label-question{
            line-height: 1.42857143 !important;
        }
        
        @media only screen and (max-width: 500px) {
            #group-2 .group-container.space-col > .question-container > .question-title-container > .question-text > .ls-label-question{
              line-height: 1.42857143 !important;
          	}
        }
        
        #group-3 .group-container.space-col > .question-container > .question-title-container > .question-text > .ls-label-question{
            line-height: 1.42857143 !important;
        }
        
        @media only screen and (max-width: 500px) {
            #group-3 .group-container.space-col > .question-container > .question-title-container > .question-text > .ls-label-question{
              line-height: 1.42857143 !important;
              
          	}
          	.bait{
          	    margin-left: 0% !important;    
          	}
        }
    /*-*/

    /* container fluid */
    .top-container {
        border: 1px solid #0F6C7D;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        padding: 14px 20px;
        width: 18.66666667%;
        float: right;
        position: relative;
        min-height: 1px;
        height: 30%;
        margin-right: -1.15%;
    }
    
    .container.header {
      padding: 0;
    }
    
    #langchanger-label {
        padding-top: 11px;
    }
    
    /* lo que engloba el título */
    
    .group-outer-container {
        display: block;
    }
    
    .space-col {
        padding-top: 0.8%;
        margin-bottom: -0.06em;
        margin-top: 1.29em;
    }
    
    /*EL título */
    
    .fruity .well {
        font-size: 22px;
        width: 84.1%;
        background: #0F6C7D;
        color: #FFFFFF;
        border: 1px solid #0F6C7D;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        padding: 7px 20px;
            padding-top: 7px;
            padding-bottom: 7px;
        padding-top: 7px;
        padding-bottom: 7px;
        font-weight: bold;
        text-transform: uppercase;
        padding-bottom: 0;
        padding-top: 11px;
    }
    
    .question-container{
        margin-top: 2%;
        border-radius: 10px;
        /* IE10 Consumer Preview */
        background-image: -ms-radial-gradient(right bottom, circle farthest-corner, #CECECE 0%, #FFFFFF 50%);
        /* Mozilla Firefox */
        background-image: -moz-radial-gradient(right bottom, circle farthest-corner, #CECECE 0%, #FFFFFF 50%);
        /* Opera */
        background-image: -o-radial-gradient(right bottom, circle farthest-corner, #CECECE 0%, #FFFFFF 50%);
        /* Webkit (Safari/Chrome 10) */
        background-image: -webkit-gradient(radial, right bottom, 0, right bottom, 1012, color-stop(0, #CECECE), color-stop(0.5, #FFFFFF));
        /* Webkit (Chrome 11+) */
        background-image: -webkit-radial-gradient(right bottom, circle farthest-corner, #CECECE 0%, #FFFFFF 50%);
        /* W3C Markup, IE10 Release Preview */
        background-image: radial-gradient(circle farthest-corner at right bottom, #CECECE 0%, #FFFFFF 50%);
    }
    
    .fruity .btn-primary {
        color: #ffffff;
        background-color: #0F6C7D;
        border-color: #0F6C7D;
        text-transform: uppercase;
    }
    
    /* esta etiqueta es para bajar de posición el título y la barra de progreso */
    #limesurvey{
        margin-top: -8%;
    }
    
    /** alinear a la izquierda, para no meterlo a mano */
        .ls-answers tbody .answertext {
            text-align: left;
        }
        table.ls-answers tr {
            text-align: left;
        }
    /*-*/
    
    /* cambiamos el tipo de letra, pero también hay que añadir un link rel en el layout_global.twig */
    
    .font-noto{
        font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 18px;
        line-height: 1.42857143;
        color: #2c3e50;
    }
    
    /** el hover de los botones de idioma */
    
        .fruity .btn-primary:hover, .fruity .btn-primary:focus, .fruity .btn-primary.active:focus, .fruity .open .dropdown-toggle.btn-primary {
            color: #ffffff;
            background-color: #1a242f;
        }
        
        .fruity .btn-primary:active, .fruity .btn-primary.active, .fruity .open .dropdown-toggle.btn-primary {
        
            color: #ffffff;
            background-image: none;
            background-color: #798d8f;
        }
        
        .fruity a:visited {
            color: #ffffff;
            background-color: #798d8f;
            border-color: #AC3B85;
            text-transform: uppercase;
        }
    /*-*/
    
    /** cambiamos el botón 'anterior' */
    
        .btn-default{
            border-color: transparent;
        }
        
        .fruity .btn-default {
            background-color: #808080;
            border-color: transparent;
            color: #ffffff;
            text-transform: uppercase;
            float:left;
        }
        
        .fruity .btn-default:hover, .fruity .btn-default:focus, .fruity .open .dropdown-toggle.btn-default {
            color: #fff;
            background-color: #2b2b2b;
            border-color: #2b2b2b;
        }
    /*-*/
    
    /* El botón siguiente */
    
    .fruity .btn-primary:hover, .fruity .btn-primary:focus, .fruity .open .dropdown-toggle.btn-primary {
         color: #fff;
        background-color: #2b2b2b;
        border-color: #2b2b2b;
    }
    
    /** El botón opciones */
    
        .fruity .btn-info {
            color: #808080;
            background-color: #D7D6D7;
            border-color: #D7D6D7;
            text-transform: uppercase;
        }
        
        .fruity .btn-info:hover, .fruity .btn-info:focus, .fruity .btn-info:active, .fruity .btn-info.active, .fruity .open .dropdown-toggle.btn-info {
        
            color: #fff;
           background-color: #808080;
            border-color: #808080;
        
        }
    /*-*/
    
    /** los componentes del botón opciones */
    
        .cd_es{
            font-size: 13px;
        }
        
        .salir_es{
            font-size: 13px;
        }
    /*-*/
    
    /** Los botones de atrás y adelante */
    
        .atras-es{
            margin-left: 60%;
        }
        
        .atras-eu{
            margin-left: 56%;   
        }
        
        .atras-en{
            margin-left: 66%;   
             
        }
        
        .adelante-es{
            
        }
        
        .adelante-eu{
            
        }
        
        .adelante-en{
            
        }
    /*-*/
    
    /** personalizamos el navbar para que obtenga el aspecto del 2.X */
    
        .navbar-default .navbar-brand {
        	margin-left: 5.2%;
        }
        
        .navbar-action-link {
        	margin-right: 5.2%;
        }
        
        .fruity .navbar {
        	background-color: transparent;
        	box-shadow: 0 3px 3px rgba(255, 255, 255, 0.1);
        	border-radius: 0 !important;
        	display: flex;
        }
    /*-*/
    
    /** modificamos las tablas para que tengan el aspecto del 2.X */
    
        .fruity .table-bordered {
        	border: 0px solid #dadada;
        	border-style: hidden;
        }
        
        table{
            border:0px solid black;
            border-collapse: collapse;
        }
        
        .table-bordered th, .table-bordered td {
          border-bottom: 1px solid #ddd;
          border: 0px solid #dadada;
        }
        .table-bordered{
            border: 0px solid #dadada;
        }
        
        table col[class*="col-"] {
            position: static;
            display: table-column;
            float: none;
            border-style: hidden;
        }
    /*-*/
    
    /* El Logo */
    
    .logo {
        width:470px;
        height: 120;
        margin-top: 2%;
    }
    
    /* botón 'Descargar Informe' de la página de resultados */
    
    .completed-wrapper a {
        
        color: #ffffff;
        background-color: #0F6C7D;
        border-color: #0F6C7D;
        text-transform: uppercase;
        padding: 8px 27px;
        border-radius: 5px;
        text-decoration: none;
        float: right;
        margin-bottom: 1%;
        margin-right: -1.45%;
    }
    
    /* alinear el título de la página de resultados */
    
    .completed-wrapper{
        margin-top:8%;
    }
    
    /** ajustar los labels de: básico, intermedio, avanzado... */
    
        .table > thead > tr > th{
            padding: 0px;
        }
        
        /* dándole forma a los sliders respecto a las de la version 2.X */
        
        .fruity .slider-selection {
            background-image: linear-gradient(to bottom, #e8d2eb 0%, #fff 100%);
        }
        
        .fruity .tooltip-inner {
            color: #fff;
            background-color: transparent;
            padding: 0;
        }
        
        .slider .tooltip-inner {
            cursor: pointer;
            margin-top: 32.8px;
        }
        
        .fruity .tooltip.top .tooltip-arrow {
            border-top-color: #ae268a;
            display: none;
        }
        
        .fruity .slider-handle {
            background: #0F6C7D;
        }
        
        .slider.slider-horizontal {
            /*width: 245px;*/
            height: 0px;
        
        }
        
        .slider .tooltip-inner {
        
            cursor: pointer;
            margin-top: 22.8px;
        
        }
        
        .slider-handle {
            position: absolute;
            top: -10px;
            width: 20px;
            height: 20px;
            background-color: #337ab7;
            background-image: -webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);
            background-image: -o-linear-gradient(top,#337ab7 0,#2e6da4 100%);
            background-image: linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7',endColorstr='#ff2e6da4',GradientType=0);
            filter: none;
            -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
            border: 0 solid transparent;
        }
        
        .col-sm-8 {
            width: 30%;
            float: right;
            margin-right: 1%;
        }
        
        .col-sm-4 {
            width: 33%;
        }
        
        .form-horizontal .control-label {
            padding-top: 0px;
            margin-bottom: 0;
            text-align: left;
            width:69%;
        }
        
        .fruity .question-item {
            padding-top: 0em;
        }
    /*-*/
        
    /* cambiamos el color de los enlaces */
    
    .fruity a {
       color: white;
    }
    
    /* cambiamos el color de los textos: "0 lo desconozco" */
    
    .fruity .text-info {
        color: #808080;
        font-size: 0.7em;
        margin-bottom: -2%;
        text-align:right;
    }
        
    /** ordenar la página 'DatosBásicos' */
        
        .ls-answers{
            padding-top: 15px;
            padding-bottom: 15px;
            margin-bottom: 0;
            width: 100%;
        }
        .form-control{
            width:50%;
        }
        
        /* los títulos en la página 'DatosBásicos' */
        
        .datosbasicos{
            color: #0F6C7D;
            font-size: 25px;
            font-weight: 400;
        }
    /*-*/
    
    /* el asterisco de obligatorio */
    
    .fruity .text-danger{
        color: #e74c3c;
        display: none;
    }
    
    /* el label '0' de los sliders' */
    .pull-left {
        margin-left: 1.4%;
        margin-top: -0.45%;
    }
    
    /* el logo */
    
    .logo-container > img {
        max-height: 75px;
        padding: 0;
        width: auto;
    }
    
    /** los títulos de las preguntas */
    
        .tituloPreg {
        
            font-weight: 400;
            color: #0F6C7D;
            font-size: 25px;
        
        }
        
        .tituloNum {
            font-size: 25px;
        }
    
    /*-*/
    
    /* El tema del icono de la pregunta */
    
    .ls-questionhelp::before {
    
        position: absolute;
        font-family: FontAwesome;
        font-size: inherit;
        line-height: inherit;
        height: 100%;
        display: none;
    
    }
    
    /* la ventana de los sliders, ajustándolos */
    
    .form-horizontal .form-group {
    
        margin-right: -15px;
        margin-left: -15px;
        line-height:1.2;
    }
    
    /* ajustando visualmente las columnas */
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-right: 25px;
        padding-left: 25px;
    }
    
    /* el fondo de las preguntas */
    
    .ls-even{
        background: transparent;
    }
    
    /* el espacio entre los textos */ 
    
    p {
        margin: 0 0 10px;
    }
    
    /* Descripción */
    
    .descripcion{
        font-size: 21px; 
        /*text-transform: lowercase;*/
    }
    
    /** imagenes de la encuesta */
    
        .barnetegi{
            width: 234px;
            float: left;
            height: 144px;
            margin-right: 15px;
        }
        .gunea{
            width: 234px;
            float: left;
            height: 144px;
            margin-right: 15px;
        }
        .txartela{
            float: left; 
            margin-right: 15px;
        }
        .enpresadig{
            width: 234px;
            float: left;
            height: 144px;
            margin-right: 20px;
        }
        .bait{
            margin-left:15%;
        }
    /*-*/

/*-----------------------------------*/

/**** CÓDIGO DE VERSIONES ANTERIORES */

    #surveynametitle {
        font-size: 4em;
    }
    
    #surveydescription, #surveynametitle, #welcome-container h1 {
        color: #2c3e50;
        text-align: center;
    }
    
    #surveydescription, .group-name {
        color: #2c3e50;
    }
    
    #main-row, #welcome-container {
        background-color: transparent;
    }
    
    .answertext {
        font-weight: normal;
    }
    
    .slider-handle {
      background: #AC3B85;   
    }
    #optionModal .modal-body {
      text-align: center;
    }
    .modal-body li {
        list-style: none;
        text-align: center;
        margin: 5px 2px;
        display: inline-block
    }
    .tokenmessage {
        padding: 30px;
    }
    
    #waitMessage p {
        margin: 10px 0;
    }
    
    .containerra{
      position: relative;
      height: 20em;
      width: 20em;
     
      margin-right: auto;
      margin-left: auto;
    }
    .scale{
      height: 10em;
      width: 10em;
      background-size: cover;
      position: absolute;
      overflow: hidden;
      opacity: 0.5;
      
    }
    #one {
      background-color: #3a84c4 ;
      -moz-border-radius: 10em 0 0 0;
      border-radius: 10em 0 0 0;
      left: 0;
      top: 0;
    }
    #two{
       background-color: #f6d51f;
      -moz-border-radius: 0 10em 0 0;
      border-radius: 0 10em 0 0;
      right: 0;
      top: 0;
    }
    #three{
      background-color: #5fa55a;
      -moz-border-radius: 0 0 10em 0;
      border-radius: 0 0 10em 0;
      bottom: 0;
      right: 0;
    }
    #four{
      background-color: #fa5457;
      -moz-border-radius: 0 0 0 10em;
      border-radius: 0 0 0 10em;
      bottom: 0;
      left: 0;
    }
    .scale:hover{
      transform: scale(1.1);
      z-index: 100;
      opacity: 1;
     
    }
    
    .testua{
    
        margin-top: 4.5em;
        margin-right: 2em;
        font-size: 1em;
        font-weight: bold;
        color: white;
        text-align: right;
    }
    
    .testua2{
    
        margin-top: 4.5em;
        margin-left: 2em;
        font-size: 1em;
        font-weight: bold;
        color: white;
    }
    
    .ize{
        background-color: darkgray;
        color: white;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5em;
        padding-top: 2em;
        padding-bottom: 2em;
        text-align: center;
    }
    
    .ezk{
        margin-top: 0.5em;
      
    }
    
    .behe{
      margin-top: 6em;
      font-weight: bold;
      display: none;
    }
    
    .azkena{
      padding-top: 2em;
      text-align: center;
      background-color: lightblue;
      border: 1px solid black;
      padding-bottom: 2em;
    }
    
    .SE{
      font-weight: bold;
      transform: scale(1.1);
      z-index: 100;
      opacity: 1;
      display: block;
    }
    
    .SD{
      font-weight: bold;
      transform: scale(1.1);
      z-index: 100;
      opacity: 1;
      display: block;
    }
    
    .IE{
      font-weight: bold;
      transform: scale(1.1);
      z-index: 100;
      opacity: 1;
      display: block;
    }
    
    .ID{
      font-weight: bold;
      transform: scale(1.1);
      z-index: 100;
      opacity: 1;
      display: block;
    }
    
    @media only screen and (min-width: 991px) {
       .kolau{
            width:55.3333%!important;
        }
    
        .ezk{
            margin-left: 5em;
            margin-bottom: 4em;
        }
    }
    
    @media only screen and (min-width: 1200px) {
       .kolau{
            width:58.3333%!important;
        }
        
        .ezk{
            margin-left: 5em;
        }
    
    }
    
    @media only screen and (min-width: 615px) {
       .behe{
            margin-left: 5em;
            margin-right: 5em;
       }
    }
    
    @media only screen and (max-width: 515px) {
       .containerra{
            font-size: 0.7em;
       }
    }
    
    @media only screen and (max-width: 991px) {
          .ezk{
            margin-bottom: 4em;
            text-align: center;
        }
    }

/*------------------------------*/

/**** Botones del nav_bar */

    /* Los links del cambio de idioma */
    .fruity .nav .open > a {
        color: #fff;
        background-color: transparent;
    }
    
    /* este es la id/clase que coge todos los botones/links*/
    #langlist {
        float: right;
        padding-top: 15px;
        padding-bottom: 15px;
        display: flex;
        margin-right: 6.5%;
    }
    
    /** Aquí transformamos los links para que tengan aspecto de botón */
    
        #langlist a {
            margin: 0 2px;
            border-radius: 5px;
            border: none;
            border-color: currentcolor;
            height: 26px;
            width: 35px;
            font-size: 18px;
            padding: 4px 7.5px;
        }
        
        #langlist a:hover {
            color: #ffffff;
            background-color: #1a242f;
            border:none;
        }
        
        .fruity .navbar a.animate {
        
            text-decoration: none;
            border: none;
            background-color: #0F6C7D;
        
        }
        
        /* esta clase da un color grisaceo al botón que se ha activado la última vez */
        .fruity .navbar .colorchange {
            text-decoration: none;
            border: none;
            background-color: #808080;
        }
        
        .fruity .navbar a.animate::after {
        
            text-align: right;
            content: '';
            display: block;
            width: 0;
            height: 2px;
            background-color: transparent;
        }
        
        /** Los botones que no están activados */
            .btn-primary a {
                color: #ffffff;
                background-color: #1a242f;
                border-color: #161f29;
            }
            
            .btn-primary {
                color: rgb(255, 255, 255);
                background-color: rgb(123, 42, 95);
                text-transform: uppercase;
            }
        /*-*/
        
        .fruity .navbar .animate::after {
            text-align: right;
            content: '';
            display: inline;
            width: 0;
            height: 2px;
            background-color: #328637;
        }
    /*-*/
    
    input, button, select, textarea {
        font-family: inherit;
        font-size: 18px;
        line-height: inherit;
    }
    
    button, html input[type="button"], input[type="reset"], input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
    }
    
    button {
        overflow: visible;
    }

/*----------------------------------*/
    
/**** Página de resultados */

    /* Question Design */
    
    .group-description-container,
    .completion-description-container {
      margin: 20px 0;
      padding: 0;
    }
    .group-description-container .group-container {
      background: #0083C3;
      color: #FFFFFF;
      border: 1px solid #0083C3;
      border-top-left-radius: 10px;
      border-bottom-left-radius: 10px;
      padding: 10px 20px;
        font-size: 1.3em;
        font-weight: bold;
        text-transform: uppercase;
    }
    .completion-description-container .title-container {
        background: #0F6C7D;
      color: #FFFFFF;
      border: 1px solid #0F6C7D;
      border-radius: 10px;
      padding: 10px 20px;
        font-size: 1.3em;
        font-weight: bold;
        text-transform: uppercase;
    }
    div.completion-description-container div.title-container {  
      border-radius: 10px;
    }
    
    body div.row.survey-welcome {
        border: 1px solid #d7d6d7;
        border-radius: 10px;
    }
    
    /** esto es para darle el fondo degradado */
        body div.row .completion-container{
            margin-bottom: 1em;
            padding: 15px;
            border: 1px solid #d7d6d7;
            border-radius: 10px;
            /* IE10 Consumer Preview */ 
            background-image: -ms-radial-gradient(right bottom, circle farthest-corner, #CECECE 0%, #FFFFFF 50%);
            /* Mozilla Firefox */ 
            background-image: -moz-radial-gradient(right bottom, circle farthest-corner, #CECECE 0%, #FFFFFF 50%);
          /* Opera */ 
          background-image: -o-radial-gradient(right bottom, circle farthest-corner, #CECECE 0%, #FFFFFF 50%);
          /* Webkit (Safari/Chrome 10) */ 
          background-image: -webkit-gradient(radial, right bottom, 0, right bottom, 1012, color-stop(0, #CECECE), color-stop(0.5, #FFFFFF));
          /* Webkit (Chrome 11+) */ 
          background-image: -webkit-radial-gradient(right bottom, circle farthest-corner, #CECECE 0%, #FFFFFF 50%);
          /* W3C Markup, IE10 Release Preview */ 
          background-image: radial-gradient(circle farthest-corner at right bottom, #CECECE 0%, #FFFFFF 50%);
        }
        
        body div.row .question-container,
        body div.row.survey-welcome {
            margin-bottom: 1em;
            border: 0px solid #d7d6d7;
            border-radius: 10px;
          /* IE10 Consumer Preview */
            background-image: -ms-radial-gradient(right bottom, circle farthest-corner, #CECECE 0%, #FFFFFF 50%);
            /* Mozilla Firefox */
          background-image: -moz-radial-gradient(right bottom, circle farthest-corner, #CECECE 0%, #FFFFFF 50%);
          /* Opera */
          background-image: -o-radial-gradient(right bottom, circle farthest-corner, #CECECE 0%, #FFFFFF 50%);
          /* Webkit (Safari/Chrome 10) */
          background-image: -webkit-gradient(radial, right bottom, 0, right bottom, 1012, color-stop(0, #CECECE), color-stop(0.5, #FFFFFF));
          /* Webkit (Chrome 11+) */
          background-image: -webkit-radial-gradient(right bottom, circle farthest-corner, #CECECE 0%, #FFFFFF 50%);
          /* W3C Markup, IE10 Release Preview */
          background-image: radial-gradient(circle farthest-corner at right bottom, #CECECE 0%, #FFFFFF 50%);
        }
    /*-*/
    
    body div.row.survey-welcome {
        margin-top: 1em;
    }
    
    .answer-container, .question-help-container
    {
        border-style: solid;
    }
    
    .answer-container
    {
        /*border-width: 0px 1px 0px 1px;*/
        border: none;
        border-style:hidden;
        padding-top: 0em;
        background-color: transparent;
        padding-bottom: 20px;
    }
    
    .question-help-container
    {
        border: none;
        padding: 0em 2em;
    }
    
    .final-page-container .col-left {
        padding-right: 10px;
    }
    .final-page-container .col-right {
        padding-left: 10px;
    }
    
    .purple {
        color: #AC3B85;
        margin: 5.5px 0 5.5px;
    }
    .green {
        color: #0F6C7D;
        margin: 10px 0 0;
    }
    .greenblue {
        color: #0F6C7D;
        margin: 10px 0 0;
    }
    .grey {
        margin: -5px 0 11px;
        font-size: 0.9em;
        color: #808080;
    }
    #download-button {
        text-align: right;
        padding-bottom: 20px;
    }
    #download-button a {
      color: #ffffff;
      background-color: #6ba4b8;
      border-color: #6ba4b8;
    
      padding: 8px 27px;
      border-radius: 5px;
      text-decoration: none;
    }
    #download-button a:hover {
      background-color: #1a242f;
      border-color: #161f29;
    }

/*-----------------------*/

/**** Small helper classes, that are not shipped with bootstrap but fit in well*/
    
    .ls-label-question{
        /*padding-left: 2em;*/
        padding-left: 25px;
        font-size: 18px;
        line-height: 1.2;
    }
    .ls-label-question a{
        color: #AC3B85;
    }
    .ls-custom-padding{
        padding: 1px;
    }
    .ls-custom-padding.two{
        padding: 2px;
    }
    .ls-custom-padding.three{
        padding: 3px;
    }
    .ls-custom-padding.four{
        padding: 4px;
    }
    .ls-custom-padding.five{
        padding: 5px;
    }
    .ls-custom-padding.fifteen{
        padding: 15px;
    }
    .ls-custom-padding.eighteen{
        padding: 18px;
    }
    
    .ls-custom-margin{
        margin: 1px;
    }
    .ls-custom-margin.two{
        margin: 2px;
    }
    .ls-custom-margin.three{
        margin: 3px;
    }
    .ls-custom-margin.four{
        margin: 4px;
    }
    .ls-custom-margin.five{
        margin: 5px;
    }
    .ls-custom-margin.fifteen{
        margin: 15px;
    }
    .ls-custom-margin.eighteen{
        margin: 18px;
    }
    .ls-return{
        color: #328637;
    }

/*-----------------------------*/

/**** Header **/

    .question-title-container {
        /*color: #859e0b;*/
        color:#f17200;
        font-size: 1.2em;
        padding: 1em 1em 1em 0em;
        
    }
    .boilerplate .question-title-container {
        color: #000000;
        
    }
    
    .questionvalidcontainer {
        position: relative;
        font-size:0.8em;
        padding-bottom: 1em;
    }
    
    .questionvalidcontainer .text-danger{
        font-weight: bold;
    }
    
    .questionvalidcontainer .text-info{
        color: green;
        font-weight: bold;
    }

/*-----------------------*/

/**** Generic adjustments */

    /**
     * Navigator
     */
    
     #navigator-container {
         margin-top: -1em;
         padding-top: 0em;
         padding-bottom: 1em;
     }
     #navigator-container>div {
         padding: 0;
     }
     #navigator-container button#moveprevbtn {
         margin-right: 2px;
     }
    
     #main-col {
         margin-top: 0em;
     }
    
     .col-centered{
         float: none;
         margin: 0 auto;
     }
     
     .label-danger {
        white-space: normal;
    }
    
    #loadallbtn{
        white-space: normal;
    }
    
    .label-col {
        min-width: 10%;
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .responsive-content
    {
        display: block;
        position: relative;
        float: left;
        width: 100%;
    }
    
    /* Don't wrap "No answer" for 10-point array */
    .table-in-qanda-2 thead th {
        white-space: nowrap;
    }
    
    
    /**
    * slider
    **/
    .numeric-multi ul.slider.computed {
      width: 22em;
    }
    
    .numeric-multi ul.computed li label,.numeric-multi ul.slider.computed li label
      {
      padding-right: 0%;
    }
    
    .numeric-multi .multinum-slider {
      width: auto;
      float: left;
      margin-top: 1.5em;
      margin-bottom: 0.2em;
    }
    
    /** UI Slider **/
    .numeric-multi .slider-label {
      display: table-cell;
      width: auto !important;
      padding: 0 1em 0.2em 0;
      margin-top: 1.3em;
      vertical-align: middle;
    }
    
    .numeric-multi .ui-slider-handle {
        top: -0.35em;
    }
    
    .ui-slider-1 {
      width: 200px;
      height: 9px;
      margin-bottom: 20px;
    }
    
    .ui-slider-2 {
      width: 200px;
      height: 23px;
      position: relative;
      background-image: url(../../images/slider-bg-2.png);
      background-repeat: no-repeat;
      background-position: center center;
    }
    
    .slider_callout {
      height: 20px;
      width: 100px;
      overflow: hidden;
      position: absolute;
      top: -20px;
      margin-left: -3px;
      color: #284a6e;
      font-size: 90%;
      font-weight: bold;
      text-align: left;
    }
    
    .slider_showmin {
      float: left;
      width: 50px;
      margin: 15px 0 0 -0.3em;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 0.7em;
      font-weight: normal;
      text-align: left;
    }
    
    .slider_showmax {
      float: right;
      width: 50px;
      margin: 15px -0.3em 0 0;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 0.7em;
      font-weight: normal;
      text-align: right;
    }
    
    .slider_lefttext {
      display: table-cell;
      padding-top: 1.5em;
      padding-right: 11px;
      padding-bottom: 3px;
      vertical-align: top;
      text-align: right;
      font-size: 0.9em;
    }
    
    .slider_righttext {
      display: table-cell;
      padding-top: 1.5em;
      padding-left: 11px;
      padding-bottom: 3px;
      vertical-align: top;
      font-size: 0.9em;
    }
    
    .withslider {
        margin-bottom: 0px;
    }
    
    #indexcontainer {
        display : none;
    }
    
    .radio-list li{
        display: block;
        clear: both;
    }
    
    .question-item .other-label{
        margin: 0px;
        padding: 0px;
    }

/*-----------------------------------*/


/**** Cambia los labels Seguridad... y ajusta las tablas. */

    /**
     * On big screen only, iPad and up
     */
     
    @media only screen and (min-width: 768px) {
    
        .table-dual-scale .separator {
            width: 6%;
        }
    
        table > tbody > tr > .ddsuffix {
            padding-left: 1em;
            vertical-align: middle;
        }
    }
    
    /**
     * No more tables
     * OBS: Media specific CSS must be last in this file.
     * iPad has width 768px (according to Chrome dev tool)
     * Google Nexus 10 has width 800px.
     * (Both in portrait mode.)
     * We don't have to collapse tables on pads.
     */
     
    @media only screen and (max-width: 801px) {
    
        /*
            No more table transformation applies when screen is under 801px (for a few exotic tablet screens, see #11016),
            whereas visible-xs-block respect bootstrap standards (767px)
            If too many bugs of this kind appears in the future, we should just refuse to support weird exotic tablet screens.
            We should repsect standards, we should not try to fit to non standards devices.
        */
        
        .visible-xs-block{
            display: block;
        }
        .visible-xs-inline-block{
            display: inline-block;
        }
    
        /* Remove margin */
        .row {
            margin: 0;
            padding: 0;
        }
    
        /* Add some margin for multiple short text */
        .form-group.row {
            margin-bottom: 15px;
        }
    
        /* Force table to not be like tables anymore */
        .no-more-tables table,
        .no-more-tables thead,
        .no-more-tables tbody,
        .no-more-tables th,
        .no-more-tables td {
            display: block;
        }
    
        .no-more-tables tbody th,
        .no-more-tables tbody td,
        .no-more-tables tbody tr {
            width: 100%;
        }
    
        .no-more-tables tr {
            display: inline-block;
        }
    
        .no-more-tables tbody {
            padding: 0 1em 0 1em;
        }
    
        /* Hide table headers (but not display: none;, for accessibility) */
        .no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
    
        .no-more-tables tr,
        .array-by-columns-div .radio-list {
            border: 1px solid #ccc;
            padding: 1em;
        }
    
        /* Line header ; color is h4 color */
        .no-more-tables tr th,
        .array-by-columns-div .answertext {
            font-size: 1.1em;
            text-align: center;
            color: #317eac;
        }
    
        .no-more-tables tr th {
            text-align: left;
        }
    
        .array-by-columns-div .answertext {
            padding: 8px;
            padding-left: 0;
            text-align: left;
            font-weight: bold;
        }
    
        .array-by-columns-div .radio-item {
            padding-bottom: 8px;
        }
    
        .no-more-tables .checkbox  {
            position: relative;
            top: 6px;
        }
    
        .no-more-tables td {
            /* Behave  like a "row" */
            min-height: 2em;
            border: none;
            position: relative;
            /*padding-left: 95%;*/
            padding-bottom: 1em;
            white-space: normal;
            text-align:left ;
        }
    
        .array-multi-flexi  .no-more-tables td, .no-more-tables-array-dual-dropdown-layout  td, .no-more-tables-array-multi-text td{
            padding-left:1.5em;
        }
    
        .no-more-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align:left;
            font-weight: bold;
        }
        /* text overflows, ellipsis and hyphens */
        .navbar-brand {
            white-space:nowrap;
            text-overflow: ellipsis;
            text-overflow: "…";
        }
    }

/*--------------------------------*/

/**** Ajustes visuales que vienen por defecto */

    /* On iPad etc only */
    @media only screen and (max-width: 800px) and (min-width: 768px) {
        .five-point-choice .noanswer-item {
            padding: 0;
        }
    
    
    }
    
    @media only screen and (max-width: 1000px) and (min-width: 800px) {
        .table-10-point-array .answer-item.text-center
        {
            padding-left: 10px;
        }
    
        .table-10-point-array  > thead > tr > th
        {
            text-align: left;
            padding-right: 0px;
        }
    }
    
    
    /**
     * Display adjust, question type by question type
     */
    
    .radio input[type="radio"]:disabled + label
    {
        opacity: 0.25;
    }
    
    
    /* center the label text in no more table mode */
    .label-text{
        margin-top: -24px;
        margin-left: 20px;
    }
    
    /* ...except for dual-scale and array-by-column */
    .table-dual-scale .label-text, .array-by-columns-div .label-text {
        margin-top: 0px;
        margin-left: 0px;
    }
    
    .label-clickable:hover
    {
        cursor: pointer;
    }
    
    .table > tbody > tr > th
    {
        vertical-align: middle;
    }
    
    table.numbers-only th, table.numbers-only input {
        text-align: right;
    }
    
    .othertext-label-checkox-container {
        padding-top: 5px;
        margin-right: 5px;
    }
    
    .multiple-choice-with-comment.table, .table-multi-num.table{
        table-layout: auto;
        width: initial;
    }
     .multiple-choice-with-comment.table > tbody > tr > td {
         padding-left: 18px;
         vertical-align: middle;
     }
    
     /* alignment for small screens*/
     .multiple-choice-with-comment.table > tbody > tr > .comment-container {
         padding-left: 14px;
     }
    .checkbox input[type="checkbox"] {
        margin-left: 0px;
    }
    
    .short-free-text .prefix, .short-free-text .suffix,.geoloc-item .search-icon, .geoloc-item .checkbox  {
        padding-top: 10px;
    }
    
    .geoname_search {
        margin-bottom: 10px;
    }

/*------------------------------------*/

/**** Retoques que vienen por defecto */
    /*
    Label the data
    */
    /*.no-more-tables td:before { content: attr(data-title); }*/

    .no-more-tables-10-point td {
    }

    /* Don't wrap "No answer" on two lines */
    .no-more-tables-10-point label {
        white-space: nowrap;
    }

    .no-more-tables-10-point td:before, .no-more-tables-5-point td:before {
        /* Now like a table header */
        position: relative;
        left: 2px;
        /* Top/left values mimic padding */
    }

    /* When tables are collapsed, remove margin top so the labels look centered */
    input[type="radio"],
    .radio input[type="radio"],
    .radio-inline input[type="radio"] {
      margin-top: 4px;
    }

    .five-point-choice .col-xs-12 {
        padding-bottom: 8px;  /* For 5-point-choice; TODO: Should look like 5-point-array? */
    }

    /* Hide the first column in array-by-column */
    .array-by-columns-table tr > *:nth-child(1) {
        display: none;
    }

    /* Need some more space on phone */
    .array-multi-flexi .answertext {
        padding-bottom: 0.5em;
    }

    .array-multi-flexi .answer-item label {
        padding-bottom: 0.5em;
    }

    /* On phone, left and right slider text is above and below slider */
    .slider-left-span {
        text-align: left;
    }

    /* As above, collapse prefix/suffix to above/below input */
    .prefix-text-right {
        text-align: left;
    }

    .question.subquestion-list.questions-list tr th.answertext {
        text-align: left;
    }

    /* Used for date-picker icon within input */
    .form-control-feedback {
        right: 0.5em;
    }

    /* Increase-same-decrease array */
    .row-inc-same-dec .radio-item,
    .thead-inc-same-dec th {
        text-align: left;
    }

    .table-multi-num.no-more-tables tr {
        border: none;
    }

    /* Used for <td></td> in multiple-numeric */
    .hide-on-small-screen {
        display: none;
    }

    #langchanger-label {
        padding-top: 11px;
    }

    .col-xs-12.question-container {
        padding-right: 0;
        padding-left: 0;
    }

/* --------------------------------- */

/**** Text overflows, ellipsis and hyphens */

    .navbar-brand {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    #outerframeContainer {
        min-height: 100%;
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -o-hyphens: auto;
        hyphens: auto;
    }
    
    .xdebug-var-dump {
        z-index: 10000;
        position: relative;
        top: 10px;
    }
    
    .list-unstyled.radio-list {
        padding-left: 15px;
    }
    
    .yes-no .btn-group label {
      white-space:normal;
    }
    
    
    .multipleco-other-topic {
        max-width: 150px;
    }
    
    .privacy-header{
        font-weight: bold;
        font-style: italic;
    }
    
    /* Check javascript */
    #checkjavascript {
        margin-top: 100px;
        z-index: 999;
        right: 100px;
        position: fixed;
        width: 300px;
    }
    
    /*label font weight*/
    label {
        font-weight: normal;
    }
    
    #surveys-list-container
    {
        margin-top: 50px;
    }
    
    /** Divider for Bootstrap **/
    
        .horizontal-divider.top{
          border-top: 3px solid #323232;
        }
        .horizontal-divider.bottom{
          border-bottom: 3px solid #323232;
        }
        
        .vertical-divider.left {
          border-left: 3px solid #323232;
        }
        .vertical-divider.right {
          border-right: 3px solid #323232;
        }
        @media (max-width: 800px){
            .vertical-divider.left {
            border: none;
            }
            .vertical-divider.right {
            border: none;
            }
        }
    /*-*/

/*----------------------*/

/**** For em-type */

    /* Esta etiqueta strong era necesaria en la versión 2.X, pero ya no es necesaria */
    
     /*.strong
     {
         font-weight: bold;
         display: inline-block;
         padding: 0.2em;
     }*/
    
     .hide-tip
     {
         display: none;
     }
    
    /**
     * Surveys list
     */
    .surveys-list {
        margin-top: 1em;
        list-style: none;
    }
    .surveys-list li {
        padding: 0.5em;
    }
    .surveys-list li a {
        margin-left: 0.5em;
    }
    
    #surveys-list-jumbotron {
        text-align: center;
    }
    
    #outerframeContainer {
        height: 100%;
        margin-top: 1.5%;
    }
    
    #surveyListFooter {
        width: 100%;
        text-align: center;
        margin-bottom: 0;
        padding-bottom: 0;
        margin-top: 10px;
    }
    
    #surveyListFooter div{
    
    }
    
    html, body {
        height: 90%;
    }
    
    /**
     * Gender buttons
    */ 
    
    /* Not selected */
    .gender-button button{
        box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.16), 2px 2px 2px 0 rgba(0, 0, 0, 0.12);
        margin-left: 1em;
    }
    
    /* selected */
    .gender-button .btn:focus {
        box-shadow: none;
    }
    
    .gender-button .btn:focus .gender-text{
        text-decoration: underline;
    }
    
    /* General */
    .gender-button .btn span {
        display: block;
    }
    
    html body .navbar.navbar-default.navbar-fixed-top {
        z-index: 2000;
    }
    
    .gender-button .gender-icon {
        font-size: 2em;
    }
    
    .navbar-brand {
        height: auto;
    }

/*----------------------------- */

/**** Adaptación a dispositivos móviles */

    /* mostrar el logo en dispositivos móviles */
    
    .logo-container.hidden-xs {
        display: block !important;
    }
    
    /* 320 */
    @media only screen and (max-width: 321px) {
            
        #limesurvey {
            margin-top: -28%;
        }
        
        .completed-wrapper {
            margin-top: 30%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        body div.row .completion-container{
            margin-top: 5%;
        }
        
        /* Ajustando el logo */
        
        .logo-container > img {
            max-height: 31px;
            padding: 0px;
            width: auto;
        }
        .logo {
            margin-top: 6%;
        }
        .navbar-default .navbar-brand {
            margin-left: 0%;
        }
        #langlist {
            margin-right: 3.5%;
        }
        
        /** Ajustamos los títulos de la seccion */
        
            #group-0 .group-container.space-col .well{
                font-size: 20px;
                padding-top: 14px;
            }
            #group-2 .group-container.space-col .well{
                font-size: 19px;
                padding-top: 16px;
            }
            #group-2 > .group-container > .grupo-eu  > .well{
                 
             }
            #group-3 .group-container.space-col .well{
                font-size: 19px;
                padding-top: 16px;
            }/*
            #group-4 .group-container.space-col .well{
                font-size: 15px;
                padding-top: 4px;
            }
            #group-5 .group-container.space-col .well{
                font-size: 15px;
                padding-top: 4px;
            }
            #group-6 .group-container.space-col .well{
                font-size: 15px;
                padding-top: 4px;
            }
            #group-7 .group-container.space-col .well{
                font-size: 19px;
                padding-top: 18px;
            }*/
            #group-8 .group-container.space-col .well{
                font-size: 17px;
                padding-top: 31px;
            }
            #group-9 .group-container.space-col .well{
                font-size: 17px;
                padding-top: 31px;
            }
            #group-10 .group-container.space-col .well{
                font-size: 17px;
                padding-top: 31px;
            }
            #group-11 .group-container.space-col .well{
                font-size: 17px;
                padding-top: 31px;
            }
            #group-12 .group-container.space-col .well{
                font-size: 17px;
                padding-top: 31px;
            }
            #group-13 .group-container.space-col .well{
                font-size: 17px;
                padding-top: 31px;
            }
            #group-14 .group-container.space-col .well{
                font-size: 18px;
                padding-top: 20px;
            }
            #group-15 .group-container.space-col .well{
                font-size: 18px;
                padding-top: 20px;
            }
            #group-16 .group-container.space-col .well{
                font-size: 18px;
                padding-top: 20px;
            }
            #group-17 .group-container.space-col .well{
                font-size: 18px;
                padding-top: 20px;
            }
            #group-18 .group-container.space-col .well{
                font-size: 18px;
                padding-top: 20px;
            }
            #group-24 .group-container.space-col .well{
                font-size: 18px;
                padding-top: 20px;
            }
            #group-25 .group-container.space-col .well{
                font-size: 18px;
                padding-top: 20px;
            }
            #group-26 .group-container.space-col .well{
                font-size: 18px;
                padding-top: 20px;
            }
            #group-27 .group-container.space-col .well{
                font-size: 18px;
                padding-top: 20px;
            }
        /*-*/
        
        .descripcion{
            display:none;
        }
        
        .question-container {
            background-color: #ffffff;
            border: 1px solid #e6e6e6;
            box-shadow: 0 1px 2px rgba(0,0,0,.2);
            margin-top: 13%;
        }
        .top-container {
            border: 1px solid #0F6C7D;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            padding: 14px 20px;
                padding-top: 14px;
            padding-top: 44px;
            width: 49.66666667%;
            float: right;
            position: relative;
            min-height: 1px;
            height: 30%;
            margin-right: -1.15%;
        }
    
        .fruity .well {
            font-size: 18px;
            width: 76.1%;
            background: #0F6C7D;
            color: #FFFFFF;
            border: 1px solid #0F6C7D;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            padding: 7px 20px;
                padding-top: 7px;
                padding-bottom: 7px;
            padding-top: 7px;
            padding-bottom: 7px;
            padding-top: 31px;
            padding-bottom: 7px;
            text-transform: uppercase;
            font-weight: normal;
            padding-bottom: 0%;
            margin-top: 17%;
        }
    
        .atras-en {
            margin-left: -12%;
        }
        
        .atras-es {
            margin-left: -30%;
        }
        
        .atras-eu {
            margin-left: -38.1%;
        }
        
        .btn-lg {
            font-size: 13px;
            line-height: 1.3333333;
            border-radius: 6px;
        }
        
        #progressBar {
            margin-top: 74px;
        }
        #navigator-container {
            margin-top: 1em;
            padding-top: 0em;
            padding-bottom: 1em;
        }
        
        .progress .progress-bar {
            line-height: 20px;
        }
        
        .top-container .progress {
            height: 30px;
            width: 100%;
            margin-bottom: 0;
            margin-right: 10%;
            margin-left: 30%;
            box-shadow:none;
            background-color:transparent;
        }
        
        .progress .progress-bar {
            width: 100% !important;
            background: transparent !important;
            color: #0F6C7D;
            box-shadow: none;
            text-align: right;
            font-size: 1.5em;
            font-weight: bold;
        }
        #footer{
            margin-right: 4.3%;
            margin-left: 4.3%;
        }
        .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
            position: relative;
            min-height: 1px;
            padding-right: 13px;
            padding-left: 6px;
        }
        .font-noto {
            font-size: 15px;
        }
        .slider-list div.pull-right {
            top: -7px;
        }
        .slider-list .slider-container {
            margin-top: 1.5em;
        }
        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: 0px;
            line-height: 1;
        }
        .col-sm-4 {
            width: 51%;
        }
        .ls-label-question {
            padding-left: 0.5em;
            font-size: 18px;
        }
        /* imagenes */
        
        .barnetegi{
            width: 245px;
            float: left;
            height: 144px;
            margin-right: 15px;
        }
        .gunea{
            width: 257px;
            float: left;
            height: 144px;
            margin-right: 15px;
        }
        .txartela{
            float: left;
            margin-right: 15px;
            width: 255px;
            height: 137px;
        }
    }
    
    /* 344 */
    
    @media only screen and (max-width: 343px) and (min-width: 322px) {
        
        #limesurvey {
            margin-top: -34%;
        }
        
        .completed-wrapper {
            margin-top: 39%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        /* Adaptando los grupos */
        
        #group-0 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        
        #group-1 .group-container.space-col .well{
            font-size: 24px;
            padding-top: 31px;
        }
        #group-2 .group-container.space-col .well {
            font-size: 21px;
            padding-top: 32px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 21px;
            padding-top: 32px;
        }
        #group-4 .group-container.space-col .well {
            font-size: 25px;
            padding-top: 30px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px;
        }
        #group-8 .group-container.space-col .well{
            font-size: 19px;
            padding-top: 8px;
        }
        #group-9 .group-container.space-col .well{
            font-size: 19px;
            padding-top: 8px;
        }
        #group-10 .group-container.space-col .well{
            font-size: 17px;
            padding-top: 12px;
        }
        #group-11 .group-container.space-col .well{
           font-size: 17px;
            padding-top: 12px;
        }
        #group-12 .group-container.space-col .well{
            font-size: 19px;
            padding-top: 21px;
        }
        #group-13 .group-container.space-col .well{
            font-size: 19px;
            padding-top: 21px;
        }
        #group-14 .group-container.space-col .well{
            font-size: 17px;
            padding-top: 24px;
        }
        #group-15 .group-container.space-col .well{
            font-size: 17px;
            padding-top: 12px;
        }
        #group-16 .group-container.space-col .well{
            font-size: 17px;
            padding-top: 0px;
        }
        #group-17 .group-container.space-col .well{
            font-size: 17px;
            padding-top: 12px;
        }
        #group-18 .group-container.space-col .well{
            font-size: 17px;
            padding-top: 24px;
        }
        #group-19 .group-container.space-col .well{
            font-size: 19px;
            padding-top: 20px;
        }
        #group-20 .group-container.space-col .well{
            font-size: 19px;
            padding-top: 7px;
        }
        #group-21 .group-container.space-col .well{
            font-size: 17px;
            padding-top: 12px;
        }
        #group-22 .group-container.space-col .well{
            font-size: 17px;
            padding-top: 24px;
        }
        #group-23 .group-container.space-col .well{
            font-size: 17px;
            padding-top: 24px;
        }
        #group-24 .group-container.space-col .well{
            font-size: 17px;
            padding-top: 12px;
        }
        #group-25 .group-container.space-col .well{
            font-size: 17px;
            padding-top: 0px;
        }
        #group-26 .group-container.space-col .well{
            font-size: 17px;
            padding-top: 12px;
        }
        #group-27 .group-container.space-col .well{
            font-size: 17px;
            padding-top: 0px;
        }
        
        .question-container {
            background-color: #ffffff;
            border: 1px solid #e6e6e6;
            box-shadow: 0 1px 2px rgba(0,0,0,.2);
            margin-top: 12%;
        }
        
        #progressBar{
            margin-top: 88px;
        }
        /* no esta en 320 */
        .array-by-columns-div .radio-list {
            border: 1px solid #ccc;
            padding: 1em;
            margin: 1em;
        }
            /* no esta en 320 */

        .no-more-tables tbody {
            padding-left: 0;
            padding-right: 0;
        }
            /* no esta en 320 */

        /* For yes-no question, shrink the buttons a bit on phone screens */
        .btn-lg, .btn-group-lg label {
            padding: 10px 15px;
        }
            /* no esta en 320 */

        .slider.slider-horizontal {
            /* Slider can be full width on phones */
            width: 100%;
        }
            /* no esta en 320 */

        /* Center label under radio button on phones */
        .five-point-choice label {
            margin-left: 5px;
        }
            /* no esta en 320 */

        /* Make file-upload pop-up shorter on phones */
        .file-upload-modal-body {
            padding: 0;
            height: 300px;
        }
            /* no esta en 320 */

        /* Modal should be in front of navbar, so the close icon is visible */
        .modal {
            z-index: 3000;
        }
            /* no esta en 320 */

        /* Less margin on phones */
        .slider.slider-horizontal {
            margin-bottom: 0.4em;
        }
                /* no esta en 320 */

        /* Ajustando al móvil */
        
        .space-col {
            padding-top: 3.8%;
            margin-bottom: 0%;
        }
        
        .atras-es{
        margin-left: -28%;
        }
        
        .atras-eu{
            margin-left: -42%;   
        }
        
        .atras-en{
            margin-left: -10%;   
             
        }
                /* no esta en 320 */

        .btn-lg, .btn-group-lg > .btn {
            font-size: 15px;
            line-height: 1.3333333;
            border-radius: 6px;
        }
                /* no esta en 320 */

        /* los títulos */
        
        .tituloPreg {
            font-weight: 400;
            color: #0F6C7D;
            font-size: 20px;
        }
        
        .fruity .well {
    
            font-size: 15px;
            width: 76.1%;
            background: #0F6C7D;
            color: #FFFFFF;
            border: 1px solid #0F6C7D;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            padding: 7px 20px;
                padding-top: 7px;
                padding-bottom: 7px;
            padding-top: 11px;
            padding-bottom: 7px;
            text-transform: uppercase;
            font-weight: normal;
            padding-bottom: 0%;
            margin-top: 14.4%;
            margin-bottom: -6%;
        }
    
        .top-container {
        
            border: 1px solid #0F6C7D;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            padding: 14px 20px;
                padding-top: 14px;
            padding-top: 38px;
            width: 45.66666667%;
            float: right;
            position: relative;
            min-height: 1px;
            height: 30%;
            margin-right: -1.15%;
        
        }
        
        #navigator-container {
            margin-top: 0em;
            padding-top: 1em;
            padding-bottom: 1em;
        }
        
        .top-container .progress {
    
            height: 70px;
            margin-bottom: 0;
            margin-left: 50%;
            width: 88%;
            float: left;
            background-color: white;
            box-shadow: none;
        }
    
        .progress .progress-bar {
        
            width: 100%;
            background: #ffffff !important;
            color: #0F6C7D;
            box-shadow: none;
            text-align: right;
            font-weight: bold;
            font-size: 25px;
            min-width: 1em;
            margin-top: 15%;
        
        }
        .descripcion {
            font-size: 15px;
            text-transform: lowercase;
        }
        
        #footer {
            background: #808080;
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            padding: 20px 0 0;
            margin-right: 4vw;
            margin-left: 4vw;
            margin-bottom: 2%;
        }
        .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
            position: relative;
            min-height: 1px;
            padding-right: 13px;
            padding-left: 6px;
        }
        .font-noto {
            font-size: 15px;
        }
        .pull-left {
            margin-left: -1.6%;
            margin-top: -3.45%;
        }
        .slider-list div.pull-right {
            top: -7px;
        }
        .slider-list .slider-container {
            margin-top: 1.5em;
        }
        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: 0px;
            line-height: 1;
        }
        .ls-label-question {
            padding-left: 0.5em;
            font-size: 18px;
        }
        .col-sm-4 {
            width: 51%;
        }
        
        #langlist {
            margin-right: 2.5%;
        }
        
        /* Ajustando el logo */
        
        .logo-container > img {
            max-height: 32px;
            padding: 0px;
            width: auto;
        }
        .logo {
            margin-top: 6%;
        }
        .navbar-default .navbar-brand {
            margin-left: 0%;
        }
        /** imagenes */
        
        .barnetegi{
            width: 292px;
            float: left;
            height: 144px;
            margin-right: 15px;
        }
        .gunea{
            width: 300px;
            float: left;
            height: 144px;
            margin-right: 15px;
        }
        .txartela{
            float: left;
            margin-right: 15px;
            width: 300px;
            height: 155px;
        }
        /*-*/
    }
    
    /* 360 */
    
    @media only screen and (max-width: 365px) and (min-width: 344px) {
        
        #limesurvey {
            margin-top: -33%;
        }
        
        .completed-wrapper {
            margin-top: 39%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
            margin-bottom: 3%;
        }
        body div.row .completion-container{
            margin-top: 5%;
        }
        
        /* Adaptando los grupos sin competencias */
        
        #group-0 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        
        #group-1 .group-container.space-col .well{
            font-size: 24px;
            padding-top: 31px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 24px;
            padding-top: 14px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 24px;
            padding-top: 14px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-8 .group-container.space-col .well{
            font-size: 23px;
            padding-top: 30px
        }
        #group-9 .group-container.space-col .well{
            font-size: 23px;
            padding-top: 30px
        }
        #group-10 .group-container.space-col .well{
            font-size: 23px;
            padding-top: 30px
        }
        #group-11 .group-container.space-col .well{
            font-size: 23px;
            padding-top: 30px
        }
        #group-12 .group-container.space-col .well{
            font-size: 23px;
            padding-top: 30px
        }
        #group-13 .group-container.space-col .well{
            font-size: 23px;
            padding-top: 30px
        }
        #group-14 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-15 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-16 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-17 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-18 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-19 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-20 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-21 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-22 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-23 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-24 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 13px;
        }
        #group-25 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 13px;
        }
        #group-26 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 13px;
        }
        #group-27 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 13px;
        }
    
        .question-container {
            background-color: #ffffff;
            border: 1px solid #e6e6e6;
            box-shadow: 0 1px 2px rgba(0,0,0,.2);
            margin-top: 12%;
        }
        
        #progressBar{
            margin-top: 92px;
        }
    
        .array-by-columns-div .radio-list {
            border: 1px solid #ccc;
            padding: 1em;
            margin: 1em;
        }
    
        /*
        .col-sm-12.answer {
            padding-left: 0;
            padding-right: 0;
        }
        */
    
        .no-more-tables tbody {
            padding-left: 0;
            padding-right: 0;
        }
    
        /* For yes-no question, shrink the buttons a bit on phone screens */
        .btn-lg, .btn-group-lg label {
            padding: 10px 15px;
        }
    
        /* Center label under radio button on phones */
        .five-point-choice label {
            margin-left: 5px;
        }
    
        /* Make file-upload pop-up shorter on phones */
        .file-upload-modal-body {
            padding: 0;
            height: 300px;
        }
    
        /* Modal should be in front of navbar, so the close icon is visible */
        .modal {
            z-index: 3000;
        }
    
        /* Less margin on phones */
        .slider.slider-horizontal {
            margin-bottom: 0.4em;
        }
        
        /* Ajustando al móvil */
        
        .space-col {
            padding-top: 3.8%;
            margin-bottom: 0%;
        }
        
        .atras-es{
        margin-left: -22%;
        }
        
        /*.atras-es a:hover a:focus{
            color: #2b2b2b;
        }*/
        
        .atras-eu{
            margin-left: -36%;   
        }
        
        .atras-en{
            margin-left: -4%;   
             
        }
        
        .btn-lg, .btn-group-lg > .btn {
            font-size: 15px;
            line-height: 1.3333333;
            border-radius: 6px;
        }
        
        /* los títulos */
        
        .tituloPreg {
            font-weight: 400;
            color: #0F6C7D;
            font-size: 20px;
        }
        
        .fruity .well {
    
            font-size: 15px;
            width: 76.1%;
            background: #0F6C7D;
            color: #FFFFFF;
            border: 1px solid #0F6C7D;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            padding: 7px 20px;
                padding-top: 7px;
                padding-bottom: 7px;
            padding-top: 11px;
            padding-bottom: 7px;
            text-transform: uppercase;
            font-weight: normal;
            padding-bottom: 0%;
            margin-top: 14.4%;
            margin-bottom: -6%;
        }
    
        .top-container {
        
            border: 1px solid #0F6C7D;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            padding: 14px 20px;
                padding-top: 14px;
            width: 45.66666667%;
            float: right;
            position: relative;
            min-height: 1px;
            height: 30%;
            margin-right: -1.15%;
        
        }
        
        #navigator-container {
            margin-top: 0em;
            padding-top: 1em;
            padding-bottom: 1em;
        }
        
        .top-container .progress {
    
            height: 70px;
            margin-bottom: 0;
            margin-left: 50%;
            width: 88%;
            float: left;
            background-color: white;
            box-shadow: none;
        }
    
        .progress .progress-bar {
        
            width: 100%;
            background: #ffffff !important;
            color: #0F6C7D;
            box-shadow: none;
            text-align: right;
            font-weight: bold;
            font-size: 25px;
            min-width: 1em;
            margin-top: 30%;
        
        }
        .descripcion {
            font-size: 15px;
            text-transform: lowercase;
        }
        
        #footer {
            background: #808080;
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            padding: 20px 0 0;
            margin-right: 4vw;
            margin-left: 4vw;
            margin-bottom: 2%;
        }
        .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
            position: relative;
            min-height: 1px;
            padding-right: 13px;
            padding-left: 6px;
        }
        .font-noto {
            font-size: 15px;
        }
        .slider-list div.pull-right {
            top: -7px;
        }
        .slider-list .slider-container {
            margin-top: 1.5em;
        }
        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: 0px;
            line-height: 1;
        }
        .ls-label-question {
            padding-left: 0.5em;
            font-size: 18px;
        }
        .col-sm-4 {
            width: 51%;
        }
        
        #langlist {
            margin-right: 2.5%;
        }
        
        /* Ajustando el logo */
        
        .logo-container > img {
            max-height: 38px;
            padding: 0px;
            width: auto;
        }
        .logo {
            margin-top: 6%;
        }
        .navbar-default .navbar-brand {
            margin-left: 0%;
        }
        /* imagenes */
        
        .barnetegi{
            width: 292px;
            float: left;
            height: 144px;
            margin-right: 15px;
        }
        .gunea{
            width: 300px;
            float: left;
            height: 144px;
            margin-right: 15px;
        }
        .txartela{
            float: left;
            margin-right: 15px;
            width: 300px;
            height: 155px;
        }
    }
    
    /* On small phones, leave some more space */
    /* 375 */
    @media only screen and (max-width: 400px) and (min-width: 366px) {
        
        #limesurvey {
            margin-top: -34%;
        }
        
        .completed-wrapper {
            margin-top: 33%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        body div.row .completion-container{
            margin-top: 5%;
        }
        
        /* Adaptando los grupos sin competencias */
        
        #group-0 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        
        #group-1 .group-container.space-col .well{
            font-size: 24px;
            padding-top: 31px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 24px;
            padding-top: 14px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 24px;
            padding-top: 14px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-8 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 30px
        }
        #group-9 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 30px
        }
        #group-10 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 30px
        }
        #group-11 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 30px
        }
        #group-12 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 30px
        }
        #group-13 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 30px
        }
        #group-14 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-15 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-16 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-17 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-18 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-19 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-20 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-21 .group-container.space-col .well{
          font-size: 25px;
        padding-top: 30px
        }
        #group-22 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-23 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-24 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 13px;
        }
        #group-25 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 13px;
        }
        #group-26 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 13px;
        }
        #group-27 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 13px;
        }
        
        .question-container {
            background-color: #ffffff;
            border: 1px solid #e6e6e6;
            box-shadow: 0 1px 2px rgba(0,0,0,.2);
            margin-top: 12%;
        }
        
        #progressBar{
            margin-top: 91px;
        }
    
        .array-by-columns-div .radio-list {
            border: 1px solid #ccc;
            padding: 1em;
            margin: 1em;
        }
    
        /*
        .col-sm-12.answer {
            padding-left: 0;
            padding-right: 0;
        }
        */
    
        .no-more-tables tbody {
            padding-left: 0;
            padding-right: 0;
        }
    
        /* For yes-no question, shrink the buttons a bit on phone screens */
        .btn-lg, .btn-group-lg label {
            padding: 10px 15px;
        }
    
        /* Center label under radio button on phones */
        .five-point-choice label {
            margin-left: 5px;
        }
    
        /* Make file-upload pop-up shorter on phones */
        .file-upload-modal-body {
            padding: 0;
            height: 300px;
        }
    
        /* Modal should be in front of navbar, so the close icon is visible */
        .modal {
            z-index: 3000;
        }
    
        /* Less margin on phones */
        .slider.slider-horizontal {
            margin-bottom: 0.4em;
        }
        
        /* Ajustando al móvil */
        
        .space-col {
            padding-top: 3.8%;
            margin-bottom: 0%;
        }
        
        .atras-es{
            margin-left: -22%;
        }
        
        /*.atras-es a:hover a:focus{
            color: #2b2b2b;
        }*/
        
        .atras-eu{
            margin-left: -32%;   
        }
        
        .atras-en{
            margin-left: -2%;   
             
        }
        
        .btn-lg, .btn-group-lg > .btn {
            font-size: 15px;
            line-height: 1.3333333;
            border-radius: 6px;
        
        }
        
        /* los títulos */
        
        .tituloPreg {
            font-weight: 400;
            color: #0F6C7D;
            font-size: 20px;
        }
        
        .fruity .well {
            font-size: 15px;
            width: 76.1%;
            background: #0F6C7D;
            color: #FFFFFF;
            border: 1px solid #0F6C7D;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            padding: 7px 20px;
                padding-top: 7px;
                padding-bottom: 7px;
            padding-top: 8px;
            padding-bottom: 7px;
            text-transform: uppercase;
            font-weight: normal;
            padding-bottom: 0%;
            margin-top: 13%;
            margin-bottom: -6%;
        }
    
        .top-container {
            border: 1px solid #0F6C7D;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            padding: 14px 20px;
                padding-top: 14px;
            width: 45.66666667%;
            float: right;
            position: relative;
            min-height: 1px;
            height: 30%;
            margin-right: -1.15%;
        
        }
        
        #navigator-container {
            margin-top: 0em;
            padding-top: 1em;
            padding-bottom: 1em;
        }
        
        .top-container .progress {
    
            height: 70px;
            margin-bottom: 0;
            margin-left: 50%;
            width: 88%;
            float: left;
            background-color: white;
            box-shadow: none;
        }
    
        .progress .progress-bar {
            width: 100%;
            background: #ffffff !important;
            color: #0F6C7D;
            box-shadow: none;
            text-align: right;
            font-weight: bold;
            font-size: 25px;
            min-width: 1em;
            margin-top: 30%;
        }
        .descripcion {
            font-size: 15px;
            text-transform: lowercase;
        }
        #footer{
            margin-right: 4%;
            margin-left: 4%;
        }
        .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
            position: relative;
            min-height: 1px;
            padding-right: 13px;
            padding-left: 6px;
        }
        .font-noto {
            font-size: 15px;
        }
        .slider-list div.pull-right {
            top: -7px;
        }
        .slider-list .slider-container {
            margin-top: 1em;
        }
        .ls-label-question {
            padding-left: 0.5em;
            font-size: 18px;
        }
        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: 0px;
            line-height: 1;
        }
        
        .col-sm-4 {
            width: 51%;
        }
        
        #langlist {
            margin-right: 2.5%;
        }
        
        /* Ajustando el logo */
        
        .logo-container > img {
            max-height: 39px;
            padding: 0px;
            width: auto;
        }
        .logo {
            margin-top: 6%;
        }
        .navbar-default .navbar-brand {
            margin-left: 0%;
        }
        /* imagenes */
        
        .barnetegi{
            width: 292px;
            float: left;
            height: 144px;
            margin-right: 15px;
        }
        .gunea{
            width: 300px;
            float: left;
            height: 144px;
            margin-right: 15px;
        }
        .txartela{
            float: left;
            margin-right: 15px;
            width: 300px;
            height: 155px;
        }
    }
    
    /* el por defecto */
    
    @media only screen and (max-width: 381px) and (min-width: 370px) {
    
       .containerra{
        font-size: 0.6em;
       }
    
    }
    /*390*/
    @media only screen and (max-width: 400px) and (min-width: 381px) {
        
        #progressBar {
            margin-top: 95px;
        }
        .top-container .progress {
            height: 70px;
            margin-bottom: 0;
            margin-left: 50%;
            width: 80%;
            float: left;
            background-color: white;
            box-shadow: none;
        }
        
    }
    /*405*/
    @media only screen and (max-width: 408px) and (min-width: 400px) {
        
        .logo-container > img {
            max-height: 44px !important;
            padding: 0px;
            width: auto;
        }
    }
    
    /* 414 */
    @media only screen and (max-width: 419px) and (min-width: 400px) {
        
        .ls-label-question {
            padding-left: 1em;
            font-size: 18px;
        }
        
        .gunea {
            width: 234px;
            float: left;
            height: 144px;
            margin-right: 77px;
        }
        
        .txartela {
            float: left;
            margin-right: 65px;
        }
        
        .barnetegi {
            width: 234px;
            float: left;
            height: 144px;
            margin-right: 77px;
        }
        
        #limesurvey {
            margin-top: -34%;
        }
        
        .completed-wrapper {
            margin-top: 33%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        
        #langlist {
            margin-right: 2.5%;
        }
        
        /* Ajustando el logo */
        
        .logo-container > img {
            max-height: 46px;
            padding: 0px;
            width: auto;
        }
        .logo {
            margin-top: 6%;
        }
        .navbar-default .navbar-brand {
            margin-left: 0%;
        }
        #limesurvey {
            margin-top: -34%;
        }
        
        .completed-wrapper {
            margin-top: 33%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
            margin-bottom: 3%;
        }
        body div.row .completion-container{
            margin-top: 5%;
        }
        
        /* Adaptando los grupos sin competencias */
        
        #group-0 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-1 .group-container.space-col .well{
            font-size: 26px;
            padding-top: 30px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 25px;
        padding-top: 14px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-8 .group-container.space-col .well{
            font-size: 23px;
            padding-top: 30px
        }
        #group-9 .group-container.space-col .well{
            font-size: 23px;
            padding-top: 30px
        }
        #group-10 .group-container.space-col .well{
            font-size: 23px;
            padding-top: 30px
        }
        #group-11 .group-container.space-col .well{
            font-size: 23px;
            padding-top: 30px
        }
        #group-12 .group-container.space-col .well{
            font-size: 23px;
            padding-top: 30px
        }
        #group-13 .group-container.space-col .well{
            font-size: 23px;
            padding-top: 30px
        }
        #group-14 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-15 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-16 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-17 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-18 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-19 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-20 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-21 .group-container.space-col .well{
          font-size: 25px;
        padding-top: 30px
        }
        #group-22 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-23 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px
        }
        #group-24 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 13px;
        }
        #group-25 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 13px;
        }
        #group-26 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 13px;
        }
        #group-27 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 13px;
        }
        
        /*Necesitamos adaptar los titulos de euskera e inglés para cuadrarlos */
        #group-13 > .group-container > .grupo-en  > .well,
        #group-14 > .group-container > .grupo-en  > .well, 
        #group-15 > .group-container > .grupo-en  > .well, 
        #group-16 > .group-container > .grupo-en  > .well,
        #group-17 > .group-container > .grupo-en  > .well,
        #group-13 > .group-container > .grupo-eu  > .well,
        #group-14 > .group-container > .grupo-eu  > .well, 
        #group-15 > .group-container > .grupo-eu  > .well, 
        #group-16 > .group-container > .grupo-eu  > .well,
        #group-17 > .group-container > .grupo-eu  > .well{
            padding-top: 30px;
        }
        /* Cuadramos estos títulos en inglés */
        #group-24 > .group-container > .grupo-en  > .well,
        #group-25 > .group-container > .grupo-en  > .well, 
        #group-26 > .group-container > .grupo-en  > .well, 
        #group-27 > .group-container > .grupo-en  > .well{
            padding-top: 30px;
        }
        
        .question-container {
            background-color: #ffffff;
            border: 1px solid #e6e6e6;
            box-shadow: 0 1px 2px rgba(0,0,0,.2);
            margin-top: 12%;    
        }
    
        .array-by-columns-div .radio-list {
            border: 1px solid #ccc;
            padding: 1em;
            margin: 1em;
        }
    
        /*
        .col-sm-12.answer {
            padding-left: 0;
            padding-right: 0;
        }
        */
    
        .no-more-tables tbody {
            padding-left: 0;
            padding-right: 0;
        }
    
        /* For yes-no question, shrink the buttons a bit on phone screens */
        .btn-lg, .btn-group-lg label {
            padding: 10px 15px;
        }
    
        /* Center label under radio button on phones */
        .five-point-choice label {
            margin-left: 5px;
        }
    
        /* Make file-upload pop-up shorter on phones */
        .file-upload-modal-body {
            padding: 0;
            height: 300px;
        }
    
        /* Modal should be in front of navbar, so the close icon is visible */
        .modal {
            z-index: 3000;
        }
    
        /* Less margin on phones */
        .slider.slider-horizontal {
            margin-bottom: 0.4em;
        }
        
        /* Ajustando al móvil */
        
        .space-col {
            padding-top: 3.8%;
            margin-bottom: 0%;
        }
        
        .atras-es{
        margin-left: -22%;
        }
        
        /*.atras-es a:hover a:focus{
            color: #2b2b2b;
        }*/
        
        .atras-eu{
            margin-left: -32%;   
        }
        
        .atras-en {
            margin-left: -2%;
        }
        
        /* los títulos */
        
        .tituloPreg {
            font-weight: 400;
            color: #0F6C7D;
            font-size: 20px;
        }
        
        .fruity .well {
            font-size: 15px;
            width: 76.1%;
            background: #0F6C7D;
            color: #FFFFFF;
            border: 1px solid #0F6C7D;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            padding: 7px 20px;
                padding-top: 7px;
                padding-bottom: 7px;
            padding-top: 16px;
            padding-bottom: 7px;
            text-transform: uppercase;
            font-weight: normal;
            padding-bottom: 0%;
            margin-top: 13%;
            margin-bottom: -6%;
        }
    
        .top-container {
            border: 1px solid #0F6C7D;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            padding: 14px 20px;
                padding-top: 14px;
            width: 35.66666667%;
            float: right;
            position: relative;
            min-height: 1px;
            height: 30%;
            margin-right: -1.15%;
        }
        
        #navigator-container {
            margin-top: 0em;
            padding-top: 1em;
            padding-bottom: 1em;
        }
        
        .top-container .progress {
            height: 70px;
            margin-bottom: 0;
            margin-left: 50%;
            width: 88%;
            float: left;
            background-color: white;
            box-shadow: none;
        }
    
        .progress .progress-bar {
            width: 100%;
            background: #ffffff !important;
            color: #0F6C7D;
            box-shadow: none;
            text-align: right;
            font-weight: bold;
            font-size: 25px;
            min-width: 1em;
            margin-top: 30%;
        }
        #progressBar {
            margin-top: 103px;
        }
        .descripcion {
            font-size: 15px;
            text-transform: lowercase;
        }
        #footer {
            background: #808080;
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            padding: 20px 0 0;
            margin-right: 3.7vw;
            margin-left: 3.7vw;
            margin-bottom: 2%;
        }
        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: 0px;
            line-height: 1;
        }
        .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 8px;
        }
        .slider-list .slider-container {
            margin-top: 1em;
        }
        .col-sm-4 {
            width: 51%;
        }
        
    }
    
    /* 446 */
    @media only screen and (max-width: 450px) and (min-width: 420px) {
        
        .gunea {
            width: 234px;
            float: left;
            height: 144px;
            margin-right: 63px;
        }
        
        .txartela {
            float: left;
            margin-right: 65px;
        }
        
        .barnetegi {
            width: 234px;
            float: left;
            height: 144px;
            margin-right: 66px;
        }
        
        #limesurvey {
            margin-top: -34%;
        }
        
        .completed-wrapper {
            margin-top: 33%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        
        #langlist {
            margin-right: 2.5%;
        }
        
        /* Ajustando el logo */
        
        .logo-container > img {
            max-height: 68px;
            padding: 0px;
            width: auto;
        }
        .logo {
            margin-top: 6%;
        }
        .navbar-default .navbar-brand {
            margin-left: 0%;
        }
        #limesurvey {
            margin-top: -34%;
        }
        
        .completed-wrapper {
            margin-top: 33%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        
        /* Adaptando los grupos sin competencias */
        
        #group-0 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-1 .group-container.space-col .well{
            font-size: 26px;
            padding-top: 30px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 19px;
        padding-top: 10px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 19px;
        padding-top: 10px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 19px;
        padding-top: 10px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 19px;
        padding-top: 10px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 24px;
            padding-top: 17px;
        }
        #group-8 .group-container.space-col .well{
            font-size: 24px;
            padding-top: 17px;
        }
        
        .question-container {
            background-color: #ffffff;
            border: 1px solid #e6e6e6;
            box-shadow: 0 1px 2px rgba(0,0,0,.2);
            margin-top: 11%;    
        }
    
        .array-by-columns-div .radio-list {
            border: 1px solid #ccc;
            padding: 1em;
            margin: 1em;
        }
    
        /*
        .col-sm-12.answer {
            padding-left: 0;
            padding-right: 0;
        }
        */
    
        .no-more-tables tbody {
            padding-left: 0;
            padding-right: 0;
        }
    
        /* For yes-no question, shrink the buttons a bit on phone screens */
        .btn-lg, .btn-group-lg label {
            padding: 10px 15px;
        }
    
        /* Center label under radio button on phones */
        .five-point-choice label {
            margin-left: 5px;
        }
    
        /* Make file-upload pop-up shorter on phones */
        .file-upload-modal-body {
            padding: 0;
            height: 300px;
        }
    
        /* Modal should be in front of navbar, so the close icon is visible */
        .modal {
            z-index: 3000;
        }
    
        /* Less margin on phones */
        .slider.slider-horizontal {
            margin-bottom: 0.4em;
        }
        
        /* Ajustando al móvil */
        
        .space-col {
            padding-top: 3.8%;
            margin-bottom: 0%;
        }
        
        .atras-es{
        margin-left: -22%;
        }
        
        /*.atras-es a:hover a:focus{
            color: #2b2b2b;
        }*/
        
        .atras-eu{
            margin-left: -32%;   
        }
        
        .atras-en {
            margin-left: -2%;
        }
        
        /* los títulos */
        
        .tituloPreg {
            font-weight: 400;
            color: #0F6C7D;
            font-size: 20px;
        }
        
        .fruity .well {
            font-size: 15px;
            width: 76.1%;
            background: #0F6C7D;
            color: #FFFFFF;
            border: 1px solid #0F6C7D;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            padding: 7px 20px;
                padding-top: 7px;
                padding-bottom: 7px;
            padding-top: 16px;
            padding-bottom: 7px;
            text-transform: uppercase;
            font-weight: normal;
            padding-bottom: 0%;
            margin-top: 13%;
        }
    
        .top-container {
            border: 1px solid #0F6C7D;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            padding: 14px 20px;
                padding-top: 14px;
            width: 35.66666667%;
            float: right;
            position: relative;
            min-height: 1px;
            height: 30%;
            margin-right: -1.15%;
        }
        
        #navigator-container {
            margin-top: 0em;
            padding-top: 1em;
            padding-bottom: 1em;
        }
        
        .top-container .progress {
            height: 70px;
            margin-bottom: 0;
            margin-left: 50%;
            width: 88%;
            float: left;
            background-color: white;
            box-shadow: none;
        }
    
        .progress .progress-bar {
            width: 100%;
            background: #ffffff !important;
            color: #0F6C7D;
            box-shadow: none;
            text-align: right;
            font-weight: bold;
            font-size: 25px;
            min-width: 1em;
            margin-top: 30%;
        }
        #progressBar {
            margin-top: 108px;
        }
        .descripcion {
            font-size: 15px;
            text-transform: lowercase;
        }
        #footer {
            background: #808080;
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            padding: 20px 0 0;
            margin-right: 3.7vw;
            margin-left: 3.7vw;
            margin-bottom: 2%;
        }
        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: 0px;
            line-height: 1;
        }
        .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 8px;
        }
        .slider-list .slider-container {
            margin-top: 1em;
        }
        .col-sm-4 {
            width: 51%;
        }
        
    }
    
    /* 470 */
    @media only screen and (max-width: 476px) and (min-width: 451px) {
        
        .gunea {
            width: 234px;
            float: left;
            height: 144px;
            margin-right: 63px;
        }
        
        .txartela {
            float: left;
            margin-right: 65px;
        }
        
        .barnetegi {
            width: 234px;
            float: left;
            height: 144px;
            margin-right: 66px;
        }
        
        #limesurvey {
            margin-top: -34%;
        }
        
        .completed-wrapper {
            margin-top: 33%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        
        #langlist {
            margin-right: 2.5%;
        }
        
        /* Ajustando el logo */
        
        .logo-container > img {
            max-height: 68px;
            padding: 0px;
            width: auto;
        }
        .logo {
            margin-top: 6%;
        }
        .navbar-default .navbar-brand {
            margin-left: 0%;
        }
        #limesurvey {
            margin-top: -34%;
        }
        
        .completed-wrapper {
            margin-top: 33%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        
        /* Adaptando los grupos sin competencias */
        
        #group-0 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-1 .group-container.space-col .well{
            font-size: 26px;
            padding-top: 30px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 19px;
        padding-top: 10px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 19px;
        padding-top: 10px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 19px;
        padding-top: 10px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 19px;
        padding-top: 10px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 24px;
            padding-top: 17px;
        }
        #group-8 .group-container.space-col .well{
            font-size: 24px;
            padding-top: 17px;
        }
        
        .question-container {
            background-color: #ffffff;
            border: 1px solid #e6e6e6;
            box-shadow: 0 1px 2px rgba(0,0,0,.2);
            margin-top: 11%;    
        }
    
        .array-by-columns-div .radio-list {
            border: 1px solid #ccc;
            padding: 1em;
            margin: 1em;
        }
    
        /*
        .col-sm-12.answer {
            padding-left: 0;
            padding-right: 0;
        }
        */
    
        .no-more-tables tbody {
            padding-left: 0;
            padding-right: 0;
        }
    
        /* For yes-no question, shrink the buttons a bit on phone screens */
        .btn-lg, .btn-group-lg label {
            padding: 10px 15px;
        }
    
        .slider.slider-horizontal {
            /* Slider can be full width on phones */
            width: 100%;
        }
    
        /* Center label under radio button on phones */
        .five-point-choice label {
            margin-left: 5px;
        }
    
        /* Make file-upload pop-up shorter on phones */
        .file-upload-modal-body {
            padding: 0;
            height: 300px;
        }
    
        /* Modal should be in front of navbar, so the close icon is visible */
        .modal {
            z-index: 3000;
        }
    
        /* Less margin on phones */
        .slider.slider-horizontal {
            margin-bottom: 0.4em;
        }
        
        /* Ajustando al móvil */
        
        .space-col {
            padding-top: 3.8%;
            margin-bottom: 0%;
        }
        
        .atras-es{
        margin-left: -22%;
        }
        
        /*.atras-es a:hover a:focus{
            color: #2b2b2b;
        }*/
        
        .atras-eu{
            margin-left: -32%;   
        }
        
        .atras-en {
            margin-left: -2%;
        }
        
        /* los títulos */
        
        .tituloPreg {
            font-weight: 400;
            color: #0F6C7D;
            font-size: 20px;
        }
        
        .fruity .well {
            font-size: 19px;
            width: 76.1%;
            background: #0F6C7D;
            color: #FFFFFF;
            border: 1px solid #0F6C7D;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            padding: 7px 20px;
                padding-top: 7px;
                padding-bottom: 7px;
            padding-top: 11px;
            padding-bottom: 7px;
            text-transform: uppercase;
            font-weight: normal;
            padding-bottom: 0%;
            margin-top: 13%;
        }
    
        .top-container {
            border: 1px solid #0F6C7D;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            padding: 14px 20px;
                padding-top: 14px;
            width: 35.66666667%;
            float: right;
            position: relative;
            min-height: 1px;
            height: 30%;
            margin-right: -1.15%;
        }
        
        #navigator-container {
            margin-top: 0em;
            padding-top: 1em;
            padding-bottom: 1em;
        }
        
        .top-container .progress {
            height: 70px;
            margin-bottom: 0;
            margin-left: 50%;
            width: 88%;
            float: left;
            background-color: white;
            box-shadow: none;
        }
    
        .progress .progress-bar {
            width: 100%;
            background: #ffffff !important;
            color: #0F6C7D;
            box-shadow: none;
            text-align: right;
            font-weight: bold;
            font-size: 37px;
            min-width: 1em;
            margin-top: 30%;
        }
        #progressBar {
            margin-top: 114px;
        }
        .descripcion {
            font-size: 18px;
            text-transform: lowercase;
        }
        #footer {
            background: #808080;
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            padding: 20px 0 0;
            margin-right: 3.7vw;
            margin-left: 3.7vw;
            margin-bottom: 2%;
        }
        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: 0px;
            line-height: 1;
        }
        .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 8px;
        }
        .slider-list .slider-container {
            margin-top: 1em;
        }
        .col-sm-4 {
            width: 51%;
        }
        
    }
    
    /* 480 */
    @media only screen and (max-width: 499px) and (min-width: 477px) {
        
        .gunea {
            width: 234px;
            float: left;
            height: 144px;
            margin-right: 63px;
        }
        
        .txartela {
            float: left;
            margin-right: 65px;
        }
        
        .barnetegi {
            width: 234px;
            float: left;
            height: 144px;
            margin-right: 66px;
        }
        
        #limesurvey {
            margin-top: -34%;
        }
        
        .completed-wrapper {
            margin-top: 33%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        
        #langlist {
            margin-right: 2.5%;
        }
        
        /* Ajustando el logo */
        
        .logo-container > img {
            max-height: 68px;
            padding: 0px;
            width: auto;
        }
        .logo {
            margin-top: 6%;
        }
        .navbar-default .navbar-brand {
            margin-left: 0%;
        }
        #limesurvey {
            margin-top: -34%;
        }
        
        .completed-wrapper {
            margin-top: 33%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        
        /* Adaptando los grupos sin competencias */
        
        #group-0 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 14px;
        }
        #group-1 .group-container.space-col .well{
            font-size: 26px;
            padding-top: 30px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 25px;
            padding-top: 30px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 19px;
        padding-top: 10px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 19px;
        padding-top: 10px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 19px;
        padding-top: 10px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 19px;
        padding-top: 10px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 24px;
            padding-top: 17px;
        }
        #group-8 .group-container.space-col .well{
            font-size: 24px;
            padding-top: 17px;
        }
        
        .question-container {
            background-color: #ffffff;
            border: 1px solid #e6e6e6;
            box-shadow: 0 1px 2px rgba(0,0,0,.2);
            margin-top: 11%;    
        }
    
        .array-by-columns-div .radio-list {
            border: 1px solid #ccc;
            padding: 1em;
            margin: 1em;
        }
    
        /*
        .col-sm-12.answer {
            padding-left: 0;
            padding-right: 0;
        }
        */
    
        .no-more-tables tbody {
            padding-left: 0;
            padding-right: 0;
        }
    
        /* For yes-no question, shrink the buttons a bit on phone screens */
        .btn-lg, .btn-group-lg label {
            padding: 10px 15px;
        }
    
        .slider.slider-horizontal {
            /* Slider can be full width on phones */
            width: 100%;
        }
    
        /* Center label under radio button on phones */
        .five-point-choice label {
            margin-left: 5px;
        }
    
        /* Make file-upload pop-up shorter on phones */
        .file-upload-modal-body {
            padding: 0;
            height: 300px;
        }
    
        /* Modal should be in front of navbar, so the close icon is visible */
        .modal {
            z-index: 3000;
        }
    
        /* Less margin on phones */
        .slider.slider-horizontal {
            margin-bottom: 0.4em;
        }
        
        /* Ajustando al móvil */
        
        .space-col {
            padding-top: 3.8%;
            margin-bottom: 0%;
        }
        
        .atras-es{
        margin-left: -22%;
        }
        
        /*.atras-es a:hover a:focus{
            color: #2b2b2b;
        }*/
        
        .atras-eu{
            margin-left: -32%;   
        }
        
        .atras-en {
            margin-left: -2%;
        }
        
        /* los títulos */
        
        .tituloPreg {
            font-weight: 400;
            color: #0F6C7D;
            font-size: 20px;
        }
        
        .fruity .well {
            font-size: 15px;
            width: 76.1%;
            background: #0F6C7D;
            color: #FFFFFF;
            border: 1px solid #0F6C7D;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
            padding: 7px 20px;
                padding-top: 7px;
                padding-bottom: 7px;
            padding-top: 16px;
            padding-bottom: 7px;
            text-transform: uppercase;
            font-weight: normal;
            padding-bottom: 0%;
            margin-top: 13%;
        }
    
        .top-container {
            border: 1px solid #0F6C7D;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            padding: 14px 20px;
                padding-top: 14px;
            width: 28.667%;
            float: right;
            position: relative;
            min-height: 1px;
            height: 30%;
            margin-right: -1.15%;
        }
        
        #navigator-container {
            margin-top: 0em;
            padding-top: 1em;
            padding-bottom: 1em;
        }
        
        .top-container .progress {
            height: 70px;
            margin-bottom: 0;
            margin-left: 15%;
            width: 121%;
            float: left;
            background-color: white;
            box-shadow: none;
        }
    
        .progress .progress-bar {
            width: 100%;
            background: #ffffff !important;
            color: #0F6C7D;
            box-shadow: none;
            text-align: right;
            font-weight: bold;
            font-size: 35px;
            min-width: 1em;
            margin-top: 30%;
        }
        .progress .progress-bar {
            line-height: 23px;
        }
        #progressBar {
            margin-top: 118px;
        }
        .descripcion {
            font-size: 15px;
            text-transform: lowercase;
        }
        #footer {
            background: #808080;
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            padding: 20px 0 0;
            margin-right: 3.7vw;
            margin-left: 3.7vw;
            margin-bottom: 2%;
        }
        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: 0px;
            line-height: 1;
        }
        .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 8px;
        }
        .slider-list .slider-container {
            margin-top: 1em;
        }
        .col-sm-4 {
            width: 51%;
        }
        
    }
    
    /* Cambios genéricos a todos los dispositivos móviles */
    
    @media only screen and (max-width: 500px) {
        
        /**** poniendo los sliders debajo de la pregunta */
        
                .form-horizontal .control-label {
                width: 100%;
            }
            
            .col-sm-8 {
                width: 100%;
            }
            
            .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
                padding-right: 6px;
                padding-left: 6px;
            }
            
            .slider.slider-horizontal {
                width: 80%;
                margin-left: 9%;
            }
            
            .pull-left {
                margin-left: 2.4%;
                margin-top: -0.45%;
            }
            
            .slider.slider-horizontal {
                width: 80%;
            }
            
            .slider-list div.pull-right {
                margin-right: 8%;
            }
            
            .slider-list .pull-left {
                position: absolute;
                left: 0;
                top: 0;
            }
        /*-------------------------------------*/
        
        /* quitamos la descripción en los móviles */
        .descripcion{
            display: none;
        }
        /* reducimos el tamaño de los números de las preguntad */
        .tituloNum {
            font-size: 22px;
        }
        .enpresadig{
            width: 234px;
            float: left;
            height: 144px;
            margin-right: 85px;
        }
    }
    
    /* 550 */
    @media only screen and (max-width: 593px) and (min-width: 500px) {
        
        #group-0 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-1 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-8 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-9 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-10 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-11 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-12 .group-container.space-col .well{
            font-size: 22px;
            padding-top:7px;
        }
        #group-13 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-14 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-15 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-16 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-17 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-18 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-19 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-20 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-21 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-22 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-23 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-24 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-25 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-26 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-27 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }

        #limesurvey {
            margin-top: -18%;
        }
        .completed-wrapper {
            margin-top: 19%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        #langlist {
            margin-right: 1.9%;
        }
        #progressBar {
            margin-top: 82px;
        }
        .space-col {
            margin-top: 1.84em;
        }
        .question-container {
            margin-top: 6%;
        }
        .top-container .progress {
            height: 87px;
            width: 128%;
            margin-left: 25%;
        }
        .top-container {
            width: 24.667%;
            margin-right: 0%;
        }
        .progress .progress-bar {
            line-height: 95px;
            text-align: left;
        }
        .fruity .well {
            width: 82.1%;
        }
        .slider.slider-horizontal {
            /* width: 90px; */
        }
        #navigator-container {
            margin-top: 1em;
        }
        .atras-es {
            margin-left: 5%;
        }
        .atras-en {
            margin-left: 15%;
        }
        .atras-eu {
            margin-left: -2%;
        }
        .form-horizontal .form-group {
            margin-left: 0px;
        }
        #footer {
            margin-right: 2.3%;
            margin-left: 2.3%;
        }
    }
    
    /* 597 */
    @media only screen and (max-width: 599px) and (min-width: 594px) {
        
        #group-0 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 37px;
        }
        #group-1 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 35px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 35px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 35px;
        }
        #group-8 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 35px;
        }
        #group-9 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-10 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-11 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-12 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-13 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-14 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-15 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-16 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-17 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 35px;
        }
        #group-18 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-19 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-20 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-21 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-22 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 35px;
        }
        #group-23 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 35px;
        }
        #group-24 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 35px;
        }
        #group-25 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-26 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-27 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        
        #limesurvey {
            margin-top: -18%;
        }
        .completed-wrapper {
            margin-top: 19%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        #langlist {
            margin-right: 1.9%;
        }
        #progressBar {
            margin-top: 83px;
        }
        .space-col {
            margin-top: 1.84em;
        }
        .question-container {
            margin-top: 6%;
        }
        .top-container .progress {
            height: 87px;
            width: 128%;
            margin-left: 25%;
        }
        .top-container {
            width: 23.667%;
            margin-right: 0%;
        }
        .progress .progress-bar {
            line-height: 95px;
            text-align: left;
        }
        .fruity .well {
            width: 82.1%;
        }
        .slider.slider-horizontal {
            /* width: 90px; */
        }
        #navigator-container {
            margin-top: 1em;
        }
        .atras-es {
            margin-left: 5%;
        }
        .atras-en {
            margin-left: 15%;
        }
        .atras-eu {
            margin-left: -2%;
        }
        .form-horizontal .form-group {
            margin-left: 0px;
        }
        #footer {
            margin-right: 2.3%;
            margin-left: 2.3%;
        }
    }
    
    /* 620 */
    @media only screen and (max-width: 638px) and (min-width: 600px) {
        
        #group-0 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-1 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-8 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-9 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-10 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-11 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-12 .group-container.space-col .well{
            font-size: 22px;
            padding-top:7px;
        }
        #group-13 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-14 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-15 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-16 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-17 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-18 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-19 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-20 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-21 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-22 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-23 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-24 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-25 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-26 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-27 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        
        #limesurvey {
            margin-top: -18%;
        }
        .completed-wrapper {
            margin-top: 19%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        #langlist {
            margin-right: 1.9%;
        }
        #progressBar {
            margin-top: 84px;
        }
        .space-col {
            margin-top: 1.84em;
        }
        .question-container {
            margin-top: 6%;
        }
        .container-fluid {
            padding-left: 4px;
        }
        .top-container .progress {
            height: 55px;
            width: 160%;
            margin-left: -10%;
        }
        .top-container {
            margin-right: 0%;
        }
        .progress .progress-bar {
            line-height: 64px;
        }
        .slider.slider-horizontal {
            /* width: 120px; */
        }
        #navigator-container {
            margin-top: 1em;
        }
        .atras-es {
            margin-left: 20%;
        }
        .atras-en {
            margin-left: 33%;
        }
        .atras-eu {
            margin-left: 13%;
        }
        #footer {
            margin-right: 2.3%;
            margin-left: 2.3%;
        }
    }
    
    /* 640 */
    @media only screen and (max-width: 645px) and (min-width: 639px) {
        
        #group-0 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-1 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-8 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-9 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-10 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-11 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-12 .group-container.space-col .well{
            font-size: 22px;
            padding-top:7px;
        }
        #group-13 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-14 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-15 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-16 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-17 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-18 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-19 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-20 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-21 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-22 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-23 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-24 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-25 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-26 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-27 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        
        #limesurvey {
            margin-top: -18%;
        }
        .completed-wrapper {
            margin-top: 19%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        #langlist {
            margin-right: 1.9%;
        }
        #progressBar {
            margin-top: 84px;
        }
        .space-col {
            margin-top: 1.84em;
        }
        .question-container {
            margin-top: 6%;
        }
        .container-fluid {
            padding-left: 8px;
        }
        .top-container .progress {
            height: 55px;
            width: 160%;
            margin-left: -10%;
        }
        .top-container {
            margin-right: 0%;
        }
        .progress .progress-bar {
            line-height: 64px;
        }
        .slider.slider-horizontal {
            /* width: 120px; */
        }
        #navigator-container {
            margin-top: 1em;
        }
        .atras-es {
            margin-left: 25%;
        }
        .atras-en {
            margin-left: 40%;
        }
        .atras-eu {
            margin-left: 20%;
        }
        #footer {
            margin-right: 2.3%;
            margin-left: 2.3%;
        }
    }
    
    /* 667 */
    @media only screen and (max-width: 690px) and (min-width: 646px) {
        
        #group-0 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-1 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-8 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-9 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-10 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-11 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-12 .group-container.space-col .well{
            font-size: 22px;
            padding-top:7px;
        }
        #group-13 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-14 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-15 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-16 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-17 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-18 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-19 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-20 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-21 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-22 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-23 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-24 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-25 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-26 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-27 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        
        #limesurvey {
            margin-top: -18%;
        }
        .completed-wrapper {
            margin-top: 19%;
        }
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        #langlist {
            margin-right: 1.9%;
        }
        #progressBar {
            margin-top: 83px;
        }
        .space-col {
            margin-top: 1.84em;
        }
        .question-container {
            margin-top: 6%;
        }
        .container-fluid {
            padding-left: 8px;
        }
        .top-container .progress {
            height: 55px;
            width: 160%;
            margin-left: -10%;
        }
        .top-container {
            margin-right: 0%;
        }
        .progress .progress-bar {
            line-height: 64px;
        }
        .slider.slider-horizontal {
           /* width: 120px; */
        }
        #navigator-container {
            margin-top: 1em;
        }
        .atras-es {
            margin-left: 25%;
        }
        .atras-en {
            margin-left: 40%;
        }
        .atras-eu {
            margin-left: 20%;
        }
        #footer {
            margin-right: 2.3%;
            margin-left: 2.3%;
        }
    }
    
    /* cambios genéricos en dispositivos menores a 700 pixeles */
    @media only screen and (max-width: 700px){
        
        .navbar-fixed-top, .navbar-fixed-bottom{
            position: absolute;
        }
    }
    
    /* 768 */
    @media only screen and (max-width: 789px) and (min-width: 700px) {
        
        /* Ajustando los titulos */
        
        #group-0 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-1 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 6px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 6px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 6px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-8 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 6px;
        }
        #group-9 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-10 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 6px;
        }
        #group-11 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-12 .group-container.space-col .well{
            font-size: 22px;
            padding-top:20px;
        }
        #group-13 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-14 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-15 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-16 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 6px;
        }
        #group-17 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-18 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-19 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-20 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-21 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-22 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-23 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-24 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-25 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-26 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-27 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        
        .completed-wrapper a {
            margin-right: 0.55%;
        }
        .question-container {
            margin-top: 3%;
        }
        .fruity .well {
            margin-bottom: 2%;
        }
        .top-container {
            margin-right: 0%;
        }
        .top-container .progress {
            height: 41px;
            width: 130%;
            margin-bottom: 0;
            margin-right: 10%;
            margin-left: 6%;
        }
        #progressBar {
            margin-top: 89px;
        }
        .space-col {
            padding-top: 2.57%;
            margin-bottom: -0.06em;
            margin-top: 1.29em;
        }
        
        .slider.slider-horizontal {
            /* width: 120px; */
            height: 0px;
        }
        #navigator-container {
            margin-top: 1em;
        }
        .atras-es {
            margin-left: 35%;
        }
        .atras-en {
            margin-left: 46%;
        }
        .atras-eu {
            margin-left: 30%;
        }
        #footer {
            width:94%;
            margin:0 auto;
        }
        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: 0px;
            line-height: 1;
        }
        .slider-list .slider-container {
            margin-top: 1em;
        }
    }
    
    /* 800 */
    @media only screen and (max-width: 800px) and (min-width: 790px) {
        
        #group-0 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-1 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-8 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-9 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-10 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-11 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-12 .group-container.space-col .well{
            font-size: 22px;
            padding-top:7px;
        }
        #group-13 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-14 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-15 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-16 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-17 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-18 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-19 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-20 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-21 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-22 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-23 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-24 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-25 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-26 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-27 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        
        #langlist {
            margin-right: 4.5%;
        
        }
        #progressBar{
            margin-top: 35px;
        }
        .progress .progress-bar {
            line-height: 54px;
        }
        .top-container .progress {
            height: 54px;
            width: 100%;
        }
        .top-container {
            width: 20.66666667%;
            margin-right: 0%;
        }
        .question-container {
            margin-top: 2%;
        }
        .slider.slider-horizontal {
           /* width: 120px; */
        }
        #navigator-container {
            margin-top: 1em;
        }
        .atras-es {
            margin-left: 35%;
        }
        .atras-en {
            margin-left: 46%;
        }
        .atras-eu {
            margin-left: 28%;
        }
        #footer {
            margin-right: 4.9%;
            margin-left: 4.9%;
        }
        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: 0px;
            line-height: 1;
        }
    }
    
    /* 812 */
    @media only screen and (max-width: 820px) and (min-width: 800px) {
        
        #group-0 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-1 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-8 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-9 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-10 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-11 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-12 .group-container.space-col .well{
            font-size: 22px;
            padding-top:7px;
        }
        #group-13 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-14 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-15 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-16 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-17 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-18 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-19 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-20 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-21 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-22 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-23 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-24 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-25 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-26 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-27 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        
        #langlist {
            margin-right: 4.5%;
        
        }
        #progressBar{
            margin-top: 63px;
        }
        .progress .progress-bar {
            line-height: 54px;
        }
        .top-container .progress {
            height: 54px;
            width: 100%;
        }
        .top-container {
            width: 20.66666667%;
            margin-right: -2%;
        }
        .question-container {
            margin-top: 2%;
        }
        .slider.slider-horizontal {
            /* width: 140px; */
        }
        #navigator-container {
            margin-top: 1em;
        }
        .atras-es {
            margin-left: 35%;
        }
        .atras-en {
            margin-left: 46%;
        }
        .atras-eu {
            margin-left: 28%;
        }
        #footer {
            margin-right: 3.6%;
            margin-left: 3.6%;
        }
        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: 0px;
            line-height: 1;
        }
    }
    
    /* 850 */
    @media only screen and (max-width: 900px) and (min-width: 821px) {
        
        
        #progressBar{
            margin-top: 63px;
        }
        
        #group-0 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-1 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-8 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-9 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-10 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-11 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-12 .group-container.space-col .well{
            font-size: 22px;
            padding-top:7px;
        }
        #group-13 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-14 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-15 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-16 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-17 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-18 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-19 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-20 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-21 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-22 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-23 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-24 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-25 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-26 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-27 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        
        #langlist {
            margin-right: 5.5%;
        
        }
        #progressBar{
            margin-top: 63px;
        }
        .progress .progress-bar {
            line-height: 54px;
        }
        .top-container .progress {
            height: 54px;
            width: 100%;
        }
        .top-container {
            width: 20.66666667%;
            margin-right: -2%;
        }
        .question-container {
            margin-top: 2%;
        }
        .slider.slider-horizontal {
           /* width: 140px; */
        }
        #navigator-container {
            margin-top: 1em;
        }
        .atras-es {
            margin-left: 35%;
        }
        .atras-en {
            margin-left: 46%;
        }
        .atras-eu {
            margin-left: 28%;
        }
        #footer {
           margin-right: 5.9%;
            margin-left: 5.9%;
        }
        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: 0px;
            line-height: 1;
        }
    }
    
    /* 950 */
    @media only screen and (max-width: 999px) and (min-width: 901px) {
        
        
        #progressBar{
            margin-top: 63px;
        }
        
        #group-0 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 20px;
        }
        #group-1 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-8 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 19px;
        }
        #group-9 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-10 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-11 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-12 .group-container.space-col .well{
            font-size: 22px;
            padding-top:7px;
        }
        #group-13 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-14 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-15 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-16 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 21px;
        }
        #group-17 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-18 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-19 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-20 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-21 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-22 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-23 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-24 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-25 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-26 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-27 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        
        #langlist {
            margin-right: 10.2%;
        
        }
        #progressBar{
            margin-top: 63px;
        }
        .progress .progress-bar {
            line-height: 54px;
        }
        .top-container .progress {
            height: 54px;
            width: 100%;
        }
        .top-container {
            width: 20.66666667%;
            margin-right: -2%;
        }
        .question-container {
            margin-top: 2%;
        }
        .slider.slider-horizontal {
            /* width: 140px; */
        }
        #navigator-container {
            margin-top: 1em;
        }
        .atras-es {
            margin-left: 35%;
        }
        .atras-en {
            margin-left: 46%;
        }
        .atras-eu {
            margin-left: 28%;
        }
        #footer {
            margin-right: 10.4%;
            margin-left: 10.6%;
        }
        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: 0px;
            line-height: 1;
        }
    }
    
    /* LOS CAMBIOS A TODOS LOS DISPOSITIVOS, MENOS LOS DE ORDENADOR */ 
    @media only screen and (max-width: 1024px){
        
        /* Line header ; color is h4 color */
        table.ls-answers tr th {
            font-size: 1.1em;
            text-align: left;
            color: #2c3e50;
        }
        
        .ls-heading{
            display: none !important;
        }
        
        .dir-ltr .radio-item .ls-label-xs-visibility, .dir-ltr .checkbox-item .ls-label-xs-visibility {
            left: auto;
            margin-left: 0;
        }
        
        .radio-item .ls-label-xs-visibility, .checkbox-item .ls-label-xs-visibility {
            display: inline-block;
            position: relative;
            overflow: hidden;
            width: auto;
            height: auto;
            line-height: 21px;
            text-indent: 21px;
        }
        
        table.ls-answers tr {
            border: none;
        }
        .fruity .table-bordered > tbody > tr > th {
            border: none;
            width: 100%;
        }
        .fruity .table-bordered > tbody > tr > td {
            border: none;
        }
        table.ls-answers, table.ls-answers tbody, table.ls-answers th, table.ls-answers td, table.ls-answers tr {
            display: inline-block;
        }
        table.ls-answers .ls-label-xs-visibility {
            display: inline-block;
            position: relative;
        }
        p {
            margin: 0px 10px 10px;
        }
        .dir-ltr table.ls-answers .ls-label-xs-visibility {
            left: -35px;
        }
        .dir-ltr .ls-answers td.radio-item{
            padding-left: 80px;
            padding-right: 4px;
        }
        label {
            margin-bottom: 15px;
        }
        /** quitando hover */
            .ls-answers > tbody > tr.ls-even:hover {
                background-color: transparent;
            }
            .fruity .table-hover > tbody > tr:hover > th {
                background-color: transparent;
            }
            .fruity .table-hover > tbody > tr:hover > td {
                background-color: transparent;
            }
        /*-*/
        
        /* bajamos el interlinado de los radio-buttons */
        li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item {
            margin-bottom: 0em;
        }
        
        /* aplicamos los atributos del encabezado de 'Si - No' a las demás preguntas */
        .radio-item label, .checkbox-item label {
            font-size: 1.1em;
            color: #317eac;
        }
        
        /* los separamos para que quede bien estructurado */
        .radio-item {
            padding-left: 40px;
        }
        
        /* subimos el interlineado en los sliders */
        .form-horizontal .form-group {
            margin-right: -15px;
            margin-left: 0px;
            line-height: 1.2;
        }
        
        /* de nuevo, aplicamos el color y el tamaño de 'Si-No' */
        .slider-list .slider-item .control-label {
            font-size: 1.1em;
            color: #317eac;
        }
        
        /* damos el color negro y el tamaño de fuente a los radio-buttons, 'Si' y 'No' */
        table.ls-answers .radio-item .ls-label-xs-visibility, table.ls-answers .checkbox-item .ls-label-xs-visibility {
            color: black;
            font-size: 15px;
        }
        
        table.ls-answers tr {
            margin-bottom: -1em;
        }
        
        /* reducimos la anchura de los números de las preguntas */
        .tituloPreg, .tituloNum {
            font-weight: 400;
        }
        
    }
    
    /* 1024 */
    @media only screen and (max-width: 1050px) and (min-width: 1000px) {
        
        #group-0 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-1 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-2 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-3 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-4 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 6px;
        }
        #group-5 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 6px;
        }
        #group-6 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-7 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-8 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-9 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-10 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-11 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-12 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-13 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-14 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-15 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-16 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-17 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-18 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-19 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-20 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-21 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-22 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-23 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-24 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-25 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 7px;
        }
        #group-26 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        #group-27 .group-container.space-col .well{
            font-size: 22px;
            padding-top: 22px;
        }
        
        #progressBar{
            margin-top: 66px;
        }
        #langlist {
            margin-right: 2.5%;
        }
        .top-container {
            width: 19.66666667%;
        }
        .top-container .progress {
            height: 53px;
        }
        .progress .progress-bar {
            line-height: 57px;
        }
        .slider.slider-horizontal {
            width: 195px;
            height: 0px;
        }
        .atras-es {
            margin-left: 50%;
        }
        .atras-en {
            margin-left: 58%;
        }
        .atras-eu {
            margin-left: 48%;
        }
        #footer {
            margin-right: 2.5%;
            margin-left: 2.5%;
        }
    }
    @media only screen and (max-width: 1200px) and (min-width: 1050px) {
        .atras-es {
            margin-left: 50%;
        }
    }
    
    @media only screen and (max-width: 1290px) and (min-width: 1200px) {
        #footer {
            margin-right: 4.2%;
            margin-left: 4.2%;
        }
        #langlist {
            margin-right: 4.5%;
        }
    }
    
    /* EL NORMAL, 1366 */ 
    @media only screen and (max-width: 1370px) and (min-width: 1300px) {
        #footer {
            background: #808080;
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            padding: 20px 0 0;
            margin-bottom: 2%;
        }
    }
    
    /* 1920 */
    
    @media only screen and (max-width: 1950px) and (min-width: 1800px) {
        
        .navbar-fixed-top, .navbar-fixed-bottom {
            position: fixed;
            right: 271px;
            left: 271px;
        }
        
        #langlist {
            margin-right: 7.7%;
        }
        
    }

/*------------------------------------ */

/**** Footer */

    #surveyListFooter {
        width: 100%;
        text-align: center;
        margin-bottom: 0;
        padding-bottom: 0;
        margin-top: 10px;
    }
    
    .file-upload-modal-footer {
        margin-top: 0;
    }
    
    #footer {
      background: #808080;
      -webkit-border-top-left-radius: 10px;
      -webkit-border-top-right-radius: 10px;
      -moz-border-radius-topleft: 10px;
      -moz-border-radius-topright: 10px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      padding: 20px 0 0;
      margin-bottom: 0%;
    }
    
    /*#footer img{
      display: block;
      margin: 10px auto;
    }*/
    
    #footer p{
      color: #ffffff;
      margin: 0;
      margin-top: -0.5%;
      margin-bottom: 1%;
    }
    #footer p a{
      color: #ffffff;
    }
/*---------------------------*/

/**** Añadidos puntuales */

    /* quitar alerta 'Encuesta no activa' */
    
    .fruity .alert-warning {
        display:none;
    }
    
    /* Escondemos los resultados */
    
    .numeric{
        display:none;
    }
    
    /* Escondemos las ecuaciones */
    
    .equation{
        display:none;
    }
    
    .ls-group-total {
        display: none;
    }
    .em_sum_range {
        display: none;
    }
    .em_value_range {
        display: none;
    }
    .slider-horizontal .slider-max-block {
      position: absolute;
      top: -3px;
      right: -7px;
    }
    .slider-horizontal .slider-min-block {
      position: absolute;
      left: -10px;
      top: -3px;
    }
/*-----------------------------------*/


/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, 
    you'll still benefit of all the updates
*/