.CartelPrincipal{
  background-color: #512bcd;
}

html {
	height: 100%;
	width: 100%;
}
img{
border: 0;
}
a:link {
  color: #0066CC;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #0066CC;
}
a:hover {
  text-decoration: none;
  color: #46105a;
}
a:active {
  text-decoration: none;
}
body{
  margin: 0px;
  padding: 0px;
  font-family: verdana, helvetic, arial, sans-serif;
  color: #003366;
height: 100%;
	width: 100%;
	margin: auto;
/*  font-size: calc(1vw); */
  background-color: #000000;
 }
p{ 
  color: #000000;
  font-size: medium;
  margin: 0px;
  padding: 5px;
  }
h1{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: xx-large;
  font-weight: bold;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0 0 1px 2px;
  }
h2{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: x-large;
  font-weight: bold;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0 0 1px 2px;
  text-align: center;
  }
h3{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: large;
  font-weight: bold;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0 0 1px 2px;
  }
h4{
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: large;
  font-weight: bold;
  padding-left: 0px;
  padding-right: 0px;
  margin: 2% 2% 1% 2%;
  text-decoration: underline;
}
h5{
  font-family: verdana;
  font-size: x-small;
  font-weight: bold;
  padding-left: 0px;
  padding-right: 0px;
  margin: 5px 0 1px 5px;
}
input{
  border-top: none;
  border-left: none;
}
select{
  border-top: none;
  border-left: none;
	
}

/* Fin estilo etiquetas */


/* Estilo para ID */
#primario{
  width: 100%;
  position: relative;
  /*margin: 0%;*/
  padding: 0%;
 /* border: thin solid #A8AD92;*/
 border: 0; 
height: 100%;
background-color: #001e43;
}
#banner{
/*position: sticky;
top: 0;*/
width: 100%;
height: 20%;
/*background-color: #FDBF96;*/
/*background: url("http://sge.electron.frba.utn.edu.ar/imagenes/banner.jpg");*/
background: url("../images/banner.png");
background-size: cover;
/*background-position: 50% 55%;*/
}
#login{
text-align: right;
height: 100%;
padding-right: 10px;
color: #FFFFFF;
/*background-color: ##001e43;*/
}
#menu{
width: 100%;
height: 5%;
/*background-color: #656A6E;*/
  padding: 0px 0px 0px 0px;
background-color: #656A6E;
}
#cuerpo{
width: 100%;
min-height: 65%;
height: auto;
background-color: #F1F1F1;
padding-top: 4%;
}
#tabla_scroll{
  height: 400px;
  overflow: auto;
  padding-bottom: 2%;
}
#tableA {
  border: 3px solid black;

}
#tableA td,th,tr{
  border-bottom: 1px solid black;
}

.TextoPrincipal{
padding-left:1%;
padding-right:1%;
text-align: center;
}
.TextoPrincipal h1{
padding:0% 25% 5% 25%;
text-decoration:underline;
text-decoration-color: #808080;

}
.TextoPrincipal ul{
list-style-position: inside;
line-height: 175%;
text-align: left;
padding: 2% 30% 2% 30%;
word-spacing:2px;
}
.TextoPrincipal p{
color: #036;
letter-spacing: 1px;
word-spacing:2px;
}
#pie{
clear: left;
height: 2%;
background-color: #FFFFFF;
/*margin: 10px auto 5px auto;*/
width: 100%;
text-align: center;
}
#nav{
  position: absolute;
/*background-color: #000000;*/
  padding: 0 0% 0 0%;
  margin: 0px;
  list-style: none;
  width: 100%;
  height: 5%;
}
/* Fin estilo para ID */
 

/* Estilo para clases comunes */

.ul{
  list-style: none;
}
.MenuLista ul{
  width: 100%;
  visibility: hidden;
  margin-left: -104%;
  margin-top:-20%;
  list-style:none;
  }
.MenuLista li{
  border-bottom: thin solid #666666;
  border-right: thin solid #666666;
  border-left: thin solid #666666;
  padding: 1%;
  width: 97%;
  }
