/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('/fonts/glyphicons-halflings-regular.eot');
  src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
      url('/fonts/glyphicons-halflings-regular.woff2') format('woff2'), 
      url('/fonts/glyphicons-halflings-regular.woff') format('woff'), 
      url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
      url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}/*
    Amorpositivo Mobile
   # sourceMappingURL=estilo.css.map
*/

/* pt-sans-narrow-regular - latin */
@font-face {
  font-family: 'NarrowSans';
  src: url('/fonts/pt-sans-narrow-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/pt-sans-narrow-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/pt-sans-narrow-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/pt-sans-narrow-v17-latin-regular.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'helvetica';
  src: url('/fonts/helvetica.woff') format('woff');
}

html {
  width: calc(100%);
}

body {
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  height: 101%;
}


body, td, th, div, p, input, li, option {
  font-family: NarrowSans, arial, sans-serif;
  font-size: 18px;
  color: #333;
}

div#main{
  transition: top 1s;
}

div.titulo_sp span.bigger{
  cursor: text;
}

body {
  margin: 10px 0 0 0;
  padding: 0;
  width: calc(100%);
  background: url('/images/afundo_topo.jpg?x=10') no-repeat right top;
  background-position: -0px -0px;
  /*
  background-position: 20px -22px;
  */
}

.plim{
  max-width: calc(100% - 10px);
}

.wrap{
  word-break: break-word;
  clear: both;
  text-align: justify !important;
}

#lk_expand2{ /* fake link Login no rodapé */

  float: right;
  position: relative;
  top: -1px;
  right: 10px;
  color: #66eeee !important;
}

select[name=sexo] option {
  font-weight: bold;
}

option.cor_sxm{
  background: #24C;
  color: white;
}

select option.cor_sxf{
  background: #C33;
  color: white;
}

select option.cor_mt{
  background: #E3B;
  color: #111;
}

select option.cor_lg{
  background: #909;
  color: white;
}

select option.cor_ht{
  background: #3A3;
  color: white;
}

select option.cor_nb{
  background: #FF3;
  color: #333;
}

select option.cor_nt{
  background: #088;
  color: white;
}

 img.emoline{
  position: relative;
  top: 4px;
}

.anounce{
  border: 1px solid #ccc;
  padding: 5px;
  display: block;
}

body div#main {
  margin: 5px;
}
body div#main div#top {
  width: 100%;
}

/* TOPO */
body div#main div#top a img {
    float: left;
    position: relative;
    left: 10px;
    top: -5px;
}

span#displayname{
    position: relative;
    top: 30px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    text-align: center;
    right: 18px;
    transition: left 1s, right 1.5s, top 1s, bottom 1s;
    z-index: 10;
    text-align: right;
}

a#icomenu {
  display: block;
  visibility: visible;
  cursor: default;
  position: relative;
  top: 30px;
  float: right;
  right: 15px;
  z-index: 0;
}

a#icomenu img{
  z-index: 0;
}

/* /TOPO*/

body div#main div#top div#topctr {
  text-align: left;
 /* width: calc(100% - 100px); */
  float: right;
  text-align: right;
  position: relative;
  z-index: 9;
}
body div#main div#top div#topctr span.msgtopo {
  display: inline-block;
  position: relative;
  font-size: 1.2em;
  top: 30px;
  float: right;
  color: #069;
  text-align: right;
}
body div#main div#top div#topctr a.bt {
    font-size: 1.15em;
    border-radius: 6px;
    color: #fff;
    background: #c09;
    display: inline-block;
    width: 120px;
    text-align: center;
    padding: 5px;
    border: 1px solid #ddd;
    font-weight: 600;
    position: relative;
    top: 5px;
}

div#main div#top div#topctr a.cad {
    font-size: 1em;
    /* border-radius: 5px; */
    /* color: #fff; */
    color: #077;
    /* font-weight: 600; */
    text-align: center;
    padding: 3px 3px 0 0;
    /* border: 1px solid #ddd; */
    font-size: 1.3em;
    position: relative;
    top: 3px;
}

/*  BOTAO MENU */
body div#main div#top div#topctr a img {
  height: 33px;
  width: 40px;
  opacity: 0.8;
  cursor: pointer;
}

body div#main div#content {
  padding: 0;
  clear: both;
  width: calc(100% - 2px);
  min-height: 350px;
  height: auto;
  margin-top: 10px;
}

body div#main div#content div.admin h2 {
  width: 280px;
  display: block;
}
body div#main div#content div.admin h2 span.glyphicon {
  float: right;
}
body div#main div#content,
body div#main div#content p {
  text-align: left;
}
body div#main div#content div#aniversario {
  padding: 0 5px;
}
body div#main div#content div#aniversario p {
  font-size: 1.1em;
  text-align: left;
}
body div#main div#content center {
  padding-top: 5px;
}
body div#main div#content form div {
  margin: 15px 0;
}
body div#main div#content div:first {
  margin: 10px 0;
}
body div#main div#content div.msgmenu {
  font-size: 10px;
  text-align: right;
  height: 20px;
  margin: 0;
  padding: 0;
}
body div#main div#content div button {
  background: #fff;
  border: 1px solid #c3f;
  color: #059;
}

