/* Reset das funções*/
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body {margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block}
audio,canvas,video {display:inline-block;vertical-align:baseline}
audio:not([controls]) {display:none;height:0}
[hidden],template {display:none}
a {-webkit-tap-highlight-color:transparent;background-color:transparent}
a:active,a:hover {outline:0}
abbr[title] {border-bottom:1px dotted}
b,strong {font-weight:bold}
dfn {font-style:italic}
mark {background:#ff0;color:#000}
small {font-size:80%}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup {top:-0.5em}
sub {bottom:-0.25em}
img ,a img{border:0}
svg:not(:root) {overflow:hidden}
figure {margin:1em 40px}
hr {-moz-box-sizing:content-box;box-sizing:content-box}
pre {overflow:auto}
code,kbd,pre,samp {font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea {color:inherit;font:inherit;margin:0}
button {overflow:visible}
button,select {text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit] {-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled] {cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner {border:0;padding:0}
input {line-height:normal}
input[type=checkbox],input[type=radio] {box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {height:auto}
input[type=search] {box-sizing:content-box;-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {-webkit-appearance:none}
fieldset {border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend {border:0;padding:0}
textarea {overflow:auto}
optgroup {font-weight:bold}
ity {color:rgba(0,0,0,0.60) !important}
div {overflow: hidden;}

/* CSS */

html, header, body {width: 100%; font-family: 'Abel', sans-serif; font-size: 17px; line-height: 23px;}
body {color: #fff; background-color: #111;}
img, embed, object, video {max-width: 100%;}
svg {vertical-align: top;}
svg path, svg rect, svg line {fill: #eee; stroke: #eee;}
svg:hover path, svg:hover rect, svg:hover line {fill: #FFD700; stroke: #FFD700;}
svg.sel path, svg.sel rect, svg.sel line {fill: #FFD700; stroke: #FFD700;}

header {padding-top: 10px; border-bottom: 1px solid #555; background-image: url('./headerNatal.jpg'); background-position: center top; background-repeat: no-repeat; background-color: #000;}
header div#dvHeader {width: 100%;}
header div#dvHeader div{float: left; width: 53%;}
header div#dvHeader div span.p, header div span.d, header div span.v {font-family: 'Open Sans Condensed', cursive; font-size: 3em; color: #ddd; line-height: 58px; font-weight: bold;}
header div#dvHeader div span.p {padding-left: 80px; color: #888;}
header div#dvHeader div span.d {color: #ddd; font-size: 1.5em;}
header div#dvHeader div p.c {padding-left: 80px; font-size: 0.8em; margin-top: -10px; color: #eee; line-height: 1.2em; }
header nav { width: 47%; min-width: 307px; float: right; margin-top: 20px; vertical-align: middle; display: inline-block; text-align: right;}
header nav a { padding: 0px 10px 0px 10px; text-decoration: none; }

header nav a  svg path{ fill: #e44; stroke: #e44;}
header nav a  svg.sel path {fill: #c60102; stroke: #c60102;}
header nav a  svg:hover path {fill: #17a147; stroke: #17a147;}

#dvLogoTitle{cursor: pointer;}

#dvFoto {margin: auto; margin-top: 60px; text-align: center;}
#dvFoto p.titulo {font-family: 'Open Sans Condensed', cursive; font-size: 2.5em; color:#bbb; margin: 10px 0px; padding: 15px; font-weight: bold;}
#dvFoto table {width: 280px; border: 0px; margin: 10px auto; border-top: 1px solid #888;}
#dvFoto table td {padding-top: 10px; text-wrap:none;}
#dvFoto svg path {fill: #bbb; stroke: #bbb;}
#dvFoto svg:hover path {fill: #FFD700; stroke: #FFD700;}
span.subTitulo {font-family: 'Open Sans Condensed', cursive; font-size: 1.1em; color:#ccc; font-weight: bold;}

#dvCentral {margin: auto; padding: 10px;}
#dvCorpo {margin: auto; padding: 20px 10px 10px 10px; border-top: 1px solid #888; margin-top: 60px;}
#dvTxtInf {margin: 0px; vertical-align: top; display: inline-block; width: 37%; line-height: 24px;}
#dvTxtInf svg path {fill: #FFD700; stroke: #FFD700;}
p.separador {border-top: 1px solid #888;}

#dvFoto a, #dvTxtInf a {color: #0FBEF8; text-decoration: none;}
#dvFoto a:hover, #dvTxtInf a:hover {color: #FFD700;}

h3.titulo {font-family: 'Open Sans Condensed', cursive; font-size: 1.8em; color:#FFD700; margin-top: 20px; padding-right: 10px; text-align: right;}
#dvCentral h1.titulo {font-family: 'Open Sans Condensed', cursive; font-size: 3em; color:#FFD700; padding-right: 10px; text-align: right;}
#dvCentral a {color: #0FBEF8; text-decoration: none;}
#dvCentral a:hover {color: #FFD700;}
#dvCentral svg path {fill: #FFD700; stroke: #FFD700;}

#dvComents {margin: 0px; float: right; vertical-align: top; display: inline-block; width: 60%; line-height: 24px;}
#dvComents div.coment {min-height: 80px;}
#dvComents div.primeiro {border-top: 1px solid #888; padding-top: 30px;}
#dvComents div.separador {border-bottom: 1px solid #888; margin-bottom: 30px;}
#dvComents div.interno {background-color: #1a1a1a; padding-top: 20px;}
#dvComents div.interno  div.cmtText div.cmtWho div.comentNR{color: #aaa;}
#dvComents div.interno  div.cmtText p {padding-left: 10px; padding-right: 10px;}
#dvComents div.cmtText { position: relative; width: 100%; overflow: hidden; text-align: left;}
#dvComents div.cmtText p {margin: 0px 0px 20px 0px; padding: 0;}
#dvComents div.cmtWho {display: block; float: right; text-align: left; width: 290px; min-height: 50px; padding: 0px 0px 0px 5px; margin-left: 10px; border-left: 1px solid #555;}
div.comentNR {float: left; width: 66px; font-size: 4em; text-align: left; color: #555; height: 55px; line-height: 55px; letter-spacing: -4px;}
div.comentImg {float: right; width: 220px; text-align: left;}
div.comentImg img {margin-right: 10px; vertical-align: top; border-radius: 5px;}
div.comentImg a, #dvComents a {color: #0FBEF8; text-decoration: none;}
div.comentImg a:hover, #dvComents a:hover {color: #FFD700;}
#dvComents svg path {fill: #FFD700; stroke: #FFD700;}

#dvPesqGaleria {background-color: #222; border: 1px solid #555; padding: 10px; margin: 10px 0px 20px 0px; text-align: center; font-size: 0.9em;}
#dvPesqGaleria div {padding: 7px; display: inline-table;}
#dvPesqGaleria div select {color: #000;}

div.galeria, div#dvUltComents {
display:                 flex;
display:                 -webkit-flex; /* Safari */
flex-wrap:               wrap;
-webkit-flex-wrap:       wrap;         /* Safari */
justify-content:         center;
-webkit-justify-content: center;       /* Safari */
}

#dvPagGaleriaT, #dvPagGaleriaB {padding: 10px; margin: 10px 0px 20px 0px; text-align: center; font-size: 0.9em;}
#dvPagGaleriaT table, #dvPagGaleriaB table {margin: auto; width: 280px; border: 0px;}
#dvPagGaleriaT svg path, #dvPagGaleriaB svg path {fill: #bbb; stroke: #bbb;}

div.boxG {display: inline-block; width: 250px; height: 140px; margin: 5px 4px 5px 4px; border: 1px solid #555; font-size: 0.7em; text-align: center; background-position: center center; background-repeat: no-repeat; cursor: pointer;}
#dvUltComents div.interno {border: 4px solid #FFD700; width: 244px; height: 134px;}
div.boxG div.opaco {background-image: url('trans.png'); width: 100%; margin-top: 43px; height: 60px; padding: 5px 0px 0px 0px; line-height: 1.5em;}
div.boxG div.opaco span.cmt {background-image: url('cmt.png'); background-repeat: no-repeat; background-position: left center; padding-left: 17px; margin-left: 10px; color: #e2e2e2;}
#dvCentral div.galeria div.boxG div.opaco  span a.cat {color: #FFD700;}
#dvCentral div.galeria div.boxG div.opaco  span a.cat:hover {color: #0FBEF8;}

div.dvLstComents{padding-bottom: 30px; width: 100%;}
div.dvLstComents div.dv1 {float: left; width: 75%;}
div.dvLstComents div.dv2 {float: right; min-width: 105px; padding-top: 10px;}


#dvMaisAssiduos {float: left; min-width: 50%;}
#dvContadores {float: right; width: 300px; text-align: right; padding-right: 30px;}

ul.ulLista{list-style: none; padding-left: 10px;}
ul.ulLista li {padding: 6px 4px 6px 4px;}
ul.ulLista li.light {padding: 2px;}
ul.ulLista li:before {content: "✭ "; color: #FFD700; font-size: 1.3em;}

footer {font-size: 0.8em; color: #f33; border-top: 1px solid #666; background-color: #000; background-image: url('./rodapeNatal.jpg'); background-position: center bottom; background-repeat: no-repeat; padding: 20px 10px 10px 10px; margin-top: 20px;}
footer div nav {margin:0px; vertical-align: middle; display: inline-block; width: 28%; min-width: 280px; line-height: 20px;}
footer div nav div {margin:0px; vertical-align: top; display: inline-block;}
footer div nav div.dv1 {width: 35%;}
footer div nav div.dv2 {width: 52%;}
footer div nav a {vertical-align: middle; padding: 0px 10px 0px 10px; text-decoration: none; color: #2ab73e; }
footer div nav a:hover {color: #FFD700;}
footer div p { text-align: left; padding: 20px 0px 20px 10px; vertical-align: middle; display: inline-block;}

code {font-size: 0.9em; line-height: 20px;}
sup, sub {font-size: 0.85em; line-height: 15px;}
img.absmiddle {vertical-align: middle;}
img.left {float: left; vertical-align: middle;}

.superbig {font-size: 1.5em;}
.big {font-size: 1.2em;}
.small {font-size: 0.8em;}
.bigsmall {font-size: 0.7em;}
.inf {font-size: 0.9em; color: #ccc;}
.semmargem{margin: 0px;}
.fade {color: #999;}
.morefade {color: #888;}
.centro {text-align: center;}
.esquerda {text-align: left;}
.direita {text-align: right;}
.padding5 {padding: 5px;}
.hidden {display:none;}
.mostraGrande {display:block;}
.mostraPeq {display: none;}
.cap{text-transform: capitalize;}
.obrigatorio {border: 3px solid #f00;}	
.space {letter-spacing: 1px;}

p#pTags {text-align: center; font-size: 0.7em; font-family: courier; margin: 10px 0px 0px 0px;}
p#pTags a.cat {text-transform: lowercase;}
p#pTags a {color: #666;}

div.bolaCom {width: 50px; height: 50px; margin-right: 6px; text-align: center; color: #fff; border-radius: 14px; float: left; font-size: 40px; font-family: Abel; line-height: 50px;}
.BgBL0 {background-color: #0057e7;}
.BgBL1 {background-color: #83adb5;}
.BgBL2 {background-color: #8f9779;}
.BgBL3 {background-color: #3c2f2f;}
.BgBL4 {background-color: #000000;}
.BgBL5 {background-color: #234d20;}
.BgBL6 {background-color: #005b96;}
.BgBL7 {background-color: #00b159;}
.BgBL8 {background-color: #222f5b;}
.BgBL9 {background-color: #a67c00;}
.BgBL10 {background-color: #3bd6c6;}
.BgBL11 {background-color: #433e90;}
.BgBL12 {background-color: #400000;}
.BgBL13 {background-color: #be29ec;}
.BgBL14 {background-color: #5e3c58;}
.BgBL15 {background-color: #f231f2;}
.BgBL16 {background-color: #4d5d53;}
.BgBL17 {background-color: #008080;}
.BgBL18 {background-color: #4f5b66;}
.BgBL19 {background-color: #77ab59;}
.BgBL20 {background-color: #ffa700;}
.BgBL21 {background-color: #a0522d;}
.BgBL22 {background-color: #fb5858;}
.BgBL23 {background-color: #378b29;}
.BgBL24 {background-color: #03396c;}
.BgBL25 {background-color: #ff0000;}
.BgBL26 {background-color: #a200ff;}
.BgBL27 {background-color: #ff4d00;}
.BgBL28 {background-color: #854442;}
.BgBL29 {background-color: #800080;}
.BgBL30 {background-color: #ff084a;}
.BgBL31 {background-color: #d3a625;}
.BgBLR {background-color: #00aedb;}