@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


@font-face {
	font-family: "KFOmCnqEu92Fr1Mu4mxK";
	src: url("KFOmCnqEu92Fr1Mu4mxK.woff2");
  }


  /* ICONOS EN FONTS*/
@font-face {
	font-family: "modules";
	src: url("modules.woff");
  }
  
  @font-face {
	font-family: "FiraSans";
	src: url("FiraSans-Regular.otf");
  }
  
body
{
	COLOR:              #1e1c3b;
	font-family: "Montserrat", sans-serif; 
	text-align: justify;
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	BACKGROUND-COLOR:    #ffffff;
	BACKGROUND-IMAGE:   url("./fondo.jpg");
	background-repeat: no-repeat;	
  	background-attachment: fixed;
	background-size: cover;
	width: 100%;
	height: 400px;
}

h2
{
	COLOR:              #000000;
}

a
{
	font-family: 'Comfortaa', cursive;
	COLOR:               #102B62;
	CURSOR:              hand;
	TEXT-DECORATION:     none;
}


a:hover 
{
	COLOR:               #2a2d5f;
}


.Encabezado_Fondo
{
	font-family: 'Montserrat', sans-serif;

	BACKGROUND-IMAGE:   url("./fondo.jpg");
	background-repeat: no-repeat;	
  	background-attachment: fixed;
	background-size: cover;

	COLOR: #102B62;
	font-size: 20px;
	text-align: left;
}


.triangulo {
    width: 30px;
    height: 0;
    border-bottom: 137px solid #ffc400; 
    border-right: 40px solid transparent;  
}




.title
 {
	font-family: 'Arial', sans-serif;
	COLOR:               #26154b;
	text-shadow: 1px 1px 1px #afa2ff;
	text-align: center;
	font-size: 40px;
	font-weight: 900;
	font-style: normal;
 }
 

.linea
{
  border-color: #DE7C00;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1); 
}



.boton
{
	COLOR:              #f8cb58;
	BACKGROUND-COLOR:    #102B62;
	border-width: 3px;
	
	border-top-color : #1d4eb1;
	border-left-color: #1d4eb1;
	border-bottom-color: #0b1b3b;
	border-right-color: #0b1b3b;
	HEIGHT:             25px;
	WIDTH:              150px;
	font-size: 15px;
	font-weight: 		bold;
	CURSOR:             hand;
	text-transform: uppercase;
	TEXT-ALIGN:         center;
	vertical-align: 	middle;
	TEXT-DECORATION:    none;
}

.boton:hover
{
	BACKGROUND-COLOR:    #1076c9;
	color: #fff6d0;
	
}
 





.imagen_menu {display: inline-block;}

.mi_menu_superior {display: none;}


.fondo_menu {  }
 

.cabezera_menu
{
	COLOR:               #102B62;
	BACKGROUND-COLOR:    #ffffff; 
}

 
 
