@import url("bootstrap.min.css");
/*@import url("font-awesome.min.css");*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,800italic,400,300,800");
/*@import url("ionicons.min.css");*/



input, button, select, textarea {
   border: 1px solid rgba(126, 160, 195, 0.55);
  
  padding:5px;
}

    input[type=checkbox] {
        width: 30px;
        height: 31px;
        margin-left:12px;
    }

body {
    background-color: #F6F6F6;
    font-size:16px;
 /*background-image: url('../images/fondo5.jpg');*/ 
  /* -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;*/
  background-position: center center;
   background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
 /*font-family: 'frutiger-lightregular';*/
 font-family:'Open Sans';
}

#btnNoMasEncuestas {
    font-size: 0.6em;
}


.NegritaEndesa {
    font-weight: 900;
    color: #414141;
    /*color:#676767;*/
}

/*.clear {
    clear:both; visibility:hidden; height:0; width:0
}*/

.error {color:red !important; font-weight:bold; display:none;}

h4 
{
    border-bottom: 2px solid red;  
    padding-bottom: 3px;  
}

h5
{
    padding-bottom: 3px; 
    border-bottom: 2px solid #8d8f8f; 
}

/*.panelPreguntas
{
 background-color: rgba(132, 132, 132, 0.5);
 margin: 20px 100px;  
    }*/

.LogoCaixa {
  /* float:right;*/ 
    margin:10px 0px 0px 0px;
}

.logoBarclays {
    padding:0px 0px 0px 25px;
}

.img-idioma {
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 0px solid white;
    margin-bottom: 15px;
    margin-left: 5px;
    padding:0;
    float:right;
}

.barclays {
    width:150px;
}

.lacaixa {
    width:50px;
    margin-right:10px;
}

#LblError{font-size:1.25em;
          text-align:center;
}

 .btn-DB{
      width:100%;
      font-size:1.3em;
  }    

.cabecera {
  padding-bottom: 5px;
  padding:10px 10px;
  /*margin: 40px 0 20px;*/
  border-bottom: 3px solid #35559E;
}

.titleAnio
{
    font-size:80px;
    color:White;
    }

.titleEncuesta
{
    font-size:40px;
    color:White;
    }

.lblCliente {
    color:#7D9FC5;
    font-size:35px;
    font-weight:normal;
}

.separator {
    color:#0079C8;
    margin:0px;
}

.text-success{
    color:red;
}

.lblCuestionario
{
    color:White;
    font-size:24px;
    font-weight:bold;
    }
.lblRecibir
{
    color:#e97319;
    font-size: 2em;
    }
 
 .lblIntroduccion
 {
     color:white;
     font-size:1.13em;
     }   
  
   .powerBy
 {
    padding-top:60px;
     } 
  
   .lblPowered
 {
     color:white;
     font-size:1em;
     }  
   
/*     .ie8
    {
        display:block;
        max-width:100%;
        width:80% !important;
        height:auto;
        } */   

 .lblbyStiga
{
    color:#e97319;
    font-size: 1.3em;
    }   
  
  .tiza{display:block;}
    
    
 .lblAccion
 {
    color:#e97319;
    font-size: 1.13em;     
     }   
    
 .lblAgradecimiento
 {
      color:#e97319;
    font-size: 2em;   
     }   
     
  .lblRecuerdo
 {
      color:#e97319;
    font-size: 1.7em;   
     }     
     
 .lblSiguiente
 {
     color:#e97319;
     font-size:15px;
     }

  .ui-button-text-only .ui-button-text{
     padding:.4em 0.7em;
 }
  .flecha
  {
      width:150px;
      }  
      
      .su01
   {
       width:100%;
       } 
        .progress{
         width:100%;
         margin-top:21px;
     }  
        
      .btnSalir{
      margin-top:16px;
  }    
         .check{
       margin-top:4px;
   } 
           
  /*.toRight
  {
     align:right; 
      }*/   
      
 .noBorde
 {
     border:none !important;
     }
             

  .tablaTitle
  {
      margin:10px 20px;
      border:none;
      
      }
        
 .contentImagen
 {
       position:relative;
   
     }
  
 .buttonLeft
 {
     float:left;
     } 
     
 .buttonRight
 {
     float:right;
     }    
     
  .diagram {
	display: inline-block;
	margin: 2em;
}   
     

.contentPanels
{
     /*max-width:800px;*/
     /*max-height:300px;*/

     background-color:rgba(90, 90, 90, 0.75);
     padding:0px 20px;

   -moz-box-shadow: 10px 10px 60px #000000;
-webkit-box-shadow: 10px 10px 60px #000000;
box-shadow: 10px 10px 60px #000000;
/*min-height:800px;*/
border-radius:4px;
color:White;
/* border:2px solid black;*/
 
    }

