@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=Caveat:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');

body
{
	BACKGROUND-COLOR: #011B56;
	BACKGROUND-IMAGE: url("./fondo.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
	height: 400px;
	COLOR: #FFFFFF;
	FONT-FAMILY: "Poppins";
	FONT-SIZE: 22px;
	text-shadow:        3px 3px 5px rgba(0,0,0,0.5)
}

a
{
	COLOR:  #FFEB00;
	FONT-FAMILY:  "Comfortaa";
	TEXT-DECORATION:  none;
}

a:hover
{
	COLOR:  #FFFDCB;
}

.title
{
	COLOR:  #FFEB00;
	FONT-SIZE:  35px;
	TEXT-ALIGN:  center;
	text-shadow:        2px 2px 4px rgba(0,0,0,0.5),   /* sombra principal */
        -2px -2px 4px rgba(98, 0, 255, 1.1); /* sombra secundaria roja */
}

.boton
{
	BACKGROUND-COLOR:  #0900B1;
	BORDER-BOTTOM-COLOR:  #080094;
	BORDER-LEFT-COLOR:  #0069FF;
	BORDER-RADIUS:  10px;
	BORDER-RIGHT-COLOR:  #080094;
	BORDER-TOP-COLOR:  #0069FF;
	BORDER-WIDTH:  4px;
	COLOR:  #FFFFFF;
	FONT-FAMILY:  "Caveat";
	FONT-SIZE:  16px;
	FONT-WEIGHT:  bold;
	HEIGHT:  30px;
	TEXT-ALIGN:  center;
	TEXT-TRANSFORM:  uppercase;
	VERTICAL-ALIGN:  middle;
	WIDTH:  160px;
}

.boton:hover
{
	BACKGROUND-COLOR:  #6C99D9;
	COLOR:  #3000FF;
}

.icono-img-style
{
	COLOR:  #1E0CD4;
	FILTER:  invert(40%) sepia(39%) saturate(1045%) hue-rotate(184deg) brightness(101%) contrast(82%);
	HEIGHT: 32px;
	WIDTH:  32px;
}

.boton_menu
{
	TRANSITION: background-color 300ms;
	COLOR: #3000FF;
	BACKGROUND-COLOR: #6C99D9;
	FONT-FAMILY: 'Caveat';
	FONT-WEIGHT: bold;
	BORDER-WIDTH: 0px;	
	BORDER-RADIUS: 5px;
}
 
.boton_menu:hover
{
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #0900B1;
}

.text
{
	BORDER-STYLE: solid;
	COLOR: #080094;
	BACKGROUND-COLOR: #EFEFEF;
	BORDER-COLOR: #080094;
	BORDER-WIDTH: 2px;
	FONT-SIZE: 16px;
	TEXT-ALIGN: left;
	HEIGHT: 30px;
	BORDER-RADIUS: 10px;
}

.panel
{
	BORDER-STYLE: solid;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #0069FF;
	BORDER-WIDTH: 4px;
	BORDER-TOP-COLOR: #0069FF;
	BORDER-LEFT-COLOR: #0069FF;
	BORDER-RIGHT-COLOR: #080094;
	BORDER-BOTTOM-COLOR: #080094;
	BORDER-WIDTH: 1px;
	BORDER-RADIUS: 10px;
	BOX-SHADOW: 3px 3px 10px #FFFFFF;
}

.marco
{
    COLOR: #080094;	
    BORDER-COLOR: #080094;
    BORDER-STYLE: solid;
	BORDER-WIDTH: 2px;
	BORDER-RADIUS: 10px;
}

.Encabezado_Fondo
{
	background: #001779;
	background: -webkit-linear-gradient(90deg, rgba(0, 23, 121, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 105, 255, 1) 100%);
	background: -moz-linear-gradient(90deg, rgba(0, 23, 121, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 105, 255, 1) 100%);
	background: linear-gradient(90deg, rgba(0, 23, 121, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 105, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001779", endColorstr="#0069FF", GradientType=1);
	COLOR: #FFFFFF;
	FONT-SIZE: 25px;
}

.Pie_Fondo
{
	background: #001779;
	background: -webkit-linear-gradient(90deg, rgba(0, 23, 121, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 105, 255, 1) 100%);
	background: -moz-linear-gradient(90deg, rgba(0, 23, 121, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 105, 255, 1) 100%);
	background: linear-gradient(90deg, rgba(0, 23, 121, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 105, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001779", endColorstr="#0069FF", GradientType=1);
	COLOR: #FFFFFF;
	FONT-SIZE: 80%;
}
    
.fila1
{COLOR:#000000;BACKGROUND-COLOR:#F9F9F9;}

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

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

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



@media only screen and (max-width: 800px)
{
    .Encabezado_Fondo {display: none;}
}