@media/* ==========================================================================
  HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
  ========================================================================== */

/* ==========================================================================
  Media Queries
  ========================================================================== */
@media only screen and (max-width: 991px) {


}

@media only screen and (max-width: 1024px) {
  .demonstracaobotao h4{         
    margin-right: 50%;
  }
}

@media only screen and (max-width: 570px) {
  .iconsubtitulo {
    visibility: hidden;
    clear: both;
    float: left;
    display: none;
    width: 0%;
    margin-left: 0%;
  }

  .textosubtitulo{
    width: 100%;
    position: relative;
    float: left;
  } 

  .logoclientes {
    width       : 40%;
    float       : left;
    margin-left : 5%
  }

  .logoclientes img {    
    max-height : 100px;
  }  
}

@media only screen and (max-width: 767px) {

	#container-slider {
    visibility: hidden;
    clear: both;
    float: left;
    display: none;
  }

  #treeModulos {
    visibility: hidden;
    clear: both;
    float: left;
    display: none;
  }

  #cabecalho-top{ 
    background-color: #000;
    border-color:#000;
  }

  #informacoes{ 
   margin-top: 50px;
  }

  .linhacontato {
    visibility: hidden;
    clear: both;
    float: left;
    display: none;
  }

  .menumobileRow{
    visibility: visible;    
  }

  .menumobileRow button{
    width: 100%;
  }

  .demonstracaobotao h4{         
    margin-right: 50%;
  }

  #pc{
    height:250px;
    background-size:90% 90%; 
    -webkit-background-size: 90%;
    -o-background-size: 90%;
    -khtml-background-size: 90%;
    -moz-background-size: 90% 90%;
  } 

  .contact-right input[type="submit"]{
    width: 80%;
  }
  .contact-right input[type="reset"]{
    border: none;
  }  
  .contact-right input[type="reset"]:hover{
    border: none;
  }    
}


@media only screen and (max-width: 479px), screen and (max-device-width: 479px) {

 


  
  
   

}

@media only screen and (min-width: 480px) {

/* ====================
   INTERMEDIATE: Menu
  ==================== */



   nav ul li {
       display: block;
       float: left;
   }



   
}


@media only screen and (min-width: 768px) {


}

@media only screen and (max-width: 1200px) {

/* ===============
   Maximal Width
  =============== */

video {
  visibility: hidden;
}


}


@media only screen and (max-width: 994px) {



}

@media only screen and (min-width: 1140px) {


}

/* ==========================================================================
  Helper classes
  ========================================================================== */

.ir {
   background-color: transparent;
   border: 0;
   overflow: hidden;
   *text-indent: -9999px;
}

.ir:before {
   content: "";
   display: block;
   width: 0;
   height: 100%;
}

.hidden {
   display: none !important;
   visibility: hidden;
}

.visuallyhidden {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
   clip: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   position: static;
   width: auto;
}

.invisible {
   visibility: hidden;
}

.clearfix:before,
.clearfix:after {
   content: " ";
   display: table;
}

.clearfix:after {
   clear: both;
}

.clearfix {
   *zoom: 1;
}


@media only screen and (max-width: 1040px) {



    }


/* ==========================================================================
  Print styles
  ========================================================================== */

@media print {
   * {
       background: transparent !important;
       color: #000 !important; /* Black prints faster: h5bp.com/s */
       box-shadow: none !important;
       text-shadow: none !important;
   }

   a,
   a:visited {
       text-decoration: underline;
   }

   a[href]:after {
       content: " (" attr(href) ")";
   }

   abbr[title]:after {
       content: " (" attr(title) ")";
   }

   /*
    * Don't show links for images, or javascript/internal links
    */

   .ir a:after,
   a[href^="javascript:"]:after,
   a[href^="#"]:after {
       content: "";
   }

   pre,
   blockquote {
       
       page-break-inside: avoid;
   }

   thead {
       display: table-header-group; /* h5bp.com/t */
   }

   tr,
   img {
       page-break-inside: avoid;
   }

   img {
       max-width: 100% !important;
   }

   @page {
       margin: 0.5cm;
   }

   p,
   h2,
   h3 {
       orphans: 3;
       widows: 3;
   }

   h2,
   h3 {
       page-break-after: avoid;
   }
}