.boton_menu
{
	/*
	transition: color 400ms;
	color: #1A1A1A;
	BACKGROUND-COLOR:    #ffffff;
	font-family: 'FiraSans', sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold; 
	BORDER-WIDTH:        0px;	
	*/
		box-shadow:inset 0px 1px 0px 0px #4a82b3;
		background:linear-gradient(to bottom, #0f2757 5%, #123478 100%);
		background-color:#0f2757;
		border:1px solid #174091;
		/* display:inline-block; */
		cursor:pointer;
		color:#fcf1d6;
		font-family:Arial;
		font-size:13px;
		font-weight:bold;
		padding:6px 12px;
		text-decoration:none;

}
 

.boton_menu:hover
{
	color:#ffeb77;
	background:linear-gradient(to bottom, #123478 5%, #0f2757 100%);
	background-color:#123478;
}


.boton_submenu
{
	transition: color 400ms;
	color: #1A1A1A;
	BACKGROUND-COLOR:    #ffffff;
	font-family: 'FiraSans', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	/* font-weight: bold; */
	BORDER-WIDTH:        0px;
}
 
 .boton_submenu:hover
{
	COLOR:               #ff783a;
}



.title_grid
{
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(181,189,200,1) 7%, rgba(40,52,59,1) 57%, rgba(130,140,149,1) 89%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgba(181,189,200,1)), color-stop(57%,rgba(40,52,59,1)), color-stop(89%,rgba(130,140,149,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 7%,rgba(40,52,59,1) 57%,rgba(130,140,149,1) 89%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(181,189,200,1) 7%,rgba(40,52,59,1) 57%,rgba(130,140,149,1) 89%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(181,189,200,1) 7%,rgba(40,52,59,1) 57%,rgba(130,140,149,1) 89%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(181,189,200,1) 7%,rgba(40,52,59,1) 57%,rgba(130,140,149,1) 89%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#828c95',GradientType=0 ); /* IE6-9 */
}






.text
{
	BORDER-STYLE:        solid;
	COLOR:               #000000;
	BACKGROUND-COLOR:    #EFEFEF;
	BORDER-LEFT-COLOR:   #9F9F9F;
	BORDER-TOP-COLOR:    #9F9F9F;
	BORDER-BOTTOM-COLOR: #DFDFDF;
	BORDER-RIGHT-COLOR:  #DFDFDF;
	BORDER-WIDTH:        1px;
	font-size: 16px;
	TEXT-ALIGN:          left;
	HEIGHT: 30px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}



.textarea
{
	BORDER-STYLE:        solid;
	COLOR:               #000000;
	BACKGROUND-COLOR:    #EFEFEF;
	BORDER-LEFT-COLOR:   #9F9F9F;
	BORDER-TOP-COLOR:    #9F9F9F;
	BORDER-BOTTOM-COLOR: #DFDFDF;
	BORDER-RIGHT-COLOR:  #DFDFDF;
	BORDER-WIDTH:        1px;
	font-size: 16px;
	TEXT-ALIGN:          left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


.select
{
	BORDER-STYLE:        solid;
	COLOR:               #000000;
	BACKGROUND-COLOR:    #EFEFEF;
	BORDER-LEFT-COLOR:   #9F9F9F;
	BORDER-TOP-COLOR:    #9F9F9F;
	BORDER-BOTTOM-COLOR: #DFDFDF;
	BORDER-RIGHT-COLOR:  #DFDFDF;
	BORDER-WIDTH:        1px;
	HEIGHT: 20px;
	TEXT-ALIGN:          left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


.marco
{
	BORDER-STYLE:        solid;
	COLOR:               #ffffff;
	border-color:		 #ffffff;
	BACKGROUND-COLOR:    #dee7ff;
	BORDER-WIDTH:        2px;
}


.label_horario
{
	BORDER-STYLE:        solid;
	COLOR:               #000000;
	BACKGROUND-COLOR:    #CED3FB;
	BORDER-LEFT-COLOR:   #091672;
	BORDER-TOP-COLOR:    #091672;
	BORDER-BOTTOM-COLOR: #091672;
	BORDER-RIGHT-COLOR:  #091672;
	BORDER-WIDTH:        1px;
	HEIGHT:              70px;
  	WIDTH:               50px;
}



.Pie_Fondo
{
	COLOR:               #FFFFFF;
	background-color: 	 #003366;
	font-family: "SansationRegular", cursive;
	font-size: 15px;
	BORDER-WIDTH:        0px;
	TEXT-ALIGN:          center;
}




.label1
{BACKGROUND-COLOR:#d5d5d5;	CURSOR:hand;}

.label2
{BACKGROUND-COLOR:#b1b1b1;}


.label3
{
	BORDER-STYLE:        solid;
	COLOR:               #FFFFFF;
	BACKGROUND-COLOR:    #808080;
	BORDER-WIDTH:        0px;
	CURSOR:              default;
	TEXT-ALIGN:          left;
}



.label4
{
	BORDER-STYLE:        solid;
	COLOR:               #ffffff;
	BACKGROUND-COLOR:    #000000;
	BORDER-WIDTH:        0px;
	CURSOR:              default;
	TEXT-ALIGN:          left;
}


.label5
{
	BORDER-STYLE:        solid;
	COLOR:               #ffffff;
	BACKGROUND-COLOR:    #2145EF;
	BORDER-WIDTH:        0px;
	CURSOR:              default;
	TEXT-ALIGN:          left;
}

.label6
{
	BORDER-STYLE:        solid;
	COLOR:               #ffffff;
	BACKGROUND-COLOR:    #2145EF;
	BORDER-WIDTH:        0px;
	CURSOR:              default;
	TEXT-ALIGN:          left;
}


.panel
{
	BORDER-STYLE:        solid;
	COLOR:               #000000;
	BACKGROUND-COLOR:    #F3F3F3;
	BORDER-LEFT-COLOR:   #EFEFEF;
	BORDER-TOP-COLOR:    #EFEFEF;
	BORDER-BOTTOM-COLOR: #8F8F8F;
	BORDER-RIGHT-COLOR:  #8F8F8F;
	BORDER-WIDTH:        1px;
	 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 3px 3px 10px #6e6e6e;
}

.table
{
	BORDER-WIDTH:        0px; 
}


.link_texto
{
	BORDER-STYLE:        solid;
	COLOR:               #FFFFFF;
	BORDER-WIDTH:        0px;
	CURSOR:              hand;
	TEXT-ALIGN:          center;
	TEXT-DECORATION:     none;
}

.circulo_azul
{

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    background-color: #003366;

}


.foto_circular
{

    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    border-radius: 200px;
    width: 200px;
    height: 200px;
}




.foto_portada 
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 10px #6e6e6e;
}

.foto_noticia
{
    -webkit-box-shadow: 3px 3px 3px #101d2f;
}




#zs_valor
{
	width:300px;
	height:30px;
}




.icono_control
{
	width: 32px;
}


.icono
{
	COLOR:              #000000;
	BACKGROUND-COLOR:    #ffcccc;
	border-color: #ffcccc;
	border-left-width: 10px;
	HEIGHT:             25px;
	WIDTH:              150px;
	font-size: 17px;
	font-weight: 		bold;
	CURSOR:             hand;
	text-transform: uppercase;
	TEXT-ALIGN:         center;
	vertical-align: 	middle;
	TEXT-DECORATION:    none;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position:left;
	background-size: 16px;
	filter: invert(18%) sepia(77%) saturate(1600%) hue-rotate(190deg) brightness(98%) contrast(97%);
	
	/* filter: invert(14%) sepia(95%) saturate(1525%) hue-rotate(192deg) brightness(88%) contrast(102%); */
	
/* pagina para calcular el color = https://codepen.io/sosuke/pen/Pjoqqp */
}

.icono:hover {
	BACKGROUND-COLOR:    #00CCFF;
	border-color: #00CCFF;
	filter: invert(82%) sepia(20%) saturate(1322%) hue-rotate(190deg) brightness(101%) contrast(109%);
}


.icono-usuario{background-image:url(../iconos/user-solid.svg);}
.icono-recordar{background-image:url(../iconos/question-circle-solid.svg);}
.icono-aceptar{background-image:url(../iconos/check-circle-solid.svg);}
.icono-cancelar{background-image:url(../iconos/times-circle-solid.svg);}

.icono-img-style {
	width: 32px;
	height: 32px;
	cursor: pointer;
	border-width: 0px;
	/* filter: invert(28%) sepia(93%) saturate(1180%) hue-rotate(190deg) brightness(90%) contrast(88%); */
	/* filter: invert(14%) sepia(95%) saturate(1525%) hue-rotate(192deg) brightness(88%) contrast(102%); */
	/* filter: invert(94%) sepia(4%) saturate(6340%) hue-rotate(180deg) brightness(95%) contrast(93%); */
	/* filter: invert(60%) sepia(45%) saturate(6800%) hue-rotate(14deg) brightness(100%) contrast(103%); */
	filter: invert(15%) sepia(15%) saturate(7480%) hue-rotate(203deg) brightness(88%) contrast(97%);
}



.msg_informacion{
	background-image:url(../iconos/info-circle-solid.svg);
	background-repeat: no-repeat;
	width: 16px;
	color: #000000;
	filter: invert(35%) sepia(99%) saturate(7500%) hue-rotate(224deg) brightness(102%) contrast(108%);
	
}


.msg_exclamacion
{
	background-image:url(../iconos/exclamation-triangle-solid.svg);
	background-repeat: no-repeat;
	width: 16px;
	color: #000000;
	filter: invert(40%) sepia(42%) saturate(4339%) hue-rotate(353deg) brightness(98%) contrast(106%);
}

.msg_error{
	background-image:url(../iconos/times-circle-solid.svg);
	background-repeat: no-repeat;
	width: 16px;
	color: #000000;
	filter: invert(13%) sepia(100%) saturate(7497%) hue-rotate(3deg) brightness(107%) contrast(106%);
}

.fila1
{color:#000000;BACKGROUND-COLOR:#F9F9F9;	CURSOR:hand;}

.fila1:hover
{BACKGROUND-COLOR:#C8D4E9;}

.fila2
{color:#000000;BACKGROUND-COLOR:#EFEFEF;	CURSOR:hand;}
	
.fila2:hover 
{BACKGROUND-COLOR:#C8D4E9;}

.fila_seleccionada
{COLOR:#ffffff;BACKGROUND-COLOR:#2D5580;}

input[type=text]
{
	height: 40px;
}


.tips1
{
	width:450px;
}

.tips2{
	background-image:url(./pan.jpg);
	background-repeat: no-repeat;
	font-family: 'Comfortaa', cursive;
	color: #ffffff;
	text-align:left;
	width:100%;
	height:350px;
	padding-left: 180px;
	text-shadow: 3px 3px 3px #000000;
}





.aviso
{
background: #003366;
color: #ffffff;
}