html {
}

body {
	/*background-image: url(../img/fundodosite.png);
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;*/
}

#tudo {
	width:100%;
	height: 100%;
	margin:0 auto;
	position:relative;
}

#pagina {
	/*background: #95daf8;*/
	/*background:url(../img/fundo.png);*/
	/*padding-bottom:40px;	*/
}

#cabecalho {
	background: url(../img/cabecalho.png);
	background-repeat: no-repeat;
	width: 100%;
	float: left;
	height:100px;	
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#logo {
	position:relative;
	float:left;
	width:100px;
	padding-left: 90px;
	padding-top: 10px;
}

#info_topo {
	position:relative;
	float:right;
	width:300px;
	padding-right: 90px;
	font-size:15px;
	font-family: Arial; 
	color:#939597;
}

#banner {
	position: relative;
	background-repeat: no-repeat;
	width: 100%;
	float: left;
	height:250px;	
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#slide {
	position: relative;
	background-repeat: no-repeat;
	width: 100%;
	height: 250px;
    float: right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#barraslide {
	position: relative;
	background-repeat: no-repeat;
	width: 70%;
	padding: 10px 0 20px 175px;
}

#Centro {
	background: #8ab5f3;
	width: 100%;
	float: left;
}

.clear{
	clear:both;
}

#rodape {
	background: #8ab5f3;
	position:relative;
	float:left;
	width:100%;
}

#infos_rodape {
	position:relative;
	float:left;
	width:600px;
	font-size:14px;
	color:#000;
	text-align:left;
	font-family: Arial; 
	font-weight: bold;
	padding: 0px 0px 10px 50px;
}

#infos_rodape p.tex {
    font-family:"Trebuchet MS";
    margin: 8px 0 5px 30px;
    font-size: 18px;
    line-height: 25px;
}

#infos_rodape p img.icone {
    vertical-align: -20px;
}

#logo_rodape {
	position:relative;
	float:left;
	width:235px;
	padding: 20px 10px 10px 100px;
}

#linha_rodape {
	position:relative;
	float:left;
	margin-right: 1%;
	margin-left: 1%;
	width:98%;
	height:5px;
	background: #0a46b4;
}

#creditos {
	position:relative;
	float:right;
	text-align:right;
	width:200px;
	color:#000;
	font-size:12px;
    font-family: Arial; 
    padding: 15px 100px 15px 0px;
}

#menu {
	position:relative;
	float:left;
	width:100%;

	background:#0a46b4;
}

.cont_menu {
	position:relative;
	margin:0 auto;
	width:960px;
}

#menu ul {
	position:relative;
	float:left;
	width:960px;
	height:30px;
	list-style:none;
	display:inline;
	font-size:12px;
}

#menu ul li {
	position:relative;
	float:left;
	display:inline;
	list-style:none;
	margin-left: 50px;
}

#menu ul li a {
	position:relative;
	float:left;
	padding:8px 0;
	color:#FFF;
	text-decoration:none;
	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
	-ms-transition:1s;
	-o-transition:1s;
	-khtml-transition:1s;
	background:#0a46b4;
}

#menu ul li a:hover {
	background:#2aa100;
	color:#FFF;
}

.borda {
	border-left:solid 1px #FFF;
}

/* drop */
#menu ul li ul {
	display:none;
	height:auto;
	filter:alpha(opacity=95);
	opacity:0.95;
	position:absolute;
	z-index:1002;
	margin-top:29px;
	background:#0a46b4;
	color:#FFF;
	margin-left:0;	
}			

#menu ul li:hover ul {
	display:block;
}
#menu ul li ul li {
	display:block;
	padding:0;
	position:relative;
	float:left;
	margin:0;
}	
				
#menu ul li ul li a {
	display:block;
	font-size:12px;
	padding:6px 10px;
	text-align:left;
	background:#0a46b4;
	color:#FFF;
	width: 200px;
}

#menu ul li ul li a:hover {
	color:#FFF;
	width: 200px;
	transition:1s;
	-o-transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	-khtml-transition:1s;
	text-decoration:none;
	display:block;
	text-align:left;
	background:#2aa100;
	opacity:1.0;
	filter:alpha(opacity=100);
}

/* fim drop */

/* lista lateral */

