/** Estructura **/

#main { overflow:hidden; }
#col1 { margin-top:20px; background:white; }
#col2 { margin-top:20px; background:white; }

@media (max-width: 768px)
{
	#col1, #col2 { margin-left:-15px; margin-right:-15px; }
}

.header h2 { float:left; }
.header a.blueBtn { float:right; margin-left:4px; }


/** Formulario **/

.formulario { margin-top:20px; border:solid 1px #d9d9d9; border-radius:4px; padding:20px; margin-bottom: 40px; }

.formulario .modulo_facebook { border-bottom:dashed 1px #999; padding-bottom:15px; overflow:hidden; text-align: right; }
.formulario .modulo_facebook a.boton_facebook { float:right; display:block; width:230px; height:23px; padding:10px 0 0 20px; background:url(../img/btn_facebook.png) no-repeat right; background-color:#f4f4f4; border-radius:8px; font-size:14px; color:#394d74; font-weight:bold; }
.formulario .modulo_facebook a.boton_facebook:hover { text-decoration:none; background-color:#3b5998; color:white; }

.formulario .texto_legal{padding-left:67px;padding-right: 67px; font-size: 12px;line-height: 18px;}

.texto_legal > p{
	display: none;
	opacity: 0;
	transform: translateY(-20px);
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.textos-legales-titulo{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
	color: #555555;
	font-family: var(--font-family-poppins);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0;
	margin-top: 0px;
}


.cursor{
	cursor: pointer;
}
.formulario .linea { margin-bottom:8px; overflow:hidden; padding-bottom: 5px; }
.formulario .linea .valor_campo label { font-size:14px; margin-left:5px; font-weight:normal; }
.formulario .linea .valor_campo label a { color:#109CD1; text-decoration: none; font-family:'Poppins'; font-size:13px; }
.formulario .linea .valor_campo label a:hover { color:#109CD1; text-decoration:underline; }
.formulario .botonera { margin-top:20px; text-align:right; }

.formulario .linea input.blueBtnBig, .formulario .botonera input.blueBtnBig {
	padding: 10px 25px;
	font-size: 16px;
	background-color: var(--textmain-color);
	border: 1px solid;
	border-radius: 100px;
	position: relative;
	color: var(--textwhite);
	font-weight: 600;
	text-align: center;
	font-family: var(--font-family-poppins);
	margin-top: 20px;
	cursor: pointer;
}


/**************************/
/*			Col 1		  */
/**************************/

#col1 .formulario .titulo_obligatorios { margin:20px 0 10px 0; color:#1f7bd1; font-size:14px; text-align:center; }
#col1 .formulario .titulo_opcionales { margin:20px 0 10px 0; color:#394d74; font-size:18px; text-align:center; }

#col1 .formulario .linea { overflow:inherit !important; position:relative; font-family: "Raleway"; }
#col1 .formulario .linea .nombre_campo { float:left; width:25%; margin-right:2%; color:#394d74; font-weight:bold; text-align:right; padding-top:15px; font-size:14px; }
#col1 .formulario .linea .nombre_campo.c_obligatorio { color:#333333; }
#col1 .formulario .linea .valor_campo { float:left; width:73%; position:relative; font-size:14px; }
#col1 .formulario .linea .valor_campo .calendario_vf { left:55px; top:-15px; }
#col1 .formulario .linea .valor_campo input[type="text"], 
#col1 .formulario .linea .valor_campo input[type="password"],
#col1 .formulario .linea .valor_campo textarea { width:90%; padding: 10px; }
#col1 .formulario .linea .valor_campo input.fecha { width:25%; }
#col1 .formulario .linea .valor_campo input#url { width:80%; margin-left:10px; }


#col1 .formulario .linea .ayuda { position:absolute; top:0; right:0; }
#col1 .formulario .linea .ayuda img { cursor:pointer;  }
#col1 .formulario .linea .ayuda .texto_ayuda { display:none; position:absolute; top:0; right:25px; width:250px; padding:10px; border:solid 1px #D9D9D9; box-shadow:0 0 8px rgba(0,0,0,.2); font-size:11px; background:#EAF2F5; z-index:9999; line-height:1.3em; }
#col1 .formulario .linea .ayuda:hover .texto_ayuda { display:block; }

#col1 .formulario > .mensaje.error {font-family: "Raleway"; margin:30px 0; color:#EF4504; font-size:12px; line-height:1.3em; padding:10px; background:#EAF2F5; border:solid 1px #d9d9d9; text-align:center; }
#col1 .formulario > .mensaje.ok {font-family: "Raleway"; margin:30px 0; color:#393; font-size:16px; line-height:1.3em; padding:10px; background:#EAF2F5; border:solid 1px #d9d9d9; text-align:center; }
#col1 .formulario .linea .error { margin:5px 0 10px 0px; max-width:450px; color:#EF4504; font-size:11px; line-height:1.3em; padding:5px; }
#col1 .formulario #error_general { margin:30px 0 15px 0px; color:#EF4504; font-size:12px; line-height:1.3em; padding:10px; background:#EAF2F5; border:solid 1px #d9d9d9; text-align:center; }

#col1 .formulario #img_cargando, #col1 .formulario #img_ok { float: left; margin-left: 10px; margin-top: 3px; position: absolute;  }

#col1 .mensaje {margin-bottom: 20px;}
#col1 .mensaje.error {color: #900;}
#col1 .mensaje.ok {color: #090;}


@media (max-width: 992px)
{
	#col1 .formulario .linea .nombre_campo { float:none; width:100%; text-align:left; margin-right:0; }
	#col1 .formulario .linea .valor_campo { width:100%; margin-top: 10px;}
	#col1 .formulario .linea .valor_campo input.fecha { width:50%; }
	#col1 .formulario .linea .ayuda { position:relative; margin-top:5px; }
	#col1 .formulario .linea .ayuda img { display:none; }
	#col1 .formulario .linea .ayuda .texto_ayuda { 
		display:block; 
		position:relative;
		width:100%;
		padding:0;
		border:none;
		box-shadow:none;
		background:transparent;
		color:#999;
		font-size:13px;
		right:0;
		z-index:1;
	}
}


#form_login_registro .titular {
	text-align: center;
	font-family: var(--font-family-poppins);
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 30px;
}
#form_login_registro .login {
	margin-bottom: 0px;
}
#form_login_registro .login label {
	width: 100%;
	font-family: var(--font-family-poppins);
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0;
	margin-top: 20px;
	margin-bottom: 10px;
}
#form_login_registro .login p{
	margin-top: 5%;
	font-size: 13px;
}


/**************************/
/*			Col 2		  */
/**************************/

#col2 .header { background:#ffffff; }

#col2 .publi { margin-top: 20px; }

#col2 .modulo_facebook { margin-bottom:20px; }

#col2 .formulario .nombre_campo { float:left; width:25%; margin-right:5%; color:#394d74; font-weight:bold; text-align:right; padding-top:4px; }
#col2 .formulario .valor_campo { float:left; width:70%; }
#col2 .formulario .valor_campo input[type="text"], 
#col2 .formulario .valor_campo input[type="password"],
#col2 .formulario .valor_campo textarea { width:100%; padding: 10px; }

#col2 a.link_blue { text-decoration: none; }

@media (max-width: 992px)
{
	#col2 .formulario .nombre_campo { float:none; width:100%; margin-right:0; text-align:left; }
	#col2 .formulario .valor_campo { float:none; width:100%; }
}


#mas_datos_registro{
	display: none;
}

.subrayado{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #959595;
	line-height: 20px;
	margin-bottom: 15px;
	width: auto !important;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
}
@media (min-width: 1380px){
	.linea-botones-login{
		display: flex;
		justify-content: space-between;
	}
}
@media (min-width: 461px) and (max-width: 767px){
	.boton-login-facebook{
		margin-right: 5px;
	}
}

@media (min-width: 320px) and (max-width: 600px){
	.formulario .linea input.blueBtnBig, .formulario .botonera input.blueBtnBig {
		width: 100%;
	}
	.formulario .texto_legal{padding-left:0px;padding-right: 0px; font-size: 12px;}
}


.boton-negro {
	width: 100%;
	padding: 10px !important;
}

.boton-login-facebook{
	width: 190px;
	font-size: 13px;
	margin-top: 5px;
	float: right;
	/*margin-right: 5px;*/
}