html,body {margin:0;font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;}
.header  div ul li a {  background-color: #202020 !important; color:white !important; border: 0px;  text-shadow: 0 1px 0 rgba(255,255,255,.25) !important;font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif !important; font-weight: normal !important;}
.header div ul li a:hover{transition: color 0.1s linear 0s, background-color 0.3s linear 0s !important;color: #262626 !important;background-color: white !important;}
.header {  background-color: transparent !important; opacity: 0.7;}
.header:hover {opacity: 0.95;}
section{  background: #fff;
text-shadow:none!important;
  border-top: #ddd 1px solid;
  border-bottom: #ddd 1px solid;
  padding: 0;
  display: block;
  height:100%;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  overflow: hidden !important;
  padding-top: 20px;
  padding-bottom:30px;
  }
 
  section h2{font-size:2.5em;text-transform: uppercase; border-bottom:1px solid rgba(155, 155, 155,0.30);  width: 70vw;
}
  section h2 span{padding-bottom:10px;font-size:2.0em !important;}
  section h2 img{height:2em;padding-bottom:10px;}
  
  #home {padding-top: 0px !important;height:100vh; background-image: url('../goupImg/home-min.jpg');background-repeat: no-repeat;background-size:cover;text-align:left;}
  #home img{width:40%;padding-left: 50px; padding-top:50px;}
  
  #sobre {background: #1D9083;color:white;}
  #cases {background: #eee;color:#555;}
    #funcionalidades {background: #106A8B;color:white;}
	#depoimento img{  width: 100%;}
	#depoimento{  background-color:black; padding: 0 !important;}
	#mobiletec {background: #eee;color:#555; }
	.subtexto {  font-size: 0.5em !important;
  font-weight: 100;}
  #contato {color: #eee !important;background:#383838;}
  #contato table tr td {color:#eee;}
  #contato .contatoInfo{  border-collapse: separate;
  border-spacing: 20px 2px;	}
 #contato table tr td label {color: #eee;}
   #contato table tr td input {width:17em;  }
#contato table tr td textarea{ height: 123px !important;resize: none;}
	#contato .contatoDiv {display: inline-block; margin-left:20px; margin-right:20px;margin-top:20px;}
	@media (max-width:900px){	#contato .contatoDiv {margin-left:0px !important; }}
		@media (max-width:700px){	#contato .contatoDiv {dmargin-left:0px !important; }}
			@media (max-width:600px){	#contato .contatoDiv { margin-left:0px !important; }}
.ui-input-text  { background-color: none !important; border: none !important;}

.redes div span {font-size:3em;vertical-align:middle;}
.redes div  {display:inline-block;font-size:1em;width:7em;height:7em;margin-left:30px;margin-right:30px;cursor:pointer;}

#mapa {padding:0;}
#mapa iframe{width:100%; height:50vh;}

  
  .fundoFuncionalidade .fa{  font-size: 30px !important;padding-bottom:5px;}
  .fundoFuncionalidade{height:300px;width:200px;display: inline-block;padding-left:30px;padding-right:30px;vertical-align:top;margin-top:20px;margin-left:10px;margin-right:10px;
  background-color: #005676;
  border-radius: 3px;
  color: white;
  font-weight: 100;}
  
  .fundoFuncionalidade p{font-size:15px;text-align:center;}
  
  .fundoCase{display: inline-block;padding-left:30px;padding-right:30px;vertical-align:middle;margin-top:20px;margin-left:10px;margin-right:10px;}
  .fundoCase img{width:130px;vertical-align:middle;}
  
  .btn {
  width: 10em !important;
  background: #e8e8e8 !important;
  background-image: -webkit-linear-gradient(top, #e8e8e8, #d9dde0) !important;
  background-image: -moz-linear-gradient(top, #e8e8e8, #d9dde0) !important;
  background-image: -ms-linear-gradient(top, #e8e8e8, #d9dde0) !important;
  background-image: -o-linear-gradient(top, #e8e8e8, #d9dde0) !important;
  background-image: linear-gradient(to bottom, #e8e8e8, #d9dde0) !important;
  -webkit-border-radius: 2 !important;
  -moz-border-radius: 2 !important;
  border-radius: 2px !important;
  color: #1f1f1f !important;
  font-size: 15px !important;
  padding: 10px 20px 10px 20px !important;
  text-decoration: none !important;
}

.btn:hover {
  background: #c0c1c2 !important;
  text-decoration: none !important;
}