@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 */


/*INICIO COLORES TIPOGRAFÍAS 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-corp-90{background: #1947a9;}
.fondo-corp-80{background: #335cb3;}
.fondo-corp-70{background: #4c70bc;}
.fondo-corp-60{background: #6685c6;}
.fondo-corp-50{background: #7f99cf;}
.fondo-corp-40{background: #99add9;}
.fondo-corp-30{background: #b2c1e2;}
.fondo-corp-20{background: #ccd6ec;}
.fondo-corp-10{background: #e5eaf5;}
.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-lila-20{background: #eedcf4;}
.fondo-naranjo{background: #f68d2e;}
.fondo-verde{background: #00c389;}
.fondo-blanco{background: #fff;}
.fondo-negro{background: #000;}

.alto1{
	height: 100px;
}
.alto_50{
	height: 50px;
}
.alto_100{
	height: 100px;
}
.alto_150{
	height: 150px;
}
.alto_120{
	height: 120px;
}
.circle {
    background: lightblue;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
.circle2 {
    background: lightblue;
    border-radius: 50%;
    width: 100px;
    height: 100px;
	object-fit: cover;
}
#imagen_circular {
      float: left;
      width: 150px;
      height: 150px;
	border-radius: 50%;
      shape-outside: url("../paginas/sharkmun_tms/i_prueba.png");
	object-fit: cover;
    }
#lo_pi {
      float: left;
      width: 100px;
      height: 100px;
	border-radius: 50%;
      shape-outside: url( "../paginas/sharkmun_tms/lo/insignia_tms_b.svg");
	object-fit: cover;
    }
.rectangulo1{
	background-color: cadetblue;
	padding: 20px;
}
.rectangulo2{
	background-color:coral;
	height:auto;
}
.pr_1{
	z-index: 20px;
	margin-left: 50px;
	position: absolute;
	width: 200px;
	height: 200px;
}
.pr_2{
	z-index: 0px;
	margin-top: 100px;
	position: relative;
	width:100px;
}
.pr_3{
	z-index: 0px;
	margin-top: -50px;
	position: relative;
}
.pr_4{
	height: 100px;
	border-radius: 20px;
}
.btn_lp {
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;
}
.btn-azul-corp {
  color: #fff;
  background-color: #0033a0;
}
.btn-azul-corp:hover {
  color: #fff;
  background-color: #7f99cf;/*50% color inicial*/
}
.caja1{
	width: 150px;
	height: 150px;
	z-index: 20px;
	margin-top: -40px;
	border-top: solid 10px #FFFFFF;
	border-left: solid 10px #FFFFFF;
	border-right: solid 10px #FFFFFF;
	border-bottom: solid 10px #FFFFFF;
}

.caja1_sm{
	z-index: 20px;
	margin-top: -30px;
	border-top: solid 10px #FFFFFF;
	border-left: solid 10px #FFFFFF;
	border-right: solid 10px #FFFFFF;
	border-bottom: solid 10px #FFFFFF;
}

.caja2{
	width:195px;
	height:195px;
	z-index:20;
	margin-top:-120px;
	margin-left:0px;
	position:absolute;
}

/*TÉRMINO COLORES TIPOGRAFÍAS GENERALES*/
.delgada{font-weight: 400;}

/*INICIO ASOCIACIONES*/
.asociaciones{/*ok*/
	font-size: 20px;
	color: #666;
	line-height: 20px;
	text-align: center;
}
/*.linea_asociaciones{
	border-bottom: solid #0033a0 medium;
	width: 10%;
	margin-left:137px;
	padding: 3px auto;
	margin-bottom: 3px;
}*/
.card_asociaciones{
	/*padding-top:20px;*/
	align-content: center;
}
/*TÉRMINO ASOCIACIONES*/

/*INICIO SLOGAN*/
/*Inicio slogan centrado*/
.card_slogan_solo{
	padding-top:20px;
	align-content: center;
}
.slogan_solo{/*ok*/
	font-size: 20px;
	color: #666;
	line-height: 20px;
	text-align: center;
}
.linea_slogan_solo{/*ok*/
	border-bottom: solid #0033a0 medium; /*color corp*/
	width: 35px;
	margin: auto;
	margin-bottom: 3px;
}
/*Término slogan centrado*/

/*Inicio Slogan compartido*/
.slogan{/*ok*/
	font-size: 20px;
	color: #666;
	line-height: 20px;
	text-align: left;
}
.linea_slogan{/*ok*/
	border-bottom: solid #0033a0 medium; /*color corp*/
	width: 10%;
	margin-left:95px;
	padding: 3px auto;
	margin-bottom: 3px;
}
.card_slogan{
	padding-top:20px;
	align-content: center;
}
.card_slogan_welcome{
	padding-top:40px;
	align-content: center;
}
/*Término Slogan compartido*/
/*TÉRMINO SLOGAN*/
.linea_gris{
	border-bottom: 1px solid #c7c7c7;
	width: 100%;
	margin: auto;
	padding: 3px;
}
.titulo_secciones{
	font-weight: 600;
	font-size: 30px;
	color: #00369d;
}
.subtitulo_secciones{
	font-size: 18px;
	letter-spacing: 0.5px;
	color: #666;
	font-weight: normal;
	padding-top: 5px;
}
.subtitulo_secciones_linea{
	font-size: 18px;
	letter-spacing: 0.5px;
	color: #666;
	font-weight: normal;
	padding-top: 5px;
	border-bottom: 1px solid #c7c9c7;
}