*.lblue{ color: #6cd;}


div.msghist {
  position: relative;
  width: 80%;
  border-radius: 18px;
  margin: 5px 10px;
}

div.msghist > a:first-child {
  position: absolute;
  top: 0;
  right: 3px;
}


.btn {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  background: #009999;
  color: #eee;
  font-weight: bold;
}
/* responsive mobile */
img {
  max-width: 100%;
}
/*     Smartphones (portrait and landscape) -----------
    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px) {
     Styles
    }

     iPads (portrait and landscape) -----------
    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px) {
     Styles
    }*/
/* // responsive mobile */

.small {
  font-size: 13px;
}

.smaller{
  font-size: 0.8em;
}
.thin{
  font-weight: 0;
}
.bigger1{
 font-size: 1.1em;
}

/* depois, nunca acima!! */
span.bigger.bemvindos {
   font-size: 20px;
   color: #077 !important;
}

.bigger2{
 font-size: 1.2em;
}

.bigger3{ /* == bigger */
 font-size: 1.3em;
}

.hintmsg {
  color: #777;
  font-size: 0.8em;
  font-style: italic;
  font-family: arial, helvetica, sans-serif;
  margin-bottom: 7px;
}

.msgdel {
  position: relative;
  top: 0;
  right: 5px;
  float: right;
  text-align: right;
}

.msghist {
  border: 1px solid #ccc;
  padding: 5px;
  margin: 0 0 5px 0;
}

.msgeu {
  float: right;
  background: #cfc;
  margin-top: 5px;
}

.msgoutro {
  float: left;
  background: #fff;
}

.top10 {
  margin-top: 10px;
  line-height: 1.3em;
  text-align: left;
}

.top10 img {
  margin: 5px;
}

#logosabr {
  height: 65px;
  border: 1px solid #ddd;
  float: left;
  background: url("images/sites.jpg") no-repeat 0 0;
  margin: 0 6px 10px 0;
}

#divsabr {
  height: 55px;
  border: 1px solid #ddd;
  float: left;
  padding: 5px;
  color: #333;
  margin: 0 0 10px 0;
  text-align: left;
}

#divtepr {
  height: 53px;
  border: 1px solid #ddd;
  float: left;
  padding: 0 5px 5px 5px;
  color: #333;
  margin: 0 0 10px 0;
  text-align: left;
}

#empresas {
  margin: 12px 0 0 4px;
}

#redesbr {
  text-align: center;
  float: left;
  margin-right: 6px;
  background: #001446;
  cursor: pointer;
  padding: 2px 0;
}

#tipcontrols {
  float: right;
  margin-right: 5px;
  position: relative;
  top: 5px;
}

#dvform {
  clear: both;
}

#dvformleft table tr td div#msgretorno {
  color: #C09;
  text-align: left;
}
td#msgretorno {
  border: 1px solid #ccc;
  background: #ffffdd;
  color: #C09;
  padding: 10px;
  margin-top: 20px;
}

#formlogin {
  margin: 10px auto;
}

#contato a img {
  margin-top: 10px;
}

#tips {
  min-height: 300px;
}

#news {
  margin: 10px 0;
  background-color: #ff9;
  border: 1px solid burlywood;
  padding: 5px;
  font-family: "Lucida grande", Arial, Helvetica;
}

#tophome {
  margin-top: 10px;
  background-image: url(images/amorp_distort.jpg);
  background-position: 50% 0%;
  background-repeat: no-repeat;
}

#tipbody {
  text-align: left;
}

#experiencia {
  margin-top: 10px;
}

#googlelinks {
  overflow: hidden;
  float: left;
}

.textoimagem {
  float: right;
  text-align: left;
}

.livro {
  background-image: url(images/livros.png);
  background-position: 98% 100%;
  background-repeat: no-repeat;
}

.maos {
  background-image: url(images/maos1.jpg);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  height: 90px;
}

.oculos {
  background-image: url(images/oculos.png);
  background-position: 98% 100%;
  background-repeat: no-repeat;
}

.tv {
  background-image: url(images/tv.png);
  background-position: 98% 100%;
  background-repeat: no-repeat;
}

.porta {
  background-image: url(images/porta.png);
  background-position: 98% 100%;
  background-repeat: no-repeat;
}

.icontitle {
  float: right;
  margin-right: 3px;
}
input.blur {
  color: #AAA;
  font-style: italic;
  font-size: 12px;
}

.vspaced {
  margin: 10px 0;
}

.vtopspaced {
  margin: 10px 0 0 0;
}

.vbottomspaced {
  margin: 0 0 10px 0;
  text-align: center;
}

.rowmsg {
  width: calc( 100% - 6px);
  display: block;
  clear: both;
/*margin: 10px 0;
  border: 1px solid #ccc; */
  padding: 10px 3px;
}

.rowmsg a:first-child {
  font-size: 1.1em;
}

.rowmsg a:last-child {
  font-size: 0.9em;
  opacity: 0.8;
}

.spadm{
  font-size: 0.95em;
  color:#089;
}

.rowmsg a:last-child .data {
  float: right;
}
a,
a:visited,
a:link {
  text-decoration: none;
  color: #333;
}
a:hover {
  color: #0000ff;
}

.lk_leiamais,
a.lk_leiamais {
  font-style: italic;
  color: #69C;
}

a.ln_dis, a.ln_dis img{
 opacity: 0.7;
 color: #ddd;
}

*.lnk_dis{
    color: #aaa !important;
    text-decoration: line-through !important;
    padding: 3px;
}

.lnk_dis span.glyphicon{
  opacity: 0.6;
}

#cultura {
  float: left;
}

