/********************************/
/* HTML5/CSS3 - Comunidades.net */
/********************************/

body{       
	width:100%;
	padding: 0;
	margin:0 auto;
	line-height: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: blue;
        background:blue;
}


a:link, a:visited { text-decoration: none; font-weight: normal; }
a:active, a:hover { text-decoration: none; }

/*MODIFICA PARAGRAFO TELA INICIAL*/
p {margin: 0px;padding-bottom: 10px;}
.templatemo_content p {margin: 0px;padding-bottom: 10px;text-align: justify;}

.warning{color:    #CC0000 ;} /*  #CC0000*/
.titulo {border:0;float:left;width:50%;margin:-202px 0 0 0;overflow:hidden;line-height:0;padding:0;font-size:0px;}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;}
.clear {clear: both;}


/*******************************/
/* ALTERACAO DAS CORES DO SITE */
/*******************************/

/* Fundo Lateral do Site */
body {
         background:black;
         background-image: -moz-linear-gradient(top, #6699FF, #3333FF);
         background-image: linear-gradient(#6699FF, #3333FF);
         background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #3333FF),color-stop(1, #6699FF));
         filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6699FF', endColorstr='#3333FF');
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6699FF', endColorstr='#3333FF')";
}

/* Links */
a:link, a:visited { color: #69f;} 

a:active, a:hover { color: #fff;}

/* Menu Horizontal */                                  /*AQUI FICA FUNDO DO MENU DO TOPO HORIZONTAL*/
#menu{background:linear-gradient(to bottom,cyan,blue,black)  ;
background: -moz-linear-gradient(#36c, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #36c));
background: -webkit-linear-gradient(#36c, #111);
background: -o-linear-gradient(#36c, #111);
background: -ms-linear-gradient(#36c, #111);
background: linear-gradient(#36c, #111);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3366cc', endColorstr='#111111');
background: -webkit-gradient(linear, left top, left bottom, from(#36c), to(#111));
background: -moz-linear-gradient(top,  #36c,  #111);
}
/* ################################################################### */
/* MODIFICA AS CORES DO MENU SUPERIOR HORIZONTAL TEXTO E SELEÇÃO HOVER */
/* ################################################################### */

#menu{
           background:linear-gradient(to bottom,#12ffff,blue,black);    
           }

/* cor de fonte menu principal */
#menu a {color: #ffffff;
                border-right:0px solid #111;   /* tira borda do menu horizontal */
              }

/* cor de fonte seleção  menu principal DIEGO BRITO */
#menu li:hover > a {         
            color:yellow; 
           background:linear-gradient(to bottom,#12ffff,transparent,#12ffff);  /*MODIFICA SELEÇÃO MENU TOP*/     
             border-radius:10px 10px 10px 10px ;    
             width: 145px;
             height:25px;  
             }
}

*html /*/////////////////////////////////////////////////////////////////*/
#menu li a:hover {color: #ffffff;
   background:linear-gradient(to bottom,CYAN,BLUE,BLACK);       
                          }


/* Modificar fundo da  Coluna Esquerda */
.templatemo_side_bar {
                                  backdrop-filter: blur(5px);    /* <-----deicha o fundo transparente embassado*/
                                  background:transparent;      /* <-----deicha o fundo transparente ou a cor de preferencia*/                            
                                  border: 1px solid #FFFFFF;      /* <-----modifica somente borda da coluna esquerda*/                             
                                  }


/* Menu Vertical esquerda modifica a cor da caicha de texto diego brito */
 .graphite .accordion a {border: 1px solid yellow;      /* <-----modifica somente borda coluna esquerda*/    
  backdrop-filter: blur(1px);    /* <-----deicha o fundo transparente embassado*/
  background:linear-gradient(to bottom,transparent, transparent 50%,transparent); /*<- modifica cor caixa */
  border-left: 5px solid yellow; /* <--- cor borda menu vestical esquerdo  */
   color: #FFFFFF;
                                  }
.graphite .accordion ul a {background: black; }

/* //////////Coluna da Esquerda mudando cor do menu e seleção diego brito */
.graphite .accordion a:hover {background: #36c; color: yellow;
                                           background:linear-gradient(to  bottom,#12ffff,transparent,#12ffff);       
                                           border-radius:0px 0px 0px 0px ;    
                                           }
.graphite .accordion .sub-pags {padding-left: 5px;
                                               background-color:#36c;
                                               }
.graphite .accordion .sub-pags a {background: #2f2d2d;
                                               }
.graphite .accordion .sub-pags a:hover {background: #36cc;
                                                         color: #fff;
                                                         }


/* Coluna da Direita modifica fundo por tras do site */
.templatemo_content {background: #1b1919;border: 1px solid #36;
                      
                    }


/* Titulo da Página */
#efeito{color: red;background: #36c;}
/* ####################################################### */
/* Conteudo de fundo de todo site no centro diego brito */
/* ####################################################### */
/* Fundo Interno do Site */
#templatemo {
             background:black; /* cor do fundo geral do site*/
             border: 1px solid 0;   /* cor do sobre do fundo fundo geral do site*/
             background: url("https://i.pinimg.com/736x/2c/ba/c5/2cbac5ff56be8832aa7999f83ba74604.jpg");
             background-size: cover;  /*<----ajusta plano de fundo */  
            }


/* CONTEUDO PLANO DEFUNDO TOTALE BORDA*/
#templatemo_content_wrapper {background-color:#272525;
                                                border: 1px solid 0;/* Cor borda fundo zero sem borda*/
                                               -moz-box-shadow: 0 0 10px #111;
                                               -webkit-box-shadow: 0 0 10px #111;
                                                box-shadow: 0 0 10px #111;
                                                }


img {-moz-border-radius: 6px;
         border-radius: 6px;
        -webkit-border-radius:6px;
       }


/* Links */
.templatemo_content a:link, .templatemo_content a:visited { color: #03f; } 
.templatemo_content a:active, .templatemo_content a:hover { color: #000; }

/* ###################################################*/
/* COLUNA DA DIREITA MODIFICA COR DE FUNDO DIEGO BRITO*/
/* ###################################################*/

/* Titulo da Página lado Direito */
#efeito{color: #FFFFFF;
            border-bottom: 1px solid #FFFFFF; /* <-- cor da linha horizontal */
            background:none;
            }

/* texto do site lado coluna direita */
.templatemo_content {background: #FFFFFF;
                                  color:#FFFFFF;
                                  border:2px, solid #FFFFFF;/* cor da borda direira */
                                 }


img { border: none;
         max-width: 705px;
         width: expression(this.width > 705 ? 705: true);
       }

/*******************/
/* Header e Rodape baner superior e inferior  diego brito*/
/*******************/
#templatemo_banner {width: 1100px;}
#templatemo_footer_banner {width: 1100px;}



/********/
/* Site */
/********/
#templatemo {margin:0 auto;width:1100px;}



/***************************/
/* HEADER E RODAPE DO SITE */
/***************************/
#templatemo_banner {margin: 10px 0 20px 0;
                                 -moz-border-radius:0px;
                                  border-radius: 14px;
                                 -webkit-border-radius:14px;
                                 -moz-box-shadow: 0 0 10px #111;
                                 -webkit-box-shadow: 0 0 10px #111;
                                  box-shadow: 0 0 10px #111;
                                 
 
                                  }

#templatemo_footer_banner {margin: 20px 0 10px 0;
                                            -moz-border-radius: 14px;
                                             border-radius: 14px;
                                            -webkit-border-radius:14px;
                                            -moz-box-shadow: 0 0 10px #111;
                                            -webkit-box-shadow: 0 0 10px #111;
                                             box-shadow: 0 0 10px #111;
                                           
                                            }

/************/
/* Conteudo menu */
/************/
#templatemo_content_wrapper {clear: both;
                                               width: 1060px;
                                               padding: 20px 20px 10px 20px; /* remove acima do menu */
                                              -moz-border-radius: 14px;
                                               border-radius: 14px;
                                              -webkit-border-radius:0px; /*canto redondo */
                                               background: transparent; /*cor de fundo do site*/ 
   
   
  
   
}                

/***********************/
/* Coluna da Esquerda */
/***********************/
.templatemo_side_bar p {margin: 0px;
                                      padding-bottom:10px;
                                      text-align: justify;
                                     }
/* modifica tamanho do fundo */
.templatemo_side_bar {float: left;
                                  width: 250px; /*<--tamanho do fundo coluna esquerda */
                                  margin:0 10px 15px 0; 
                                  padding: 16px 21px 20px 18px;
                                 -moz-border-radius: 14px;
                                  border-radius: 14px; 
                                -webkit-border-radius:15px;/*<--canto com curva coluna esquerda */                      
                                  

/*cor da letra submenu esquerdo contorno da fonte DIEGO BRITO */        
  background-color: transparent;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
                          }
  
/*********************/
/* Coluna da Direita cor de fundo e posição */
/*********************/

/* modifica o tamanho e posição da coluna direita e cor de fundo */
.templatemo_content {float: right;width: 705px;
                                 margin-bottom:15px; 
                                 padding: 20px 20px 25px 20px;
                                -moz-border-radius: 14px;
                                 border-radius: 14px;
                                -webkit-border-radius:14px;
 
                                background:transparent;   /* <---- cor de fundo coluna lateral direita */
 
                                 }
                                
.content_section {clear: both;
                         padding: 0 0 0 0;
                           }

/********************/
/* Titulo da Página coluna direita*/
/********************/
#efeito{text-align: left; 
            position: relative;
            font-size: 16px;
            text-transform: uppercase;
            margin: 0 0px 10px 0px;
            font-weight:bold;
            padding-bottom:8px;
            }

/*******************/
/* Menu Horizontal principal */
/*******************/
#menu_efeito:after, #menu_efeito:before{content: '';
  position: absolute;}
  
 /* muda posição Menu Horizontal principal */   
           #menu_efeito{text-align: center;
                      position: relative;
                      margin: 0 -30px 10px -30px;
                      padding: 0px;
                      clear: both;
                     }

 /* mudacor menu Menu Horizontal principal Fundo do triangulo */  
#menu_efeito:before, #menu_efeito:after{border-style: solid;
                                                               border-color: transparent;
                                                               bottom: -10px;
                                                              }

/* modifica pequeno triangulo canto Menu Horizontal */
#menu_efeito:before{border-width: 0 10px 10px 0;
                                border-right-color: yellow;
                                left: 0;
                                }
