body {padding:0; margin:0}
*{outline:0px none !important}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* -------------------------------------------------------------------------------------- */
/* -------------------------------- WEBFONTS - OPEN-SANS -------------------------------- */
/* -------------------------------------------------------------------------------------- */

/* OPEN-SANS-EXTRA-BOLD */
@font-face {
    font-family: 'open_sansextrabold';
    src: url('../webfonts/open-sans-fontfacekit/web fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.eot');
    src: url('../webfonts/open-sans-fontfacekit/web fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/open-sans-fontfacekit/web fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../webfonts/open-sans-fontfacekit/web fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../webfonts/open-sans-fontfacekit/web fonts/opensans_extrabold_macroman/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* OPEN-SANS-BOLD */
@font-face {
    font-family: 'open_sansbold';
    src: url('../webfonts/open-sans-fontfacekit/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot');
    src: url('../webfonts/open-sans-fontfacekit/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.woff') format('woff'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.ttf') format('truetype'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ---------------- */
/* OPEN-SANS-BOLD-ITALIC */
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../webfonts/open-sans-fontfacekit/web fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.eot');
    src: url('../webfonts/open-sans-fontfacekit/web fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.woff') format('woff'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_bolditalic_macroman/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ---------------- */
/* OPEN-SANS-ITALIC */
@font-face {
    font-family: 'open_sansitalic';
    src: url('../webfonts/open-sans-fontfacekit/web fonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot');
    src: url('../webfonts/open-sans-fontfacekit/web fonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_italic_macroman/OpenSans-Italic-webfont.woff') format('woff'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_italic_macroman/OpenSans-Italic-webfont.ttf') format('truetype'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_italic_macroman/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ---------------- */
/* OPEN-SANS-LIGHT */
@font-face {
    font-family: 'open_sanslight';
    src: url('../webfonts/open-sans-fontfacekit/web fonts/opensans_light_macroman/OpenSans-Light-webfont.eot');
    src: url('../webfonts/open-sans-fontfacekit/web fonts/opensans_light_macroman/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_light_macroman/OpenSans-Light-webfont.woff') format('woff'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_light_macroman/OpenSans-Light-webfont.ttf') format('truetype'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_light_macroman/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ---------------- */
/* OPEN-SANS-LIGHT-ITALIC */
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../webfonts/open-sans-fontfacekit/web fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.eot');
    src: url('../webfonts/open-sans-fontfacekit/web fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.woff') format('woff'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.ttf') format('truetype'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_lightitalic_macroman/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ---------------- */
/* OPEN-SANS-REGULAR */
@font-face {
    font-family: 'open_sansregular';
    src: url('../webfonts/open-sans-fontfacekit/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('../webfonts/open-sans-fontfacekit/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
url('../webfonts/open-sans-fontfacekit/web fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* -------------------------------------------------------------------------------------- */
/* ------------------------------- ANIMACOES E TRANSICOES ------------------------------- */
/* -------------------------------------------------------------------------------------- */

.transitall{-webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;}

/* TRANSICAO GERAL */

.lista_menu a, .listaclientesHome div img, .blocoMenuDrop ul li, .blocoMenuDropSobre ul li,
.blocoBannerHome, #blocoLoadModulos ul li .blocoModulo .maskModulo, #blocoLoadModulos ul li,
.tituloModulo, .blocoBannerHome img
            {-webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;}

            
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* ---------------------------------------------------------------------------------------- */
/* --------------------------------- OBJETOS DE INTERACAO --------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.maskModelo{background:#06c; position:fixed; top:0; z-index:999}
.maskModeloCriaSites{background:#ff9900; position:fixed; top:0; z-index:999}
.maskModeloComunicacao{background:#99cc01; position:fixed; top:0; z-index:999}

.muroAzul{background:#06c; position:fixed; top:0; z-index:999; width:100%; height:100%; display:none !important}
.muroAmarelo{background:#ff9900; position:fixed; top:0; z-index:999; width:100%; height:100%; display:none !important}
.muroVerde{background:#99cc01; position:fixed; top:0; z-index:999; width:100%; height:100%; display:none !important}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------- GERAIS ---------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.center100perc{width:100%; margin:0px auto}
.center960{width:960px; margin:0px auto}

.txtBold666{font-family: 'open_sansbold', Sans-Serif; color:#999}

.padding10TB{padding:10px 0}
.padding20TB{padding:20px 0}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* -------------------------------------------------------------------------------------- */
/* ---------------------------------------- TOPO ---------------------------------------- */
/* -------------------------------------------------------------------------------------- */

/* TOPO LOGO */

.container_logo{width:100%; height:300px !important; position:relative; overflow:hidden !important; z-index:10; background-image:url(../../images/pecas/bg-topo.jpg); background-position:50% 0px; background-attachment:fixed; background-repeat:no-repeat; background-color:#1b1725 }
.container_malha{width:100%; height:100%; top:0; position:absolute; z-index:9; background:url(../../images/pecas/bg-malha1x1.png)}

.bloco_slider_imagens_topo{}
.img_bg_topo_1{width:100%; height:300px; background:url(../../images/pecas/bg-topo.jpg) center center no-repeat #1b1725; background-size:cover; z-index:3}
.img_bg_topo_2{width:100%; height:300px; background:url(../../images/pecas/bg-topo2.jpg) center center no-repeat #1b1725; background-size:cover; z-index:3}
.img_bg_topo_3{width:100%; height:300px; background:url(../../images/pecas/bg-topo_3.jpg) center center no-repeat #1b1725; background-size:cover; z-index:3}

.logoTopo{width:316px;height:276px; background:url(../../images/pecas/logo.png) center center no-repeat; display:block; margin:0 auto; margin-top:20px}


/* MENU */

.container_topo{width:100%;background:#0066cc;}

.container_menu{width:100%; height:70px; background:#0066cc;}
    .bloco_menu{width:960px; margin:0px auto; height:60px; background:#0066cc;}
        .bloco_menu ul{padding:0; margin:0; list-style:none}
        .bloco_menu ul li{display:inline-table;}
        .bloco_menu ul li > a{color:#fff; text-decoration:none;font-family: 'open_sansbold', Sans-Serif; text-transform:uppercase; font-size:14px }
.lista_menu{padding:0; margin:0; display:table; margin:0 auto !important}
    .lista_menu li{padding:0px; margin:10px 0; height:50px; display:table-cell; vertical-align:middle; text-align:center}
    .lista_menu li a{display:table-cell; vertical-align:middle; padding:0px 15px;}
        .lista_menu li{ border-left:1px solid #0057ad}
        .lista_menu li:nth-child(1){border:0}
    .lista_menu li a:hover{background:#115599; text-shadow: 0 2px 0 rgba(0,0,0,0.5);}

.txt_intro_home{padding:0px 30px;font-family: 'open_sanslight_italic', Sans-Serif; color:#666; text-align:center; font-size:22px; line-height:40px}
    .txt_intro_home span{font-family: 'open_sansbold_italic', Sans-Serif; color:#006699}
    
    .txt_mini_titulo_azul{font-family: 'open_sansbold_italic', Sans-Serif; color:#006699 !important; text-shadow:none !important}
    .campo_captcha{width:160px; background:#ccc;}
    .img_captcha{float:left; margin-top:19px}
    .bloco_captcha_input{width:186px;display:table; padding-left:10px; float:left}
    
    
    
/* MENU-DROP-DOWN */

.containerDrop{position:relative;}
.containerDrop a{display:block; background:none !important}
.containerDrop:hover{background:#115599}
.containerDrop:hover .blocoMenuDrop{display:block;}
.containerDrop:hover .blocoMenuDropSobre{display:block;}


.blocoMenuDrop{position:absolute; left:-30px; top:50px; z-index:20; display:none;-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.3); box-shadow: 0 0 0 5px rgba(0,0,0,0.3);}
    .blocoMenuDrop ul{padding:0; margin:0; list-style:none; display:table !important;}
        .blocoMenuDrop ul li{width:250px !important;display:block; border:0; padding:0; margin:0; height:auto !important; background:#115599; text-align:center}
        .blocoMenuDrop ul li a{display:block; padding:15px 0px}
        .blocoMenuDrop ul li:nth-child(1):hover{background:#0066cb !important}
        .blocoMenuDrop ul li:nth-child(2):hover{background:#ff9900 !important}
        .blocoMenuDrop ul li:nth-child(3):hover{background:#99cc01 !important}
        .blocoMenuDrop ul li:nth-child(5):hover{background:#BD0029 !important}
        .blocoMenuDrop ul li:nth-child(4):hover{background:#00c5a6 !important}
        .blocoMenuDrop ul li:nth-child(6):hover{background:#333 !important}
        
        .blocoMenuDrop ul li:nth-child(2):hover > a{color:#003333 !important; text-shadow: 0 3px 0 rgba(255,255,255,0.2)}
        .blocoMenuDrop ul li:nth-child(3):hover > a{color:#003333 !important; text-shadow: 0 3px 0 rgba(255,255,255,0.2)}
        .blocoMenuDrop ul li:nth-child(4):hover > a{color:#003333 !important; text-shadow: 0 3px 0 rgba(255,255,255,0.2)}


.blocoMenuDropSobre{position:absolute; left:-12px; top:50px; z-index:20; display:none;-webkit-box-shadow: 0 0 0 5px rgba(0,0,0,0.3); box-shadow: 0 0 0 5px rgba(0,0,0,0.3);}
    .blocoMenuDropSobre ul{padding:0; margin:0; list-style:none; display:table !important;}
        .blocoMenuDropSobre ul li{width:200px !important;display:block; border:0; padding:0; margin:0; height:auto !important; background:#115599; text-align:center}
        .blocoMenuDropSobre ul li a{display:block; padding:15px 0px}
        .blocoMenuDropSobre ul li:hover{background:#0066cb !important}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------- MODULOS --------------------------------------- */
/* -------------------------------------------------------------------------------------- */

.blocoCombo{display:table; margin:0 auto}
    .blocoCombo h2{font-family: 'open_sans', Sans-Serif; font-size:14px; text-transform:uppercase;text-align:center; display:block; margin:30px 0 0 0; padding:0; color:#333}
    .blocoCombo select{border:3px solid #0066cb; background:#0066cb; color:#fff; padding:5px; margin:10px 0 0 0 !important }
       
.tituloModulo{font-family: 'open_sans', Sans-Serif; font-size:32px; text-transform:uppercase;text-align:center; margin:30px 0 0 0 !important }

#blocoLoadModulos{}
    #blocoLoadModulos ul{padding:0; margin:0 auto; list-style:none; display:table; }
        #blocoLoadModulos ul li{width:280px; display:inline-block; margin:10px}
            #blocoLoadModulos ul li .blocoModulo{width:280px; height:190px;overflow:hidden;border:5px solid #eee; position:relative}
            #blocoLoadModulos ul li .blocoModulo .maskModulo{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-color:rgba(0,102,203,0.8); background-image:url(../../images/olho.png); background-repeat:no-repeat; background-position:center center; opacity:0}
                #blocoLoadModulos ul li:hover{border-color:#0066cb}
                #blocoLoadModulos ul li:hover .blocoModulo{}
                #blocoLoadModulos ul li:hover .blocoModulo .maskModulo{opacity:1}
                #blocoLoadModulos ul li .tituloModulo{margin:10px 0 0 0 !important; padding:0; display:block; text-align:center; font-weight:700; font-size:14px; color:#999}
                #blocoLoadModulos ul li:hover .tituloModulo{color:#333}
                
                
        
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* -------------------------------------------------------------------------------------- */
/* -------------------------------------- CONTEUDO -------------------------------------- */
/* -------------------------------------------------------------------------------------- */

/* BOXES - HOME - TIPOS DE SERVICO */

.espacamentoPT40{padding-top:40px}
.espacamentoPB40{padding-top:40px}

.bloco_banners_servicos{margin:0 auto; padding:0; list-style:none; display:table;}
    .bloco_banners_servicos li{position:relative; float:left}
    
.bloco_eleicoes, .bloco_criacaoSites, .bloco_comunicacaoDigital, .bloco_Gestao{width:220px; height:200px; position:relative; background:#159;
                                                                border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -o-border-radius:12px;
                                                                -webkit-box-shadow:0px 8px 0px -3px rgba(0,0,0,0.3);-moz-box-shadow:0px 8px 0px -3px rgba(0,0,0,0.3);-o-box-shadow:0px 8px 0px -3px rgba(0,0,0,0.3);box-shadow:0px 8px 0px -3px rgba(0,0,0,0.3);
                                                                transition:all 0.5s cubic-bezier(0,1.19,.8,1.28);-webkit-transition:all 0.5s cubic-bezier(0,1.19,.8,1.28);-moz-transition:all 0.3s cubic-bezier(0,1.19,.8,1.28);-o-transition:all 0.3s cubic-bezier(0,1.19,.8,1.28);
                                                               background-size:70% !important
                                                                }
                                                                
.bloco_eleicoes:hover, .bloco_criacaoSites:hover, .bloco_comunicacaoDigital:hover, .bloco_Gestao:hover{transform:scale(1.05);
                                                                                  -webkit-box-shadow:0px 12px 5px 0px rgba(0,0,0,0.1);
                                                                                  -moz-box-shadow:0px 12px 5px 0px rgba(0,0,0,0.1);
                                                                                  -o-box-shadow:0px 12px 5px 0px rgba(0,0,0,0.1);
                                                                                  box-shadow:0px 12px 5px 0px rgba(0,0,0,0.1);
                                                                                  ; background-size:80% !important}

.bloco_eleicoes{background:url(../../images/pecas/img-eleicoes.jpg) center center no-repeat #0066cc}
.bloco_criacaoSites{background:url(../../images/pecas/img-criaSites.jpg) center center no-repeat #ff9900}
.bloco_comunicacaoDigital{background:url(../../images/pecas/img-comunicacao.jpg) center center no-repeat #99cc00}
.bloco_Gestao{background:url(../../images/pecas/img-gestao.jpg) center center no-repeat #00c5a6}
                                                                
.bloco_criacaoSites{margin-left:20px}
.bloco_Gestao{margin:0px 20px}

.blocoSlideClientes{width:980px !important; height:150px !important; overflow:hidden !important; position:relative; background:#fff; padding-top:20px; left:-30px !important}
    .listaclientesHome{padding:0; margin:0; list-style:none; overflow:hidden;}
    .listaclientesHome li{display:inline-table; padding-right:20px}
    .listaclientesHome li:last-child{display:inline-table; padding-right:0px}
        .imgLogoClientes{overflow:hidden; width:100px; height:100px; border:3px solid #2C0; display:inline-table; margin:10px;-webkit-border-radius: 10px; border-radius: 10px;}
        .nomeCliente{font-family: 'open_sans', Sans-Serif; font-size:12px; text-align:center; display:block; padding-top:5px}
    
    .js-marquee-wrapper, .js-marquee{float:left !important}
    
    .listaclientesHome div{float:left; padding:0px 10px}
    /*.listaclientesHome div img{-webkit-filter: grayscale(100%);
                               -moz-filter: grayscale(100%);
                               filter: grayscale(100%);
                               opacity:0.5}
    
    .listaclientesHome div img:hover{-webkit-filter: grayscale(0%);
                                     -moz-filter: grayscale(0%);
                                     filter: grayscale(0%);
                                     opacity:1} */                              
                                     
    
    

.blocoBannerHome{width:940px; display:block; margin:0px auto; clear:both; margin-top:30px; height:110px}
    .blocoBannerHome a:hover img{-moz-transform: scale(1.05);
                            -webkit-transform: scale(1.05);
                            -o-transform: scale(1.1);
                            -ms-transform: scale(1.05);
                            transform: scale(1.05);
                            border-color:#0066cc}
    
    .blocoBannerHome a{text-decoration:none; border:0}
    
.blocoBannerHome a img{width:455px; display:inline-table; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -o-border-radius:12px; border:2px solid #ccc;}

.blocoBannerHome a:nth-child(1){float:left}
.blocoBannerHome a:nth-child(2){float:right}
    
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* -------------------------------------------------------------------------------------- */
/* ------------------------------------ PAGINAS GERAIS ---------------------------------- */
/* -------------------------------------------------------------------------------------- */

/*.corpoEleicoes{background:url(../../images/pecas/bg-eleicoes.jpg) right bottom no-repeat #fff}*/
.corpoEleicoes{background:#fff}

/*.corpoCriaSites{background:url(../../images/pecas/bg-criasites.jpg) left center no-repeat #fff}*/
.corpoCriaSites{background:#fff}
    .blocoSuntituloCriaSites{font-family: 'open_sansregular', Sans-Serif; color:#006699; font-size:24px; text-align:center; text-shadow: 0 3px 0 rgba(255,255,255,0.2)}
    .txt14333{font-family: 'open_sansregular', Sans-Serif; color:#333; font-size:14px}

.tituloPaginasCores{display:block; font-family: 'open_sansbold', Sans-Serif; font-size:46px; color:#FFF; text-align:center; text-shadow: 0 3px 0 rgba(0,0,0,0.5);}

.tituloPaginasCoresSobre{display:block; font-family: 'open_sanslight_italic', Sans-Serif; font-size:46px; color:#006699; text-align:center; text-shadow: 0 3px 0 rgba(0,0,0,0.2);}
    .tituloPaginasCoresSobre span{font-family: 'open_sansextrabold', Sans-Serif}

.tituloPaginasCoresAZ{display:block; font-family: 'open_sanslight_italic', Sans-Serif; font-size:46px; color:#003333; text-align:center; text-shadow: 0 3px 0 rgba(255,255,255,0.0);}
    .tituloPaginasCoresAZ span{font-family: 'open_sansextrabold', Sans-Serif}
    .txtAZ14{font-size:16px; color:#003333; font-family: 'open_sansregular', Sans-Serif; text-shadow: 0 1px 0 rgba(255,255,255,0.3)}
    .txtAZ14Com{font-size:16px; color:#003333; font-family: 'open_sansregular', Sans-Serif; text-shadow: 0 1px 0 rgba(255,255,255,0.3)}
    .txtAZ14 ul{padding:0; padding-left:12px}
        .iconePunho{background:url(../../images/pecas/iconePunho.png) left center no-repeat; padding-left:100px}
        .iconeWWW{background:url(../../images/pecas/iconeWww.png) left center no-repeat; padding-left:100px}
        .iconeEmail{background:url(../../images/pecas/iconeEmail.png) left center no-repeat; padding-left:100px}
        .iconeEngrenagem{background:url(../../images/pecas/iconeEngrenagem.png) left 23px no-repeat; padding-left:100px}
        .iconeEstojo{background:url(../../images/pecas/iconeEstojo.png) left center no-repeat; padding-left:100px}
        .divisoriaDashed{height:40px; width:100%; display:block; background:url(../../images/pecas/dashed-amarelo.png) left center repeat-x; clear:both;}
        .divisoriaDashedBranco{height:40px; width:100%; display:block; background:url(../../images/pecas/dashed-branco.png) left center repeat-x; clear:both;}
        
.subtituloItalicCores{display:block; font-family: 'open_sansbold_italic', Sans-Serif; font-size:36px; color:#FFF; text-align:left; text-shadow: 0 3px 0 rgba(0,0,0,0.5); padding-bottom:0px}

.txtBranco14{font-size:16px; color:#FFF; font-family: 'open_sansregular', Sans-Serif; text-shadow: 0 1px 0 rgba(0,0,0,0.5)}
    .txtBranco14 ul{padding:0; padding-left:12px}
    
.txtDestaqueCenter{font-size:24px; color:#FFF; font-family: 'open_sansregular', Sans-Serif; text-shadow: 0 1px 0 rgba(0,0,0,0.5); text-align:center}
.txtDestaqueCenterComunicacao{font-size:24px; color:#006699; font-family: 'open_sansregular', Sans-Serif; text-shadow: 0 1px 0 rgba(255,255,255,0.5); text-align:center}

/*.corpoComunicacao{background:url(../../images/pecas/bg-comunicacao.jpg) center top no-repeat fixed #fff}*/
.corpoComunicacao{background:#fff}

.blocoSuntituloCom{font-family: 'open_sansbold_italic', Sans-Serif; color:#003333; font-size:26px; text-align:center;  text-shadow: 0 1px 0 rgba(255,255,255,0.5)}


.iconSistema{background:url(../../images/pecas/icon-sobre-sistema.jpg) left center no-repeat; padding:10px 0px 10px 140px}
.iconSeguranca{background:url(../../images/pecas/icon-infraestrutura.jpg) left center no-repeat; padding:10px 0px 10px 140px}
.iconMonitoramento{background:url(../../images/pecas/icon-controle.jpg) left center no-repeat; padding:10px 0px 10px 140px}
.iconComunicacao{background:url(../../images/pecas/icon-web.jpg) left center no-repeat; padding:10px 0px 10px 140px}
.iconModulos{background:url(../../images/pecas/icon-modulos.jpg) left center no-repeat; padding:10px 0px 10px 140px}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* -------------------------------------------------------------------------------------- */
/* ------------------------------------ PAGINA CLIENTES --------------------------------- */
/* -------------------------------------------------------------------------------------- */



.listaLogoClientes{width:960px; height:auto; overflow:hidden;}
    .listaLogoClientes ul{margin:0; padding:0; list-style:none; padding-left:30px}
    .listaLogoClientes ul li{margin:0; padding:0; width:960px; height:auto !important; display:table; text-align:justify !important;}

    .logoCliente{width:150px; height:auto; display:block; float:left; padding:20px; position:relative}
        
        .logoCliente > img{border:3px solid #eee}
        
        .logoCliente > a:first-child{width:140px; height:140px; display:block; overflow:hidden !important; border:3px solid #ccc;
                       -webkit-border-radius: 0px;
                       border-radius: 0px;
                       -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;
                       position:relative;
                       z-index:10 !important;
                       cursor:default
                       }
    
        .logoCliente a:hover{border-color:#2c68be;
                             /*-webkit-border-radius: 80px;
                             border-radius: 80px;*/
                             -webkit-border-radius: 20px;
                             border-radius: 20px;
                             }
    
        .logoCliente a img.logoOut{border:0px none; position:absolute; top:0px; left:0px; z-index:0}
        
        .logoCliente a img.invis_logo{border:0px none; position:absolute; top:0px; left:0px; z-index:2; opacity:1; -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;}
                                      
            .logoCliente:hover a img.invis_logo, .logoCliente:hover .btnLinkClientes{opacity:1}
            
        .logoCliente a:hover img{-moz-transform: scale(1.1);
                                -webkit-transform: scale(1.1);
                                -o-transform: scale(1.1);
                                -ms-transform: scale(1.1);
                                transform: scale(1.1);}

.pointerCursor{cursor:pointer !important}
.pointerCursor:hover{border-color:#F6871F !important}

.btnLinkClientes{position:absolute; font-family: 'open_sansregular', Sans-Serif; display:block !important; color:#fff; background:#F6871F; padding:5px 10px; text-decoration:none; margin:0 auto; margin-top:5px; font-size:8px; letter-spacing:1px; text-transform:uppercase; line-height:10px; opacity:.5; width:110px; left:20px; text-align:center; top:125px; z-index:10}

/*
.btnLinkClientes::after{content:'';width:0px; height:0px; border-left:20px solid transparent; border-right:20px solid transparent; border-bottom:5px solid #F6871F; position: absolute; top:-5px; left:22px}
.btnLinkClientes:hover::after{border-bottom-color:#069;border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:16px solid #069; top:-10px; left:32px}
*/
.btnLinkClientes:hover{background:#069}

.tituloNomeCliente{font-family: 'open_sansregular', Sans-Serif; font-size:10px; text-align:center; color:#333;
                   -moz-transition: all 0.3s ease;
                   -ms-transition: all 0.3s ease;
                   -o-transition: all 0.3s ease;
                   transition: all 0.3s ease;
                   width:100% !important;
                   min-height:50px;
                   padding-top:5px
                   }
                   
.logoCliente:hover .tituloNomeCliente{color:#333}

.camposFormContato{width:470px; float:left; display:table; overflow:hidden; background:#fff;padding:0; padding-bottom:20px; margin:0; list-style:none}
    .camposFormContato li{display:block; padding-bottom:10px}
    .camposAlinhados{display:inline-table}
    
    .camposFormContato li .camposAlinhados:first-child{padding-right:10px}
    
    .camposFormContato li input{border:0; padding:10px 8px; color:#000; font-family: 'open_sanslight', Sans-Serif;}
    .camposFormContato li input:hover, .camposFormContato li input:focus{color:#fff}
    
.tituloCamposContato{display:block; font-family: 'open_sansbold', Sans-Serif; font-size:14px; color:#333}

.campo_nome{width:450px; background:#ccc}
.campo_email{width:450px; background:#ccc}
.campo_entidade{width:450px; background:#ccc}
.campo_cidade{width:400px; background:#ccc}
.campo_uf{width:20px; background:#ccc}
.campo_telefone{width:120px; background:#ccc}
.campo_celular{width:140px; background:#ccc}
.campo_mensagem{min-width:450px; max-width:450px; min-height:150px; max-height:150px; padding:10px; border:0px; background:#ccc; color:#FFF; font-family: 'open_sanslight', Sans-Serif; }

.campo_nome,
.campo_email,
.campo_entidade,
.campo_cidade,
.campo_uf,
.campo_telefone,
.campo_celular,
.campo_mensagem,
.bt_enviar,
.campo_captcha,
.btnLinkClientes,
.btnLinkClientes::after{-moz-transition: all 0.3s ease;
               -ms-transition: all 0.3s ease;
               -o-transition: all 0.3s ease;
               transition: all 0.3s ease;}

.campo_nome:hover,
.campo_email:hover,
.campo_entidade:hover,
.campo_cidade:hover,
.campo_uf:hover,
.campo_telefone:hover,
.campo_celular:hover,
.campo_mensagem:hover,
.campo_captcha:hover{background:#115599}

.campo_nome:focus,
.campo_email:focus,
.campo_entidade:focus,
.campo_cidade:focus,
.campo_uf:focus,
.campo_telefone:focus,
.campo_celular:focus,
.campo_mensagem:focus,
.campo_captcha:focus{background:#115599}

.bt_enviar{padding:15px 18px !important; float:right; background:#0066cc; cursor:pointer; margin-top:10px; color:#fff !important}
    .bt_enviar:hover, .bt_enviar:focus{background:#000}
    

.dadosContatos_contato{width:470px; float:right; background:#fff}
    .dadosContatos_contato h2{font-family: 'open_sansbold', Sans-Serif; font-size:22px; color:#006699; margin:0; padding:0 0 10px 0}
    .dadosContatos_contato span{font-family: 'open_sansregular', Sans-Serif; color:#333}

.tituloCategoriaCliente{font-size:20px; font-family:'open_sansbold', Sans-Serif; color:#0066cc; margin:0px; padding:0px; clear:both; display:block; width:100%; position:relative;}
.boxListaClientes{border-bottom:2px solid #ccc; padding-bottom:20px !important; margin-bottom:20px !important}
.boxListaClientes li{padding:0px !important}
    .boxListaClientes .logoCliente{padding:10px !important}
    .boxListaClientes .logoCliente div .tituloNomeCliente {padding:5px 0px !important}

/*li .logoCliente:first-child{padding-left:0px !important}*/

#ic_14881737_wrapper{height:200px}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* -------------------------------------------------------------------------------------- */
/* ----------------------------------------- FOOTER ------------------------------------- */
/* -------------------------------------------------------------------------------------- */    

.container_footer{width:100%; padding:10px 0px; background:#0066cc; margin-top:30px; clear:both}
    .container_footer span{display:table; padding:10px; margin:0px auto; color:#fff; font-family: 'open_sanslight', Sans-Serif; font-size:12px}
    
    .dados_infosind_rodape{width:960px; margin:0px auto; color:#fff; font-family: 'open_sansbold'; text-align:center; font-size:14px; text-shadow: 0 2px 0 rgba(0,0,0,0.2);}


.btnArrecadacao {
    background-color: #006699;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin:auto;
    display:block;
}