:root {
	--blanco:#fff;
	--negro:#000;
	--verdec:#95C94A;
	--azul:#243C7E;
	--rosa:#DF2B62;
	--celeste:#00B7DD;
	--grisc:#EAECF3;
}
.b-blanco{background: var(--blanco);}
.b-negro{background: var(--negro);}
.b-verdec{background: var(--verdec);}
.b-azul{background: var(--azul);}
.b-rosa{background: var(--rosa);}
.b-celeste{background: var(--celeste);}
.b-grisc{background: var(--grisc);}
.f-blanco{color: var(--blanco)!important;}
.f-negro{color: var(--negro)!important;}
.f-verdec{color: var(--verdec)!important;}
.f-azul{color: var(--azul)!important;}
.f-rosa{color: var(--rosa)!important;}
.f-celeste{color: var(--celeste)!important;}
.f-grisc{color: var(--grisc)!important;}
.font-arial{font-family: 'Arial';}

body {
	margin:0;
	padding:0;
}
a{
	outline:none;
	text-decoration:none!important;
}
.top h6{
	font-family: 'Silkscreen';
	font-size:22px;
	text-align:center;
	margin-bottom: 0rem;
    line-height: 1;
}
.top img{
	height: 20px;
	top: 25% !important;
}
.top h6 span{
	margin-left: 50px;
}
.top h6 span img{
	margin-left: 20px;
}