.MenuSubTitulo{
  font-size: medium;
  font-weight: bold;
  text-align: center;
  color: #000000;
  background: #f2f2f2;
  padding: 1%;
  /*padding-bottom: 3px;*/
  border-radius: 4px 4px 4px 4px;
  height: auto;
  }
.MenuSubSubTitulo{
  font-weight: normal;
  font-size:medium;
  color: #444444;
  background:#cccccc;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 4px 4px 4px 4px;
  /*position:absolute;
  visibility:visible;*/
  }
.MenuOpciones{
  font-weight: normal;
  font-size: medium;
  text-align: center;
  text-indent: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: 4px 4px 4px 4px;
  
  }
li.MenuSubTitulo
{
	height:100%;
/* position:absolute;*/
}
li.MenuOpciones
{
  background: #002443;
/*
position:absolute;*/
}
li .MenuOpciones a{
  color:#FFFFFF !important;
}

li .MenuOpciones a:hover{
  text-decoration: underline;
}
.error{
font-size: medium;
text-align: center;
padding-top: 20px;
color: #ff0000;
}
.texto{/*usado en lababierto reservar y en tutores mostrar*/
        border: dotted #CCCCCC;
        background: #FFFFFF;
        padding: 2%;
        width: 30%;
        text-indent: 15px;
        margin-top: 25px;
        margin-bottom: 10px;
        margin-left:10%;
	word-wrap:break-word;
}
.texto:hover{
  transition-duration: 0.5s;
  transform: scale(1.05); /* Igual que: scaleX(0.7) scaleY(0.7) */
  border: 2px solid black;
  border-radius: 5%;
}

.contenedor-boxes{/*grid para boxes, mantiene la relacion de aspecto*/
display: flex;
flex-wrap:wrap;
}

/* Fin estilo para clases comunes */


/* Estilo para el menu */
.MenuTitulo ul{
padding:2%;
}
ul.MenuLista{
  background-color: #f1f1f1;
  margin-top: 1%;
  border-radius: 4px 4px 4px 4px;
  z-index: 0;
  position: absolute;
  padding: 1px;
  margin: auto;
  list-style: none;
  display: none;
  box-shadow: inset 0 0 0 2x black;
  font-weight: bold;
  cursor: pointer;
  font-size: 1.5vw;
  line-height: 150%;
  text-align:center;
  width:11%;
  height:100%;
  }
* html ul.MenuLista{
  position: absolute;
  top: 20px;
  margin-left: -100%;
}
ul.MenuSubLista{
line-height:155%;
margin-top:-22%;
}
li.MenuTitulo{
  float: left;
  margin: 0;
  padding: 0;
  box-shadow: inset 0 0 0 2px black;
  background-color: #002443;
  font-weight: bold;
  cursor: pointer;
  font-size: 1.5vw;
  line-height: 150%;
  text-align: center;
  width: 11.11%;
  height: 100%;
  color: #FFFFFF;
}

li.MenuTitulo a{
  color: #FFFFFF;
}

li:hover ul, li.over ul{
  display: block;
}
  
li ul li:hover ul
{
	display:block;
	visibility:visible;
	z-index: 9999999999999999;
}
/* Fin estilo menu */

/*Estilos para los formularios*/
form{
display: grid;
margin: 0 auto;
background-color: white;
width: 80%;
padding: 2%;
border-radius:5%;
color:#036;
}
.campo{
border: solid 1px #ccc;
padding: 10px;
margin:3%;
}
.campo:focus{
border-color:#0066CC;
}
.campotexto{
margin:3%;
border: solid 1px #ccc;
padding: 10px;
}
.botonformu{
border-radius: 3px;
margin: 2%;
background-color: #ccc;
height: 40px;

/*border-radius: 3px;
text-shadow: 0 1px 1px rgba(0,0,0,0.3);*/

}

/*Fin estilo para formularios*/
div.static {
  position: static;
  border: 3px solid #3a580f;
}
.boton_especial input[type=button] {
  outline: 0;
  cursor: pointer;
  border: 2px solid #000;
  border-radius: 3px;
  color: #fff;
  background: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  padding: 6px 18px;
  text-align:center;
  transition-duration: .15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
  margin: 4px;
}
.boton_especial input[type=button]:hover {
color: #000;
background: #89d15c;
}