.contentPanels2
{
      background-color:rgba(255, 255, 255, 0.90);
     padding:20px;
  -webkit-box-shadow: 0px 0px 20px 2px rgba(87,87,87,0.52);
-moz-box-shadow: 0px 0px 20px 2px rgba(87,87,87,0.52);
box-shadow: 0px 0px 20px 2px rgba(87,87,87,0.52);
    /*min-height:800px;*/
    border-radius:4px;

    }

.panelResultados
{
    background-color:rgba(255, 255, 255, 0);
    /*min-height:500px;*/
    border-radius:4px;
    padding:15px 10px 10px 15px;
    color:grey;
    }

.imgColoca
{
    padding-top:18px;
    }

.panelCuestionario
{
   background-color:rgba(189, 189, 189, 0.5);

    }

.contentFooter
{
  background-color: rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 6px 35px #000000;
-webkit-box-shadow: 0px 6px 35px #000000;
box-shadow: 0px 6px 35px #000000;   
    }
.titleCawi
{
    width:100%;
    min-height:50px;
    }

.contentHeader
{
 background-color: rgba(248, 89, 0, 0.5);
    -moz-box-shadow: 0px 6px 35px #000000;
-webkit-box-shadow: 0px 6px 35px #000000;
box-shadow: 0px 6px 35px #000000;

    }
    
.contentFooter
{
  background-color: rgba(132, 132, 132, 0.5);
    -moz-box-shadow: 0px 6px 35px #000000;
-webkit-box-shadow: 0px 6px 35px #000000;
box-shadow: 0px 6px 35px #000000;   
    }    
    .textoPregunta{
        /*font-weight:600;*/
        font-weight:300;
    }
 .clear
 {
     height:3px;
     } 

 .clear2
 {
     height:10px;
     } 

  .clear3
 {
     height:10px;
     } 

.panelResponse
{
   padding-left:200px;
    padding-right:200px;
    border:2px solid #e97319;

    }

.camposSlider {
    padding-top:5px;
}

.botonNA {
    margin-bottom:2px;
}

.logo
{
    float:right;
    margin-top:15px;
}

/*.progress 
{
    margin-top:10px;
  height: 15px;
  margin-bottom: 10px;
   width:100%;
}*/

.panelDesconectar
{
       margin-top:30px; 
    }
 .botones
 {
     display:inline-block;
     margin-right:50px;
     margin-left:50px;
     }
        
.panelPreguntas
{
    margin:50px 150px;
    /*min-height:400px;*/
    z-index:-1;
    }
.lblLogout
{
    padding-left:0px;
         color:#e97319; 
    }
    
/*.clear { clear:both; visibility:hidden; height:0; width:0}*/
/*.logoAbs
{
    margin-left:50px;
    position:absolute;
    max-width:228px;
    min-height:220px;
    background-color:#FF8000;
    }*/
.floatIzda { float:left;}
.floatDcha { float:right}
.izd{padding:50px 50px;float:left;width:20%}
.centro{width:20%;}
.der{padding:10px 50px;text-align:center;width:50%;}
.desconect{width:10%;float:right;padding:50px 50px;}
.izda
{
    float:left;
    width:15%;
    }
