@import url(reset.css);

/*DECLARAÇÃO FONTES*/
@font-face {
    font-family: "Montserrat-Regular";
    src: url(../fonts/Montserrat-Regular.ttf);
}

@font-face {
    font-family: "Montserrat-Medium";
    src: url(../fonts/Montserrat-Medium.ttf);
}

@font-face {
    font-family: "Montserrat-Bold";
    src: url(../fonts/Montserrat-Bold.ttf);
}

@font-face {
    font-family: "Montserrat-SemiBold";
    src: url(../fonts/Montserrat-SemiBold.ttf);
}

@font-face {
    font-family: "Montserrat-Light";
    src: url(../fonts/Montserrat-Light.ttf);
}

#pagina .lista-rodape a{
    text-decoration: none;
    font-family: "Montserrat-Regular";
    color: #ffffff;
}


/*Inicio Responsive 320*/
@media (min-width: 320px) and (max-width: 479.99px) {
    #pagina{
        width: 320px;     
    }
    
    .centraliza {
        position: relative;
        float: left;        
        left:50%;
        margin-left: -160px;       
    }
   
    .ajuste{
        width: 100%;
        height: 47px;
        background-color: #576E46;
        position: fixed;
        top: 60px;       
        z-index: 10;     
    }
        
    .linha-superior-branca{
        width: 100%;
        height: 80px;
        background-color: #ffffff;
        z-index: 10;
        position: fixed;
        left: 0;
    } 

    .controle-nav{
        visibility: hidden;
        left: -99999px;
        opacity: 0;
    }

    .ajuste-posicao{
        margin-top: 10px;
    }
    
    /*MENU NOVO*/
    .topnav {
        overflow: hidden;        
        background-color: #576E46;        
        position: fixed;
        top: 80px;
        z-index: 11;       
        right: 0;
        left: 0;
    }

    .topnav a {
        float: left;
        display: block;
        color: #ffffff;
        text-align: center;
        text-decoration: none;
        margin-right: 10px;
        padding: 6px 16px;       
        z-index: 12; 
        font-family: "Montserrat-SemiBold"; 
        font-size: 12;
    }
    
    .dropdown {
        float: left;
        overflow: hidden;
        z-index: 10;        
    }

    .dropdown .dropbtn {
        border: none;
        outline: none;
        color: #ffffff;
        padding: 12px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
        z-index: 10;
        font-family: "Montserrat-SemiBold"; 
        font-size: 12;        
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #576E46;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 10;
        font-family: "Montserrat-SemiBold"; 
        font-size: 12;        
    }

    .dropdown-content a {
        float: none;
        color: #ffffff;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        z-index: 11;
    }

    .topnav a:hover, .dropdown:hover .dropbtn {
        color: white;    
        z-index: 10;
    }

    .dropdown-content a:hover {
        background-color: #ca9E67;
        color: black;
        z-index: 10;
    }

    .dropdown:hover .dropdown-content {
        display: block;
        z-index: 10;
    }

    /*
    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none;
        z-index: 10;
    }
    */

    .topnav a:not(:nth-child(90)), .dropdown .dropbtn {
        display: none;
        z-index: 11;
    }

    .topnav a.icon {
        float: right;
        display: block;
        z-index: 10;
    }

    .topnav.responsive {position: fixed;}
    .topnav.responsive .icon {
        position: fixed;
        right: 0;
        top: 80px;
        z-index: 11;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
        z-index: 10;
    }

    .topnav.responsive .dropdown {float: none; z-index: 10;}
    .topnav.responsive .dropdown-content {position: fixed; z-index: 10;}
    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
        z-index: 10;
    }
    /*MENU NOVO*/

    b{
       font-size: 100%;
       font-family: sans-serif;
    }

    a{
       font-size: 100%;
       font-family: sans-serif;
    }

    #pagina .centraliza .cabecalho-superior{
        height: 90px;   
        z-index: 3;    
        margin: 0;
        padding: 0;       
    }    

    #pagina .logotipo{
        height: 20px;
        position: fixed;
        margin-left: -12px;       
        z-index: 10;    
        top: 30px;   
    }

    #pagina .icones-superior{
        text-decoration: none;
        float: left;
        columns: 5;
        margin-left: 140px; /*58% do total da página*/
        padding: 0;        
        list-style: none;     
        margin-top: 15px;
        position: fixed;
        z-index: 10;
    }

    #pagina .itens-lista-icones{
        width: 20px;
        height: 20px;  
        list-style: none
    }


    .banner_nossodiferencial{
        width: 100%;
        height: auto;
        position: absolute;
        top: 127px;
        object-fit: cover;
    }

    #pagina .icone-whatsapp{
        width: 40px;
        height: 40px;
        z-index: 10;
        cursor: pointer;
        top: 520px;
        left: 50px;
        position: fixed;
    }
    
    #pagina .chamada-cancer{
        color: #ca9E67;
        position: relative;
        top: 320px;
        text-align: center;
        letter-spacing: 18px;
        font-family: "Montserrat-Light";
        font-size: 40;
         /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/

    }
    
    
    #pagina .chamada-voce-merece-todo-cuidado{
        width: 290px;
        color: #ca9E67;
        position: relative;
        top: 340px;
        text-align: center;
        font-family: "Montserrat-Regular";
        font-size: 20;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/

    }
 
    .titulog{
        color: #ca9E67;
        margin-top: 390px;
        position: relative;
        width: 290px;
        text-align: center;
        font-family: "Montserrat-Medium";
        font-size: 16;
        letter-spacing: 1;
        line-height: 1.3;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/        
        
    }
    
    .titulom{
        color: #576E46;
        margin-top: 20px;
        position: relative;
        width: 290px;
        text-align: center;
        font-family: "Montserrat-SemiBold";
        font-size: 16;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/        
        
    }
    
    .subtitulo{
            color: #ca9E67;
            position: relative;
            width: 235px;
            margin-top: -190px;
            left: 60px;
            text-align: justify;
            font-family: "Montserrat-SemiBold";
            font-size: 16;
            line-height: 1.2;
    }
    
    .subtituloverde{
        color: #576E46;
        position: relative;
            width: 235px;
            margin-top: -190px;
            left: 60px;
            text-align: justify;
            font-family: "Montserrat-SemiBold";
            font-size: 16;
            line-height: 1.2;
    }
    
    .texto{
        color: #606060;
        margin-top: 20px;
        position: relative;
        width: 290px;
        text-align: justify;
        font-family: "Montserrat-Regular";
        font-size: 16;
        line-height: 1.2;
         /*CENTRALIZAR OBJETOS*/
         display: block;
         margin-left: auto;
         margin-right: auto;
         /*CENTRALIZAR OBJETOS*/        
        
    }
    
    
    .textolink{
        color: #ca9E67;
        margin-top: 20px;
        position: relative;
        width: 290px;
        text-align: justify;
        font-family: "Montserrat-Regular";
        font-size: 16;
        line-height: 1.2;
         /*CENTRALIZAR OBJETOS*/
         display: block;
         margin-left: auto;
         margin-right: auto;
         /*CENTRALIZAR OBJETOS*/        
        
    }
    
    
    #pagina .img_consultoriooncologia{
        width: 290px;
        margin-top: 30px;
        position: relative;
           /*CENTRALIZAR OBJETOS*/
           display: block;
           margin-left: auto;
           margin-right: auto;
           /*CENTRALIZAR OBJETOS*/        
        
    }
    
    
    #pagina .umconsultorio{
        margin-top: 30px;
        width: 290px;
        position: relative;
        line-height: 1.2;
        font-size: 16;
        left: 10px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/
        
    }
    
    #pagina .sabemosque{
        margin-top: 30px;
    }
    
    #pagina .img_barradourada{
        width: 20px;
        left: 15px;
        margin-top: 30px;
        position: relative;
    }
    
    #pagina .sejaatendida{
       margin-top: -180;
    }
    
    
    #pagina .cancerdecolo{
        margin-top: 80px;
        position: relative;
    }
    
    #pagina .barraverde{
        width: 20px;
        left: 15px;
        margin-top: 30px;
        position: relative;
    }

    #pagina .conultaprimeiravez{
        margin-top: -190px;
        position: relative;
    }
        
    
    #pagina .emnossoconsultorio{
        margin-top: 90px;
    }
    
    #pagina .img_barradourada2{
        width: 20px;
        margin-top: 30px;
        position: relative;
    }
    
    #pagina .barraverde{
        width: 20px;
        margin-top: 30px;
        position: relative;
    }
    
    #pagina .seucuidado{
        margin-top: -200px;
        position: relative;
    }
    
    #pagina .importanteressaltar{
        margin-top: 70px;
    }
    
    #pagina .seuexamepreventivo{
        margin-top: -200px;
        position: relative;
    }
    
    #pagina .doencastratogenital{
        margin-top: 100px;
    }









    
    #pagina .jornada_paciente{
        font-size: 18;
        font-family: "Montserrat-SemiBold";    
        color: #ca9E67;
        margin-top: 50px;
        text-align: center;
        width: 260px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/  
    }
    
    #pagina .agende_sua_consulta{
        font-size: 18;
        font-family: "Montserrat-SemiBold";    
        color: #576E46;
        margin-top: 25px;
        text-align: center;
        width: 260px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/  
    }
    
    .rodape{
        background-color: #576E46;
        width: 100%;
        height: 1150px;
        position: absolute;
        top: 8110px;
        z-index: -1;
    }
    
    #pagina .lista-rodape {
        columns: 1;
        list-style: none;
        display: block;   
        margin-top: 70px;        
        width: 240px;  
        column-gap: 80px;
        margin-left: 40px;
        
    }
    
    #pagina .item-lista-rodape{
        color: #ffffff;
        font-size: 18;
        font-family: "Montserrat-SemiBold";  
        list-style: none;
    }
    
    #pagina .sub-lista-rodape{
        padding: 10px;
        margin-left: 20px;
        font-size: 12;
        font-family: "Montserrat-Regular";  
    }
    
    #pagina .sub-item-lista-rodape{
        cursor: pointer;
        font-size: 12;
        font-family: "Montserrat-Regular"; 
        padding: 03px; 
    }
    
    #pagina .lista-sub-lista-rodape{
        text-decoration: none;
        columns: 5;
        margin-left: 0px; /*58% do total da página*/
        padding: 0px;            
        list-style: none;   
        column-gap: 25px;
        float: left;
        margin-top: 10px;
        margin-bottom: 20px;        
    }
    
    #pagina .sub-item-lista-rodape-icones{
        list-style: none;    
        width: 30px;
        height: 30px; 
    }

    #pagina .produtora_emporio_isismaria{
        position: relative;
        text-align: center;
        font-family: "Montserrat-Regular";
        cursor: pointer;
        margin-top: 20px;
        width: 300px;
        height: auto;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/          
        }  
}

