/* 
        Objeto Comunicação | www.objetocomunicacao.com.br | (62) 3088-4030

        Autor: Diogenes Estevao
*/


/*=======================================================
/			RESET            
========================================================*/

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend { 

    margin:0; padding:0; border:0; outline:0; 
    vertical-align:baseline; background:transparent;
    text-decoration: none;}

body { line-height:1 }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }:focus { outline:0 }
ins { text-decoration:none }
del { text-decoration:line-through }

/*=======================================================
/			fontes
========================================================*/
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fontes/MyriadPro-Regular.eot');
    src: url('../fontes/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fontes/MyriadPro-Regular.woff') format('woff'),
        url('../fontes/MyriadPro-Regular.ttf') format('truetype'),
        url('../fontes/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'MyriadPro-Semibold';
    src: url('../fontes/MyriadPro-Semibold.eot');
    src: url('../fontes/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fontes/MyriadPro-Semibold.woff') format('woff'),
        url('../fontes/MyriadPro-Semibold.ttf') format('truetype'),
        url('../fontes/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('../fontes/MyriadPro-Bold.eot');
    src: url('../fontes/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fontes/MyriadPro-Bold.woff') format('woff'),
        url('../fontes/MyriadPro-Bold.ttf') format('truetype'),
        url('../fontes/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*=======================================================/
                        GLOBAL            
========================================================*/

* { 
    font-family: 'MyriadPro-Regular';
    margin: 0;
    padding: 0;
}

body {
    font-size: 13px;
    font-family: open_sansregular;
    color: #fff;
    line-height: 1.2;
    font-weight: normal;


    /*    overflow-y: hidden;*/
}
.msg_erro{
    color: #ad4c41;
    position: absolute;
    left: 10px;
    font-size: 16px;

}
.site_url{
    display: none;
}
.fb-like-box.fb_iframe_widget{color:#fff !important;}
._4s7c{
    height: 256px !important;
}
/*=======================================================/
                        header            
========================================================*/
.header{
    width: 100%;
    height: 200px;
    background: url(../images/bg-header.png) no-repeat center center;

}

.conteudo-header{
    width: 980px;
    height: 200px;
    margin: 0 auto;
}
.logo{
    width: 180px;
    height: 171px;
    margin-top: 12px;
    float: left;
}
.topo-right{
    width: 310px;
    height: 199px;
    float: right;

}
.img-tel{

    float: left;
    margin-top: 70px;
    margin-left: 70px;


}
.tel{
    float: left;
    margin-top: 60px;
    color: #06323E;
    font-size: 30px;
    font-family: 'MyriadPro-Semibold';
    margin-left: 4px;
}
.img-email{
    float: left;


}
.email{
    color: #06323E;
    font-size: 18px;
    font-family: 'MyriadPro-Semibold';
    position: relative;
    top: 4px;
    left: 8px;
}

/*=======================================================/
                       MENU            
========================================================*/
.menu{
    width: 100%;
    height:32px;
    background: #10738F;
    float: left;

}
.menu ul{
    width: 980px;
    height: 32px;
    margin: 0 auto;
}

.menu ul li{

    margin: 0 auto;
    font-size: 14px;
    color: #fff;
    font-family: 'MyriadPro-Regular';
    float:left;
    text-align: center;
    padding-top: 8px;
    height: 24px;
}
.menu ul li:hover{
    background: #07323E;
}
.menu_home_ativo{
    background: #07323E; 

}
.menu .home{
    width: 120px;

}

.menu .institucional{
    width: 130px;

}

.menu .clientes-li{
    width: 120px;

}

.menu .parceiros-li{
    width: 120px;

}
.menu .galeria{
    width: 120px;

}
.menu .obras{
    width: 120px;

}
.menu .noticias{
    width: 120px;

}
.menu .contato{
    width: 120px;

}

.galeria-obras{
    width: 980px;
    margin: 0 auto;
}

.galeria-obras ul li{
    width: 230px;
    height: 165px;
    float: left;
    border: 1px solid #DDDDDD;
    margin-left: 7px;
    margin-bottom: 11px   
}
.galeria-obras .imagem{
    width: 224px;
    height: 158px;
    background: url('../images/bg-fotos.png') no-repeat scroll bottom 65px left 88px #000;
}
.galeria-obras li:nth-child(4) {
    margin-left: 7px !important;
    margin-bottom: 11px  
}
.fancybox-media{

    float: left;
    width: 246px;
    height: 173px;
    position: absolute;
}
/*=======================================================/
                       BANNER            
========================================================*/

.banner{
    width:100%;
    height: 560px;
    float: left;
}

/*=======================================================/
                       CONTEUDO HOME            
========================================================*/


.institucional-home{
    width: 980px;
    height: 355px;
    margin: 0 auto;



}

.conteudo-institucional-home{
    width: 980px;
    height: 355px;
    float: left;

    margin-top: 60px;
}

.titulo-institucional-home{
    float: left;
    width: 980px;
    height: 30px;
    border-bottom: 2px dotted #DDDDDD ;
    color: #555555;
    font-size: 20px;
    font-family: 'MyriadPro-Semibold';



}


.img-institucional-home{
    float: left;
    margin-top: 12px;
}

.txt-institucional-home p{
    float: right;
    width: 480px;
    height: auto;

    margin-top: 10px;

}
.txt-institucional-home p{
    color: #727277;
    font-family: 'MyriadPro-Regular';
    font-size: 16px;
    text-align: center;


}
.leia{
    float:right;
    width: 133px;
    height: 39px;
    background: url(../images/bg-leia.png) no-repeat ;
    margin-top: 45px;
    margin-left: 30px;
}
.parceiros-home{
    width: 980px;
    height: 183px;
    margin-top: 20px;
    float: left;

}
.parceiros{
    height: 236px !important;
}
.parceiros-home li{
    display: inline;
    width: 173px;
    height: 181px;
    float: left;
    text-align: center;
    border: 1px solid #DDDDDD;
}
.parceiros-home li img{
    margin-top: 50px;
    width: 158px;
    height: 65px;
}
.borda-parceiros{
    float: left;
    margin: 0 10px 0 9px;
}

.clientes{
    height: 176px !important;
}
.lista-clientes{
    width: 980px;
    height: 111px;

    float: left;
    border-bottom: 2px dotted #DDDDDD ;
}

.lista-clientes li{
    display: inline;
    width: 172px;
    height: 106px;
    float: left;
    text-align: center;
    margin-left: 18px;

}
.lista-clientes-internos li img{
    margin-top: 50px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg#greyscale);
    filter: gray;


}

.lista-clientes li img:hover{
    -webkit-filter: grayscale(1%);
    -moz-filter: grayscale(1%);
    -ms-filter: grayscale(1%);
    -o-filter: grayscale(1%);
    filter: none;
    filter: none;
    filter: none;


}
.lista-clientes li img{
    margin-top: 20px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg#greyscale);
    filter: gray;
}
.carrocel-pai{
    width: 980px;
}
.next{
    float: right;
    background: url(../images/next.png) no-repeat;
    width: 22px;
    height: 30px;
    border: none;
    position: absolute;
    top: 39px;
    right: 1px;
    cursor: pointer;
    z-index: 111;
}
.prev{
    float: left;
    background: url(../images/prev.png) no-repeat;
    width: 22px;
    height: 30px;
    border: none;
    position: absolute;
    top: 34px;
    left: 0px;
    cursor: pointer;
    z-index: 111;
}






/*=======================================================/
                       RODAPE            
========================================================*/
.rodape{
    width: 100%;
    height: 343px;
    background: #117795;
    float: left;
}
.borda-rodape{
    width: 100%;
}

.conteudo-rodape{
    width:980px;
    height: auto;
    margin: 0 auto;
}

.lista-links{
    width: 117px;
    height:257px;
    float: left;
    margin-top: 10px;
}
.lista-links img{
    float: left;
    margin-right: 5px;
}
.rodape h5{
    color: #fff;
    font-size: 14px;
    font-family: 'MyriadPro-Bold';
    font-weight: normal; 
}
.lista-links ul h5{
    color: #fff;
    font-size: 14px;
    font-family: 'MyriadPro-Bold';
    font-weight: normal;

}
.lista-links ul li{
    padding: 9px 0 5px 0;
}
.lista-links ul li a{
    color: #fff;
    font-size: 14px;
    font-weight: normal;

}

.contato-rodape{
    width: 250px;
    height: 257px;
    float: left;

    margin-left: 148px;
    margin-top: 10px;
}
.contato-rodape img{
    float: left;
    margin-right: 5px;
}

.contato-rodape h5{
    margin-bottom: 5px;
}

.contato-rodape p{
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}
.redes img{
    margin-right: 18px;
}
.plugin-face{
    width: 310px;
    height: 253px;

    float: right;
    margin-top: 10px;
   

}
a{
    color: #fff;
    
}
.plugin-face img{
    float: left;
    margin-right: 5px;

}
.direitos{
    width: 100%;
    height: 34px;
    background: #07323E;
    float: left;

}

.conteudo-direiros{
    width: 980px;
    height: 34px;
    margin: 0 auto;
}
.direitos p {
    float: left;
    font-size: 12px;
    color: #fff;
    margin-top:10px;
}

.direitos a{
    float: right;
    margin-top: 3px;
}

/*=======================================================/
                       INSTITUCIONAL            
========================================================*/
.coteudo_interno{
    width: 980px;
    margin: 0 auto;

}
.titulo_interno{
    font-size: 20px;
    font-family: 'MyriadPro-Semibold'; 
    color: #555555;
    float: left;
    width: 980px;
    border-bottom: 3px dotted #ddd;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 15px;


}
.texto_interno{
    width: 980px;
    float: left;
    margin-bottom: 100px;
}

.texto_interno img{
    margin-right: 15px;
}

.texto_interno p {
    font-size: 16px;
    color: #727277;
    font-family: 'MyriadPro-Regular'; 
    line-height: 20px;

}

.institucional{
    width: 980px;
    float: left;
}
.missao{
    width: 247px;
    height: 197px;
    float: left;
    margin-right: 100px;
}
.missao p{
    margin-left: 10px;
    float: left;
    width: 230px;
}
.titulo-insti{
    font-size: 20px;
    font-family: 'MyriadPro-Semibold';
    color: #555555;
    float: left;
    width: 230px;
    height: 36px;
    margin-left: 10px;
}
.visao{
    width: 247px;
    height: 197px;
    float: left;


}
.visao p{
    margin-left: 10px;
    float: left;
    width: 230px;
}

.valores{
    width: 247px;
    height: 197px;
    float: left;

    margin-left: 100px;
    margin-bottom: 90px;
}
.valores p{
    margin-left: 10px;
    float: left;
    width: 230px;
}
.bd-institucional{
    float: left;
}
.institucional{
    font-size: 16px;
    color: #727277;
    font-family: 'MyriadPro-Regular'; 
    line-height: 20px;
}

/*=======================================================/
                      CLIENTES            
========================================================*/

.clientes-inteno{
    width: 980px;
    float: left;
}
.lista-clientes-internos{
    width: 980px;
    float: left;


    margin-bottom: 40px;
}

.lista-clientes-internos li{
    width: 242px;
    height: 189px;
    float: left;
    margin-bottom: 10px;
    border-bottom: 3px dotted #ddd;
    text-align: center;

}

.lista-clientes-internos li img{
    margin-top: 50px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg#greyscale);
    filter: gray;


}

.lista-clientes-internos li img:hover{
    -webkit-filter: grayscale(1%);
    -moz-filter: grayscale(1%);
    -ms-filter: grayscale(1%);
    -o-filter: grayscale(1%);
    filter: none;
    filter: none;
    filter: none;

}
.borda-cliente{
    float: right;
    margin: 0px !important;
    position: relative;
    bottom: 2px;
    height: 179px;


}

.paginacao{
    width: 980px;
    height: 40px;
    float: left;
    text-align: center;
    margin: 30px 30px;
}
.anterior{
    background: url(../images/bg-prox.png) no-repeat ;
    padding: 6px 13px;
    color: #333333;
    font-size: 14px;
    font-family: 'MyriadPro-Regular';
}

.current{
    color: #333333;
    font-size: 14px;
    font-family: 'MyriadPro-Bold';
}
.proximo{
    background: url(../images/bg-prox.png) no-repeat ;
    padding: 6px 13px;
    color: #333333;
    font-size: 14px;
    font-family: 'MyriadPro-Regular'; 
}

.paginacao a{
    margin: 4px;
    color: #333;
}

.lista-parceiros{
    margin-left: 26px;
    width: 243px !important;
    height: 181px !important;
    border: 1px solid #DDDDDD !important;
    border-bottom: none;
}
.lista-parceiros:nth-child(1){
    margin-left: 0px;
}
.lista-parceiros:nth-child(6){
    margin-left: 0px;
}
.lista-parceiros:nth-child(12){
    margin-left: 0px;
}
.lista-parceiros:nth-child(5) .borda-parceiros-interno{
    display: none;
}
.lista-parceiros:nth-child(10) .borda-parceiros-interno{
    display: none;
}
.borda-parceiros-interno{
    position: relative;
    top: 0px;
    left: 15px;
}

.borda-cliente .borda-parceiros-interno:nth-child(5){
    display: none !important;
}


.lista-parceiros .grayscale{ 
    -webkit-filter: none !important;
    -moz-filter: none !important;
    -ms-filter: none !important;
    -o-filter: none !important;
    filter: none!important;
    filter: none !important;
    filter: none !important;
    margin-top: 57px !important;

}

/*=======================================================/
                       GALERIA            
========================================================*/

.galeria{
    width: 980px;
    height: auto;
    margin: 0 auto;

}
.menu-galeria{
    width: 205px;
    height: auto;
    background: #10738F;
    float: left;
    border-right: 2px solid #07323E;
    margin-bottom: 40px;
    margin-top: 36px;
}

.menu-galeria ul li{
    width: 219px;
    height: 39px;

    color: #fff;
    font-size: 14px;
    font-family: 'MyriadPro-Regular'; 

}
.menu-galeria ul li:hover{
    background: url(../images/bg-menu-galeria.png) no-repeat ;
}
.galeria-ativo{
    background: url(../images/bg-menu-galeria.png) no-repeat ;
}
.ativo1{
    background: url(../images/bg-menu-galeria.png) no-repeat ;  
}

.menu-galeria ul li span{
    margin-left: 15px;
    float: left;
    margin-top: 12px;  

} 
.fotos-galeria{
    width: 758px;
    height: auto;
    float: right;
    margin-top: 36px;
}

.lista-fotos li{
    width: 246px;
    height: 173px;
    float: left;
    border: 1px solid #DDDDDD;
    margin-left: 7px;
    margin-bottom: 11px;



}

.lista-fotos li:hover img{
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    opacity: 0.4;
    cursor: pointer;
    transform: scale(1.1);;

}
.imagem{

    width: 239px;
    height: 166px;
    margin: 3px;
    float: left;
    overflow: hidden;
    background: url('../images/bg-fotos.png') no-repeat scroll bottom 71px left 95px #000;
}
.lista-fotos li:nth-child(1){
    margin-left: 0px;   
}
.lista-fotos li:nth-child(4){
    margin-left: 0px;   
}
.lista-fotos li:nth-child(7){
    margin-left: 0px;   
}
.lista-fotos li:nth-child(10){
    margin-left: 0px;   
}
.lista-fotos li:nth-child(14){
    margin-left: 0px;   
}
.lista-fotos li:nth-child(17){
    margin-left: 0px;   
}
.lista-fotos li:nth-child(20){
    margin-left: 0px;   
}
.lista-fotos li:nth-child(24){
    margin-left: 0px;   
}
.lista-fotos li img{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

/*=======================================================/
                       OBRAS            
========================================================*/
.mini-img img{
    float: left;
    margin-left: 9px;
    margin-top: 5px;

}
.lista-obras{
    width: 190px !important;
    height: 283px!important;
    float: left;
    text-align: center;
    background: url(../images/traco-obra.png) no-repeat;
    margin-bottom: 60px;
    margin-left: 84px;
}
.lista-obras:nth-child(1){
    margin-left:20px;

}
.lista-obras:nth-child(4){
    margin-left:20px;

}
.lista-obras:nth-child(7){
    margin-left:20px;

}
.lista-obras:nth-child(10){
    margin-left:20px;

}
.chamada-obras{
    color: #727277;
    font-size: 16px;
    font-family: 'MyriadPro-Regular';
    float: left;
    width: 180px;
    margin-left: 17px;
    margin-top: 35px;
    text-align: left;
}

.chamada-obras:hover{
    text-decoration: underline;
    color: #373737;
}

.texto-obras{
    width: 980px;
    margin-bottom: 35px;
    float: left;
}
.texto-obras img{
    float: left;
    margin-right: 15px;
}
.texto-obras p{
    color: #727277;
    font-size: 16px;
    font-family: 'MyriadPro-Regular';
    float: left;
    margin-left: 15px;
    line-height: 21px;
}
.nenhum{
    color: #727277;
    font-size: 16px;
    font-family: 'MyriadPro-Regular';
    float: left;
}


/*=======================================================/
                       NOTÃ?CIAS            
========================================================*/

.lista-noticias{
    width: 980px;
    height: auto;
    float: left;
    margin-bottom: 35px;
    margin-top: 30px;
}

.item-noticia{
    width: 470px;
    height: 224px;
    float: left;

}
.bg-item-noticia{
    background: url(../images/bg-item-noticias.png) no-repeat; 
    padding-left: 30px;
}
.img-item-noticia{
    float: left;
}
.item-noticia h2{
    color: #444444;
    float: left;
    margin-left: 10px;
    width: 312px;


}
.chamada-noticias{
    color: #10738F;
    font-size: 16px;
    font-family: 'MyriadPro-Regular';
    float: left;
    width: 300px;
    margin-left: 10px;
    height: 77px;
}

.data-noticia{
    float: left;
    margin-left: 10px;
    color: #CCCCCC;
    font-family: 'MyriadPro-Regular';
    font-size: 12px;
}

/*=======================================================/
                       CONTATO            
========================================================*/

.inf-contato{
    width: 473px;
    height: 445px;
    float: left;
}

.conteudo-contato{
    width: 471px;
    height: auto;
    float: left; 
    margin-top: 10px;
}

.conteudo-contato img{
    margin: 0px;
    float: left;
    margin-right: 3px;
}

.conteudo-contato h5{
    color: #666666;
    font-family: 'MyriadPro-Bold';
    font-size: 16px;
}

.conteudo-contato p{
    color: #666666;
    font-family: 'MyriadPro-Regular';
    font-size: 14px;
    margin-left: 22px;
}

.mapa-contato{
    width: 461px;
    height: 196px;
    float: left;
    border: 2px solid #C4C4C4;
    margin-top: 15px;
}

.formulario{
    float: right;
    width: 423px;
    height: 468px;

}

.formulario h5{
    color: #666666;
    font-family: 'MyriadPro-Bold';
    font-size: 16px;
    margin-bottom: 10px;

}

.j_contato{
    width: 403px;
    height: 31px;
    border: 1px solid #C4C4C4;
    padding-left: 5px;
    color: #BCBCBC;
    font-family: 'MyriadPro-Regular';
    font-size: 14px;
    margin-bottom: 21px;
}

.mensagem-contato{
    height: 140px;
}

.btn-enviar{
    width: 132px;
    height: 39px;
    background: url('../images/btn-contato.png');
    border: none;
    float:right;
    cursor: pointer;
}

.formErro{
    width: 403px;
    height: 24px;
    border: 2px solid red;
    padding-left: 5px;
    padding-top: 7px;
    color: red;
    font-family: 'MyriadPro-Regular';
    margin-bottom: 23px;
    display: none;
}

.msg_sucesso{
    width: 403px;
    height: 24px;
    border: 2px solid green;
    padding-left: 5px;
    padding-top: 7px;
    color: green;
    font-family: 'MyriadPro-Regular';
    margin-bottom: 23px;

}
.page-paginacao{
    width: 980px;
    height: 40px;
    float: left;
    text-align: center;
    margin: 30px 30px;
}
.page-paginacao table tbody tr td a:last-child{
    background: url(../images/bg-prox.png) no-repeat ;
    padding: 6px 18px;
    color: #333333;
    font-size: 14px;
    font-family: 'MyriadPro-Regular';
}

.page-atual{
    color: #333333;
    font-size: 14px;
    font-family: 'MyriadPro-Bold';
}
.page-paginacao table tbody tr td a:first-child{
    background: url(../images/bg-prox.png) no-repeat ;
    padding: 6px 13px;
    color: #333333;
    font-size: 14px;
    font-family: 'MyriadPro-Regular'; 
}

.page-paginacao a{
    margin: 4px;
     color: #333333;
    font-size: 14px;
}