@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&Lato:wght@400;600;700&display=swap');
body,button,input,select,textarea,.form-control{font-family:"Lato",sans-serif;font-size:18px;font-weight:400;font-style:normal;}
b,strong{color:#0a5da6;font-weight:700;}
h3{font-family:"Quicksand", sans-serif;font-size:50px;line-height:1;}
h4{font-family:"Quicksand", sans-serif;font-size:40px;line-height:1;}
h5{font-family:"Quicksand", sans-serif;font-size:26px;line-height:1;}

.modal-header{background-color:#1d5273;}
.text-primary{color:#1d5273 !important;}
.btn-primary{font-family:"Quicksand", sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;background:#1d5273;border:0 none;}

.cplogreg h5{margin:0;font-family:"Quicksand", sans-serif;font-size:12px;line-height:13px;font-weight:600;color:#1d5273;text-transform:uppercase;}
#cplogin .form-control{font-family:"Quicksand", sans-serif;font-size:12px;color:#1d5273;font-weight:600;background:#f0f6f4;border:0 none;-webkit-border-radius:7px;border-radius:7px;}
#cplogin a{font-size:9px;text-transform:uppercase;text-decoration:none;color:#1d5273;}
#cplogin a:hover{color:#1d5273;}
#cplogin .btn,#cpregistre .btn{width:28px;height:28px;-webkit-border-radius:7px;border-radius:7px;background:#1d5273 url(../images/arrow-right.svg) center center no-repeat scroll;border:0 none;-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-ms-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
#cplogin .btn:hover,#cpregistre .btn:hover{background-color:#0a5da6;}
#cplogin .btn.btn-back{width:auto;padding-left:10px !important;padding-right:10px !important;background-image:none;font-family:"Quicksand", sans-serif;color:#fff;font-size:12px;font-weight:600;line-height:28px;}

.cplogreg.active{background: linear-gradient(to right, rgba(10,93,166,0) 49%,rgba(10,93,166,1) 51%);}
.cplogreg.active #cplogin{background:#0a5da6;-webkit-border-radius: 40px 0 0 40px;border-radius: 40px 0 0 40px;}
.cplogreg.active #cplogin .form-control{background:#fff;}
.cplogreg.active h5{color:#fff;}
.cplogreg.active #cplogin a{color:#fff;}
.cplogreg.active #cplogin .btn,.cplogreg.active #cpregistre .btn{background:#fff url(../images/arrow-right-active.svg) center center no-repeat scroll;}
.cplogreg.active #cplogin .btn.btn-back{background-image:none;color:#dd8a40;}

.separador{margin-top:35px;}
.cp_introduccion h3,.cp_objetivos h3,.cp_metodologia h3,.cp_autoria h3{font-family:"Quicksand", sans-serif;font-size:75px;line-height:1;text-align:center;font-weight:400;color:#1d5273;}
.cp_introduccion .introduccion_txt{padding:60px;line-height:1.15;border:1px solid #8fc4d9;background:url(/images/bg-introTop.svg) left top no-repeat, url(/images/bg-introBottom.svg) right bottom no-repeat;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.cp_introduccion .small{margin-top:15px;font-size:14px;line-height:16px;}
.obj-item{margin-top:50px;margin-bottom:50px;padding:20px;text-align:center;line-height:1.15;background:#eef6f9;border:1px solid #1d5273;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.obj-item div{height:160px;margin-top:-60px;margin-bottom:25px;position:relative;}
.obj-item div img{position:absolute;left:50%;bottom:0;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.metod-item{margin-top:20px;margin-bottom:30px;text-align:center;line-height:1.15;}
.metod-item span{width:75px;height:75px;margin:0 auto 20px auto;font-family:"Quicksand", sans-serif;font-size:75px;line-height:72px;text-align:center;font-weight:600;color:#fff;display:block;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.metod-item div{padding:25px 20px;position:relative;}
.metod-item div:before{width:100%;height:20px;border:1px solid #a65309;border-bottom:0 none;position:absolute;top:0;left:0;content:"";display:block;-webkit-border-radius: 7px 7px 0 0;border-radius: 7px 7px 0 0;}
.metod-item div:after{width:100%;height:20px;border:1px solid #a65309;border-top:0 none;position:absolute;bottom:0;left:0;content:"";display:block;-webkit-border-radius: 0 0 7px 7px;border-radius: 0 0 7px 7px;}
.cp_autoriatxt{padding:10px 20px;font-size:16px;background:#eef6f9;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
.cp_autoriatxt strong{margin-bottom:20px;font-family:"Quicksand",sans-serif;font-size:24px;color:#a65309;font-weight:600;display:block;}
.cp_autoriatxt small{font-size:12px;font-weight:700;color:#808080;}
.cp_autoriatxt small span{font-size:16px;font-weight:400;}

#cpfregistre h2{font-family:"Quicksand", sans-serif;font-size:50px;font-weight:400;line-height:1;color:#1d5273;}
#cpfregistre .form-start{width:100%;height:22px;border:1px solid #a65309;border-bottom:0 none;-webkit-border-radius: 7px 7px 0 0;border-radius: 7px 7px 0 0;}
#cpfregistre .form-end{width:100%;height:22px;border:1px solid #a65309;border-top:0 none;-webkit-border-radius: 0 0 7px 7px;border-radius: 0 0 7px 7px;}
#fregistre .form-control,#fregistre .form-select{padding:2px 10px;background-color:#c7e1ec;}
#fregistre .form-control#email,#fregistre .form-control#email2,#fregistre .form-control#passwd,#fregistre .form-control#passwd2{background-color:#eec49f;}
#fregistre label{margin-bottom:5px;font-size:16px;font-weight:700;color:#1d5273;text-align:center;display:block;}
#fregistre .form-check label{font-size:14px;line-height:17px;color:#000;font-weight:400;text-align:left;}
#fregistre .form-check-input{background-color:#9ad9d9;border-color:#9ad9d9;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
#fregistre .form-check-input:focus{-webkit-box-shadow: 0 0 0 0 #fff;box-shadow: 0 0 0 0 #fff;}
#fregistre hr{margin:30px 0;border-color:#1d5273;opacity:1;}

.cp-encuesta{padding:10px 40px;border:1px solid #e29a5c;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;position:relative;}
.cp-encuesta.intro{padding:40px;background:url(/images/bg-enquestaTop.svg) left top no-repeat, url(/images/bg-enquestaBottom.svg) right bottom no-repeat;}

.cp-encuesta .encuesta-header{width:100%;font-size:21px;text-align:center;text-transform:uppercase;font-weight:700;color:#a65309;position:absolute;bottom:100%;left:0;}
.cp-encuesta .pregunta{font-size:18px;line-height:22px;font-weight:600;color:#1d5273;text-transform:uppercase;text-align:center;}
.cp-encuesta .pregunta span{width:32px;height:32px;margin:5px auto 10px auto;font-family:"Quicksand", sans-serif;font-size:19px;font-weight:600;line-height:32px;color:#fff;background:#dd8a40;display:block;-webkit-border-radius:7px;border-radius:7px;}
.cp-encuesta label span{color:#1d5273;font-weight:600;}
.cp-encuesta .form-check-input{background-color:#8fc4d9;border-color:#8fc4d9;}
.cp-encuesta .form-check-input[type="radio"]{-webkit-border-radius:5px;border-radius:5px;}
.cp-encuesta .form-check-input:focus{-webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 0 rgba(0,0,0,0);}
.cp-encuesta thead th{font-size:12px;color:#646464;font-weight:400;}

.encuesta-footer{position:absolute;top:100%;left:0;width:100%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.encuesta-footer .btn{}

.footer{margin-top:20px;margin-bottom:30px;padding:10px 50px;font-size:11px;line-height:16px;color:#fff;background:#1d5273;-webkit-border-radius:7px;border-radius:7px;}
.footer a{color:#fff;line-height:20px;text-decoration:none;}
.footer a:hover{color:#ffffcd;}



@media screen and (min-width:1200px) and (max-width:1399px){
    
}
@media screen and (min-width:992px) and (max-width:1199px){
    
}
@media screen and (min-width:768px) and (max-width:991px){
    .cp_autoria .border-x{border-left:0 none;border-right:0 none;}
    .separador{margin-top:150px;}
    .cplogreg.active{background:#0a5da6;}
}
@media screen and (min-width:576px) and (max-width:767px){
    .cp_autoria .border-x{border-left:0 none;border-right:0 none;}
    .separador{margin-top:150px;}
    .cplogreg.active{background:#0a5da6;}
}
@media screen and (min-width:200px) and (max-width:575px){
    .cp_autoria .border-x{border-left:0 none;border-right:0 none;}
    .cp-encuesta .btn{width:100px;font-size:14px;}
    .separador{margin-top:150px;}
    .cplogreg.active{background:#0a5da6;}
}