/* modifica pequeno triangulo canto Menu Horizontal */
#menu_efeito:after{border-width: 0 0 10px 10px;
                              border-left-color: yellow;
                              right: 0;}

/* modifica tamanho do quadrado do Menu Horizontal  principal*/
#menu{width:99,1%;
            margin: 0px;
            padding: 10px 0 0 0;
            list-style: none; 
/* background:linear-gradient(to bottom,#12ffff,BLUE,BLACK);  */    //////////////////////////////
           }

/* modifica tamanho do quadrado do Menu Horizontal  principal*/
#menu li{float: left;
               padding: 10px 0 px 0;
               position: relative;
               line-height: 0;

/*background:linear-gradient(to bottom,#12ffff,BLUE,BLACK);   */    ////////////////////////////
               }
/* modifica tamanho da fonte Menu Horizontal  principal*/
#menu a {float: left;
height: 36px;
padding: 0 20.7px; /* temanho horizontal do menu */
font: bold 16px/25px Arial, Helvetica;
text-decoration: none;text-shadow: 0 1px 0 #000;overflow: hidden;width:145px;}/*sombra texto*/

#menu a {text-align:center;}
#menu a.ultimo {border-right:none;}

#menu:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */


/*****************/
/* Menu Vertical esquerdo*/
/*****************/
ul,li{border:0;
       outline:none;
       margin:0;
       padding:0;
       }
