/*
* HTML5 Boilerplate
*
*
* Project: Nome do Projeto
* Author: Webinterativa
* Date: 11/2012
*
*/
/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/*
* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/*
* Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
* and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 100%;
/* 1 */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
/* 2 */
}
/*
* Addresses `font-family` inconsistency between `textarea` and other form
* elements.
*/
html,
button,
input,
select,
textarea {
font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
}
/*
* Addresses margins handled incorrectly in IE 6/7.
*/
body {
margin: 0;
position: relative;
}
/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
/*
* Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/*
* Addresses styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE 6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/*
* Addresses margins set differently in IE 6/7.
*/
p,
pre {
margin: 1em 0;
}
/*
* Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/*
* Improves readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* Addresses CSS quotes not supported in IE 6/7.
*/
q {
quotes: none;
}
/*
* Addresses `quotes` property not supported in Safari 4.
*/
q:before,
q:after {
content: '';
content: none;
}
/*
* Addresses inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE 6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/*
* Addresses paddings set differently in IE 6/7.
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/*
* Corrects list images handled incorrectly in IE 7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7.
*/
img {
border: 0;
/* 1 */
-ms-interpolation-mode: bicubic;
/* 2 */
}
/*
* Corrects overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE 6/7.
*/
form {
margin: 0;
}
/*
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7.
*/
legend {
border: 0;
/* 1 */
padding: 0;
white-space: normal;
/* 2 */
*margin-left: -7px;
/* 3 */
}
/*
* 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improves appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-size: 100%;
/* 1 */
margin: 0;
/* 2 */
vertical-align: baseline;
*vertical-align: middle;
/* 3 */
}
/*
* Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
*overflow: visible;
/* 4 */
}
/*
* Re-set default cursor for disabled elements.
*/
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
*height: 13px;
*width: 13px;
/* 3 */
}
div.checkbox > input[type="checkbox"] {
margin-top: 5px;
}
div.radio > fieldset > legend {
color: #666666;
font-size: 13px;
font-weight: normal;
}
/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* Removes inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Helper classes
========================================================================== */
.clear {
clear: both;
}
.block {
display: block;
}
.escondido {
display: none;
}
.fl {
float: left;
}
.fr {
float: right;
}
.pointer {
cursor: pointer;
}
/*
* Image replacement
*/
.ir {
display: block;
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 100%;
}
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
.ui-dialog {
box-shadow: 0 0 5px #cccccc;
-moz-box-shadow: 0 0 5px #cccccc;
-webkit-box-shadow: 0 0 5px #cccccc;
}
.ui-dialog .ui-dialog-titlebar-close {
-moz-transition: none;
-o-transition-property: none;
-webkit-transition: none;
transition: none;
}
.ui-dialog .ui-dialog-buttonpane {
margin: 0;
border-color: #dfdfdf;
}
.ui-dialog p {
margin: 10px 0 0 0;
font-size: 0.875em;
}
.ui-button-text-only .ui-button-text {
padding: 0;
font-size: 0.8125em;
}
.ui-corner-all {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.ui-widget {
font-family: inherit;
font-size: 0.875em;
}
.ui-widget-content {
color: #666666;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-size: 1em;
background: #ffffff;
padding: 8px 6px;
border: 1px solid #dfdfdf;
}
.ui-spinner {
border: 0;
overflow: auto;
padding-right: 16px;
background: none;
}
.ui-spinner a.ui-spinner-button {
border: 1px solid #e9e9e9;
}
.ui-spinner-input {
margin: 0;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: 0.55;
filter: alpha(opacity=55);
background-image: none;
}
.ui-menu .ui-menu-item a {
font-size: 1em;
color: #666666;
}
.ui-datepicker-trigger {
padding: 6px;
margin-left: 2px;
}
.ui-datepicker {
font-size: 0.8125em;
}
.ui-datepicker .ui-datepicker-header a {
-moz-transition: none;
-o-transition-property: none;
-webkit-transition: none;
transition: none;
}
.ui-datepicker select {
padding: 3px;
}
/*10/16px*/
/* 11px/16px */
/* 12px/16px */
/*13px/16px */
/* 14px/16px */
/* 15px/16px */
/* 16px/16px */
/* 18px/16px */
/* 20px/16px */
/* 22px/16px */
/* 25/15px */
/* 30px/16px */
/* 36px/16px */
@font-face {
font-family: 'DINPro-Regular';
src: url('fontes/DINPro-Regular.eot');
src: local('☺'), url('fontes/DINPro-Regular.svg') format('svg'), url('fontes/DINPro-Regular.woff') format('woff'), url('fontes/DINPro-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'DINPro-Bold';
src: url('fontes/DINPro-Bold.eot');
src: local('☺'), url('fontes/DINPro-Bold.svg') format('svg'), url('fontes/DINPro-Bold.woff') format('woff'), url('fontes/DINPro-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
/* ==========================================================================
Layout Styles
========================================================================== */
body {
color: #666666;
font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
background: #00A78E;
-webkit-text-size-adjust: none;
-webkit-font-smoothing: antialiased;
}
a {
color: #00A78E;
text-decoration: none;
font-weight: 400;
font-weight: bold;
}
a:hover {
color: #00A78E;
}
h1,
h2,
h3,
h4 {
background: none;
}
.center {
width: 998px;
margin: 0 auto;
}
.corpo {
background: #f5f5f5;
}
.botao,
input[type=button],
input[type=submit],
button {
font-weight: 700;
font-size: 0.75em;
padding: 11px 14px;
color: #666;
line-height: 1em;
display: inline-block;
*display: inline;
zoom: 1;
position: relative;
background: #fff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTllOWU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #ffffff 58%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, #ffffff), color-stop(100%, #e9e9e9));
background: -webkit-linear-gradient(top, #ffffff 58%, #e9e9e9 100%);
background: -o-linear-gradient(top, #ffffff 58%, #e9e9e9 100%);
background: -ms-linear-gradient(top, #ffffff 58%, #e9e9e9 100%);
background: linear-gradient(to bottom, #ffffff 58%, #e9e9e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e9e9e9', GradientType=0);
border: 1px solid #ddd;
box-shadow: 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.botao:hover,
input[type=button]:hover,
input[type=submit]:hover,
button:hover {
background: #fff;
border-color: #cdcdcd;
color: #444;
box-shadow: 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff;
}
.botao:active,
input[type=button]:active,
input[type=submit]:active,
button:active {
background: #f1f1f1;
top: 1px;
border-color: #ccc;
box-shadow: 1px 1px 0 #ffffff, inset 0 0 6px #cccccc;
-moz-box-shadow: 1px 1px 0 #ffffff, inset 0 0 6px #cccccc;
-webkit-box-shadow: 1px 1px 0 #ffffff, inset 0 0 6px #cccccc;
}
.botao-selecionado,
.botao-selecionado:hover {
border-color: #ccc;
background: #f1f1f1 !important;
box-shadow: 1px 1px 0 #ffffff, inset 0 0 6px #cccccc;
-moz-box-shadow: 1px 1px 0 #ffffff, inset 0 0 6px #cccccc;
-webkit-box-shadow: 1px 1px 0 #ffffff, inset 0 0 6px #cccccc;
}
.botao-discreto {
color: #d7d7d7;
text-shadow: 0 2px 0 #fff;
border-color: #dfdfdf;
background: #f7f6f6;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NCUiIHN0b3AtY29sb3I9IiNmN2Y2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #f7f6f6 44%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(44%, #f7f6f6), color-stop(100%, #f4f4f4));
background: -webkit-linear-gradient(top, #f7f6f6 44%, #f4f4f4 100%);
background: -o-linear-gradient(top, #f7f6f6 44%, #f4f4f4 100%);
background: -ms-linear-gradient(top, #f7f6f6 44%, #f4f4f4 100%);
background: linear-gradient(to bottom, #f7f6f6 44%, #f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f6f6', endColorstr='#f4f4f4', GradientType=0);
box-shadow: 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff, inset 1px 1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff, inset 1px 1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff, inset 1px 1px 0 #ffffff;
}
.botao-discreto:hover {
box-shadow: 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff;
}
.botao-discreto:active {
box-shadow: 1px 1px 0 #ffffff, inset 0 0 6px #cccccc;
-moz-box-shadow: 1px 1px 0 #ffffff, inset 0 0 6px #cccccc;
-webkit-box-shadow: 1px 1px 0 #ffffff, inset 0 0 6px #cccccc;
}
.botao-destaque,
.div-botao-destaque input {
font-family: 'DINPro-Bold', 'Helvetica Neue', Helvetica;
color: #fff;
border-color: #028672;
background: #00A78E;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNjYzI1MTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYTUxNjBhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #00A78E 20%, #10b199 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #00A78E), color-stop(100%, #10b199));
background: -webkit-linear-gradient(top, #00A78E 20%, #10b199 100%);
background: -o-linear-gradient(top, #00A78E 20%, #10b199 100%);
background: -ms-linear-gradient(top, #00A78E 20%, #10b199 100%);
background: linear-gradient(to bottom, #00A78E 20%, #10b199 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A78E', endColorstr='#10b199', GradientType=0);
text-shadow: 0 1px 0 #10b199;
box-shadow: 1px 1px 0 #ffffff, inset 1px 1px 0 #00A78E, inset 0 0 1px #ffdfdd;
-moz-box-shadow: 1px 1px 0 #ffffff, inset 1px 1px 0 #00A78E, inset 0 0 1px #ffdfdd;
-webkit-box-shadow: 1px 1px 0 #ffffff, inset 1px 1px 0 #00A78E, inset 0 0 1px #ffdfdd;
}
.botao-destaque:hover,
.div-botao-destaque input:hover,
.botao-destaque:focus,
.div-botao-destaque input:focus {
color: #fff;
border-color: #028672;
background: #04c4a7;
box-shadow: 1px 1px 0 #ffffff, inset 1px 1px 0 #04c4a7, inset 0 0 1px #ffdfdd;
-moz-box-shadow: 1px 1px 0 #ffffff, inset 1px 1px 0 #04c4a7, inset 0 0 1px #ffdfdd;
-webkit-box-shadow: 1px 1px 0 #ffffff, inset 1px 1px 0 #04c4a7, inset 0 0 1px #ffdfdd;
}
.botao-destaque:active,
.div-botao-destaque input:active {
text-shadow: 0 1px 0 #10b199;
box-shadow: 1px 1px 0 #ffffff, inset 0 0 5px #91140a;
-moz-box-shadow: 1px 1px 0 #ffffff, inset 0 0 5px #91140a;
-webkit-box-shadow: 1px 1px 0 #ffffff, inset 0 0 5px #91140a;
}
.botao-destaque-2,
.bloco-cadastro-conteudo input[type=submit] {
color: #fff;
border-color: #129d53;
font-size: 0.875em;
text-shadow: 1px 1px 0 #0a4b29;
background: #0f944d;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiMyMGE3NWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGY5NDRkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #20a75f 30%, #0f944d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #20a75f), color-stop(100%, #0f944d));
background: -webkit-linear-gradient(top, #20a75f 30%, #0f944d 100%);
background: -o-linear-gradient(top, #20a75f 30%, #0f944d 100%);
background: -ms-linear-gradient(top, #20a75f 30%, #0f944d 100%);
background: linear-gradient(to bottom, #20a75f 30%, #0f944d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20a75f', endColorstr='#0f944d', GradientType=0);
box-shadow: 1px 1px 0 #ffffff, inset 1px 1px 0 #6ad086, inset 0 0 1px #6ad086;
-moz-box-shadow: 1px 1px 0 #ffffff, inset 1px 1px 0 #6ad086, inset 0 0 1px #6ad086;
-webkit-box-shadow: 1px 1px 0 #ffffff, inset 1px 1px 0 #6ad086, inset 0 0 1px #6ad086;
}
.botao-destaque-2:hover,
.bloco-cadastro-conteudo input[type=submit]:hover {
background: #36a755;
box-shadow: 1px 1px 0 #ffffff, inset 1px 1px 0 #6ad086, inset 0 0 1px #6ad086;
-moz-box-shadow: 1px 1px 0 #ffffff, inset 1px 1px 0 #6ad086, inset 0 0 1px #6ad086;
-webkit-box-shadow: 1px 1px 0 #ffffff, inset 1px 1px 0 #6ad086, inset 0 0 1px #6ad086;
}
.botao-destaque-2:active,
.bloco-cadastro-conteudo input[type=submit]:active {
box-shadow: 1px 1px 0 #ffffff, inset 0 0 5px #096e38;
-moz-box-shadow: 1px 1px 0 #ffffff, inset 0 0 5px #096e38;
-webkit-box-shadow: 1px 1px 0 #ffffff, inset 0 0 5px #096e38;
}
.botao,
input[type=button],
input[type=submit],
button {
filter: none;
}
.botao-com-icone {
padding-left: 31px;
}
.botao-com-icone .icone {
position: absolute;
left: 8px;
top: 7px;
}
.botao.apenas-icone {
padding: 0;
text-indent: -9999em;
}
.botao.apenas-icone.com-icone-18 {
width: 34px;
height: 34px;
}
.icone,
.icone-48 {
background-image: url(../img/sprite.png);
background-repeat: no-repeat;
display: inline-block;
*display: inline;
zoom: 1;
}
.icone-48 {
background-image: url(../img/sprite-icones-48.png?va);
background-repeat: no-repeat;
width: 48px !important;
height: 48px !important;
}
.icone-18 {
width: 18px !important;
height: 18px !important;
}
.icone.check {
background-position: -216px -18px;
}
.icone.editar {
background-position: -18px -18px;
}
.icone.adicionar {
background-position: 0 -18px;
}
.icone.lupa {
background-position: -72px -18px;
}
.icone.boleto {
background-position: -126px -18px;
}
.icone.ajuda {
background-position: -90px -18px;
}
.icone.voltar {
background-position: -108px -18px;
}
.icone.inbox {
background-position: -162px 0px;
}
.icone.mail {
background-position: -180px -18px;
}
.icone.baixar {
background-position: -53px -18px;
}
.botao:hover .icone.baixar {
background-position: -53px -36px;
}
.icone.porcentagem {
background-position: -234px -17px;
}
.botao:hover .icone.porcentagem {
background-position: -234px -36px;
}
.icone.imprimir {
background-position: -197px -18px;
}
.botao:hover .icone.imprimir {
background-position: -197px -36px;
}
.botao:hover .icone.adicionar {
background-position: 0 -36px;
}
.botao:hover .icone.lupa {
background-position: -72px -36px;
}
.botao:hover .icone.boleto {
background-position: -126px -36px;
}
.botao:hover .icone.ajuda {
background-position: -90px -36px;
}
.botao:hover .icone.voltar {
background-position: -108px -36px;
}
.botao:hover .icone.inbox {
background-position: -162px -36px;
}
.botao:hover .icone.mail {
background-position: -180px -36px;
}
.icone-48.icone-boleto {
background-position: 0 0;
}
.icone-48.icone-cedula {
background-position: -48px 0;
}
.icone-48.icone-grafico {
background-position: -96px 0;
}
.icone-48.icone-mensagem {
background-position: -144px 0;
}
.icone-48.icone-calendario {
background-position: -192px 0;
}
.icone-48.icone-meus-dados {
background-position: -240px 0;
}
.a-com-icone {
display: block;
}
.a-com-icone:hover .icone-48.icone-boleto {
background-position: 0 -48px;
}
.a-com-icone:hover .icone-48.icone-cedula {
background-position: -48px -48px;
}
.a-com-icone:hover .icone-48.icone-grafico {
background-position: -96px -48px;
}
.a-com-icone:hover .icone-48.icone-mensagem {
background-position: -144px -48px;
}
.a-com-icone:hover .icone-48.icone-calendario {
background-position: -192px -48px;
}
.a-com-icone:hover .icone-48.icone-meus-dados {
background-position: -240px -48px;
}
.titulo {
display: block;
font-family: 'DINPro-Bold', 'Helvetica Neue', Helvetica;
font-weight: 700;
text-transform: uppercase;
text-shadow: 0 1px 1px #fff;
margin: 0 0 20px 0;
}
.cor-destaque {
color: #00A78E;
}
.cor-destaque-secundario {
color: #808184;
}
/* ==========================================================================
TOPO
========================================================================== */
#topo {
background: #ffffff url(../img/pattern-riscos.jpg) repeat;
border-bottom: 1px solid #ebebeb;
}
.topo-logo {
height: 124px;
width: 230px;
display: block;
margin: 0;
background: none;
float: left;
}
.topo-logo-a {
height: 114px;
padding-top: 10px;
background: #fff;
border: 1px solid #ebebeb;
border-top: 0;
border-bottom: 0;
display: block;
text-align: center;
}
.topo-logo-a:hover {
border-color: #ddd;
}
.topo-login {
width: 542px;
padding-top: 18px;
float: right;
}
.topo-login .input label {
display: none;
}
.topo-login-titulo {
color: #bdbdbe;
font-size: 0.9375em;
line-height: 1em;
margin-bottom: 14px;
padding-left: 8px;
}
.topo-login-fieldset {
position: relative;
}
.topo-login-fieldset .message {
bottom: -39px;
left: 0;
margin: 0;
position: absolute;
width: 505px;
}
.topo-login-form {
width: auto;
}
.topo-login-form div {
padding: 0;
margin: 0;
float: left;
clear: none;
}
.topo-login-form div input {
padding: 8px 9px;
width: auto;
font-size: 0.75em;
}
.topo-login-form .div-botao input {
padding-left: 10px;
padding-right: 10px;
}
.topo-login-form .text {
width: 242px;
}
.topo-login-form .text input {
width: 220px;
}
.topo-login-form .password {
width: 214px;
margin: 0px 8px;
}
.topo-login-form .password input {
width: 192px;
}
.topo-login-form .botao {
font-size: 0.8125em;
float: left;
}
.topo-esqueci-senha-a {
position: absolute;
font-size: 0.75em;
right: 173px;
top: 20px;
}
.topo-usuario {
width: 430px;
padding-top: 25px;
float: right;
}
.topo-usuario-condominio {
width: 185px;
margin: 0;
padding-top: 20px;
text-align: right;
float: left;
font-size: 0.75em;
}
.topo-usuario-condominio .descricao {
font-family: 'Georgia', Times;
}
.topo-usuario-bloco {
float: right;
width: 214px;
padding: 8px;
background: #ffffff url(../img/bg-topo-usuario-bloco.png) repeat-x bottom;
border: 1px solid #f1f1f1;
box-shadow: 1px 1px 3px #e8e8e8;
-moz-box-shadow: 1px 1px 3px #e8e8e8;
-webkit-box-shadow: 1px 1px 3px #e8e8e8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.topo-usuario-bloco img {
float: left;
margin-right: 7px;
}
.topo-usuario-bloco .nome {
font-size: 0.8125em;
}
.topo-usuario-bloco .links {
font-size: 0.6875em;
}
/* ==========================================================================
NAV GLOBAL
========================================================================== */
.nav-global {
border-bottom: 1px solid #fff;
background: #f9f9f9 url(../img/bg-nav-global.png) repeat-x bottom;
}
.nav-global-ul {
padding: 10px 0 14px 0;
}
.nav-global-ul > .nav-global-li {
float: left;
margin-left: 7px;
position: relative;
}
.nav-global-ul > .nav-global-li > a {
padding: 5px 6px;
color: #999;
font-size: 0.75em;
font-weight: 700;
text-decoration: none;
text-shadow: 0 2px 0 #fff;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.nav-global-ul > .nav-global-li > a:hover {
background: #00A78E;
color: #fff;
text-shadow: -1px -1px 0 #00a78e3f;
box-shadow: 1px 1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff;
-moz-transition: all 0.2s ease-in-out;
-o-transition-property: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.nav-global-ul > .nav-global-li > a.escolher-empresa {
background: #00A78E;
color: #fff;
text-shadow: -1px -1px 0 #00a78e3f;
box-shadow: 1px 1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff;
-moz-transition: all 0.2s ease-in-out;
-o-transition-property: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.nav-global-ul > li:first-child {
margin-left: 0;
}
.nav-global-li.com-submenu a {
padding-right: 26px;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.nav-global-li.com-submenu a .seta {
width: 14px;
height: 14px;
position: absolute;
right: 6px;
top: 6px;
background: url(../img/sprite.png) no-repeat 0 -54px;
}
.nav-global-li.com-submenu a:hover .seta {
background-position: -14px -54px;
}
.nav-global-li-ativo > a {
background: #00A78E;
color: #fff !important;
text-shadow: -1px -1px 0 #00a78e3f !important;
box-shadow: 1px 1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff;
}
.nav-global-li-ativo .seta {
background-position: -14px -54px !important;
}
.submenu {
width: 180px;
padding: 8px;
display: none;
margin: 0;
background: #00A78E;
position: absolute;
z-index: 50;
top: 24px;
left: 0;
overflow: hidden;
-webkit-border-radius: 0 5px 5px 5px;
-moz-border-radius: 0 5px 5px 5px;
-ms-border-radius: 0 5px 5px 5px;
-o-border-radius: 0 5px 5px 5px;
border-radius: 0 5px 5px 5px;
box-shadow: 2px 2px 7px #aaaaaa;
-moz-box-shadow: 2px 2px 7px #aaaaaa;
-webkit-box-shadow: 2px 2px 7px #aaaaaa;
}
.submenu li {
padding: 0;
margin: 0;
border-bottom: 1px solid #028672;
border-top: 1px solid #039781;
}
.submenu li a {
padding: 6px 0;
color: #e6fffb;
display: block;
font-size: 0.8125em;
text-shadow: 1px 1px 0 #00a78e3f;
}
.submenu li a:hover {
color: #fff;
}
.current{color: #028E38 !important;}
.submenu li:last-child {
border-bottom: 0;
}
.submenu li:first-child {
border-top: 0;
}
.nav-global-li-ativo .submenu {
display: block;
}
.nav-global-li.atual > a {
color: #00A78E;
}
.nav-global-li.atual > a .seta {
/*background-position: -28px -54px;*/
}
.ie9 .nav-global-li .seta {
top: 4px !important;
}
.ie9 .submenu {
top: 24px;
}
#nav-mobile {
display: none;
padding: 6px 10px;
margin: 5px 10px;
margin-left: 20px;
border: 1px solid #ddd;
background: #f1f1f1;
box-shadow: inset 1px 1px 0 #ffffff;
-moz-box-shadow: inset 1px 1px 0 #ffffff;
-webkit-box-shadow: inset 1px 1px 0 #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
#nav-mobile .line {
display: block;
width: 24px;
height: 2px;
background: #ccc;
margin: 4px 0;
}
#nav-mobile.open {
background: #eee;
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1), 1px 1px 0 #ffffff;
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1), 1px 1px 0 #ffffff;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1), 1px 1px 0 #ffffff;
}
/* ==========================================================================
CONTEÚDO
========================================================================== */
.corpo-conteudo {
padding: 24px 0;
}
.conteudo-principal {
border-top: 1px solid #fff;
padding-top: 15px;
}
.conteudo-principal .index {
width: auto;
float: none;
padding: 0;
border: 0;
}
.dis-flex-col{
display: flex;
flex-direction: column;
}
.conteudo-principal .esqueci-minha-senha .div-botao {
text-align: left;
}
.index > form {
width: auto;
}
.sidebar {
width: 220px;
float: left;
}
.filtros {
margin-bottom: 15px;
padding: 10px 10px 0 10px;
background: #fafafa;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MSUiIHN0b3AtY29sb3I9IiNmYWZhZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjFmMWYxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #fafafa 71%, #f1f1f1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(71%, #fafafa), color-stop(100%, #f1f1f1));
background: -webkit-linear-gradient(top, #fafafa 71%, #f1f1f1 100%);
background: -o-linear-gradient(top, #fafafa 71%, #f1f1f1 100%);
background: -ms-linear-gradient(top, #fafafa 71%, #f1f1f1 100%);
background: linear-gradient(to bottom, #fafafa 71%, #f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f1f1f1', GradientType=0);
border: 1px solid #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
box-shadow: 1px 1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff;
}
.filtros .filtros-titulo {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 0;
padding: 0 10px 10px;
font-size: 0.875em;
border-bottom: 1px solid #eee;
}
.filtros .filtros-form {
margin-left: -10px;
margin-right: -10px;
padding: 10px;
border-top: 1px solid #fff;
width: auto;
clear: none;
}
.filtros .filtros-form div {
padding: 0;
float: left;
width: 240px;
clear: none;
margin-right: 5px;
margin-bottom: 10px;
}
.filtros .filtros-form label {
font-size: 0.75em;
color: #666666;
text-align: left;
}
.filtros .filtros-form input[type=text],
.filtros .filtros-form input[type=tel],
.filtros .filtros-form select {
width: 220px;
padding: 7px 6px;
}
.filtros .filtros-form select {
height: 31px;
}
.filtros .filtros-form .div-data {
width: 130px;
}
.filtros .filtros-form .div-data input {
width: 80px;
}
.filtros .filtros-form .div-botao {
width: auto;
margin-top: 7px;
float: right;
font-size: 1.125em;
}
.principal-login-destaque {
padding-top: 20px;
}
.principal-login-destaque .principal-login-destaque-bloco {
float: left;
}
.principal-login-destaque .titulo {
margin: 0;
line-height: 1.4em;
background: transparent;
}
.principal-login-destaque .titulo span {
line-height: 1.1em;
}
.bloco-destaque {
width: 400px;
}
.bloco-destaque p {
color: #666666;
font-size: 0.875em;
font-family: 'DINPro-Regular', 'Helvetica Neue', Helvetica;
}
.bloco-destaque .bloco-destaque-titulo {
font-size: 2.25em;
}
.bloco-destaque .bloco-destaque-titulo .cor-destaque-secundario {
font-size: 0.66666667em;
/*24px/36px */
}
.bloco-com-borda {
border: 1px solid #dfdfdf;
box-shadow: 1px 1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.bloco-cadastro {
width: 440px;
min-height: 374px;
margin-left: 56px;
padding-left: 102px;
background: url(../img/linha-cinza-branco.png) repeat-y left center;
}
.bloco-cadastro .bloco-cadastro-header {
position: relative;
margin-bottom: 15px;
}
.bloco-cadastro .bloco-cadastro-header .dias-gratis {
width: 132px;
height: 60px;
background: url(../img/splash-dias-gratis.png) no-repeat;
text-indent: -9999em;
position: absolute;
right: 0;
top: -10px;
}
.bloco-cadastro-conteudo form {
width: auto;
clear: none;
}
.bloco-cadastro-conteudo div {
padding: 0;
clear: none;
margin-bottom: 7px;
}
.bloco-cadastro-conteudo input[type=text] {
width: 425px;
}
.bloco-cadastro-conteudo .select {
width: 182px;
float: right;
text-align: right;
}
.bloco-cadastro-conteudo .select select {
width: 182px;
}
.bloco-cadastro-conteudo .select-maior {
width: 245px;
float: left;
text-align: left;
}
.bloco-cadastro-conteudo .select-maior select {
width: 245px;
}
.bloco-cadastro-conteudo .submit {
padding-top: 10px;
clear: both;
}
.principal-login-conteudo {
width: 380px;
margin: auto;
background: #fff;
margin-bottom: 40px;
}
.principal-login-conteudo .principal-login-logo {
width: 280px;
float: left;
background: #fff;
padding-top: 80px;
padding-bottom: 80px;
border-right: 1px solid #dfdfdf;
}
.principal-login-conteudo .principal-login-logo > a {
display: block;
padding: 20px;
text-align: center;
}
.principal-login-conteudo .principal-login-conteudo-form {
width: auto;
clear: none;
}
.principal-login-conteudo .principal-login-conteudo-form > fieldset {
padding: 20px;
}
.principal-login-conteudo .principal-login-conteudo-form .input {
margin-bottom: 0;
}
.principal-login-conteudo .principal-login-conteudo-form .input > label {
font-size: 14px;
}
.principal-login-conteudo .principal-login-conteudo-form .input input {
width: 300px;
}
.principal-login-conteudo .principal-login-conteudo-form .topo-esqueci-senha-a {
position: relative;
top: auto;
right: auto;
display: inline-block;
*display: inline;
zoom: 1;
margin-left: 20px;
}
.titulo-secao {
font-size: 1.375em;
}
.header-padrao {
border-bottom: 1px solid #ddd;
padding-bottom: 12px;
}
.header-padrao .titulo-secao {
margin: 0;
}
.header-padrao.com-migalha .titulo-secao {
width: 400px;
float: left;
}
.migalhas-de-pao {
padding-top: 10px;
width: 568px;
float: right;
text-align: right;
font-size: 0.75em;
color: #999;
}
/* ==========================================================================
LISTAGEM, TABELAS
========================================================================== */
.area-botoes {
margin-bottom: 23px;
}
.area-botoes .botao-ajuda {
float: right;
text-align: left !important;
}
.area-botoes .botoes-esq {
width: 450px;
float: left;
}
.area-botoes .botoes-esq .botao {
margin-right: 5px;
}
.area-botoes .botoes-dir {
width: 450px;
float: right;
text-align: right;
}
.area-botoes .botoes-dir .botao {
margin-left: 5px;
}
.actions a,
.acao-a {
text-indent: -9999em;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
display: inline-block;
*display: inline;
zoom: 1;
border: 0;
}
.table-lista {
width: 100%;
border: 1px solid #dfdfdf;
border-collapse: inherit;
font-size: 0.75em;
color: #555;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
box-shadow: 1px 1px 8px #e9e7e7;
-moz-box-shadow: 1px 1px 8px #e9e7e7;
-webkit-box-shadow: 1px 1px 8px #e9e7e7;
}
.table-lista th,
.table-lista td {
padding: 6px;
}
.table-lista th a {
padding: 0;
}
.table-lista thead {
background: #fafafa;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fafafa 1%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fafafa), color-stop(100%, #ededed));
background: -webkit-linear-gradient(top, #fafafa 1%, #ededed 100%);
background: -o-linear-gradient(top, #fafafa 1%, #ededed 100%);
background: -ms-linear-gradient(top, #fafafa 1%, #ededed 100%);
background: linear-gradient(to bottom, #fafafa 1%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ededed', GradientType=0);
}
.table-lista thead th:first-child {
-webkit-border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
-ms-border-radius: 5px 0 0 0;
-o-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
}
.table-lista thead th:last-child {
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
-ms-border-radius: 0 5px 0 0;
-o-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
}
.table-lista thead th {
border-width: 1px;
border-color: #ddd;
font-weight: 700;
}
.table-lista thead a {
font-weight: 700;
}
.table-lista tbody tr:last-child td:first-child {
-webkit-border-radius: 0 0 0 5px;
-moz-border-radius: 0 0 0 5px;
-ms-border-radius: 0 0 0 5px;
-o-border-radius: 0 0 0 5px;
border-radius: 0 0 0 5px;
}
.table-lista tbody tr:last-child td:last-child {
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
-ms-border-radius: 0 0 5px 0;
-o-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;
}
.table-lista tbody .icone {
-moz-transition: none;
-o-transition-property: none;
-webkit-transition: none;
transition: none;
}
.table-lista tbody .icone.check {
background-position: -216px 0;
}
.table-lista tbody .icone.editar {
background-position: -18px 0;
}
.table-lista tbody .icone.adicionar {
background-position: 0 0;
}
.table-lista tbody .icone.deletar {
background-position: -36px 0;
}
.table-lista tbody .icone.boleto {
background-position: -126px 0;
}
.table-lista tbody .icone.caixa {
background-position: -162px 0;
}
.table-lista tbody .icone.reabrir {
background-position: -108px 0;
}
.table-lista tbody .icone.cifrao {
background-position: -144px 0;
}
.table-lista tbody .icone.baixar {
background-position: -53px 0;
}
.table-lista tbody .icone.porcentagem {
background-position: -234px 0;
}
.table-lista tbody .icone.imprimir {
background-position: -197px 0;
}
.table-lista tbody .icone.mail {
background-position: -180px 0;
}
.table-lista tbody tr:hover,
.table-lista tbody .tr-hover {
background-color: #fffaf0;
}
.table-lista tbody tr:hover .icone,
.table-lista tbody .tr-hover .icone {
background-color: transparent;
}
.table-lista tbody tr:hover .icone.check,
.table-lista tbody .tr-hover .icone.check {
background-position: -216px -18px;
}
.table-lista tbody tr:hover .icone.check:hover,
.table-lista tbody .tr-hover .icone.check:hover {
background-position: -216px -36px;
}
.table-lista tbody tr:hover .icone.editar,
.table-lista tbody .tr-hover .icone.editar {
background-position: -18px -18px;
}
.table-lista tbody tr:hover .icone.editar:hover,
.table-lista tbody .tr-hover .icone.editar:hover {
background-position: -18px -36px;
}
.table-lista tbody tr:hover .icone.adicionar,
.table-lista tbody .tr-hover .icone.adicionar {
background-position: 0px -18px;
}
.table-lista tbody tr:hover .icone.adicionar:hover,
.table-lista tbody .tr-hover .icone.adicionar:hover {
background-position: 0px -36px;
}
.table-lista tbody tr:hover .icone.deletar,
.table-lista tbody .tr-hover .icone.deletar {
background-position: -36px -18px;
}
.table-lista tbody tr:hover .icone.deletar:hover,
.table-lista tbody .tr-hover .icone.deletar:hover {
background-position: -36px -36px;
}
.table-lista tbody tr:hover .icone.boleto,
.table-lista tbody .tr-hover .icone.boleto {
background-position: -126px -18px;
}
.table-lista tbody tr:hover .icone.boleto:hover,
.table-lista tbody .tr-hover .icone.boleto:hover {
background-position: -126px -36px;
}
.table-lista tbody tr:hover .icone.reabrir,
.table-lista tbody .tr-hover .icone.reabrir {
background-position: -108px -18px;
}
.table-lista tbody tr:hover .icone.reabrir:hover,
.table-lista tbody .tr-hover .icone.reabrir:hover {
background-position: -108px -36px;
}
.table-lista tbody tr:hover .icone.cifrao,
.table-lista tbody .tr-hover .icone.cifrao {
background-position: -144px -18px;
}
.table-lista tbody tr:hover .icone.cifrao:hover,
.table-lista tbody .tr-hover .icone.cifrao:hover {
background-position: -144px -36px;
}
.table-lista tbody tr:hover .icone.baixar,
.table-lista tbody .tr-hover .icone.baixar {
background-position: -53px -18px;
}
.table-lista tbody tr:hover .icone.baixar:hover,
.table-lista tbody .tr-hover .icone.baixar:hover {
background-position: -53px -36px;
}
.table-lista tbody tr:hover .icone.porcentagem,
.table-lista tbody .tr-hover .icone.porcentagem {
background-position: -234px -17px;
}
.table-lista tbody tr:hover .icone.porcentagem:hover,
.table-lista tbody .tr-hover .icone.porcentagem:hover {
background-position: -234px -36px;
}
.table-lista tbody tr:hover .icone.imprimir,
.table-lista tbody .tr-hover .icone.imprimir {
background-position: -197px -18px;
}
.table-lista tbody tr:hover .icone.imprimir:hover,
.table-lista tbody .tr-hover .icone.imprimir:hover {
background-position: -197px -36px;
}
.table-lista tbody tr:hover .icone.mail,
.table-lista tbody .tr-hover .icone.mail {
background-position: -180px -18px;
}
.table-lista tbody tr:hover .icone.mail:hover,
.table-lista tbody .tr-hover .icone.mail:hover {
background-position: -180px -36px;
}
.table-lista tbody tr:hover .icone.caixa,
.table-lista tbody .tr-hover .icone.caixa {
background-position: -162px -18px;
}
.table-lista tbody tr:hover .icone.caixa:hover,
.table-lista tbody .tr-hover .icone.caixa:hover {
background-position: -162px -36px;
}
.table-lista input[type="checkbox"] {
margin: 0;
float: none;
clear: none;
}
.table-lista td.actions a {
margin: 0 4px;
padding: 0;
}
.table-lista .tcheck {
width: 20px;
text-align: center;
}
.table-lista .tcenter {
text-align: center !important;
}
.table-lista .tleft {
text-align: left !important;
}
.table-lista .tright {
text-align: right !important;
}
.ie9 .table-lista thead {
filter: none;
}
.status {
padding: 5px;
font-size: 11px;
display: inline-block;
*display: inline;
zoom: 1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
text-shadow: 0 1px 0 #fff;
}
.status.verde {
background: #d9ffdf;
color: #4bad5b;
}
.status.amarelo {
background: #fff7db;
color: #c6af82;
}
.status.laranja {
background: #ffd889;
color: #955d00;
}
.status.vermelho {
background: #ffd5d5;
color: #dd3d3d;
}
.status.azul {
background: #AEE5FF;
color: #3983a6;
}
.status.roxo {
background: #e3d1ff;
color: #563d7c;
}
.status.azul-claro {
background: #e8e8e8;
color: #00809d;
}
.status.cinza{
background: #efefef;
color: #b5b5b5;
}
.listagem-rodape .botao {
float: left;
}
.listagem-rodape .paginacao {
clear: none;
padding: 0;
float: right;
}
.paginacao {
width: 580px;
font-size: 0.75em;
}
.paginacao p {
padding-top: 7px;
padding-right: 5px;
margin: 0;
float: right;
text-align: right;
color: #999;
font-size: 0.91em;
}
.paginacao .paging {
clear: none;
float: right;
background: none;
margin: 0 0 0 5px;
padding: 0;
text-align: right;
}
.paginacao .paging > span {
border-color: #dfdfdf;
box-shadow: 1px 1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff;
}
.paginacao .paging a {
background: #fcfcfc;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjNmM2YzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #fcfcfc 50%, #f3f3f3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fcfcfc), color-stop(100%, #f3f3f3));
background: -webkit-linear-gradient(top, #fcfcfc 50%, #f3f3f3 100%);
background: -o-linear-gradient(top, #fcfcfc 50%, #f3f3f3 100%);
background: -ms-linear-gradient(top, #fcfcfc 50%, #f3f3f3 100%);
background: linear-gradient(to bottom, #fcfcfc 50%, #f3f3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f3f3f3', GradientType=0);
}
.ie9 .paging a {
filter: none;
}
/* ==========================================================================
PAINEL
========================================================================== */
.painel-conteudo .col-esq {
width: 718px;
}
.painel-conteudo .col-dir {
width: 250px;
margin-left: 30px;
}
.painel-bloco {
margin-bottom: 20px;
}
.painel-bloco .titulo-secao {
color: #808184;
font-size: 1em;
margin-bottom: 16px;
}
/*
* Acesso rápido
*/
.acesso-rapido-ul {
list-style: none;
padding: 0;
margin: 0;
}
.acesso-rapido-ul .acesso-rapido-li {
margin: 0;
padding: 0;
width: 143px;
float: left;
box-shadow: 1px 1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff;
}
.acesso-rapido-ul .acesso-rapido-a {
padding-top: 3px;
height: 97px;
border: 1px solid #dfdfdf;
border-left-width: 0;
text-align: center;
-moz-transition: background 0.2s ease-in;
-o-transition-property: background 0.2s ease-in;
-webkit-transition: background 0.2s ease-in;
transition: background 0.2s ease-in;
}
.acesso-rapido-ul .acesso-rapido-a .icone-48 {
margin-bottom: 3px;
}
.acesso-rapido-ul .acesso-rapido-a:hover {
background: #fff;
box-shadow: 1px 1px 0px #ffffff inset;
-moz-box-shadow: 1px 1px 0px #ffffff inset;
-webkit-box-shadow: 1px 1px 0px #ffffff inset;
}
.acesso-rapido-ul .acesso-rapido-titulo {
display: block;
text-align: center;
font-size: 0.75em;
}
.acesso-rapido-ul .acesso-rapido-li:first-child .acesso-rapido-a {
border-left-width: 1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-ms-border-radius: 4px 0 0 4px;
-o-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.acesso-rapido-ul .acesso-rapido-li:last-child .acesso-rapido-a {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-ms-border-radius: 0 4px 4px 0;
-o-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
/*
* Quadro Financeiro
*/
.quadro-financeiro-bloco {
margin-bottom: 15px;
}
.quadro-financeiro-header {
padding: 14px;
background: #fff;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-ms-border-radius: 4px 4px 0 0;
-o-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
border-bottom: 1px solid #dfdfdf;
}
.quadro-financeiro-header > .titulo {
color: #00A78E;
margin: 0;
line-height: 1em;
}
/*
* Quadro Financeiro Resumo
*/
.quadro-financeiro-resumo-header .resumo-header-titulo {
font-size: 1.25em;
float: left;
margin-right: 8px;
padding-top: 5px;
}
.quadro-financeiro-resumo-header .resumo-header-descricao {
font-size: 0.625em;
font-family: Arial, sans-serif;
text-transform: uppercase;
padding-top: 13px;
display: inline-block;
*display: inline;
zoom: 1;
}
.quadro-financeiro-resumo-header .resumo-header-saldo {
float: right;
}
.quadro-financeiro-resumo-header .resumo-header-saldo .rs {
font-size: 0.625em;
}
.quadro-financeiro-resumo-header .resumo-header-saldo .valor {
font-family: 'DINPro-Bold', 'Helvetica Neue', Helvetica;
font-size: 1.875em;
line-height: 1em;
}
.quadro-financeiro-resumo-header .resumo-header-saldo.positivo {
color: #32ab38;
}
.quadro-financeiro-resumo-header .resumo-header-saldo.negativo {
color: #e10707;
}
/*
* Quadro Financeiro Farol
*/
.blc-quadrado {
width: 14px;
height: 13px;
display: inline-block;
*display: inline;
zoom: 1;
border: 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
box-shadow: 1px 1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff;
font-weight: 700;
text-align: center;
font-size: 11px;
line-height: 11px;
padding-top: 1px;
color: #fff;
}
.blc-quadrado.verde {
background: #32ab38;
border-color: #219827;
}
.blc-quadrado.vermelho {
background: #e10707;
border-color: #c61010;
}
.blc-quadrado.amarelo {
background: #efd78e;
border-color: #dec783;
}
.table-farol {
margin: 0;
border: 0;
}
.table-farol thead tr {
border-top: 1px solid #fff;
border-bottom: 1px solid #dfdfdf;
}
.table-farol thead th {
font-size: 12px;
border: 0;
text-transform: uppercase;
text-align: center;
}
.table-farol tbody tr {
border-top: 1px solid #fff;
}
.table-farol tbody td {
text-align: center;
border: 0;
}
/*
* Accordion
*/
.accordion .accordion-item {
padding: 14px;
padding-bottom: 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #dfdfdf;
background: #efefef url(../img/bg-accordion.png) repeat-x bottom;
}
.accordion .accordion-item:hover {
background: #efefef;
}
.accordion .accordion-titulo {
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border: 0;
background: none;
position: relative;
padding: 0 0 14px 14px;
line-height: 1em;
overflow: hidden;
font-size: 14px;
}
.accordion .accordion-titulo .seta {
width: 9px;
height: 9px;
display: block;
position: absolute;
left: 0;
top: 3px;
background: url(../img/sprite.png) no-repeat -54px -58px;
}
.accordion .accordion-titulo .titulo {
line-height: 1em;
font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
text-transform: capitalize;
float: left;
color: #444444;
margin: 0;
}
.accordion .accordion-titulo .valor,
.accordion .accordion-titulo .blc-quadrado {
float: right;
font-weight: 700;
}
.accordion .accordion-conteudo {
background: none;
border: 0;
margin: -7px -14px 0 -14px;
padding: 0;
padding-top: 10px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.accordion .ui-accordion-header-active .seta {
background-position: -63px -58px;
}
.accordion-condensed .accordion-titulo {
font-size: 13px;
padding-bottom: 8px;
}
.accordion-condensed .accordion-item {
padding-top: 8px;
}
.linha-resumo-soma {
width: auto;
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
border: 0;
background: none;
position: relative;
padding: 14px;
line-height: 1em;
overflow: hidden;
font-size: 14px;
}
.linha-resumo-soma .titulo {
line-height: 1em;
font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif;
text-transform: capitalize;
color: #444444;
float: left;
margin: 0;
}
.linha-resumo-soma .valor,
.linha-resumo-soma .blc-quadrado {
float: right;
font-weight: 700;
}
table.accordion-table-interna {
margin: 0;
}
table.accordion-table-interna tr {
background: #efefef;
}
table.accordion-table-interna tr:nth-child(odd) {
background: #fff;
}
table.accordion-table-interna tr td {
padding: 7px 14px;
font-size: 11px;
border: 0;
}
table.accordion-table-interna td.valor {
text-align: right;
}
.mensagens-ul {
list-style: none;
margin: 0;
padding: 0;
}
.mensagens-ul .mensagens-li {
padding: 0;
margin: 0;
margin-bottom: 10px;
overflow: hidden;
background: #f3f3f3 url(../img/bg-cinza-clarinho.png) repeat-x bottom;
}
.mensagens-ul .mensagens-li .data {
width: 43px;
float: left;
font-size: 0.6875em;
text-align: center;
padding-top: 15px;
}
.mensagens-ul .mensagens-li .texto {
width: 184px;
padding: 15px 10px;
margin: 0;
float: left;
line-height: 12px;
background: url(../img/linha-dupla-vertical.png) repeat-y;
}
.mensagens-ul .mensagens-li .texto .texto-titulo {
margin: 0;
margin-bottom: 8px;
font-size: 0.8125em;
color: #444444;
display: block;
}
.mensagens-ul .mensagens-li .texto a {
font-size: 0.75em;
}
#calendario-input {
visibility: hidden;
height: 1px;
display: inline;
overflow: hidden;
position: absolute;
width: 1px;
}
#calendario-bloco {
position: static;
}
.gldp-default .dow {
background: #00A78E !important;
}
.gldp-default .border {
border-color: #dfdfdf !important;
}
.gldp-default .sun,
.gldp-default .sat,
.gldp-default .mon,
.gldp-default .tue,
.gldp-default .wed,
.gldp-default .thu,
.gldp-default .fri {
background: #fff !important;
}
/*
* Autocomplete
*/
/* ## JQuery Autocomplete */
div.selected-autocomplete {
display: block;
padding-right: 30px;
border: 1px solid #9fd7f8;
width: auto;
font-weight: bold;
padding: 4px;
background: #abe0fe;
position: relative;
color: #18577b;
font-size: 0.875em;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
div.selected-autocomplete a {
width: 24px;
height: 24px;
text-align: center;
background: #00A78E;
color: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
position: absolute;
right: -17px;
top: -2px;
display: block;
font-weight: 400;
line-height: 22px;
}
.sugest {
height: 25px;
font-size: 18px;
}
.autocomplete-w1 {
position: absolute;
top: 0px;
left: 0px;
margin: 8px 0 0 6px;
}
.autocomplete {
font-size: 0.875em;
border: 1px solid #dfdfdf;
background: #FFF;
cursor: default;
text-align: left;
overflow: auto;
margin: -6px 6px 6px -6px;
}
.autocomplete .selected {
background: #abe0fe;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
color: #18577b !important;
}
.autocomplete div {
padding: 2px 5px;
white-space: nowrap;
}
.autocomplete strong {
font-weight: normal;
color: #3399FF;
}
/* ==========================================================================
RODAP�
========================================================================== */
.rodape {
background: #00A78E;
color: #fff;
}
.rodape-bg {
padding-bottom: 90px;
}
.rodape-conteudo {
padding-top: 45px;
}
.rodape-atendimento {
width: 500px;
float: left;
}
.rodape-atendimento-telefone {
width: 179px;
padding-top: 5px;
float: left;
}
.rodape-atendimento-telefone .titulo {
margin: 0;
font-size: 0.875em;
text-shadow: 0 2px 1px #076354;
}
.rodape-atendimento-telefone .telefone {
font-size: 1.375em;
font-family: 'DINPro-Regular', 'Helvetica Neue', Helvetica;
letter-spacing: -0.0525em;
}
.rodape-atendimento-telefone .telefone strong {
font-family: 'DINPro-Bold', 'Helvetica Neue', Helvetica;
}
.rodape-endereco {
width: 270px;
padding: 7px 0 7px 16px;
float: left;
font-size: 0.875em;
font-style: normal;
font-family: 'DINPro-Regular', 'Helvetica Neue', Helvetica;
}
.rodape-assinatura {
width: 126px;
float: right;
}
.rodape-assinatura .titulo {
font-size: 0.8125em;
margin: 0 0 5px 0;
text-shadow: 0 2px 1px #076354;
}
.rodape-assinatura a {
display: block;
}
.rodape-assinatura a:hover {
opacity: 0.8;
}
/* ==========================================================================
LOGIN
========================================================================== */
body#login-page-body .corpo {
padding-top: 60px;
padding-bottom: 90px;
background: #fff;
}
body#login-page-body .conteudo {
width: 780px;
}
.login-page-logo {
width: 150px;
float: left;
}
.login-page-conteudo {
width: 440px;
padding-left: 90px;
padding-right: 60px;
float: left;
background: url(../img/linha-login-page-fieldset.png) no-repeat 0 60%;
}
.login-page-fieldset {
padding: 35px;
border: 1px solid #c3c3c3;
background: #ffffff url(../img/bg-login-page-fieldset.png) repeat-x bottom;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
box-shadow: 1px 1px 0 #ffffff inset, -1px -1px 0 #ffffff inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 1px 1px 0 #ffffff inset, -1px -1px 0 #ffffff inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 1px 0 #ffffff inset, -1px -1px 0 #ffffff inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.login-page-fieldset form {
width: auto;
margin: 0;
}
.login-page-fieldset form .input {
width: 352px;
padding: 0;
}
.login-page-fieldset form .input input {
padding: 15px 10px;
}
.login-page-fieldset .area-botao {
padding: 0;
margin: 0;
text-align: right;
}
.login-page-fieldset .botao-destaque {
font-size: 1em;
}
.login-page-fieldset-header .titulo {
padding-left: 0;
}
/* ==========================================================================
FORM
========================================================================== */
input[type=text],
input[type=tel],
input[type=time],
input[type=password],
input[type=email],
input[type=number],
select,
textarea {
padding: 8px 6px;
background: #ffffff;
border: 1px solid #dfdfdf;
border-top-color: #ccc;
color: #999;
font-weight: 700;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
box-shadow: 1px 1px 0 #ffffff, inset 0 0 7px #d5d5d5, inset 1px 1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff, inset 0 0 7px #d5d5d5, inset 1px 1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff, inset 0 0 7px #d5d5d5, inset 1px 1px 0 #ffffff;
font-size: 0.8125em;
}
input:focus,
select:focus,
textarea:focus {
outline: none;
color: #666;
border-color: #6dade7;
box-shadow: 0 0 6px #508ec7, inset 0 0 7px #d5d5d5, inset 1px 1px 0 #ffffff;
-moz-box-shadow: 0 0 6px #508ec7, inset 0 0 7px #d5d5d5, inset 1px 1px 0 #ffffff;
-webkit-box-shadow: 0 0 6px #508ec7, inset 0 0 7px #d5d5d5, inset 1px 1px 0 #ffffff;
}
textarea {
height: 120px;
}
::-webkit-input-placeholder {
color: #c6c6c6;
}
:-moz-placeholder {
color: #c6c6c6;
}
:-ms-input-placeholder {
color: #c6c6c6;
}
/*
* Tamanho dos Campos
*/
.c380 {
width: 380px;
}
.c380-100 {
width: 380px;
height: 100px;
}
.c340 {
width: 340px;
}
.c300 {
width: 300px;
}
.c300-150 {
width: 300px;
height: 150px;
}
/* usado em textareas default */
.c270 {
width: 270px;
}
.c260 {
width: 260px;
}
.c240 {
width: 240px;
}
.c170 {
width: 170px;
}
.c140 {
width: 140px;
}
.c110 {
width: 110px;
}
.c80 {
width: 80px;
}
.c50 {
width: 50px;
}
.c30 {
width: 30px;
}
/*
* Fieldsets
*/
.form-duas-colunas > .fieldset {
width: 486px;
float: left;
margin-left: 20px;
}
.form-duas-colunas > .fieldset:first-child {
margin-left: 0;
}
.fieldset {
margin-bottom: 10px;
border: 1px solid #dfdfdf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
box-shadow: 1px 1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff;
background: #f5f5f5;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #efefef));
background: -webkit-linear-gradient(top, #f5f5f5 0%, #efefef 100%);
background: -o-linear-gradient(top, #f5f5f5 0%, #efefef 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%, #efefef 100%);
background: linear-gradient(to bottom, #f5f5f5 0%, #efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#efefef', GradientType=0);
}
.fieldset legend {
color: #00A78E;
}
.fieldset fieldset legend {
font-size: 0.9375em;
}
.fieldset label {
cursor: pointer;
text-shadow: 0 1px 0 #fff;
font-size: 0.8125em;
}
.fieldset div.input:first-child {
border-top: 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.fieldset div.input:last-child {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.fieldset .div-campo-telefone input {
width: 220px;
}
.fieldset .div-campo-data input {
width: 80px;
}
.fieldset .div-campo-cpf input,
.fieldset .div-campo-rg input {
width: 30%;
}
.fieldset .div-campo-pequeno input {
width: 20%;
}
.fieldset .div-campo-medio input {
width: 54%;
}
.fieldset dl {
clear: both;
min-height: 30px;
height: auto !important;
height: 30px;
margin: 0;
overflow: hidden;
}
.fieldset dt {
float: left;
text-align: right;
width: 150px;
margin: 9px 10px 0 0;
}
.fieldset dd {
float: left;
width: 600px;
margin: 0 0 6px 0;
padding-top: 2px;
}
.fieldset dd span {
display: block;
margin: 3px 0 0 0;
font-size: 11px;
color: #818181;
}
.fieldset dd input {
margin-right: 3px;
}
form .div-botao-salvar {
padding: 7px 2px 0 0;
text-align: right;
}
form .div-botao-salvar .botao,
form .div-botao-salvar input {
font-size: 1.125em;
}
.visualizar-conteudo {
margin: 0;
border: 1px solid #dfdfdf;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
box-shadow: 1px 1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff;
}
.visualizar-conteudo .visualizar-item {
border-top: 1px solid #dfdfdf;
background: #fff;
}
.visualizar-conteudo .visualizar-item:first-child {
border-top: 0;
}
.visualizar-conteudo .visualizar-titulo,
.visualizar-conteudo .visualizar-descricao {
float: left;
padding: 10px 7px;
display: block;
font-size: 0.8125em;
}
.visualizar-conteudo .visualizar-titulo {
width: 18%;
margin: 0;
text-align: right;
background: #fff;
}
.visualizar-conteudo .visualizar-descricao {
width: 78.99%;
border-left: 1px solid #dfdfdf;
background: #f5f5f5;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f5f5f5 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #efefef));
background: -webkit-linear-gradient(top, #f5f5f5 0%, #efefef 100%);
background: -o-linear-gradient(top, #f5f5f5 0%, #efefef 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%, #efefef 100%);
background: linear-gradient(to bottom, #f5f5f5 0%, #efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#efefef', GradientType=0);
}
/*
* Erros
*/
.error {
border: 1px solid #f67676;
}
label.error {
padding: 5px;
display: inline-block;
*display: inline;
zoom: 1;
color: #f67676;
background: #fbe9e9;
text-shadow: 1px 1px 1px #fff;
font-size: 0.75em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
/*
* Feedback
*/
.message,
form .error-message {
color: #db7a7a;
}
.message,
form .error {
background: #feeded !important;
text-shadow: 0 2px 0 rgba(255, 255, 255, 0.5);
border: 1px solid #f6d8d8;
box-shadow: 1px 1px 0 #ffffff;
-moz-box-shadow: 1px 1px 0 #ffffff;
-webkit-box-shadow: 1px 1px 0 #ffffff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.message {
width: 94%;
font-weight: 700;
font-size: 0.75em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.conteudo > .message {
width: auto;
}
form .error-message {
padding-top: 5px;
font-size: 0.75em;
}
.message.sucesso,
#flashMessage.sucesso {
background: #def1e0 !important;
color: #5bb063 !important;
border-color: #bfdfc2;
}
.msg-sucesso,
.msg-falha {
font-size: 0.875em;
text-indent: 20px;
margin-bottom: 14px;
display: none;
padding: 5px;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 2px #ccc;
-moz-box-shadow: 1px 1px 2px #ccc;
-o-box-shadow: 1px 1px 2px #ccc;
box-shadow: 1px 1px 2px #cccccc;
}
.msg-falha {
color: red;
background: #fff0f0 url(../img/icone_x.gif) no-repeat 8px 8px;
}
.msg-sucesso {
color: #060;
background: #e0ffe0 url(../img/icone_v.gif) no-repeat 8px 8px;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media (min-width: 769px) {
.login > #topo-conteudo {
height: 90px;
}
.login > #topo-conteudo > .topo-logo {
float: none;
height: 44px !important;
margin-left: 37%;
margin-top: -34px;
width: 250px !important;
}
.login > #topo-conteudo > .topo-logo > .topo-logo-a {
padding-top: 54px;
height: 70px;
}
}
@media (max-width: 769px) {
.login > #topo-conteudo {
height: 68px;
}
.login > #topo-conteudo > .topo-logo {
float: none;
height: 44px !important;
margin-left: 20%;
width: 60% !important;
}
}
@media (max-width: 481px) {
.login > #topo-conteudo {
height: 68px;
}
.login > #topo-conteudo > .topo-logo {
float: none;
width: 195px !important;
height: 44px !important;
margin-left: 20%;
}
.login > #topo-conteudo > .topo-logo > .topo-logo-a {
padding-top: 10px;
height: 70px;
}
}
@media (max-width: 321px) {
.login > #topo-conteudo {
height: 90px;
}
.login > #topo-conteudo > .topo-logo {
float: none;
width: 195px !important;
height: 44px !important;
margin-left: 35px;
}
}
@media only screen and (max-width: 321px) {
.topo-usuario .topo-usuario-condominio {
width: auto !important;
float: none;
text-align: right;
padding: 0 !important;
position: absolute;
right: 20px;
top: 10px;
}
.topo-usuario .topo-usuario-condominio .titulo {
margin-bottom: 10px;
}
.topo-usuario .topo-usuario-bloco {
width: auto !important;
float: none;
}
.topo-usuario .topo-usuario-bloco .links a,
.topo-usuario .topo-usuario-bloco .links .separador {
display: inline-block;
margin-right: 20px;
}
}
@media only screen and (max-width: 580px) {
.principal-login-conteudo {
width: auto;
}
.topo-logo {
float: none;
width: 60px !important;
height: auto !important;
}
.topo-logo .topo-logo-a {
padding: 10px;
height: auto !important;
border-bottom: 1px solid #ebebeb;
}
.topo-login {
padding-bottom: 20px;
width: auto;
}
.topo-login .topo-login-fieldset .message {
position: relative;
top: 0;
left: 0;
width: auto;
}
.topo-esqueci-senha-a {
top: 0;
right: 0;
}
.topo-login-form .text {
width: auto;
}
.topo-login-form .password {
width: auto;
margin: 0;
}
.topo-login-form .input {
margin: 5px 0;
}
.topo-login-form .input input {
width: 94%;
}
.topo-login-form div {
float: none;
}
.topo-login-form .div-botao {
text-align: right;
}
.topo-usuario {
width: auto;
float: none;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
background: #fff;
border-top: 1px solid #eee;
}
.topo-usuario .topo-usuario-condominio {
width: 110px;
padding-top: 10px;
}
.topo-usuario .topo-usuario-bloco {
width: 180px;
}
.topo-usuario .topo-usuario-bloco img {
width: 40px;
height: 40px;
max-width: 100%;
}
.modal-conteudo {
font-size: 0.75em;
}
.principal-login-conteudo .principal-login-logo {
padding-top: 10px;
padding-bottom: 10px;
border-right: 0;
border-bottom: 1px solid #dfdfdf;
}
.principal-login-conteudo .principal-login-logo,
.principal-login-conteudo .principal-login-conteudo-form {
float: none;
width: auto;
}
.principal-login-conteudo .principal-login-conteudo-form .input input {
width: 96%;
}
.principal-login-destaque .bloco-destaque {
width: auto;
}
.principal-login-destaque .bloco-destaque .bloco-destaque-titulo {
font-size: 2em;
}
.principal-login-destaque .principal-login-destaque-bloco {
float: none;
}
.principal-login-destaque .bloco-cadastro {
width: auto;
margin: 0;
padding: 0;
background: none;
margin-top: 30px;
}
.principal-login-destaque .bloco-cadastro .bloco-cadastro-titulo {
padding-right: 140px;
}
.principal-login-destaque .bloco-cadastro form .input input {
width: 96%;
}
.principal-login-destaque .bloco-cadastro form .select {
float: none;
width: auto;
text-align: left;
}
.painel-conteudo .col-esq,
.painel-conteudo .col-dir {
width: auto;
float: none;
margin-left: 0;
}
.acesso-rapido-ul .acesso-rapido-li {
width: 46%;
margin: 5px;
}
.acesso-rapido-ul .acesso-rapido-li a {
border-left-width: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.acesso-rapido-ul .acesso-rapido-li:first-child a,
.acesso-rapido-ul .acesso-rapido-li:last-child a {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.header-padrao.com-migalha .titulo-secao {
width: auto;
float: none;
}
.migalhas-de-pao {
width: auto;
text-align: left;
float: none;
padding-top: 10px;
}
.area-botoes .botoes-dir,
.area-botoes .botoes-esq {
width: auto;
}
.area-botoes .botoes-dir {
overflow: hidden;
}
.area-botoes .botoes-dir .botao {
float: left;
}
.fieldset input[type=text],
.fieldset input[type=email],
.fieldset input[type=number],
.fieldset input[type=password] {
width: 96%;
}
.fieldset input[type=text].data,
.fieldset input[type=email].data,
.fieldset input[type=number].data,
.fieldset input[type=password].data {
width: 80px;
}
.visualizar-conteudo .visualizar-titulo,
.visualizar-conteudo .visualizar-descricao {
width: auto;
float: none;
}
.visualizar-conteudo .visualizar-titulo {
text-align: left;
}
.paginacao {
width: auto;
}
.rodape-atendimento {
width: auto;
float: none;
}
.rodape-atendimento .rodape-atendimento-telefone {
width: auto;
float: none;
text-align: center;
border-bottom: 1px solid #076354;
padding-bottom: 8px;
}
.rodape-atendimento .rodape-endereco {
width: auto;
float: none;
background: none;
text-align: center;
border-top: 1px solid #076354;
padding-top: 8px;
}
.rodape-assinatura {
float: none;
margin: auto;
margin-top: 20px;
}
}
@media only screen and (max-width: 768px) {
.center {
width: auto;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.topo-logo {
float: none;
width: 120px !important;
height: auto !important;
}
.topo-logo .topo-logo-a {
padding: 10px;
height: auto !important;
border-bottom: 1px solid #ebebeb;
}
.topo-logo .topo-logo-a img {
max-width: 100%;
}
.topo-login {
padding-bottom: 20px;
width: auto;
}
.topo-login .topo-login-fieldset .message {
position: relative;
top: 0;
left: 0;
width: auto;
}
.topo-esqueci-senha-a {
top: 0;
right: 0;
}
.topo-login-form .text {
width: auto;
}
.topo-login-form .password {
width: auto;
margin: 0;
}
.topo-login-form .input {
margin: 5px 0;
}
.topo-login-form .input input {
width: 94%;
}
.topo-login-form div {
float: none;
}
.topo-login-form .div-botao {
text-align: right;
}
.topo-usuario {
padding-top: 10px;
padding-bottom: 10px;
width: auto;
float: none;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
background: #fff;
border-top: 1px solid #eee;
}
.topo-usuario .topo-usuario-condominio {
width: 110px;
padding-top: 10px;
}
.topo-usuario .topo-usuario-bloco {
width: 180px;
}
.topo-usuario .topo-usuario-bloco img {
width: 40px;
height: 40px;
max-width: 100%;
}
#nav-mobile {
display: inline-block;
}
.nav-global-ul {
display: none;
}
.nav-global-ul > .nav-global-li {
float: none;
margin: 0;
}
.nav-global-ul > .nav-global-li.com-submenu a {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.nav-global-ul > .nav-global-li a {
display: block;
padding-top: 10px;
padding-bottom: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.nav-global-ul > .nav-global-li .submenu {
width: auto;
position: relative;
padding-left: 20px;
top: auto;
left: auto;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.painel-conteudo .col-esq,
.painel-conteudo .col-dir {
width: auto;
float: none;
margin-left: 0;
margin-right: 0;
}
.painel-conteudo .painel-calendario {
float: left;
width: 250px;
}
.painel-conteudo .painel-mensagens {
float: left;
margin-left: 20px;
}
.painel-conteudo .mensagens-ul {
overflow: hidden;
margin-left: -20px;
}
.painel-conteudo .mensagens-ul li {
width: 210px;
margin-left: 20px;
float: left;
}
.area-botoes .botoes-dir {
width: 130px;
}
.visualizar-conteudo .visualizar-titulo,
.visualizar-conteudo .visualizar-descricao {
width: auto;
float: none;
}
.visualizar-conteudo .visualizar-titulo {
text-align: left;
}
.form-duas-colunas > .fieldset {
width: auto;
float: none;
margin-left: 0;
}
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important;
/* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
/* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.lista-empresas {
float: left;
list-style: outside none none;
padding-left: 0;
width: 100%;
}
.lista-empresas > li{
width: 45%;
float: left;
margin-right: 30px;
margin-left: 0px;
margin-bottom: 10px;
}
.lista-empresas > li > a {
background-color: #00A78E;
border-radius: 5px;
float: left;
padding-top: 25px;
padding-bottom: 25px;
width:100%;
text-align: center;
}
.lista-empresas > li > a.atual {
background-color: #293651;
}
.lista-empresas > li > a {
color: white;
}
.lista-empresas-pequeno {
float: left;
list-style: outside none none;
padding-left: 5%;
width: 90%;
}
.lista-empresas-pequeno > li{
width: 100%;
float: left;
margin-right: 30px;
margin-left: 0px;
margin-bottom: 10px;
}
.lista-empresas-pequeno > li > a {
background-color: #00A78E;
border-radius: 5px;
float: left;
padding-top: 10px;
padding-bottom: 10px;
width:100%;
text-align: center;
}
.lista-empresas-pequeno > li > a.atual {
background-color: #293651;
}
.lista-empresas-pequeno > li > a {
color: white;
}
.msg-error{
background: #eccbcb;
padding: 5px;
font-size: 12px;
display: none;
width: 100%;
font-weight: bold;
}
.msg-success{
background: #c8deb2;
padding: 5px;
font-size: 12px;
display: none;
width: 100%;
font-weight: bold;
}
input[readonly], select[readonly]{
background: #f4f4f4 !important;
pointer-events: none;
touch-action: none;
}
.readonly{
background: #f4f4f4 !important;
pointer-events: none;
touch-action: none;
}
#geral{
background: white;
}
::-webkit-scrollbar {
height: 12px;
width: 12px;
background: #04483d;
}
::-webkit-scrollbar-thumb {
background: #00a78e;
}
::-webkit-scrollbar-corner {
background: #04483d;
}
.img-deficiente{
cursor: pointer;
}
.accordion-x {
background: #00a78e !important;
color: white;
cursor: pointer;
padding: 8px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
box-shadow: none !important;
margin:2px;
}
.active, .accordion-x:hover {
background: #066355 !important;
color: white;
}
.panel {
padding: 0 8px;
background-color: white;
display: none;
overflow: hidden;
}
.div-display-flex {
display: flex;
}
.whatsapp {
background-image: url(../img/whatsappicon/whatsapp_one.png);
background-repeat: no-repeat;
width: 24px !important;
height: 16px !important;
margin-top: 4px;
cursor: pointer;
}
.whatsapp:hover {
background-image: url(../img/whatsappicon/whatsapp_three.png);
}
.history_button {
background-image: url(../img/history_hide.png);
background-repeat: no-repeat;
width: 24px !important;
height: 16px !important;
margin-top: 4px;
cursor: pointer;
}
.history_button:hover {
background-image: url(../img/history.png);
}
/** FLOAT BUTTON HELP*/
.float{
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
position: fixed;
width: 49px;
height: 49px;
bottom: 20px;
right: 17px;
background-color: white;
color: #FFF;
border-radius: 100%;
text-align: center;
}
.float:hover {
color: white;
}
.my-float{
margin-top:22px;
}