@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;
	BACKGROUND-IMAGE: url("./fondo.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;
	height: 400px;
	COLOR: #16194B;
	FONT-FAMILY: "Roboto Slab";
	FONT-SIZE: 22px;
}

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

a:hover
{
	COLOR:  #1E80CB;
}

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

.boton
{
	BACKGROUND-COLOR:  #C5A0FF;
	BORDER-BOTTOM-COLOR:  #A37DE1;
	BORDER-LEFT-COLOR:  #DBBFFF;
	BORDER-RADIUS:  10px;
	BORDER-RIGHT-COLOR:  #A37DE1;
	BORDER-TOP-COLOR:  #DBBFFF;
	BORDER-WIDTH:  4px;
	COLOR:  #411280;
	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:  #4D2A7A;
	COLOR:  #CCA6FF;
}

.icono-img-style
{
	COLOR:  #7D2AD4;
	FILTER:   invert(16%) sepia(93%) saturate(4250%) hue-rotate(268deg) brightness(88%) contrast(89%);;
	HEIGHT:  32px;
	WIDTH:  32px;
}

.boton_menu
{
	TRANSITION: background-color 300ms;
	COLOR: #CCA6FF;
	BACKGROUND-COLOR: #4D2A7A;
	FONT-FAMILY: 'Caveat';
	FONT-WEIGHT: bold;
	BORDER-WIDTH: 0px;	
	BORDER-RADIUS: 5px;
}
 
.boton_menu:hover
{
	COLOR: #411280;
	BACKGROUND-COLOR: #C5A0FF;
}

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

.panel
{
	BORDER-STYLE: solid;
	COLOR: #411280;
	BACKGROUND-COLOR: #DBBFFF;
	BORDER-WIDTH: 4px;
	BORDER-TOP-COLOR: #DBBFFF;
	BORDER-LEFT-COLOR: #DBBFFF;
	BORDER-RIGHT-COLOR: #A37DE1;
	BORDER-BOTTOM-COLOR: #A37DE1;
	BORDER-WIDTH: 1px;
	BORDER-RADIUS: 10px;
	BOX-SHADOW: 3px 3px 10px #411280;
}

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

.Encabezado_Fondo 
{
	background: #eedeff;
	background: -webkit-linear-gradient(185deg, rgba(238, 222, 255, 1) 0%, rgba(179, 102, 225, 1) 82%, rgba(174, 91, 222, 1) 100%);
	background: -moz-linear-gradient(185deg, rgba(238, 222, 255, 1) 0%, rgba(179, 102, 225, 1) 82%, rgba(174, 91, 222, 1) 100%);
	background: linear-gradient(185deg, rgba(238, 222, 255, 1) 0%, rgba(179, 102, 225, 1) 82%, rgba(174, 91, 222, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EEDEFF", endColorstr="#AE5BDE", GradientType=0);
	COLOR: #411280;
	FONT-SIZE: 20px;
}
    

.Pie_Fondo
{
	background: #eedeff;
	background: -webkit-linear-gradient(185deg, rgba(238, 222, 255, 1) 0%, rgba(179, 102, 225, 1) 82%, rgba(174, 91, 222, 1) 100%);
	background: -moz-linear-gradient(185deg, rgba(238, 222, 255, 1) 0%, rgba(179, 102, 225, 1) 82%, rgba(174, 91, 222, 1) 100%);
	background: linear-gradient(185deg, rgba(238, 222, 255, 1) 0%, rgba(179, 102, 225, 1) 82%, rgba(174, 91, 222, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EEDEFF", endColorstr="#AE5BDE", GradientType=0);
	COLOR: #411280;
	FONT-SIZE: 90%;
}


.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;}
}