@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');





.linia_formulari {
	
	float:left;
	width:100%;
	margin-bottom:20px;
}

.espai_camp {
	
	float:left;
	width:100%;
	margin-bottom:10px;
}


.linia_formulari input, .linia_formulari select, .linia_formulari textarea {
	padding:10px;
	font-size:17px;
	color:#333;
	border:1px solid #ccc;
	border-radius:3px;
	float:left;
	width:100%;
	
}

.linia_formulari label {
    /* margin-bottom: 10px; */
    float: left;
    font-weight: 700;
    width: 100%;
    line-height: 17px;
}

.capa_formulari1 .linia_formulari h3 {
	line-height:18px !important;
	text-transform:none !important;
	font-size:18px !important;
	margin-top:30px;
	color:#000 !important;
}

.linia_formulari .camp_range {
	padding:auto;
	font-size:17px;
	color:#333;
	border:none;
	border-radius:3px;
	float:left;
	width:100%;
	background-color:#ededed;
	
}


.camp_radio {
	width:auto !important;
}

.boto11 {
	font-size: 16px;
    color: #e1c73f;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    max-width: 300px !important;
    /* width: 30% !important; */
    border: 2px solid #e1c73f;
    background-color: #ffffff;
    text-transform: none;
    font-weight: bold;
    border-radius: 25px;
    /* margin-left: 5px; */
    width: 100% !important;
    float: left;
    text-align: center;
    height: 45px;
}

.boto11:hover {
	
    background-color: #666;
	transition:all .5s;

}

.boto1 {
	color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 3px;
    letter-spacing: 4px;
    font-size: 18px;
    background-color: #ebc82d;
	padding:20px 10px;
}

.boto1:hover {
	
    background-color: #666;
	transition:all .5s;

}

.boto12 {
	color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 3px;
    letter-spacing: 4px;
    font-size: 18px;
    background-color: #666;
	padding:20px 10px;
	margin-right:10px;
}

.boto12:hover {
	
    background-color: #ebc82d;
	transition:all .5s;

}

.principal {
	margin:auto;
	width:100%;
}

.formulari_dyn_comentari {
	float:left;
	width:100%;
	margin-top:0px;
	padding:0%;
	border-radius: 3px;
	font-size:18px;
	color:#FFF;
}


.formulari_dyn_comentari p {
	color:#FFF;
	font-size:24px;
}

a {
	color:#666;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


.input_invisible {
	display:none;
}

.boto3 {
	float:left;
	width:150px !important;
	padding:40px 20px;
	background-color:#ccc;
	text-align:center;
	border:1px solid #666;
	margin-left:10px;
}

.boto3:hover {
	background-color:#666;
	color:#fff;
}

.linia_fitxer {
	background-color:#f8f8f8;
	padding:40px;
	float:left;
	width:100%;
	font-size:20px;
}

.espai_camp label {
	width:auto;
}

.avis1 {
	font-size:18px;
	color:#FF0;
	text-align:center;
	padding:5%;
	width:70%;
	background-color:#585858;
	margin:10%;
	border-radius: 3px;
	margin-top:30px;
	float:left;
}

.avis2 {
	font-size:18px;
	
	color:red;
	
}

.total_cursa {
	color:#353535;
	background-color:transparent;
	font-size:35px;
	border:none;
	width:100px;
	border: none !important;
}

#capa_total_cursa {
	float:left;
	width:100%;
	margin-top:40px;
	margin-bottom:40px;
	
}

#avis_pago_transferencia, .resum_entrada, #pagament {
	float:left;
	width:100%;
	margin-top:40px;
	margin-bottom:40px;
}

#pagament {
	width:100%;
	margin-left:0%;
	display:block;
	
}

.capa_pagament {
	float:left;

	margin-top:0px;
	font-size:20px;
	text-align:center;
	background-color:#129c61;
	color:#fff !important;
	padding:20px;
	border-radius:5px;
	

}

.capa_pagament i {
	font-size:40px;
	color:#fff;
}

.capa_pagament a {

	color:#fff;
}

.linia_bread {
float:left;
width:100%;
}

.bread {
float:left;
width:33%;
text-align:center;
margin-bottom:50px;
margin-top:-70px;
}


.bread span {
background-color:#2a2cab;
border-radius:100px;
padding:0px 20px;
font-size:60px;
color:#fff;
margin-bottom:5px;
}

.bread_selecciona span {
background-color:#f7992c;
}

.linia_ofertes {
float:left;
width:100%;
margin-top:50px;
margin-bottom:50px;
}

.oferta {
float:left;
width:31%;
margin-right:2%;
text-align:center;
box-shadow:0px 0px 10px #ccc;
padding:2%;
}


.text_cap {
	letter-spacing:1px;
	line-height:2em;
	font-weight:300;
	width:100%;
}


.capa_formulari1 {
	width: 100%;
    margin-left: 0%;
}

.etiqueta_range {
	width:100%;
	float:left;
}

.etiqueta_range span {
	float:left;
	text-align:center;
	font-size:11px;
	margin:0px;
	padding:0px;
}

.separador1 {
	float:left;
	width:100%;
	height:5px;
	background-color:#CCC;
	border-radius:3px;
	margin-bottom:10px;
	margin-top:0px;
}

.separador2 {
	float:left;
	width:100%;
	height:5px;
	
	border-radius:3px;
	margin-bottom:0px;
	margin-top:70px;
}

.complements_cursa {
	background-color:#f8f8f8;
	padding:2%;
	width:100%;
	height:200px;
	font-family:"Lato", sans-serif;
	font-size:16px;
	border:none;
	display:none;
}

.resum_entrada {
	float:left;
	width:100%;
	margin-left:0%;
	
}

.resum_entrada td {
	background-color:#f8f8f8;
}

