@import url("nivo-slider.css");
@import url("style.css");
@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0;}
html { 
  background: url(../images/fundo.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
img{border:none;}
.clear{clear:both;}
#tudo{width:100%; height:100%;}
#geral{width:940px; height:auto; margin:0 auto;}
#logo{width:389px; height:76px; float:left; margin-top:40px;}
#menu{width:400px; height:auto; float:right; margin-top:60px;}
#banner{width:900px; height:250px; margin:0 auto; margin-top:50px;}
.content{width:940px; height:auto; background:url(../images/bg-content.png) center top repeat; color:#FFF; margin-top:60px;}
.content h1{font-size:20px; line-height:30px; padding:10px; border-bottom:2px solid #E74100; font-family:Verdana, Geneva, sans-serif;}
.content p{padding:0 15px 0 15px; text-align:justify; font-family:Verdana, Geneva, sans-serif; font-size:14px;}
.img-content{width:180px; height:180px; float:right; margin:40px 10px 0 10px;}
.conteudo-left{float:left; width:540px;}
.share-icons{height:64px; width:64px; float:left; margin:20px;}
#footer{width:100%; height:auto; margin:0 auto; margin-top:20px; border-top:3px solid #E74100; border-bottom:3px solid #E74100;}
#rodape{width:910px; height:auto; margin:0 auto; padding:10px;}
.content-rodape{width:700px; height:auto; float:left;}
#rodape h1{line-height:20px; font-size:16px; color:#FFF; font-family:Verdana, Geneva, sans-serif;}
#rodape p{ font-size:9px; color:#FFF; font-family:Verdana, Geneva, sans-serif;}
#intec{width:29px; height:53px; float:right; margin-top:30px;}
.box-solucoes{width:300px; height:auto; min-height:500px; float:left; margin:10px 5px 10px 5px; background:url(../images/bg-content.png) center top repeat;}
.box-solucoes img{float:left; margin:0 10px 0 0;}
.box-solucoes h1{color:#E74100;}
.box-solucoes ul{list-style: none; font-family:Verdana, Geneva, sans-serif; font-size:14px; margin:0 0 0 10px; padding:0;}
.box-solucoes ul li{padding-bottom:10px; background:url(../images/list_checkbox.png) left center no-repeat; padding-left:30px;}
ul{list-style: none; font-family:Verdana, Geneva, sans-serif; font-size:14px; margin:0 0 0 10px; padding:0;}
ul li{padding-bottom:10px; background:url(../images/list_checkbox.png) left center no-repeat; padding-left:30px;}
/* Menu */
/* ----------------------------------------------------- */
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  height: 49px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #000000;
  background: -moz-linear-gradient(top, #000000 0%, #333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #333));
  background: -webkit-linear-gradient(top, #000000 0%, #333 100%);
  background: -o-linear-gradient(top, #000000 0%, #333 100%);
  background: -ms-linear-gradient(top, #000000 0%, #333 100%);
  background: linear-gradient(top, #000000 0%, #333 100%);
  border-bottom: 2px solid #f37535;
  width: auto;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #000000;
  background: -moz-linear-gradient(top, #000000 0%, #333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #333));
  background: -webkit-linear-gradient(top, #000000 0%, #333 100%);
  background: -o-linear-gradient(top, #000000 0%, #333 100%);
  background: -ms-linear-gradient(top, #000000 0%, #333 100%);
  background: linear-gradient(top, #000000 0%, #333 100%);
  color: #FFF;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li > a {
  color: #FFF;
  font-size: 14px;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f37535;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li.active:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f37535;
  margin-left: -10px;
}
#cssmenu > ul > li.active > a {
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  background: #333;
  background: -moz-linear-gradient(top, #333 0%, #ffeeff ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #ffeeff ef));
  background: -webkit-linear-gradient(top, #333 0%, #ffeeff ef 100%);
  background: -o-linear-gradient(top, #333 0%, #ffeeff ef 100%);
  background: -ms-linear-gradient(top, #333 0%, #ffeeff ef 100%);
  background: linear-gradient(top, #333 0%, #ffeeff ef 100%);
}
#cssmenu > ul > li:hover > a {
  background: #333;
  background: -moz-linear-gradient(top, #333 0%, #ffeeff ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #ffeeff ef));
  background: -webkit-linear-gradient(top, #333 0%, #ffeeff ef 100%);
  background: -o-linear-gradient(top, #333 0%, #ffeeff ef 100%);
  background: -ms-linear-gradient(top, #333 0%, #ffeeff ef 100%);
  background: linear-gradient(top, #333 0%, #ffeeff ef 100%);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #f37535;
  border-bottom: 1px dotted #f69665;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
  color: #ffffff;
}
#cssmenu .has-sub ul li:hover a {
  background: #e7570e;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #e7570e;
  border-bottom: 1px dotted #f69665;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #cf4e0c;
}
form{font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#FFF; padding-left:10px;}
.fotm-text-field{background:none; border-bottom:1px dotted #E74100; border-top:none; border-left:none; border-right:none; width:440px; height:20px; margin-top:10px; margin-bottom:10px; color:#fff;}
.fotm-text-area{background:none; border-bottom:1px dotted #E74100; border-top:none; border-left:none; border-right:none; width:440px; height:auto; margin-top:10px; margin-bottom:10px; color:#fff;}
.botao{background:#E74100; color:#FFF; height:30px; width:auto; border:none; font-weight:bold; float:right; margin-right:20px; margin-top:10px;}

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background:url(../images/status.gif) center center no-repeat;/* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}