@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

@media (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
#cabecera {
    min-height: 30px !important;
}
.grid-container:before, .grid-5:before, .mobile-grid-5:before, .grid-10:before, .mobile-grid-10:before, .grid-15:before, .mobile-grid-15:before, .grid-20:before, .mobile-grid-20:before, .grid-25:before, .mobile-grid-25:before, .grid-30:before, .mobile-grid-30:before, .grid-35:before, .mobile-grid-35:before, .grid-40:before, .mobile-grid-40:before, .grid-45:before, .mobile-grid-45:before, .grid-50:before, .mobile-grid-50:before, .grid-55:before, .mobile-grid-55:before, .grid-60:before, .mobile-grid-60:before, .grid-65:before, .mobile-grid-65:before, .grid-70:before, .mobile-grid-70:before, .grid-75:before, .mobile-grid-75:before, .grid-80:before, .mobile-grid-80:before, .grid-85:before, .mobile-grid-85:before, .grid-90:before, .mobile-grid-90:before, .grid-95:before, .mobile-grid-95:before, .grid-100:before, .mobile-grid-100:before, .grid-33:before, .mobile-grid-33:before, .grid-66:before, .mobile-grid-66:before, .clearfix:before,
.grid-container:after,
.grid-5:after,
.mobile-grid-5:after,
.grid-10:after,
.mobile-grid-10:after,
.grid-15:after,
.mobile-grid-15:after,
.grid-20:after,
.mobile-grid-20:after,
.grid-25:after,
.mobile-grid-25:after,
.grid-30:after,
.mobile-grid-30:after,
.grid-35:after,
.mobile-grid-35:after,
.grid-40:after,
.mobile-grid-40:after,
.grid-45:after,
.mobile-grid-45:after,
.grid-50:after,
.mobile-grid-50:after,
.grid-55:after,
.mobile-grid-55:after,
.grid-60:after,
.mobile-grid-60:after,
.grid-65:after,
.mobile-grid-65:after,
.grid-70:after,
.mobile-grid-70:after,
.grid-75:after,
.mobile-grid-75:after,
.grid-80:after,
.mobile-grid-80:after,
.grid-85:after,
.mobile-grid-85:after,
.grid-90:after,
.mobile-grid-90:after,
.grid-95:after,
.mobile-grid-95:after,
.grid-100:after,
.mobile-grid-100:after,
.grid-33:after,
.mobile-grid-33:after,
.grid-66:after,
.mobile-grid-66:after,
.clearfix:after {
  content: ".";
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.grid-container:after, .grid-5:after, .mobile-grid-5:after, .grid-10:after, .mobile-grid-10:after, .grid-15:after, .mobile-grid-15:after, .grid-20:after, .mobile-grid-20:after, .grid-25:after, .mobile-grid-25:after, .grid-30:after, .mobile-grid-30:after, .grid-35:after, .mobile-grid-35:after, .grid-40:after, .mobile-grid-40:after, .grid-45:after, .mobile-grid-45:after, .grid-50:after, .mobile-grid-50:after, .grid-55:after, .mobile-grid-55:after, .grid-60:after, .mobile-grid-60:after, .grid-65:after, .mobile-grid-65:after, .grid-70:after, .mobile-grid-70:after, .grid-75:after, .mobile-grid-75:after, .grid-80:after, .mobile-grid-80:after, .grid-85:after, .mobile-grid-85:after, .grid-90:after, .mobile-grid-90:after, .grid-95:after, .mobile-grid-95:after, .grid-100:after, .mobile-grid-100:after, .grid-33:after, .mobile-grid-33:after, .grid-66:after, .mobile-grid-66:after, .clearfix:after {
  clear: both;
}

.grid-container, .grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66, .clearfix {
  /* <IE7> */
  *zoom: 1;
  /* </IE7> */
}

.grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  padding-left: 10px;
  padding-right: 10px;
}

.grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  /* <IE7> */
  *padding-left: 0;
  *padding-right: 0;
  /* </IE7> */
}
.grid-5 > *, .mobile-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .grid-66 > *, .mobile-grid-66 > * {
  /* <IE7> */
  *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
  *margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
  /* </IE7> */
}

.grid-parent {
  padding-left: 0;
  padding-right: 0;
}

.height-5{
    height: 5px;
}
.height-10{
    height: 10px;
}
.height-15{
    height: 15px;
}
.height-20{
    height: 20px;
}
.height-25{
    height: 25px;
}
.height-30{
    height: 30px;
}
.height-35{
    height: 35px;
}
.height-40{
    height: 40px;
}
.height-45{
    height: 45px;
}
.height-50{
    height: 50px;
}
.height-55{
    height: 55px;
}
.height-60{
    height: 60px;
}
.height-65{
    height: 65px;
}
.height-70{
    height: 70px;
}
.height-75{
    height: 75px;
}
.height-80{
    height: 80px;
}
.height-85{
    height: 85px;
}
.height-90{
    height: 90px;
}
.height-95{
    height: 95px;
}
.height-100{
    height: 100px;
}