#bt_cultura,

#bt_mais {
  font-weight: bold;
  font-family: 'Arial Narrow', 'Helvetica Narrow', sans-serif;
  color: #fff;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  cursor: pointer;
  border: none;
  font-size: 12px;
  background: #009999;
}

#p1 {
  margin: 5px;
  height: 18px;
  border: 1px solid #369;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  margin-top: -5px;
}
a.sldown {
  display: inline-block;
  height: 30px;
  background-image: url(images/slidedowngrey.gif);
  background-position: 100% -20%;
  background-repeat: no-repeat;
}
input,
option,
textarea {
  color: #333;
}

form#form_conversa textarea{
  width: 100%;
  font-size: 1em;
  position: relative;
  left: -5px;
}

#form_cultura {
  margin-top: 10px;
}

#div_agencia {
  background-image: url(images/agencia.png);
  background-position: 2% 100%;
  background-repeat: no-repeat;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-right: 5px;
  height: 105px;
  cursor: pointer;
}

.hand {
  cursor: pointer;
}

#subgoogle {
  margin-left: 82px;
}

#pesquisagoogle {
  background-image: url(images/google_small.gif);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  margin: 20px 0 10px 0;
  height: 40px;
}

ul {
  margin: 0;
  padding: 0;
}
li {
  margin: 0 0 5px 17px ;
}

#amsg {
  font-family: Helvetica, Calibri, "Trebuchet MS";
  font-size: 16px;
}

.vinho {
  color: #C09;
}

#btlogin {
  background: #C39;
  color: #fff;
  padding: 9px 6px;
  font-family: tahoma, verdana, arial, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  border: 1px solid #aaa;
  border-radius: 5px !important;
  cursor: pointer;
  width: 240px;
  margin: 20px 0 -10px 0;
}

#avbuscaperfil {
  display: none;
  color: #333;
  font-weight: bold;
  margin-left: 2px;
}

#btbuscaperfil {
  border: 1px solid #aaa;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 3px;
  background: #ddd;
  color: #aaa;
  text-align: center;
  display: inline-block;
}

.live,

#btbuscaperfil.live {
  border: 1px solid #3bb;
  padding: 3px;
  background: #099;
  color: white;
  cursor: pointer;
}

#container {
  min-height: 90%;
  padding: 0;
  margin: 0 auto;
}

#menucad {
  padding: 10px 0;
  width: 100%;
}

#menucad a {
  padding-right: -20px;
}

#menucad a:after {
  content: " | ";
  color: #9cc;
}

#menucad a:last-child:after {
  content: "";
}

#btxis {
  position: absolute;
  z-index: 3;
  cursor: pointer;
}

#blocosubesq {
  clear: both;
  padding-top: 10px;
}

#direitos,

#duvidas,

#fiquesabendo {
  float: left;
  margin-right: 2%;
}

#direitosct,

#duvidasct,

#fiquesabendoct {
  margin-top: 5px;
  text-align: left ;
}

#divform,

#divwarn {
  float: left;
}

#divwarn {
  color: #333;
  border: 1px solid red;
  background-color: #fdf;
  padding: 20px;
  font-size: 1.2em;
  text-align: center;
  margin: 5px 0 0 5px;
  display: none;
}

#imgtopo1 {
  position: relative;
  margin: 5px 0 20px 3px;
}

#imgtopo2 {
  position: relative;
  top: -30px;
  left: 20px;
}

#rodape {
    margin: 10px 0 0 0;
    clear: both;
    background-color: #444;
    color: #ddd;
    width: calc( 100% -12);
    padding: 4px 8px;
    position: relative;
    overflow: hidden;
    height: 80px;
    transition: width 1s, height 2s;
}

#rodape a,
#rodape a:visited,
#rodape a:link {
  cursor: pointer;
  text-decoration: none;
  color: #ccc;
}

#rodape a:hover {
  color: white;
  cursor: pointer;
}

#rodape table tr th {
  padding: 3px;
  color: #cff;
}

#rodape .tit,
a.tit {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}

#tels {
  color: #ccc;
  text-align: left;
  font-size: 1.1em;
  padding-top: 25px;
}

#tels h3, .zub{
  color: #6ee;
}

span.zub{
  margin-left: 10px;
}

#tels td,

#tels th,

#tels p {
  font-size: 0.9em;
  color: #ccc;
}

#contato {
  float: left;
  color: #ccc;
  margin: 20px 0 0 100px;
}

#contato p {
  color: #ccc;
}

#copyright {
  clear: both;
  text-align: center;
  color: #fff;
  padding-top: 20px;
}

#form_container {
  border: 1px solid #ccc;
}

#fdpreto {
  display: none;
  position: absolute;
  z-index: 11;
  background-color: #000;
  top: -10px;
  left: 0;
  height: 110%;
  width: 100%;
  opacity: 0.7;
}

#msgct {
  position: absolute;
  z-index: 3;
  margin: auto;
  height: 0;
  padding: 40px ;
  background-color: #fff;
  border: 2px solid #ccc;
  overflow: auto;
}

#msgwait {
  display: none;
  height: 100%;
}

#sendReport {
  border: 1px solid #aaa;
  background-color: #ffc;
  padding: 10px;
  margin-top: 10px;
  font-size: 1.25em !important;
  border-radius: 5px;
}

#googlead1 {
  border: 2px solid #ddd;
}

