@charset "UTF-8";
@import url('normalize.min.css');
/* STAR: FONTS -------------------------------------------------------------------------------- */  
@font-face {
    font-family: 'Arial';
    font-weight: normal;
    font-style: normal;
}

/* icomoon */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?swf096');
  src:  url('../fonts/icomoon.eot?swf096#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?swf096') format('truetype'),
    url('../fonts/icomoon.woff?swf096') format('woff'),
    url('../fonts/icomoon.svg?swf096#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* END: FONTS -------------------------------------------------------------------------------- */ 
body{
  font-family:Arial, Helvetica, sans-serif; 
  background:#fff; 
  font-weight: normal;
}
/*
texto gris #666
blanco #fff
 acua #00aecb
azul #005fa9
amarillo : #e9ef40*/

.u-colorTitulo{
  color:#005fa9;
}
.u-colorPregunta{
  color:#005fa9;
}
.u-colorTexto{
  color:#666;
}
.u-colorRespuesta{
  color:#666;
}
.u-colorIconoListas{
  color:#00aecb;
}
.u-colorRespuestaListas{
  color:#666;
}
.u-FondoBarraDeProgreso{
  background-color: #005fa9;
}
.u-colorFondo{
   background-color:#fff;
}
.u-colorBoton{
  color:#00aecb;
}
.u-FondoBoton{
   background-color: #fff;
}
.u-colorBotonHover{
  color:#005fa9;
}
.u-FondoBotonHover{
   background-color: #fff;
}
.u-colorBotonActive{
  color:#005fa9;
}
.u-FondoBotonActive{
   background-color: #fff;
}
.u-BotonLeft:before{
  content: "Anterior"
}
.u-BotonRight:before{
  content: "Siguiente"
}

a, object, div, span, iframe{outline:0;}
a:visited{text-decoration:none;outline:none;}
a:hover{text-decoration:none;}
a, a:hover{-o-transition:color 0.25s ease-in;-webkit-transition:color 0.25s ease-in;-moz-transition:color 0.25s ease-in;transition:color 0.25s ease-in;}
h1{font-size:27px;font-family: Arial, Helvetica, sans-serif;line-height:1.5; }
h2{font-size:22px;font-family: Arial, Helvetica, sans-serif;text-transform:uppercase;line-height:1.5}
h3{font-size:18px;font-family: Arial, Helvetica, sans-serif;line-height:1.3}
h4{font-size:15px;font-family: Arial, Helvetica, sans-serif;line-height:2.8}
h5{font-size:75px;font-family: Arial, Helvetica, sans-serif;text-transform:uppercase;line-height:1;text-shadow:0 1px 1px #000;}
h6{font-size:22px;font-family: Arial, Helvetica, sans-serif;text-transform:uppercase;line-height:1.5}
/*Utilidades*/
.u-textStrong{font-size:30px;font-family: Arial, Helvetica, sans-serif;line-height:1.4;}
.u-textBold{font-size:18px;font-family: Arial, Helvetica, sans-serif;line-height:1.4;}
.u-textMedio{font-size:14px;font-family: Arial, Helvetica, sans-serif;line-height:1.3}
.u-textChico{font-size:12px;font-family: Arial, Helvetica, sans-serif;line-height:1.3}

.u-pleca{min-width:100%;border-bottom: dotted 1px;margin:10px 0px 10px 0px; opacity: .5;}
.u-alignRight { text-align:right; }
.u-alignCenter { text-align:center; }
.u-alignLeft { text-align:left; }
label,strong{font-weight: normal;}
ol, ul{list-style:none; padding: 0px;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
blockquote:before, blockquote:after,
q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
em{font-style:oblique;}
p{margin:15px 0;}

.en-ContactForm select, .en-ContactForm input[type="date"] {
    font-size:16px;        
    line-height:1;   
    text-align:left;
    font-family: Arial, Helvetica, sans-serif;    
    background:#fff;
    width:50%;
    max-width:510px;    
    padding:5px 15px 5px 15px;  
    margin:10px 0px 0px 0px;
    border:1px solid #CCC;
    -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;height:34px;
}
.en-ContactForm input,
.en-ContactForm textarea{
    font-size:14px;        
    line-height:1;  
    font-family: Arial, Helvetica, sans-serif;   
    background:#fff;
    box-sizing: border-box;
    width:50%;    
    padding:8px 8px; 
    margin:10px 0px 0px 0px;    
    border:1px solid #CCC;   
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
     box-shadow:inset 0 1px 2px #ddd, 0 1px 0 #fff;
    -webkit-box-shadow:inset 0 1px 2px #ddd, 0 1px 0 #fff;
    -moz-box-shadow:inset 0 1px 2px #ddd, 0 1px 0 #fff;
}
.en-ContactForm input[type="number"], .en-ContactForm .en-date{ min-width:208px; max-width:320px; width: auto;}
.en-ContactForm textarea{ height:80px;max-width:100%; width:95%;}
.en-ContactForm input:hover,
.en-ContactForm textarea:hover,
.en-ContactForm select:hover{-webkit-transition:border-color 0.3s ease-in-out;-moz-transition:border-color 0.3s ease-in-out;transition:border-color 0.3s ease-in-out;border:1px solid #aaa;}
.en-ContactForm input:focus,.en-ContactForm textarea:focus,.en-ContactForm select:focus{outline:0;border:1px solid #aaa;}

::-webkit-input-placeholder{color:#000;font-family: Arial, Helvetica, sans-serif;font-size:15px}
:-moz-placeholder{color:#000;font-family: Arial, Helvetica, sans-serif;font-size:15px}
::-moz-placeholder{color:#000;font-family: Arial, Helvetica, sans-serif;font-size:15px}
:-ms-input-placeholder{color:#000;font-family: Arial, Helvetica, sans-serif;font-size:15px}


.en-ContactFormListas.is-centrada{
    text-align: center;
}

.en-ContactFormListas  input[type="checkbox"], .en-ContactFormListas  input[type='radio'] {
    display:none;
}
.en-ContactFormListas  input[type='checkbox'] + label, .en-ContactFormListas  input[type='radio'] + label{    display: inline-block; }

.en-ContactFormListas  input[type='checkbox'] + label:before,
.en-ContactFormListas  input[type='radio'] + label:before {
  font-family: 'icomoon';
  font-size: 1.6em;
  vertical-align: middle;
  padding: .1em;
  box-sizing: content-box;
  display: inline-block;
}
.en-ContactFormListas input[type="radio"] + label:before {
  content: "\ea56"; /* Radio Button Unchecked "\ea56"*/
}
.en-ContactFormListas input[type="radio"]:checked + label:before {
  content: "\1f317"; /* Radio Button Checked "\1f317"*/
}
.en-ContactFormListas input[type="checkbox"] + label:before {
  content: "\e900"; /* Checkbox Unchecked "\e900"*/
}
.en-ContactFormListas input[type="checkbox"]:checked + label:before {
  content: "\e902"; /* Checkbox Checked "\ea52"*/
}
.en-ContactFormListas .en-ContactFormListas-descripcion{
}
.en-ContactFormListas .en-ContactFormListas-indice{
  display: inline-block;
}
.en-Boton--default{
    display:inline-block;
    outline:none;
    cursor:pointer;
    text-align:center;
    text-decoration:none;
    padding:.2em 2em;
    margin:11px 1px 1px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
    box-shadow:0 1px 2px rgba(0,0,0,.2); 
    -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
    font:400 1.42029em  Arial,Helvetica,sans-serif;    
    }
.en-Boton--default:visited{ text-decoration:none;outline:none; }
.en-Boton--default:hover{ text-decoration:none;}
.en-MainContainer{
  width: 100%;
}
.en-MainContainer-content {
    clear: both;
    width:93%;
    margin: 0 auto;
    font-size:16px;
    max-width: 1100px;    
    padding: 1.8em 0;
    line-height: 1.5em;
    position: relative;
    min-width: 320px;        
    box-sizing: border-box;
}
.en-Tabs{position:relative;width:100%;margin:-0.4em auto;}
.en-Tabs-content .en-Tabs-item{display:none;}
.en-Tabs-content .en-Tabs-item.is-selected{display:block;-webkit-animation:cd-fade-in 0.5s;-moz-animation:cd-fade-in 0.5s;animation:cd-fade-in 0.5s;}
.en-Cabecera{
  padding:5px 0px 10px 0px;
}
.en-Cabecera .en-Cabecera-thanks{
  text-align: center;
}
.en-Pregunta .en-Pregunta-descripcion{
  margin-bottom: 15px;
}
.en-Pregunta .en-Pregunta-titulo .en-Pregunta-numero:after{
  content: '.-';
  display: inline-block;
}
.en-Pregunta .en-Pregunta-titulo .en-Pregunta-requerido:after{
  content: '*';
  display: inline-block;
  margin-left: .2em;
}
.en-Pregunta .en-Pregunta-contenido .en-Pregunta-cabeza {/*padding-left: 12px;*/font-size: 0px;}
.en-Pregunta .en-Pregunta-contenido .en-Pregunta-cabeza .en-Pregunta-dosColumnas{ 
  display:inline-block;
  width:33.3%;height: auto;
  margin:0px 0px 0px 0px;
  font-family: Arial, Helvetica, sans-serif;font-size:12px;
  vertical-align: top;
}
.en-Pregunta .en-Pregunta-contenido .en-Pregunta-marco{
  padding:0px 0px 5px 0px;text-align:left;
}
.en-Lista {
  height: auto;
  text-align: justify;
}
.en-Lista div {
  width: 60px;
  height: auto;
  display: inline-block;
}
.en-Lista:after {
  content: '';
  width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
}
.en-NuevaPagina{
  overflow: hidden;
}
.en-NuevaPagina .en-NuevaPagina-marcoAnterior{display:inline-block;width:47%;height:auto;margin:0px;text-align:center;float:left;}
.en-NuevaPagina .en-NuevaPagina-marcoSiguiente{display:inline-block;width:47%;height:auto;margin:0px;text-align:center;float:right;}

.en-ListMultiple .en-ListMultiple-marco{
  overflow: hidden;
}
.en-ListMultiple .en-ListMultiple-marco .en-ListMultiple-marcoTitulo{
  width: 100%;
  min-width: 160px;
  max-width: 160px;
  float: left;
  padding-right: .5em;
}
.en-ListMultiple .en-ListMultiple-marco .en-ListMultiple-marcoTitulo--first:after{
  content: '';
    width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
    display: inline-block;
}
.en-ListMultiple .en-ListMultiple-marco .en-ListMultiple-marcoContenido{
    //max-width: 1140px;
    margin-left: 160px;
}

.en-Legal{ margin:0 auto; overflow: hidden; vertical-align: top;}
.en-Legal .en-Legal-aviso { 
  max-width: 390px;
  display: block;
  float: left;
  width: 100%;
}
.en-Legal .en-Legal-aviso .en-Legal-link{margin: 0px; box-sizing: border-box; }
.en-Legal .en-Legal-aviso .en-Legal-link .en-Legal-item{ display: inline-block; margin:0;  border-right: 1px solid;}
.en-Legal .en-Legal-aviso .en-Legal-link .en-Legal-item a{ display:block; padding:0 8px; }
.en-Legal .en-Legal-aviso .en-Legal-link .en-Legal-item a:hover{ color:inherit; text-decoration: underline; }
.en-Legal .en-Legal-copyright{
  width: 100%;  
  max-width: 320px;
  float: right;

}
.en-Legal .en-Legal-copyright .en-Legal-derechos{ display:block; padding:0 8px; box-sizing: border-box;}
.en-Header{height:80px; margin:0 auto 15px auto; background: url(../images/img_logo_sura.png) no-repeat right;}
/*MediaQuerys*/
@media screen and (max-width: 1024px){
  .en-ContactForm input,.en-ContactForm select{
    max-width: 100%;
    width: 100%;
  }
   .en-Lista div {
        width: 20px;
        height: auto;
        display: inline-block;
   }
   .en-ContactFormListas .en-ContactFormListas-indice{
        width:20px;
        font-size: .7em;
        font-weight: bold;
   }
   .en-ContactFormListas  input[type='checkbox'] + label:before,
   .en-ContactFormListas  input[type='radio'] + label:before {
     font-size: 1.3em;
     margin: 0px;
     padding: 0px; 
   }          
}
@media screen and (max-width: 768px){
    .en-ListMultiple .en-ListMultiple-marco .en-ListMultiple-marcoTitulo{
      padding: 0px;
    }
    .en-MainContainer-content{padding: 0 .2em;}
  
    .en-ListMultiple .en-ListMultiple-marco{
        overflow: normal;
    }
    .en-ListMultiple .en-ListMultiple-marco .en-ListMultiple-marcoTitulo{   
        max-width: 100%;
        float: none;
    }
    .en-ListMultiple .en-ListMultiple-marco .en-ListMultiple-marcoContenido{
        //max-width: 1140px;
        margin:0;
    }
    .en-Boton--default {
        padding: .3em 1em;
        margin: 8px 1px 1px;
        font-size: 1.12029em;
    }
    .en-Legal .en-Legal-aviso,.en-Legal .en-Legal-copyright{
      float: none;
      display: block;
      text-align: left;
      margin: 1em 0px;
    }
    .en-Legal .en-Legal-aviso .en-Legal-link .en-Legal-item{
      display: block;
      border-right: none;
      //border-left: 1px solid;
      margin: .5em 0px;
    }
}
@media screen and (max-width: 400px){       
}
.u-imagen-alineacion-centro{float: center;}
.u-imagen-alienacion-izquierda{float: left;}
.u-imagen-alienacion-derecha{float: right;}

#u-contenedor{
    display: table;
    border: 2px solid #000;
    width: 1080px;
    text-align: center;
    margin: 0 auto;
}
.u-contenidos {
    display: table-row;
}
.u-columna1{
    display: table-cell;
    border: 1px solid #000;
    vertical-align: middle;
    padding: 10px;
    width: 480px;
}
.u-columna2, .u-columna3, .u-columna4 {
    display: table-cell;
    border: 1px solid #000;
    vertical-align: middle;
    padding: 10px;
    width: 200px;
}
.u-contenidos .en-Pregunta-numero,
.u-contenidos .en-Pregunta-texto,
.u-contenidos .u-textStrong{
	font-size: 14px;
	font-family:  Arial, Helvetica, sans-serif;
	line-height: 1.4;
	color: #FFF;
}

.container{
    padding: 0px;
}
.u-contenidos {
    display: table-row;
}
.u-border{
    border: 1px solid #000;
}
.u-questionColumn{
    display: table-cell;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    vertical-align: middle;
    padding: 15px;
    width: 40%;
}

.u-columna, .u-columna0, .u-columna1, .u-columna2, .u-columna3,
.u-columna4, .u-columna5, .u-columna6, .u-columna7,
.u-columna8, .u-columna9, .u-columna10, .u-columna11 {
    display: table-cell;
    border-bottom: 1px solid #000;
    border-top: 0px solid #000;
    border-left:  0px solid #000;
    border-right: 0px solid #000;
    text-align: center;
    vertical-align: middle;
    padding: 15px;
    width: 20%;
    color: #0033A0;
}

.u-textRespuesta{
    height: 110px;
}
.drawEndRow{
    border-bottom: none;
}
/*overwrite css*/
.en-ContactForm select, .en-ContactForm input[type="date"]{
    width: 100%;
}
.pointer { cursor: pointer; }

@media screen and (max-height: 800px) {
	.modal-dialog { overflow-y: scroll; white-space: nowrap; width: 100%; max-width: 90%; height: 100%; max-height: 90%; margin: 30px auto; }
}
@media screen and (min-height: 800px) {
	.modal-dialog { white-space: nowrap; width: 100%; max-width: 90%; height: 100%; max-height: 90%; margin: 30px auto; }
}
.modal-dialog .modal-body { height: 100%; overflow-x: scroll; white-space: nowrap; }
.modal-dialog .modal-body img { height: 100%; vertical-align: top; }
.tooltip{ opacity: 1!important; }
.tooltip-inner{ background-color: #C7C9C7; color:#0033A0; border:solid 1px #000; }

.u-questionColumn{
  background-color: #005fa9;
  color: #FFF;
}

textarea {
  resize: none;
}