html,body{
    margin:0;
    padding:0;
    font-family:"marineregular";
    background-color:#f1f1f1;
}

h4{
    margin-bottom:10px;
}

.boton{
    background-color:#0045c0;
    color:#ffffff;
    text-decoration:none;
    padding:5px 15px 5px 15px;
    cursor:pointer;
}

.tboton{
    background-color:#0045c0;
    color:#ffffff;
    text-decoration:none;
    padding:5px 15px 5px 15px;
}

p .presaltar{
    color:#0045c0;
}

.cuadro{
    padding: 10px;
    border: 1px solid #cccccc;
    background-color: #eeeeee;
    max-width: 500px;
    margin: 0 auto 0 auto;
    margin-top:30px;
}

.cazul{
    color:#0045c0;
}

.tleft{text-align:left;}
.tright{text-align:right;}
.tcenter{text-align:center;}

.tooltip{
    position:absolute;
    background-color:#fdf6ce;
    padding:5px 15px 5px 15px;
    font-size:13px;
    color:#615b37;
    border:1px solid #d1c99f;
    border-radius:0px;
}

.icono{
    padding:5px;
}

.icono img{
    width:40px;
    height:40px;
    border-radius: 0px;
    border: 0px solid #0045c0;
}

section{
  position:relative;    
  min-height:80vh !important;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}

.contenidoright{
    background:rgba(255,255,255,0.95);
    padding:10px 30px 30px 30px;
    width:100%;
    max-width:300px;
    float:right;
    border-bottom-left-radius:15px;
}

.contenidoleft{
    background:rgba(255,255,255,0.95);
    padding:10px 30px 30px 30px;
    width:100%;
    max-width:300px;
    float:left;
    border-bottom-right-radius:15px;
}


.contenidorightbig{
    background:rgba(255,255,255,0.95);
    padding:10px 30px 30px 30px;
    width:100%;
    max-width:600px;
    float:right;
    border-bottom-left-radius:15px;
}

.contenidoleftbig{
    background:rgba(255,255,255,0.95);
    padding:10px 30px 30px 30px;
    width:100%;
    max-width:600px;
    float:left;
    border-bottom-right-radius:15px;
}


.contenidobig{
   background:rgba(255,255,255,0.95); 

   bottom:0;
}

.contenidobig h1{
    margin-bottom:0;
}

.contenidobig h4{
    margin-top:0;
    margin-bottom:5px;
    font-weight:400;
}

ul{
    text-align:left;
    margin-top:0;
}



.contenedor, .row{
    width:100%;
    max-width:1100px;
    margin:0 auto 0 auto;
}

.row{
    margin-bottom:50px;
}

.col1{
    width:100%;
    text-align:center;
}

.col2{
    width:46%;
    display:inline-block;
    margin:0;
    padding:1%;
    vertical-align:top;
}

.col3{
    width:31%;
    display:inline-block;
    margin:0;
    padding:1%;
    vertical-align:top;
}


.col4{
    width:22.5%;
    display:inline-block;
    margin:0;
    padding:1%;
    vertical-align:top;
    border:1px solid #ffffff;
}

.col4:hover{
    border:1px solid #eeeeee;
    box-shadow:2px 5px 5px #cccccc;
}



h2{margin-bottom:5px;}

.pc{display:block;}
.mobile{display:none;}
.formulario{display:block; margin:20px auto 0 auto; width:100%;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.labelrange{
    position:absolute;
}

.subtitulo{
    margin-bottom:0px;
    margin-top:30px;
    font-weight:600;
    color:#1F3759;
}

.omitir{
    color:#1F3759;
    text-decoration:underline;
    border:none;
    background:none;
    font-weight:bold;
    margin-top:30px;
    font-family:"marineregular";
    cursor:pointer;
}

.comenzar{
    position:absolute;
    left:0;
    right:0;
    margin:0 auto 0 auto;
    text-align:center;
}

.comenzar .tituloBig{
    color:#ffffff;
    font-size:70px;
    line-height:70px;
    text-transform:uppercase;
    text-align:center;
    font-weight:bold;
    width:100%;
    max-width:650px;
    margin:50px auto 10px auto;
}

.btnContinuar{
    width:200px;
    background:none;
    color:#ffffff;
    background-color:#293c4f;
    font-size:25px;
    padding:15px 25px 15px 25px;
    font-family:"marineregular";
    cursor:pointer;
    border:none;
}

.btnContinuar:hover{
    background-color:#1F3759;
    border:0px solid #1F3759;
    
}

.inicio{
    width:100%;
    height:100vh;
    margin:0;
    padding:0;
    background-image:url(../img/eli-inicio.jpg);
    background-size:cover;
    background-repeat:none;
    background-position:center top;
}

.logo{
    width:70%;
    max-width:300px;
    margin-bottom:10px;
}

.col2-form{
    width:48.5%;
    padding:1%;
    margin:0;
    display:inline-block;
    vertical-align:middle;
    /*height:95vh;*/
    text-align:center;
}


.pregunta{
    font-size:25px;
    text-align:center;
    font-family:"marinebold";
    font-weight:100 !important;
    width:100%;
    margin:0 auto 20px auto;
}

.divimagen{
    width:100%;
    min-height:95vh;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:left center;
    margin:0;
    padding:0;
}


.imagencol{
    width:100%;
    max-width:500px;
    margin:0 auto 0 auto;
}

@media (max-width: 640px) {
    .col2-form{
        width:100%;
        padding:0;
        display:block;
    }
    
    .divimagen{
        background-size:100% auto;
        background-position:top center;
        min-height:300px;
    }
    
    .col2, .col3, .col4{
        width:97%;
        border-bottom:1px solid #cccccc;
        padding-top:20px;
        padding-bottom:20px;
    }
    
    .contenidorightbig, .contenidoleftbig{
        width:96%;
        padding:2%;
        background:rgba(255,255,255,1);
    }
}




#svg_form_time {
  height: 15px;
  max-width: 80%;
  margin: 40px auto 20px;
  display: block;
}