/*Inicio Responsive 480*/
@media (min-width: 480px) and (max-width: 599.99px) {
    #pagina{
        width: 480px;     
    }
    
    .centraliza {
        position: relative;
        float: left;        
        left:50%;
        margin-left: -240px;       
    }
   
    .ajuste{
        width: 100%;
        height: 50px;
        background-color: #576E46;
        position: fixed;
        top: 80px;     
        z-index: 10;    
    }

    .linha-superior-branca{
        width: 100%;
        height: 80px;
        background-color: #ffffff;
        z-index: 10;
        position: fixed;
        left: 0;
    }  
    
    .controle-nav{
        visibility: hidden;
        left: -99999px;
        opacity: 0;
    }    

    
    .ajuste-posicao{
        margin-top: 10px;
    }
        
    /*MENU NOVO*/
    .topnav {
        overflow: hidden;        
        background-color: #576E46;        
        position: fixed;
        top: 80px;
        z-index: 11;
        font-family: "Montserrat-SemiBold"; 
        font-size: 12;
        right: 0;
        left: 0;
    }

    .topnav a {
        float: left;
        display: block;
        color: #ffffff;
        text-align: center;
        text-decoration: none;
        margin-right: 10px;
        padding: 8px 20px;    
        z-index: 12; 
        font-family: "Montserrat-SemiBold"; 
        font-size: 12;
    }

    .dropdown {
        float: left;
        overflow: hidden;
        z-index: 10;        
    }

    .dropdown .dropbtn {
        border: none;
        outline: none;
        color: white;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
        z-index: 10;
        font-family: "Montserrat-SemiBold"; 
        font-size: 12;        
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #576E46;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 10;
    }

    .dropdown-content a {
        float: none;
        color: #ffffff;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        z-index: 11;
    }

    .topnav a:hover, .dropdown:hover .dropbtn {
        /*background-color: #ca9E67;*/
        color: white;    
        z-index: 10;
    }

    .dropdown-content a:hover {
        background-color: #ca9E67;
        color: black;
        z-index: 10;
    }

    .dropdown:hover .dropdown-content {
        display: block;
        z-index: 11;
    }

    /*
    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none;
        z-index: 10;
    }
    */

    .topnav a:not(:nth-child(90)), .dropdown .dropbtn {
        display: none;
        z-index: 11;
    }

    .topnav a.icon {
        float: right;
        display: block;
        z-index: 11;
    }

    .topnav.responsive {position: fixed;}
    .topnav.responsive .icon {
        position: fixed;
        right: 0;
        top: 80px;
        z-index: 11;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
        z-index: 10;
    }

    .topnav.responsive .dropdown {float: none; z-index: 10;}
    .topnav.responsive .dropdown-content {position: fixed; z-index: 10;}
    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
        z-index: 10;
    }
    /*MENU NOVO*/

    b{
       font-size: 100%;
       font-family: sans-serif;
    }

    a{
       font-size: 100%;
       font-family: sans-serif;
    }

    #pagina .centraliza .cabecalho-superior{
        height: 90px;   
        z-index: 3;    
        margin: 0;
        padding: 0;       
    }    

    #pagina .logotipo{
        height: 30px;
        width: 120px;
        position: fixed;
        margin-left: 02px;       
        z-index: 10;    
        top: 25px;
    }

    #pagina .icones-superior{
        text-decoration: none;
        float: left;
        columns: 5;
        margin-left: 210px; /*58% do total da página*/
        padding: 0;        
        list-style: none;     
        margin-top: 05px;
        position: fixed;
        z-index: 10;           
    }

    #pagina .itens-lista-icones{
        width: 35px;
        height: 35px;  
        list-style: none
    }


    .banner_nossodiferencial{
        width: 100%;
        height: auto;
        position: absolute;
        top: 128px;
        z-index: -10;
    }

    #pagina .icone-whatsapp{
        width: 40px;
        height: 40px;
        z-index: 10;
        cursor: pointer;
        top: 520px;
        left: 50px;
        position: fixed;
    }
    
  #pagina .chamada-cancer{
        color: #ca9E67;
        position: relative;
        top: 370px;
        text-align: center;
        letter-spacing: 18px;
        font-family: "Montserrat-Light";
        font-size: 43;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/        
        width: 290px;  
    }
    
    #pagina .chamada-voce-merece-todo-cuidado{
        width: 390px;
        color: #ca9E67;
        position: relative;
        top: 380px;
        text-align: center;
        font-family: "Montserrat-Regular";
        font-size: 20;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/

    }
	 



    .titulog{
        color: #ca9E67;
        margin-top: 430px;
        position: relative;
        width: 380px;
        text-align: center;
        font-family: "Montserrat-Medium";
        font-size: 20;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/        
        
    }
    
    .titulom{
        color: #576E46;
        margin-top: 20px;
        position: relative;
        width: 380px;
        text-align: justify;
        font-family: "Montserrat-SemiBold";
        font-size: 19;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/        
        
    }
    
    .subtitulo{
            color: #ca9E67;
            position: relative;
            width: 324px;
            margin-top: -190px;
            left: 90px;
            text-align: justify;
            font-family: "Montserrat-SemiBold";
            font-size: 18;
            line-height: 1.2;
    }
    
    .subtituloverde{
        color: #576E46;
        position: relative;
        width: 324px;
        margin-top: -190px;
        left: 90px;
        text-align: justify;
        font-family: "Montserrat-SemiBold";
        font-size: 18;
        line-height: 1.2;
}
    
    .texto{
        color: #606060;
        margin-top: 20px;
        position: relative;
        width: 380px;
        text-align: justify;
        font-family: "Montserrat-Regular";
        font-size: 17;
        line-height: 1.2;
         /*CENTRALIZAR OBJETOS*/
         display: block;
         margin-left: auto;
         margin-right: auto;
         /*CENTRALIZAR OBJETOS*/        
        
    }
    
    
    .textolink{
        color: #ca9E67;
        margin-top: 20px;
        position: relative;
        width: 380px;
        text-align: justify;
        font-family: "Montserrat-Regular";
        font-size: 17;
        line-height: 1.1;
         /*CENTRALIZAR OBJETOS*/
         display: block;
         margin-left: auto;
         margin-right: auto;
         /*CENTRALIZAR OBJETOS*/        
        
    }
    
    
    #pagina .img_consultoriooncologia{
        margin-top: 30px;
        position: relative;
          /*CENTRALIZAR OBJETOS*/
          display: block;
          margin-left: auto;
          margin-right: auto;
          /*CENTRALIZAR OBJETOS*/        
        
    }
    
    
    #pagina .umconsultorio{
        margin-top: 30px;
        width: 380px;
        left: 50px;
        position: relative;
        line-height: 1.2;
        font-size: 20;
        
    }
    
    #pagina .sabemosque{
        margin-top: 30px;
    }
    
    #pagina .img_barradourada{
        width: 20px;
        left: 50px;
        margin-top: 30px;
        position: relative;
    }
    
    #pagina .sejaatendida{
       margin-top: -180;
    }
    
    
    #pagina .cancerdecolo{
        margin-top: 80px;
        position: relative;
    }
    
    #pagina .barraverde{
        width: 20px;
        left: 50px;
        margin-top: 30px;
        position: relative;
    }

    #pagina .conultaprimeiravez{
        margin-top: -190px;
        position: relative;
    }
        
    
    #pagina .emnossoconsultorio{
        margin-top: 90px;
    }
    
    #pagina .img_barradourada2{
        width: 20px;
        margin-top: 30px;
        position: relative;
    }
    
    #pagina .barraverde{
        width: 20px;
        margin-top: 30px;
        position: relative;
    }
    
    #pagina .seucuidado{
        margin-top: -200px;
        position: relative;
    }
    
    #pagina .importanteressaltar{
        margin-top: 70px;
    }
    
    #pagina .seuexamepreventivo{
        margin-top: -200px;
        position: relative;
    }
    
    #pagina .doencastratogenital{
        margin-top: 100px;
    }






    
    #pagina .jornada_paciente{
        font-size: 22;
        font-family: "Montserrat-SemiBold";    
        color: #ca9E67;
        margin-top: 50px;
        text-align: center;
        width: 300px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/  
    }
    
    #pagina .agende_sua_consulta{
        font-size: 22;
        font-family: "Montserrat-SemiBold";    
        color: #576E46;
        margin-top: 15px;
        text-align: center;
        width: 371px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/  
    }
    
    .rodape{
        background-color: #576E46;
        width: 100%;
        height: 1050px;
        position: absolute;
        top: 7700px;
        z-index: -1;
    }
    
    #pagina .lista-rodape {
        columns: 1;
        list-style: none;
        display: block;   
        margin-top: 70px;        
        width: 400px;  
        column-gap: 80px;
        margin-left: 40px;
        
    }
    
    #pagina .item-lista-rodape{
        color: #ffffff;
        font-size: 20;
        font-family: "Montserrat-SemiBold";  
        list-style: none;
    }
    
    #pagina .sub-lista-rodape{
        padding: 10px;
        margin-left: 20px;
        font-size: 12;
        font-family: "Montserrat-Regular";  
    }
    
    #pagina .sub-item-lista-rodape{
        cursor: pointer;
        font-size: 12;
        font-family: "Montserrat-Regular"; 
        padding: 03px; 
    }
    
    #pagina .lista-sub-lista-rodape{
        text-decoration: none;
        columns: 5;
        margin-left: 0px; /*58% do total da página*/
        padding: 0px;            
        list-style: none;   
        column-gap: 25px;
        float: left;
        margin-top: 10px;
        margin-bottom: 20px;        
    }
    
    #pagina .sub-item-lista-rodape-icones{
        list-style: none;    
        width: 35px;
        height: 35px; 
    }

    #pagina .produtora_emporio_isismaria{
        position: relative;
        text-align: center;
        font-family: "Montserrat-Regular";
        cursor: pointer;
        margin-top: 40px;
        height: auto;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/  
    }  
}