#menu ul li ul li ul {
	height:auto;
	position:absolute;
	z-index:1001;
	left:230px;
	margin-top:0px;
	background:#0a46b4;
	top:0px;
	display:none;
	float:left;
}
#menu ul li ul li:hover ul {
	display:block;
}
#menu ul li ul li ul li {
	display:none;
	padding:0;
	position:relative;
	float:left;
	margin:0;
	z-index:1002;
}
#menu ul li ul li:hover ul li {
	display:block;
}
/*fim lista lateral */

.Texto {
	font-size: 14px;
	color: #000;
	text-decoration: none;
	font-family: Arial;
	text-align: left;
}

.box01_titulo {
	font-size: 14px;
	color: #0a46b4;  
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
}

#conteudo {
	/*Novamente definimos a largura da div*/
	width:100%;
	/* altura da div */
	height:500px;
	/* Cor de fundo da div */
	background-color:#0F0;	
}	

#conteudo-left {
	/*Novamente definimos a largura da div*/
	width:500px;
	/* altura da div */
	height:300px;
	/* O atributo Float é utilizado para fazermos o nosso bloco(div) literalmente flutue e se posicione onde queremos na página, quando escolhemos left, dizemos que esse bloco irá se posicionar na parte esquerda da página */
	float:left;
	/* Cor de fundo da div */
	background-color:#FF0;
}

#conteudo-right {
	/*Novamente definimos a largura da div*/
	width:500px;
	/* altura da div */
	height:400px;
	/* Pode parecer meio estranho usarmos o mesmo atributo left para o bloco em que queremos posicionar na direita, mas como sabemos, o CSS é um estilo em cascata, nossa div conteúdo definimos a largura de 1000px e na conteudo-left 500px, 
automaticamente ao definirmos o conteudo-right com 500px e à esquerda também, ele ficou à direita do conteudo-left, pois o máximo que a div filha poderá ter é 1000px, sendo 500+500=1000px */
	float:left;
	/* Cor de fundo da div */
	background-color:#F00;
}

.box-01 {
	margin: 20px 0px;
	text-align:center;
}

.box-01 .item {
	background: #D8D7D5;
	display: inline-block;
	margin: 20px 10px;
	width: 220px;
	text-align:center;
	vertical-align:top;
	height: 370px;
	box-shadow: 0px 0px 2px 0px #666;
}

.box-01 .item .img img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-os-transition: all 0.3s;
}

.box-01 .item:hover .img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-os-transform: scale(1.1);
}

.box-01 .item:hover .entrar a {
	opacity: 1;
}

.box-01 .item div {
	margin-bottom: 20px;
}
	
.box-01 .item .img {
	width: 100%;
	height: 140px;
	overflow:hidden;
}

.box-01 .item .titulo {
	font: 25px "Conv_Avant Garde Book BT";
	color: #0a46b4;
	padding: 0px 10px;
}

.box-01 .item .conteudo {
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	text-align:left;
	color: #000;
	padding: 0px 10px;
	height: 70px;
}

.box-01 .item .entrar {
	width: 80%;
	height: 20px;
	text-align: left;
	padding: 14px;
	font-size: 14px;
	font-weight: bold;
	margin: 0px 7px;
	background: #279027;
	color: #ffffff;
}

.box-01 .item .entrar a {
}

#Empresa {
	position: relative;
	width: 70%;
	min-width: 70%;
	max-width: 70%;
	left: 0;
	right: 0;
	top: 15px;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

#FaleContato {
	position: relative;
	width: 70%;
	min-width: 70%;
	max-width: 70%;
	left: 0;
	right: 0;
	top: 15px;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

#Preventiva {
	position: relative;
	width: 70%;
	min-width: 70%;
	max-width: 70%;
	left: 0;
	right: 0;
	top: 15px;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

#Corretiva {
	position: relative;
	width: 70%;
	min-width: 70%;
	max-width: 70%;
	left: 0;
	right: 0;
	top: 15px;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
}

.window{
    display:none;
    width: 50%;
    position:fixed;
    left:0;
    top:0;
    background:#FFF;
    z-index:9900;
    padding:10px;
    border-radius:10px;
}
 
#mascara{
    display:none;
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
}
 
.fechar{
	font-size: 12px;
	color: #000;  
	font-family: Arial;
	font-weight: bold;
	display:block;
	text-align:right;
}

.Texto12 {
	font-size: 12px;
	font-weight: bold;
	color: #000;  
	text-decoration: none;
	font-family: Arial;
	text-align: left;
}

.orcamento_titulo {
	font-size: 14px;
	color: #0a46b4;  
	text-decoration: none;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
}

