@font-face {
    font-family: 'titillium-regular';
    src: url('../css/fonts/TitilliumWeb-Regular.eot');
    src: url('../css/fonts/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/TitilliumWeb-Regular.woff') format('woff'),
        url('../css/fonts/TitilliumWeb-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium-semibold';
    src: url('../css/fonts/TitilliumWeb-SemiBold.eot');
    src: url('../css/fonts/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/TitilliumWeb-SemiBold.woff') format('woff'),
        url('../css/fonts/TitilliumWeb-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'titillium-light';
    src: url('../css/fonts/TitilliumWeb-Light.eot');
    src: url('../css/fonts/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/TitilliumWeb-Light.woff') format('woff'),
        url('../css/fonts/TitilliumWeb-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'titillium-bold';
    src: url('../css/fonts/TitilliumWeb-Bold.eot');
    src: url('../css/fonts/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/TitilliumWeb-Bold.woff') format('woff'),
        url('../css/fonts/TitilliumWeb-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
/*
=========
==RESET==
=========
*/
* { color: #000000; font-family:"titillium-regular"; font-size: 100%; font-weight: 300; line-height: 22px;}
p { border: 0; font-size: 16px; line-height: 20px; color:#000; margin: 0; padding: 0; outline: 0; font-family:"titillium-regular";}
ul { margin: 0; padding: 0;}
fieldset { border: 0; margin: 0; outline: 0; padding: 0;}
textarea { resize: none;}
a { color: #000; text-decoration: none; outline: none; font-size: 16px;}
a.active{ color: #000}
hr { border: none;}
img{max-width: 100%}
input, button, textarea { outline:none;}
h1{font-size: 20px; margin: 3px 0; font-family: "titillium-bold"; color: #000;}
h2{font-size: 18px; font-family: "titillium-semibold"; color: #000; margin: 3px 0;}
h3{font-size: 16px; font-family: "titillium-semibold"; margin: 0; line-height: 100%;}
.clearfix {overflow: auto;}
strong{font-family: "titillium-bold"}

/*
=========
==TOOLS==
=========
*/

::-webkit-input-placeholder { color: #666; font-size: 14px} /*cbcbcb*/
:-moz-placeholder { color: #666; font-size: 14px}
::-moz-placeholder { color: #666; font-size: 14px}
:-ms-input-placeholder { color: #666; font-size: 14px}
body {width: 100%; background: #fff; font-size: 100%}
#main-container{margin: 0 auto; position: relative; width: 100%;}
.container { display: table; margin: auto; position: relative; width: 960px;}
.main{width: 100%; float: left;}
.hide{display: none;}
.mg-top20{width: 100%; float: left; height: 20px}
.clear{width: 100%; float: left; clear: both; height: 3px}

.separador-vert{height: 50px; border-left: 1px solid #ccc; margin: 15px 0 0; float: left}

.header-mob, .open-negocios{display: none;}

.captcha{width: 100%;float: left; display: flex;  justify-content: center;}

/*
==========
==HEADER==
==========
*/

header{width: 100%; float: left;}
.header-top{width: 100%; float: left; background: #292929}
.header-top-box{width: 50%; float: left;}
   .header-top-box p{color: #fff; padding: 14px 0}
.header-menu{width: 70%; float: right;}
    .header-menu ul{width: 100%; float: left;}
        .header-menu ul li{display: inline-block; transition: all .3s ease-in-out;}
        .header-menu ul li a{display: block; color: #fff; margin: 0; padding: 14px 10px;}    
        .header-menu ul li a:hover{color: #ed1c24; padding: 12px 10px}
        .header-menu ul li:hover{border-top: 2px solid #ed1c24;}
.header-top-busca{width: 100%; float: left; background: #fff; padding: 0;}
.header-col{width: 27%; float: left; padding: 0 30px; height: 66px} 
    .header-col a{display: block; text-align: center; color: #ccc}
    .header-col a:hover{color: #000}  
        .header-col p span{display: block; width: 18px; height: 18px; background: url(../img/iconcheck.png); float: left; margin-right: 3px}
    .header-col form{width: 100%; margin: 3px 0; float: left;}
        .header-col form input{width: 93%; padding: 7px 7px; float: left; border: 1px solid #eee}
        .header-col form input:focus, .header-col form input:hover{border: 1px solid #000}
        .header-col form button{width: 36px; height: 36px; position: absolute; margin-left: -36px; border: 0; background: url(../img/bg-busca.png);}

#fixo{display: none; position: fixed; top: 0; z-index: 100; box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.7);}
/*
==========
==BANNER==
==========
*/        

.banner{width: 100%; float: left}
.cycle-slideshow{z-index: -1; }
.tt-banner{position:absolute; margin-top: -230px}
    .tt-banner h1{color: #ed1c24; font-size: 28px; line-height: 45px}
        .tt-banner h1 span{font-size: 45px; color: #ed1c24; font-family: "titillium-bold"}
        .tt-banner h2{color: #fff; text-decoration: underline; font-size: 28px}

#tt1, #tt2, #tt3{display: none;}

/*
=================
==MENU NEGOCIOS==
=================
*/  

.menu-cad{background: #3e3e3e}
.menu-cad:hover{background: #5d5d5d !important}
.menu-negocios{width: 100%; margin-top:0}
    .menu-negocios ul{width: 100%; float: left;}
        .menu-negocios ul li{display: inline-block; margin: 0; float: left; border-right: 1px solid #3e3e3e; background: #292929;}
        .menu-negocios ul li:hover{background: #3e3e3e}
            .menu-negocios ul li a{color: #fff; display: block; text-align: center; padding: 20px 28px;}
            .menu-negocios ul li a:hover{background: #3e3e3e}
                .menu-negocios ul li a span{width: 21px; height: 18px; display: block; background: url(../img/icondropdown.png); float: right}

.menu-negocios ul li:hover ul{display: block;}

.menu-negocios ul li ul{position: absolute; width: 960px; z-index: 100; display: none; left: 0}
.menu-negocios ul li ul li{width: 24.89%;margin: 0; float: left; border-bottom: 1px solid #5d5d5d; border-right: 1px solid #5d5d5d; background: #3e3e3e}
.menu-negocios ul li ul li:hover{background: #5d5d5d}
.menu-negocios ul li ul li a{width: 100%; float: left; margin: 0; padding: 10px 0}
.menu-negocios ul li ul li a:hover{width: 100%; float: left; margin: 0; background: #5d5d5d}

.sub-comercios{margin-left: -164px}
.sub-outros{margin-left: -311px}
.sub-serv{margin-left: -432px}
.sub-vendidos{margin-left: -563px}

#cadastro{display: none; width: 600px; text-align: center;}

/*
=========
==INDEX==
=========
*/  
.guia{background: #f3f3f3; width: 100%; padding: 10px 0}
    .guia a{margin: 0 7px}
    .guia a:hover{text-decoration: underline; color: #444}
.destaques{width: 100%; float: left; margin: 7px 0}
.box-destaques{width: 32%; float: left; margin: 5px 6px; transition: all .5s ease-in-out;}
.box-destaques:hover{box-shadow:  0px 0px 8px 0px rgba(50, 50, 50, 0.4); opacity: 0.9}
.box-destaques:hover .separador-dest{background: #ed1c24; width: 100%}
.box-destaques:hover img{transform: scale(1.05);}
    .box-destaques a{width: 100%; float: left; display: block;}
    .box-destaques figure{margin: 0; width: 100%; height: 240px; overflow: hidden;}
        .box-destaques figure img{width: 100%; transition: all .5s ease-in-out;}
.separador-dest{width: 60%; float: left; height: 4px; background: #222; transition: all .9s ease-in-out;}  
.txt-destaques{width: 100%; float: left;}
    .txt-destaques h1{font-size: 16px; text-align: center; margin: 10px 0; height: 45px}     
.dest-valor{width: 60%; float: left; margin: 0; text-align: left;}     
    .dest-valor h1{margin: 0 5px; height: auto; text-align: left; font-size: 20px; font-weight: bolder}
    .dest-valor p{margin: 0 5px}
.dest-visual{width: 38%; float: right; text-align: right;}  
    .dest-visual span{width: 18px; height: 18px; background: url(../img/iconvisual.png); float: right; text-align: right; clear: both; margin: 4px 5px 0}  
    .dest-visual small{width: 99%; float: right; margin: 0 5px}
.vermais{width: 96%; float: left; border-top: 1px solid #eee; margin:5px; padding: 5px 0}
.btn-vermais{width: 40%; margin: 0 auto; display: table; text-align: center; color: #fff; background: #222; padding: 7px 0; transition: all .5s ease-in-out;}
.box-destaques:hover .btn-vermais{background: #ed1c24}
.btn-vermais:hover{background: #a30f0f !important}

/*
==========
==FOOTER==
==========
*/  

footer{width: 100%; float: left; background: #222; padding: 25px 0 0;}
.fc1{width: 28%}
.fc2{width: 30%}
.fc3{width: 32%}
.footer-col{margin: 0 15px; float: left;}
    .footer-col h2{color: #fff; width: 100%; display: block;}
    .footer-col figure{float: left; margin: 0 0 20px; width: 100%;}
    .footer-col h1{color: #fff; width: 100%; display: block;}
    .footer-col p{color: #fff; width: 100%; display: block;}
    .footer-col a{color: #fff; width: 100%; display: block; padding: 10px 0; border-bottom: 1px solid #333}
    .footer-col a:hover{color: #deb351}
    .footer-col a span{color: #deb351; font-size: 18px; margin: 0 5px; float: left}
.links-acesse{width: 100%; float: left; /*margin-top: 68px*/}    
#ddd{color: #fff; font-size: 40px; height: 85px; font-style: italic; margin: 9px 14px 0 0;}    
.iconloc{width: 42px; height: 42px; float: left; margin: 0 5px; background: url(../img/iconloc.png);}  
.icontel{width: 42px; height: 42px; float: left; margin: 0 5px; background: url(../img/icontel.png);}  
.iconmail{width: 42px; height: 42px; float: left; margin: 0 5px; background: url(../img/iconmail.png);} 
.assinatura-site{width: 68%; float: left; text-align: left;}
.assinatura-site p, .assinatura-site span{float: left}
.assinatura-site span{width: 75px; height: 54px; margin: 0 7px 0 0; background: url(../img/logo-nc-footer.jpg);}
.assinatura-site p{color: #fff; margin-top: 15px; font-size: 14px}
.rodape{width: 100%; float: right; text-align: right; background: #292929; padding: 0}
    .rodape a{color: #fff; float: right; text-align: right; font-size: 14px; width: 20%; padding-top: 15px}
    .rodape a:hover{color: #deb351}

/*
===========
==EMPRESA==
===========
*/     

.empresa{width: 100%; float: left;}
.city{background: url(../img/bg-empresa.jpg); background-position: 0 -100px; height: 301px}
.txt-empresa{width: 100%; float: left; text-align: center; padding: 50px 0; display: none}
    .txt-empresa h1{color: #fff;}
.build{margin:20px 0; float: left; text-align: center; width: 30%; display: none;}
.txt-build{width: 70%; float: left; margin:20px 0; padding: 20px 0; display: none;}
    .txt-build h1{color: #000}
    .txt-build a{width: 100px; padding: 7px 15px; background: #292929; color: #fff; margin: 10px 0; display: block; text-align: center; transition: all .5s ease-in-out;}
    .txt-build a:hover{background: #ed1c24}
.box-icon{width: 25%; float: left; margin: 0; text-align: center;}
    .box-icon p{padding: 0 5px}
.icon1, .icon2, .icon3, .icon4{display: none}
.btn-encontre{width: 100%; float: left; margin: 30px 0}
    .btn-encontre a{width: 40%; margin: auto; display: table; clear: both; background: #292929; color: #fff; text-align: center; padding: 7px; transition: all .5s ease-in-out;}
    .btn-encontre a:hover{background: #ed1c24}

.col5{width: 20%; text-align: center;float: left; margin: 0; display: none;}
.col5 span{width: 50px; height: 50px; margin: auto; display: table; clear: both; background: url(../img/iconlista.png);}
.col5 p{color: #fff}

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

.contato{width: 100%; float: left; text-align: center;}
    .contato img{margin-top: 10px}
    .contato h1{margin: 10px 0;}
    .contato h2{color: #444}
.form-contato{width: 100%; float: left; margin: 20px 0}
    .form-contato h2{font-size: 18px; margin-bottom: 20px}
    .form-contato form{width: 80%; margin: auto; text-align: center}
        .form-contato form textarea{float: left; width: 100%; background-color: #fff; border:1px solid #ccc; padding: 7px; transition: all .5s ease-in-out; box-sizing: border-box;}
        .form-contato form textarea:focus, .form-contato form textarea:hover{border: 1px solid #000}
        .form-contato form button{width: 20%; height: 35px; color: #fff; margin: auto; background-color: #292929; border: 0; transition: all .5s ease-in-out;}
        .form-contato form button:hover{background: #444}
        .form-contato form input{background-color: #fff; border: 1px solid #ccc; padding-left: 7px; transition: all .5s ease-in-out; box-sizing: border-box;}
        .form-contato form input:focus, .form-contato form input:hover{border: 1px solid #000}
.fleft{width: 48%; float: left; height: 40px}
.fright{width: 48%; float: right; height: 40px;}

/*
============
==NEGOCIOS==
============
*/ 

.negocios{width: 100%; float: left}

/*NEGÓCIO*/

.col-left{width: 50%; float: left;}
    .col-left figure{margin: 0; border: 5px solid #eee; height: 353px; overflow: hidden;}
    .col-left figure:hover{border: 5px solid #ddd;}
    .col-left figure:hover .ampliar{opacity: 0.8}
.thumbs{width: 100%; float: left; background: #eee}
    .thumbs a{width: 110px; height: 85px; background: #eee; margin: 5px; padding-bottom: 5px; display: block; float: left; overflow: hidden;}    
    .thumbs a:hover{opacity: 0.7; border: 1px solid #ed1c24; width: 108px; height: 83px; overflow: hidden;}
.share{width: 91.5%; float: left; margin: 20px 0; padding: 20px; background: #eee}    
.btn-social{width: 79%; margin: auto; clear: both; display: table; padding: 12px 45px; border: 1px solid #fff;}
.btn-social p{float: left; margin: 0 5px}
.social{width: 50px; height: 50px; float: left; margin: 0 2px; background: url(../img/social.png);}
.facebook{}
    .facebook:hover{background-position: -51px 0}
.twitter{background-position: -101px 0}
    .twitter:hover{background-position: -153px 0}
.email{background-position: -203px 0}
    .email:hover{background-position: -254px 0}
.print{background: url(../img/iconprint.png) !important;}
    .print:hover{opacity: 0.8}

.accordion{width: 100%;float: left;}  

.tt-acc{width: 100%; float: left; padding: 7px 0; border-bottom: 1px solid #292929; cursor: pointer;}
    .tt-acc span{width: 100%; float: left; font-family: "titillium-bold"}
    .tt-acc:hover span{color: #ed1c24;}
    .tt-acc:hover{border-bottom: 1px solid #ed1c24; color: #ed1c24}
.txt-acc{margin: 10px 0; width: 100%; float: left;}  

.col-accordion{width: 50%;float: left}    

.btn-encontre p small{display: table; margin: auto; width: 80%; clear: both; text-align: center; padding: 5px 0}    

#next, #prev{position: absolute; z-index: 100; width: 40px; height: 40px; background: #ddd; margin-top: 20px; background: url(../img/nextprev.png); cursor: pointer; opacity: 0.7}
#next{left: 440px}
#next:hover{background-position: -37px 0; opacity: 1}
#prev{background-position: -75px 0}
#prev:hover{background-position: -112px 0; opacity: 1}

.col-right{width: 47%; float: right; text-align: justify;}    
    .col-right h1{margin-bottom: 20px}
.valor-negocio{width: 100%; float: left;text-align: center; font-size: 25px; margin: 15px 0; line-height: 28px}    

#proposta{display: none; width: 600px; text-align: center;}

/*
=============
==PARCEIROS==
=============
*/ 

.parceiros{width: 100%; float: left; text-align: center; margin-bottom: 20px}
    .parceiros img{margin-top: 10px}
    .parceiros h1{margin: 10px 0;}
    .parceiros h2{color: #444; margin-bottom: 20px}
.box-parceiros{width: 19%; float: left; margin: 0; overflow: hidden; cursor: pointer; transition: all .5s ease-in-out;}
    .box-parceiros img{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); transition: all .5s ease-in-out;}
    .box-parceiros:hover img{-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}
.info-parceiros{width: 185px; position: absolute; z-index: 100; margin: -70px 0 0; text-align: center; opacity: 0; transition: all .5s ease-in-out;}   
.info-parceiros h1{padding: 0 10px; margin: 0} 

/*
==================
==BUSCA AVANÇADA==
==================
*/ 

.form-busca{width: 100%; float: left; margin: 20px 0}
    .form-busca h2{font-size: 18px; margin-bottom: 20px}
    .form-busca form{width: 50%; margin: auto; text-align: center}
        .form-busca form button{width: 20%; height: 35px; clear: both; color: #fff; margin: auto; background-color: #292929; border: 0; transition: all .5s ease-in-out;}
        .form-busca form button:hover{background: #444}
        .form-busca form input{background-color: #fff; border: 1px solid #ccc; padding-left: 7px; transition: all .5s ease-in-out; width: 100%; height: 35px}
        .form-busca form input:focus, .form-busca form input:hover{border: 1px solid #000}
        .form-busca form select{width: 103.6%; float: left; height: 39px; border: 1px solid #ccc; background:#fff;}

.input{width: 100%; float: left;}
    .input p{margin: 5px 0 0}
.fleft p, .fright p{text-align: left;}