.alineadoIzquierda{
    text-align: left;
}

.alineadoCentro{
    text-align: center;
}

.alineadoDerecha{
    text-align: right;
}

.FormNew .text-form{
  width: 96%;
  padding: 7px 2%;
  margin: 0px 4% 0px 0px;
  color: #333;
  background-color: #eef1f4;
  border: 1px solid #ddd;
}
.FormNew .select-form{
  width: 100%;
  padding: 6px 2%;
  margin: 0px 4% 0px 0px;
  color: #333;
  background-color: #eef1f4;
  border: 1px solid #ddd;
}
.mt-30 {
  margin-top: 30px;
  float: left;
}
.mt-60 {
  margin-top: 60px;
  float: left;
}
.mt-15 {
  margin-top: 15px;
  float: left;
}
.mb-25 {
  margin-bottom: 25px;
  float: left;
}
.mb-50 {
  margin-bottom: 50px;
  float: left;
}
.padding-0 {
  padding: 0px;
}
.min-height-65 {
  min-height: 65px;
}
.botones-submenu {
  padding: 5px 30px;
  background-color: #eef1f4;
  border: 0px;
  color: #000;
  border-radius: 5px;
  margin-top: 15px;
}
.seleccion {
  border: 1px solid #666;  
}
#directivo {
  display: none;
}
#comercial {
  display: none;
}
#otros {
  display: none;
}
#ceo-titulo {
    display: none;
    margin: 10px 0px 15px 0px;
}
#comercial-titulo {
    display: none;
    margin: 10px 0px 15px 0px;
}
#directivo-titulo {
    display: none;
    margin: 10px 0px 15px 0px;
}
#otros-titulo {
    display: none;
    margin: 10px 0px 15px 0px;
}

.foto-perfil {
  max-width: 100%;
}

.padding-l40 {
  padding-left: 40px;
}
#proximas {
  padding: 0px 15px;
}
#anteriores {
  padding: 0px 15px;
}
.cita {
  background-color: #eef1f4;
  padding: 10px 4%;
  float: left;
  width: 92%;
  margin: 0px 7px;
}
.cita2 {
  background-color: #f9fcfe;
  padding: 10px 4%;
  float: left;
  width: 92%;
  margin: 0px 7px;
}
.boton-convocada {
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  width: 68px;
  float: right;
  text-align: center;
}
.boton-aceptar {
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #00b050;
  color: #fff;
  font-size: 12px;
  width: 68px;
  float: right;
  text-align: center;
}
.boton-rechazar {
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #c11027;
  color: #fff;
  font-size: 12px;
  width: 68px;
  float: right;
  text-align: center;
}
.bloque_plan {
    border-radius: 10px; 
    color: #0A0D40; 
    background-color: #eef1f4; 
    width: 90%; 
    max-width: 250px; 
    display: block; 
    margin: 5px auto; 
    padding: 15px 5%;
}
.bloque_plan a {
    color: #0A0D40; 
    font-size: 10px;
}
.title_page {
    color: #0A0D40; 
    font-size: 24px;
    padding-left: 8px;
    margin-bottom: 10px;
}
.ponderacion {
	float: right; 
	width: 45px; 
	background-color: #0A0D40; 
	text-align: center; 
	border-radius: 10px;
}
@media (min-width: 768px) {
	.accion-der {
		text-align: left; 
		padding-left: 10px;
	}
	.accion-izq {
		text-align: right; 
		padding-right: 10px;
	}
}
@media only screen and (max-width: 767px) {
  .multimedia iframe {
    max-width: 100% !important;
  }
	.accion-der {
		text-align: center;
	}
	.accion-izq {
		text-align: center; 
	}
  .padding-l40 {
    padding-left: 0px !important;
  }
  .alineadoMovil {
    text-align: left;
    margin-top: 20px;
    float: left;
  }
}
@media (min-width: 1024px) {
.lines-effect {
	display: inline-block; 
	text-align: center; 
	width: 100%; 
	position: relative;
}
.lines-effect::after, .lines-effect::before {
	content: "";
	position: absolute;
	width: 20%;
	height: 3px;
	background-color: currentColor;
	top: 0.6em;
}
.lines-effect::after {
	right: 15%;
}
.lines-effect::before {
	left: 15%;
}
.mas-amplio::after {
	right: 6%;
}
.mas-amplio::before {
	left: 6%;
}
}
.opcion-sel {
    background-color: #e7e7e7;
    color: #031651;
    padding: 7px 40px;
    font-size: 14px;
}
.opcion-nosel {
    background-color: #f7f7f7;
    color: #b4b4b4;
    padding: 7px 40px;
    font-size: 14px;
}
.opcion-nosel a {
    color: #b4b4b4;
    font-size: 14px;
}

/******************************* FORMULARIO LOGIN ********************************************/
.login input {
    font-size: 15px;
    font-family: "Lucida Sans";
    padding: 8px 10px;
    vertical-align: middle;
}