.subtitulo_secciones_linea_2{
	font-size: 16px;
	letter-spacing: 0.2px;
	color: #666;
	font-weight: normal;
	padding-top: 5px;
	border-bottom: 1px solid #c7c9c7;
}

.parrafo{
	font-size: 15px;
	line-height: 25px;
	color: #666;
	/*padding-top: 5px;*/
}
/*inicio veremos si va*/
.parrafo a{
	color: #0033a0;
}
.parrafo ul{
	color:green;
	
}
.parrafo li{
	font-size: 15px;
	line-height: 25px;
	color: #666;
	padding-top: 10px;
	margin-left: 20px;
	padding-left: 2px;
	list-style:disc;
}
.parrafo_li li{
	font-size: 15px;
	line-height: 25px;
	color: #666;
	padding-top: 10px;
	margin-left: 30px;
	padding-left: 2px;
	list-style:disc;
}
/*término veremos si va*/

.parrafo_2{
	font-size: 14px;
	line-height: 25px;
	color: #666;
}
.parrafo_2_valores{
	font-size: 14px;
	line-height: 20px;
	color: #666;
}
.parrafo_2_sep{
	font-size: 14px;
	line-height: 25px;
	color: #666;
	padding-top: none;
}
.parrafo_2 ul{
	color:#666;
}
.parrafo_2 li{
	/*padding-top: 10px;*/
	margin-left: 20px;
	padding-left: 2px;
	line-height: 25px;
	list-style:disc;
}
.parrafo_2 li a{
	/*padding-top: 10px;*/
	color: #0000ee;
}
.parrafo_2 li a:active{
	/*padding-top: 10px;*/
	color: #0000ee;
}
.parrafo_2 li a:visited{
	/*padding-top: 10px;*/
	color: #0000ee;
}

.parrafo_2 a{
	/*padding-top: 10px;*/
	color: #0000ee;
}
.parrafo_2 a:active{
	/*padding-top: 10px;*/
	color: #0000ee;
}
.parrafo_2 a:visited{
	/*padding-top: 10px;*/
	color: #0000ee;
}

.parrafo_destacados_int{
	font-size: 16px;
	line-height: 30px;
	color: #666;
}
.parrafo_destacados_fecha{
	font-size: 15px;
	line-height: 30px;
	color: #0033a0;
}
.parrafo_3{
	/*letter-spacing: 0.5px;*/
	font-weight: 500;
	font-size: 15px;
	line-height: 25px;
	color: #0033a0;
}
.parrafo_4{
	font-weight:500;
	font-size: 15px;
	line-height: 25px;
	color: #555;
}

.sub_titulo_foto{
	font-size: 16px;
	letter-spacing: 0.5;
	color: #666;
}
.titulo_foto{
	font-size: 30px;
	font-weight: 600;
	color: #0033a0;
}
.fecha_foto{
	font-size: 15px;
	color: #666;
	font-style: italic;
}
.superindice{
	letter-spacing: 0.8;
}
/*INICIO TIPOGRAFÍAS ACCORDIONS*/
/*inicio tipografía general_acordion*/
.lista_accordion{
	font-size: 14px;
	line-height: 25px;
	color: #666;
}
.lista_accordion ul{
	color:#0033a0;
	font-size: 14px;
	font-weight: 500;
}
.lista_accordion li{
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #666;
	margin-left: 25px;
	padding-left: 0px;
	list-style:disc;
}
.lista_accordion li a{
	color: #666;
	text-decoration: none;
	padding-left: 5px;
	line-height: 25px;
}
/*.lista_accordion li a li a{
	color: green;
	text-decoration: none;
	padding-left: 5px;
}*/
/*término tipografía general_acordion*/

/*inicio tipografía informativos*/
.informativo{
	font-size: 14px;
	line-height: 25px;
	color: #666;
}
.informativo ul{
	color:#0033a0;
	font-size: 14px;
	font-weight: 500;
}
.informativo li{
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: #666;
	margin-left: 25px;
	padding-left: 0px;
	list-style:disc;
}
.informativo li a{
	color: #666;
	text-decoration: none;
	padding-left: 5px;
	line-height: 25px;
}
.informativo li a li a{
	color: green;
	text-decoration: none;
	padding-left: 5px;
}
/*término tipografía informativos*/


