:root {
    --color-primario: #1825AA;
	--color-primario-hover:#002D74;
    --color-secundario: #00C4B3;
	--color-secundario-hover: #0ea593;
	
}

.color1 {color: var(--color-primario) !important;}
.color2 {color: var(--color-secundario) !important;}
.bkcolor1 { background-color:  var(--color-primario) }
.bkcolor2 { background-color:  var(--color-secundario) }
.blanco {color: #fff !important;}
.w900 {font-weight: 900;}
.upper { text-transform: uppercase}
.txt18 {font-size: 18px;}


/*ocultar y mostrar*/
.ocultarpc 	{display:none !important }/*se oculta en pc y se muestra en el movil*/
.ocultarmovil { display:block !important}/*se muestra en pc y se oculta en el movil*/

.triang {width: 0;  height: 0;  border-left: 290px solid var(--color-secundario); border-top: 0px solid transparent; border-bottom: 290px solid transparent; position: fixed; top:0; left: 0; z-index: 99999;}
.trianglogo {position: fixed; top:1em; left:1em; z-index: 999999;}
.trianglogo img { width: 40%; padding:1em 0 0 1em  }

/*banner*/
.txtmain { color:#fff; font-size: 70px;  line-height: 40px; margin: 0px; font-weight: 600 }
.txtmain span { color: var(--color-secundario); font-size: 30px;  }
.txt1{ width: 40%; }
.txt1 p { color:#fff; white-space:normal !important; font-size: 16px  }
.txt2{ width: 60% !important;  }

.cuerpo {color: var(--color-primario); line-height: 30px;  margin: 0 0 20px 58px; font-size: 1.5em; padding: 0px}
.cuerpocenter {color: var(--color-primario); line-height: 30px;  margin: 0 0 20px 0px; font-size: 1.5em; padding: 0px}
.titular {color: var(--color-primario); font-size: 2.6em; margin: 0 0 10px 0; padding: 0px}
.titular2 {color: var(--color-secundario); font-size: 3em; margin: 0 0 30px 0; padding: 0px; font-weight: 900;}


.piedestacado { background-color:  var(--color-secundario);   margin: 0px; padding: 1em; text-align: center; }
.pietxt  { color: #fff; font-size: 2em; text-align: center; line-height: 30px;  font-weight: 900;  padding: 1em 0;}

.funcion-title { color: var(--color-secundario); font-size: 18px; font-weight: 900;  margin: 0px; }
.funcion-p  {   color:var(--color-primario);  line-height: 18px; margin: 0 0 15px 0; }
.funcion-box { min-height: 160px; margin-bottom: 5px; border-bottom-style: solid; border-bottom-color:var(--color-primario); border-bottom-width: 1px; }
.funcion-box img { width: 25%; padding-bottom: 5px; padding-top: 1em}
.img-tel { max-width: 100%; height: auto; }

.bkcapac {background: transparent url(../img/imgCapacitaciones.png) center no-repeat; background-size: cover; padding: 2em 0}
.borde_r_blanco { border-right-width: 1px; border-right-color: #fff; border-right-style: solid}
.divcapac { float: left; width: 30%}
.divcapac img { width: 40%;  }
.divcapac p { font-size: 18px; font-weight: 900; color: #fff }
.divcapac a { color: #fff; text-decoration: none }
.divcapac a:hover {color: var(--color-secundario);}

.pfooter p { font-size: 18px; color: #fff; text-align: right}
.redesfooter  { text-align: right}
.redesfooter img { width: 42px;  }
.redesfooter img:hover { background-color: var(--color-primario);  -webkit-border-radius: 50%; -o-border-radius:50%; -ms-border-radius:50%;  -moz-border-radius: 50%; 	border-radius: 50% }



/*boton*/
.btn1 {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 800;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 10px;
  min-width: 180px;
  font-size: 22px;  
  line-height: 1.428571429;
   -webkit-border-radius: 1em; -o-border-radius:1em; -ms-border-radius:1em;  -moz-border-radius: 1em; 
	border-radius: 1em; 
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

a.btn1 {text-decoration: none; padding: 8px 30px; }

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;}

@media (max-width: 1150px) {
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 6px;}
}	
/*BreakPoint*/	
@media (max-width: 991px) {
.ocultarpc 	{display:block !important }/*se MUESTRA en el movil*/
.ocultarmovil { display:none !important;}/*se OCULTA en el movil*/

.funcion-box { min-height: 100px; text-align: center; }
.funcion-box img { width: 10%; }
.img-tel { max-width: 45%;  }

.pfooter p { text-align: left}
.redesfooter  { text-align: left}
}
@media (max-width: 800px) {
/*banner*/
.txtmain { font-size: 55px;  line-height: 30px; }
.txtmain span { font-size: 26px;  }
.txt1 p { font-size: 16px; line-height: 18px; }
}

@media (max-width: 700px) {
/*banner*/
.txtmain { font-size: 35px;  line-height: 24px; }
.txtmain span { font-size: 16px; }
.txt1{ width: 45%; }
.txt1 p { font-size: 14px; line-height: 16px; }
.logofooter	img { width: 160px; }
}

@media (max-width: 550px) {
	/*banner*/
.txtmain { font-size: 25px;  line-height: 20px;  }
.txtmain span { font-size: 14px; }
.txt1{ width: 50%; }
.txt1 p { font-size: 11px; line-height: 14px; margin: 0px; }
.txt2{ width: 50% !important;  }	
}

@media (max-width: 500px) {
.borde_r_blanco { border:none}
.divcapac p { font-size: 14px; font-weight: 600;}
.titular2 { font-size: 2em; margin: 0 0 15px 0; }

.cuerpo {line-height: 18px;  font-size: 1em; }
.cuerpocenter {line-height: 18px;   font-size: 1em;}
.titular { font-size: 1.6em; margin: 0px; padding: 0px}

.pietxt  { font-size: 1.5em; line-height: 24px;  padding: 0.5em 0 0 0;}
.btn1 {  min-width: 150px;  font-size: 18px; }

}

@media (max-width: 479px) {
  .hiddenmovil { visibility: hidden;  display: none; }

}