/*background-color: #000080 Azul Comsystem;*/

body
{
	width: 100%;
	height: 100%;
	font-family: Courier;
}

label
{
	color: black;
	font-size: 20px; 
	font-family: verdana; 
}

input
{
	font-size: 20px;
	width: 192px;
}

.container-login
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
}

.login
{
	background-color: white;
	width: 200px;
	height: 200px;
	position: absolute;
	top: 60%;
	left: 50%;
	margin-top: -100px;
	margin-left: -100px;
}

.empresa
{
	background-color: white;
	width: 400px;
	height: 200px;
	position: absolute;
	top: 30%;
	left: 50%;
	margin-top: -100px;
	margin-left: -200px;
} 

.h1-Login 
{
    color: black;
    text-align: center;
    font-size: 50px;
}

.p-Login 
{
    font-family: verdana;
    font-size: 20px;
}

.img-logo
{
	width: 200px; 
}

.img-principal
{
	width: 400px; 	
}

.button-login
{
    /*background-color: #4CAF50;  Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    /*margin: 2px 2px; */
    width: 100%;
    cursor: pointer;
}

.menu-principal
{
  float:left;
  width:30%;
  text-align:center;
}
.menuitem-principal {
  background-color: white;
  padding:10px;
  margin-top:9px;
  cursor: pointer;
  text-decoration: none;
  border: none;
}
.mainitem-principal {
  background-color:#4CAF50;
  padding:10px;
  margin-top:9px;
  cursor: pointer;
  text-decoration: none;
  border: none;
}
.main-principal {
  float:left;
  width:40%;
  padding:8px;
  text-align:center;
}
 
.menu
{
  float:left;
  width:20%;
  text-align:center;
}
.menuitem {
  background-color:#4CAF50;
  padding:10px;
  margin-top:9px;
  cursor: pointer;
  text-decoration: none;
  border: none;
}
.main {
  float:left;
  width:80%;
  /*padding:0 20px;*/
  padding:8px;
}
.right {
  background-color: yellow;
  float:left;
  width:20%;
  padding:15px;
  margin-top:7px;
  text-align:center;
  color: black;
}

.bottom
{
  background-color: #e5e5e5; 
  text-align: center;
  padding: 10px;
  margin-top: 7px;
}

.head
{
  background-color: #000080;
  padding: 15px;
  text-align: center;
  color: yellow;
}

@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .menu, .main, .right 
  {
    width:100%;
  }
}

.alert_footer {
    position:absolute;
    bottom:0;
    width:100%;
    text-align: center;
}