/* -----------------------------------*/
/* -------------- reset --------------*/
/* -----------------------------------*/
html, body, div, span, applet, object, iframe, 
p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, ins,img, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend{margin:0; padding:0; border:0; outline:0; font-size:100%;vertical-align:baseline;}
body{line-height:1; font-family: 'Open Sans', sans-serif; font-size:14px}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:underline}
a:active{ext-decoration:none}
input, textarea, select{font-family: 'Open Sans', sans-serif; font-size:14px;}
input[type="radio"]{border:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
:focus{outline:0}
img{vertical-align:middle}
.left{text-align:left;}
.right{text-align:right}
.center{text-align:center}
/* -----------------------------------*/
/* ----------- Tipografia ------------*/
/* -----------------------------------*/
body {font-family: 'Open Sans', sans-serif;background: #f4f4f4;}
.texto, .texto a {font-family: 'Open Sans', sans-serif;}
.pure-g [class *="pure-u"], .pure-g-r [class *="pure-u"] {font-family: 'Open Sans', sans-serif;}
/* -----------------------------------*/
/* -------------- Global -------------*/
/* -----------------------------------*/
h1, h2, h3, h4, h5, h6 {margin: 0; padding:0; line-height: 1.2;}
dl, menu, ol, ul {margin:0; padding:0}
p, pre {margin: 0}
a{transition: 0.2s all;}
/* -----------------------------------*/
/* ------------ Cabeçalho ------------*/
/* -----------------------------------*/
body {background: #2C3E50;}
#tela-login {box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.58);}
#tela-login {max-width: 420px;background-color: #FFF;border-radius: 10px;margin: 100px auto ;padding-bottom: 50px;}
#tela-login .logo{padding: 15px;}
#tela-login .suporte {padding: 25px 15px 0 0;}
#tela-login .suporte {color: #2C3E50;font-size: 14px;text-align: right;}
#tela-login .suporte .telefone  {color: #DF1812;font-size: 14px;text-align: right;}
#tela-login .suporte .telefone b {font-size: 20px; font-weight: 600;}
#tela-login .titulo h1 {background-color: #fafafa;color: #2C3E50;font-weight: 600;text-align: center; font-size: 22px;padding: 12px 0;}
#tela-login .login {padding-top: 15px;}
#tela-login .ajuda-senha {text-align: right;padding: 3px 0 20px;}
#tela-login .ajuda-senha a {color: #2C3E50; text-decoration: underline;font-size: 12px;}
.pure-button-primary, .pure-button-selected, 
a.pure-button-primary, 
a.pure-button-selected {background-color: #DF1812;color: #fff;}
.pure-form label {padding: 10px 0 3px;}
/*------------------------------------*/
/* ----------- responsivo ------------*/
/* -----------------------------------*/
.n-full {display: none !important;}
img.responsiva {width: 100%;}
img.responsiva-2 {width: 90%;}
img.responsiva-3 {max-width:100%;}
@media (max-width: 1279px) {
	.n-xl {display: none !important;}
	.y-xl {display: block !important;}
	.center-xl {text-align: center;}
	.right-xl {text-align: right;}
	.left-xl {text-align: left;}
	.container{max-width:980px;}
}
@media (min-width: 1023px) {
}
@media (max-width: 1023px) {
	.n-lg {display: none !important;}
	.y-lg {display: block !important;}
	.center-lg {text-align: center;}
	.right-lg {text-align: right;}
	.left-lg {text-align: left;}
	.container{max-width:90%;}
	.bg-parallax {background-attachment: scroll;}
	.wrap {padding: 40px 0;}
	.btn {padding: 10px 20px;font-size: 14px;}
}
@media (max-width:767px) {
	.n-md {display: none !important;}
	.y-md {display: block !important;}
	.center-md {text-align: center !important;}
	.right-md {text-align: right !important;}
	.left-md {text-align: left !important;}
}
@media (max-width:567px) {
	.n-sm {display: none !important;}
	.y-sm {display: block !important;}
	.center-sm {text-align: center !important;}
	.right-sm {text-align: right !important;}
	.left-sm {text-align: left !important;}
	#tela-login {margin: 20px 20px;}
	#tela-login .suporte {color: #2C3E50;font-size: 12px;text-align: right;}
	#tela-login .suporte .telefone  {color: #DF1812;font-size: 12px;text-align: right;}
	#tela-login .suporte .telefone b {font-size: 16px; font-weight: 600;}
	#tela-login .suporte {padding: 15px 15px 0 0;}
}