@media (min-width: 600px) and (max-width: 799.99px) {
    #pagina{
        width: 600px;   
    }
    
    .centraliza {
        position: relative;
        float: left;        
        left:50%;
        margin-left: -300px;       
    }
   
    .ajuste{
        width: 100%;
        height: 50px;
        background-color: #576E46;
        position: fixed;
        top: 80px;
        z-index: 10;          
    }

    .linha-superior-branca{
        width: 100%;
        height: 80px;
        background-color: #ffffff;
        z-index: 10;
        position: fixed;
        left: 0;
    }    

    .controle-nav{
        visibility: hidden;
        left: -99999px;
        opacity: 0;
    }    

    
    .ajuste-posicao{
        margin-top: 10px;
    }
        
    /*MENU NOVO*/
    .topnav {
        overflow: hidden;        
        background-color: #576E46;        
        position: fixed;
        top: 80px;
        z-index: 11;
        font-family: "Montserrat-SemiBold"; 
        font-size: 12;
        right: 0;
        left: 0;
    }

    .topnav a {
        float: left;
        display: block;
        color: #ffffff;
        text-align: center;
        text-decoration: none;
        margin-right: 10px;
        padding: 8px 20px;       
        z-index: 12; 
        font-family: "Montserrat-SemiBold"; 
        font-size: 12;
    }

    .dropdown {
        float: left;
        overflow: hidden;
        z-index: 10;        
    }

    .dropdown .dropbtn {
        border: none;
        outline: none;
        color: white;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
        z-index: 10;
        font-family: "Montserrat-SemiBold"; 
        font-size: 12;     

    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #576E46;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 10;
    }

    .dropdown-content a {
        float: none;
        color: #ffffff;
        padding: 10px 14px;
        text-decoration: none;
        display: block;
        text-align: left;
        z-index: 11;
    }

    .topnav a:hover, .dropdown:hover .dropbtn {
        /*background-color: #ca9E67;*/
        color: white;    
        z-index: 10;

    }

    .dropdown-content a:hover {
        background-color: #ca9E67;
        color: black;
        z-index: 10;
    }

    .dropdown:hover .dropdown-content {
        display: block;
        z-index: 10;
    }


    /*
    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none;
        z-index: 10;
    }
    */

    .topnav a:not(:nth-child(90)), .dropdown .dropbtn {
        display: none;
        z-index: 11;
    }

    .topnav a.icon {
        float: right;
        display: block;
        z-index: 11;
    }

    .topnav.responsive {position: fixed;}
    .topnav.responsive .icon {
        position: fixed;
        right: 0;
        top: 80px;
        z-index: 11;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
        z-index: 11;
    }

    .topnav.responsive .dropdown {float: none; z-index: 10;}
    .topnav.responsive .dropdown-content {position: fixed; z-index: 10;}
    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
        z-index: 10;
    }
    /*MENU NOVO*/

    b{
       font-size: 100%;
       font-family: sans-serif;
    }

    a{
       font-size: 100%;
       font-family: sans-serif;
    }

    #pagina .centraliza .cabecalho-superior{
        height: 90px;   
        z-index: 3;    
        margin: 0;
        padding: 0;       
    }    

    #pagina .logotipo{
        height: 40px;
        width: 159px;
        position: fixed;
        margin-left: 02px;       
        z-index: 10;      
    }

    #pagina .icones-superior{
        text-decoration: none;
        float: left;
        columns: 5;
        margin-left: 295px; /*58% do total da página*/
        padding: 0;        
        list-style: none;     
        position: fixed;
        z-index: 10;         
    }

    #pagina .itens-lista-icones{
        width: 43px;
        height: 43px;  
        list-style: none
    }


    .banner_nossodiferencial{
        width: 100%;
        height: auto;
        position: absolute;
        top: 128px;
        z-index: -10;
    }


    #pagina .icone-whatsapp{
        width: 80px;
        height: 80px;
        z-index: 10;
        cursor: pointer;
        top: 480px;
        left: 100px;
        position: fixed;
    }
    
    #pagina .chamada-cancer{
        color: #ca9E67;
        position: relative;
        top: 480px;
        text-align: center;
        letter-spacing: 18px;
        font-family: "Montserrat-Light";
        font-size: 43;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/        
        width: 290px;  
    }
    
    #pagina .chamada-voce-merece-todo-cuidado{
        width: 290px;
        color: #ca9E67;
        position: relative;
        top: 490px;
        text-align: center;
        font-family: "Montserrat-Regular";
        font-size: 20;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/

    }

   
    
    .titulog{
        color: #ca9E67;
        margin-top: 550px;
        position: relative;
        width: 500px;
        text-align: justify;
        font-family: "Montserrat-Medium";
        font-size: 20;
        letter-spacing: 1;
        line-height: 1.3;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/        
        
    }
    
    .titulom{
        color: #576E46;
        margin-top: 20px;
        position: relative;
        width: 500px;
        text-align: justify;
        font-family: "Montserrat-SemiBold";
        font-size: 20;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/        
        
    }
    
    .subtitulo{
            color: #ca9E67;
            position: relative;
            width: 440px;
            margin-top: -190px;
            left: 110px;
            text-align: justify;
            font-family: "Montserrat-SemiBold";
            font-size: 20;
            line-height: 1.4;
    }
    
    .subtituloverde{
        color: #576E46;
        position: relative;
        width: 440px;
        margin-top: -190px;
        left: 110px;
        text-align: justify;
        font-family: "Montserrat-SemiBold";
        font-size: 20;
        line-height: 1.4;
}
    
    .texto{
        color: #606060;
        margin-top: 20px;
        position: relative;
        width: 500px;
        text-align: justify;
        font-family: "Montserrat-Regular";
        font-size: 19;
        line-height: 1.2;
         /*CENTRALIZAR OBJETOS*/
         display: block;
         margin-left: auto;
         margin-right: auto;
         /*CENTRALIZAR OBJETOS*/        
        
    }
    
    
    .textolink{
        color: #ca9E67;
        margin-top: 20px;
        position: relative;
        width: 500px;
        text-align: justify;
        font-family: "Montserrat-Regular";
        font-size: 19;
        line-height: 1.2;
         /*CENTRALIZAR OBJETOS*/
         display: block;
         margin-left: auto;
         margin-right: auto;
         /*CENTRALIZAR OBJETOS*/        
        
    }
    
    
    #pagina .img_consultoriooncologia{
        left: 100px;
        margin-top: 30px;
        position: relative;
    }
    
    
    #pagina .umconsultorio{
        margin-top: 30px;
        width: 500px;
        left: 50px;
        position: relative;
        line-height: 1.2;
        font-size: 24;
        
    }
    
    #pagina .sabemosque{
        margin-top: 30px;
    }
    
    #pagina .img_barradourada{
        width: 20px;
        left: 50px;
        margin-top: 30px;
        position: relative;
    }
    
    #pagina .sejaatendida{
       margin-top: -180;
    }
    
    
    #pagina .cancerdecolo{
        margin-top: 80px;
        position: relative;
    }
    
    #pagina .barraverde{
        width: 20px;
        left: 50px;
        margin-top: 30px;
        position: relative;
    }

    #pagina .conultaprimeiravez{
        margin-top: -190px;
        position: relative;
    }
        
    
    #pagina .emnossoconsultorio{
        margin-top: 90px;
    }
    
    #pagina .img_barradourada2{
        width: 20px;
        margin-top: 30px;
        position: relative;
    }
    
    #pagina .barraverde{
        width: 20px;
        margin-top: 30px;
        position: relative;
    }
    
    #pagina .seucuidado{
        margin-top: -200px;
        position: relative;
    }
    
    #pagina .importanteressaltar{
        margin-top: 70px;
    }
    
    #pagina .seuexamepreventivo{
        margin-top: -200px;
        position: relative;
    }
    
    #pagina .doencastratogenital{
        margin-top: 100px;
    }







 

    
    #pagina .jornada_paciente{
        font-size: 30;
        font-family: "Montserrat-SemiBold";    
        color: #ca9E67;
        margin-top: 50px;
        text-align: center;
        width: 500px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/  
    }
    
    #pagina .agende_sua_consulta{
        font-size: 28;
        font-family: "Montserrat-SemiBold";    
        color: #576E46;
        margin-top: 20px;
        text-align: center;
        width: 500px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/  
    }
    
    .rodape{
        background-color: #576E46;
        width: 100%;
        height: 1060px;
        position: absolute;
        top: 7730px;
        z-index: -1;
    }
    
    #pagina .lista-rodape {
        columns: 1;
        list-style: none;
        display: block;   
        margin-top: 80px;        
        width: 500px;  
        column-gap: 80px;
        margin-left: 40px;
        
    }
    
    #pagina .item-lista-rodape{
        color: #ffffff;
        font-size: 20;
        font-family: "Montserrat-SemiBold";  
        list-style: none;
    }
    
    #pagina .sub-lista-rodape{
        padding: 10px;
        margin-left: 20px;
        font-size: 12;
        font-family: "Montserrat-Regular";  
    }
    
    #pagina .sub-item-lista-rodape{
        cursor: pointer;
        font-size: 12;
        font-family: "Montserrat-Regular"; 
        padding: 03px; 
    }
    
    #pagina .lista-sub-lista-rodape{
        text-decoration: none;
        columns: 5;
        margin-left: 0px; /*58% do total da página*/
        padding: 0px;            
        list-style: none;   
        column-gap: 25px;
        float: left;
        margin-top: 10px;
        margin-bottom: 20px;
        
    }
    
    #pagina .sub-item-lista-rodape-icones{
        list-style: none;    
        width: 50px;
        height: 50px; 
    }

    #pagina .produtora_emporio_isismaria{
        position: relative;
        text-align: center;
        font-family: "Montserrat-Regular";
        cursor: pointer;
        margin-top: 10px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/  
    }    

}

