TD { font-family:Verdana; color:#000000; font-size:11 }
TD.TITULO {background-color:#2F72A9; font-family:Verdana; font-size:13; color:#FFFFFF; font-weight: bold; text-align:center; }
INPUT.TEXT { font-family:Verdana; color:#000000; font-size:12; background:filter=alpha(Opacity=120); border:1px solid #2F72A9; border-top:1px solid #2F72A9; }
TEXTAREA{font-family:Verdana; color:#000000; font-size:12; background:filter=alpha(Opacity=120); border:1px solid #2F72A9; border-top:1px solid #2F72A9;}
INPUT.TEXT_BORDER0 {font-family:Verdana; color:#2F72A9; font-size:10; background:filter=alpha(Opacity=100);text-align:center;font-weight: solid; border:0;}
INPUT.BUTTON { background-color: #2F72A9; color: #FFFFFF; font-size: 8 pt; font-family: Verdana; font-weight: bold; }
SELECT { font-family:Verdana; color:#333333; font-size:10;}
IMG {cursor:hand;}
A:link{COLOR: #2F72A9; TEXT-DECORATION: underline; font-family:Verdana; font-size:12}
A:visited{COLOR: #2F72A9; TEXT-DECORATION: underline; font-family:Verdana; font-size:12}
A:hover{COLOR: #2F72A9; TEXT-DECORATION: underline; font-family:Verdana; font-size:13}
INPUT.INCLUIR { font-family:Verdana; color:#2F72A9; font-size:8pt; text-align:left; border-width:1; border-color:navy; border-style:solid; background:filter=alpha(Opacity=100);}
INPUT.INCLUIR_NOVO { font-family:Verdana; color:#2F72A9; font-size:8pt; text-align:left; border-width:0; border-color:navy; border-style:solid; background:filter=alpha(Opacity=100);}

.textbox, .textboxOn {
   display: block;
   margin-left: 0px;
   border: 2px solid #E4E4E4;
   background-color: #FFFFFF;
   color: #000000;
   padding: 2px 4px;
   font-family:Verdana;
}
.textboxOn { 
   border-color: #013C80; 
}
.selectboxOn { 
   background-color: #013C80;
   border-color: #013C80; 
   color: #FFFFFF;
}
#screen {
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
}
.loginBox{
	position: absolute;
	top: 48%;
	left: 52%;
	transform: translate(-50%,-50%);
	width: 55%;
	height: 72%;
	padding: 3% 6%;
	box-sizing: border-box;
	background: rgba(0,0,0,.5);
}
.user{
	width: 10%;
	height: 4%;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	top: calc(-10%/2);
	left: calc(50% - 50%);
}
h2{
	margin: 0;
	padding: 0 0 20%;
	color: #0033FF;
	text-align: center;
}
.loginBox p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #FFFFFF;
}
.loginBox input {
	width: 100%;
	margin-bottom: 5%;
}
.loginBox input[type="text"],
.loginBox input[type="password"]
{
	border: none;
	border-bottom: 1px solid #fff;
	background: transparent;
	outline: none;
	height: 10%;
	color: #FFFFFF;
	font-size: 16px;
}
::placeholder {
	color: rgba(255,255,255,.5);
}
.loginBox input[type="submit"] {
	border: none;
	outline: none;
	height: 12%;
	color: #fff;
	font-size: 16px;
	background: #0033FF;
	cursor: pointer;
	border-radius: 5%;
}
.loginBox input[type="submit"]:hover {
	background: #FFFFFF;
	color: #0011FE;
	font-weight: bold;
}
.loginBox a{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
*{margin:0;padding:0;border:0;list-style:none;outline:none;}
a{text-decoration:none;} 

#content {
border: 0px solid green;
width: 0%;
height: 0%;
}

#content ul li a {
display:block;
position:relative;
font-size:12px;
margin:0 auto;
padding: 10px;
float:left;
}
/* Efeitos do texto */
#content ul li a span {
display:block;
padding:12px;
color:#0000CC;
position:absolute;
bottom:0;
left:0;
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
background:#FFFFFF;
text-align: justify;
}
/* Efeitos do texto quando o mouse estive em cima da Imagem */ 
#content ul li:hover span {
border: 1px solid #FFFFFF;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
#content ul li a span { /* Espaço da mensagem que ira aparecer */
width:100%;
padding-bottom: 5px;
padding-left: 1%;
text-align: justify;
}

A:hover { color: #0011FE; TEXT-DECORATION: none; font-family:Verdana; font-size:13 }