@media screen and (max-width: 2500px) {
    #divlogo {
        width: 47%;
        float:left
    }
    
    #access {
        width: 50%;
        float:left;
        text-align: right
    }
    
    
    #tabrodape {
        margin: auto;padding: 5px; width: 60%; font-size: 17px
    }

    #tabacesso {
        width: 65%; background-color: #FFF; border: 1px solid #666666; margin: auto
    }

    #tabquadro {
        width:70%;
        margin: auto;
    }

    #divleft {
        width: 30%; float: left; padding: 15px; text-align: justify
    }

    #indexcolleft {
        line-height: 40px; font-size: 15px;text-shadow:#d8d8d8 -2px 2px 2px;color:#666
    }

    #indexcolright {
        width: 30%; float: left; padding: 15px; text-align: justify; padding-top:20px;line-height: 40px;text-shadow:#d8d8d8 -2px 2px 2px;color:#666
    }

    #principal {
        width: 100%;
        margin: auto;
        float:left;
        background-color: #37578b;
        box-shadow: 2px 2px 2px #999
    }

    #confgrupo {
      margin-left: 20px
    }

    #conftema {
      margin-left: 20px
    }

    #confseg {
      margin-left: 20px
    }
    
    #iniciando {
        width: 40%; margin-bottom: 15px;float:left;margin-left: 5%;border: 2px solid #3366ff;padding: 5px
    }
    
    #cadastros {
        width: 40%; margin-bottom: 15px;float:right;margin-right: 5%;border: 2px solid #3366ff;padding: 5px
    }
}

@media screen and (max-width: 1440px) {
    #tabrodape {
        width:70%
    }

    #tabquadro {
        width:80%;
        margin: auto;
    }

    #tabacesso {
        width: 100%;
    }
}

@media screen and (max-width:1340px) {
    .ulrodape {
       margin: 0px;width: 28%;float: left
    }
}

@media screen and (max-width: 1220px) {
    #tabrodape {
        width:100%
    }

    #tabquadro {
        width:90%;
        margin: auto;
    }

    #divleft {
        width:28%
    }

    #indexcolleft {
        font-size:13px
    }

    #indexcolright {
        font-size: 13px
    }
}

@media screen and (max-width:1100px) {
    #tblogin {
        width: 100%
    }
}

@media screen and (max-width:950px) {
  .quadroconf {
    width: 100%
  }

  #confgrupo {
    margin-left: 0px
  }

  #conftema {
    margin-left: 0px
  }

  #confserver {
    margin-left: 0px
  }
  
  #divlogo {
      width: 20%;
      margin-left: 40px;
  }
  
  #access {
      width: 70%
  }
}

@media screen and (max-width:760px) { 
    #divlogo {
        width: 100%;
        margin: auto;
      text-align: center
    }

    .quadroconf {
        min-height: 150px
    }

    .qdleft {
        margin-left:0px;margin-right: 0px;width:100%;text-align: center
    }

    .qdleft img {
        text-align: center
    }
    
    .qdleft span {
        width: 100%
    }

    .qdright {
        margin-left:0px;margin-right: 0px;width:100%;text-align: center
    }

    .qdright span {
        width: 100%
    }
    
    #access {
        width: 100%;
        margin: auto;
      text-align: center;
      margin-top: 30px
    }
}

@media screen and (max-width:500px) {   
    .quadroconf {
        min-height: 200px
    } 
    
    #divlogo {
        width: 100%;
        margin: auto;
        text-align: center;
        margin-bottom: 7px
    }
    
    #access {
        width: 100%
    }
    
    #divleft {
        width: 90%;
        font-size: 13px;
        font-weight: normal;
    }
    
    #divleft span {
        line-height: 20px
    }
    
    #divacesso {
        width: 90%;
        font-size: 13px;
        font-weight: normal
    }
    
    #acesso {
        width: 90%;
        margin:7px;
        padding: 7px;
        line-height: 20px
    }
    
    #acesso span {
        line-height: 20px
    }
    
    #indexcolright {
        width: 90%;
        font-size: 13px;
        font-weight: normal;
    }
    
    #indexcolright {
        line-height: 20px
    }
    
    #iniciando {
        width: 100%;margin: 0px;float: none;margin-bottom: 10px
    }
    
    #cadastros {
        width: 100%; margin: 0px;float: none
    }
    
    #user {
        width: 95%;
        margin-bottom: 7px
    }
    
    #senha {
        width: 95%;
        margin-bottom: 7px
    }
}

@media screen and (max-width:450px) {   
    .quadroconf {
        min-height: 250px
    }
}