@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Kalam:wght@300;400;700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Vujahday+Script&display=swap&family=Handlee&display=swap');
/* CSS Document */

*{
	margin:0px;
	padding: 0; /*original 0:*/
	box-sizing: border-box;
	font-family: 'Hind', 'Handlee', sans-serif;
}
img{
	vertical-align: top;
	width:100%;
	height: auto;
}

/*INICIO COLORES GENERALES*/
.corp{color: #0033a0;}
.azul-oscuro{color: #1b365d;}
.gris-perla{color: #c7c9c7;}
.gris-oscuro{color: #9ea2a2;}
.rojo{color: #ff585d;}
.turquesa{color: #2ad2c9;}
.lila{color: #ac4fc6;}
.naranjo{color: #f68d2e;}
.verde1{color: #00c389;}
.blanco{color: #fff;}
.negro{color: #000;}

.fondo-corp{background: #0033a0;}
.fondo-azul-oscuro{background: #1b365d;}
.fondo-gris-perla{background: #c7c9c7;}
.fondo-gris-oscuro{background: #9ea2a2;}
.fondo-rojo{background: #ff585d;}
.fondo-turquesa{background: #2ad2c9;}
.fondo-lila{background: #ac4fc6;}
.fondo-naranjo{background: #f68d2e;}
.fondo-verde{background: #00c389;}
.fondo-blanco{background: #fff;}
.fondo-negro{background: #000;}


/*TÉRMINO COLORES GENERALES*/
.boton_t{
	font-family:'Handlee';
	display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 10px 25px;
	font-family:'Hind', sans-serif;
  font-size: 16px;
  border-radius: 20px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.boton_m{
	font-family: 'Noto Sans', sans-serif;
	background: #fefefe;
	border: 1px solid #cacaca;
	cursor: pointer;
	color: #999;
	display: inline-block;
	padding: 5px 5px;
	border-radius: 10px;
	text-align: center;
	transition: .03s ease all;
	box-shadow: 5px 10px 20px #e9e9e9 inset;
}
.boton_m:hover{
	background: rgba(0,0,0, 0.1);
}
.boton_m a{
	text-decoration: none;
	font-family: 'Noto Sans', sans-serif;
	font-size: 14px;
	color: #666;
}
.boton.verde{
	background: rgb(0, 160,74);
}

/*INICIO BOTONES 5*/
#icono-infant5:hover{content: url("../img/iconos/no/junior_2.svg")}
#icono-junior5:hover{content: url("../img/iconos/no/junior_2.svg")}
#icono-middle5:hover{content: url("../img/iconos/no/middle_2.svg")}
#icono-senior5:hover{content: url("../img/iconos/no/senior_2.svg")}
.btn-secciones5{
	color:#777;
	font-size: 15px;
	cursor: pointer;
	border:none;
	background: white;
	background-position:center;
	padding-bottom: 30px;
}
.btn-secciones5:hover{color:red;}
.espacio-btn-15{padding-top: 15px;}
.espacio-btn-20{padding-top: 20px;}
/*TÉRMINO BOTONES 5*/


/*INICIO BOTONES NUEVA*/
#btn-infant:hover{content: url( "../img/iconos/infant_junior_section_h.svg")}
/*#btn-junior:hover{content: url( "../img/iconos/boton_junior_section_h.svg")}*/
#btn-middle:hover{content: url( "../img/iconos/middle_section_h.svg")}
#btn-senior:hover{content: url( "../img/iconos/senior_section_h.svg")}

.btn-secciones{
	cursor: pointer;
	border:none;
	background: white;
	background-position:center;
}


#btn-menu-staff:hover{content: url( "../img/iconos/boton_infant_section_h.svg")}
#btn-menu-evaluations:hover{content: url( "../img/iconos/boton_evaluation_h.svg")}
#btn-menu-content:hover{content: url( "../img/iconos/boton_middle_section_h.svg")}
#btn-menu-myp:hover{content: url( "../img/iconos/boton_senior_section_h.svg")}

.btn-menu-secciones{
	cursor: pointer;
	border:none;
	background: white;
	background-position:center;
	padding-top: 5px;
	
}
/*TÉRMINO BOTONES 5*/

/*INICIO BOTONES MENÚ SECCIONES*/
.btn-ancho {/*btn-menu-seccciones*/
	width: 100%;
  	font-weight: 300;
  	color: #1b365d;
  	text-align:center;
  	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;  
	border:none;
	font-family:'Hind', sans-serif;
  	font-size: 16px;
	line-height: 18px;
	padding: auto;
	margin: auto;
  	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-ancho-2 {/*btn-menu-seccciones*/
	width: 100%;
	height:100px;
	font-family: 'Handlee';
  	font-weight: 300;
  	color: #ffffff;
  	text-align:center;
  	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;
	border:none;
  	font-size: 24px;
	line-height: 18px;
	padding: auto;
	margin: auto;
	border-radius: 20px;
  	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-ancho_k {/*btn-menu-seccciones*/
  	font-weight: 300;
  	color: #1b365d;
  	text-align:right;
  	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;  
	border:none;
	font-family:'Hind', sans-serif;
  	font-size: 16px;
	line-height: 18px;
	padding-left: 20px;
	/*margin: auto;*/
  	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-ancho_k-p {/*btn-menu-seccciones*/
  	font-weight: 300;
  	color: #1b365d;
  	text-align:right;
  	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;  
	border:none;
	font-family:'Hind', sans-serif;
  	font-size: 16px;
	line-height: 18px;
	padding-left: 20px;
	/*margin: auto;*/
  	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-kazan {/*btn-menu-seccciones*/
  	font-weight: 100;
  	color: #1b365d;
  	text-align:right;
  	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;  
	border:none;
	font-family:'Hind', sans-serif;
  	font-size: 16px;
	line-height: 18px;
  	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.card-kazan{
	border-left: 2px solid green;
	text-align: right;
	background: grey;
	width:100%;
	/*margin: 0;*/
}
.linea-kazan{
	border-left: 2px solid green;
	text-align: right;
	font-size: 16px;
}
.linea-kazan-2{
	font-size: 16px;
}
.linea-taiga{
	border-left: 2px solid green;
	text-align: right;
	font-size: 16px;
}

.btn-menu-secciones {/*btn-me-2*/
	color: #666;
}
.btn-menu-secciones:hover {
	color: #1b365d;
	font-weight: 500;
}
.btn-menu-secciones_active {
	color: #1b365d;
	font-weight: 600;
}
/*INICIO BOTONES MENÚ SECCIONES*/


/*INICIO BOTONES EVALUACIONES*/
.btn_evaluation {
	display: inline-block;
	width: 100%;
  	font-weight: 300;
  	color: #212529;
  	text-align:center;
 	 text-decoration: none;
  	vertical-align: middle;
  	cursor: pointer;
  	-webkit-user-select: none;
 	-moz-user-select: none;
  	user-select: none;
  	background-color: transparent;
 	border: 1px solid transparent;
	font-family:'Hind', sans-serif;
  	font-size: 18px;
	padding: 10px 0px 10px 0px;
	line-height: 30px;
	border-radius: 30px;
  	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-azul-corp-20 {
	color: #003366;
  	background-color: #ccd6ec;
}
.btn-azul-corp-20:hover {
  	color: #003366;
  	background-color: #b2c1e2;
}
.btn-gris-perla {
	color: #444;
  	background-color: #c7c9c7;
}
.btn-gris-perla:hover {
  	color: #fff;
  	background-color: #9ea2a2;
}
/*TÉRMINO BOTONES EVALUACIONES*/


/*INICIO BOTONES SECCIONES WELCOME*/
.btn_secciones_welcome {
	display: inline-block;
	width: 100%;
  	font-weight: 500;
  	color: #212529;
  	text-align:center;
 	 text-decoration: none;
  	vertical-align: middle;
  	cursor: pointer;
  	-webkit-user-select: none;
 	-moz-user-select: none;
  	user-select: none;
  	background-color: transparent;
 	border: 1px solid transparent;
	font-family:'Hind', sans-serif;
  	font-size: 18px;
	padding: 10px 0px 10px 0px;
	line-height: 30px;
	border-radius: 20px;
  	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn_secciones_welcome a{
	text-decoration: none;
	color: #1b365d;
}
.btn-sec_wel {
	color: #003366;
  	background-color: #ccd6ec;
	margin-top: 30px;
	font-size: 18px;
	line-height: 20px;
}
.btn-sec_wel:hover {
  	color: #003366;
  	background-color: #b2c1e2;
}
.texto_interior_btn_sec_wel{
	font-size: 14px;
	line-height: 14px;
	font-weight: 300;
	color: #1b365d;
}
.card_icono_sec_wel{
	width: 50px;
	margin-top: -35px;
	margin-bottom: 10px;
}
/*TÉRMINO BOTONES SECCIONES WELCOME*/

/*INICIO BOTONES FORMACIÓN WELCOME*/
.btn_ancho_formacion {
  display: inline-block;
	width: 100%;
  font-weight: 300;
  /*line-height: 1.5;*/
  color: #212529;
  text-align: left;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 5px 0px 5px 0px;
	font-family:'Hind', sans-serif;
  font-size: 15px;
	line-height: 40px;
	border-radius: 30px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.card_icono_btn{
	width: 60px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	/*border: 1px solid #000;*/
}
.btn_icono_formacion_w {
  color: #003366;
  background-color: #ccd6ec;
}
.btn_icono_formacion_w:hover {
  color: #003366;
  background-color: #b2c1e2;
}
/*TÉRMINO BOTONES FORMACIÓN WELCOME*/

/*INICIO BOTONES PRE-DETERMINADOS*/
/*inicio botones gris perla*/
.btn-gris-perla-50 {color: #999999; background-color: #e3e4e3;}
.btn-gris-perla-50:hover{color: #666; background-color: #d2d4d2;}
/*término botones gris perla*/