/*inicio tipografía card staff*/
.parrafo_staff_cond{
	font-size: 12px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #555;
}
.parrafo_staff_cond_13{
	font-size: 13px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #555;
}
.parrafo_staff_cond_12{
	font-size: 12px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #555;
}
.parrafo_staff_cond_12o{
	font-size: 12px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #555;
}
.parrafo_staff_cond_11{
	font-size: 11px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #555;
}
.parrafo_staff_cond_a{
	font-size: 12px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #555;
}
.parrafo_staff_cond_gk{
	font-size: 12px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #666;
}
.parrafo_staff_cond_gk2{
	font-size: 12px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #555;
}
.parrafo_staff_cond_gt{
	font-size: 11px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #666;
}
.parrafo_staff{
	font-size: 13px;
	line-height: 20px;
	color: #666;
}
.parrafo_staff_g{
	font-size: 13px;
	line-height: 20px;
	color: #666;
}
.parrafo_mail_cond_g1{
	font-size: 11px;
	font-stretch:ultra-condensed;
	font-weight:lighter;
	line-height: 20px;
	color: #666;
}
.parrafo_mail_cond_2{
	font-size: 10px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #666;
}
.parrafo_mail_12{
	font-size: 12px;
	line-height: 20px;
	color: #666;
}
.parrafo_mail_11{
	font-size: 11px;
	line-height: 20px;
	color: #666;
}
.parrafo_mail_10{
	font-size: 10px;
	line-height: 20px;
	color: #666;
}
/*término tipografía card staff*/

/*inicio tipografía contents evaluations*/
.titulo_content_test{
	font-weight: 400;
	font-size: 15px;
	color: #444;
	padding: 10px;
	margin:0;
}
.parrafo_content_test{
	padding: 0 5px 10px 5px;/*padding: 10px 5px;*/
	font-size: 14px;
	/*line-height: 10px;*/
	color: #666;
	/*padding-top: 5px;*/
}
.parrafo_content_test ul{
	color:#0033a0;
	font-size: 14px;
	font-weight: 500;
	/**/padding-top: 15px;
	
}
.parrafo_content_test li{
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #666;
	padding-top: 5px;
	margin-left: 20px;
	padding-left: 0px;
	list-style:disc;
}
.parrafo_content_test li a{
	color: #666;
	text-decoration: none;
}
/*término tipografía contents evaluations*/
.parrafo_birth{
	/*padding: 0 5px 10px 5px;/*padding: 10px 5px;*/
	font-size: 12px;
	margin-left: 10px;
	/*line-height: 10px;*/
	color: #666;
	/*padding-top: 5px;*/
}
.parrafo_birth ul{
	font-stretch:ultra-condensed;
	font-weight: lighter;
	color:#0033a0;
	font-size: 12px;
	font-weight: 500;
	/**/padding-top: 15px;
	
}
.parrafo_birth li{
	font-size: 12px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 18px;
	font-weight: 400;
	color: #666;
	padding-top: 5px;
	/*margin-left: 20px;*/
	/*padding-left: 10px;*/
	margin-left: 10px;
	list-style:disc;
}




/*inicio tipografía políticas y reglamentos*/
.parrafo_accordion{
	padding: 0 5px 10px 5px;/*padding: 10px 5px;*/
	font-size: 16px;
	color: #666;
}
.parrafo_accordion ul{
	color:#0033a0;
	font-size: 16px;
	font-weight: 500;
	padding-top: 0px;
}
.parrafo_accordion li{
	line-height: 24px;
	font-weight: 400;
	color: #666;
	padding-top: 5px;
	margin-left: 20px;
	padding-left: 0px;
	list-style:disc;
}
.parrafo_accordion li a{
	color: #666;
	text-decoration: none;
}
/*término tipografía políticas y reglamentos*/
/*TÉRMINO TIPOGRAFÍAS ACCORDIONS*/



@media screen and (max-width: 576px){
	.slogan{/*ok*/
	font-size: 20px;
	text-align: center;
	}
	.linea_slogan{
	/*margin-left:200px;
	padding: 3px auto;
	margin-bottom: 3px;*/
		margin: 3px auto;
	}
	.card_slogan{
	padding-top:0;
		padding-bottom: 10px;
	}
	.card_slogan_welcome{
	padding-top:0px;
}
	.parrafo_mail_12{
	font-size: 11px;
	line-height: 20px;
	color: #666;
}
	.parrafo_mail_11{
	font-size: 10px;
	line-height: 20px;
	color: #666;
}
.parrafo_staff_cond{
	font-size: 11px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #555;
}
	.parrafo_staff_cond_13{
	font-size: 12px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #555;
}
.parrafo_staff_cond_12{
	font-size: 11px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #555;
}

.parrafo_staff_cond_11{
	font-size: 10px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #555;
}
	.parrafo_staff_cond_a{
	font-size: 10px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #555;
}
	.parrafo_staff_cond_g{
	font-size: 11px;
	font-stretch:ultra-condensed;
	font-weight: lighter;
	line-height: 20px;
	color: #666;
}

}