/*Inicio Responsive 800*/
@media (min-width: 800px) and (max-width: 1023.99px) {
    #pagina{
        width: 800px;    
    }
    
    .centraliza {
        position: relative;
        float: left;        
        left:50%;
        margin-left: -400px;       
    }
   
    .ajuste{
        width: 100%;
        height: 60px;
        background-color: #576E46;
        position: fixed;
        top: 80px;    
        z-index: 10;    
    } 

    .linha-superior-branca{
        width: 100%;
        height: 80px;
        background-color: #ffffff;
        z-index: 10;
        position: fixed;
        left: 0;
    }

    
    .ajuste-posicao{
        margin-top: 10px;
    }

    /*MENU NOVO*/
    .topnav {
        overflow: hidden;        
        background-color: #576E46;
        position: fixed;
        z-index: 11;
        font-family: "Montserrat-SemiBold"; 
        font-size: 12;
        top: 80px;
        right: 0;
        left: 0;
    }

    .topnav a {
        float: left;
        display: block;
        color: #ffffff;
        text-align: center;
        text-decoration: none;
        padding: 12px 10px;      
        z-index: 12; 
        font-family: "Montserrat-SemiBold"; 
        font-size: 12;
    }

    .dropdown {
        float: left;
        overflow: hidden;
        z-index: 10;    
    }

    .dropdown .dropbtn {
        border: none;
        outline: none;
        color: white;
        padding: 12px 10px; 
        background-color: inherit;
        font-family: inherit;
        margin: 0;
        z-index: 10;
        font-family: "Montserrat-SemiBold"; 
        font-size: 12;       
        margin-right: 450px; 
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #576E46;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 11;
    }

    .dropdown-content a {
        float: none;
        color: #ffffff;
        padding: 12px 10px; 
        text-decoration: none;
        display: block;
        text-align: left;
        z-index: 11;
    }

    .topnav a:hover, .dropdown:hover .dropbtn {
        /*background-color: #ca9E67;*/
        color: white;    
        z-index: 11;
    }

    .dropdown-content a:hover {
        background-color: #ca9E67;
        color: black;
        z-index: 11;
    }

    .dropdown:hover .dropdown-content {
        display: block;
        z-index: 11;
    }

    /*
    .topnav a:not(:first-child), .dropdown .dropbtn {
        display: none;
        z-index: 10;
    }
    */

    .topnav a:not(:nth-child(90)), .dropdown .dropbtn {
        display: none;
        z-index: 11;
    }

    .topnav a.icon {
        float: right;
        display: block;
        z-index: 11;
    }

    .topnav.responsive {position: fixed;}
    .topnav.responsive .icon {
        position: fixed;
        top: 80px;
        right: 0;
        z-index: 11;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
        z-index: 11;
    }

    .topnav.responsive .dropdown {float: none; z-index: 10;}
    .topnav.responsive .dropdown-content {position: fixed; z-index: 10;}
    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
        z-index: 10;
    }
    /*MENU NOVO*/
     

    b{
       font-size: 100%;
       font-family: sans-serif;
    }

    a{
       font-size: 100%;
       font-family: sans-serif;
    }    

    .controle-nav{
        visibility: hidden;
        left: -99999px;
        opacity: 0;
    }
    
    
    #pagina .centraliza .cabecalho-superior{
        height: 90px;   
        z-index: 3;    
        margin: 0;
        padding: 0;       
    }    

    #pagina .logotipo{
        height: 40px;
        width: 159px;
        position: fixed;
        margin-left: 20px;  
        z-index: 10;      
    }

    #pagina .icones-superior{
        text-decoration: none;
        float: left;
        columns: 5;
        margin-left: 470px; /*58% do total da página*/
        padding: 0;        
        list-style: none;     
        position: fixed;
        z-index: 10; 
    }

    #pagina .itens-lista-icones{
        width: 43px;
        height: 43px;  
        list-style: none
    }  
 
    .banner_nossodiferencial{
        width: 100%;
        height: auto;
        position: absolute;
        top: 128px;
        z-index: -10;
    }

    #pagina .icone-whatsapp{
        width: 60px;
        height: 60px;
        z-index: 10;
        cursor: pointer;
        top: 550px;
        left: 100px;
        position: fixed;
    }
    
    #pagina .chamada-cancer{
        color: #ca9E67;
        position: relative;
        top: 840px;
        text-align: left;
        float: left;
        left: 70px;
        letter-spacing: 16;
        font-family: "Montserrat-Light";
        font-size: 34;
    }

    #pagina .chamada-voce-merece-todo-cuidado{
        color: #ca9E67;
        position: relative;
        top: 850px;
        text-align: center;
        font-family: "Montserrat-Medium";
        font-size: 14;
        left: 03px;
    }

    .titulog{
        color: #ca9E67;
        margin-top: 940px;
        position: relative;
        width: 600px;
        text-align: justify;
        font-family: "Montserrat-Medium";
        font-size: 26;
        letter-spacing: 2;
        line-height: 1.3;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/        
        
    }
    
    .titulom{
        color: #576E46;
        margin-top: 20px;
        position: relative;
        width: 600px;
        text-align: justify;
        font-family: "Montserrat-SemiBold";
        font-size: 24;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/        
        
    }
    
    .subtitulo{
            color: #ca9E67;
            position: relative;
            width: 540px;
            margin-top: -190px;
            left: 150px;
            text-align: justify;
            font-family: "Montserrat-SemiBold";
            font-size: 24;
            line-height: 1;
    }
    
    .subtituloverde{
        color: #576E46;
        position: relative;
        width: 540px;
        margin-top: -230px;
        left: 150px;
        text-align: justify;
        font-family: "Montserrat-SemiBold";
        font-size: 24;
        line-height: 1;
    }
    
    .texto{
        color: #606060;
        margin-top: 20px;
        position: relative;
        width: 600px;
        text-align: justify;
        font-family: "Montserrat-Regular";
        font-size: 19;
        line-height: 1.2;
         /*CENTRALIZAR OBJETOS*/
         display: block;
         margin-left: auto;
         margin-right: auto;
         /*CENTRALIZAR OBJETOS*/        
        
    }
    
    
    .textolink{
        color: #ca9E67;
        margin-top: 20px;
        position: relative;
        width: 600px;
        text-align: justify;
        font-family: "Montserrat-Regular";
        font-size: 19;
        line-height: 1.2;
         /*CENTRALIZAR OBJETOS*/
         display: block;
         margin-left: auto;
         margin-right: auto;
         /*CENTRALIZAR OBJETOS*/        
        
    }
    
    
    #pagina .img_consultoriooncologia{
        left: 100px;
        margin-top: 30px;
        position: relative;
    }
    
    
    #pagina .umconsultorio{
        margin-top: 30px;
        width: 600px;
        left: 100px;
        position: relative;
        line-height: 1.2;
        font-size: 24;
        
    }
    
    #pagina .sabemosque{
        margin-top: 30px;
    }
    
    #pagina .img_barradourada{
        width: 20px;
        left: 100px;
        margin-top: 30px;
        position: relative;
    }
    
    #pagina .sejaatendida{
       margin-top: -180;
    }
    
    
    #pagina .cancerdecolo{
        margin-top: 80px;
        position: relative;
    }
    
    #pagina .barraverde{
        width: 20px;
        left: 100px;
        margin-top: 30px;
        position: relative;
    }

    #pagina .conultaprimeiravez{
        margin-top: -180px;
        position: relative;
    }
        
    
    #pagina .emnossoconsultorio{
        margin-top: 90px;
    }
    
    #pagina .img_barradourada2{
        width: 20px;
        margin-top: 30px;
        position: relative;
    }
    
    #pagina .barraverde{
        width: 20px;
        margin-top: 30px;
        position: relative;
    }
    
    #pagina .seucuidado{
        margin-top: -180px;
        position: relative;
    }
    
    #pagina .importanteressaltar{
        margin-top: 70px;
    }
    
    #pagina .seuexamepreventivo{
        margin-top: -200px;
        position: relative;
    }
    
    #pagina .doencastratogenital{
        margin-top: 100px;
    }

    #pagina .jornada_paciente{
        font-size: 22;
        font-family: "Montserrat-SemiBold";    
        color: #ca9E67;
        margin-top: 60px;
        text-align: center;
        width: 740px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/  
    }

    #pagina .agende_sua_consulta{
        font-size: 22;
        font-family: "Montserrat-SemiBold";    
        color: #576E46;
        float: left;
        margin-top: 10px;
        text-align: center;
        width: 780px;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/  
    }

    .retirabr{
        display: none;
    }
    .rodape{
        background-color: #576E46;
        width: 100%;
        height: 490px;
        position: absolute;
        top: 7060px;  
        z-index: -1;
    }

    #pagina .lista-rodape {
        columns: 2;
        list-style: none;
        display: block;   
        margin-top: 100px;        
        margin-left: 40px;
        width: 750px;  
        column-gap: 80px;
    }

    #pagina .item-lista-rodape{
        color: #ffffff;
        font-size: 16;
        font-family: "Montserrat-SemiBold";  
        list-style: none;
    }

    #pagina .sub-lista-rodape{
        padding: 10px;
        margin-left: 20px;
        font-size: 09;
        font-family: "Montserrat-Regular";  
    }

    #pagina .lista-sub-lista-rodape{
        text-decoration: none;
        columns: 5;
        margin-left: 0px; /*58% do total da página*/
        padding: 0px;            
        list-style: none;   
        column-gap: 25px;
        float: left;
        margin-top: 10px;
        margin-bottom: 20px;
        
    }

    #pagina .sub-item-lista-rodape{
        cursor: pointer;
        font-size: 12;
        font-family: "Montserrat-Regular"; 
        line-height: 1.3;
    }

    #pagina .sub-item-lista-rodape-icones{
        list-style: none;    
        width: 32px;
        height: 32px; 
    }

    #pagina .produtora_emporio_isismaria{
        position: relative;
        text-align: center;
        font-family: "Montserrat-Regular";
        cursor: pointer;
        margin-top: 50px;
        width: 800px;
        height: auto;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/          
    }  
}

