#marco-encuesta{width:100%;background:#014351;color:white;font-size:16px;padding:10px;font-family:sans-serif;min-height:400px;}
#barra-progreso-encuesta{background:#01313b;height:20px;margin: -10px -10px 5px -10px;}
#contenido-encuesta{text-align:center;background-image: url(https://www.mundoprimaria.com/wp-content/themes/bootstrap-basic-child/img/fnd_encuesta_2.png);background-size: cover;width:100%;height:100%;min-height:330px; display:inline-block;}
#marco-encuesta li{cursor:pointer;display:inline-block;margin:10px 20px;padding:0 10px;list-style-type:none;border:2px solid #002e30;background:#056072;width:80%;height:60px;line-height:60px;box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);}
#marco-encuesta li:hover{opacity:0.7;}
#marco-encuesta li.activo{background:#0691a8;border:2px solid #0bc3df;}
span#pregunta-encuesta {margin-top: 20px;display: inline-block;}
#marco-encuesta textarea{width:80%;height:250px;color:black;}
#marco-encuesta span.button{display:inline-block;padding:5px 10px;border:2px solid #002e30;background:#056072;cursor:pointer;}
div#progreso{background:#056072;color:#ffe433;display:inline-block;width:10%;padding:0 10px;font-size:12px;overflow:hidden;height:20px;line-height:20px;}
#marco-encuesta hr{border: 1px inset #cfcfcf;margin: 10px -10px;}
#numero-pregunta-encuesta{color:#ffe433;font-size:40px;}
#cabecera-encuesta{display:flex;}
#numero-pregunta-encuesta{width:60px;margin-right:20px;}
#pregunta-encuesta{}
#alerts{display:inline-block;width:200px;height:auto;position:relative;top:-300px;left:50%;margin-left:-100px;background:white;border:2px solid #cfcfcf;text-align:center;}
#alerts h4{font-weight:bold;border-bottom:1px solid #cfcfcf;}