/* Sistema Memorando Eletrônico - TCE/AL
   Diretoria de Tecnologia e Informática - ©2017 */
@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
@font-face {
         font-family: "Myriad Pro";
         src: url('../fonts/MyriadPro-Regular.otf');
}
#topo {
	background-image:url(../img/banner-prin-azul.png);
    background-repeat: no-repeat;
    background-size:100%;
    bottom: 0;
    color: black;
    left: 0;
    overflow: auto;
    padding: 3em;
    position: absolute;
    right: 0;
    text-align: center;
    top: -5%;
}
#topo_seletor {
	background-image:url(../img/banner-select.png);
    background-repeat: no-repeat;
    background-size:100%;
    bottom: 0;
    color: black;
    left: 0;
    overflow: auto;
    padding: 3em;
    position: absolute;
    right: 0;
    text-align: center;
    top: -5%;
}
#caixabox {
	position: absolute;
	top: 45%;
	left:10%;
	-webkit-border-radius: 25;
  	-moz-border-radius: 25;
  	border-radius: 25px;
  	background-color: whitesmoke;
  	height: 368px;
  	width: 395px;
  	padding: 15px 15px 15px 15px;
	background:url(../img/login-bg-vermelho.png);
	background-repeat: no-repeat;
	background-size:100%;
}
#usuario {
	text-align:center;
	font-size:14px;
}
#caption {
    position: absolute;
	top: 160px;
	left: -24px;
}
.txtfield {
	width: 305px;
	text-align:center;
	-moz-border-radius: 1em 0.25em 2em 2em;
	-moz-border-radius: 10px;
	-moz-border-radius: 0.1em 0.25em 0.1em 0.25em 0.25em;
	-webkit-border-radius: 0.1em 0.25em 2em 2em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-background-clip: padding-box;
	-o-border-radius: 1em 0.25em 2em 2em;
	border-collapse: collapse;
	border-top:solid;
	border-top-color:#CCCCCC;
	border-top-width:1px;
	border-right:solid;
	border-right-color:#CCCCCC;
	border-right-width:1px;
	border-right:solid;
	border-right-color:#CCCCCC;
	border-right-width:1px;
	border-bottom:solid;
	border-bottom-color:#CCCCCC;
	border-bottom-width:1px;
	border-left:solid;
	border-left-color:#CCCCCC;
	border-left-width:1px;
	height:38px;
	font-size:14px;
}
#logo {
	width:480px;
	height:488px;
	top: 29%;
	right:10%;
	background:url(../img/logo_memo_vermelho.png);
	background-repeat: no-repeat;
	background-size:100%;
    overflow: auto;
    position: absolute;
}
#logo_seletor {
	width:200px;
	height:200px;
	top: 5%;
	right:15%;
	background:url(../img/logo-memo.png);
	background-repeat: no-repeat;
	background-size:100%;
    overflow: auto;
    position: absolute;
}

#btnlogar {
  	text-align:center;

	font-family:"Myriad Pro";
	color:#FFF;
	font-size:30px;
	position:absolute;
	top:87%;
	left:41%;

}
.btn-logar {
    background-color:#bf0717;/*#E16337;*/
	box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
	display: inline-block;
	text-decoration: none;
	border: 0px;
}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #FFF;
}
.erro {
background-color:#FCC;
}

#titulo_pagina {
text-align:center;
font-family:"Myriad Pro";
color:#FFF;
font-size:30px;
position:absolute;
top:13%;
left:12%;
}

#setores {
text-align:center;
font-family:"Myriad Pro";
color:#666;
font-size:30px;
position:absolute;
top:45%;
left:26%;
width:80%;
}

.btn-setor{
font-family:"Myriad Pro";
text-align:left;
font-size:24px;
width:750px;
height:100px;
}