/*
div#msgview {
   min-height: 500px;
   height: auto;
   width: 100%;
} */


#wait {
  background-color: #fff;
  background-position: 50% 80%;
  background-repeat: no-repeat;
  border: 4px solid #C79 ;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding: 30px;
  text-align: center;
  color: #078;
  font-size: 1.15em;
  z-index: 12;
  min-height: 100px;
  height: auto;
  position: absolute;
  display: none;
}

.titlebox {
  border: 2px solid #CCC;
  margin: 0 0 10px 0 ;
  padding: 5px;
}

.warnicon {
  position: relative;
  margin: auto;
  height: 96px;
  background-color: transparent;
  background-image: url(images/warn.gif);
  background-position: center center;
  background-repeat: no-repeat;
  border: none;
}

.boxwarn {
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #E33;
  background-color: #ff6;
  border-radius: 5px;
  font-size: 14px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
}

.clear{
    clear: both;
    font-size: 1px;
    height: 0;
    width: 0;
}

.fdbc {
  background: #fff;
}

/* PASTEL */
.fdgreen {
  background: #3f3;
}


.fdbc{ background: #fff;}    /* BRANCO */
.fdlye{ background: #ffa;}    /* PASTEL */
.fdvd, .fdlvd{ background: #cfc;}    /* PASTEL */
.fdsalmao{ background: #ffe0f0 }
.fdlmg{ background: #fbf }    /* PASTEL */
.fdrosa{ background: #f9cadd;}
.fdlbu{ background: #cdf;}    /* PASTEL */
.fdlcy{ background: #cff;}    /* PASTEL */
.fdgreen{ background: #3f3;}    /* FORTE  */

/* FORTE  */
.fdred{ background: #d00; color: #fff;}
.fdvinho{ background: #c09; color: #fff;}
.fdblack{ background: #000; color: #fff;}
.fdred.mr3{
    margin: 0 2px;
    padding: 0 0 0 2px;
} /*usada junto para o vermelho não comer o espaço à  frente depois dessa tag: <> formatado <> comido*/

.fdred a, .fdblack a {
  color: #fff;
}

.warnmsg {
  border: 1px solid red;
  background-color: #ff9;
  text-decoration: line-through;
}

.bigger {
  font-size: 1.2em;
}

.ajaxgif {
  margin: auto;
}

.titulo_blue {
  background-color: #0099CC;
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  font-family: "Trebuchet MS", Verdana, Helvetica;
  padding: 3px 3px 3px 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.titulo_red {
  background-color: #F9D6E6;
  color: #066;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  font-family: "Trebuchet MS", Verdana, Helvetica;
  padding: 3px 3px 3px 5px;
  border: 2px solid #F3C3DB;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.titulo_green {
  background-color: #066;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  font-family: "Trebuchet MS", Verdana, Helvetica;
  padding: 3px 3px 3px 5px;
  border: 2px solid #ccc;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.titulo_sp {
  clear: both;
  background-color: #088;
  color: #fff;
  font-size: 18px;
  text-align: left;
  font-family: "Trebuchet MS", Verdana, Helvetica;
  padding: 3px;
  width: calc(100% - 6px);
  margin: 0;
  border: 2px solid #5BC;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.titulo_sp.person_{
   margin: 15px 0 0 0px;
   padding: 10px 3px;
   border: hidden !important;
   position: relative;
   z-index: 10;
   background: linear-gradient(#088, #099);
}

.white,
a.white {
  color: #fff;
}
a.white:hover {
  color: #fde;
}

.titulo_spforel{ /* left */
    color: #fff;
    font-size: 18px;
    font-family: "Trebuchet MS", Verdana, Helvetica;
    float: left;
}

.titulo_spforec{ /* center */
    color: #fff;
    font-size: 18px;
    font-family: "Trebuchet MS", Verdana, Helvetica;
    padding: 0;
    width: auto;
}

.titulo_spforer{ /* right */
    color: #fff;
    font-size: 18px;
    font-family: "Trebuchet MS", Verdana, Helvetica;
    padding-right: 5px;
    float: right;
}

.titulo_vio {
  color: #C09;
  font-size: 22px;
  /*font-weight: bold;
*/
  text-align: left;
  font-family: "Trebuchet MS", Verdana, Helvetica;
}

.mod_text {
  padding: 10px 0;
}

.tleft,
div .tleft {
  text-align: left;
}

.tright,
div .tright {
  text-align: right;
}

.tcenter,
div .tcenter {
  text-align: center;
}

.tjust,
div .tjust {
  text-align: left;
}

.btsld {
  position: relative;
  float: right;
  right: 5px;
  top: 3px;
}


.rightbarcell {
  float: right;
  margin-right: 50px;
}

input[type=button],
input[type=submit] {
  padding: 3px 10px;
  border: 1px solid #ccc;
  color: #333;
  /* Para Mozilla/Gecko (Firefox etc) */
  background: -moz-linear-gradient(top, #ffffff, #dddddd) repeat-X;
  /* Para WebKit (Safari, Google Chrome etc) */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)) repeat-X;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  cursor: pointer;
}

h3#hibu.vinho{
   padding: 5px;
   width: 220px;
   border-radius: 6px;
   text-align: left;
}

.active, .active:visited, .active:link{
    font-weight: bold;
    color: #35C;
}

span.glyphicon.responder,
a span.glyphicon.responder,
div#container div#formup form span.glyphicon.responder, .invertedX{
  transform: scaleX(-1);
}

a span.glyphicon.responder{
  margin-right: 3px;
  /* color: #079;*/
  font-size: 1.1em;
}

.pd3{
  padding: 3px;
}

.titulo_sp span.glyphicon{
  margin: 0 5px;
}

span#displayname a#lkuser{
  font-size: 1.15em;
}

div#main div#top div#divlogo{
    text-align: left;
    clear: both;
    width: 100%;
    margin-bottom: -8px;
}

div#main div#top div#divlogo img {
     max-width: 180px;
}

div#main div#top div#divlogo.inicio,
div#main div#top div#divlogo.bottomleft {
  position: relative;
  top: 2px;
  left: 10px;
  opacity: 0.7;
}

div#main div#top a#coracao_home{
  position:relative;
  top: 5px;
 }

 span.glyphicon.glyphicon-user.pp_msg{
   font-size: 1.2em; margin-left: 5px;
 }

 span.glyphicon.glyphicon-user.on,
 span.glyphicon.glyphicon-user.pp_msg.on,
 div#msgheader span.glyphicon.glyphicon-user.on{
   color: #0E0;
   text-shadow: -3px 1px #000;
 }

 div#content div#msg_viewp{
    height: auto;
    height: 490px;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: scroll;
 }

div#content.tranlogin {
   transition: top 1s;
   position: relative;
   top: 0px;
   height: 360px
}

.pink, a.pink { color: #ee66ee; }
.red, a.red { color: #ee3333; }
.orange, a.orange{ color: orange }
.nred{ color: #B06; }

.blue, a.blue { color: #3333ee; }

.musgo, a.musgo{ color: #007799; }

.vinho, a.vinho { color: #c09 !important; }

.grey, a.grey { color: #ccc; }

.darkgrey, a.darkgrey { color: #888;}

.green, a.green { color: #33aa33; }

.bold, a.bold { font-weight: bold; }

.dvclear {
  margin: 0;
  clear: both;
  font-size: 1px;
}


.w31 {
  max-width: 100px;
}


.flef {
  float: left;
}


.fright {
  float: right;
}

button.novobotao, input.novobotao,
   input[type=submit] {
    background: #A17;
    color: white;
    padding: 7px 10px;
    font-weight: bold;
    font-size: 1.1em;
    border: hidden;
    border-radius: 5px;
    min-width: 80px;
 }

 span.glyphicon.musgo{
  color: #078 !important;
}

 div#capa_main form table tr td .bot_vinho, input#bt_reply, body div#main div#content div button.bot_vinho {
    background: #A17;
    color: white;
    font-size: 1em;
    padding: 7px 10px;
    font-weight: bold;
    border: 1px solid #966;
    border-radius: 5px;
}

.rem_fica2{
  float:left;
  position: relative;
  left: 20px;
  font-size: 1.1em;
  color:#099!important;
}
.rem_bye2{
  float:right;
  position: relative;
  right: 20px;
  font-size: 1.1em;
  color:#C00!important;
}
.blackfull{
  filter: invert(100%);
}

form#form_conversa {
  border: 2px solid #ccc;
  background: linear-gradient(45deg, #6dc, #facae0);
  border-radius: 10px; margin: auto auto; width:340px;
  position: relative;
  width: 338px;
  top: -10px;
}

form#form_conversa table tr td,
form#form_conversa table tr th {
  border-width: 0;
  border-color: transparent;
  border: hidden;
}

form#form_conversa * img{ margin: 0 3px 0 0;}
form#form_conversa * img:last-child{ margin: 0;}

 div#content div.titulo_sp span.glyphicon.glyphicon-user.on{
   color: #0E0;
   text-shadow: -3px 2px #000;
 }

body div#main div#content div.boxwarn p{
  text-align: center;
  font-weight: bold;
}

span.glyphicon.vinho{
  color: #c09 !important;
}

.pointer{ /* link de onclick sem href */
   cursor: pointer !important;
}

.lrj{
  color: #f80;
}

.rox{  color: #909; }

.spin{
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}body div#main div#content {
  padding: 0;
  width: calc(100% - 2px);
}

.newmsg,
.pers_but.newmsg {
  border-color: #CC6;
  background: #ff9;
}

*.claro{
  color: #ddd !important;
}

.pers_but {
  width: 200px;
  cursor: pointer;
  height: 40px;
  text-align: center;
  border: 2px solid #ddd;
  color: #009999;
  font-size: 15px;
  display: table;
  margin: 10px 0 0 7px;
  background-color: #f3f3f3;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}

p a span.price{
  font-size: 1.5em;
  color: #333;
  position: relative;
  left: 3px;
  display: inline-block;
  padding: 8px;
}

div#prop{
  text-align: center;
  float: right;
  width: 108px;
  position: relative;
  top: -200px;
}

.pers_but.sair a span.glyphicon,
.pers_but.sair plan a span.glyphicon,
.pers_but.admin a span.glyphicon
{
  margin: 15px 0 0 5px;
}

span.btsdireita{
    position: relative;
    top: 12px;
    left: -2px;
    font-size: 15px;
    text-align: left !important;
    display: inline-block;
    width: 51px;
    margin-left: 7px;
}
.pers_but:hover {
  background-color: #cfc;
}


.pers_but a span.glyphicon
{
  font-size: 1.15em;
  font-weight: normal;
  float: left;
  margin-right: 20px;
  top: -4px;
  color: #007777;
  /*#CC0066;*/
}

div#bag_left {
    position: relative;
    top: 0;
    padding: 0;
    margin: 0;
    left: 4px;
    width: 225px;
    overflow: hidden;
    float: left;
    z-index: 0;
}


div#bag_right{
    position: relative;
    top: 0;
    right: 8px;
    width: 105px;
    float: right;
    z-index: 1;
}

div#all_bags{
  position: relative;
}

.pers_but.sair {
  position: relative;
  float: right;
  top: inherit;
  width: 95px;
}


.newmsg, .pers_but.newmsg{
   border-color: #c3b;
   background: #c09;
   float: right;
}

.pers_but.special a span.glyphicon{
  float: right;
  right: -20px;
}

div#bag_right .pers_but a span.glyphicon.special{
  float: right;
  margin: 0 5px 0 10px;
}

div.pers_but.special.cfg{
  background: #077;
}

div.pers_but.special.qry{
  background: #b48;
}

div.pers_but.atv{
  background: linear-gradient( 45deg,  #ff6 , #f66 );
  font-weight: bold;
  position: relative;
  float: right;
  width: 85px;
  top: inherit;
  height: 60px;
}

div.pers_but.sound {
  font-size: 2em;
  color: #555;
}

div.pers_but.sound:hover{ background: #f3f3f3;}

div.pers_but.sair.sound span.glyphicon{
  position: relative;
  top: 7px;
  color: inherit;
}

div.pers_but.fsoff.ligado a span.glyphicon {
  color: #aaa;
}

div.pers_but.fson a span.glyphicon {
  color: #b48;
}

div.pers_but.fsoff.ligado a {
  color: #aaa;   
}

div.pers_but.fsoff span.glyphicon.glyphicon-picture{
  opacity: 0.5;
}

.pers_but_text {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding-right: 20px;
  font-size: 15px;
  width: 100%;
  height: 100%;
  position: relative;
  left: 7px;
  top: 0px;
}

div.pers_but.newmsg a.pers_but_text span.glyphicon,
div.pers_but.newmsg a.pers_but_text b{
  color: #fff;
  margin-bottom: 3px;
}

div.pers_but.newmsg a.pers_but_text b,
div.pers_but.newmsg a.pers_but_text{
  color: #fff !important;
  font-size: 1em;
  font-weight: bold;
}


div.pers_but.atv a.pers_but_text{
  text-align: center;
}

div.pers_but.atv a.pers_but_text span.glyphicon{
  float: none;
  margin: 0; left: 0;
}

.pers_but.special a.pers_but_text,
.pers_but.special a span.glyphicon {
    color: white! important;
    font-weight: bold;
}

div.pers_but.special.cfg:hover{
  background: #444;
}

div.pers_but.special.qry:hover{
  background: #444;
}

div.pers_but.special a span:hover,
.pers_but.special a span.glyphicon:hover{
  background: inherit;
}

a#lknm.m3.white, a#lknch.m3.white {
  display:none; position: relative; z-index: 3;
  font-size: 1.15em; background: #c09; padding: 7px; border-radius: 5px
}

div.pers_but a.pers_but_text span.glyphicon {
  position: relative;
  top: 2px;
}

div.pers_but.sair a {
  position: relative;
  top: -2px;
}

div.pers_but.sair a.pers_but_text {
  position: relative;
  top: 6px;
}

div.pers_but.sair a span.glyphicon {
  position: relative;
  top: -2px;
}


    div#bag_left div.pers_but a.pers_but_text {
      font-size: 1.2em;
    }

    div#bag_left div.pers_but a.pers_but_text span.glyphicon {
      font-size: 1.3em;
    }

    div.pers_but.sair a span.btsdireita,
    div.pers_but.sair a.pers_but_text{
      font-size: 1.2em;
    }

    div.pers_but.sair a span.glyphicon,
    div.pers_but.sair a.pers_but_text span.glyphicon{
      font-size: 1.3em;
    }


  div.pers_but.sound {
  color: #555;
  font-size: 2em;
}

div.pers_but.sair.sound span.glyphicon{
  position: relative;
  top: 4px;
  color: inherit;
}

div.pers_but.sound:hover{ background: #f3f3f3;}/*
    Document   : tableless
    Created on : 22/03/2012, 08:07:04
    Author     : sergio
    Description:
        Purpose of the stylesheet follows.
*/

.rowmsgleft{
    width: auto;
    display: table;
    border-left: 1px solid #ddd;
    border-right: none;
}

.tdmsg{
    padding: 0 5px;
    display: table-cell;
    height: 20px;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.tdmsgleft{
    padding: 0 5px;
    display: table-cell;
    height: 20px;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.l1{ width: 95px;  }
.l2{ width: 45%; }
.l3{ width: 55%; }
.l4{ width: 250px; }
.l5{ width: 20px;  }
.l6{ width: 230px; }
.l7{ width: 70px;  }

.bordsup{  border-top: 1px solid #ddd; }

.tdr{
    text-align: right;
    float: left;
    width: 50px;
    height: 20px;
    margin: 0 0 10px 0;
}

.tdl{
    text-align: left;
    float: left;
    width: 200px;
    height: 20px;
    margin: 0 0 10px 5px;
}

.lkmsg, a.lkmsg{
    display: table-cell;
    height: 30px;
    font-size: 0.7em;
    padding: 0 5px;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


.lkmsgleft, a.lkmsgleft{
    display: table-cell;
    height: 30px;
    font-size: 0.9em;
    padding: 0 5px;
    vertical-align: middle;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.lkmsg:hover, a.lkmsg:hover{
    background: #ffc;
}

.lktd, a.lktd{
    display: table-cell;
    float: left;
    width: 70%;
    padding-left: 5px;
    vertical-align: middle;
}

div.msgfrom.l8 div.flef a.lktd{
  color: #555 !important;
}

.rowmsg {
  cursor: pointer;
  font-size: 1.1em !important;
  padding: 10px 7px 5px 8px;
  text-align: left;
  border-bottom: 1px solid #aaa;
  line-height: 1.3em;
}

.rowmsg, .rowmsg a{
  color: #333;
}

.rowmsg a span.glyphicon{
  color: #7f7f7f;
}

.rowmsg span.data {
  color: #777;
  font-size: 0.9em;
  float: right;
  position: relative;
  right: 10px;
  top: 8px;
} /* Rs show */

 div#saa_paginator{
   position: relative;
   left: 3px;
   width: auto !important;
   min-height: 0;
   height: 26px;
   /* margin: 10px 3px; */  
 }

 div#content div div div.rs_pgn, div.rs_pgn { 
    font-family: verdana,arial,sans-serif;
    cursor: pointer;     
    font-size: 1.05em;
    border-top: 2px solid #8bb;
    background: #00909F;
    float: left;
    color: #FFF;
    margin: 0 1px 2px 0;
    padding: 2px 4px;   /* height: {$this->links_height}px; definido php */
    min-width: 20px;    /* min-width:{$this->links_width}px; definido php */
    text-align: center;
    border-right: 2px solid #8bb;
 }
 
 div.rs_pgn.inv{
   display: none;
 }
 div.rs_pgn a {
   color: inherit;
 }
 
 div.rs_pgn a:focus-visible {
   outline: 1px dashed white;
 }
 
 div#content div div div.rs_pgn.active {
  border: 1px solid #377;
  padding-top: 3px;
  background: #AFE;
  font-weight: bold;
  color: #077; 
}

 div#content div div div.rs_pgn.sent{
  background: #b37;
  color: #fff;
  border: 1px solid #c5a;
  border-top: 1px solid #ebbad0;
  border-right: 2px solid #ebbad0;
 }
 
div#content div div div.rs_pgn.sent.active {
  border: 1px solid #f6f0ff;
  background: #facae0;
  color: #907;  
}

 div#content div div div.rs_pgn.disabled, 
 div#content div div div.rs_pgn.sent.disabled {    
   color: #aaa; 
   opacity: 0.5;
   background: #aaa;
   border: 1px solid #aaa;
   height: 23px;
 }  

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16/06/2022, 05:52:45
    Author     : sergio
*/

.nmsghist {
    width: 80%;
    padding: 5px;
    margin: 0 0 5px 0;
    border-radius: 18px;
    margin-bottom: 10px;
}

div.nmsghist.msgoutro{
  z-index: 1;
  margin-left: 20px; 
}

div.nmsghist.msgeu {
  z-index: 1;
  margin-right: 20px; 
}
 
div.fechafloat{
  clear:both;
  width:0;
  padding:0;
  border:none;
}

div.nmsghist.msgoutro:first-child,
div.nmsghist.msgeu:first-child {
  margin-top: 10px;
}

div.conversa_msg div.nmsghist.msgoutro i.balol, 
div#msgcontainer div.nmsghist.msgoutro i.balol {
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    position: relative;
    top: 8px;
    transform: rotate(135deg);
    left: 7px;
    border-right: 23px solid #fff;
    float: left;
    margin: -20px;
}

div.conversa_msg div.nmsghist.msgeu i.balor, 
div#msgcontainer div.nmsghist.msgeu i.balor { 
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    position: relative;
    top: 8px;
    transform: rotate(225deg);
    z-index: 10;
    right: 7px;
    border-left: 23px solid #cfc;
    float: right;
    margin: -20px;
}

div.nmsghist div.botoes_msg{
    position: relative; z-index: 10;
}/* MSG MOBILE */

    div#cover_pgn_msg{
      padding: 2px;
      background:  linear-gradient(#078, #278899, #69A);
      position: relative;
      left: -2px;
      width: 100%;
      height: auto;
      padding-bottom: 7px !important;
    }

    div#cover_pgn_msg.sent{
      padding: 2px;
      background: linear-gradient(#b37, #b58, #b79);
      position: relative;
      left: -2px;
      padding-bottom: 7px !important;
    }

   div#cover_pgn_msg.view{
     background: transparent;
     width: calc(100%-10 px);
   }

   div#cover_pgn_msg.view div.titulo_sp.msg{
      background: linear-gradient( to right, #377, #799, #b48);
      border: 0px;
      padding: 7px 2px;
      position: relative;
      left: -2px;
   }

   div#pgntor_1{
     background: transparent;
     height: 25px;
    }
    div#pgntor_1 div{
      position: relative;
      left: 7px;
      top: 3px;
      background: transparent;
    }


   div#cover_pgn_msg div.titulo_sp.msg{
      position: relative;
      border-color: #077;
    }


   div#cover_pgn_msg div.titulo_sp.msg {
     background: transparent;
     border: none;
     border-radius: 0;
     padding: 5px 3px;
     width: 100%;
     margin: 0;
     position: relative;
    }

