body {
            background-color: #F9E7E7;
            font-family: 'Montserrat', sans-serif;

        }



        .maiuscula {
            text-transform: uppercase;
        }

        .minuscula {
            text-transform: lowercase;

        }

        a:link {
            text-decoration: none;
        }

        .topo {
            width: 100%;
            height: 310px;
            /*background-color: wheat;*/
            text-align: center;
            margin-top: 50px;
            padding-top: 100px;   
                     
            
            background-repeat: no-repeat;
            background-size: 100% auto;
            
            background-attachment: fixed;
            background-position: center top;
            
            
        }

        .ajuste {
            width: 75%;
        }

        .frase {
            font-size: 40px;
            color: white;
            font-weight: bold;
            text-shadow: 4px 4px 4px #000000;
            /*background-color: white;*/

        }

        .cartao {
            margin: 0.5% 0.4% 0.6% 0.7%; 
            width: 48.7%; 
            padding: 10px; 

        }

        .cartao a:hover {
            background-color: #d2d1d1; 

        }

        .cartao_bairro {
            margin: 0.5% 0.4% 0.6% 0.7%; 
            width: 48.7%; 
            padding: 10px; 
            background-color: #D2CBCB;
            color: white;

        }

        .cartao_servicos {
            margin: 0.5% 0.4% 0.6% 0.7%; 
            width: 48.7%; 
            padding: 10px; 

        }




        .toposite {
            background-color: #FDFF46;
            height: 28px;
            /*background-color: gray;*/
            box-shadow: 0 1px 43px rgba(0, 0, 0, 0.72), 0 1px 2px rgba(0, 0, 0, 0.24);
            font-size: 12px;
            text-align: center;



        }

        .colu1 {
            padding: 5px;
            margin: 5px 0 5px 0;
            background-color: #F9E7E7;
            color: black;
        }

        .colu2 {
            padding: 5px;
            margin: 8px 0px 8px 0;

        }

        .colu3 {
            /*background-color: yellow;*/
            /*border: 0;*/
            color: white;
            padding: 5px;
            margin: 8px 0px 8px 0;

        }

        .colu4 {
            padding: 5px;
            margin: 8px 0px 8px 0;

        }

        .delimitador {
            width: 1140px;
        }



        .topofixo {
            position: fixed;
        }



        .anuncie {
            font-size: 9px;
            background-color: #4E2257;
            color: white;
        }

        .frentesite {
            margin: 0 auto;
            background-color: white;
            width: 50%;
            opacity: 0.7;
        }


        .logomarca {
            /*   background-color: #FDFF46 ;
            border-radius: 5px;
           */
        }



        #informacoestopo {
            background-color: white;
            color: black;
            font-size: 12px;
            padding: 10px 0px 10px 25px;
        }

        h5 {
            padding-top: 20px;
            padding-bottom: 10px;
        }

        h6 {
            padding-top: 20px;
            padding-bottom: 10px;
        }

        .vertical1 {
            margin-bottom: 40px;
        }

        .vertical2 {
            margin-bottom: 0px;
        }

        .textovertical {

            position: absolute;
            background-color: rgba(0, 0, 0, 0.5);
            color: #fff;
            text-align: center;
        }


        #myTab {
            padding-top: 20px;
            display: flex !important;
            justify-content: center !important;
        }


        #lista {
            margin-top: 20px;
        }

        .listaimg img {
            width: 100px;
            height: 100px;
        }

        /*   .aba {
            padding-top: 20px;
        }

        aba ul {
            
            display: flex;
            width: 100%;
        }

        li {
            flex-grow: 1;
        }
        */
        /*
        .card {
           
            border-radius: 2px;
            transition-duration: 0.5s;
        }

        .card:hover {
            background-color: black;
            color: white;
            transform: scale(1.05)
        }
*/
        .card-text {
            text-align: justify;
        }

        .card-footer {
            background-color: white;
        }

        .card-footer {
            background-color: white;
            color: black;
        }




        hr {
            margin: -5px 0 -15px 0;
        }

        .nav-item {
            margin: 0 20px;
        }

        ul.nav a {
            color: #000 !important;
        }

        ul.nav a:hover {
            background-color: gray;
        }



        .card-footer {
            text-align: center;
        }






        #myFooter {
            background-color: #3c3d41;
            color: white;
            padding-top: 30px;
        }

        #myFooter .footer-copyright {
            background-color: #333333;
            padding-top: 3px;
            padding-bottom: 3px;
            text-align: center;
        }

        #myFooter .row {
            margin-bottom: 60px;
        }

        #myFooter .navbar-brand {
            margin-top: 45px;
            height: 65px;
        }

        #myFooter .footer-copyright p {
            margin: 10px;
            color: #ccc;
        }

        #myFooter ul {
            list-style-type: none;
            padding-left: 0;
            line-height: 1.7;
        }

        #myFooter h5 {
            font-size: 18px;
            color: white;
            font-weight: bold;
            margin-top: 30px;
        }

        #myFooter h2 a {
            font-size: 50px;
            text-align: center;
            color: #fff;
        }

        #myFooter a {
            color: #d2d1d1;
            text-decoration: none;
        }

        #myFooter a:hover,
        #myFooter a:focus {
            text-decoration: none;
            color: white;
        }

        #myFooter .social-networks {
            text-align: center;
            padding-top: 30px;
            padding-bottom: 16px;
        }

        #myFooter .social-networks a {
            font-size: 32px;
            color: #f9f9f9;
            padding: 10px;
            transition: 0.2s;
        }

        #myFooter .social-networks a:hover {
            text-decoration: none;
        }

        #myFooter .facebook:hover {
            color: #0077e2;
        }

        #myFooter .instagram:hover {
            color: purple;
        }

        #myFooter .twitter:hover {
            color: #00aced;
        }

        #myFooter .btn {
            color: white;
            background-color: #d84b6b;
            border-radius: 20px;
            border: none;
            width: 150px;
            display: block;
            margin: 0 auto;
            margin-top: 10px;
            line-height: 25px;
        }

        @media screen and (max-width: 767px) {
            #myFooter {
                text-align: center;
            }
        }

        #myFooter {
            flex: 0 0 auto;
            -webkit-flex: 0 0 auto;
        }

        .grey-bg {
            background-color: #F5F7FA;
        }


        .h-100 {

            border-radius: 6px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
        }

        .h-100:hover {
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.72), 0 1px 2px rgba(0, 0, 0, 0.24);

        }


        /* @media only screen and (max-width: 568px) {
            .card-img-top {
                display:none;
            }
        }
        */

        .listagemcategoriasnome {
            float: left;
            width: 48.3%;
            margin: 0 14px 14px 0px;
            padding-top: 20px;
            padding-bottom: 20px;
            text-align: left;
            background-color: white;
            color: black;
            border: none;
            font-size: 14px;

        }



        .listagemcategoriasnome:hover {
            background-color: gray;
        }

        .listagemcategoriasnumero {
            float: right;


            margin-top: 12px;
            font-size: 13px;
        }

        .listagemservicosnome {
            float: left;
            width: 47%;
            margin: 0 12px 15px 12px;
            padding-top: 20px;
            padding-bottom: 20px;
            text-align: left;
            background-color: white;
            color: black;
            border: none;
            font-size: 14px;

        }

        .listagemservicosnome:hover {
            background-color: gray;
        }

        .listagemservicosnumero {
            float: right;


            margin-top: 12px;
            font-size: 13px;
        }



        .cardservico {
            padding-bottom: 20px;

        }

        .cardservico h3 {

            font-size: 16px;

        }

        .corcardservico {
            background-color: #3c3d41;
            color: white;

        }

        .cardcategoria {
            padding-bottom: 20px;

        }

        .cardcategoria h3 {

            font-size: 16px;
            font-weight: bold;

        }

        .corcardcategoria {
            background-color: white;
            color: black;

        }

        .botaoservico {
            width: 24%;
            margin: 0 5px 15px 5px;
            padding-top: 20px;
            padding-bottom: 20px;
            background-color: white;
            color: black;
            border: 0px;


        }

        .numeroservicos {
            font-size: 14px;

        }

        .divisoria {
            background-image: url("/imgs/divisoria.jpg");

            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
        }

        .textodivisoria {
            color: white;
            text-shadow: 2px 2px 4px #000000;
            font-size: 35px;
        }

        .titulosanuncio {
            font-weight: bold;

        }

        @media only screen and (max-width: 568px) {
         
            .topo {
                width: 100%;
                height: 210px;
                /*background-color: wheat;*/
                text-align: center;
                margin-top: 30px;
                padding-top: 95px;   
                         
                
                background-repeat: no-repeat;
                background-size: 100% auto;
                
                background-attachment: fixed;
                
                
            }

            .fundotopo {
                /*background-repeat: no-repeat;
                background-size: 100%; 
                background-position: center;
                width: 100%;
                */
                
            }
            .ajuste {
                width: 100%;
            }

            .frase {
                font-size: 17px;

            }

            .toposite {
                box-shadow: 0 1px 43px rgba(0, 0, 0, 0.72), 0 38px 2px rgba(0, 0, 0, 0.24);

            }

            .botoestopo {
                font-size: 10px;

            }

            .colu1 {
                padding: 5px;
                margin: 3px 0 3px 0;
            }

            .colu2 {
                padding: 8px;
                margin: 5px 0 5px 0;
                /*width: 90px;*/
            }

            .colu3 {
                padding: 8px;
                margin: 5px 0 5px 0;
                /*width: 50px;*/
            }

            .colu4 {
                padding: 8px;
                margin: 5px 0 5px 0;
                /*width: 70px;*/
            }

            .topositel {
                text-align: center;
                /*margin-top: -20px;*/
                height: 24px;

            }

            .topositel img {
                height: 34px;
                padding: 5px 0 5px 0;
                margin-top: 2px;
            }

            .toposited {
                text-align: center;
                background-color: #FDFF46;
                margin-top: 10px;
                height: 35px;

            }



            .listagemcategoriasnome {
                width: 100%;

                margin: 0 14px 30px 0px;
                padding-top: 10px;
                padding-bottom: 20px;
                font-size: 14px;
               /* height: 60px;*/



            }


            .listagemservicosnome {

                width: 100%;
                margin: 0 12px 12px 12px;
                padding-top: 10px;
                padding-bottom: 10px;
                text-align: left;

                font-size: 12px;

            }

            .cardcategoria .card-body {
                padding: 0px;
            }

            .corcardcategoria {
                height: 50px;
            }

            .descricaocategoria {
                display: none;
            }

            .titulocategoria {
                padding-top: 5px;
            }

            .imagemcategoria {
                padding-left: 5px;
            }

            .botaoservico {
                width: 99%;
            }


            #myTab {
                /*padding-top: 20px;*/
                display: flex !important;
                justify-content: center !important;
            }


            .nav-link .active {
                background-color: red;
            }





            .pets {
                white-space: nowrap;
                overflow-x: auto;
                width: 100%;
            }





        }