/*Inicio Responsive 1024*/
@media (min-width: 1024px) and (max-width: 1366.99px) {
    #pagina {
        width: 1000px;
    }
    
    .centraliza {
        position: relative;
        left:50%;
        margin-left:-500px;
        float: left;             
    } 
    
    .ajuste{
        width: 100%;
        height: 60px;
        background-color: #576E46;
        position: absolute;
        top: 80px;     
    }
        
    .controle-nav{
       visibility: hidden;
       left: -99999px;
       opacity: 0;
   }    
       
   /*MENU NOVO*/
   .topnav {
       overflow: hidden;        
       background-color: #576E46;        
       margin-top: 60px;
       z-index: 10;
       font-family: "Montserrat-SemiBold"; 
       font-size: 11;
       margin-left: 80px;
   }

   .topnav a {
       float: left;
       display: block;
       /*color: #f2f2f2;*/
       color: #ffffff;
       text-align: center;
       text-decoration: none;
       margin-right: 10px;
       padding: 14px 16px;       
       z-index: 10;
       font-family: "Montserrat-SemiBold"; 
       font-size: 12;
       
   }
   
   .ajuste-posicao{
       margin-top: 0px;
       font-family: "Montserrat-SemiBold"; 
       font-size: 12;
        
   }

   .espaco{
       padding: 0px;
   }

   .topnav .icon {
       display: none;      
   }

   .dropdown {
       float: left;
       overflow: hidden;
       z-index: 10;        
   }

   .dropdown .dropbtn {
       border: none;
       outline: none;
       color: white;
       padding: 14px 16px;
       background-color: inherit;
       font-family: inherit;
       margin: 0;
       z-index: 10;
       font-family: "Montserrat-SemiBold"; 
       font-size: 12;        
   }

   .dropdown-content {
       display: none;
       position: absolute;
       background-color: #576E46;
       min-width: 160px;
       box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
       z-index: 10;
   }

   .dropdown-content a {
       float: none;
       color: #ffffff;
       padding: 12px 16px;
       text-decoration: none;
       display: block;
       text-align: left;
       z-index: 10;
   }

   .topnav a:hover, .dropdown:hover .dropbtn {
       background-color: #ca9E67;
       color: white;    
       z-index: 10;

   }

   .dropdown-content a:hover {
       background-color: #ca9E67;
       color: black;
       z-index: 10;
   }

   .dropdown:hover .dropdown-content {
       display: block;
       z-index: 10;
   }

   /*
   .topnav a:not(:first-child), .dropdown .dropbtn {
       display: none;
       z-index: 10;
   }
   
   .topnav a.icon {
       float: right;
       display: block;
       z-index: 10;
   }
   
   .topnav.responsive {position: relative;}
   
   .topnav.responsive .icon {
       position: absolute;
       right: 0;
       top: 0;
       z-index: 10;
   }
   .topnav.responsive a {
       float: none;
       display: block;
       text-align: left;
       z-index: 10;
   }

   .topnav.responsive .dropdown {float: none; z-index: 10;}
   .topnav.responsive .dropdown-content {position: relative; z-index: 10;}
   .topnav.responsive .dropdown .dropbtn {
       display: block;
       width: 100%;
       text-align: left;
       z-index: 10;
   }
   */

   /*MENU NOVO*/

    b{
       font-size: 100%;
       font-family: sans-serif;
    }

    a{
       font-size: 100%;
       font-family: sans-serif;
    }

    #pagina .centraliza .cabecalho-superior{
        height: 90px;   
        z-index: 3;    
        margin: 0;
        padding: 0;       
    }    

    #pagina .logotipo{
        height: 42px;
        width: 183px;
        position: absolute;
        left: 60px;        
    }

    #pagina .icones-superior{
        text-decoration: none;
        float: left;
        columns: 5;
        margin-left: 620px; /*58% do total da página*/
        padding: 0;    
    }

    #pagina .itens-lista-icones{
        width: 43px;
        height: 43px;      
        list-style: none;   
    }  

    .banner_nossodiferencial{
        width: 100%;
        height: auto;
        position: absolute;
        top: 130px;
        z-index: -10;
    }

     /*botão whatsapp fixo 1024*/
     #pagina .icone-whatsapp{
        width: 60px;
        height: 60px;
        z-index: 10;
        cursor: pointer;
        top: 550px;
        left: 100px;
        position: fixed;
    }
    /*fim do botão*/
    
   
   #pagina .chamada-cancer{
       color: #ca9E67;
       position: relative;
       top: 720px;
       text-align: left;
       float: left;
       left: 90px;
       letter-spacing: 18;
       font-family: "Montserrat-Light";
       font-size: 45;
   }

   #pagina .chamada-voce-merece-todo-cuidado{
       color: #ca9E67;
       position: relative;
       top: 735px;
       text-align: center;
       font-family: "Montserrat-Medium";
       font-size: 18;
       left: 0px;
   }

   .titulog{
    color: #ca9E67;
    margin-top: 800px;
    position: relative;
    width: 800px;
    text-align: justify;
    font-family: "Montserrat-Medium";
    font-size: 30;
    letter-spacing: 2;
    line-height: 1.5;
    /*CENTRALIZAR OBJETOS*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*CENTRALIZAR OBJETOS*/        
    
}