div#msgcontainer {
   height: 500px;
   width: 100%;
   padding: 2px;
   margin:0;
   position: relative;
   left: 2px;
   top: -22px;
   overflow: auto;
   background-image: linear-gradient(#099, #F3C3DB);
   background-position: 0 0;
   background-repeat: no-repeat;
}

#msgheader {
  margin: 0 0 10px 0;
  padding: 3px 0 1px 0;
  position: relative;
  top: -5px;
  left: 2px;
  line-height: 1.4;
  font-size: 1.15em !important;
  margin-bottom: 10px;
  background-image: linear-gradient(#fff,#fff,#fff,#fff,#fff,#fff,#fff,#fff, #088);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 100%
}

div#msgheader p {
  position: relative;
  margin: 0;
  padding: 3px 0;
}

p#msghead_ass{
  line-height: 1em;
  margin: 0;
  width: 95%;
  height: auto;
}

p#msghead_de, p#msghead_para {
   min-height: 25px;
   padding-bottom: 5px;
   position: relative;
   z-index: 1;
}


.msgassunto {
  padding: 5px 5px 0 10px;
}


.msgfrom,
a.msgfrom {
  float: left;
  font-weight: bold;
  color: #333;
}

#msgbarra {
    float: right;
    text-align: right;
    padding-right: 5px;
    position: relative;
    top: -39px;
    left: -10px;
    margin-bottom: -10px;
    z-index: 1;
}