#carosel{
	height: 190px;
	margin-top: -20px;
}

#carosel ul li img{
	height:52px;
	width:190px;
	
	}

.box4{
	margin-top:-10px;
	
	}

.box4 h1{
	font-weight:normal;
	line-height:21px;
	font-size:15px;
	color:#bcb9b9;
	margin-left:10px;
    font-family: Calibri;
}

button{
	border:none;
	background:none;
	margin-left:85px;
	
	}

 .ani-tada{
	animation: frames-ani-tada linear 1s;
	animation-iteration-count: 2;
	transform-origin: 50% 50%;
	-webkit-animation: frames-ani-tada linear 1s;
	-webkit-animation-iteration-count: 2;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: frames-ani-tada linear 1s;
	-moz-animation-iteration-count: 2;
	-moz-transform-origin: 50% 50%;
	-o-animation: frames-ani-tada linear 1s;
	-o-animation-iteration-count: 2;
	-o-transform-origin: 50% 50%;
	-ms-animation: frames-ani-tada linear 1s;
	-ms-animation-iteration-count: 2;
	-ms-transform-origin: 50% 50%;
}

@keyframes frames-ani-tada{
  0% {
	transform:  translate(0px,0px)  rotate(0deg) ;
  }
  15% {
	transform:  translate(-10px,0px)  rotate(-5deg) ;
  }
  30% {
	transform:  translate(5px,0px)  rotate(3deg) ;
  }
  45% {
	transform:  translate(0px,0px)  rotate(0deg) ;
  }
  60% {
	transform:  translate(5px,0px)  rotate(3deg) ;
  }
  75% {
	transform:  translate(-10px,0px)  rotate(-5deg) ;
  }
  100% {
	transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-moz-keyframes frames-ani-tada{
  0% {
	-moz-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  15% {
	-moz-transform:  translate(-10px,0px)  rotate(-5deg) ;
  }
  30% {
	-moz-transform:  translate(5px,0px)  rotate(3deg) ;
  }
  45% {
	-moz-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  60% {
	-moz-transform:  translate(5px,0px)  rotate(3deg) ;
  }
  75% {
	-moz-transform:  translate(-10px,0px)  rotate(-5deg) ;
  }
  100% {
	-moz-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-webkit-keyframes frames-ani-tada {
  0% {
	-webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  15% {
	-webkit-transform:  translate(-10px,0px)  rotate(-5deg) ;
  }
  30% {
	-webkit-transform:  translate(5px,0px)  rotate(3deg) ;
  }
  45% {
	-webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  60% {
	-webkit-transform:  translate(5px,0px)  rotate(3deg) ;
  }
  75% {
	-webkit-transform:  translate(-10px,0px)  rotate(-5deg) ;
  }
  100% {
	-webkit-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-o-keyframes frames-ani-tada {
  0% {
	-o-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  15% {
	-o-transform:  translate(-10px,0px)  rotate(-5deg) ;
  }
  30% {
	-o-transform:  translate(5px,0px)  rotate(3deg) ;
  }
  45% {
	-o-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  60% {
	-o-transform:  translate(5px,0px)  rotate(3deg) ;
  }
  75% {
	-o-transform:  translate(-10px,0px)  rotate(-5deg) ;
  }
  100% {
	-o-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-ms-keyframes frames-ani-tada {
  0% {
	-ms-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  15% {
	-ms-transform:  translate(-10px,0px)  rotate(-5deg) ;
  }
  30% {
	-ms-transform:  translate(5px,0px)  rotate(3deg) ;
  }
  45% {
	-ms-transform:  translate(0px,0px)  rotate(0deg) ;
  }
  60% {
	-ms-transform:  translate(5px,0px)  rotate(3deg) ;
  }
  75% {
	-ms-transform:  translate(-10px,0px)  rotate(-5deg) ;
  }
  100% {
	-ms-transform:  translate(0px,0px)  rotate(0deg) ;
  }
}

@-webkit-keyframes loader_ani {
	  0% {
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	  }
	  100% {
	    -webkit-transform: rotate(360deg);
	    transform: rotate(360deg);
	  }
	}
	@keyframes loader_ani {
	  0% {
	    -webkit-transform: rotate(0deg);
	    transform: rotate(0deg);
	  }
	  100% {
	    -webkit-transform: rotate(360deg);
	    transform: rotate(360deg);
	  }
	}