@charset "utf-8";
/* CSS Document */
#top{
	position:relative;
}
#top_background{
	position:absolute;
	background-color: #0053a0;
	background: url(img/topbackground.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#top_centered{
	position:absolute;
}
#top_centered_inside{
	position:relative;
}
#top_centered{
	position:absolute;
}
#topart{
	position:absolute;
}
#toplangcontainer{
	position:absolute;
}
.topoption{
	display:inline-block;
	vertical-align: top;
	border: 1px solid #FFF;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}
.topselected{
	color:#0053a0;
	background-color: #fff;
}
.topoption:before{
	display:inline-block;
	vertical-align: top;
}
.questionlabelnum{
	display:inline-block;
	vertical-align: top;
}
.questionlabelnum:before{
	display:inline-block;
	vertical-align: top;
}
.questionlabel{
	display:inline-block;
	vertical-align: top;
}
.questionlabel:before{
	display:inline-block;
	vertical-align: top;
}


input[type="radio"] {
	opacity: 0;
	width: 0;
  height: 0;
	display:none;
}

input[type="radio"]:active ~ label {
  opacity: 1;
	background-image: url(img/circuloinactivo.svg);
	background-size: contain;
}

input[type="radio"]:checked ~ label {
  opacity: 1;
	background-image: url(img/circuloactivo.svg);
	background-size: contain;
}
.radiolabel{
	display:inline-block;
	vertical-align: middle;
}
.labeltarg{
	border: 4px solid #636466;
	display: inline-block;
	vertical-align: middle;
}
.radio-item{
	display: inline-block;
	vertical-align: middle;
}
.textarea{
	border-radius: 10px;
	border: 3px solid #0053a0;
	font-family: 'Calibri';
	color:#636466;
	padding:5px;
	margin-top:16px;
}
input:focus, textarea:focus, select:focus{
        outline: none;
}