.titulom{
    color: #576E46;
    margin-top: 20px;
    position: relative;
    width: 800px;
    text-align: justify;
    font-family: "Montserrat-SemiBold";
    font-size: 26;
    /*CENTRALIZAR OBJETOS*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*CENTRALIZAR OBJETOS*/        
    
}

.subtitulo{
        color: #ca9E67;
        position: relative;
        width: 730px;
        margin-top: -190px;
        left: 150px;
        text-align: justify;
        font-family: "Montserrat-SemiBold";
        font-size: 28;
        line-height: 1.4;
}

.subtituloverde{
    color: #576E46;
    position: relative;
    width: 730px;
    margin-top: -230px;
    left: 150px;
    text-align: justify;
    font-family: "Montserrat-SemiBold";
    font-size: 28;
    line-height: 1.4;
}

.texto{
    color: #606060;
    margin-top: 20px;
    position: relative;
    width: 800px;
    text-align: justify;
    font-family: "Montserrat-Regular";
    font-size: 19;
    line-height: 1.2;
     /*CENTRALIZAR OBJETOS*/
     display: block;
     margin-left: auto;
     margin-right: auto;
     /*CENTRALIZAR OBJETOS*/        
    
}


.textolink{
    color: #ca9E67;
    margin-top: 20px;
    position: relative;
    width: 800px;
    text-align: justify;
    font-family: "Montserrat-Regular";
    font-size: 19;
    line-height: 1.2;
     /*CENTRALIZAR OBJETOS*/
     display: block;
     margin-left: auto;
     margin-right: auto;
     /*CENTRALIZAR OBJETOS*/        
    
}