.capa_accepta_reglament {
	margin-top:40px;
	background-color:#ededed;
	margin-bottom:40px;
	padding:2%;
	width:96%;
	
}




.logo img {
	width:350px;
	height:auto;
}

.logo {
	float:left;
	width:50%;
}

.textei {
	float:left;
	text-align:center;
	font-size:24px;
	width:50%;
}

.top {
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:1px solid #ededed;
}

.footer {
	background-color:#fff !important;
	float:left;
	width:80%;
	padding:10%;
	margin-top:100px;
}

.peu1, .peu2 {
	float:left;
	width:33%;
	font-size:24px;
	color:#FFF !important;
}

.peu2 {
	float:left;
	width:33%;
	font-size:16px;
	color:#FFF !important;
}

.peu2 p {
		font-size:16px;
	color:#FFF !important;
}

.peu1 a, .peu2 a {
	color:#fff !important;
}


.footer h4 {
	font-size:24px;
	color:#ccc !important;
	text-transform:uppercase;
}

.resultado_test {
	float:left;
	width:100%;
}

.resultado_test h1 {
	text-align:center;
	
}

.resultado_test h2 {
	text-align:center;
	color:#666;
	
}

.resultado_test .respuestas_correctas {
	background-color:#00b4e1;
	padding:10px 10px;
	border-radius:5px;
	color:#FFF;
	width:300px;
	margin:auto;
	text-align:center;
}

.respuestas_correctas u {
	color:#f9d400;
}

.capa_nivel {
	margin:auto;
	width:430px;
}

.nivel_test {
	float: left;
    width: 60px;
    height: 55px;
    border: 3px solid #c8dae3;
    border-radius: 100px;
    text-align: center;
    font-size: 40px;
    padding-top: 5px;
    margin-right: 11px;
	
	
}

.numero {
	position: absolute;
    font-size: 30px;
    margin-top: 5px;
    margin-left: 10px;
}


.tu_nivel {
	border: 3px solid #f9d400;
	background-color:#f9d400;
}

.award {
	position: absolute;
    width: 71px;
    height: 60px;
    font-size: 110px;
    margin-top: -18px;
    margin-left: -15px;
    color: #f9d400;
    z-index: 0;

}

.comentario_test {
	float:left;
	width:100%;
	margin-top:100px;
	text-align:center;
	font-size:18px;
}

.publi_test {
	text-align:center;
	font-weight:bold;
	float:left;
	width:100%;
	margin-top:40px;
	font-size:18px;
}

.boton_reserva {
	font-size: 16px;
    color: #fff;
    padding:20px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    max-width: 300px !important;
    /* width: 30% !important; */
    border: none;
    background-color: #00b4e1;
    text-transform: none;
    font-weight: bold;
    border-radius: 25px;
    /* margin-left: 5px; */
    width: 100% !important;
    
    text-align: center;
    height: 45px;
    margin:auto;
    float:none;
    
    
	
}


.linia_100 {
float:left;
width:100%;
text-align:center;
margin-bottom:20px;
}

.capa_formulari1 .avis2 {
display:none !important;
}



/* Estilos generales */


.capa_curs {
    float:left;
	width: 100%;
    background-color: #ffffff;
	border:1px solid #e4e4e4;
	margin-bottom: 40px;
}

.capa_curs h3 {
	font-weight: 600;
	font-size: 16px;
}

.capa_curs p {
	font-weight: 400;
	font-size: 16px;
}


.capa_curs .header_curs {
	background-color: #ededed;
	float: left;
	width: 100%;
	padding: 2%;
}

.capa_curs .header_curs h2 {
	font-size: 25px;
	font-weight: bold;
}

/* Estilos para la sección de información */
.info_curs .row_curs {
    float:left;
	width: 33%;
    align-items: center;
    
    padding: 2%;
}

.info_curs {
	border-bottom: 1px solid #e4e4e4;
	float: left;
	width: 100%;
	
}

.icon_curs {
    float: left;
	margin-right: 10px;
	margin-top:-7px;
	
}

.icon_curs i {
	color: #bcc94e;
}

.icon_curs img {
    max-width: 100%;
    display: block;
}

/* Estilos para el botón de inscripción */
.footer_curs {
    text-align: center;
    margin-top: 30px;
	float: left;
	padding: 2%;
	width: 33%;
}

.boto_inscribete {
    background-color: #e5c627;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
	text-transform: uppercase
	
}

.boto_inscribete:hover {
    background-color: #b59822;
	text-decoration: none;
}

.capa_filtres {
	float: left;
	width: 100%;
	background-color: #f8f8f8;
	margin-bottom: 50px;
}

.col_filtres {
	float: left;
	width: 40%;
	padding: 2%;
}

.col_filtres2 {
	float: left;
	width: 80%;
	padding: 2%;
	

}

.col_filtres1 {
	float: left;
	width: 20%;
	padding: 2%;
}

.item_curs {
	background-color: #229b60;
    color: #ffffff;
    padding: 10px 20px;
    border: none;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.item_curs:hover {
	text-decoration: none;
	background-color: #1b7c4d;
}

.capa_filtres input {
	font-size: 20px;
	border:1px solid #666;
	padding: 5px;
}

.col_filtres0 {
	float: left;
	width: 100%;
}


.boto_filtres {
    background-color: #666666;
    color: #ffffff;
    padding: 10px 20px !important;
    border: none;
    border-radius: 15px;
    cursor: pointer;
    font-size: 16px;
	text-transform: uppercase;
	float:right;
	margin: 10px;
}

.boto_filtres:hover {
    background-color: #333333;
	text-decoration: none;
}

.grup_seleccionat {
    background-color: #1b7c4d !important;
	text-decoration: none;
}