/* topo e configurações */

body{font-family: "Open Sans","arial"}

*{margin: 0px;padding: 0px;}

/* corrigi bug do float */
h1:after,h2:after,figcaption:after,figure:after,section:after,article:after,article:after,div:after, ol:after, form:after, ul:after,ul li:after, dl:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}

a{text-decoration: none;}

header{width: 100%;
            height: 132px; 
            background:url("../imagens/img-topo-paginas.jpg");}

#headerHome{width: 100%;
            height:470px; 
            background:url("../imagens/img-topo-home.jpg");
            background-repeat: no-repeat}

#slide{width: 995px;
       height: auto;
       margin: auto;}

#logo{width: 215px;
      height: 95px;
      margin: 9px 0 0 0;
      float: left;}

#topoCentro{width: 995px;
            height: 120px;
            padding: 7px 0 0 0;
            margin: auto;}

#telefoneEmenu{width: 700px;
               height: 120px;
               float: right;}

#foneTopo{width:100%;
          text-align: right;
          font-size: 13pt;}

.cinza{color: #525252}

.red{color: #bd0000;
     font-weight: bold}

#menuTopo{float: right;
          margin: 10px 0 0 0;
          width: 100%;}

#menuGalerias div,#menuGalerias a ,#menuTopo a,#menuTopo div{display:block; float: left;}

#menuGalerias a,
#menuTopo a{margin: 0 10px 0 10px;
            padding: 2px 10px 2px 10px;
            font-size: 12pt;
            color: #bd0000;
            text-decoration: none;
            background: transparent;
            border:solid 0px transparent;
            -moz-border-radius: 68px;
            -webkit-border-radius: 68px;
             border-radius: 68px}
#menuGalerias a:hover,
#menuTopo a:hover{transition: linear 0.2s;
                  color: #fff;
                  background: #bd0000;
                  border:solid 0px #bd0000;
                  -moz-border-radius: 68px;
                  -webkit-border-radius: 68px;
                  border-radius: 68px;}

/* footer */

footer{width: 100%;
       height: 246px;
       margin: 0px 0 0 0;
       background: url('../imagens/fillet-rodape.jpg')}

#footerCenter{width: 995px;
              height: 100%;
              margin: auto!important;}

#blocoFooter{width: 100%;
             height: 210px;}

#blocoRodape1{width: 150px }

#blocoRodape2{width: 150px }

#blocoRodape3{width: 220px }

#blocoRodape4{width: 300px }

.blocosrodape{height: 210px;
              padding: 0px 0 0 0;
              float: left!important}

.blocosrodape a{color: #fff;
                font-size: 10pt;
                text-decoration: none;
                display: block}

.separadoRodape{width: 2px;
                height: 85%;
                margin: 18px 28px 0 28px;
                background: #fff;
                float: left;}

.titulosRodape{font-size: 12pt;
               padding: 8px 0 12px 0; 
               margin: 0px;
               color: #810001;}


#formNews{width: 218px;}

#nomeNews{width: 180px;
          height: 30px;
          padding: 0 0 0 40px;
          background: url('../imagens/user.jpg')}

#emailNews{width: 180px;
          height: 30px;
          padding: 0 0 0 40px;
          background: url('../imagens/email.jpg')}

#btnNews{width: 60px;
         height: 25px;
         border: none;
         float: right;
         background: url('../imagens/enviar.jpg')}

#rodape{width: 100%;
        height: 18px;
        padding: 12px 0 0 0;
        color:#fff;
        font-size: 9pt;}

#rodape a{color: #fff;
          font-size: 9pt;}

#rodapeDireito{width:260px;
               text-align: right;
               float: right;
               background: url('../imagens/my.jpg');
               background-repeat: no-repeat;
               background-position:135px center }

#rodapeEsquerdo{width: 450px;
                float: left;}

/* conteudo */

article{width: 995px;
        margin: auto;}

#caixaCarrousel{width: 925px;
                display: none;
                margin: 25px auto 25px auto;}

#bx-prev {display: block!important;
          float: left;
          margin: -55px 0px 0 -15px;
          width: 9px!important;
          height: 42px!important;
          text-indent: -9999px;
          background: url('../imagens/seta-esquerda.jpg')!important}


#bx-next {display: block!important;
          float: right;
          margin: -55px -15px 0 0px;
          width: 9px!important;
          height: 42px!important;
          text-indent: -9999px;
          background: url('../imagens/seta-direita.jpg')!important}

.outra{cursor: pointer}

.faixaVert{width: 100%;
           height: 1px;
           margin: 40px 0 40px 0;
           background: url('../imagens/artyfibra-home.jpg')}

.tituloPagina{font-size: 15pt;
              font-weight: 600;
              text-transform: uppercase;
              margin-top: 15px!important;
              }

.t995{margin: auto;
      width: 995px;}

.tituloPagina span{font-weight:600}

p{font-size: 11pt;
  line-height:200%;}

/*home */

#textoHome{margin: 0 0 20px 0}

#homeDireito{width: 500px;
            text-align: justify;
            float: left;}
			
			
#homeDireito a{color: #000;}
			

          
#homeEsquerdo{width: 400px;
            text-align: justify;
            float: right;}

#separadorHome{width: 1px;
               height: 200px;
               float: left;
               background: url('../imagens/faixaHori.jpg');
               margin: 15px 0px 0 50px }

/*quem somos */


#fq{margin: 18px 0 10px 0!important}

#fq2{margin: 18px 0 30px 0!important}

#textoQuem{width: 590px;
           text-align: justify;
           float: left;}

#imgQuem{float: right}


/* contato */

#formu{ width: 450px;
        margin: 15px 0 15px 0;
        float: left;}

#imgContato{width: 531px;
            height: 442px;
            float: right;
            margin: 30px 0 0 0 ;
            background: url('../imagens/img-contato.jpg');}

/* localização */

#localizacaoEsquerdo{width: 500px;
                     float: left;
                     margin: 0 0 20px 0}


#localizacaoDireito{width: 495px;
                    height: 342px;
                    float: right;
                    margin: 200px 0 20px 0;
                    background: url('../imagens/img-localizacao.jpg');}

/* defletores de ar */

#menuDefletor{width: 95px;
              padding-bottom: 9px;
              float: left;}

#menuDefletor a{display: block;
                width: 100%;
                font-size: 10pt;
                color: #777;}

#menuDefletor a:hover{transition: linear 0.2s;
                      color: red;}

.menuD{width: 80%;
       text-align: left;
       margin: 8px 0 8px 0}

#galeria{width: 890px;
         float: right}

#menuGalerias a{}