#svg_form_time circle,
#svg_form_time rect {
  fill: white;
}

.button-next-prev {
    background: #0045c0;
    padding: 15px 25px;
    display: inline-block;
    margin: 20px 10px 10px 10px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
}

.disabled {
  display:none;
}

input {
  width: 100%;
  max-width:350px;
  margin: 7px 0px;
  display: inline-block;
  padding: 12px 25px;
  box-sizing: border-box;
  border:none;
  font-size: 20px !important;
  color:#293c4f;
  font-family:inherit;
  background:none !important;
  border-bottom:2px dashed #cccccc !important;
  text-transform:capitalize;
}

input[type=text]:focus {
  outline: 0px solid #ffffff !important;
}







select{
  width: 100%;
  max-width:350px;
  margin: 7px 0px;
  display: inline-block;
  padding: 10px 20px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid lightgrey;
  font-size: 1em;
  font-family:inherit;
  background:white; 
}

p{
margin-top:0;
}






.bghojas{
    background-image:url('../img/bg-hojas.jpg');
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:center center;
}



.bannerprincipal{
    height:400px;
    width:100%;
    max-width:1200px;
    margin:0 auto 0 auto;
    background-image:url('../img/banner-principal-bd.jpg');
    background-repeat:none;
    background-size:cover;
    background-position:top center;
    display:flex;
    align-items:center;
    background-color:#eeeeee;
}

.textobanner{
    text-align:center;
    font-size:35px;
    line-height:35px;
    width:100%;
    color:#ffffff;
}

.team{
    display:inline-block;
    width:33%;
    text-align:center;
}


.team img{
    width:150px;
    height:150px;
    border-radius:150px;
    background-color:#eeeeee;
}

.team .nombre{
    text-align:center;
    font-size:20px;
    line-height:20px;
    margin:10px 0 0 0;
}

.team .cargo{
    text-align:center;
    font-size:15px;
    line-height:15px;
    margin:0;
}

.galeria{
    width:100%;
    position:relative;
    text-align:center;
}

.galeria img{
    display:inline-block;
    width:33.1%;
    margin:0;
    padding:0;
}















@media screen and (max-width:560px){
    
.pc{display:none;}
.mobile{display:block;}  
.team{width:100% !important;}    
}




@media screen and (max-width:640px){
.inicio{background-image:url(../img/banner1-home-mobile.jpg); background-position:center center;}   
.comenzar{
    left:0;
    right:0;
    margin:0 auto 0 auto;
    top:45%;
}

.contenidoright, .contenidoleft{
    float:none;
    width:100%;
    margin:0 auto 0 auto;
    padding:20px;
    background:rgba(255,255,255,1) !important;
}

.pregunta{
    font-size:20px;
    line-height:20px;
    width:100%;
}


section{
    padding-top:25vh !important;
    background-size:100% auto !important;
    background-position:top center;
    min-height:20vh !important;
}

}



















input[type=range] {
  height: 25px;
  -webkit-appearance: none;
  margin: 15px 0 0 0;
  width: 100%;
  padding:0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #1F3759;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #1F3759;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #1F3759;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #1F3759;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000;
  background: #1F3759;
  border-radius: 1px;
  border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #1F3759;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #1F3759;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #1F3759;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
  background: #1F3759;
  border: 0px solid #000000;
  border-radius: 2px;
  box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
  margin-top: 1px;
  box-shadow: 0px 0px 0px #000000;
  border: 1px solid #1F3759;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: #1F3759;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #1F3759;
}
input[type=range]:focus::-ms-fill-upper {
  background: #1F3759;
}