/* DOCUMENT CSS */
*, html, body {margin:0; padding: 0; border: 0; outline: 0; box-shadow: none; -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
html {font-family: 'Roboto', sans-serif; font-family:inherit; font-size:inherit; line-height:inherit;}

h1 {font-family: 'Roboto', sans-serif;}
h2 {font-family: 'Roboto', sans-serif;}
a {color:none; text-decoration: none;}
img {font-size: 0; vertical-align: middle;}

.clear {clear: both;}

header#header {width: 84%; height: 120px; padding:0 8%; background: orange;}
header#header h1 {width: 33%; height: 90px; float: left; left: 0; position: relative; margin-top: 30px; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; background: #FFF; overflow: hidden;}
header#header h1 img {width: auto; height: 80px;}
header#header h2 {font-weight: 600; font-size: 28px; color: #FFF; margin-top: 26px; letter-spacing: -0.5px;}
header#header h2 em {font-weight: 400; font-style: normal;}
header#header h4 {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 21px; color: #FFF;}
header#header h4 strong {font-weight: 700;}
header#header nav#menu {float: right; right: 0; position: relative; text-align: right;}
header#header ul {list-style: none; margin-top:12px;}
header#header li {display: inline-block;}
header#header li a, header#header h4 a {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 20px; color:#FFF; letter-spacing: 1px; text-transform: uppercase; margin-left: 15px; padding:7px 20px; border-radius: 4px; border:1px dashed #FFF;}
header#header li a:hover, header#header h4 a:hover, header#header li a.ativo {color: orange; padding:8px 20px; background: #FFF;}
header#header h4 a {margin-left: 50px;}

section#conteudo {width: 84%; height: auto; min-height: 310px; padding:75px 8%;}
section#conteudo form.login {width: 35%; height: auto; margin:30px auto; display: block; position: relative;}
section#conteudo form.login fieldset {padding:30px 30px 0 30px; border:1px solid #DDD; border-radius: 5px;}
section#conteudo form.login label {font-family: 'Roboto', sans-serif; font-size:16px; color:#444;}
section#conteudo form.login input {width: 90%; height: 40px; margin-bottom: 30px; padding:0 5%; border-top:2px solid #999; border-left: 2px solid #999; border-radius: 3px; background: #DDD;}
section#conteudo form.login button {width: 100%; height: 52px; margin-top: 30px; border:1px solid #333; border-radius: 4px; box-shadow: 0 1px 2px #999; font-size: 21px; color:#F1F1F1; text-transform: uppercase; background: #444;}
section#conteudo form.login button i {margin-right: 10px; margin-left: -10px;}
section#conteudo form.login button:hover {color:#FFF; border:1px solid #CC8A00; box-shadow: 0 1px 2px #FFF; background: orange;}

div#return {width: 90%; height: auto; padding:20px 5%; border:1px solid #770000; border-radius: 5px; background: #BA0C2F;}
div#return h1 {color:#FFF; text-transform: uppercase; text-align: center;}
div#return p {color:#FFF; text-align: center;}
div#return i {font-size: 30px; color:#FFF; margin-right: 10px;}

div.green {border:1px solid green!important; background: #009A44!important;}

section#conteudo h1 {font-weight: 500; font-size: 34px;}
section#conteudo h1#title {display: none; margin-bottom: 10px;}
section#conteudo h1 i {color: orange;}
section#conteudo h1 span {font-style: italic; color: orange;}
section#conteudo a.cadastrar {float: right; right: 0; position: relative; top:-44px; padding:12px 34px; border-radius: 5px; box-shadow: 0 1px 1px #444;  font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 17px; color:#F1F1F1; text-transform: uppercase; background: #009A44;}
section#conteudo a.cadastrar:hover {color:#FFF; box-shadow: 0 1px 1px #FFF; background: #00B140;}

section#conteudo a.voltar {float: right; right: 0; position: relative; top:-44px; padding:12px 34px; border-radius: 5px; box-shadow: 0 1px 1px #444;  font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 17px; color:#F1F1F1; text-transform: uppercase; background: #777;}
section#conteudo a.voltar:hover {color:#FFF; box-shadow: 0 1px 1px #FFF; background: #505052;}

section#conteudo table#table {width: 100%; height: auto; border:0; border-radius: 5px; overflow: hidden;}
section#conteudo table#table th {font-family: Arial, 'Roboto', sans-serif; font-weight: 600; font-size: 19px; color:#FFF; padding: 12px 0; border-bottom: 10px solid #FFF; background: #444;}
section#conteudo table#table td {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; color:#444; padding: 7px 10px; border-bottom: 4px solid #FFF; background: #DDD;}
section#conteudo table#table td a {color:#444; text-decoration: underline;}
section#conteudo table#table td a:hover {border-bottom: 1px solid orange; text-decoration: none;}
section#conteudo table.float {width: 75%!important; float: right; right: 0; position: relative; display: table;}

section#conteudo a#editar {font-family: 'Roboto', sans-serif; font-weight: 400; font-size:14px; color:#F1F1F1!important; padding:4px 10px; border-radius: 3px; background: #555;}
section#conteudo a#editar:hover {color:#FFF!important; background: orange;}
section#conteudo a#excluir {font-family: 'Roboto', sans-serif; font-weight: 400; font-size:14px; color:#F1F1F1!important; margin-left: 7.5px; padding:4px 10px; border-radius: 3px; background: #999;}
section#conteudo a#excluir:hover {color:#FFF!important; background: #990000;}
section#conteudo a#abrir {font-family: 'Roboto', sans-serif; font-weight: 400; font-size:14px; color:#F1F1F1!important; margin-right: 7.5px; padding:4px 10px; border-radius: 3px; background: #111;}
section#conteudo a#abrir:hover {color:orange!important; background: #000;}

section#conteudo {width: 84%; height: auto; min-height: 310px; padding:75px 8%;}
section#conteudo form#form {width: 100%; height: auto; margin:0px auto; display: none; position: relative;}
section#conteudo form#form fieldset.full {width: 90%; padding:30px 5% 0 5%; border:1px solid #DDD; border-radius: 5px;}
section#conteudo form#form fieldset.float {width: 50%; padding:30px 30px 0 30px; border:1px solid #DDD; border-radius: 5px;}
section#conteudo form#form label {font-family: 'Roboto', sans-serif; font-size:16px; color:#444;}
section#conteudo form#form input {width: 90%; height: 40px; margin-bottom: 30px; padding:0 5%; border-top:2px solid #999; border-left: 2px solid #999; border-radius: 3px; background: #DDD; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 20px; color:#505052;}
section#conteudo form#form input:hover, section#conteudo form#form input:focus {font-family: 'Roboto', sans-serif; color:#444; border-top:2px solid #888; border-left: 2px solid #888; background: #F4F4F4;}
section#conteudo form#form select {width: 100%; height: 40px; margin-bottom: 30px; padding:0 5%; border-top:2px solid #999; border-left: 2px solid #999; border-radius: 3px; background: #DDD; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 20px; color:#505052;}
section#conteudo form#form option {font-family: 'Roboto', sans-serif; font-weight: 600; color:#444; padding:8px 20px;}
section#conteudo form#form textarea {height: 440px; margin-bottom: 30px; padding:10px 5%; border-top:2px solid #999; border-left: 2px solid #999; border-radius: 3px; background: #DDD; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 20px; color:#505052;}
section#conteudo form#form fieldset.full textarea {width: 97%; padding:10px 1.5%;}
section#conteudo form#form fieldset.full select {width: 39%; padding:0 10px;}
section#conteudo form#form input#file {width: 39%; padding:0;}
section#conteudo form#form button#x {width: auto; height: 52px; margin-top: 30px; padding:0 10%; border:1px solid #333; border-radius: 4px; box-shadow: 0 1px 2px #999; font-size: 21px; color:#F1F1F1; text-transform: uppercase; background: #444;}
section#conteudo form#form button i {margin-right: 10px; margin-left: -10px;}
section#conteudo form#form button#x:hover {color:#FFF; border:1px solid #CC8A00; box-shadow: 0 1px 2px #FFF; background: orange;}
section#conteudo form#form button#y {width: auto; height: 52px; padding:0 5%; margin-top: 30px; margin-left: 3.3%; border:1px solid #777; border-radius: 4px; box-shadow: 0 1px 2px #999; font-size: 21px; color:#F1F1F1; text-transform: uppercase; background: #999;}
section#conteudo form#form button#y:hover {text-decoration: none; box-shadow: 0 1px 2px #FFF; background: #777;}

section#conteudo form#form input#radio {width: auto!important; vertical-align: middle;}
section#conteudo form#form span {margin-right: 50px; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 17px; color:#505052;  top: -12px; position: relative;}

article#relatorio {width: 100%; height: auto; min-height: 260px; margin-bottom: 50px;}
article#relatorio div.aside {float: right; right: 0; position: relative;}
article#relatorio div.aside h2 {margin-bottom: 10px; padding-top: 5px;}
article#relatorio div.aside ul { padding:10px 20px; border:1px solid #DDD; border-radius: 5px; list-style: none;}
article#relatorio div.aside li {margin:15px 0;}
article#relatorio div.aside li a {color: #505052; text-decoration: none;}
article#relatorio div.aside li i.fa-angle-down {display: none;}
article#relatorio div.aside li a:hover { color: #444; text-decoration: underline;}
article#relatorio div.aside li:hover i.fa-angle-right {display: none!important;}
article#relatorio div.aside li:hover i.fa-angle-down {display: inline-block!important; margin-left: -4px;}
article#relatorio div.aside i.fa-angle-right, article#relatorio div.aside i.fa-angle-down { margin-right: 8px; }
article#relatorio div.aside a.delete {margin-left: 30px; font-family: 'Roboto', sans-serif; font-weight: 600;  color:#505052; float: right; right: 0; position: relative;}
article#relatorio div.aside a.delete:hover {color: #FFF; text-decoration: none; background: #990000;}


footer#footer {width: 84%; height: auto; padding:30px 8%; background: #444;}
footer#footer div.col {width: 33.33%; height: auto; float: left;}
footer#footer div.col p {font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 15px; color:#FFF; opacity: 0.8;}
footer#footer div.col a {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; color: #FFF; text-decoration: none;}
footer#footer div.col a:hover {border-bottom: 2px solid orange;}

ul.relatorio {width: 17%; height: auto; float: left; left: 0; position: relative; list-style: none; margin-top: 20px; padding:10px 2%; border:1px solid #999; border-radius: 4px;}
ul.relatorio li {margin:10px 0; font-family: Arial, 'Roboto', sans-serif; font-weight:bold; font-size:16px;}
ul.relatorio li h2 {font-weight: 400; font-size: 20px; color:#FFF; text-align: center; padding: 8px 0; background: #444; position: relative; margin-top:-41px; margin-bottom: 22px; border-radius: 4px;}
ul.relatorio li h2 i {font-size: 17px;}
ul.relatorio li a {color:#505052;}
ul.relatorio li a:hover {color:orange; text-decoration: underline;}
ul.relatorio li.ativo a {color:orange; text-decoration: underline;}
ul.relatorio li i {font-size: 15px;}

a.remove {color:#777; text-decoration: none;}
a.remove i {font-size: 25px; color:#777; margin-left: 10px;}
a.remove:hover i {color:#990000;}

i#add {font-size: 25px; color:#444; margin: -5px 0 5px 10px;}
i#add:hover {font-size: 26px; color:#333;}

section#includes {width: 80%; height: auto; min-height:440px; float: left; left: 0; position: relative; margin-top:15px; padding:2px 2.5%; border:1px solid #DDD;}
section#includes h4 {font-weight:400; font-size: 21px; font-style: italic; color:#505052; letter-spacing: -0.5px; margin-top:-30px; margin-bottom: 30px;}
section#includes img {width: auto; max-width: 100%; position: relative;}

div#aside {margin:15px 0 50px 0;}
div#aside ul {margin-top: 5px; margin-bottom: 20px; padding:12px 0 0 20px; border:1px solid #DDD; border-radius: 5px; list-style: none;}
div#aside li {display: inline-block; margin-right: 20px; margin-bottom: 12px;}
div#aside li a {color: #505052; text-decoration: none;}
div#aside li i.fa-angle-down {display: none;}
div#aside li a:hover { color: #444; text-decoration: underline;}
div#aside li:hover i.fa-angle-right {display: none!important;}
div#aside li:hover i.fa-angle-down {display: inline-block!important; margin-left: -4px;}
div#aside i.fa-angle-right, div#aside i.fa-angle-down { margin-right: 8px; }
div#aside a.delete {margin-left: 10px; padding:0 5px 1px 5px; border:1px solid #CCC; border-radius: 15px; font-family: 'Roboto', sans-serif; font-weight: 600; font-size:14px; color:#505052; float: right; right: 0; position: relative;}
div#aside a.delete:hover {color: #FFF; text-decoration: none; border:1px solid #990000; background: #990000;}

p#returnAnexo {width: 100%; height: auto; margin-bottom: 10px; padding:10px 0; border-radius: 4px; font-weight: 400; font-size: 16px; color:#FFF; text-align: center; border:1px solid green!important; background: #009A44!important; }