body{
    font-size: 16px;
}

/* PALETA DE COLORES */
.Fondo1{background-color: #102D69;}
.Fondo2{background-color: #56acde;}
.Fondo3{background-color: #e8a826;}
.Fondo4{background-color: #282828;}
.Color1{color: #102D69!important;}
.Color2{color: #56acde!important;}
.Color3{color: #e8a826!important;}
.Color4{color: #282828!important;}


/* Circulo */
.circulo {
	box-shadow: rgb(0 0 0 / 20%) 0px 1px 4px 0px;
    width: 50px;
    height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E8A826;
    color: #000!important;
    font-weight: bold;
}
/* Circulo */

.bordesslide{
	border: solid 2px #e8a826;
	border-radius: 5px;
}

/* Inicio background colors */
.background1{
	background-color: #E8A826;
	border-radius: 5px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
	display: inline-block;
}
.background2{
	background-color: #56ACDE;
	border-radius: 5px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
	display: inline-block;
}

/* Inicio Divisores */
.divisor1{border-top: solid 1px #102D69;}
.divisor2{border-top: solid 1px #56ACDE;}

/* CuadroDefiniciones */
.titdefiniciones{
	background-color: #E8A826;
	border-radius: 5px 5px 0px 0px;	
}
.bordefiniciones{
	border-radius: 5px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

/*Radio button activo*/
/* .radioActivo{
	background-color: #102D69 !important;
} */
/*Fin radio button activo*/

/*Inicio Tipografia */
h1{font-family: 'Roboto-Black'; color: #333; font-size: 2.5rem;}
h2{font-family: 'Roboto-BoldItalic'; color: #333; font-size: 2.313rem;}
h3{font-family: 'Roboto-Medium'; color: #333; font-size: 2.125rem;}
h4{font-family: 'Roboto-Light'; color: #333; font-size: 1.750rem;}
h5{font-family: 'Roboto-LightItalic'; color: #333; font-size: 1.500rem;}
h6{font-family: 'Roboto-Italic'; color: #333; font-size: 0.875rem;}
p{font-family: 'Roboto-Regular'; color: #333; font-size: 1rem!important;}
.tal{font-family: 'Kalam-2020'; color: #333; font-size: 2.125rem!important; font-weight: bold;}
.txtfiguras{font-size: 0.875rem!important;}
/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	h1{font-size: 1.75rem!important;}
	h2{font-size: 1.625rem!important;}
	h3{font-size: 1.5rem!important;}
	h4{font-size: 1.125rem!important;}
	h5{font-size: 0.875rem!important;}
	h6{font-size: 0.813rem!important;}
	p{font-size: 0.813rem!important;}
	.tal{font-size: 1.25rem!important; font-weight: bold;}

	.BTNSG-SST {
		text-decoration: none!important;
		cursor: pointer;
		box-shadow: rgb(0 0 0 / 20%) 0px 1px 4px 0px;
		width: 20px!important;
		height: 20px!important;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
}
/*Fin Tipografia */

/* Inicio Divisores */
.divisor1{border-top: solid 1px #E8A824!important;}

/*Inicio hipervínculos */
.url a{color: #102D69; text-decoration: underline;}
.url a:hover{color: #102D69; text-decoration: underline; font-weight: bold;}
/*Fin hipervínculos */

/* Inicio Botones */
/*Inicio BotonPrincipal */
.BtnPrincipal { 	
	border: #102D69 2px solid!important;	
	border-radius: 24px!important; 	
	background-color: #E5FCFF!important; 
	color: #102D69!important; 
	font-size: 1rem; 
	font-family: 'Roboto-Bold';
	padding: 15px 30px!important;
}
.BtnPrincipal:hover, .BtnPrincipal:focus, .BtnPrincipal:active, .BtnPrincipal:visited { 
	border: #fff 2px solid!important;
	background-color: #102D69!important; 
	color: #fff!important;
	box-shadow: 2px 2px 8px  #00000066;
}
.BtnPrincipal-desactivado { 	
	border-radius: 24px!important; 	
	background-color: #E5FCFF!important; 
	color: #8F8F8F!important; 
	font-size: 1rem; 
	font-family: 'Roboto-Bold';
	padding: 15px 30px!important;
	cursor: default!important;
}
/*Fin BotonPrincipal */

.linealogoitm { 
	border-left: 2px solid #fff; 
}
.fondoportada { 
	background-color: #0094AF; 
}
.portada .p-conten { 
	display: flex; 
	flex-direction: column; 
	height: 100%; 
	justify-content: center; 
	overflow: hidden; 
	position: relative; 
	text-align: center; 
	width: 100%; 
}
.portada .p-conten img { 
	position: absolute; 
	min-height: 100%; 
	min-width: 100%; 
	z-index: -1; 
}
.lineaPortada { 
	border-top: 2px solid #FFF; 
	width: 50%; 
}
.pportada { 
	color: #fff!important; 
	font-size: 1.375rem!important; 
	text-align: center!important; 
}
.portada .p-conten h6 { 
	position: absolute; 
	color: #fff; 
	font-family: 'Roboto-LightItalic'; 
	font-size: 0.875rem; 
	bottom: 60px; 
	right: 120px; 
}
.portadaEnlace { 
	font-size: 0.875rem; 
	color: #fff!important; 
	text-decoration: underline; 
}
/*Fin Elementos de Contextualización*/

/* Inicio Tablas */
/*Inicio Scroll para las imagenes y tablas en dispositivos*/
.enunciadoFormula{color: #102D69!important; font-weight: bold;}
.formulaScroll { overflow-x: auto;}
.formulaScroll::-webkit-scrollbar { -webkit-appearance: none; }
.formulaScroll::-webkit-scrollbar:vertical { width: 1px; }
.formulaScroll::-webkit-scrollbar:horizontal { height: 11px; width: 1px; }
.formulaScroll::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid white; background-color: #102D69;}
/*Fin Scroll para las imagenes y tablas en dispositivos*/											
.tabla1 .table-bordered{
	border-collapse: separate;
}
.EncabezadoTabla{
	background-color: #102D69;
}
.EncabezadoTabla h5{
	color: #e8a826;
}
.tabla1 .table-bordered tr  td{
	border: #102D69 solid 1px;
}
.bordeiztabla{
border-radius: 5px 0px 0px 0px!important;
}
.bordedertabla{
border-radius: 0px 5px 0px 0px!important;
}	
.bordetoptabla{
border-radius: 5px 5px 0px 0px!important;
}	

.bordesuptabla{
	border-radius: 5px 5px 0px 0px!important;
	}	
/* Inicio Tablas */	


/*Inicio Collapsable*/
.borderinferiorCollapsable{
	border-bottom: 2px solid #fff!important;
	border-top: 0px!important;
	border-left: 0px!important;
	border-right: 0px!important;
}
.shadowCollapsable{
	box-shadow: 2px 2px 8px  #00000066;
	border-radius: 5px!important;
}
.card-header { 
	background-color: #56ACDE!important;
	padding: 0px!important; 
}
.card-header h2 .btn { 
	color: #fff; 
	text-decoration: none; 
	display: inline-block; 
	position: relative; 
	width: 100%; 
	text-align: left; 
	border: solid 0px!important;
}
.card-header.active { 
	background-color: #E8A826!important;
}
.card-header.active h2 .btn{ 
	color: #102D69!important; 
}
.card-header [data-toggle="collapse"]:after { 
	font-family: 'Arroba'; 
	content: "\41"; 
	float: right; 
	font-size: 1.125rem; 
	line-height: 22px; 
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg); 
	-ms-transform: rotate(-90deg); 
	-o-transform: rotate(-90deg); 
	transform: rotate(-90deg);
}
.card-header [data-toggle="collapse"].collapsed:after { 
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg); 
	-ms-transform: rotate(90deg); 
	-o-transform: rotate(90deg); 
	transform: rotate(90deg);  
}
/*Fin Collapsable*/


/* Inicio Tabs */
/*Inicio Cambios en el multitap*/
.borde1tabs{
	border-radius: 10px 0px 0px 0px!important;
}

.shadowTabs{
	background-color: #E5FCFF!important;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	border-radius: 5px;;
}

.fondo-nav-sup { 
	border-radius: 0px 5px 0px 0px;
	background-color: #E5FCFF; 
	border-bottom: 2px solid #E8A826 !important; 	
	border-radius: 5px 5px 0px 0px;
}
.fondo-nav-sup a { 
	font-size: 29px; 
	color: #002B86; 
	font-family: 'Roboto-ThinItalic'; 
	cursor: pointer; 
}

.fondo-nav-sup a:hover { 
	color: #fff; 
	background-color: #002B86; 
	border: none; border-radius: none; 
}

.fondo-nav-content h5 {
	color: #333333!important; 
}

.fondo-nav-sup .nav-link.active { 
	color: #fff!important; 
	background-color: #E8A826!important; 
	border: none!important; 
}

.fondo-nav-sup .nav-link { 
	border-top-left-radius: 0px!important; 
	border-top-right-radius: 0px!important; 
}
/* Fin Tabs */

/*Inicio Bullets */
.Bullets{background-color:#fff; border-radius: 0px;}
.Bullets .slider-prev{width: 10%!important;}
.Bullets .icon-slider{font-size: 25px; background: transparent; opacity: 1;}
.Bullets .icon-slider:hover, .icon-slider:focus, .icon-slider:active, .icon-slider:visited{background: transparent;}
.Bullets .btn-carousel .active {width: 10px!important; height: 10px!important; border-radius: 100%!important; background-color: #E5FCFF !important; border: solid 1px #102D69;}
.Bullets .btn-carousel li {width: 10px!important; height: 10px!important; border-radius: 100%!important; opacity: 1!important; background-color: #102D69!important; border:#102D69 solid 1px;}
/*Fin Bullets */

/*Iconos para Viñetas UL */
.ulcheck-Fin ul { list-style: none; }
.ulcheck-Fin ul li { position: relative; padding-left: 0.4em; }
.ulcheck-Fin ul li:before { font-family: 'icomoon'; content: '\e918'; position: absolute; left: -1em; font-size: 18px;  color: #e8a826;}
/*Fin para Viñetas UL */

/*Inicio Animaciones*/
.animated {animation-duration: 1s; animation-fill-mode: both; }
.timeanime1 {animation-duration: 1s; -webkit-animation-duration: 2s; animation-delay: 1s; -webkit-animation-delay: 1s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }
.timeanime2 {animation-duration: 2s; -webkit-animation-duration: 2s; animation-delay: 2s; -webkit-animation-delay: 2s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }
.timeanime3 {animation-duration: 3s; -webkit-animation-duration: 2s; animation-delay: 3s; -webkit-animation-delay: 3s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }
.timeanime4 {animation-duration: 4s; -webkit-animation-duration: 2s; animation-delay: 4s; -webkit-animation-delay: 4s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }
.timeanime5 {animation-duration: 5s; -webkit-animation-duration: 2s; animation-delay: 5s; -webkit-animation-delay: 5s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }
.timeanime6 {animation-duration: 6s; -webkit-animation-duration: 2s; animation-delay: 6s; -webkit-animation-delay: 6s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }
.timeanime7 {animation-duration: 7s; -webkit-animation-duration: 2s; animation-delay: 7s; -webkit-animation-delay: 7s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }
.timeanime8 {animation-duration: 8s; -webkit-animation-duration: 2s; animation-delay: 8s; -webkit-animation-delay: 8s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }
.timeanime9 {animation-duration: 9s; -webkit-animation-duration: 2s; animation-delay: 9s; -webkit-animation-delay: 9s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }
.timeanime10 {animation-duration: 10s; -webkit-animation-duration: 2s; animation-delay: 10s; -webkit-animation-delay: 10s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }
.timeanime10 {animation-duration: 11s; -webkit-animation-duration: 2s; animation-delay: 11s; -webkit-animation-delay: 11s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }
.timeanime11 {animation-duration: 12s; -webkit-animation-duration: 2s; animation-delay: 12s; -webkit-animation-delay: 12s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }
.timeanime12 {animation-duration: 13s; -webkit-animation-duration: 2s; animation-delay: 13s; -webkit-animation-delay: 13s; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }

.fadeInLeft {animation-name: fadeInLeft; }
@keyframes fadeInLeft { from { opacity: 0; transform: translateX(-60%); } to { opacity: 1; transform: none; } }
.fadeInDown {animation-name: fadeInDown; }
@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -20%, 0); } to { opacity: 1; transform: none; } }
.fadeInRight {animation-name: fadeInRight; }
@keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } }
.fadeInUp {animation-name: fadeInUp; }
@keyframes fadeInUp {from {opacity: 0; transform: translate3d(0, 20%, 0); } to {opacity: 1; transform: none; } } 
.fadeIn {animation-name: fadeIn; }
@keyframes fadeIn {from {opacity: 0; } to {opacity: 1; } }
/*Fin Animaciones*/

/* Animación a los botones en hover */
.btnanimacion{
	cursor: pointer;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    display: inline-block;
  }
  .btnanimacion:hover{
      transform: translate(0, -6px);	
      -webkit-transform: translate(0, -6px);
      -moz-transform: translate(0, -6px);
      -o-transform: translate(0, -6px);
      -ms-transform: translate(0, -6px);	
      opacity: 0.7;
  }
/* Animación a los botones en hover */

/* Grafico SG-SST */
.BTNSG-SST {
	text-decoration: none!important;
	cursor: pointer;
	box-shadow: rgb(0 0 0 / 20%) 0px 1px 4px 0px;
    width: 50px;
    height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E8A826;
    color: #102D69!important;
    font-weight: bold;
}
.BTNSG-SST:hover {
	text-decoration: none!important;
	cursor: pointer;
	box-shadow: rgb(0 0 0 / 20%) 0px 1px 4px 0px;
    width: 50px;
    height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #102D69;
    color: #E8A826!important;
    font-weight: bold;
}
.FondoSG-SST{ position: relative; display: inline-block; text-align: center;}
.BtnFondoSG-SST01{ position: absolute; top: 25%; left: 32.5%; transform: translate(-65%, -50%); }
.BtnFondoSG-SST02{ position: absolute; top: 25%; left: 68.5%; transform: translate(-63%, -50%); }
.BtnFondoSG-SST03{ position: absolute; top: 73%; left: 32.5%; transform: translate(-63%, -50%); }
.BtnFondoSG-SST04{ position: absolute; top: 73%; left: 66.4%; transform: translate(-10%, -50%); }

/* Grafico SG-SST */