﻿/* G E R A L */

*{outline:none !important}
input{outline:none !important}

body{background:#FFF; padding:0px; margin:0px; cursor:default}

.listaSimples{margin:0px; font-family:Arial, Tahoma, Verdana, Sans-Serif; color:#333; font-size:12px}
    .listaSimples li{padding-bottom:10px}

.semLista{padding:0; margin:0; list-style:none}
    .semLista li{padding:0; margin:0; list-style:none}

.semP{padding:0px !important}
.semM{margin:0px !important}

.BG_pattern_1{background:url(../../image/pecas/mtgn/pattern_noise_1.gif)}
.centerG{width:996px; margin:0px auto; position:relative}

.listaTable li{display:table}
    .listaTable li a{font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:10px; color:#FFF; text-decoration:none}
.d_table{display:table} 
.d_block{display:block} 

.F_l{float:left}
    .F_l a img{border:0}
.F_r{float:right}
.F_c{margin:0px auto}

.overHidden{overflow:hidden}

.divisoria20TB{width:100%; height:20px; clear:both; display:block}
.divisoria10TB{width:100%; height:10px; clear:both; display:block}

.blocoTitulosHome{width:100%; overflow:hidden; border-bottom:3px solid #f8c301}
    .tituloHome{display:table; background:#f8c301; padding:10px 16px 7px 16px; font-size:20px; text-transform:uppercase; color:#333; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-weight:bold; text-shadow:0px 1px 0px #ffe476 }
    
.blocoTitulosHomeG{width:100%; overflow:hidden; border-bottom:3px solid #f8c301}
    .tituloHomeG{display:table; background:#f8c301; padding:10px 16px 7px 16px; font-size:26px; text-transform:uppercase; color:#333; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-weight:bold; text-shadow:0px 2px 0px #ffe476 }
    
.blocoMinititulo{width:100%; overflow:hidden; border-bottom:3px solid #666; padding-top:30px}
    .miniTitulo{display:table; background:#666; padding:5px 8px 3px 8px; font-size:18px; text-transform:uppercase; color:#FFF; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-weight:bold;}
    

.blocoMinitituloS{width:100%; overflow:hidden; border-bottom:3px solid #666;}
    .blocoMinitituloS .miniTitulo{display:table; background:#666; padding:5px 8px 3px 8px; font-size:14px; text-transform:uppercase; color:#FFF; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-weight:bold;}


.blocoMinitituloS{width:100%; overflow:hidden; border-bottom:3px solid #666;}
    .blocoMinitituloS .miniTitulo{display:table; background:#666; padding:5px 8px 3px 8px; font-size:14px; text-transform:uppercase; color:#FFF; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-weight:bold;}


.font10{font-size:10px !important}
.font12{font-size:12px !important}
.font14{font-size:14px !important}
.font16{font-size:16px !important}

.txt12{font-family:Arial, Tahoma, Sans-Serif;font-size:14px !important; text-align:justify; display:block}

a img{border:0px none}
a img{border:0}

.boxShadowBottom{box-shadow:0px 0px 4px 2px #000 inset}

/* ----------------------------------------------------------------------------- */

/* M O D A L */


        #overlayer{background:url(../../image/pecas/BGoverlayer.png); position:fixed; top:0px; left:0px; z-index:999; display:none}
        #mBox{width:559px; height:520px; position:fixed; z-index:9999;}
            .contentDenuncie{width:559px; height:520px; position:relative; background:url(../../image/pecas/fundoPopupDEN.png) center top no-repeat}
            .btFecharDen{width:39px; height:41px; background:url(../../image/pecas/fecharDen.png) center top no-repeat; display:block; line-height:180px; overflow:hidden; position:absolute; right:0px; top:0px}
            .btFecharDen:hover{background-position:bottom center; cursor:pointer}
            
            .blocoIframeDen{width:466px; height:293px; overflow:hidden; margin:0px auto; padding-top:200px; padding-bottom:10px;}
            


    /* M O D A L  -  COMENTAR ENVIAR */

    
    .contentComentEnviar{width:400px; height:538px; position:relative; background:000;}
    .blocoIframeComentEnv{width:400px; overflow:hidden; margin:0px auto; padding-top:0px; padding-bottom:0px; -moz-box-shadow:0px 5px 5px #000; -webkit-box-shadow:0px 5px 5px #000; box-shadow:0px 5px 5px #000; background:#FFF}
    
    #mComent{width:400px; height:518px; position:fixed; z-index:9999;}
    #mEnviar{width:400px; height:518px; position:fixed; z-index:9999;}
    
    .contentComentEnviar .btFecharDen{width:48px; height:48px; background:url(../../image/pecas/fechaComentEnvia.png) left top no-repeat; display:block; line-height:180px; overflow:hidden; position:absolute; right:-20px; top:-20px}
     .contentComentEnviar   .btFecharDen:hover{background-position:top right; cursor:pointer}
    
    
    /* M O D A L   -   VIDEOS */
    
    
    #mVideo{width:730px; height:400px; position:fixed; z-index:9999; top:80px; left:25%}
        .contentGVideo{width:730px; height:400px; position:relative; background:#000;}
            .contentGVideo .btFecharDen{width:48px; height:48px; background:url(../../image/pecas/fechaVideo.png) left top no-repeat; display:block; line-height:180px; overflow:hidden; position:absolute; right:-20px; top:-20px; z-index:9999}
            .contentGVideo .btFecharDen:hover{background-position:top right; cursor:pointer}
        
        .blocoIframeVideo{width:730px; overflow:hidden; margin:0px auto; padding-top:0px; padding-bottom:0px; -moz-box-shadow:0px 0px 5px #000; -webkit-box-shadow:0px 0px 5px #000; box-shadow:0px 0px 5px #000; background:#571D1A; position:absolute; left:0px; top:0px; z-index:999}
    
        .filme1{position:absolute; left:-90px; top:-40px; z-index:1}
        .filme2{position:absolute; right:-53px; bottom:-70px; z-index:1}
    
    
    /* B L O C O   I F R A M E   V I D E O S */
    
    #blocoVideoPG{}
        .datatitulovideo{padding:10px; background:#2B0E0D}
        .datatitulovideo .canalData{color:#CCC}
        .tituloVideo{margin:0px; padding:0px; font-size:18px; font-weight:bold; font-family:Arial, Tahoma, Verdana, Sans-Serif; color:#FFC926; text-shadow:0px 2px 0px #1B1C41}
        
        .blocoVideoDescricao{padding:10px; overflow:hidden; background:#571D1A}
        .containerVideo{overflow:hidden; width:440px; height:315px; float:left; background:#2B0E0D}
        .descricaoVideo{width:240px; float:right; background:; height:315px; overflow:auto; padding-right:10px !important}
            .descricaoVideo p{padding:0px; margin:0px; font-size:12px; color:#FFF; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-weight:normal !important}
    
/* ----------------------------------------------------------------------------- */

/* T O P O */

#blocoEntidadesSindicais{width:138px; height:46px; float:right;}

.blocoEntidadeTopo, .blocoEntidadeTopo2{-webkit-transition:all 0.2s ease-in-out;
                                        -moz-transition:all 0.2s ease-in-out;
                                        -o-transition:all 0.2s ease-in-out;
                                        -ms-transition:all 0.2s ease-in-out;
                                        transition:all 0.2s ease-in-out;}

.blocoEntidadeTopo:hover, .blocoEntidadeTopo2:hover{-webkit-transform:scale(1.1);
                                                    -moz-transform:scale(1.1);
                                                    -ms-transform:scale(1.1);
                                                    -o-transform:scale(1.1);
                                                    transform:scale(1.1);}

.blocoEntidadeTopo{float:left}

.blocoEntidadeTopo2{float:right}



.topo{width:100%; background:url(../../image/pecas/mtgn/pattern_noise_1.gif) #252525}
    
    .divisoriaMenuTopo{width:2px; background:url(../../image/pecas/mtgn/pecaDivMenuTop.gif) center center no-repeat #252525; height:51px}
    
    .Rsocial{width:100%; background:#571d1a; overflow:hidden; padding:10px 0px}
        .Rsocial_top{display:table; float:left; margin:0px auto; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:14px; color:#FFF; text-shadow:0px 1px 0px #000; font-weight:bold; text-transform:uppercase; letter-spacing:4px; padding:15px 0px; text-align:left}
        .blocoTopoSociais{padding-top:0px; float:right; overflow:hidden;}
            .txtSocailTop{display:table; float:left; font-family:Arial, Tahoma, Verdana, Sans-Serif; color:#666; font-size:10px; font-weight:bold; padding-top:9px; text-transform:uppercase; text-shadow:0px 1px 0px #000}
            
            /* -------------------------- */
            /* -------------------------- */
            /* icones sociais */
            .iconesSociais{ background:url("../../image/pecas/iconesSociais2.png") top left no-repeat; display:block; float:left; margin-left:10px}
            
            .BT_ic_youtube{ width:32px; height:32px; background:url("../../image/pecas/iconYoutube.png") top left no-repeat; display:block; float:left; margin-left:10px }
            .BT_ic_youtube:hover{ width:32px; height:32px; background-position:center bottom; }

            .BT_ic_face{ width:32px; height:32px; background-position:-10px -178px; }
            .BT_ic_face:hover{ width:32px; height:32px; background-position:-10px -220px; }

            .BT_ic_twt{ width:32px; height:32px; background-position:-10px -94px; }
            .BT_ic_twt:hover{ width:32px; height:32px; background-position:-10px -136px; }

            .BT_ic_you{ width:32px; height:32px; background-position:-10px -10px; }
            .BT_ic_you:hover{ width:32px; height:32px; background-position:-10px -52px; }
            
            .iconInstagram{width:32px; height:32px; background:url("../../image/pecas/iconInstagram.png") center top no-repeat; display:block; float:left; margin-left:10px}
            .iconInstagram:hover{background-position:center bottom}
            /* -------------------------- */
            /* -------------------------- */
    
    .marcaVermelha{width:22px;height:11px;position:absolute; background:url(../../image/pecas/divisoriaTopoVermelho.gif) no-repeat; top:0px; left:487px}
    .iconesTop{display:table; padding:5px 0px; float:left; padding-right:10px}
        .iconHome, .iconContato, .iconFavoritos{width:24px; height:24px; display:block; float:left; margin-right:10px; background:#CCC}
        .iconHome{}
        .iconContato{}
        .iconFavoritos{}
    
    .LogoFoto{width:996px; margin:0px auto; height:239px; position:relative; z-index:999; padding-top:25px}
        #imgTopTxt{position:absolute; right:120px; top:100px}
    
        .logoTopo{width:219px; height:102px; display:block; margin-left:0px; margin-top:55px; background:url(../../image/pecas/mtgn/logoSTMC.png) center top no-repeat; -webkit-transition: -webkit-transform .3s ease-in-out;  transition: transform .3s ease-in-out}
        .logoTopo:hover{background-position:center bottom;  -webkit-transform:scale(1.1);  transform:scale(1.1)}
    
    .containerTopo{width:100%; height:239px;margin:0 auto; background:url(../../image/pecas/mtgn/BGtopo.jpg) center top no-repeat #252525; background-size:cover; background-position:center -100px; position:relative}
    .MenuTopo{width:100%; background:url(../../image/pecas/mtgn/pattern_noise_1.gif); border-top:5px solid #741a15; display:table}
        .MenuTopo li{float:left;}
            .MenuTopo li a{display:table; background:; padding:20px 10px; text-transform:uppercase}
            .MenuTopo li:last-child a{}
            .MenuTopo li a:hover{ text-shadow:0px 1px 0px #000; color:#FFF; background:#741a15 }
    
    #blocoSlidesTopo{width:100%; height:239px; background:#571d1a; position:absolute; z-index:1 !important; top:0px; left:0px; text-align:center; overflow:hidden}
    
            /* ------------------------- */
            /* ------------------------- */
            
            
            .slideTopo1, .slideTopo2, .slideTopo3{width:100%; height:239px; margin:0px auto}
            
            .slideTopo1{background:url(../../image/pecas/slidesTopo/FotoTopo.jpg) center top no-repeat}
            .slideTopo2{background:url(../../image/pecas/slidesTopo/slide2b.jpg) center top no-repeat}
            .slideTopo3{background:url(../../image/pecas/slidesTopo/slide3b.jpg) center top no-repeat}
            
            
            /* ------------------------- */
            /* ------------------------- */
            
            
        .baseDropSubMenu{position:relative}
            .baseDropSubMenu:hover .blocoDropSubMenu{display:block;}
            
                                                                 
            .baseDropSubMenu:hover .tm_inst{ background:url(../../image/pecas/mtgn/bgTopMenu.gif) center bottom no-repeat #741a15 !important}
            .baseDropSubMenu:hover .tm_STMC{ background:url(../../image/pecas/mtgn/bgTopMenu.gif) center bottom no-repeat #741a15 !important}
            .baseDropSubMenu:hover .tm_impr{ background:url(../../image/pecas/mtgn/bgTopMenu.gif) center bottom no-repeat #741a15 !important}
            .baseDropSubMenu:hover .tm_mult{ background-position:-10px -340px;  cursor:default !important}
            .baseDropSubMenu:hover .tm_servs{background:url(../../image/pecas/mtgn/bgTopMenu.gif) center bottom no-repeat #741a15 !important}
            .baseDropSubMenu:hover .tm_juri{background:url(../../image/pecas/mtgn/bgTopMenu.gif) center bottom no-repeat #741a15 !important}
            
            
            /*
            .baseDropSubMenu:hover .tm_inst{background-position:-10px -10px}
            .baseDropSubMenu:hover .tm_inst{background-position:-10px -10px}
            .baseDropSubMenu:hover .tm_inst{background-position:-10px -10px}
            .baseDropSubMenu:hover .tm_inst{background-position:-10px -10px}
            .baseDropSubMenu:hover .tm_inst{background-position:-10px -10px}
            .baseDropSubMenu:hover .tm_inst{background-position:-10px -10px}
            */
            
            
            
            
        .blocoDropSubMenu{display:none; position:absolute; background:url(../../image/pecas/marcaDropSubMenu.gif) center top no-repeat #FFF; margin:0px auto; z-index:999999;}
        
        .dropInstitucionalTop{width:150px !important; left:-26px}
        .dropSTMConlineTop{width:150px !important; left:-28px}
        .dropServicosTop{width:150px !important; left:-39px}
        .dropJuridicoTop{width:150px !important; left:-25px}
        .dropInteratividadeTop{width:170px !important; left:-32px}
        .dropJuridicoTop{width:150px !important; left:-43px}
        
        
        
        .bLinksSMenu{margin-top:16px; padding:0px !important; border:5px solid #731a14; background:#731a14; border-top:5px solid #731a14; overflow:hidden; box-shadow:0px 0px 0px 5px rgba(255,255,255,0.5)}
        
        .bLinksSMenu ul{list-style:none; padding:0px; margin:0px;}
            .bLinksSMenu ul li{width:100%;list-style:none; display:block; padding:0px; margin:0px; }
            .bLinksSMenu ul li:hover{ background:#FFF !important;}
            .bLinksSMenu ul li a{display:block !important;padding:10px 5px; color:#FFF; text-shadow:0px 1px 0px #000}
            .bLinksSMenu ul li a:hover{text-shadow:none; color:#000; background:#F8C301 !important}
    
    /* ---------------------------------------------------------------- */
    /* ---------------------------------------------------------------- */
            
     
        /* ---------- ESTILOS - ICONES TOPO ----------- */
        .iconTop{ background:url("../../image/pecas/icones.gif") top left no-repeat; display:block; float:left; margin-right:10px;text-indent:50px; overflow:hidden}
            
            .icon_h, .icon_c, .icon_f{-webkit-transition:-webkit-transform 0.5s ease-in-out;-moz-transition:-webkit-transform 0.5s ease-in-out;transition:-webkit-transform 0.5s ease-in-out}
            .icon_h:hover, .icon_c:hover, .icon_f:hover{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);transform:rotate(20deg)}
            
            .icon_h{ width:21px; height:19px; background-position:-10px -72px; }
            .icon_h:hover{ width:21px; height:19px; background-position:-10px -101px; }

            .icon_c{ width:20px; height:14px; background-position:-10px -154px; margin-top:5px}
            .icon_c:hover{ width:20px; height:14px; background-position:-10px -130px; }

            .icon_f{ width:23px; height:21px; background-position:-10px -10px; }
            .icon_f:hover{ width:23px; height:21px; background-position:-10px -41px; }
        
        
         /* ---------- ESTILOS - MENU TOPO ----------- */
        .menuTop{overflow:hidden !important; text-align:center }

            /*.tm_home{ width:75px; height:45px; background-position:-108px -835px;}
            .tm_home:hover{ width:75px; height:45px; background-position:-108px -780px; }

            .tm_inst{ width:130px; height:45px; background-position:-10px -65px; }
            .tm_inst:hover{ width:130px; height:45px; background-position:-10px -10px; }

            .tm_sind{ width:127px; height:45px; background-position:-10px -175px; }
            .tm_sind:hover{ width:127px; height:45px; background-position:-10px -120px; }

            .tm_fale{ width:176px; height:45px; background-position:-10px -285px; }
            .tm_fale:hover{ width:176px; height:45px; background-position:-10px -230px; }

            .tm_mult{ width:103px; height:45px; background-position:-10px -395px; }
            .tm_mult:hover{ width:103px; height:45px; background-position:-10px -340px; }

            .tm_servs{ width:93px; height:45px; background-position:-10px -505px; }
            .tm_servs:hover{ width:93px; height:45px; background-position:-10px -450px; }

            .tm_impr{ width:96px; height:45px; background-position:-10px -615px; }
            .tm_impr:hover{ width:96px; height:45px; background-position:-10px -560px; }

            .tm_legis{ width:108px; height:45px; background-position:-10px -725px; }
            .tm_legis:hover{ width:108px; height:45px; background-position:-10px -670px; }

            .tm_juri{ width:88px; height:45px; background-position:-10px -835px; }
            .tm_juri:hover{ width:88px; height:45px; background-position:-10px -780px; }*/

        
        /* ---------- ESTILOS - BOTOES IMG ----------- */
        .iconesBT{ background:url("../../image/pecas/iconesBT.gif") top left no-repeat; border:0; cursor:pointer}

            .BT_votar{ width:57px; height:30px; background-position:-10px -50px; }
            .BT_votar:hover{ width:57px; height:30px; background-position:-10px -10px; }

            .BT_enviarB{ width:57px; height:30px; background-position:-10px -130px; }
            .BT_enviarB:hover{ width:57px; height:30px; background-position:-10px -90px; }

            .BT_enviarA{ width:57px; height:30px; background-position:-10px -210px; }
            .BT_enviarA:hover{ width:57px; height:30px; background-position:-10px -170px; }
            
            .txtAmarelo{color:#FC0 !important;
                        -webkit-animation:txtAmarelo 0.3s ease-in-out;
                        -moz-animation:txtAmarelo 0.3s ease-in-out;
                        animation:txtAmarelo 0.3s ease-in-out;
                        }
            
            @-webkit-keyframes txtAmarelo
                {
                0%{color:#666 }
                100%{color:#FC0 }
                }
            
            .txtAmarelo2{color:#666 !important;
                        -webkit-animation:txtAmarelo2 0.3s ease-in-out;
                        -moz-animation:txtAmarelo2 0.3s ease-in-out;
                        animation:txtAmarelo2 0.3s ease-in-out;
                        }
            
            @-webkit-keyframes txtAmarelo2
                {
                0%{color:#FC0 }
                100%{color:#666 }
                }
            
            
            .txtProcura{font-family:Arial, Tahoma, Sans-Serif;
                        font-size:12px;
                        font-weight:bold;
                        color:#666;
                        float:left;
                        display:table;
                        padding:8px 10px 0px 0px
                        
                        }
                        
                        
            .BT_pesq{ width:33px;
                      height:28px;
                      background:url(../../image/pecas/mtgn/BG_pesquisa.png) left top no-repeat;
                      margin-left:12px;
                      -webkit-transition:all 0.1s ease-in-out;
                      -ms-transition:all 0.1s ease-in-out;
                      -moz-transition:all 0.1s ease-in-out;
                      transition:all 0.1s ease-in-out;
                      }
                      
            .BT_pesq:hover{ width:33px;
                            height:28px;
                            background-position:left bottom;
                            }
        
        /* --------------- */
        .BuscaNews{padding:10px 0px; overflow:hidden}
        .blocoPesquisaTopo{overflow:hidden; display:table; float:right}
            .inputTop{background:#383838; color:#CCC; font-size:12px; padding:7px 8px 8px 8px; float:left;
                      -webkit-transition:all 0.3s ease-in-out;
                      -ms-transition:all 0.3s ease-in-out;
                      -moz-transition:all 0.3s ease-in-out;
                      transition:all 0.3s ease-in-out;
                      border-top:1px solid #000;
                      border-left:1px solid #000;
                      border-right:1px solid #333;
                      border-bottom:1px solid #333;
                      }
            .inputTop:hover, .inputTop:focus{background:#111;
                                             border-top:1px solid #000;
                                             border-left:1px solid #000;
                                             border-right:1px solid #333;
                                             border-bottom:1px solid #333;
                                             outline:none;
                                             }
             
             .inputTop:focus{color:#FC0}
            
            .pesquisaTop{width:150px; float:left}
            .bt_toPesquisa{}
         
         .blocoNewsletterTop{overflow:hidden; float:right}
            .tituloNewsTop{font-weight:bold; font-size:14px;  color:#CBCBCB; font-family:Arial, Tahoma, Verdana, Sans-Serif; display:block; float:left; background:; padding-top:5px}
            .nomeEmailNewsTop{float:left; width:122px}
        
        #blocoBuscaMenuTop{width: 356px; padding-top:10px}
        
/* ----------------------------------------------------------------------------- */

.conteudo{width:996px; height:600px; display:table; margin:0px auto; background:#FFF; padding:20px}

/* C O N T E U D O */

.geral{background:#FFF}
/* H O M E ------- N O T I C I A S */
    .blocoNotArtPresidArt{overflow:hidden}
        .blocoNoticias{overflow:hidden; background:}
            .tituloData{display:block; background:; overflow:hidden; padding-bottom:10px; font-size:10px}
            .canalData{font-family:Arial, Tahoma, Verdana, Sans-Serif; color:#666; font-size:10px}
                .canal{text-decoration:none; font-weight:bold; color:#666; text-transform:uppercase;}
                .canal:hover{color:#000}
        .tituloNotGeral{text-decoration:none}
            .tituloNotGeral{margin:0px; padding:0px; font-size:20px; font-family:Arial, Tahoma, Verdana, Sans-Serif;}
                .tituloNotGeral a{text-decoration:none; color:#000; }
                .tituloNotGeral a:hover{color:#571d1a}
         
         
        .blocoNotHome{overflow:hidden; background:#FFF}
        
         /* ----------------------------------------------------------------------------- */
         /* SLIDE DE NOTICIAS HOME */
         
         .blocoDestaqueVideo{position:absolute; width:485px; height:272px; overflow:hidden; background:#000; z-index:9999; top:0; left:0}
            .blocoDestaqueVideo .tiluloVideoDestaque a{padding:10px; background:#000; color:#fff; font-family:sans-serif; font-weight:bold; font-size:14px; position:absolute; bottom:0px; left:0px; right:0px; text-decoration:none}
            .blocoDestaqueVideo .tiluloVideoDestaque a:hover{color:#fc0; text-decoration:none}

         .blocoNotPrincipal{float:left; width:485px; height:272px; overflow:hidden; background:#000; position:relative}
            .nav-prevNH, .nav-nextNH{cursor:pointer; z-index:999}
            .nav-prevNH{width:38px; height:61px; background:url(../../image/pecas/nextPrevSlider.png) left top no-repeat; position:absolute; left:0px; top:81px}
            .nav-nextNH{width:38px; height:61px; background:url(../../image/pecas/nextPrevSlider.png) right top no-repeat; position:absolute; right:0px; top:81px}
            
            .nav-prevNH:hover{background-position: left bottom}
            .nav-nextNH:hover{background-position: right bottom}
            
            .blocoSlidesUL{width:485px; height:272px; overflow:hidden; display:block; list-style:none; padding:0px; margin:0px}
                .blocoSlidesUL li{width:485px; height:272px; overflow:hidden; display:block; list-style:none; padding:0px; margin:0px; float:left}
                    .containerSlidesNot{width:485px; padding:10px; overflow:hidden; background:#000; position:absolute; bottom:0px; left:0px}
                    .containerSlidesNot h3{ padding:0px; margin:0px;}
                    .containerSlidesNot h3 a{font-size:14px; font-weight:bold; color:#FFF; font-family:Arial, Tahoma, Verdana, Sans-Serif; text-decoration:none;}   
                    .containerSlidesNot h3 a:hover{color:#FC0}
         
                .blocoSlidesUL li img{width:100%; height:272px}

                .containerSlidesNot {
                    opacity: .5;
                    -moz-transition: all .3s ease-in-out;
                    -o-transition: all .3s ease-in-out;
                    -webkit-transition: all .3s ease-in-out;
                    transition: all .3s ease-in-out;
                }

                .blocoSlidesUL li:hover .containerSlidesNot{padding:12px 10px; opacity:1}

         /* ----------------------------------------------------------------------------- */
        
        .blocoNotSec{float:right; width:485px;overflow:hidden; background:#FFF}
            .miniFotoNot{width:130px; height:81px; overflow:hidden; float:left; background:; position:relative}
            .maisAlgo{width:24px; height:24px; position:absolute; right:0px; bottom:0px; background:url(../../image/pecas/mais.gif) right top no-repeat; display:block; z-index:999}
            .maisAlgo:hover{background-position:bottom}
                
                .miniFotoNot a{border:0px none}
                .miniFotoNot a img{border:0px none; width:100%; height:100%}
                
            .miniIMG{opacity:0.5}
            .miniIMG:hover{}
            
            .blocominiNot:hover .miniIMG{opacity:1}
            .blocominiNot{overflow:hidden; padding-bottom:14px; background:}
            .dadosMiniNot{width:340px; overflow:hidden; float:right; background:}
            .dadosMiniNot a{text-decoration:none}
                h3.titulo{padding:0px; margin:0px; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:12px; font-weight:bold}
                h3.titulo a{color:#990000; text-decoration:none}
                h3.tituloAG{color:#333333; text-decoration:none; padding:0px; margin:0px; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:14px; font-weight:bold}
                
                h3.titulo:hover a{color:#571d1a}
                .txtMiniNot{font-family:Arial, Tahoma, Verdana, Sans-Serif; color:#656565; font-size:11px}
                .txtMiniNot:hover{color:#571d1a}
    
            .linkBall{clear:both; display:table; font-weight:bold; color:#990000; font-size:10px; text-transform:uppercase; float:right; padding-left:15px; background:url(../../image/pecas/ball.png) left top no-repeat none; font-family:Arial, Tahoma, Verdana, Sans-Serif; text-decoration:none; background-position:0px 3px}
            .linkBall:hover{color:#571d1a}
            
            /* -------------------------------- */
            
            /* BANNER HOME */
            
            .blocoBannersHome{width:996px; height:auto; background:FFF}
                .blocoBannersHome ul{padding:0px; margin:0px; list-style:none}
                    .blocoBannersHome ul li{padding:0px; padding-bottom:20px; margin:0px; list-style:none; clear:both}
                    
                    .BBH_ESQ img, .BBH_DIR img, .BBH_CENTRO img{width:318px;
                                                    height:110px;}
                    
                    .BBH_ESQ, .BBH_DIR, .BBH_CENTRO{width:318px;
                                                    height:110px;
                                                    background:#FFF;
                                                    overflow:hidden;
                                                    
                                                    -webkit-border-radius:6px;
                                                    -ms-border-radius:6px;
                                                    -moz-border-radius:6px;
                                                    border-radius:6px;
                                                    
                                                    -webkit-transition:all 0.3s ease-in-out;
                                                    -ms-transition:all 0.3s ease-in-out;
                                                    -moz-transition:all 0.3s ease-in-out;
                                                    transition:all 0.3s ease-in-out;
                                                    
                                                    -webkit-box-shadow:0px 12px 16px -12px #000;
                                                    -moz-box-shadow:0px 12px 12px -12px #000;
                                                    -ms-box-shadow:0px 12px 12px -12px #000;
                                                    box-shadow:0px 12px 16px -12px #000;
                                                    }
                                                    
                    .BBH_ESQ{float:left}
                    .BBH_DIR{float:right}
                    .BBH_CENTRO{margin:0px auto}
                    .BBH_ESQ:hover, .BBH_DIR:hover, .BBH_CENTRO:hover{-webkit-transform:scale(1.1);
                                                                      -ms-transform:scale(1.1);
                                                                      -moz-transform:scale(1.1);
                                                                      transform:scale(1.1);
                                                                      
                                                                      -webkit-box-shadow:0px 0px 16px -6px #000;
                                                                      -moz-box-shadow:0px 0px 16px -6px #000;
                                                                      -ms-box-shadow:0px 0px 16px -6px #000;
                                                                      box-shadow:0px 0px 16px -6px #000;
                                                                      }
                                                                      
                    .BBH_ESQ:active, .BBH_DIR:active, .BBH_CENTRO:active{-webkit-transform:scale(0.95);
                                                                      -ms-transform:scale(0.95);
                                                                      -moz-transform:scale(0.95);
                                                                      transform:scale(0.95);
                                                                      
                                                                      -webkit-box-shadow:0px 0px 5px 2px #999;
                                                                      -moz-box-shadow:0px 0px 5px 2px #999;
                                                                      -ms-box-shadow:0px 0px 5px 2px #999;
                                                                      box-shadow:0px 0px 5px 2px #999;
                                                                      }
                                                                      
            /* -------------------------------- */
            
            /* Palavra da Diretoria e Artigos */
            
            #texto{padding-top:20px; display:table; font-size:14px}
            
            .blocoPPresidenteArt{}
                .blocoPPresidente{width:485px; overflow:hidden; min-height:256px; float:left; background:}
                    .blocoPP{padding-top:10px}
                    .txtPPHome{overflow:hidden; padding-top:10px}
                        .txtPPHome:hover .aspas{background-position:right top}
                        .txtPPHome p{font-style:italic; font-size:14px; color:#656565; font-family:Arial, Tahoma, Verdana, Sans-Serif; padding:0px; padding-left:50px; text-align:justify; margin:0px  !important}
                        .aspas{width:31px; height:26px; display:block; float:left; background:url(../../image/pecas/aspas.gif) left top no-repeat}
                
                .blocoArtigos{width:485px; overflow:hidden; min-height:256px; float:right;}
                    .blocoArtigosH{overflow:hidden; background:; padding-top:10px}
                        .blocoDadosArtH{overflow:hidden; background:}
                            .fotoArticulista{width:70px; height:80px; float:left; overflow:hidden}
                            .dadosArt{font-family:Arial, Tahoma, Verdana, Sans-Serif;}
                                .dadosArt p{padding:0px; margin:0px; font-size:12px}
                                    .dadosArt p a{color:#333; text-decoration:none}
                                    .dadosArt p a:hover{color:#000}

        .blocoMultimidiaH{overflow:hidden; }
            .blocoESQH{width:780px;overflow:hidden;background:#FFF; float:left; font-family:Arial, Helvetica, Sans-Serif}
                .blocoBanners{background:#FFF; overflow:hidden}
                    .blocoBanners li{display:block; overflow:hidden; padding-bottom:20px}
            
                .bannerESQH{width:380px; height:110px; float:left;overflow:hidden}
                    .bannerESQH img{-webkit-transition:all 0.5 ease-in-out}
                    .bannerESQH:hover img{width:370px; height:100px;padding:5px; background:#CCC}
                .bannerDIRH{width:380px; height:110px; float:right;overflow:hidden}
                    .bannerDIRH:hover img{width:370px; height:100px;padding:5px; background:#CCC}
                
            .lateralDIR{width:190px;overflow:hidden;background:#FFF; float:right}
                .blocoSindicalizeseLateral{width:190px;height:230px; overflow:hidden; padding-bottom:10px}
                    .blocoSindicalizeseLateral a{display:block}
                    .blocoSindicalizeseLateral{width:190px;height:230px; display:block; background:url(../../image/pecas/sindicalizese.gif) left top no-repeat #FFF;}
                    .blocoSindicalizeseLateral:hover{background-position:right top}
                    
                    .bannerSindicalizese{width:190px;height:230px; outline:0px none }
                        .bannerSindicalizese{outline:0px none; border:0px none}
                            .bannerSindicalizese img{-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
                            .bannerSindicalizese:hover img{transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transform: scale(0.9);}
                    
                .blocoEnquete{width:190px;overflow:hidden} 
                    .blocoIMGBoletim{width:182px;overflow:hidden; position:relative; text-align:center; padding-top:0px; margin:0px auto}
                    .blocoIMGBoletim a img{width:172px; height:233px; margin:0px auto; border:5px solid #EEE}
                    .blocoIMGBoletim a img:hover{border-color:#999}
                    
                    .iconLupaH{width:30px; height:30px; position:absolute; right:0px; bottom:0px; background:url(../../image/pecas/lupa.gif) left top no-repeat  #DB241C;
                               display:block;
                               border-radius:0px;
                               -webkit-transition:all 0.5s ease-in-out;
                               -moz-transition:all 0.5s ease-in-out;
                               -o-transition:all 0.5s ease-in-out;
                               -ms-transition:all 0.5s ease-in-out;
                               transition:all 0.5ss ease-in-out;
                               border:0px solid #DB241C;
                               }   
                    .iconLupaH:hover{-webkit-transform:scale(2) !important;
                                     -moz-transform:scale(2) !important;
                                     -o-transform:scale(2) !important;
                                     -ms-transform:scale(2) !important;
                                     transform:scale(2) !important;
                                     box-shadow:0px 0px 0px 5px #DB241C, 0px 0px 8px 5px #000 !important;}
                    
                    .blocoBoletimH:hover .iconLupaH{right:76px; bottom:106px;
                                                    border-radius:50px;
                                                    -webkit-box-shadow:0px 0px 0px 5px #DB241C;
                                                    -moz-box-shadow:0px 0px 0px 5px #DB241C;
                                                    -o-box-shadow:0px 0px 0px 5px #DB241C;
                                                    -ms-box-shadow:0px 0px 0px 5px #DB241C;
                                                    box-shadow:0px 0px 0px 5px #DB241C;
                                                    -webkit-transform:scale(1) rotate(-360deg);
                                                    }
                                                    
                    .blocoIMGBoletim:hover .iconLupaH{right:76px; bottom:106px;
                                                    border-radius:50px;
                                                    -webkit-box-shadow:0px 0px 0px 5px #DB241C;
                                                    -moz-box-shadow:0px 0px 0px 5px #DB241C;
                                                    -o-box-shadow:0px 0px 0px 5px #DB241C;
                                                    -ms-box-shadow:0px 0px 0px 5px #DB241C;
                                                    box-shadow:0px 0px 0px 5px #DB241C;
                                                    -webkit-transform:scale(1) rotate(-360deg);
                                                    }
                    
                    .blocoIMGBoletimPG{width:190px;overflow:hidden; position:relative; text-align:center; float:left}
                    .blocoIMGBoletimPG a img{width:130px; height:auto; margin:0px auto; border:5px solid #EEE}
                    .blocoIMGBoletimPG a img:hover{border-color:#999}
                    
                    
        /* MULTIMIDIA HOME */
        
        .blocoFotosH{overflow:hidden;}
            .geralFotosH{overflow:hidden; padding-top:10px}
            .containerFotosH{width:250px; overflow:hidden;}
                .miniFotoH{width:250px; height:132px; overflow:hidden; position:relative}
                .lupaMask{width:250px; height:132px; display:block; position:absolute; left:0px; top:0px; overflow:hidden; line-height:880px; background:url(../../image/pecas/masksLupaPlay.png) left top no-repeat}
                    .lupaMask:hover{background-position:left bottom}
                    
                .playMask{width:250px; height:132px; display:block; position:absolute; left:0px; top:0px; overflow:hidden; line-height:880px; background:url(../../image/pecas/masksLupaPlay.png) right top no-repeat}
                    .playMask:hover{background-position:right bottom}
                 
                .descricaoFH{overflow:hidden; padding-top:10px}
                .tituloAlbumFH{display:block;font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:12px; color:#666; text-decoration:none; font-weight:bold}
                    .tituloAlbumFH:hover{color:#000}

                /* AGENDA HOME */
                .slideAgenda li{ margin:0px}
                                
                .blocoAgendaH{width:185px; overflow:hidden !important; float:left; background:#FFF;}
                .blocoBoletimH{width:185px; overflow:hidden !important; float:left; background:#FFF; padding:0px 12px}
                .blocoNewsH{width:185px; overflow:hidden !important; float:left; background:#FFF;}
                
                .containerAgendaH{width:185px; overflow:hidden}
                .containerAgendaH:hover .diaAgenda{background-position:left bottom}
                    .diaAgenda{width:185px; height:87px; overflow:hidden; position:relative ;background:url(../../image/pecas/bgAgenda.gif) left top no-repeat}
                        .diaAG{font-family: 'bebas_neueregular'; color:#FFF; text-shadow:3px 3px 0px #67110D; font-size:90px; letter-spacing:-5px; display:table; position:absolute; top:-8px;left:10px}
                        .mesAG{font-family: 'bebas_neueregular'; font-size:26px; display:table; position:absolute; top:10px; right:10px; color:#FFF; text-shadow: 2px 2px 0px #67110D; text-align:right}
                    .descricaoAgenda{padding-top:5px}
                        .descricaoAgenda p{padding:0px; margin:0px}
                        .descricaoAgenda p a{text-decoration:none; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:11px; color:#666;}
                        .descricaoAgenda p a:hover{color:#000}
                 
                 .blocoAgendaDenH{width:780px;overflow:hidden;}
                 
                 
                 /* BLOCO NEWSLETTER */
                 
                 .li_news{}
                    .li_news li{padding-bottom:10px}
                 
                    .inputNewsletter{border:2px solid #900; width:170px; padding:3px 5px;
                                     -webkit-transition:all 0.3s ease-in-out;
                                     -moz-transition:all 0.3s ease-in-out;
                                     -transition:all 0.3s ease-in-out;
                                     }
                                     
                        .inputNewsletter:hover, .inputNewsletter:focus{border-color:#333; background:#F8C301}
                    
    
                    .btn_EnviarGeral{padding:10px 15px; color:#FFF; background:#900; font-weight:bold; font-family:Arial, Sans-Serif; font-size:10px; border:0; text-transform:uppercase; cursor:pointer;
                                     -webkit-transition:all 0.3s ease-in-out;
                                     -moz-transition:all 0.3s ease-in-out;
                                     -transition:all 0.3s ease-in-out;
                                     float:right}
                                     
                        .btn_EnviarGeral:hover{background:#300}
                 
                 
                 
                /* BLOCO DENUNCIE */
                .blocoDenH{width:180px; height:243px; overflow:hidden; float:right}
                .blocoDenIMG{width:180px; height:243px; overflow:hidden; display:block; background:url(../../image/pecas/animDenuncie.gif) left top no-repeat; line-height:999px}
                /*{width:100px; height:110px; background:url(imagens/BGanimadoTeste2.gif) left top no-repeat; animation:teste 1s steps(2) infinite}*/
                   .blocoDenIMG:hover{animation:teste 0.5s steps(4) infinite; -webkit-animation:teste 0.5s steps(4) infinite}
  /* ANIMACAO */@keyframes teste{
                    from{background-position:0px 0px}
                    to{background-position:-720px 0px}
                }
                @-webkit-keyframes teste{
                    from{background-position:0px 0px}
                    to{background-position:-720px 0px}
                }

    /* ENQUETE */
            .descricaoENQ{padding:10px 0px; border-bottom:1px dotted #CCC; margin:0px; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:12px}
                .opcoesENQ{display:block; padding-top:10px}
                .opcoesENQ li{display:block; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:12px; overflow:hidden; padding:5px; border-bottom: 1px dotted #EEE; }
                .opcoesENQ li .opcao{display:block; float:left; background:}
                .opcoesENQ li {background:; display:block; color:#666}
                .opcoesENQ li:hover .txt{color:#900}
                
            .boxBTenviar{padding-top:10px; overflow:hidden;}
                .boxBTenviar input{float:right}
 
    /* LATERAL DIREITA */
 
    .blocoDenuncieLateral{padding:10px 0px}
    .blocoFotosLateral{padding:10px 0px}
    .blocoVideosLateral{padding:10px 0px}
    .blocoBoletim{padding-top:10px}
    
    
    .blocoDen_R{width:180px; height:57px; display:block; background:url(../../image/pecas/animDenuncieM.gif) left top no-repeat; margin:0px auto }
    
    .blocoDen_R:hover{animation:den_R 0.5s steps(4) infinite; -webkit-animation:den_R 0.5s steps(4) infinite}
    
    @keyframes den_R{
        from{background-position:0px 0px}
        to{background-position:0px -228px}
    }
    @-webkit-keyframes den_R{
        from{background-position:0px 0px}
        to{background-position:0px -228px}
    }

    
    
    .dadosFVR{padding-top:10px}
    
    .blocoFVD{width:190px; height:130px; overflow:hidden; position:relative; padding-top:10px}
    .box_FVD{width:190px; height:131px; overflow:hidden; position:relative}
    
    .lupaMask_R{width:190px; height:131px; display:block; position:absolute; left:0px; top:0px; overflow:hidden; line-height:880px; background:url(../../image/pecas/masksLupaPlay.png) no-repeat; background-position: -60px -2px}
        .lupaMask_R:hover{background-position: -60px -144px}
                    
    .playMask_R{width:190px; height:130px; display:block; position:absolute; left:0px; top:0px; overflow:hidden; line-height:880px; background:url(../../image/pecas/masksLupaPlay.png) no-repeat; background-position: -321px -2px}
        .playMask_R:hover{background-position:-321px -144px}
    

/* ----------------------------------------------------------------------------- */

/* P A G I N A S   G E R A I S */

    .blocoESQ_G{width:780px;overflow:hidden;background:#FFF; float:left; min-height:800px}
   
    .blocoDiretoria{overflow:hidden}
    
    .blocoDiretoria li{width:580px;margin:0px auto;display:block; padding:15px 0px}
    
        .blocoPresidenteG{width:150px; }
            .fotoP{width:150px; height:150px; overflow:hidden; -webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out; border-radius:8px}
            
            /*.blocoPresidenteG:hover .fotoP{transform:scale(0.9); -webkit-transform:scale(0.9); box-shadow:0px 0px 0px 10px #CCC,0px 0px 0px 12px #333333; -webkit-box-shadow:0px 0px 0px 10px #FFF,0px 0px 0px 12px #333333; border-radius:100%;}*/
            
        .dadosPres{padding-top:10px; overflow:hidden}
        .nomeP{font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:12px; color:#000; text-align:center; font-weight:bold; display:block}
        .cargoP{font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:10px; color:#900; text-align:center; font-weight:bold; display:none}


.descricaoServsPG{font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:14px; color:#000}
    .descricaoServsPG strong{display:block; text-align:center; font-size:16px}

/* O   S I N D I C A T O */

    .blocoOSindicato{padding-top:20px}
    .blocoOSindicato p{padding:0px; padding-top:10px; padding-bottom:20px; margin:0px; text-align:justify; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:12px; line-height:18px; color:#333}
    
    .blocoOSindicato .img1{width:780px; height:100px}

    .blocoIMGSind{width:780px;overflow:hidden}
    .blocoIMGSind img{min-width:780px;}

/* P A L A V R A   D A   D I R E T O R I A */

.blocoPPresidentePG{padding-top:20px}

.tituloPP{text-decoration:none}
    .tituloPP{margin:0px; padding:0px; font-size:20px; font-family:Arial, Tahoma, Verdana, Sans-Serif;}
        .tituloPP a{text-decoration:none; color:#3D3F95; }
        .tituloPP a:hover{color:#000}
    .txtPPpg{overflow:hidden}
    .txtPPpg p{padding:0px; padding-left:50px; margin:0px; text-align:justify; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:14px; line-height:18px; color:#333; font-style:italic}


.maisNotArtPP{padding:20px 0px}

.linkPPpg{text-decoration:none; color:#3D3F95; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:12px}
    .linkPPpg:hover{color:#000}
.listaNotArtPP h3{padding:0px; margin:0px;}
    .listaNotArtPP li{display:block; padding:10px 0px; border-bottom:1px solid #CCC; margin:0px 20px}

.topNotArtPP{border-bottom:3px solid #E77918; overflow:hidden;}
.topNotArtPP span{display:table; padding:8px 10px 5px 10px; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-weight:bold; color:#FFF; font-size:18px; background:#E77918; text-shadow:0px 2px 0px #9D5A28}

.bottomNotArtPP{border-top:3px solid #F8C301; overflow:hidden; height:50px}
    .bottomNotArtPP ul{list-style:none; padding:0px; margin:0px}
        .bottomNotArtPP ul li{list-style:none; padding:0px; margin:0px; display:table; float:left; margin-right:1px}
            .bottomNotArtPP ul li a{font-weight:bold; color:#333; background:#F8C301; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:14px; text-decoration:none; padding:4px 10px; display:table;
                                    -webkit-transition:all 0.3s ease-in-out;
                                    -moz-transition:all 0.3s ease-in-out;
                                    transition:all 0.3s ease-in-out;
                                    
                                    }
            
            .bottomNotArtPP ul li a:hover{background:#571D1A; color:#FFF; padding-top:10px; padding-bottom:10px; border-bottom-left-radius:20px; border-bottom-right-radius:20px}
            
            
.bottomNotArtPP2{border-top:3px solid #F8C301; overflow:hidden; height:50px; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:14px;}
                              
            .bottomNotArtPP2 b {padding:4px 10px;}      
            .bottomNotArtPP2 a{font-weight:bold; color:#333; background:#F8C301; text-decoration:none; padding:4px 10px;
                                    -webkit-transition:all 0.3s ease-in-out;
                                    -moz-transition:all 0.3s ease-in-out;
                                    transition:all 0.3s ease-in-out;
                                    
                                    }
            
            .bottomNotArtPP2  a:hover{background:#571D1A; color:#FFF; padding-top:10px; padding-bottom:10px; border-bottom-left-radius:20px; border-bottom-right-radius:20px}
            
            .bottomNotArtPP2 span:last-child{margin-left:5px}
            
        .semBorda{border:0px none !important}


/* ----------------------------------------------------------------------------- */

/* A G E N D A */


.blocoAgendaPG{}
    .blocoAgendaPG ul li{display:block; padding:20px 20px; overflow:hidden; border-bottom:1px solid #EEE;
                         -webkit-transition:all 0.3s ease-in-out;
                         -moz-transition:all 0.3s ease-in-out;
                         transition:all 0.3s ease-in-out;
                         }
                         
    .blocoAgendaPG ul li:hover{background:#EEE}
    
    .blocoAgendaPG ul li .blocoIMGBoletim{  width:140px;
                                            padding-left:25px;
                                            float:left;
                                            -webkit-transition:all 0.3s ease-in-out;
                                            -moz-transition:all 0.3s ease-in-out;
                                            transition:all 0.3s ease-in-out;
                                            }
    
    .blocoAgendaPG ul li .blocoIMGBoletim a img{width:130px;
                                                height:auto;
                                            -webkit-transition:all 0.3s ease-in-out;
                                            -moz-transition:all 0.3s ease-in-out;
                                            transition:all 0.3s ease-in-out;
                                            }
    .blocoAgendaPG ul li:hover .blocoIMGBoletim a img{border-color:#333}
    .blocoAgendaPG ul li:hover .blocoIMGBoletim a img:hover{border-color:#900}
    
    .blocoAgendaPG ul li:hover .blocoIMGBoletim:hover{
                                                        -webkit-transform:scale(1.1);
                                                        -moz-transform:scale(1.1);
                                                        transform:scale(1.1);
                                                        }
    
    .blocoAgendaPG ul li:hover .blocoIMGBoletim:hover .iconLupaH{right:55px; bottom:86px;}
                                                            
        .diaAgendaPG
            {
            -webkit-transition:all 0.3s ease-in-out;
            -moz-transition:all 0.3s ease-in-out;
            -o-transition:all 0.3s ease-in-out;
            -ms-transition:all 0.3s ease-in-out;
            transition:all 0.3s ease-in-out;
            }
        
        .blocoAgendaPG ul li:hover .descricaoAgenda_PG p{color:#000}
        .blocoAgendaPG ul li:hover .descricaoAgenda_PG .tituloAG{color:#000}
        .blocoAgendaPG ul li:hover .containerAgendaPG .diaAgendaPG{background-position:left bottom; box-shadow:0px 0px 50px 0px #C00 inset; -webkit-box-shadow:0px 0px 50px 0px #C00 inset}
    

.containerAgendaPG{}

    .diaAgendaPG{width:185px; height:87px; overflow:hidden; position:relative ;background:url(../../image/pecas/bgAgenda.gif) left top no-repeat; float:left}
    .containerAgendaPG:hover .diaAgendaPG{background-position:left bottom}
    
    .diaAG_PG{font-family: 'bebas_neueregular'; color:#FFF; text-shadow:3px 3px 0px #9B1A14; font-size:90px; letter-spacing:-5px; display:table; position:absolute; top:-8px;left:10px}
    .mesAG_PG{font-family: 'bebas_neueregular'; font-size:26px; display:table; position:absolute; top:10px; right:10px; color:#FFF; text-shadow: 2px 2px 0px #9B1A14; text-align:right}

    .descricaoAgenda_PG{padding-left:205px}
        .descricaoAgenda_PG p{padding:0px; margin:0px; text-decoration:none; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:11px; color:#333; line-height:18px}
            .descricaoAgenda_PG:hover .tituloAG{color:#000}

/* ----------------------------------------------------------------------------- */

/* A R T I G O S   -   N O T I C I A S */

.listaComentarios ul{padding:0px; margin:0px; list-style:none}
    .listaComentarios ul li{padding:10px 0px; margin:0px; list-style:none; position:relative; display:block; border-bottom:1px solid #EEE}
    .listaComentarios ul li:hover .spanIconComent{background-position:right top}
    .listaComentarios ul li:hover p, .listaComentarios ul li:hover .nomeComent{color:#000}
    
.txtArtNot{overflow:hidden}
    .txtArtNot p{padding:0px; margin:0px; text-align:justify; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:14px; line-height:18px; color:#333}
    
    .tituloArtNotPG{text-decoration:none}
    .tituloArtNotPG{margin:0px; padding:0px; font-size:20px; font-family:Arial, Tahoma, Verdana, Sans-Serif;}
        .tituloArtNotPG{text-decoration:none; color:#3D3F95; }
        
    
        .contentComent p{padding:0px; padding-left:20px; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:11px; color:#333; border-left:2px solid #EEE}
    .nomeComent{font-size:10px; font-weight:bold; color:#666; text-transform:uppercase; font-family:Arial, Tahoma, Verdana, Sans-Serif; display:block}
    
    .blocoComentarios{padding-top:20px}
    
    .blocoSocialComEnvPrint{border-top:2px solid #666; border-bottom:2px solid #666}
    .sociaisBTs{padding:20px; background:#FFF; overflow:hidden}

.previaNOT{padding:0px 0px 20px 0px !important; font-size:12px !important; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-style:italic; line-height:18px !important; color:#666 !important}


/* ----------------------------------------------------------------------------- */

.CEP_BTs{ float:right; display:table; background:#FFF}
    .CEP_BTs a{color:#666; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:10px; font-weight:bold; text-transform:uppercase; text-decoration:none; display:table; overflow:hidden; float:left}
       .CEP_BTs a:hover{color:#E77918}
       .CEP_BTs a:hover .BT_coment{ width:20px; height:19px; background-position:-10px -39px; }
       .CEP_BTs a:hover .BT_print{ width:20px; height:19px; background-position:-10px -68px; }
       .CEP_BTs a:hover .BT_send{ width:20px; height:19px; background-position:-10px -10px; }
       .linkIconArtComent{display:block; float:left; padding-top:3px}
       
       .CEP_BTs .borda{border-left:1px solid #CCC; border-right:1px solid #CCC}
       
.sprite_iconsNot{ background:url("../../image/pecas/sprite_iconsNot.png") top left no-repeat; width:20px; height:19px; display:block; float:left; padding-left:10px}

    .BT_coment{ width:20px; height:19px; background-position:-10px -126px; }
    .BT_coment:hover{ width:20px; height:19px; background-position:-10px -39px; }

    .BT_print{ width:20px; height:19px; background-position:-10px -155px; }
    .BT_print:hover{ width:20px; height:19px; background-position:-10px -68px; }

    .BT_send{ width:20px; height:19px; background-position:-10px -97px; }
    .BT_send:hover{ width:20px; height:19px; background-position:-10px -10px; }

/* ---------------------------------------------------------------------------- */


h3.tituloFotoVideo{color:#333333; text-decoration:none; padding:0px; margin:0px; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:14px; font-weight:bold}

.blocoFotoPG{}
    .blocoFotoPG ul li{display:block; padding:20px 20px; overflow:hidden; border-bottom:1px solid #EEE;
                       -webkit-transition:all 0.3s ease-in-out;
                       -moz-transition:all 0.3s ease-in-out;
                       transition:all 0.3s ease-in-out;
                       }
    
    .blocoFotoPG ul li .miniFotoH{-webkit-transition:all 0.3s ease-in-out;
                                  -moz-transition:all 0.3s ease-in-out;
                                  transition:all 0.3s ease-in-out;
                                  }
    
    .blocoFotoPG ul li:hover .miniFotoH{-webkit-transform:scale(1.1);
                                        -moz-transform:scale(1.1);
                                        transform:scale(1.1);
                                        }
    
    .blocoFotoPG ul li:hover{background:#EEE}
        .blocoFotoPG ul li:hover .descricaoFoto_PG p{color:#000}
        .blocoFotoPG ul li:hover .descricaoFotoPG .tituloFotoVideo{color:#000}

    .descricaoFoto_PG{padding-left:270px}
        .descricaoFoto_PG p{padding:0px; margin:0px; text-decoration:none; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:11px; color:#333; line-height:18px}
            .descricaoFoto_PG:hover .tituloFotoVideo{color:#000}


/* ---------------------------------------------------------------------------- */

/* GALERIA DE FOTOS  - FOTOS */

.m-r-12{margin-right:12px}

#sb-overlay{background:url(../../image/pecas/BGoverlayer.png)}

.blocoFotoGalPG{}

.blocoFotoGalPG img{margin:0px auto; display:block;}

    .blocoFotoGalPG ul li{display:block; padding:20px 20px; overflow:hidden; border-bottom:1px solid #EEE; overflow:hidden;
                          -webkit-transition: all .5s ease-out;
                        -moz-transition: all .5s ease-out;
                        -o-transition: all .5s ease-out;
                        -ms-transition: all .5s ease-out;
                        transition: all .5s ease-out;}
        /*.blocoFotoGalPG ul li:hover{background:#EEE}*/
    
    
    
    .blocoFotoGal{width:230px; height:132px; overflow:hidden; position:relative; float:left; margin:5px 5px 0px 0px}
        .mascataFotoGal{width:230px;
                        height:132px;
                        overflow:hidden;
                        position:absolute;
                        top:0px;
                        left:0px;
                        z-index:999;
                        opacity:0;
                        -webkit-transition: all .5s ease-out;
                        -moz-transition: all .5s ease-out;
                        -o-transition: all .5s ease-out;
                        -ms-transition: all .5s ease-out;
                        transition: all .5s ease-out;}
                        
            .mascataFotoGal:hover{
                                  background:url(../../image/pecas/maskFotoGal.png)left top no-repeat;
                                  opacity:1;
                                  transform:scale(0.9);
                                  -webkit-transform:scale(0.9);
                                  -moz-transform:scale(0.9);
                                  -o-transform:scale(0.9);
                                  -ms-transform:scale(0.9);
                                  }
            
            

    .blocoDadosGalFoto{padding:20px 0px}
        .blocoDadosGalFoto p{padding-top:20px; margin:0px; font-family:Arial, Tahoma, Verdana, Sans-Serif; color:#333; font-size:12px;}

    .voltarGal{width:120px; height:47px; display:block; float:right; background:url(../../image/pecas/voltaGalFotos.gif) left bottom no-repeat; cursor:pointer; }
        .voltarGal:hover{background-position:top}

.scalaAnimada{-webkit-transition: all .5s ease-out;transition: all .5s ease-out}

.blocoFotoGal:hover .scalaAnimada{transform:scale(1.1); -webkit-transform:scale(1.1)}



/* ---------------------------------------------------------------------------- */

/* BUSCA */

.listaBusca li{display:block; padding:20px 0px 20px 0px;
                border-bottom:1px dotted #CCC;
                -moz-transition: all .3s ease-out;
                -o-transition: all .3s ease-out;
                -ms-transition: all .3s ease-out;
                transition: all .3s ease-out;}

.listaBusca li:hover{opacity:1;}

.listaBusca h2{margin:0px !important}

.resultadoDetalhe{padding:20px 0px}


.txtBusca{padding:0px;
        font-family:Arial, Tahoma, Sans-Serif;
        font-size:12px;
        color:#999;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        transition: all .3s ease-out;}

.listaBusca li:hover .txtBusca{color:#000}

.linkBusca{display:block;}

.linkBusca a{ font-family:Arial, Tahoma, Sans-Serif;
              font-size:12px;
              -moz-transition: all .5s ease-out;
                -o-transition: all .5s ease-out;
                -ms-transition: all .5s ease-out;
                transition: all .5s ease-out;
                
              }

.linkBusca a:hover{color:#900;
                   -webkit-transform:scale(1.2);
                    -moz-transform:scale(1.2);
                    -transform:scale(1.2);
                   }

.resultadoDetalhe{padding:0px; font-family:Arial, Tahoma, Sans-Serif; font-size:12px}
.numeroResultado{font-size:14px; font-weight:bold; color:#3D3FA2}
.palavraBusca{font-size:14px; font-weight:bold; color:#3D3FA2; text-decoration:underline}
/* ---------------------------------------------------------------------------- */

/* SINDICALIZE-SE */

    .blocoSindicalizese{width:100%;height:auto;;padding-top:0px; overflow:hidden}
        .blocoSindicalizese ul{list-style:none; padding:0px; margin:0px}
            .blocoSindicalizese ul li{width:100%;list-style:none; padding:0px; margin:0px; display:block; padding-top:20px; padding-bottom:25px; background:; clear:both; overflow:hidden; padding:20px; border-bottom:1px dotted #CCC}
                .blocoSindicalizese ul li input{margin:0px; border:0px; padding:5px 8px; font-size:12px; background:#EEE; border:1px solid #CCC}
                .blocoSindicalizese ul li textarea{margin:0px; border:0px; padding:5px 8px; font-size:12px; background:#EEE; border:1px solid #CCC}
                    
                    .blocoSindicalizese ul li input:hover, .blocoSindicalizese ul li input:focus{border-color:#000}
                    
                .blocoSindicalizese ul li select{margin:0px; border:0px; padding:4px 8px; background:#EEE; font-size:12px;border:1px solid #CCC;}
                    .blocoSindicalizese ul li select:hover, .blocoSindicalizese ul li select:focus{border-color:#000}

                    /*.blocoSindicalizese ul li:hover .campoObrigatorio{display:table;}*/
                    /*.blocoSindicalizese ul li:hover .TcampoObrigatorio{display:table;}*/

.tituloCampoSindcalizese{display:block; color:#333333; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-weight:bold; font-size:12px; text-transform:uppercase; padding-bottom:5px; clear:both}

    .tituloCampoSindcalizese span{display:table; float:right; padding-left:5px}

    .blocoCamposSindicalizese .checkbox{float:left}
    
    .blocoCamposSindicalizese input{margin:0px !important;}

    .blocoCamposSindicalizese{float:left; margin-right:20px; background:; position:relative}
        .campoObrigatorio{width:100%; padding:3px 0px; background:#DA251C; position:absolute; left:0px; top:47px; color:#FFF; font-family:Arial, Tahoma, Verdana, Sans-Serif; text-align:center; font-size:12px; text-transform:uppercase; font-size:0.53em; /*display:none;*/ z-index:99999; letter-spacing:1px}

    .tituloFComent{display:block; color:#FFF; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-weight:bold; font-size:14px; text-transform:uppercase; text-shadow:0px 2px 0px #092052; padding-bottom:5px}


.ComEnv_BT{border:3px solid #1A3085 !important;float:none; cursor:pointer; background:#1A3085 !important; font-weight:bold; color:#FFF !important; font-size:14px !important; padding:5px 8px !important; text-shadow:1px 1px 0px #131B35; box-shadow:0px 0px 0px 2px #16255D; float:right}
            .ComEnv_BT:hover, .ComEnv_BT:focus{background:#F8C400 !important; border-color:#F8C400 !important;color:#131B35 !important; text-shadow:none}
            

/* CONTATO */

.tamanho463{width:483px; float:left}

.blocoDadosContato{width:490px; height:350px; float:right; background:}
    .blocoDadosContato ul{list-style:none; padding:0px; margin:0px}
        .blocoDadosContato ul li{list-style:none; padding:0px; margin:0px; display:block}

.telefoneCont{font-weight:bold; font-size:16px; color:#900; font-family:Arial, Tahoma, Verdana, Sans-Serif}
    .txtCont{font-size:12px; color:#000; font-family:Arial, Tahoma, Verdana, Sans-Serif}
.textareaContato{margin:0px;min-width:423px;max-width:423px; min-height:150px; max-height:150px; font-family:Arial, Tahoma, Verdana,Sans-Serif}
    .textareaContato:hover, .textareaContato:focus{border-color:#000}
.TcampoObrigatorio{width:100%; padding:3px 0px; background:#DA251C; position:absolute; left:0px; bottom:-16px; color:#FFF; font-family:Arial, Tahoma, Verdana, Sans-Serif; text-align:center; font-size:12px; text-transform:uppercase; font-size:0.53em; /*display:none;*/ z-index:99999; letter-spacing:1px}

.tituloFComentCaptcha{display:block; color:#333333; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-weight:bold; font-size:12px; text-transform:uppercase; padding-bottom:0px}
.blocoCaptcha{width:210px;display:table; float:left; position:relative;}
        .blocoCaptcha img{height:42px;float:left; margin-right:10px;}

.blocoCaptchaPG{width:210px;display:table; float:left; position:relative; padding-left:400px;}
        .blocoCaptchaPG img{height:42px;float:left; margin-right:10px;}

.blocoCaptchaPG2{width:210px;display:table; float:left; position:relative; padding-left:85px;}
        .blocoCaptchaPG2 img{height:42px;float:left; margin-right:10px;}

        .campoCaptcha{padding:5px; width:100px;border:0px; border-bottom:5px solid #333333; font-family:Arial, Tahoma, Verdana, Sans-Serif; color:#1A3085; background:#9FA0CA} 
            .campoCaptcha:hover, .campoCaptcha:focus{border-color:#000}  
/* ---------------------------------------------------------------------------- */

/* R O D A P E */

.rodape{width:100%; overflow:hidden; background:#D9D7D8; }
    .blocoLinksRodape{overflow:hidden; background:#D9D7D8; float:left; padding-right:30px; padding-bottom:20px; padding-left:10px}
    .blocoLinksRodape ul li{height:100% !important ; display:block; float:left;
                            -webkit-transition:all 0.3s ease-in-out;
                            -moz-transition:all 0.3s ease-in-out;
                            -transition:all 0.3s ease-in-out
                            }
    .blocoLinksRodape ul li:hover{background:#FFF;}
        .blocoLinksRodape ul li a{display:block; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:11px; color:#656565; text-decoration:none; padding:7px;
                                  -webkit-transition:all 0.3s ease-in-out;
                                  -moz-transition:all 0.3s ease-in-out;
                                  -transition:all 0.3s ease-in-out
                                  }
        .blocoLinksRodape ul li a:hover{background:#FFF; color:#900; text-decoration:underline}
     
     .blocoLinksFace{width:1016px; background:; overflow:hidden;  margin:0px auto}
     
     /* BLOCO FACEBOOK */
     .blocoRodapeFace{width:517px;height:auto;background:#FFF; float:left; position:relative; display:none}
        .divisoriaRodape{width:22px;height:81px;position:absolute; background:url(../../image/pecas/divisoriaRodape.gif) left top no-repeat; left:-11px; top:35%}
        .blocoFace{width:85%; height:auto; background:#FFF; overflow:hidden; margin:0px auto; padding:10px 0px}

    .blocoSocialEndereco{width:100%; background:url(../../image/pecas/bgLinhaRodape.gif) left bottom; overflow:hidden;}
    .blocoRodapeSociais{float:left; padding:20px 20px 20px 0px }

        .txtSocailRodape{display:table; float:left; font-family:Arial, Tahoma, Verdana, Sans-Serif; color:#656565; font-size:10px; font-weight:bold; padding-top:9px; text-transform:uppercase;}
        
        .enderecoRodapeFFF{color:#FFF}
        .enderecoRodape{color:#CCC; font-family:Arial, Tahoma, Verdana, Sans-Serif; font-size:14px; float:left;  padding:20px; padding-top:30px; background:url(../../image/pecas/divisoriaCinza.gif) left top no-repeat; background-position:0px 20px; text-shadow:0px 2px 0px #111}
        
        .linkProcedi{width:auto;height:auto;float:right;display:block; margin-top:20px; box-shadow:0px 5px 0px rgba(0,0,0,0.3);
                     -webkit-transition: all 0.3s ease;
                     -moz-transition: all 0.3s ease;
                     -ms-transition: all 0.3s ease;
                     -o-transition: all 0.3s ease;
                     transition: all 0.3s ease;
                     }

            .linkProcedi:hover{margin-top:25px;box-shadow:0px 0px 5px 2px rgba(0,0,0,0.8)}


/* ----------------------------------------------------------------------------- */

#blocoLinksRodapeBase{}
    #blocoLinksRodapeBase h3{font-size:16px; font-weight:bold; color:#999; font-family:Arial, Tahoma, Sans-Serif; margin:0px; padding:8px 5px 5px 8px ; background:#CAC8C9}
    #blocoLinksRodapeBase h3 a{font-size:16px; font-weight:bold; color:#999; font-family:Arial, Tahoma, Sans-Serif; margin:0px; padding:0}
    
    #blocoLinksRodapeBase li a:first-child{padding:0px; margin:0px; text-decoration:none}
    
    #blocoLinksRodapeBase a h3{padding:8px 5px 5px 8px; margin:0px}
    
    #blocoLinksRodapeBase li{margin:10px 20px 0px 0px}
    
    
    #blocoLinksRodapeBase li h3{-webkit-transition:all 0.3s ease-in-out;
                                -moz-transition:all 0.3s ease-in-out;
                                -transition:all 0.3s ease-in-out
                                }
    
    #blocoLinksRodapeBase li:hover h3{background:#F8C301; color:#333; text-shadow:0px 1px 0px #FF0}
    
/* ----------------------------------------------------------------------------- */

/* BANNER ANIVERSARIANTES */

.aniversarioBanner{
    width: 182px;
    height: 470px;
    background: url(../../image/pecas/bannerAniversario2019.jpg) center top no-repeat;
    position: relative;
    margin-bottom: 20px;
}
    .aniversarioBanner .tituloAni{
                                width: 182px;
                                position: absolute;
                                left: 0px;
                                top: 269px;
                                color: #fff;
                                font-family: 'bebas_neueregular',Trebuchet MS, Sans-Serif;
                                text-transform: uppercase;
                                display: block;
                                text-align: center;
                                font-size: 40px;
                                /*
                                text-shadow: 0px 2px 0px #300;
                                -webkit-text-shadow: 0px 2px 0px #300;
                                -moz-text-shadow: 0px 2px 0px #300;
                                */
                                -webkit-transition: all 0.3s ease-in-out;
                                -moz-transition: all 0.3s ease-in-out;
                                transition: all 0.3s ease-in-out;
                                }
    .aniversarioBanner:hover .tituloAni{color:#feee02;
                                        -webkit-transform:scale(1.2);
                                        -moz-transform:scale(1.2);
                                        -transform:scale(1.2);
                                        letter-spacing:2px;
                                        text-shadow:0px 12px 0px rgba(0,0,0,0);
                                        -webkit-text-shadow:0px 12px 0px rgba(0,0,0,0);
                                        -moz-text-shadow:0px 12px 0px rgba(0,0,0,0);
                                        }


/* ----------------------------------------------------------------------------- */

/* LINKS UTEIS */

.blocoLinksUteis li{display:block;
                    padding:10px;
                    border-bottom:1px dotted #CCC;
                    -webkit-transition:all 0.3s ease-in-out;
                    -moz-transition:all 0.3s ease-in-out;
                    -transition:all 0.3s ease-in-out
                    }                                                                         

.blocoLinksUteis li:hover{background:#EEE; padding-left:20px}

.blocoLinksUteis li a{font-family:Arial, Tahoma, Sans-Serif; color:#333; text-decoration:none; border-bottom:3px solid #FFF;
                      -webkit-transition:all 0.3s ease-in-out;
                      -moz-transition:all 0.3s ease-in-out;
                      -transition:all 0.3s ease-in-out
                      }
                      
.blocoLinksUteis li:hover a{border-color:#977}
.blocoLinksUteis li:hover a:hover{border-color:#991D1A; color:#571D1A}

