@font-face {  font-family: "Nutmeg";
	src: url('/public/fonts/fonts/nutmeg-light-webfont.ttf');
	font-style: normal;
	font-weight: normal;   ); }

@font-face {  font-family: "Nutmeg-Regular";
	src: url('/public/fonts/fonts/Nutmeg-Regular.ttf');
	font-style: normal;
	font-weight: normal;   ); }

html{
    /*background: url("../public/img/background.jpg") no-repeat;
	background-size: cover;
    min-height: 100%;*/
	background-color: white;
}

body{
	background-image: url("img/fondo_fojal.svg");
	font-family: Nutmeg;
	/*max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;*/
	background-repeat: no-repeat;
	align-content: end;
}

.imagen_centrada{
	margin-left: auto;
	margin-right: auto;
	display: block;
	/*width: 270px;*/
	margin-top: 10px;
	margin-bottom: 10px;
}
.imagen_centrada_2{
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 150px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.tam_btn{
	width: 60%;
	height: 140%;
	font-size: 22px;
}
.tam_btn_test{
	width: 40%;
	height: 100%;
	font-size: 22px;
}
.tam_btn_formulario{

	font-size: 20px;
}

.formulariotest{
	width: 9%;
	display: inline;
}

element.style {
}
.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}
button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
	cursor: pointer;
}
.btn-primary_rojo {
	color: #fff;
	background-color: #7A73B3;
	border-color: #7A73B3;
}

.sinmargen{
	padding-left: 0px;
	padding-right: 0px;
}

#tituloh1{
	color: #ccc;
}

.texto{
	color: #362872;
	font-weight: bold;
	font-size: 25px;
	text-align: center;
	font-family: Nutmeg;
}
.botonverde{
	background: #7A73B3;
	border-radius: 5px;
	border-color: #7A73B3;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px
}

.botonverde:hover{
	background: #7A73B3;
	border-radius: 5px;
	border-color: #7A73B3;
	color: #fff;
	font-weight: bold;
	font-size: 20px
}
.tablasinborde{
	 border-top: 0px;
	 border-left: 0px;
}


#registration-form{
max-width: 1000px;
margin: 40px auto;
display: flex;
justify-content: center;
align-items: center;

}

#registration-form .image{
float:left;
height: 500px;
width: 420px;
background-size: cover;
background-position: 25%;

}

#registration-form .frm{
float:right;
/*height: 500px;*/
    width: 100%;
    min-width: 250px;
    padding: 0 20px;
}

#registration-form .frm2{
	float:right;
	/*height: 500px;*/
	min-width: 250px;
	padding: 0 35px;


}

.intputreistro{
	width: 40%;
	height: 43px;
}

.botonmorado{
	background: #7A73B3;
	border-radius: 5px;
	border-color: #7A73B3;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px
}

#registration-form h1{
	margin-top: 30px;
	margin-bottom: 20px;
    text-align: center;
}

.centrarimagenes {
	margin: auto;
	margin-top: 30px;
	float: left;
	display:block;


}

#registration-form .form-control{
	width: 100%;
	padding: 12px 20px;
	height: 100%;
}

.grecaptcha-badge {
	width: 70px !important;
	overflow: hidden !important;
	transition: all 0.3s ease !important;
	left: 4px !important;
}
.grecaptcha-badge:hover {
	width: 256px !important;
}

.tituloprincipal{
	font-weight: bold;
	font-size: 50px;
	line-height: 30px;
	color: #7B868C;
	margin-left: 10%;
	margin-top: 40px;
}

.tituloprincipal_subsidio{
	font-weight: bold;
	font-size: 40px;
	line-height: 30px;
	color: #362872;
	margin-left: 10%;
	margin-top: 25px;
}

.subtitulo{
	font-weight: bold;
	font-size: 28px;
	line-height: 30px;
	color: #362872;
	margin-top: 25px;
}
.tituloprincipal_subsidio_rosa{
	font-weight: bold;
	font-size: 32px;
	line-height: 30px;
	color: #FD4A5C;
	margin-left: 10%;
	margin-top: 40px;
}
.subtitulo_rosa{
	font-weight: bold;
	font-size: 22px;
	line-height: 30px;
	color: #FD4A5C;
	//margin-left: 10%;
	margin-top: 40px;
}

.margen_pie{

	margin-left: 100px;
}

.btn_pie{

	background: #FF4438; border-radius: 10px; color: white; text-align: center; width:150px;  height:40px; font-family: Nutmeg; font-size: 14px
}
.sub_fojal{
	color: #7B868C; font-weight: bold; font-size: 20px
}

.icon_redes{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
}


@media screen and (min-width: 1920px){
	.margen_pie{

		margin-left: 100px;
	}
	.formulariotest{
		width: 7%;
		display: inline;
	}

	.tituloprincipal{
		font-weight: bold;
		font-size: 32px;
		line-height: 30px;
		color: #7B868C;
		margin-left: 10%;
		margin-top: 40px;
		padding-left: 150px;
	}


    #registration-form{
        max-width: 1000px;
        margin: 100px auto;
    }

    #registration-form .image{
        float:left;
        background-size: cover;
        background-position: 25%;

    }

    #registration-form .frm{
        float:right;
        
        //width: 50%;
        min-width: 250px;
        padding: 0 35px;

        background-size: 100% 100%;
        background-color: white;
    }

    #registration-form h1{
        margin-top: 30px;
        margin-bottom: 20px;
        text-align: center;
    }

    #registration-form .form-control{
        width: 90%;
        padding: 12px 20px;
        height: auto;
    }
}

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

	.margen_pie{

		margin-left: 50px;
	}
	.formulariotest{
		width: 100%;
		display: block;
	}

	.tituloprincipal{
		font-weight: bold;
		font-size: 25px;
		line-height: 30px;
		color: #7B868C;
		/* margin-top: 40px; */
		margin-left: 30px;
		text-align: center;
	}

	.icon_redes{
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		margin-left: 50px;
	}

	#registration-form .image{
		width: 30%;
	    background-position: 60%;
	}

	#registration-form .frm{
		width: 70%;
	}

	#registration-form .form-control{
		width: 100%;
	}
}

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

	.margen_pie{

		margin-left: 50px;
	}
	.formulariotest{
		width: 100%;
		display: block;
	}

	.icon_redes{
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		margin-left: 100px;
	}
	.tituloprincipal{
		font-weight: bold;
		font-size: 25px;
		line-height: 30px;
		color: #7B868C;
		/* margin-top: 40px; */
		margin-left: 30px;
		text-align: center;
	}
	#registration-form .image{
		display: none;
	}

	#registration-form .frm{
		width: 100%;
	}

	#registration-form h1{
		text-align: center;
	}

	#registration-form .btn{
		width: 100%;
		margin-top: 20px;
	}

}

.d-none {
	display: none !important;
}

.d-inline {
	display: inline !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-block {
	display: block !important;
}

.d-table {
	display: table !important;
}

.d-table-row {
	display: table-row !important;
}

.d-table-cell {
	display: table-cell !important;
}

.d-flex {
	display: flex !important;
}

.d-inline-flex {
	display: inline-flex !important;
}