@charset "utf-8";

/* instrumentos musicales menu ------------------------------ */
.menu_seg_instrumentos{ border-bottom: 1px solid #ccc; margin-top: 15px; font-size: 14px; display: flex; align-items: center; justify-content: center; }
	.menu_seg_instrumentos ul{ padding: 15px 0; }
	.menu_seg_instrumentos li{ display: inline-block;  margin: 0 10px; }
	.menu_seg_instrumentos li a{ color: #4D4D4D; }
	.menu_seg_instrumentos li a:hover{ opacity: .7; }

.seg_instrumentos_head{ background-color: #22B573; height: 56px; text-align: center; color: #fff; font-family: 'Lobster', cursive; font-size: 36px; /*padding: 10px 0;*/}
.seg_instrumentos_head span{ font-family: 'Raleway', sans-serif; font-size: 24px; line-height: 1.7; }

.seg_instrumentos_head_img{ position: absolute; margin-top: -15px;}
.seg_instrumentos_head_img img{ width: 255px; height: auto; }

/* buscar luthiers/vendedores --------------------- */
.buscar_vendedores_head{ width: 100%; background-color: #B3B3B3; text-align: center; margin-top: 40px; }
.buscar_vendedores_head{ padding: 10px 0; }

.buscar_vendedores_mc{ width: 100%; background-color: #EAEAEA; color: #333; text-align: center;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; }
.buscar_vendedores_title{ margin-top: 20px; font-size: 34px; }
.buscar_vendedores_form{ width: 290px; margin: 20px auto 0 auto; }
	.buscar_vendedor_label{ float: left; font-size: 15px; padding-top: 18px; margin-right: 15px; }
	.buscar_vendedor_input{ float: left; }
	.buscar_vendedor_input input{ width: 100px; height: 40px; padding: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; 
		border: none; border: 1px solid #ccc; }
	.buscar_vendedor_bt{ float: right; padding-top: 4px; }

.vendedores_bt{ display: inline-block; background-color: #22B573; color: #fff; font-size: 17px; margin-top: 20px; margin-bottom: 10px; padding: 10px 20px; 
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.vendedores_bt:hover{ opacity: .7; }


/* ORQUESTAS ============================== */
.orquesta_select_tipo{ margin-top: 40px; }
.ost_head{ padding-bottom: 30px; border-bottom: 1px solid #ccc; }
.ost_select{ margin-top: 30px; }
.ost_bt_select{ display: inline-block; background-color: #22B573; color: #fff; padding: 10px; margin-top: 15px; cursor: pointer; }
.ost_bt_select:hover{ opacity: .7; }


/* PASOS =================================== */
.ti_paso{ /*display: none;*/ }

.ti_mc_instr{ }

	.ti_separador{ border-top: 1px solid #333; margin-top: 15px; position: relative; height: 18px; }
		.ti_separador_img{ position: absolute; left: 0; width: 37px; height: 18px; }
		.ti_separador_num{ position: absolute; left: 0; color: #fff; font-size: 14px; width: 30px; text-align: center; }

	.ti_separador_final{ border-bottom: 1px solid #333; margin-top: 10px; position: relative; height: 10px; }

	.ti_inner{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; }

		.ti_input_numero{ width: 100%; max-width: 200px; margin-bottom: 10px; }

		.ti_input_nom{ width: 100%; max-width: 600px; }

		.ti_input_total{ float: right; }
		.input_valor_total_instrumento{ background-color: rgb(204,204,204); }

		.ti_input_valor{ width:40%; max-width: 300px; margin-top: 10px; }
			.ti_euro{ float: right; margin-left: 3px; padding-top: 7px; font-size: 18px; }
			.ti_input_img{ position: absolute; margin-top: 8px; }
			.ti_input_input{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 35px; }
				
				.ti_mc_instr input, 
				.ti_mc_instr textarea,
				.ti_mc_instr select{ 
					border: none; border: 1px solid #ccc; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; height: 35px; 
					box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 5px; }
				
				.ti_input_nom input{ width: 100%; }
				.ti_input_valor input{ width: 85%; }
				.ti_mc_instr select{ width: 50px; }

			.ti_mc_instr textarea{ font-family: 'Raleway', sans-serif; font-size: 13px; width: 100%; height: 200px; resize: none; padding: 10px; }


		.ti_comocalculo{ clear: both; margin-top: 15px; margin-left: 35px; }
		.ti_comocalculo a{ font-size: 14px; color: #3FA9F5; margin-top: 10px; font-weight: 300; }
		.ti_comocalculo a:hover{ text-decoration: underline; }


	.bt_anadir_accesorio{ margin-left: 10px; margin-top: 10px; cursor: pointer; font-weight: 300; font-size: 16px; }
	.bt_anadir_accesorio:hover{ opacity: .7; }
		.bt_anadir_accesorio_bt{ float: left; }
		.bt_anadir_accesorio_txt{ float: left; margin-left: 8px; color: #3FA9F5; padding-top: 2px; }

	.bt_eliminar_instrumento{ display: none; margin-left: 10px; margin-top: 10px; cursor: pointer; font-weight: 300; font-size: 16px; }
	.bt_eliminar_instrumento:hover{ opacity: .7; }
		.bt_eliminar_instrumento_bt{ float: left; }
		.bt_eliminar_instrumento_txt{ float: left; margin-left: 8px; color: #F4764A; padding-top: 2px; }



.bt_nuevo_instrumento{ width: 195px; height: 42px; background-color: #22B573; color: #fff; position: relative; cursor: pointer; margin-bottom: 20px; }
.bt_nuevo_instrumento:hover{ opacity: .7; }
	.bt_nuevo_instrumento_inner{ width: 175px; position: absolute; left: 50%; margin-left: -87px; }
	.bt_nuevo_instrumento_img{ float: left; padding-top: 10px; }
	.bt_nuevo_instrumento_txt{ float: left; margin-left: 7px; padding-top: 12px; font-size: 16px; font-weight: 300; }


.accesorio{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; margin-bottom: 10px; display: none; }



/* instrumentos colectivos desplegable -----------*/
.bt_desplega:hover{ opacity: .7;}
.tarifa_desplega{ width: 100%; background-color: #E6E6E6; font-size: 14px; cursor:pointer; font-weight: bold;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 13px 10px 13px 50px; }


.tarifa_desplega_area{  width: 100%; background-color: #E6E6E6; font-size: 14px; cursor:pointer; font-weight: bold;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 13px 10px 13px 10px; }

.img_tarifa_desplega{ float: right; margin-top: 18px; margin-right: 13px; }
.icon_desplegable{ position: absolute; margin-left: 5px; margin-top: 3px; }

.colectivo_descripcion{ color: #999; font-size: 14px; margin: 7px 0; line-height: 1.3; }



/* AREA GEOGRAFICA --------------------------------- */
.tarifica_area_bt, .tarifica_area_bt_on{ width: 440px; height: 40px; border-bottom: 1px solid #ccc; cursor: pointer; }
.tarifica_area_bt{ background-color: #F2F2F2; }
.tarifica_area_bt_on{ background-color: #22B573; }

.tarifica_area_bt:hover{ background-color: #22B573; }
.tarifica_area_bt:hover .tarifica_area_bt_txt{ color: #fff; }
.tarifica_area_bt:hover .tarifica_area_bt_img img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

.tarifica_area_bt:hover span{ color: #fff !important; }

.area_geografica_bt{ position: relative; }



.tarifica_area_bt span{  position: absolute !important; margin: 12px; color: #333 !important;  }
.tarifica_area_bt_on span{  position: absolute !important; margin: 12px; color: #fff !important;  }


.tarifa_area_check_on{ position: absolute !important; margin: 12px; color: #fff !important; }


.tarifica_area_inner{ position: relative; left: 50px; }
	.tarifica_area_bt_img{ float: left; margin-top: 6px; }
	.tarifica_area_bt_txt{ float: left; font-size: 16px; font-weight: 300; margin-top: 10px; margin-left: 15px; }

	.tarifica_area_bt .tarifica_area_bt_img{ }
	.tarifica_area_bt .tarifica_area_bt_txt{ color: #4D4D4D; }

	.tarifica_area_bt_on .tarifica_area_bt_img img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
	.tarifica_area_bt_on .tarifica_area_bt_txt{ color: #fff; }


.area_geografica_explain{ margin-top: 15px; font-size: 12px; line-height: 1.3; width: 100%; max-width: 440px; }
.area_geografica_explain p{ margin-bottom: 10px; }


/* PRESUPUESTO ============================== */
.presupuesto{ width: 100%; margin: 10px auto 0 auto; background-color: #F2F2F2; border: 1px solid #ccc; 
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 13px; }

	.presupuesto_title{ padding: 10px; border-bottom: 1px solid #ccc; /*height: 15px;*/ }
	.presupuesto_volver{ float: right; margin-right: 5px; }
	.presupuesto_volver a{ color: #3FA9F5; }
	.presupuesto_volver a:hover{ opacity: .7; }

	.presupuesto_numitem{ margin: 20px 0 10px 10px; color: #fff; background-color: #333; display: inline-block; 
		padding: 2px 0; width: 25px; text-align: center; font-size: 12px; }

	.presupuesto_table{ width: 100%; }
	.presupuesto_table tr td{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px 10px; }

	.presupuesto_table_separa{ margin-top: 15px; border-bottom: 1px solid #ccc; }

	.presupuesto_valortotal, .presupuesto_ambito, .presupuesto_coste, .presupuesto_bt_coberturas{ margin: 20px 0 20px 10px; }
	.presupuesto_coste span{ font-size: 20px; color: #C1272D; font-weight: bold; }

	
	.presupuesto_title_section{ background-color: #ccc;  }
	.presupuesto_title_section_img{ position: absolute; margin-left: 5px; margin-top: 5px; }
	.presupuesto_title_section_txt{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px 10px 20px 50px;}

	.presupuesto_bt_coberturas a{ color: #3FA9F5; }
	.presupuesto_bt_coberturas a:hover{ text-decoration: underline; }
	
	
	.presupuesto_table_justificante{ font-size: 12px; }

	.bts_muntar_justificant{ }
		.bt_muntar_justificant{ display: flex; margin-top: 10px;  }
			.bt_muntar_justificant_bt{ width: 130px; text-align: center; background-color: #F7780F; cursor: pointer; padding: 5px; color: #fff; }
			.bt_muntar_justificant_label{ padding-left: 10px; padding-top: 5px; }


		.camera, .camera_comp{ display: none; }


	.presupuesto_table_propietario{ margin: 10px 0; line-height: 1.2; }
	




.presupuesto_guardar{ width: 100%; margin: 30px auto 0 auto; border: 1px solid #ccc; margin-top: 12px; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 14px; }

	.presupuesto_guardar_txt{ line-height: 1.4; color: #4D4D4D; font-weight: 300; }
	.presupuesto_guardar input[type="text"]{ width: 100%; max-width: 400px; border: none; border: 1px solid #ccc; height: 32px; margin-top: 15px; 
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 5px;
		-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

	.presupuesto_guardar input[type="checkbox"]{ margin-top: 15px; font-weight: 300; }
	.presupuesto_guardar label{ display: block; margin-top: -15px; padding-left: 25px; font-size: 12px; color: #4D4D4D; }
	.presupuesto_guardar a{ color: #004CAC; }
	.presupuesto_guardar a:hover{ text-decoration: underline; }

	.presupuesto_guardar_bt, .presupuesto_contactar_bt{ margin-top: 20px; color: #0071BC; cursor: pointer; text-decoration: underline; padding-bottom: 5px; margin-bottom: 5px; }
	.presupuesto_guardar_bt:hover, .presupuesto_contactar_bt:hover{ opacity: .7; }


/* CONTRATAR ================================= */
.instrumentos_desc, .instrumentos_propietario, .instrumentos_usuario{ 
	width: 100%; border: none; border: 1px solid #ccc; font-family: 'Raleway', sans-serif; font-size:13px;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.instrumentos_desc{ height: 100px; resize: none; }

.presupuesto_alerta{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; line-height: 1.3;  }
.presupuesto_alerta .presupuesto_alerta_txt:first-child{ margin-bottom: 14px; }
.presupuesto_alerta_txt{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 35px;  }
.presupuesto_alerta_img{ position: absolute;}

/* FORMULARIS INSTRUMENTOS =================================*/
.instrumentos_forms{ width: 100%; max-width: 370px; margin: 50px auto; }
.instrumentos_form_datos{ width: 90%; margin: 50px auto; }

.instrumentos_forms input[type="text"], 
.instrumentos_forms input[type="email"], 
.instrumentos_forms input[type="tel"], 
.instrumentos_forms input[type="date"], 
.instrumentos_forms input[type="number"],
.instrumentos_forms input[type="password"],
.instrumentos_forms textarea, 
.instrumentos_forms select,
#fecha_efecto{ 
	width: 100%; border: none; border: 1px solid #ccc; margin-bottom: 10px; margin-top: 7px; color: #000;
	webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 15px; }

.instrumentos_forms input[type='checkbox']{ margin-top: 5px; margin-left: -5px; }
.instrumentos_forms input[type='radio']{ cursor: pointer; margin-bottom: 14px; }
.instrumentos_forms label{ cursor: pointer; }
#fecha_efecto{ width: 150px; }
.instrumentos_forms textarea{ resize:none; height: 180px; font-family: 'Raleway', sans-serif; font-size: 1em; }
.instrumentos_forms .label_checkbox{ font-size: 14px; color: #1A1A1A; }


.instrumentos_forms a{ font-size: 14px; color: #3FA9F5; }
.instrumentos_forms a:hover{ opacity: .7; }

.instrumentos_form_bt{ margin-top: 10px; cursor: pointer; color: #fff; font-size: 16px; font-weight: bold; background-color: #0071BC; padding: 10px 0; width: 120px; 
	text-align: center; margin-top: 10px; position: relative; left: 50%; margin-left: -60px; margin-bottom: 20px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%); background-repeat: repeat-x;
}

.instrumentos_form_bt:hover{ opacity: .7; }

.center{ text-align: center; }
.form_txt{  margin-bottom: 20px; line-height: 1.2; }
.form_txt p{ margin-bottom: 10px; }
.form_txt span{ color: #666; font-size: 12px; font-weight: 300; }


/* TARIFICADOR THANKYOUPAGE */
.instrumentos_gracias{width: 100%; max-width: 650px; margin: 50px auto;}

.gracias_box{ border: 1px solid #ccc; text-align: center; line-height: 1.3; font-weight: bold; 
	webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 60px; }
.thankyou_title{ font-size: 24px; color: #F4764A; text-transform: uppercase; }
.thankyou_txt1{ margin-top: 15px; font-size: 14px; }
.thankyou_txt1 span{ color: #F4764A; }

.thankyou_img{ margin-top: 30px; text-align: center; }
.thankyou_txt2{ margin-top: 30px; font-weight: bold; font-size: 14px; text-align: center; }

.instrumentos_gracias ul{ margin-top: 30px; }
.instrumentos_gracias ul li{ display: inline-block; margin: 0 5px; }
.instrumentos_gracias ul li a:hover{ opacity: .7; }

.instrumentos_gracias a{ color: #1589B7; }
.instrumentos_gracias a:hover{ opacity: .7; }

/* FOOTER TARIFICADOR ======================== */
.footer_tarificador{ position: fixed; z-index: 15; width: 100%; height: 75px; background-color: #F2F2F2; left: 0; bottom: -75px; border-top: 1px solid #ccc; 
	line-height: 1.3; }
.footer_tarifa_top{ height: 40px; border-bottom: 1px solid #ccc; color: #000; }

.tarificador_bt_continuar{ font-size: 17px; color: #fff; background-color: #0071BC; padding: 7px; border: none;
	position: absolute; right: 10px; margin-top: 2px; cursor: pointer; }
.tarificador_bt_continuar:hover{ opacity: .7; }

.msg_contratar{ position: absolute; right: 150px; margin-top: 1px; }

.tarificador_tarjetes{ float: left; margin-left: 10px; margin-top: 8px; }

.footer_tarifa_bottom{ font-size: 10px !important; text-align: center; padding-top: 4px; }
.footer_tarifa_bottom a{ color: #000; }
.footer_tarifa_bottom a:hover{ text-decoration: underline; }

/* ZONA PROFESIONAL ================================= */
/* login */
.inst_mus_login_icon{ margin-bottom: 20px; text-align: center; }

.registrate{ text-align: center; padding: 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; display: flex; align-items: center; justify-content: center; }
	.registrate a{ color: #0071BC; }
	.registrate_img{ }
	.registrate_txt{ padding-top: 15px; padding-left: 10px; }

.error_login{ font-size: 15px; color: #E30613; font-weight: bold; text-align: center; margin-bottom: 15px; }

/* home zona profesional */
.left	{ float:left;}
.right 	{ float:right;}

#topbar-container { background-color: #F2F2F2; padding: 18px; height: 15px; margin-top: 5px;}
	#menu_colaborador{ font-size: 14px; color: #333; cursor: pointer; margin-top: -8px; }
	#menu_colaborador img{ margin-left: 5px; }
	#menu_colaborador:hover{ opacity: .7; }

	.menu_colaborador_tarificar{ float: left; margin-left: 110px; }
		.menu_col_tar_link{ color: #4D4D4D; font-size: 14px; position: absolute; margin-left: 27px; margin-top: -5px; padding-left: 20px; }
		.menu_col_tar_link img{ position: absolute; margin-left: -20px; margin-top: -5px; }
		.menu_colaborador_tarificar:hover{ opacity: .7; }


#desplegable{ width: 235px; position: absolute; z-index: 14; right: 0; margin-top: 30px; background-color: #fff; border-top: 9px solid #F4764A;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: none; 
	-webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1); box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);}
	
	.desplegable_marca{ position: absolute; margin-top: -16px; margin-left: 220px; }
	#n_colaborador {font-weight: bold; font-size: 13px; padding: 10px; text-align: right; }
	#desplegable li { border-top: 1px solid #ddd; text-align: left; padding: 10px 10px 10px 40px; font-size: 13px;  }
	#desplegable li img{ position: absolute; margin-left: -25px; margin-top: -3px; }
	#desplegable a { color: #706F6F; }
	#desplegable a:hover { color: #000; }


.colab_menu_tarificar{ width: 100%; max-width: 300px; margin: 40px auto; color: #fff; font-size: 18px;  text-align: center; line-height: 1.4; }
	.colab_menu_tarificar a{ color: #fff; }
	.colab_menu_tarificar a:hover{ opacity: .7; }
	.colab_menu_tarificar span{ font-size: 21px; }
	.cm_tarificar_particulares{ padding: 25px 10px; width: 100%; background-color: #C4DBA2; margin-bottom: 20px;
	 webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.cm_tarificar_orquestas{ padding: 25px 10px; width: 100%; background-color: #A8CDE2;
	 webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.datos_colaborador{ width: 100%; max-width: 900px; margin: 40px auto;}
	.datos_col_title{ font-size: 18px; }
	.datos_colaborador .presupuesto{ margin-top: 20px; padding: 15px; line-height: 1.8; font-size: 15px;
		webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.colab_descarga{ color: #36A9E1; }
	.colab_editar{ font-size: 12px; color: #22B573; }
	.datos_colaborador .presupuesto a:hover{ text-decoration: underline; }

/* listados */
.datos_colaborador table tr{ border-bottom: 1px solid #ccc; font-size: 14px; }
.datos_colaborador table tr:last-child{ border-bottom: none; }
.datos_colaborador table td{ padding: 10px 0; }
.visualizar { color: #F4764A; font-size: 12px; }	
.eliminar {	color: #C1272D;font-size: 12px; }
.pdf{	color: #22B573;font-size: 12px; }

.datos_colaborador_pres{ width: 100%; max-width: 600px; margin: 40px auto; }



/* AYUDA ================================= */
.ayuda{ width: 100%; background-color: #F2F2F2; border: 1px solid #ccc; 
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-size: 14px; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px;}

.ayuda_img{ text-align: center;}
.ayuda_title{ font-size: 16px; font-weight: bold; margin-top: 20px; }
.ayuda_subtitle{ font-size: 12px; margin-top: 10px; }
.ayuda_bt{ display: inline-block; color: #fff; background-color: #4D4D4D; padding: 6px 10px; font-size: 18px; font-weight: bold; margin: 15px 0; cursor: pointer; }
.ayuda_bt:hover{ opacity: .7; }

/* TRAMITES -------------------------*/
.tramites_bt{ display: inline-block; color: #fff; background-color: #0071BC; font-weight: bold; padding: 10px 20px; cursor: pointer; margin-top: 15px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%); background-repeat: repeat-x; }

.tramites_bt:hover{ opacity: .7; }

.tramites_bt_txt{ margin-top: 15px; }




#T7-list span{ font-size: 13px; color: #5C5B5F; font-style: italic; }
.MultiFile-label{ clear: both; padding: 5px 0; font-size: 13px; }
.MultiFile-remove{ float: left; padding-right: 5px; }




/* FOOTER PAGAR ======================== */
.footer_pagar{ position: fixed; z-index: 15; width: 100%; height: 100px; background-color: #F2F2F2; left: 0; bottom: -100px; border-top: 1px solid #ccc; }
.footer_pagar_top{ height: 80px; border-bottom: 1px solid #ccc; color: #000; }

.pagar_bt_continuar{ font-size: 17px; color: #fff; background-color: #0071BC; padding: 7px 20px; position: absolute; right: 10px; margin-top: 40px; cursor: pointer; }
.pagar_bt_continuar:hover{ opacity: .7; }

.pagar_tarjetes{ float: left; margin-left: 10px; margin-top: 20px; }

.footer_tarifa_bottom{ font-size: 10px; text-align: center; padding-top: 4px; }

.pagar_total{ font-size: 17px; padding: 7px; position: absolute; right: 10px; margin-top: 5px; }


/* FOOTER PAGAR FINAL ---- */
.footer_pagar_final{ position: fixed; z-index: 15; width: 100%; height: 164px; background-color: #F2F2F2; left: 0; bottom: -164px; border-top: 1px solid #ccc; }
.footer_pagar_top_final{ height: 142px; border-bottom: 1px solid #ccc; color: #000; }

.pagar_tarjetes_final{ position: absolute; margin-left: 10px; margin-top: 62px; }

.pagar_opcions { position: absolute; right: 10px; margin-top: 10px; width: 480px; text-align: right; }
	.pagar_total_final { font-size: 17px; margin-bottom: 4px; }
	.pagar_metodos_title { font-size: 14px; margin-bottom: 8px; color: #444; }

	.pagar_opcions .box_formapago { display: inline-flex; align-items: center; background: #fff; border: 1px solid #ccc; border-radius: 4px; height: 32px; padding: 0 10px; margin-left: 8px; font-size: 13px; box-sizing: border-box; cursor: pointer; vertical-align: middle; }
	.pagar_opcions .box_formapago:hover { border-color: #0071BC; }
		.pagar_opcions .box_formapago input[type="radio"] { cursor: pointer; margin: 0 6px 0 0; }
		.pagar_opcions .box_formapago label { cursor: pointer; margin: 0; display: inline-flex; align-items: center; gap: 6px; font-weight: 500; }
		.pagar_opcions .box_formapago img { display: inline-block; vertical-align: middle; }

	.box_bizum label { color: #00a499; font-weight: 700; }

	.pagar_bt_continuar_final { display: inline-block; font-size: 16px; font-weight: 600; color: #fff; background-color: #0071BC; padding: 8px 24px; margin-top: 12px; border-radius: 4px; cursor: pointer; transition: opacity 0.2s, background-color 0.2s; }
	.pagar_bt_continuar_final:hover { opacity: 0.85; }


.footer_tarifa_bottom_final{ font-size: 10px; text-align: center; padding-top: 4px; }


@media only screen and (max-width: 600px) {
	.pagar_tarjetes_final{ display: none; }
}



/* FOOTER INSTRUMENTOS ====================== */
.footer_instrumentos{ width: 100%; height: 60px; background-color: #F2F2F2; border-top: 1px solid #ccc; margin-top: 40px; }
.footer_instrumentos_content{ text-align: center; line-height: 1.4; font-size: 12px; padding-top: 10px; }
.footer_instrumentos_content span, .footer_instrumentos_content a{ color: #0071BC; }


/* instrumentos home total proteccion */
.total_proteccion{ margin: 70px auto 30px auto; width: 100%; max-width: 700px; text-align: center; padding:0 10px; }
.proteccion_txt{ font-size: 30px; margin-top: 30px; line-height: 1.4; }
.proteccion_txt span{ color: #22B573; }

/* ventajas ============= */
.ventajas_icon{ margin-top: 30px; text-align: center; }
.ventajas_title{ margin-top: 30px; text-align: center; font-size: 28px; }

.ventajas_mc{ width: 100%; max-width: 1200px; margin: 40px auto; background-color: #fff; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px 40px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(204,204,204,1);
	box-shadow: 0px 0px 10px 0px rgba(204,204,204,1); }

.ventaja{ text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; }
.ventaja_txt{ margin-top: 30px; font-size: 18px; color: #808080; line-height: 1.4; }


.ventajas_bt{ width: fit-content; background-color: #22B573; color: #fff; font-size: 17px; margin: 30px auto; padding: 10px 20px; 
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.ventajas_bt:hover{ opacity: .7; }


/* COBERTURAS ==================================== */
.coberturas_img{ text-align: center; margin-top: 40px; }
.coberturas_title{ color: #333; font-size: 18px; text-align: center; margin-top: 20px; font-weight: bold; margin-bottom: 25px; }

.coberturas_separa{ width: 100%; border-bottom: 1px solid #ccc; }
.cobertura_bt{ float: right; }
.cobertura_nom{ font-size: 16px; color: #4D4D4D; padding: 15px 5px; cursor: pointer; }


.cobertura_txt{ display: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 15px 10px 0 25px; }

.cobertura_txt{ font-size: 14px; line-height: 1.5;  }
.cobertura_txt p, .cobertura_txt h3{ margin-bottom: 20px; }
.cobertura_txt h3{ font-size: 100%; color: #fff; background-color: #000; font-weight: bold; padding: 5px 20px 5px 5px; 
	display: inline-block; margin-top: 15px; }
.cobertura_txt img{ max-width: 100%; height: auto; margin-bottom:20px;  }
.cobertura_txt a{ color: #75AF0A; }
.cobertura_txt a:hover{ text-decoration: underline; }
.cobertura_txt ul, .cobertura_txt ol{ padding-left:40px; margin-bottom:25px; margin-top:5px; }
.cobertura_txt ul li { list-style-type: circle; list-style:outside; margin-bottom:7px; }
.cobertura_txt ol li{ list-style-type: decimal; margin-bottom:7px;  }
.cobertura_txt ol li ul li { list-style-type: circle; margin-bottom:7px; }

.cobertura_txt iframe { max-width: 100%; height: 300px; }
.cobertura_txt strong{ font-weight: bold; }



/* LUTHIERS ============================================================================ */
.luthiers_title{ text-align: center; font-size: 30px; font-weight: bold; margin-top: 25px; color: #333; }
.luthiers_subtitle{ width: 100%; max-width: 560px; text-align: center; font-size: 21px; color: #333; margin: 10px auto; line-height: 1.2; }

.luthiers_background{ background-color: #F2F2F2; margin-top: 40px; padding-bottom: 50px; }

.luthier_separar{ height: 20px; }

.luthier{ width: 100%; background-color: #fff; margin-top: 20px; display: flex;  
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; 
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5); }

.luthier_colesq{ width: 300px; float: left; }
	.luthier_logo img{ width: 90%; max-width: 290px; height: auto; }
	.luthier_nom{ font-size: 18px; margin-top: 15px; font-weight: bold; }
	.luthier_subtitle{ font-size: 18px; line-height: 1.2; margin-top: 7px; }
	.luthier_content{ font-size: 14px; color: #4D4D4D; line-height: 1.4; margin-top: 30px; }
	.luthier_content a{ color: #22B573; }

.luthier_map{ float: right; width: 100%; height: 100%; text-align: right; }

.luthier_map iframe{ width: 97%; }


.luthier_goto_pres{ width: 100%; border-top: 1px solid #ccc; margin-top: 20px; padding: 20px 0 0 0; }
.luthier_bt_pres_txt{ text-align: center; font-size: 16px; font-weight: bold; color: #333;  }

.luthier_bt{ width: 284px; margin: 15px auto 0 auto; background-color: #0071BC; color: #fff; padding: 10px 0; text-align: center; font-size: 15px; 
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; }
.luthier_bt:hover{ opacity: .7; }



@media only screen and (min-width: 1020px) {
	.bt_lista_tiendas{ position: absolute; right: 20px; margin-top: 35px; }
	.bt_lista_tiendas a{ color: #22B573; font-size: 12px; }
}
@media only screen and (min-width: 763px) and (max-width: 1019px) {
	.bt_lista_tiendas{ position: absolute; right: 20px; margin-top: 85px; }
	.bt_lista_tiendas a{ color: #fff; font-size: 12px; }
}
@media only screen and (max-width: 762px) {
	.bt_lista_tiendas{ display: none; }
	
	.luthier_logo img{ width: 90%; max-width: 200px; height: auto; }
	.luthier_map{ float: right; width: 100%; height: 100%; text-align: right; }
	.luthier_map iframe{ width: 97%; height: 270px; }

}



/* PANTALLA + TABLET ----------------------------------------------------------- */
@media only screen and (min-width: 764px) {
	.inst_home_img, .inst_home_cont { width: 50%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; }
		.inst_home_img img{ width: 100%; height: auto; }
		.inst_home_cont_txt2{ margin-top: 20px; font-size: 32px; color: #333; }
		.inst_home_cont_selector{ margin-top: 20px; }
		.inst_home_cont_selector select{ border: none; border: 1px solid #ccc; width: 100%; height: 40px; font-size: 16px; color: #333; padding: 0 15px; 
			-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
		.inst_home_cont_bt{ display: inline-block; margin-top: 20px; background-color: #ccc; background-color: #0071BC; color: #fff; cursor: pointer;
			-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 14px 25px; }
		.inst_home_cont_bt:hover{ opacity: .7; }

	.inst_home_iframe { width: 50%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 20px; margin-top: 30px; }
	.inst_home_iframe iframe{ width: 100%; height: 300px; }

	/* banner instrumentos home -------- */
	.instrumentos_up, .instrumentos_down{ text-align: center; }
	.instrumentos_up img, .instrumentos_down img{ width: 100%; height: auto; max-width: 928px; }
	.instrumentos_banner{ width: 100%; background-image: url('../images/banner_musica.jpg'); background-size: cover; background-position: center; }

	.instrumentos_banner_inner{ width: 100%; max-width: 750px; text-align: center; margin:auto; padding:120px 0; }
	.instrumentos_banner_txt{ margin-top: 30px; font-size: 28px; color: #fff; line-height: 1.4; }
	.instrumentos_banner_bt{ display: inline-block; background-color: #22B573; color: #fff; font-size: 17px; margin-top: 50px; padding: 10px 20px; 
		-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
	.instrumentos_banner_bt:hover{ opacity: .7; }


	/* TARIFICADOR ======================================= */
	.ti_colesq{ float: left; width: 35%; margin-top: 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; }
		.ti_colesq_img img{ width: 90%; height: auto; }

	.ti_col_dre{ float: right; width: 65%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; }

	/* recuperar contraseña ---- */
	.inst_home_recuperar{ margin-top: 15px; }

	#email_recuperar_presupuesto, #numero_recuperar_presupuesto{ width: 48%; border: none; border: 1px solid #ccc; height: 32px; margin-top: 15px; 
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 5px;
		-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

	#email_recuperar_presupuesto{ float: none; }

	#email_recuperar_presupuesto{ float: none; }

	/* CONTRATAR ======================================= */
	.tc_colesq{ float: left; width: 55%; margin-top: 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; }
	.tC_col_dre{ float: right; width: 45%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; }

} 

/* PANTALLA ----------------------------------------------------------- */
@media only screen and (min-width: 1078px) { 

	.inst_home_barra{ position: absolute; z-index: -1; width: 100%; height: 236px; background-color: #22B573; margin-top: -100px; }
	.inst_home_barra img{ position: absolute; left: 50%; margin-left: -50px; margin-top: -50px; }
	.inst_home_barra_txt{ margin: -100px auto 0 auto; color: #fff; font-size: 17px; text-align: center;  width: 100%; max-width: 650px;
		line-height: 1.4; padding: 70px 0; }
		.inst_home_barra_txtinner{ position: absolute; width: 100%; max-width: 650px; margin: auto; text-align: center; }
		.inst_home_barra_txtinner span{ font-size: 16px; color: #000; }

	.bt_recuperar_presupuesto{ font-size: 15px; font-weight: 300; color: #3FA9F5; margin-top: 15px; cursor: pointer; }
	.bt_recuperar_presupuesto:hover{ text-decoration: underline; }

	/* tarificador ------------------------ */
	.menu_en_tarifidador{ float: right; padding-top: 30px; margin-right: 10px; }

	.separador_espai_instrumentos{ height: 150px; }
}

/* TABLET ------------------------------------------------------------- */
@media only screen and (min-width: 763px) and (max-width: 1077px) {
	
	.inst_home_barra{ width: 100%; height: 256px; background-color: #22B573; margin-top: 70px; }
	.inst_home_barra img{ position: absolute; left: 50%; margin-left: -50px; margin-top: -50px; }
	.inst_home_barra_txt{ margin: -250px auto 0 auto; color: #fff; font-size: 17px; text-align: center;  width: 100%; max-width: 650px;
		line-height: 1.4; padding: 70px 0; }
		.inst_home_barra_txtinner{ position: absolute; width: 100%; max-width: 650px; margin: auto; text-align: center; }
		.inst_home_barra_txtinner span{ font-size: 16px; color: #000; }

	.bt_recuperar_presupuesto{ font-size: 15px; font-weight: 300; color: #3FA9F5; margin-top: 15px; cursor: pointer; }
	.bt_recuperar_presupuesto:hover{ text-decoration: underline; }

	/* tarificador ------------------------ */
	.menu_en_tarifidador{ margin-right: 5px; border-top: 1px solid #F2F2F2; }


	.separador_espai_instrumentos{ height: -50px; }
}

/* MOVIL ------------------------------------------------------------- */
@media only screen and (max-width: 763px) {	
	.menu_seg_instrumentos{ font-size: 13px; }
	.menu_seg_instrumentos li{  margin: 0 7px; }

	/*.seg_instrumentos_head{ font-size: 21px; }*/

	.inst_home_img{ width: 100%; background-color: #F2F2F2; text-align: center; margin-left: -10px; padding: 15px 10px; margin-bottom: 20px;  }
	.inst_home_img img{ width: 100%; max-width: 100px; height: auto; }


	.inst_home_iframe { width: 100%; float: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0px; margin-top: 30px; }
	.inst_home_iframe iframe{ width: 100%; height: 200px; }

	.separador_espai_instrumentos{ margin-top: -80px; }
	

	.inst_home_cont { width: 100%; float: none; text-align: center; margin-top: -30px; }

	.inst_home_cont_txt2{ margin-top: 20px; font-size: 22px; color: #333; }
	.inst_home_cont_selector{ margin-top: 20px; }
		.inst_home_cont_selector select{ border: none; border: 1px solid #ccc; width: 100%; height: 40px; font-size: 16px; color: #333; padding: 0 15px; 
			-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
		.inst_home_cont_bt{ display: inline-block; margin-top: 20px; background-color: #ccc; background-color: #0071BC; color: #fff; cursor: pointer;
			-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 14px 25px; }
		.inst_home_cont_bt:hover{ opacity: .7; }

	.bt_recuperar_presupuesto{ font-size: 15px; font-weight: 300; color: #3FA9F5; margin-top: 15px; cursor: pointer; }
	.bt_recuperar_presupuesto:hover{ text-decoration: underline; }

	/*
	.seg_instrumentos_head_img{ position: absolute; margin-top: -10px;}
	.seg_instrumentos_head_img img{ width: 155px; height: auto; }
	*/

	/* recuperar contraseña ---- */
	.inst_home_recuperar{ margin-top: 15px; }
	#email_recuperar_presupuesto, #numero_recuperar_presupuesto{ width: 100%; max-width: 400px; border: none; border: 1px solid #ccc; height: 32px; margin-top: 15px; 
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 5px;
		-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
	#email_recuperar_presupuesto{  }
	#email_recuperar_presupuesto{ }

	.buscar_vendedores_head{ margin-top: -30px; }

	/* tarificador ------------------------ */
	.menu_en_tarifidador{ display: none; }

	.tarificador_bt_back{ position: absolute; top: 20px; left: 20px; }
	.tarificador_bt_tlf{ position: absolute; top: 20px; right: 20px; }	
	.logo_tarificador{ text-align: center; margin-bottom: 20px; }

	.tarificador_pasos{ width: 100%; margin: 50px 0 20px 0; }
		.tarificador_pas{ width: 33.333%; float: left; position: relative; font-size: 13px;  display: none; }
			.tarificador_pas_txt{ height: 45px; background-color: #F2F2F2; text-align: center; line-height: 1.2; color: #808080; font-weight: 300; padding-top: 8px; }
			.tarificador_pas_txt span{ padding-top: 30px; }
			.tarificador_pas_marca{ position: absolute; left: 50%; margin-left: -8px; display: none; margin-top: -7px; }
			.pas1{ border-right: 1px solid #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
			.pas3{ border-left: 1px solid #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

	.ti_col_dre{ float: none; width: 100%; }


	.ti_input_valor input{ width: 75%; }


	/* INSTRUMENTOS MUSICALES ====================================== */
	/* LOGIN */
	.registrate{ text-align: center; padding: 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
	.registrate a{ color: #0071BC; }
	.registrate_img{ float: none; /*text-align: center;*/ }
	.registrate_txt{ float: none; }


	/* CONTRATAR ======================================= */
	.tc_colesq{ float: none; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; }
	.tC_col_dre{ float: none; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; }


	.menu_colaborador_tarificar{ float: left; margin-left: 10px; margin-top: -5px; }
	

	/* LUTHIERS ------------------------------------- */
	.luthier{ display: block; }

	.luthier_colesq{ width: 100%; float: none; }
	.luthier_map{ float: none; width: 100%; height: 300px; text-align: center; }
	.luthier_map iframe{ width: 100%; margin-top: 30px; }
	

	.msg_contratar{ display: none; }

	.ti_colesq{ display:none; }
}	


.ui-dialog .ui-widget-header{ display: none; }
.dialog{ display: none;  font-size: 13px; line-height: 1.7; }
.ui-dialog-buttonset{ font-size: 13px; }



/* LANDING CLAVE DE SOL -------------------------------------------------- */
.landing_clavedesol{ margin-top: 5px; }

.landing_clavedesol_bar{ position: absolute; width: 100%; height: 70px; background-image: url('../images/clavedesol/bar.png'); 
	background-size: cover; background-position: center; margin-top: 17px; }

.landing_clavedesol_logo{ position: relative; z-index: 10; text-align: center; }
.landing_clavedesol_logo img{ max-width: 100%; height: auto; }




/* NOU DISSENY TARIFICADOR CLAVE DE SOL ==================================== */
.header_clavedesol{ width: 100%; height: auto; background-image: url('../images/banner_musica.jpg'); background-position: center; background-size: cover; }

.header_clavesol_separar{ height: 30px; }

.header_clavesol_separar_baix{ height: 40px; }

.banner_home_instrumentos_txt1{ text-align: center; color: #fff; font-size: 22px; }
.banner_home_instrumentos_txt2{ text-align: center; margin-top: 40px; font-size: 42px; color: #DAF7A6; font-weight: bold; }
.banner_home_instrumentos_txt3{ text-align: center; margin-top: 5px; font-size: 16px; color: #fff; }

.bts_pres{ width: 460px; margin: 50px auto; }
	.bt_pres{ width: 200px; background-color: #fff; border: 1px solid #22B573; float: left; text-align: center; margin: 0 15px;	text-transform: uppercase;
		-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-size: 13px; font-weight: bold; cursor: pointer; }
		
		.bt_pres:hover{ color: #22B573; }

		.bt_pres1{ padding: 16px 0; }
		.bt_pres2{ padding: 10px 0; }



@media only screen and (max-width: 765px) {	
	.header_clavesol_separar{ height: 10px; }

	.banner_home_instrumentos_txt1{ font-size: 17px; }
	.banner_home_instrumentos_txt2{ margin-top: 40px; font-size: 30px; }
	.banner_home_instrumentos_txt3{ font-size: 13px;  }
}


@media only screen and (max-width: 530px) {	
	
	.header_clavesol_separar_baix{ height: 30px; }
	
	/*.banner_home_instrumentos_txt1{ font-size: 15px; }*/

	.bts_pres{ width: 200px; margin: 30px auto 0 auto; }
	.bt_pres{ width: 200px; float: none; margin: 0 auto; }
		
		.bt_pres1{ margin-bottom: 20px; }

}



/* SEPA ======================================================== */
#sepa_container{ margin-top: 50px; font-size: 14px; }
.sepa_header_texto{ line-height: 1.5; font-size: 15px; font-weight: bold; }
.sepa_header_texto p{ margin-bottom: 15px; }
.sepa_header_texto a{ color: #0071BC; text-decoration: underline; }

.sepa_container_title{ border-left:solid 1px black; }
.sepa_container_title tr td{ padding: 3px 20px; }

.sepa_header{ margin-top: 20px; }

.sepa_titol{ color: white; font-weight:bold; background-color: #575756; margin: 20px 0; width: 100%; padding: 10px; }


.full { width: 100%; font-size:12px; }
.full td{ border: 1px solid #ccc; }

.sepa_form{ display: table; width: 100%; margin-bottom: 20px; }
	.sepa_form_label{ display: table-cell; padding: 10px; width: 1%; white-space:nowrap; }
	.sepa_form_input{ display: table-cell; border:solid 1px #ccc; padding: 10px; }

.sepa_form_3col{ margin-bottom: 20px; }
	.sepa_33{ float: left; width: 33.333%; display: table; }

.sepa_form_2col{ margin-bottom: 20px; }
	.sepa_50{ float: left; width: 50%; display: table; }

.sepa_footer{ float: left; width: 30%; padding-right: 25px; }
	.sepa_nota{ font-size: 10px; line-height: 1.4; }

.sepa_firma{ float: left; width: 70%; /*width: 700px;*/ height: 400px; position: relative; }

	.sepa_firma_explain{ position: absolute; z-index: 10; margin: 5px 0 0 25px;  font-size: 12px; }

.instrument_imatge_0{ display: none; }
.instrument_imatge_1{ display: none; }

.clear{ clear: both; }

.recuperar_presupuesto{ margin: 40px auto; width: 100%; max-width: 500px; text-align: center; }


@media only screen and (max-width: 700px) {	

	.sepa_form{ display: block; width: 100%; margin-bottom: 20px; }
	.sepa_form_label{ display: block; padding: 10px; width: 1%; white-space:nowrap; }
	.sepa_form_input{ display: block; border:solid 1px #ccc; padding: 10px; }

	.sepa_33{ float: none; width: 100%; display: block; }
	.sepa_50{ float: none; width: 100%; display: block; }

	.sepa_footer{ float: none; width: 100%; padding-right: 0; }

	.sepa_firma{ float: none; width: 100%; height: 400px; position: relative; }

	.bt_firmar{ position:absolute; margin-top: 410px; right: 35px; }
}



.rgpd_identidad{ margin: 30px 0; line-height: 1.4; }
.rgpd_identidad tr td{ padding: 10px; border: 1px solid #ccc; }
.rgpd_identidad tr td:first-child{ background-color: #f2f2f2; font-weight: bold; }



/* ESTAMOS REALIZANDO MEJORAS ===================================== */
.mejoras_tarificacion_header{ width: 100%; height: 13px; background-color: #22b573; }

.mejoras_tarificacion_title{ width: 100%; padding: 10px 0; }

.mejoras_title_content{ display: flex; color: #22b573; }
	.mejoras_title_img{ padding-right: 20px; }
	.mejoras_title_txt{ font-size: 20px; font-weight: bold; padding-top: 12px; }

.mejoras_cols{ margin-top: 40px; font-family: 'Montserrat', sans-serif; }

	.mejoras_col1{ position: relative; z-index: 10; width: 50%; float: left; }

	.mejoras_col2{ position: absolute; width: 60%; right: 0; }
	.mejoras_col2 img{ width: 100%; height: auto; }

	.mejoras_col_title{ font-size: 48px; font-weight: 900; color: #22b573; line-height: 1; }
	.mejoras_col_content{ margin-top: 40px; color: #1c202c; width: 100%; max-width: 420px; font-size: 17px; line-height: 1.4; }
	.mejoras_col_content strong{ font-weight: 900; }

	#form_mejoras{ margin-top: 30px; }
	#form_mejoras p{ margin-bottom: 20px; }
	#form_mejoras input[type='text'], #form_mejoras input[type='email']{ 
		width: 100%; max-width: 270px; border: none; border: 1px solid #22b573; padding: 12px;
		-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

	#form_mejoras input[type='checkbox']{ margin-left: -15px; margin-top: -25px; }

	#form_mejoras label, #form_mejoras a{ font-size: 14px; }
	#form_mejoras a{ color: #22b573; }
	#form_mejoras a:hover{ text-decoration: underline; }

	#form_mejoras input[type='submit']{ border: none; background-color: #22b573; color: #fff; padding: 10px 30px; cursor: pointer;
		-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

	#form_mejoras .wpcf7-not-valid-tip{ font-size: 11px; }
	.wpcf7-response-output{ font-size: 11px; width: 100%; max-width: 300px; padding: 15px 0; }

@media only screen and (max-width: 700px) {	
	
	.mejoras_cols{ margin-top: 10px; }

	.mejoras_col1{ position: relative; z-index: 10; width: 100%; float: none; }

	.mejoras_col2{ display: none; }
	
	.mejoras_col_title{ font-size: 38px; }
	.mejoras_col_content{ font-size: 15px; }

}



/* BANNER REGALO WIRELESS SPEAKER ======================================================================================== */
.regalo_speaker_header{ width: 100%; max-width: 750px; margin: 25px auto 0 auto; text-align: center; line-height: 1.2; padding: 0 10px; }
	.regalo_speaker_txt1{ font-size: 28px; font-weight: bold; color: #2db475; }
	.regalo_speaker_txt1 span{ font-size: 23px; font-weight: lighter; color: #000; }

	.regalo_speaker_txt2{ font-size: 23px; font-weight: bold; color: #2db475; }
	.regalo_speaker_txt2 span{ font-weight: lighter; color: #000; }

	.regalo_speaker_txt3{ font-size: 14px; margin-top: 10px; }

	.regalo_speaker_header_img img{ max-width: 100%; height: auto; }

.regalo_speaker_ademas{ width: 100%; max-width: 640px; margin: auto; background-color: #fff; font-size: 20px; line-height: 1.2; text-align: center; padding: 0 40px; margin-top: -10px; }
.regalo_speaker_deco{ width: 100%; height: 1px; background-color: #2db475; position: absolute; z-index: -1; margin-top: -20px; }

.regalo_speaker_images{ display: flex; align-items: center; justify-content: center; margin-top: 20px; padding: 0 10px; }
	.regalo_speaker_images div img{ max-width: 100%; height: auto; }

	.img_mobile{ display: none; }

.regalo_speaker_bottom{ width: 100%; height: 1px; background-color: #2db475; }


@media only screen and (max-width: 700px) {	

	.regalo_speaker_txt1{ font-size: 22px; }
	.regalo_speaker_txt1 span{ font-size: 19px; }
	.regalo_speaker_txt2{ font-size: 19px; }

	.regalo_speaker_ademas{ font-size: 16px; padding: 0 10px; margin-top: 20px; }
	.regalo_speaker_deco{ width: 100%; height: 1px; background-color: #2db475; position: absolute; z-index: -1; margin-top: -20px; }

	.regalo_speaker_images{ display: block; margin-top: 20px; padding: 0 10px; text-align: center; }
	.regalo_speaker_images div img{ max-width: 100%; height: auto; }

	.img_mobile{ display: inherit; margin-top: -50px; }
	.img_screen{ display: none; }
}




/* ================================================================================== */
.header_as_cont{ position: relative; z-index: 10; width: 100%; /*max-width: 300px;*/ margin: 50px auto 20px auto; background-color: rgba(0,0,0,.4); 
	-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 1px solid rgba(255,255,255,.4); 
	webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; }

	.header_as_cont_txt1{ font-size: 34px; color: #fff; font-weight: bold; text-align: center; padding-top: 15px; }
	.header_as_cont_txt2{ font-size: 20px; color: #fff; text-align: center; margin-top: 7px; }
	.header_as_cont_txt3{ font-size: 14px; color: #fff; text-align: center; margin-top: 7px; font-weight: bold; }
	
	.header_as_cont form{ width: 500px; margin: 25px auto 0 auto; text-align: center; position: relative; }
	

	.as_input_actividad{ position: relative; float: left; width: 50%; padding: 0 5px; }

	.as_input_euros{ position: relative; float: left; width: 50%; padding: 0 5px; }
		.input_euros{ position: absolute; right: 15px; margin-top: 16px; font-size: 20px; font-weight: bold; pointer-events: none; color: #838484; }

	/*.as_input_calendar{ position: relative; float: right; width: 33.333%; padding: 0 5px; }
		.input_calendar_img{ position: absolute; right: 10px; margin-top: 11px; pointer-events: none; } */



	.header_as_cont input[type="text"], .header_as_cont input[type="number"], .header_as_cont input[type="email"], .header_as_cont input[type="tel"]{ 
		width: 100%; padding: 14px; margin-bottom: 12px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; 
		webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

	.header_as_cont select{ 
		width: 100%; padding: 13px 14px; margin-bottom: 12px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; 
		webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }




	.header_as_cont_submit{ width: 100%; }

	.header_as_cont_submit_bt{ width: 230px; margin: 10px auto; border: none; background-color: #F7780F; color: #fff; text-align: center; padding: 12px 0; 
		-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-size: 16px; cursor: pointer; }	

	.header_as_cont_submit_bt:hover{ opacity: .8; }
	




	.header_as_cont_txt2_alert{ width: 100%; position: absolute; text-align: center; color: #F7780F; font-weight: bold; margin-left: -15px; }


	.header_solicitar_callme{ position: relative; color: #fff; font-size: 12px; width: 215px; height: 27px; margin: 45px auto 20px auto; }
	.header_solicitar_callme_black{ position: relative; color: #000; font-size: 12px; width: 215px; height: 27px; margin: 45px auto 20px auto; }

	.hsc_txt1{ position: absolute; margin-top: 7px; }
	.hsc_img{ text-align: center; }
	.hsc_img span{ font-size: 19px; color: #333; }
	.hsc_txt2{ position: absolute; right: 10px; margin-top: 5px; cursor: pointer; text-decoration: underline; }

	.hsc_txt1_black{ position: absolute; margin-top: 7px; font-weight: bold; }
	.hsc_txt2_orange{ position: absolute; right: 10px; margin-top: 5px; cursor: pointer; border-bottom: 1px solid #f7780f; color: #f7780f; font-weight: bold; 
		padding-bottom: 2px; }

@media only screen and (max-width: 780px) {	
	.header_as_cont_txt1{ font-size: 28px; }
	.header_as_cont_txt2{ font-size: 17px; }
	
	.header_as_cont form{ width: 100%; }
	
	.as_input_actividad{ position: relative; float: none; width: 100%; }
	.as_input_euros{ position: relative; float: none; width: 100%; }
	/*.as_input_calendar{ position: relative; float: none; width: 100%; }*/

}



.header_solicita_bts{ display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: bold;  }
	
	.header_solicita_bt{ display: inline-block; color: #ffc439; border: 2px solid #ffc439; padding: 7px 10px; margin: 3px; 
		-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

	.header_solicita_bt_blau{ display: inline-block; color: #005cb9; border: 2px solid #005cb9; padding: 7px 10px; margin: 3px; 
		-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }



	.header_solicita_bt:hover{ color: #fff; border: 2px solid #fff; }
	
	.header_solicita_bt_instrumento{ font-size: 13px; display: inline-block; color: #22B573; border: 2px solid #22B573; padding: 7px 10px; margin: 3px; 
		-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

	.header_solicita_bt_instrumento:hover{ color: #fff; border: 2px solid #fff;  }
	
.header_solicitar_obs_left {
    color: #F7780F;
    margin: 20px 0;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

/* POPUP OBSERVACIONES ===================================== */
.rc_prima_observaciones{ padding: 20px; font-size: 14px; line-height: 1.4; }

	.rc_prima_obs_title{ margin-bottom: 15px; }
	.rc_prima_obs_text1{ color: #F7780F; margin-bottom: 15px; }
	.rc_prima_obs_text2{ margin-bottom: 15px; }


label, input[type="check"]{ cursor:pointer; }

.bt_acepto{ width: 180px; margin: 10px auto; color:white; padding: 7px 10px; background-color: #3D6A9B; text-align: center; font-size: 13px; cursor: pointer;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
	background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%); background-repeat: repeat-x; }



/* COLECTIVO ======================================= */
.colectivo_content_items{ display:flex; flex-wrap:wrap; }

	.colectivo_content_item{ width: 50%; padding:10px; }

		.colectivo_content_item_head{ background-color:#f4f4f4; padding:15px; }

		.colectivo_content_item_head table tr td{ padding:10px; }
		.colectivo_content_item_head table tr td span{ font-size:30px; color:#df3841; }

		.colectivo_content_item p{ padding: 10px; }
		.colectivo_content_item img{ max-width:100%; height:auto; }

	.colectivo_content_footer{ margin-top: 20px; padding:10px; }

	.colectivo_content_footer table{ background-color:#dff2fe; }
	.colectivo_content_footer table tr td{ padding: 10px; }

	.colectivo_content_footer table span{ font-size:30px; }





.rrss_comparte{ display: flex; align-items: center; justify-content: center; }



/* NUEVO PROFESIONAL ============================================================= */





::selection { background: #ccc; }
::-moz-selection { background: #ccc; }