#pagina .img_consultoriooncologia{
    left: 100px;
    margin-top: 30px;
    position: relative;
}


#pagina .umconsultorio{
    margin-top: -500px;
    left: 500px;
    width: 400px;
    position: relative;
    line-height: 1.6;
    font-size: 26;
}

#pagina .sabemosque{
    margin-top: 290px;
}

#pagina .img_barradourada{
    width: 20px;
    left: 100px;
    margin-top: 30px;
    position: relative;
}

#pagina .sejaatendida{
   margin-top: -190;
}


#pagina .cancerdecolo{
    margin-top: 80px;
    position: relative;
}

#pagina .barraverde{
    width: 20px;
    left: 100px;
    margin-top: 30px;
    position: relative;
}
    

#pagina .emnossoconsultorio{
    margin-top: 90px;
}

#pagina .img_barradourada2{
    width: 20px;
    margin-top: 30px;
    position: relative;
}

#pagina .barraverde{
    width: 20px;
    margin-top: 30px;
    position: relative;
}

#pagina .seucuidado{
    margin-top: -210px;
    position: relative;
}

#pagina .importanteressaltar{
    margin-top: 50px;
}

#pagina .seuexamepreventivo{
    margin-top: -200px;
    position: relative;
}

#pagina .doencastratogenital{
    margin-top: 90px;
}

#pagina .jornada_paciente{
    font-size: 30;
    font-family: "Montserrat-SemiBold";    
    color: #ca9E67;
    margin-top: 70px;
    text-align: center;
    /*CENTRALIZAR OBJETOS*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*CENTRALIZAR OBJETOS*/  
    position: relative;

}

#pagina .agende_sua_consulta{
    font-size: 30;
    font-family: "Montserrat-SemiBold";    
    color: #576E46;        
    margin-top: 20px;
    text-align: center;        
    /*CENTRALIZAR OBJETOS*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*CENTRALIZAR OBJETOS*/  
    position: relative;
}

.retirabr{
    display: none;
}

.rodape{
    background-color: #576E46;
    width: 100%;
    height: 540px;
    position: absolute;
    top: 6420px; 
    z-index: -1;
    
}

#pagina .lista-rodape {
    columns: 2;
    list-style: none;
    display: block;   
    margin-top: 80px;        
    margin-left: 40px;
    width: 800px;  
    height: 500px;
    column-gap: 160px;        
    /*CENTRALIZAR OBJETOS*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*CENTRALIZAR OBJETOS*/  
    position: relative;
}

#pagina .item-lista-rodape{
    color: #ffffff;
    font-size: 16;
    font-family: "Montserrat-SemiBold";  
    list-style: none;
}

#pagina .sub-lista-rodape{
    padding:10px;
    margin-left: 20px;
    font-size: 16;
    font-family: "Montserrat-Regular";  
}

#pagina .sub-item-lista-rodape{
    cursor: pointer;
    font-size: 16;
    font-family: "Montserrat-Regular"; 
}

#pagina .lista-sub-lista-rodape{
    text-decoration: none;
    columns: 5;
    margin-left: 0px; /*58% do total da página*/
    padding: 0px;            
    list-style: none;   
    column-gap: 25px;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
    
}

#pagina .sub-item-lista-rodape-icones{
    list-style: none;    
    width: 32px;
    height: 32px; 
}

#pagina .produtora_emporio_isismaria{
    position: relative;
    text-align: center;
    font-family: "Montserrat-Regular";
    cursor: pointer;
    margin-top: 20px;
    width: 1020px;
    height: auto;
      /*CENTRALIZAR OBJETOS*/
      display: block;
      margin-left: auto;
      margin-right: auto;
      /*CENTRALIZAR OBJETOS*/  
      position: relative;
}

    
}    

 /*Inicio Responsive 1367*/
