/* Controle de tamanho*/
@media screen and (max-width: 400px) {
#divBaseTelefone {
    width: auto;
    position: relative;
    float: left;
}

#divtelefone {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

    #MiniLogo {
        display:block;
        position:relative;
    }
#ConteudoDefault > #Conteudo {
        position:relative;
        float:initial;
        width:100%;
        margin-top:2% !important;
        clear:both;
        text-align:left;        
        padding:0px; 
        background-image:none !important;
         
    }
         #ConteudoDefault > #LogoFull {
             display:none !important;
        }
        #ConteudoDefault > #TextoImagem {
            display:none !important;
        }
        #ConteudoDefault > #Conteudo > #ConteudoPagina > #ConteudoDireito > .ctnLinksServicos {
                width:100% !important;
                float:none !important;
                margin-right:5px;
            }
             .ctnConteudoServico {
                padding:5px !important; 
                width:100% !important;
                text-align:left; 
                float:none !important;
             }
            .ctnIconServico {
                width:100% !important; 
                height:102px; 
                float:none!important;
            }
    .ctnConteudoServico h1 {
        text-shadow: black 0.1em 0.1em 0.2em;
        color:white;
        font-size:25px;
    }
}

@media screen and (max-width: 784px) {
body{
	margin:0px;
	padding:0px;
	text-align:center;
	vertical-align:baseline;
	font-family:Arial, Helvetica, sans-serif !important;
    background-image:none;
	
	}

#divBaseTelefone {
    width: 780px;
    position: relative;
    float: left;
}

#divtelefone {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 280px;
    text-align: right;
}


    #ConteudoDefault {
        width: 100% !important;
        margin-top: 0px;
        margin-left: 1px;
        margin-right: 1px;
    }

     #ConteudoDefault > #ConteudoTopo {
        width:100%;
        margin-top:0px;
        clear:both;        
        background-color:#fff;      
        }

    /*Controle logomarca do topo*/

    .logoTopo {
        width:200px;
        float:left;
        padding-left:0px;
    }
    
    /*Controles do Menu Topo*/
    #ConteudoDefault > #ConteudoTopo > #TopoLogoLinks{
        text-align:center;
    }

    #ConteudoDefault > #ConteudoTopo > #TopoLogoLinks > #TopoLogoLinksMenu > .container {
        width: 100%;
        line-height:30px;
        float:left;
        clear:both;
        display:table;
        /*margin: 0px auto;*/
        }

    #ConteudoDefault > #ConteudoTopo > #TopoLogoLinks > #TopoLogoLinksMenu > .toggleMenu {
        float:right;                
        background: #004010;        
        color: #fff;
        margin-top:10px;
        }

       #ConteudoDefault > #ConteudoTopo > #TopoLogoLinks > #TopoLogoLinksMenu > .active {
            display: block;
        }

    #ConteudoDefault > #ConteudoTopo > #TopoLogoLinks > #TopoLogoLinksMenu > .container > .nav {
        background: #82A783;
        color: #000 !important;
        font-size:14px;
        text-align:center;
    }
        #ConteudoDefault > #ConteudoTopo > #TopoLogoLinks > #TopoLogoLinksMenu > .container > .nav :hover {
            background: #94C097;
        }

        #ConteudoDefault > #ConteudoTopo > #TopoLogoLinks > #TopoLogoLinksMenu > .container >  .nav > li {
            float: none;
           border-top:none;
            display:inline !important;
        }

            #ConteudoDefault > #ConteudoTopo > #TopoLogoLinks > #TopoLogoLinksMenu > .container >  .nav > li > .parent {
                background-position: 95% 50%;
            }

        #ConteudoDefault > #ConteudoTopo > #TopoLogoLinks > #TopoLogoLinksMenu > .container >  .nav li li .parent {
            background-image: url("images/downArrow.png");
            background-repeat: no-repeat;
            background-position: 95% 50%;
        }
        #ConteudoDefault > #ConteudoTopo > #TopoLogoLinks > #TopoLogoLinksMenu > .container > .nav > li > a:hover {
                        color: #fff;
                    }

        #ConteudoDefault > #ConteudoTopo > #TopoLogoLinks > #TopoLogoLinksMenu > .container >  .nav ul {
            display: block;
            width: 100%;
            margin-top:0px !important;
        }

        #ConteudoDefault > #ConteudoTopo > #TopoLogoLinks > #TopoLogoLinksMenu > .container >  .nav > li.hover > ul, .nav li li.hover ul {
            position: static;
        }
/*Controle de Conteudo*/

 #ConteudoDefault > #Conteudo {
        float:initial;
        width:100%;
        margin-top:-18%;
        clear:both;
        text-align:left;
        padding:0px;      

    }
         #ConteudoDefault > #LogoFull {
            display:block;
            text-align:center !important;
            margin:0px;
            }
             #ConteudoDefault >  #LogoFull > img {
                    margin-left:0px;                 
                    width:30%

                }
        #ConteudoDefault > #TextoImagem {
            display:block;
            text-align:center;
            margin-top:2% !important;            
            }
            #ConteudoDefault > #TextoImagem > img {               
                width:20%;                 
                margin-left:5%;
            }

             #ConteudoDefault > #Conteudo > #ConteudoPagina > #ConteudoDireito > .ctnLinksServicos {
                
                float:left;
                margin-right:5px;
            }
             .ctnConteudoServico {
                padding-left:5px !important; 
                width:216px;
                text-align:left; 
                float:left
             }
.Button1 {
        width:100% !important;
        height:50px !important;
    }
#Rodape {
        width:100% !important;
        

    }


}