.mensagem {
  padding: 5px 10px;
}

.mensagem span.horamsg{
 display: block;
 opacity: 0.7;
 padding-bottom: 7px;
}

.msgtext div {
  text-align: left !important;
}

.msgtext div * {
  text-align: left !important;
}

.msgtext div p {
  margin: 0;
}


div#msgheader p#msghead_ass,
div#msgheader p#msghead_ass.emoti {
  text-align: left !important;
  background: linear-gradient( 225deg, #facae0 , #fff);
  position: relative;
  padding: 5px 0 5px 0;
  z-index: 0;
  left: -10px;
  padding-left: 10px;
  width: calc(100% + 5px);
}

div#msgheader #msghead_ass.emoti{
  position: relative;
  top: -10px;
  line-height: 2em;
}

div#msgheader p#phora{
  position: relative;
  z-index: 0;
  margin-bottom: 10px;
}

b#aspisc{
  position: relative;
  display: inline-block;
  padding: 2px;
}

div.titulo_sp.msg.view  td.titulo_spforel,
div.titulo_sp.msg.view  td.titulo_spforer {
 cursor: pointer;
 font-size: 0.85em;
 opacity: 0.5;
 width: auto;
}

div.titulo_sp.msg.view  td.titulo_spforel.destaque,
div.titulo_sp.msg.view  td.titulo_spforer.destaque,
div.titulo_sp.msg.view  td.titulo_spforel:hover,
div.titulo_sp.msg.view  td.titulo_spforer:hover {
 opacity: 1;
}