@media (min-width: 1367px) {
    #pagina {
        width: 1000px;    
    }
    
    .centraliza {
        position: relative;
        left:50%;
        margin-left:-510px;
        float: left;     
    } 

    .ajuste{
        width: 100%;
        height: 80px;
        background-color: #576E46;
        position: fixed;
        top: 80px;     
        z-index: 10;
    }

    .linha-superior-branca{
        width: 100%;
        height: 80px;
        background-color: #ffffff;
        z-index: 10;
        position: fixed;
        left: 0;
    }
        
    .controle-nav{
        visibility: hidden;
        left: -99999px;
        opacity: 0;
    }    
        
    /*MENU NOVO*/
    .topnav {
        overflow: hidden;        
        background-color: #576E46;        
        margin-top: 70px;
        z-index: 10;
        margin-left: 50px;
        position: fixed;
    }

    .topnav a {
        float: left;
        display: block;
        /*color: #f2f2f2;*/
        color: #ffffff;
        text-align: center;
        text-decoration: none;
        margin-right: 10px;
        padding: 14px 16px;       
        z-index: 10; 
        font-family: "Montserrat-SemiBold"; 
        font-size: 14;
       
    }
    
    .ajuste-posicao{
        margin-top: 0px;
    }

    .espaco{
        padding: 0px;
    }

    .topnav .icon {
        display: none;      
    }

    .dropdown {
        float: left;
        overflow: hidden;
        z-index: 10;        
    }

    .dropdown .dropbtn {
        border: none;
        outline: none;
        color: white;
        padding: 14px 16px;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
        z-index: 10;
        font-family: "Montserrat-SemiBold"; 
        font-size: 14;     
    }

    .dropdown-content {
        display: none;
        position: fixed;
        background-color: #576E46;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 10;
    }

    .dropdown-content a {
        float: none;
        color: #ffffff;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
        z-index: 10;
    }

    .topnav a:hover, .dropdown:hover .dropbtn {
        /*background-color: #ca9E67;*/
        color: white;    
        z-index: 10;

    }

    .dropdown-content a:hover {
        background-color: #ca9E67;
        color: black;
        z-index: 10;
    }

    .dropdown:hover .dropdown-content {
        display: block;
        z-index: 10;
    }
    /*MENU NOVO*/

    b{
       font-size: 100%;
       font-family: sans-serif;
    }

    a{
       font-size: 100%;
       font-family: sans-serif;
    }

    #pagina .centraliza .cabecalho-superior{
        height: 90px;   
        z-index: 3;    
        margin: 0;
        padding: 0;       
    }    

    #pagina .logotipo{
        height: 42px;
        width: 183px;
        position: fixed;
        z-index: 10;
        margin-left: 20px;
    }

    #pagina .icones-superior{
        text-decoration: none;
        float: left;
        columns: 5;
        margin-left: 690px; /*58% do total da página*/
        padding: 0;    
        z-index: 10;
        position: fixed;
    }

    #pagina .itens-lista-icones{
        width: 43px;
        height: 43px;      
        list-style: none;   
    }  

    .banner_nossodiferencial{
        width: 100%;
        height: auto;
        position: absolute;
        top: 140px;
        z-index: -10;
    }

     /*botão instagram fixo 1367*/
     #pagina .icone-whatsapp{
        width: 60px;
        height: 60px;
        z-index: 10;
        cursor: pointer;
        top: 550px;
        left: 100px;
        position: fixed;
    }
    /*fim do botão*/
    
    
    #pagina .chamada-cancer{
        color: #ca9E67;
        position: relative;
        top: 820px;
        text-align: left;
        float: left;
        left: 45px;
        letter-spacing: 18;
        font-family: "Montserrat-Regular";
        font-size: 50;
    }

    #pagina .chamada-voce-merece-todo-cuidado{
        color: #ca9E67;
        position: relative;
        top: 835px;
        text-align: center;
        font-family: "Montserrat-Medium";
        font-size: 20;
        left: -10px;
    }

    .titulog{
        color: #ca9E67;
        margin-top: 900px;
        position: relative;
        width: 1000px;
        text-align: justify;
        font-family: "Montserrat-Medium";
        font-size: 32;
        letter-spacing: 2;
        line-height: 1.5;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/        
        
    }
    
    .titulom{
        color: #576E46;
        margin-top: 20px;
        position: relative;
        width: 1000px;
        text-align: justify;
        font-family: "Montserrat-SemiBold";
        font-size: 26;
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/        
        
}

    .subtitulo{
            color: #ca9E67;
            position: relative;
            width: 950px;
            margin-top: -190px;
            left: 40px;
            text-align: justify;
            font-family: "Montserrat-SemiBold";
            font-size: 28;
            line-height: 1.4;
    }

    .subtituloverde{
        color: #576E46;
        position: relative;
        width: 950px;
        margin-top: -190px;
        left: 40px;
        text-align: justify;
        font-family: "Montserrat-SemiBold";
        font-size: 28;
        line-height: 1.4;
}
    
    .texto{
        color: #606060;
        margin-top: 20px;
        position: relative;
        width: 1000px;
        text-align: justify;
        font-family: "Montserrat-Regular";
        font-size: 19;
        line-height: 1.2;
    }


    .textolink{
        color: #ca9E67;
        margin-top: 20px;
        position: relative;
        width: 1000px;
        text-align: justify;
        font-family: "Montserrat-Regular";
        font-size: 19;
        line-height: 1.2;
    }


    #pagina .img_consultoriooncologia{
        margin-top: 30px;
        position: relative;
    }


    #pagina .umconsultorio{
        margin-top: -620px;
        left: 480px;
        width: 520px;
        position: relative;
        line-height: 1.6;
        font-size: 26;
    }

    #pagina .sabemosque{
        margin-top: 450px;
    }

    #pagina .img_barradourada{
        width: 20px;
        margin-top: 30px;
        position: relative;
    }

    #pagina .sejaatendida{
       margin-top: -170;
    }


    #pagina .cancerdecolo{
        margin-top: 80px;
        position: relative;
    }

    #pagina .barraverde{
        width: 20px;
        margin-top: 30px;
        position: relative;
    }
        

    #pagina .emnossoconsultorio{
        margin-top: 110px;
    }

    #pagina .img_barradourada2{
        width: 20px;
        margin-top: 30px;
        position: relative;
    }

    #pagina .barraverde{
        width: 20px;
        margin-top: 30px;
        position: relative;
    }

    #pagina .importanteressaltar{
        margin-top: 70px;
    }

    #pagina .doencastratogenital{
        margin-top: 120px;
    }

    #pagina .jornada_paciente{
        font-size: 36;
        font-family: "Montserrat-SemiBold";    
        color: #ca9E67;
        margin-top: 70px;
        text-align: center;        
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/  
        position: relative;
    }

    #pagina .agende_sua_consulta{
        font-size: 36;
        font-family: "Montserrat-SemiBold";    
        color: #576E46;        
        margin-top: 25px;
        text-align: center;        
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/  
        position: relative;
    }
    
    .retirabr{
        display: none;
    }

    .rodape{
        background-color: #576E46;
        width: 100%;
        height: 540px;
        position: absolute;
        top: 5930px; 
        z-index: -1;
        
    }

    #pagina .lista-rodape {
        columns: 2;
        list-style: none;
        display: block;   
        margin-top: 80px;        
        margin-left: 40px;
        width: 800px;  
        height: 500px;
        column-gap: 160px;        
        /*CENTRALIZAR OBJETOS*/
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*CENTRALIZAR OBJETOS*/  
        position: relative;
    }

    #pagina .item-lista-rodape{
        color: #ffffff;
        font-size: 16;
        font-family: "Montserrat-SemiBold";  
        list-style: none;
    }

    #pagina .sub-lista-rodape{
        padding:10px;
        margin-left: 20px;
        font-size: 16;
        font-family: "Montserrat-Regular";  
    }

    #pagina .sub-item-lista-rodape{
        cursor: pointer;
        font-size: 16;
        font-family: "Montserrat-Regular"; 
    }

    #pagina .lista-sub-lista-rodape{
        text-decoration: none;
        columns: 5;
        margin-left: 0px; /*58% do total da página*/
        padding: 0px;            
        list-style: none;   
        column-gap: 25px;
        float: left;
        margin-top: 10px;
        margin-bottom: 20px;
        
    }

    #pagina .sub-item-lista-rodape-icones{
        list-style: none;    
        width: 32px;
        height: 32px; 
    }

    #pagina .produtora_emporio_isismaria{
        position: relative;
        text-align: center;
        font-family: "Montserrat-Regular";
        cursor: pointer;
        margin-top: 20px;
        width: 1020px;
        height: auto;
          /*CENTRALIZAR OBJETOS*/
          display: block;
          margin-left: auto;
          margin-right: auto;
          /*CENTRALIZAR OBJETOS*/  
          position: relative;
    }

}