ul, ul li{list-style: none;
          }
.graphite {margin-bottom: 25px;
              }
/* modifica tamanho da fonte na caixa de texto coluna esquerda */
.graphite .accordion {font: bold 16px Arial, sans-serif;
                              }
.graphite .accordion, .graphite .accordion li {margin: 0;
                                                               padding: 0; 
                                                               border: none;
                                                               }

/* modifica posição da fonte na caixa de texto coluna esquerda */
.graphite .accordion a {padding: 6px 30px 6px 10px; 
                                  text-decoration:none;
                                  margin-top: 5px;
                                  display: block; 
                                  font-weight:bold; 
                                  position: relative;
                                  }
.graphite .accordion ul a {padding-left:20px;
                                    }
.graphite .accordion a:active{}
:hover >


.table{}
table{background:linear-gradient(to  bottom,#0044d0,black,#0044d0);}



  <!-- Verificação de domínio (Pinterest) -->
  <meta name="p:domain_verify" content="8e44ec920db718cf2d6e1bf0852c286d">

  <!-- Google Tag Manager -->
  <script>
    (function(w,d,s,l,i){
      w[l]=w[l]||[];
      w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'});
      var f=d.getElementsByTagName(s)[0],
          j=d.createElement(s),
          dl=l!='dataLayer' ? '&l='+l : '';
      j.async=true;
      j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
      f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-KNXFCZLB');
  </script>
  <!-- End Google Tag Manager -->

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6073719493099412"
     crossorigin="anonymous"></script>


google.com, pub-6073719493099412, DIRECT, f08c47fec0942fa0
<!-- codigo ads-->
<script async custom-element="amp-auto-ads"
        src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
</script>
</head>
<amp-auto-ads type="adsense"
        data-ad-client="ca-pub-6073719493099412">
</amp-auto-ads>

<meta name="google-adsense-account" content="ca-pub-6073719493099412">