#cabeceraDcha{/*margin-top:10px;*/text-align:center}
.min{font-size:12px;}
/*.slider.slider-horizontal {
  max-width: 500px !important;
  min-width: 200px !important;
  height: 20px;
}*/
.slider.slider-horizontal {
  /*width: 95% !important;*/
  /*margin-right:10px;*/
  width: 95% !important;
  max-width: 500px !important;
  height: 20px;
}
.slider-track {
  background-color: #9cc2cb;
  background-image: linear-gradient(to bottom, #f5f5f5, #9cc2cb);
  /*background-color: #e97319;
  background-image: linear-gradient(to bottom, #AB510C, #e97319);*/
}
.slider-handle {
    opacity: 1;
    background-color: #9cc2cb;
    background-image: linear-gradient(to bottom, #9cc2cb, #36549A) !important;
    /*background-color: #AB510C;
    background-image: linear-gradient(to bottom, #AB510C, #954A11) !important;    */
}


.slider-selection {
  position: absolute;
  background-color:#bbbcbc !important;
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-image: linear-gradient(to bottom, #E0E0E0, #8d8f8f);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #FFFFFF !important;
}

.btn-default {
  color: #36549A;
  background-color: #f6f6f6;
  border-color: #cccccc;
}

.btn-default2  {
  color: #ffffff;
  background-color: #0871bf;
  border-color: #0871bf;
}

.btn-default2:hover,
.btn-default2:focus,
.btn-default2:active,
.btn-default2.active,
.open .dropdown-toggle.btn-default2 {
  color: #ffffff !important;
  background-color: #0871bf !important;
  border-color: #004767 !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #ffffff !important;
  background-color: #004767 !important;
  border-color: #004767 !important;
}

.btn-primary {
    color: #ffffff;
    background-color: #0871bf;
    border-color: #0871bf;
    padding: 8px 8px;
    text-transform: uppercase;
    font-size: 1em;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff !important;
  background-color: #0871bf !important;
  border-color: #0871bf !important;
}

.btn-primary:hover
{
  color: #ffffff !important;
  background-color: #003350 !important;
  border-color: #003350 !important;
}


.btn:focus {
  color: #ffffff;
}

.btn:hover,
.btn:focus {
  color: #ffffff;
  text-decoration: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #a8c8e3;
	background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: grey;
	border-radius: 4px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #0871bf;
	background: #0871bf url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
	color: #ffffff;
	}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	/*border: 1px solid #9cc2cb;
	background: #9cc2cb url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;*/
border: 1px solid #0871bf;
	background: #0871bf /*url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x*/;
	/*font-weight: bold;*/
	color: #ffffff;
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  /*background-color: rgb(79, 107, 172);*/
  background-color:#0871bf;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
          transition: width 0.6s ease;
}

/*#CabeceraContent_PnProgreso
{
    height:50%;
    width:100%;
    }
    */
#CabeceraContent_PnDesconectar
{
    height:50%;
    width:100%;
    }    
    
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-radius: 4px;
}
.ui-buttonset .ui-button {
	margin-left: 6px;
	margin-right: 0;
    min-width: 30px;
    min-height: 31px;
}



label{
    font-weight:normal;    
}
.Laux2
{
    margin-right:30px
}
.margen
{
    margin-bottom:220px;
}
    
.page-header {
  padding-bottom: 0px;
  margin: 20px 0 10px 0px;
  border-bottom: 1px solid #babbbb;
}

 
@media screen and (max-height: 550px)
{
    
.contentPanels
{
     /*max-width:800px;*/
     /*max-height:300px;*/

     background-color:rgba(90, 90, 90, 0.75);
     padding:0px 20px;

   -moz-box-shadow: 10px 10px 60px #000000;
-webkit-box-shadow: 10px 10px 60px #000000;
box-shadow: 10px 10px 60px #000000;
/*min-height:550px;*/
border-radius:4px;
color:White;
/* border:2px solid black;*/
 
    }    
}


@media screen and (max-width: 990px)  
{
    body
    {
        font-size:13px;
        }
    
   .container {
      margin-top:0px;
      margin-bottom:0px;
     /* -webkit-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
      -icab-border-radius: 0px;
      -khtml-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
      -icab-border-radius: 0px;
      -khtml-border-radius: 0px;
      -moz-border-radius: 0px;
      box-shadow:0px 0px 0px #fff;*/
      /*min-height:480px !important;*/
	
    }
   .panelResponse
{
    padding-left:100px;
    padding-right:100px;
    max-width:790px;
    } 
    
        h1 small
    {
        /*color:#E97319 !important; */
        font-size:9px;
    }
    
    h3 small
    {
        /*color:#E97319 !important; */
        font-size:7px;
    } 
    .der{text-align:center;width:40%;padding:0px 0px;}  
    .izd{padding:48px 10px;float:left;width:25%} 
   .desconect{width:10%;float:right;text-align:right;padding:50px 20px;} 
   .centro{width:20%;padding:30px 5px;} 
    .floatDcha { float:right;padding:10px 10px;}
    .floatIzda { float:left;padding:10px 10px;}
    .tituloESC
    {
        
        }
    
    .cabecera h1{
      color:#E97319 !important; 
    }
    .cabecera h3{
      font-size:20px;
    }
    
    h1 small
    {
       /* color:#E97319 !important; */
        font-size:19px;
    }
    
    h3 small
    {
        color:#E97319 !important; 
        font-size:17px;
    } 
    
  .noBorde
 {
     border:none !important;
     margin-bottom:0px !important;
     } 
  
    .powerBy
 {
    padding-top:47px;
     } 
  
   .lblPowered
 {
     color:white;
     font-size:1.3em;
     }  
    
 .lblbyStiga
{
    color:#e97319;
    font-size: 1.3em;
    }  
    
   .tiza{display:block;}   
    
.titleEncuesta
{
    font-size:30px;
    color:White;
    } 
    
      .tablaTitle
  {
      margin:8px 10px;
      border:none;
      
      } 
  
  .panelDesconectar
{
       margin-top:15px; 
    }  
    
 .progress 
{
    margin-top:10px;
  height: 15px;
  margin-bottom: 10px;
   width:250px;
} 
    
 .lblLogout
{
    padding-left:37px;
         color:#e97319; 
    }   

  
       .titleAnio
{
    font-size:60px;
    color:White;
    }     
   
      .su01
   {
       width:100%;
       } 
        .progress{
         width:100%;
         margin-top:21px;
     }  
        
      .btnSalir{
      margin-top:16px;
  }    
         .check{
       margin-top:4px;
   }         

    .flecha
    {
        width:120px;
        }    
    /*.btnAnterior {
    padding-left:20px;
   
    cursor: pointer;
    float:left;
}*/
    .Lbl_pregunta{
        /*font-weight:600;*/
        font-weight:500;
    }
/*.btnPosterior {
     padding-right:20px;
        cursor: pointer;
        float:right;
}*/        
  .botones
 {
     display:inline-block;
     margin-right:40px;
     margin-left:40px;
     }       
}



@media screen and (max-width: 644px)  
{
    .table {
      width: 100% !important;
      margin-bottom: 20px;
      max-width: 580px !important;
    }    
    
   .container {
      margin-top:0px;
      margin-bottom:0px;
     /* -webkit-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
      -icab-border-radius: 0px;
      -khtml-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
      -icab-border-radius: 0px;
      -khtml-border-radius: 0px;
      -moz-border-radius: 0px;
      box-shadow:0px 0px 0px #fff;*/
      /*min-height:480px !important;*/
	
    }
   .panelResponse
{
    padding-left:30px;
    padding-right:30px;
    max-width:634px;
    } 
    
        h1 small
    {
        /*color:#E97319 !important; */
        font-size:9px;
    }
    
    h3 small
    {
        color:#E97319 !important; 
        font-size:7px;
    } 
    .der{text-align:center;width:80%;padding:0px 0px;}  
    .izd{padding:5px 90px;float:left;width:70%} 
   .desconect{width:10%;float:right;text-align:right;padding:10px 20px;} 
   .centro{width:20%;padding:30px 5px;} 
     .floatDcha { float:right;padding:10px 10px;}
       .floatIzda { float:left;padding:10px 10px;}
    .tituloESC
    {
        
        }
    
    .cabecera h1{
      color:#E97319 !important; 
    }
    .cabecera h3{
      font-size:20px;
    }
    
    h1 small
    {
        /*color:#E97319 !important; */
        font-size:19px;
    }
    
    h3 small
    {
        color:#E97319 !important; 
        font-size:17px;
    }  
 
.contentPanels
{
     /*max-width:800px;*/
     /*max-height:300px;*/

     background-color:rgba(90, 90, 90, 0.75);
     padding:0px 20px;

   -moz-box-shadow: 10px 10px 60px #000000;
-webkit-box-shadow: 10px 10px 60px #000000;
box-shadow: 10px 10px 60px #000000;
/*min-height:480px;*/
border-radius:4px;
color:White;
/* border:2px solid black;*/
 
    }
  
 
  
  .noBorde
 {
     border:none !important;
     margin-bottom:0px !important;
     }   
  
    .powerBy
 {
    padding-top:44px;
     } 
  
   .lblPowered
 {
     color:white;
     font-size:1.3em;
     }  
    
 .lblbyStiga
{
    color:#e97319;
    font-size: 1.3em;
    }  
 
   .tiza{display:none;}
 /*.btnAnterior {
    padding-left:20px;
    padding-top:13px;
    cursor: pointer;
    float:left;
}*/
/*.btnPosterior {
        cursor: pointer;
        float:right;
}*/       
.titleEncuesta
{
    font-size:25px;
    color:White;
    }
    
 .lblLogout
{
    padding-left:0px;
         color:#e97319; 
    }   
  
 .panelDesconectar
{
       margin-top:15px; 
    }  
    
 .progress 
{
    margin-top:10px;
  height: 15px;
  margin-bottom: 10px;
   width:250px;
}   
     .titleAnio
{
    font-size:50px;
    color:White;
    } 
    
       .flecha
    {
        width:110px;
        }   
     .su01
   {
       width:100%;
       }
      
        .progress{
         width:100%;
         margin-top:21px;
     }  
   
      .btnSalir{
      margin-top:16px;
  }    
         .check{
       margin-top:4px;
   }   
         
 .ui-button-text-only .ui-button-text{
     padding:.2em 0.5em;
 }
                   
 .botones
 {
     display:inline-block;
     margin-right:30px;
     margin-left:30px;
     }             
         
}


@media screen and (max-width: 500px) { /*768*/
    .table {
      width: 100% !important;
      margin-bottom: 20px;
      max-width: 450px !important;
    }                                       
                                       
  .container {
      margin-top:0px;
      margin-bottom:0px;
     /* -webkit-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
      -icab-border-radius: 0px;
      -khtml-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
      -icab-border-radius: 0px;
      -khtml-border-radius: 0px;
      -moz-border-radius: 0px;
      box-shadow:0px 0px 0px #fff;*/
      /*min-height:480px !important;*/
	
    }
   .panelResponse
{
    padding-left:10px;
    padding-right:10px;
    max-width:450px;
    } 
    
        h1 small
    {
        /*color:#E97319 !important; */
        font-size:9px;
    }
    
    h3 small
    {
        color:#E97319 !important; 
        font-size:7px;
    } 
    .der{text-align:center;width:80%;padding:0px 0px;}  
    .izd{padding:5px 20px;float:left;width:60%} 
   .desconect{width:20%;float:right;text-align:right;padding:10px 20px;} 
   .centro{width:20%;padding:30px 5px;} 
     .floatDcha { float:right;padding:10px 10px;}
       .floatIzda { float:left;padding:10px 10px;}
    .tituloESC
    {
        
        }
    
    .cabecera h1{
      color:#E97319 !important; 
    }
    .cabecera h3{
      font-size:20px;
    }
    
    h1 small
    {
        /*color:#E97319 !important; */
        font-size:19px;
    }
    
    h3 small
    {
        color:#E97319 !important; 
        font-size:17px;
    }
    
    .cabecera{
      /*padding: 10px;*/
      /*margin: 20px 0 20px;*/
      border-bottom: 0px solid #35559E;
      color:#FFF;
      -webkit-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      -icab-border-radius: 4px;
      -khtml-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
    
    .margen
    {
        margin-bottom:0px;
    }
    
     .titleAnio
{
    font-size:35px;
    color:White;
    } 
    
  .contentPanels
{
     /*max-width:800px;*/
     /*max-height:300px;*/

     background-color:rgba(90, 90, 90, 0.75);
     padding:0px 20px;

   -moz-box-shadow: 10px 10px 60px #000000;
-webkit-box-shadow: 10px 10px 60px #000000;
box-shadow: 10px 10px 60px #000000;
/*min-height:450px;*/
border-radius:4px;
color:White;
/* border:2px solid black;*/
 
    }
   .ui-button-text-only .ui-button-text{
     padding:.1em 0.4em;
 }  
  .noBorde
 {
     border:none !important;
     margin-bottom:0px !important;
     }     
    
    .powerBy
 {
    padding-top:25px;
     } 
  
   .lblPowered
 {
     color:white;
     font-size:1.3em;
     }  
    
 .lblbyStiga
{
    color:#e97319;
    font-size: 1.3em;
    }    
    
   .tiza{display:none;}   
    
    .titleEncuesta
{
    font-size:20px;
    color:White;
    }
  .lblLogout
{
    padding-left:0px;
         color:#e97319; 
    }  
 
.panelDesconectar
{
       margin-top:15px; 
    } 
    
.progress 
{
    margin-top:10px;
  height: 15px;
  margin-bottom: 10px;
   width:190px;
}   
  .tablaTitle
  {
      margin-top:5px;
      border:none;
      
      } 
       .flecha
    {
        width:100px;
        }  
     .su01
   {
       width:100%;
       } 
        .progress{
         width:100%;
         margin-top:21px;
     }  
  /*.btnAnterior {
    padding-left:20px;
    padding-top:13px;
    cursor: pointer;
    float:left;
}*/
/*.btnPosterior {
        cursor: pointer;
        float:right;
}*/          
      .btnSalir{
      margin-top:16px;
  }         
  .botones
 {
     display:inline-block;
     margin-right:25px;
     margin-left:25px;
     }              
}

[class^="cb-icon-"],
[class*=" cb-icon-"] {
	display: inline-block;
	width: 35px;
	height: 30px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 40px;
	vertical-align: text-top;
	border: 1px solid #cccccc;
	background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #36549A;
	border-radius: 4px;
}


.bootstrap-checkbox > button.btn{
	padding-left:0px;
	width:50px;
}

.bootstrap-checkbox button.btn > span.cb-icon-check,
.bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check,
.bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check{
	border: 1px solid #357ebd;
	background: #4F6BAC /*url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x*/;
	color: #ffffff;
}
.bootstrap-checkbox button.btn:hover > span.cb-icon-check,
.bootstrap-checkbox button.btn:focus > span.cb-icon-check,
.bootstrap-checkbox button.btn:active > span.cb-icon-check{
	border: 1px solid #285e8e;
	background: #3276b1 url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
	color: #ffffff;
}
.bootstrap-checkbox button.btn > span.cb-icon-check-empty,
.bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check-empty,
.bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check-empty{
	border: 1px solid #cccccc;
	background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
	color: #36549A;
}
/*HOVER:*/
.bootstrap-checkbox button.btn:hover > span.cb-icon-check-empty,
.bootstrap-checkbox button.btn:focus > span.cb-icon-check-empty,
.bootstrap-checkbox button.btn:active > span.cb-icon-check-empty{
	border: 1px solid #285e8e;
	background: #3276b1 url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
	color: #ffffff;
}

/*.bootstrap-checkbox button.btn > span.cb-icon-check,
.bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check,
.bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check{
	background-position: -1px -24px;
}
.bootstrap-checkbox button.btn:hover > span.cb-icon-check,
.bootstrap-checkbox button.btn:focus > span.cb-icon-check,
.bootstrap-checkbox button.btn:active > span.cb-icon-check{
	background-position: -25px -24px;
}
.bootstrap-checkbox button.btn > span.cb-icon-check-empty,
.bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check-empty,
.bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check-empty{
	background-position: -25px -24px;
}
.bootstrap-checkbox button.btn:hover > span.cb-icon-check-empty,
.bootstrap-checkbox button.btn:focus > span.cb-icon-check-empty,
.bootstrap-checkbox button.btn:active > span.cb-icon-check-empty{
	background-position: -1px -24px;
}*/

.checkbox {
  display: block;
  min-height: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  vertical-align: middle;
}

.form-control:focus {
  border-color: #cccccc;
}
/*
#espacio
    {
        margin-top: 10px;   
    }*/
.sanitas{height:100px;}

@media screen and (max-width: 430px) {
    .table {
      width: 100% !important;
      margin-bottom: 20px;
      max-width: 400px !important;
    }
    
  .panelResponse
{
    /*padding-left:10px;
    padding-right:10px;*/
    max-width:410px;
    } 
    
     h1 small
    {
        /*color:#E97319 !important; */
        font-size:9px;
    }
    
    h3 small
    {
        color:#E97319 !important; 
        font-size:7px;
    } 
    .der{text-align:center;width:80%;padding:0px 0px;}  
    .izd{padding:5px 10px;float:left;width:70%} 
   .desconect{width:30%;float:right;text-align:right;padding:10px 20px;} 
   .centro{width:20%;padding:30px 5px;}

.contentPanels
{
     /*max-width:800px;*/
     /*max-height:300px;*/

     background-color:rgba(90, 90, 90, 0.75);
     padding:0px 20px;

   -moz-box-shadow: 10px 10px 60px #000000;
-webkit-box-shadow: 10px 10px 60px #000000;
box-shadow: 10px 10px 60px #000000;
/*min-height:400px;*/
border-radius:4px;
color:White;
/* border:2px solid black;*/
 
    }

.lblRecibir
{
    color:#e97319;
    font-size: 1.8em;
    }
    }
   /*.ui-button-text-only .ui-button-text{
     padding:.1em 0.3em;
 }*/ 
  .noBorde
 {
     border:none !important;
     margin-bottom:0px !important;
     } 

   .powerBy
 {
    padding-top:20px;
    padding-left:20px;
     } 
  
   .lblPowered
 {
     color:white;
     font-size:1em;
     }  
 /*.btnAnterior {
    padding-left:20px;
    
    cursor: pointer;
    float:left;
}
.btnPosterior {
        cursor: pointer;
        float:right;
}*/   
 .lblbyStiga
{
    color:#e97319;
    font-size: 1em;
    } 

  .tiza{display:none;}

.titleEncuesta
{
    font-size:18px;
    color:White;
    }
    
 .lblLogout
{
    padding-left:0px;
         color:#e97319; 
    }  

.panelDesconectar
{
       margin-top:15px; 
    }
    
 /*.progress 
{
    margin-top:10px;
  height: 15px;
  margin-bottom: 10px;
   width:200px;
}*/  

 .titleAnio
{
    font-size:30px;
    color:White;
    } 
    
  .tablaTitle
  {
      margin-top:5px;
      border:none;
      
      } 
     .flecha
    {
        width:90px;
        }  
       .check{
       margin-top:4px;
   }     
   .su01
   {
       width:100%;
       }  

     .btnSalir{
      margin-top:16px;
  }
    .chbox label {
        display:block;
        padding-right:20px;
        padding-left:48px;
        text-indent:0px;
        margin-top:-29px;
        text-align:left;
    }
     .progress{
         width:100%;
         margin-top:21px;
     }
       
  .botones
 {
     display:inline-block;
     margin-right:20px;
     margin-left:20px;
     }                  
}

@media screen and (max-width: 379px) {
    .table {
      width: 100% !important;
      margin-bottom: 20px;
      max-width: 320px !important;
    }
    
  .panelResponse
{
    /*padding-left:10px;
    padding-right:10px;*/
    max-width:349px;
    } 
    
     h1 small
    {
        /*color:#E97319 !important; */
        font-size:9px;
    }
    
    h3 small
    {
        color:#E97319 !important; 
        font-size:7px;
    } 
    .der{text-align:center;width:80%;padding:0px 0px;}  
    .izd{padding:5px 10px;float:left;width:70%} 
   .desconect{width:30%;float:right;text-align:right;padding:10px 20px;} 
   .centro{width:20%;padding:30px 5px;}
   
 .titleAnio
{
    font-size:25px;
    color:White;
    }  
     .ui-button-text-only .ui-button-text{
     padding:.1em 0.1em;
 }   
  .lblRecibir
{
    color:#e97319;
    font-size: 1.6em;
    } 
  
  .barclays {
    width:100px;
}

.lacaixa {
    width:40px;
}

/*.btnAnterior {
    padding-left:20px;
    padding-top:2px;
    cursor: pointer;
    float:left;
}
.btnPosterior {
        cursor: pointer;
        float:right;
}*/

    .posterior {
        width:115px;
    }

.logoBarclays {
    padding:10px 0px 0px 30px;
}
.LogoCaixa {
  /*  float:right;*/
    margin:5px 0px 0px 0px;
}
    .clear {
        height:5px;
    }

.panelResultados
{
    background-color:White;
    /*min-height:670px;*/
    border-radius:4px;
    padding:0px 15px 15px 15px;
    color:grey;
    }
     .progress{
         width:100%;
         margin-top:10px;
     }
  
.lblBarclays {
    color:#0079C8;
    font-size:15px;
    font-weight:bold;
}
  
.titleEncuesta
{
    font-size:16px;
    color:White;
    }
  
  .noBorde
 {
     border:none !important;
     margin-bottom:0px !important;
     }   
   .check{
       margin-top:5px;
   } 
 .imgColoca
{
    padding-bottom:22px;
    padding-top:20px;
    }  

   .powerBy
 {
    padding-top:20px;
    padding-left:20px;
     } 
  
  .tiza{display:none;}  
  
   .lblPowered
 {
     color:white;
     font-size:1em;
     }  

/*.btnAnterior {
    padding-left:20px;
    padding-top:12px;
    cursor:pointer;
    float:left;
}*/
    
 .lblbyStiga
{
    color:#e97319;
    font-size: 1em;
    } 
    
 .lblLogout
{
    padding-left:0px;
         color:#e97319; 
    }  

.panelDesconectar
{
       margin-top:10px; 
    }  
    
      .chbox label {
        display:block;
        padding-right:20px;
        padding-left:33px;
        text-indent:0px;
        margin-top:-20px;
        text-align:left;
    }
  .tablaTitle
  {
      margin:10px 10px;
      border:none;
      
      }  
      .flecha
    {
        width:80px;
        }    
    .su01
   {
       width:100%;
       }

  .btnSalir{
      margin-top:1px;
  }
       
   .botones
 {
     display:inline-block;
     margin-right:20px;
     margin-left:20px;
     }               
}

@media screen and (max-width: 325px) {
    .table {
      width: 100% !important;
      margin-bottom: 20px;
      max-width: 250px !important;
    }

  
         
  .panelResponse
{
    /*padding-left:10px;
    padding-right:10px;*/
    max-width:315px;
    } 
    
     h1 small
    {
        /*color:#E97319 !important; */
        font-size:9px;
    }
    
    h3 small
    {
        color:#E97319 !important; 
        font-size:7px;
    } 
    .der{text-align:center;width:80%;padding:0px 0px;}  
    .izd{padding:5px 10px;float:left;width:70%} 
   .desconect{width:30%;float:right;text-align:right;padding:10px 20px;} 
   .centro{width:20%;padding:30px 5px;}

.titleAnio
{
    margin-top:5px;
    font-size:22px;
    color:White;
    }
  .logoBarclays {
    padding:10px 0px 0px 30px;
    width:130px;
} 
.barclays {
    width:100px;
}
   .check{
       margin-top:5px;
   } 
.lacaixa {
    width:40px;
}

.sanitas{height:150px;}

/*.chbox{
    display:inline-block;
}
input[type=checkbox] + label {
    display: inline-block;
    margin-left: 0.5em;
    margin-right: 2em;
    line-height: 1em;
}*/

  


    .chbox label {
        display:block;
        padding-right:20px;
        padding-left:33px;
        text-indent:0px;
        margin-top:-20px;
        text-align:left;
    }
     .progress{
         width:100%;
         margin-top:10px;
     }
.LogoCaixa {
   /* float:right;*/
    margin:5px 0px 0px 0px;
}
     .ui-button-text-only .ui-button-text{
     padding:.1em 0.2em;
 }
/*.btnAnterior {
    padding-left:20px;
    padding-top:13px;
    cursor:pointer;
    float:left;
}

.btnPosterior {
        cursor: pointer;
        float:right;
}*/

    .posterior {
        width:115px;
    }

.lblBarclays {
    color:#0079C8;
    font-size:18px;
    font-weight:bold;
}
    .clear {
        height:5px;
    }

.panelResultados
{
    background-color:White;
    /*min-height:670px;*/
    border-radius:4px;
    padding:0px 15px 15px 15px;
    color:grey;
    }

.contentPanels
{
     /*max-width:800px;*/
     /*max-height:300px;*/

     background-color:rgba(90, 90, 90, 0.75);
     padding:0px 20px;

   -moz-box-shadow: 10px 10px 60px #000000;
-webkit-box-shadow: 10px 10px 60px #000000;
box-shadow: 10px 10px 60px #000000;
/*min-height:360px;*/
border-radius:4px;
color:White;
/* border:2px solid black;*/
 
    }   
    
.titleEncuesta
{
    font-size:14px;
    color:White;
    }
 
 .lblRecibir
{
    color:#e97319;
    font-size: 1.5em;
    }
 
  .noBorde
 {
     border:none !important;
     margin-bottom:0px !important;
     }  
    
 .imgColoca
{
    padding-bottom:22px;
    padding-top:20px;
    }   
    
 .lblLogout
{
    padding-left:0px;
         color:#e97319; 
    }  

  .tiza{display:none;} 
    
 .progress 
{
    margin-top:10px;
    margin-right:5px;
  height: 15px;
  margin-bottom: 10px;
   width:100%;
}     
  .tablaTitle
  {
      margin:10px 8px;
      border:none;
      
      }
      
   .powerBy
 {
    padding-top:20px;
    padding-left:20px;
     } 
  
   .lblPowered
 {
     color:white;
     font-size:1em;
     }  
    
 .lblbyStiga
{
    color:#e97319;
    font-size: 1em;
    } 
          
      .panelDesconectar
{
       margin-top:15px; 
    }
    .flecha
    {
        width:80px;
        }
    .su01
   {
       width:100%;
       } 
  .btnSalir{
      margin-top:1px;
  }
  .botones
 {
     display:inline-block;
     margin-right:15px;
     margin-left:15px;
     }            
}


@media screen and (max-width: 250px) {
    .table {
      width: 100% !important;
      margin-bottom: 20px;
      max-width: 150px !important;
    }
    
  .panelResponse
{
    /*padding-left:10px;
    padding-right:10px;*/
    max-width:240px;
    } 
    
     h1 small
    {
        /*color:#E97319 !important; */
        font-size:9px;
    }
    
    h3 small
    {
        color:#E97319 !important; 
        font-size:7px;
    } 
    .der{text-align:center;width:80%;padding:0px 0px;}  
    .izd{padding:5px 10px;float:left;width:70%} 
   .desconect{width:30%;float:right;text-align:right;padding:10px 20px;} 
   .centro{width:20%;padding:30px 5px;}

.titleAnio
{
    font-size:18px;
    color:White;
    }
 
 .contentPanels
{
     /*max-width:800px;*/
     /*max-height:300px;*/

     background-color:rgba(90, 90, 90, 0.75);
     padding:0px 20px;

   -moz-box-shadow: 10px 10px 60px #000000;
-webkit-box-shadow: 10px 10px 60px #000000;
box-shadow: 10px 10px 60px #000000;
/*min-height:320px;*/
border-radius:4px;
color:White;
/* border:2px solid black;*/
 
    }
    
.titleEncuesta
{
    font-size:14px;
    color:White;
    }
  
  .noBorde
 {
     border:none !important;
     margin-bottom:0px !important;
     } 
  
    .tiza{display:none;} 
   
    .powerBy
 {
    padding-top:20px;
     } 
  
   .lblPowered
 {
     color:white;
     font-size:1em;
     }  
    
 .lblbyStiga
{
    color:#e97319;
    font-size: 1.7em;
    }   
   
.imgColoca
{
    padding-bottom:22px;
    padding-top:20px;
    } 
    
 .lblLogout
{
    padding-left:0px;
         color:#e97319; 
    }  
    
 .progress 
{
    margin-top:9px;
  height: 15px;
  margin-bottom: 10px;
  margin-right: 5px;
   width:100px;
} 
      .panelDesconectar
{
       margin-top:10px; 
    } 
    
     .flecha
    {
        width:55px;
        } 
    .su01
   {
       width:220px;
       }             
   
}
.table {
  width: 100%;
  margin-bottom: 20px;
  max-width: 500px !important;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: middle;
  border-top: 1px solid #dddddd;
}
.panel_pregunta {
    display: none;
}

h4 {
      color:  white;
      font-weight:700;
      padding:8px !important;
      padding-left:15px !important;
      background-color: #0871bf;
     border:none !important;
     border-radius:4px;
     margin-top:30px !important;
}

h3 {
      color: #0871bf;
      padding:8px !important;
      padding-left:15px !important;
      /*background-color: #0871bf;*/
     border:none !important;
     border-radius:4px;
     margin-top:30px !important;
}

.contenedor{
    margin: 10px 0 10px 0;
}


h4 {
    color: #0871bf;
    font-weight: 500;
    padding: 0 0 3px 0 !important;
    /* padding-left: 15px !important; */
    background-color: transparent;
    border-radius: 0;
    margin-top: 30px !important;
    border-bottom: 1px solid #0871bf !important;
    display: inline;
    line-height:2;
    
}

h3 {
    color: #0871bf;
    padding: 0px !important;
    /* padding-left: 15px !important; */
    /* background-color: #0871bf; */
    border-radius: 4px;
    margin-top: 30px !important;
    font-size: 18px;
     font-weight: 500;
}

.ui-buttonset .ui-button {
    margin-left: 10px;
    margin-right: 0;
    min-width: 30px;
    min-height: 31px;
    font-weight: 100;
    font-size: 15px;
}


.chbox label {
    display: block;
    padding-right: 20px;
    padding-left: 48px;
    text-indent: 0px;
    margin-top: -29px;
    font-weight: 300;
    text-align: left;
}