/*--- Navbar ---*/
.navbar{
	/*padding-right: 7rem;
	padding-left: 7rem;*/
}
.navbar .nav-item{
	font-family: 'Saira Condensed Regular';
	font-weight: normal;
	font-size: 22px;
	padding-left:30px;
	padding-right: 10px;
}
.navbar-nav .nav-link{
	color: var(--verdec)!important;
}
.navbar-nav .nav-link:hover{
	color: var(--blanco)!important;
}
.navbar-nav .dropdown-menu{
	--bs-dropdown-spacer: 1rem!important;
	--bs-dropdown-item-padding-x: 2rem!important;
	--bs-dropdown-padding-y: 0!important;
	--bs-dropdown-border-color: transparent!important;
	--bs-dropdown-border-radius: 0!important;
	--bs-dropdown-link-hover-color: var(--verdec)!important;
	--bs-dropdown-link-active-bg: var(--azul)!important;
	--bs-dropdown-border-width:0px!important;
}
.navbar-nav .dropdown ul.dropdown-menu li a{
	font-family: 'Arial'!important;
	color: var(--negro);
	font-size:17px;
	margin-top: 5px;
}
.navbar-nav .dropdown ul.dropdown-menu li a:hover{
	background: var(--azul);
	color: var(--verdec);
}
.navbar-toggler {
	border:none!important;
	/* border-color: var(--verdec)!important; */
	color: var(--verdec)!important;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(149, 201, 74, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
.header.fnd1{
	background: url("../images/fnd1.jpg")!important;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.fnd2{
	background: url("../images/fnd2.png")!important;
	background-size: cover;
	background-repeat: no-repeat;
}
.header.fnd3{
	background: url("../images/fnd3.png")!important;
	background-size: cover;
	background-repeat: no-repeat;
}
.header h1{
	font-family: 'Saira Condensed Regular';
	font-size: 33px;
	color: var(--verdec);
	width:19%;
	margin:auto;
	text-align:center;
}
.header h2 {
	font-family: 'Saira Condensed Condensed';
	font-size: 71px;
	color: var(--verdec);
	text-align:left;
	line-height:1;
	text-transform:uppercase!important;
}
.header h2 span{
	white-space: pre-line!important;
	display: block;
}
.header h3 {
	font-family: 'Silkscreen';
	font-size: 51px;
	color: var(--verdec);
}
.header h5{
	font-family: 'Silkscreen';
	font-size:27px;
	color: var(--rosa);
	background: var(--verdec);
	padding:4px 10px 4px 10px;
	border: 1px solid var(--verdec);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:170px;
	line-height:1;
	text-align:center;
}
.home1{
	
}
.home1 .symbol{
	background: url("../images/obj.png");
	background-repeat: no-repeat;
	background-position: -0px 10px;
}
.home1 h2{
	font-family: 'Citizen';
	color: var(--rosa);
	font-size:49px;
	letter-spacing:1px;
	line-height:1;
}
.home1 h6{
	font-family: 'Saira Condensed Regular';
	color: var(--blanco);
	font-size:37px;
	line-height:0.7;
}
.home1 p{
	font-family: 'Arial';
	color: var(--blanco);
	font-size:19px;
}
.home1 p span{
	font-family: 'Arial Bold';
}

.home2{
	
}
.home2 h1{
	font-family: 'Silkscreen';
	color: var(--rosa);
	font-size: 50px;
	text-align: center;
}
.home2 .card{
	background: var(--azul);
}
.home2 .card h5{
	font-family: 'Saira Condensed Condensed';
	color: var(--verdec);
	font-size: 32px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom:17px;
	height:100px;
}
.home2 .card h6{
	font-family: 'Silkscreen';
	color: var(--blanco);
	font-size:26px;
	--bs-border-width: 2px!important;
	--bs-border-style: solid!important;
	--bs-border-color: var(--verdec)!important;
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
	border-width: 2px !important;
	width:150px;
	padding:6px 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
	margin:auto;
	text-align:center;
}
.home2 .card p{
	font-family: 'Saira Condensed Regular';
	color: var(--blanco);
	font-size:23px;
	text-align:center;
	margin:30px 12px 30px 12px;
	line-height: 1.2;
}
.curso-info{
	
}
.curso-info h4{
	font-family: 'Saira Condensed Condensed';
	color: var(--verdec);
	font-size: 23px;
	text-transform: uppercase;
}
.curso-info h4 p{
	font-family: 'Saira Condensed Condensed';
	color: var(--verdec);
	font-size: 23px;
	text-transform: uppercase;
}
.curso-info h4 ~ h4 {
	margin-top: 40px;
}
.curso-info p{
	font-family: 'Arial';
	color: var(--negro);
	font-size:18px;
	line-height:1.3;
}
.formulario{
	
}
.formulario label{
	font-family: 'Arial';
	color: var(--azul);
	font-size:17px;
}
.formulario h3{
	font-family: 'Saira Condensed Condensed';
	color: var(--blanco);
	font-size: 28px;
	background: var(--verdec);
	padding: 9px 20px 9px 20px;
	border: 1px solid var(--verdec);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 300px;
	text-transform: uppercase;
	text-align: center;
}
.formulario .form{
	border: 2px solid var(--azul);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.formulario .form .titulo{
	background:#EAECF3;
	font-family: 'Saira Condensed Condensed'!important;
}
.formulario .form .titulo h5{
	font-family: 'Saira Condensed Condensed';
	color: var(--verdec);
	font-size: 20px;
	text-transform: uppercase;
	padding-top:10px;
	padding-left: 20px;
}
.formulario .form .titulo h6{
	font-family: 'Saira Condensed Condensed';
	color: var(--azul);
	font-size:17px;
	text-transform: uppercase;
	padding-top:10px;
}
.formulario .form label{
	font-family: 'Arial';
	color: var(--azul);
	font-size: 15px;
}
.formulario .form .col-2{
	font-family: 'Arial';
	color: var(--azul);
	font-size:15px;
	text-align: center;
}
.formulario .form .col-md-2{
	font-family: 'Arial';
	color: var(--azul);
	font-size:15px;
	text-align: center;
}
.formulario .form b{
	
}
.formulario .col-md-6.form {
	flex: 0 0 auto;
	width: 49%;
}
.formulario .form-final{

}
.formulario .form-final h6{
	font-family: 'Saira Condensed Condensed'!important;
	color: var(--azul);
	font-size:19px;
}
.formulario .form-final h5{
	font-family: 'Arial Bold';
	color: var(--azul);
	font-size:16px;
	float:right;
}
.formulario .form-final span{
	font-family: 'Arial Bold';
	color: var(--azul);
	font-size:15px;
	background: var(--blanco);
	padding: 10px 50px 10px 50px!important;
}

.formulario .form-final .seleccion-cursos{
	font-family: 'Arial';
	color: var(--azul);
	font-size:16px;
}
.formulario .formulario-ok{
	
}
.formulario .formulario-ok h1{
	font-family: 'Saira Condensed Condensed';
	color: var(--azul);
	font-size: 35px;
	text-transform: uppercase;
	padding-top:10px;
	margin-bottom:20px;
}
.formulario .formulario-ok p{
	font-family: 'Arial';
	color: var(--negro);
	font-size:17px;
}
.formulario .formulario-ok p a{
	font-family: 'Arial Bold';
	color: var(--azul);
	font-size:17px;
	text-decoration:underline!important;
}
.formulario .formulario-ok p a:hover{
	color: var(--verdec);
	text-decoration:underline!important;
}


.contacto{
	margin:50px 0px 50px 0px;
}
.contacto p{
	font-family: 'Arial';
	color: var(--negro);
	font-size:19px;
	margin-top:25px;
}
.contacto a{
	font-family: 'Arial Bold';
	color: var(--negro);
	font-size:19px;
	text-decoration: none;
}
.contacto a:hover{
	color: var(--verdec);
	text-decoration: none;
}

/* Btns */
.btn-verdec { 
	font-family: 'Saira Condensed Medium';
	color: var(--verdec)!important;
	font-size:30px;
	background-color: #transparent!important; 
	border-color: var(--verdec)!important;
	width: 240px;
	border-radius:none!important;
} 
 
.btn-verdec:hover, 
.btn-verdec:focus, 
.btn-verdec:active, 
.btn-verdec.active, 
.open .dropdown-toggle.btn-verdec { 
	color: var(--verdec)!important;
	background-color: #transparent!important;
	border-color: var(--verdec)!important;
} 
.btn-verdec:hover, .btn-verdec:active { 
	background-color: #transparent!important;
	border-color: var(--blanco)!important;
	color: var(--blanco)!important;
}
.btn-verdec .badge { 
	color: var(--blanco)!important;
	border-color: var(--verdec)!important;
	background-color: #transparent!important;
}

.btn-celeste  {
	font-family: 'Saira Condensed Condensed';
	color: var(--blanco )!important;
	font-size:27px;
	background-color: var(--celeste)!important; 
	border-color: var(--celeste )!important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 100%;
	--bs-btn-line-height: 20px!important;
} 
 
.btn-celeste:hover, .btn-celeste:active { 
	background-color: var(--verdec)!important;
	border-color: var(--verdec)!important;
	color: var(--blanco)!important;
}
.btn-celeste  .badge { 
	color: var(--blanco)!important;
	border-color: var(--verdec)!important;
	background-color: var(--verdec)!important;
}

/* Btns */

.footer{
	font-family: 'Saira Condensed Light';
}
.footer h5{
	color: var(--blanco);
	font-size:25px;
}
.footer h5 a{
	text-decoration:none;
	color: var(--blanco);
}
.footer h5 a:hover{
	text-decoration:none;
	color: var(--verdec);
}


/* Propios */
.mt-6{
	margin-top: 5rem !important;
}
@media only screen and (max-width: 1366px) {
	.header h1 {
		width: 22%;
	}
}

@media only screen and (max-width: 900px) {
	.header.fnd1{
		background-size: cover!important;
	}
	.header.fnd2{
		background-size: cover!important;
	}
	.header.fnd3{
		background-size: cover!important;
	}
	.header h1 {
		font-size: 45px;
		width: 90%;
	}
}
@media only screen and (max-width: 768px) {
	.navbar{
		padding-right: 1rem;
		padding-left: 1rem;
	}
	.navbar img{
		height:30px;
	}
	.header .inscripcion h3 {
		font-size: 23px;
    }
	
	
	.formulario .col-md-6.form {
		flex: 0 0 auto;
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	.header h1 {
		font-size: 30px;
		width: 100%;
	}
	.header h2 {
		font-size: 52px;
	}
	.header h3 {
		font-size: 44px;
	}
	.header .programacion h2 {
		font-size: 46px!important;
	}
	.header h5 {
		font-size: 24px;
		padding: 2px 6px 2px 6px;
		width: 140px;
	}
	.home1 .symbol {
		background-position: 15% 10px;
	}
	.home1 h2 {
		font-size: 30px;
		margin-left:40%;
	}
	.home1 h6 {
		font-size: 30px;
		margin-top: 17px;
	}
	.home1 p {
		font-size: 16px;
	}
	.home2 {
		margin: auto;
	}
	.home2 h1 {
		font-size: 35px;
	}
	.home2 .card h5 {
		height: 70px;
	}
	.home2 .card h6 {
		font-size: 20px;
		width: 140px;
	}
	.home2 .card p {
		font-size: 21px;
	}
	.home2 .card .card-body .btn-celeste{
		width: 85%;
	}
	.curso-info h4 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.curso-info p {
		font-size: 17px;
		line-height: 1.2;
	}
	.formulario label {
		font-size: 15px;
	}
	.formulario h3 {
		font-size: 24px;
		padding: 5px 10px 5px 10px;
		width: 265px;
	}
	.formulario .form .titulo h5 {
		font-size: 17px;
        padding-top: 10px;
		padding-left: 0px;
	}
	.formulario .form label {
		font-size: 13px;
	}
	.formulario .form .col-3{
		font-size:13px;
	}
	.contacto {
		margin: 20px 0px 20px 0px;
	}
	.contacto p {
		font-size: 16px;
	}
	.contacto a {
		font-size: 18px;
	}
	.footer h5 {
		font-size: 23px;
	}
	.footer .redes img{
		width: 40px;
	}
}	
@media only screen and (max-width: 400px) {
	.top h6 {
		font-size: 17px;
	}
}
@media only screen and (max-width: 320px) {
	.top h6 {
		font-size: 14px;
	}
}