a#lknm b, a#lknch b {
  color: #fff !important;
}

div#cover_pgn_msg div.titulo_sp.msg.normal div#saa_paginator,
div#cover_pgn_msg div.titulo_sp.msg.sent div#saa_paginator{
  display: none;
}

div#cover_pgn_msg div.titulo_sp.msg.view{
  display: block;
}

div#cover_pgn_msg.sent div.titulo_sp.msg.view,
div#cover_pgn_msg.sent div.titulo_sp.msg.normal{
  display: none;
}

div#cover_pgn_msg.sent div.titulo_sp.msg.sent{
  display: block;
}

div#cover_pgn_msg.normal div.titulo_sp.msg.sent,
div#cover_pgn_msg.normal div.titulo_sp.msg.view{
  display: none;
}
div#cover_pgn_msg.normal div.titulo_sp.msg.normal{
  display: block;
}

div#cover_pgn_msg.reply div.titulo_sp.msg.sent,
div#cover_pgn_msg.reply div.titulo_sp.msg.normal{
  display: none;
}

div#cover_pgn_msg.compose div.titulo_sp.msg.sent,
div#cover_pgn_msg.compose div.titulo_sp.msg.normal{
  display: none;
}

div#cover_pgn_msg.view div.titulo_sp.msg.sent,
div#cover_pgn_msg.view div.titulo_sp.msg.normal{
  display: none;
}

div#cover_pgn_msg.normal div#saa_paginator,
div#cover_pgn_msg.sent div#saa_paginator {
  display: block;
}

div#cover_pgn_msg.view div#saa_paginator,
div#cover_pgn_msg.reply div#saa_paginator,
div#cover_pgn_msg.compose div#saa_paginator {
  display: none;
}

div#cover_form_msg{
  display: none;
}

span#tit_admin_msg{
  display: none;
}

.msgeu a, .msgeu a:link, .msgeu a:visited,
.msgoutro a, .msgoutro a:link, .msgoutro a:visited {
  color: blue !important;
}

.msgeu a.vinho, .msgeu a.vinho:link, .msgeu a.vinho:visited,
.msgoutro a.vinho, .msgoutro a.vinho:link, .msgoutro a.vinho:visited {
  color: #c09;
}

div.mensagem div.msgtext div{
  word-break: break-word;
  line-height: 1.2em;
}

span.spbut{
  height: 30px;
  display: inline-block;
  position: relative;
  top: -3px;
  margin-bottom: -10px;
  padding-bottom: 0;
}