/*INICIO RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;box-sizing:border-box;}
:focus{outline:0;}
body{line-height:1;color:black;background:white;}
ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
blockquote:before, blockquote:after,
q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
/*FIM RESET*/

html{height:100%;box-sizing:border-box;}
img{height:auto;width:auto\9;vertical-align:top;}
body{position:relative;margin:0;min-height:100%;font-family:'Lato', sans-serif;font-size:14px;}
.topo{width:100%;background-color:#253782; display:inline-table;}
.conteudo{margin:0 auto;width:1170px;}
.conteudolog{margin:0 auto;width:570px;}
.conteudolog h2{width:100%;text-align:center;font-size:30px;font-weight:700;color:#253782;line-height:30px;letter-spacing:1px;}
.login{width:100%;padding:150px 0; display:inline-block; }
.formulario, .loginform, .loginform fieldset{width:100%;display:inline-block; }
.loginform{margin-top:20px;}
.txtlogin{width:100%;display:inline-block;margin-bottom:20px;padding:18px;border-radius:4px;border:1px solid #8f8c8b;font-size:16px;box-sizing:border-box;color:#484848;}
.btnlogin{cursor:pointer;width:100%;background-color:#484848;text-align:center;color:#FFF;font-size:16px;font-weight:700;border:0;border-radius:4px;padding:18px;transition:background-color 0.5s ease;box-sizing:border-box;}
.btnlogin:hover{background-color:#253782;}
.esqsenha{margin-top:15px;width:100%; display:inline-block;}
.esqsenha a{ width:100%; display:inline-block; text-align:center; font-size:14px; color:#253782; text-decoration:none;}
.avisologin{margin-top:15px;display:inline-block;width:100%;color:#F00; text-align:center;font-weight:700;line-height:20px;display:inline-block;}
#loginform input[type=text]:focus, #loginform input[type=password]:focus{border:1px dotted #50B32F; background-color:#EAFDE3;}
#loginform input[type=text].error, #loginform input[type=password].error{border:1px dotted #F00; background-color:#FFE1E1;}
#recupform input[type=text]:focus{border:1px dotted #50B32F; background-color:#EAFDE3;}
#recupform input[type=text].error{border:1px dotted #F00; background-color:#FFE1E1;}
#alterarform input[type=password]:focus{border:1px dotted #50B32F; background-color:#EAFDE3;}
#alterarform input[type=password].error{border:1px dotted #F00; background-color:#FFE1E1;}
.logotipo{margin-left:10px;width:192px; height:63px;display:inline-block;float:left;background-image:url(../images/logotipo.png);}
.h1topo{font-size:18px;font-weight:700;float:right;display:inline-block;color:#FFF;padding:40px 0;line-height:22px;letter-spacing:1px;margin-right:10px;}
.footer{width:100%;background-color:#253782;position:absolute;right:0;left:0;bottom:0;padding:10px 0;display:inline-table;}
.direitos{margin-left:10px;padding:3px 0 8px 30px;background-image:url(../images/anaya.png);background-position:0 0;background-repeat:no-repeat;color:#FFF; line-height:18px;}


.loclogo{ padding:20px;background-color:#e5e5e5; display:inline-block; float:left;}
.lklogo{width:230px;height:63px;display:inline-block;float:left; background-image:url(../images/logotipo.svg); background-repeat:no-repeat; background-position:0 0;background-size:230px 63px;}


::-webkit-input-placeholder{color:#b2b2b2;}
:-moz-placeholder{color:#b2b2b2;opacity:1;}
::-moz-placeholder{color:#b2b2b2;opacity:1;}
:-ms-input-placeholder{color:#b2b2b2;}
::-ms-input-placeholder{color:#b2b2b2;}

@media only screen and (max-width:1025px)
{
	.conteudo{width:1000px;}
}

@media only screen and (max-width:995px)
{
	.conteudo{width:768px;}
	.login{padding:80px 0 150px 0; }
}

@media only screen and (max-width:767px)
{
	.conteudo, .conteudolog{ width:430px;}
	.logotipo{ margin:0 auto;display:table;float:none;}
	.h1topo{margin:0 auto;display:table;float:none;padding:20px 0;line-height:12px;font-size:16px;}
}

@media only screen and (max-width:425px)
{
	.conteudo, .conteudolog{width:395px;}
}

@media only screen and (max-width:375px)
{
	.conteudo, .conteudolog{width:335px;}
	img{max-width:90%;}
}

@media only screen and (max-width:320px)
{
	.conteudo, .conteudolog{width:290px;}
}