@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: #FFFFFF;
	COLOR: #215092;
	FONT-FAMILY: "Roboto Slab";
	FONT-SIZE: 22px;
}

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

a:hover
{
	COLOR:  #2649CB;
}

.title
{
	COLOR:  #1695FF;
	FONT-SIZE:  35px;
	TEXT-ALIGN:  center;
}

.boton
{
	BACKGROUND-COLOR:  #7FD2FF;
	BORDER-BOTTOM-COLOR:  #578FAE;
	BORDER-LEFT-COLOR:  #B2E6FF;
	BORDER-RADIUS:  10px;
	BORDER-RIGHT-COLOR:  #578FAE;
	BORDER-TOP-COLOR:  #B2E6FF;
	BORDER-WIDTH:  4px;
	COLOR:  #204D8D;
	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:  #5FBCE9;
	COLOR:  #4670AB;
}

.icono-img-style
{
	COLOR:  #4B75D2;
	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: #4670AB;
	BACKGROUND-COLOR: #5FBCE9;
	FONT-FAMILY: 'Caveat';
	FONT-WEIGHT: bold;
	BORDER-WIDTH: 0px;	
	BORDER-RADIUS: 5px;
}
 
.boton_menu:hover
{
	COLOR: #204D8D;
	BACKGROUND-COLOR: #7FD2FF;
}

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

.numero_pagina
{
	COLOR: #578FAE;	
	BACKGROUND-COLOR: #ffffff;
	min-width:37px;
	height: 37px;
	font-size: 15px;
	text-align: center;
	cursor:pointer;
}

.numero_pagina_select
{
	COLOR: #ffffff; 
    BACKGROUND-COLOR: #578FAE;
	min-width:37px;
	height: 37px;
	font-size: 15px;
	text-align: center;
}

.panel
{
	BORDER-STYLE: solid;
	COLOR: #204D8D;
	BACKGROUND-COLOR: #B2E6FF;
	BORDER-WIDTH: 4px;
	BORDER-TOP-COLOR: #B2E6FF;
	BORDER-LEFT-COLOR: #B2E6FF;
	BORDER-RIGHT-COLOR: #578FAE;
	BORDER-BOTTOM-COLOR: #578FAE;
	BORDER-WIDTH: 1px;
	BORDER-RADIUS: 10px;
	BOX-SHADOW: 3px 3px 10px #204D8D;
}

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

.Encabezado_Fondo
{
	BACKGROUND-COLOR: #B2E6FF;
	COLOR: #204D8D;
	FONT-SIZE: 20px;
	text-align: left;
}
    
.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;}
}